/*  */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Carattere&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baumans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

:root{
    --primary-color: #E8505B;--primary-rgb-color: rgb(232, 80, 91);--red-color: #EA2125;--secondary-color: #212026;--secondary-color: #0C0C20;
}

/* font-family: "Abhaya Libre", serif; font-family: "Carattere", cursive; font-family: "Baumans", system-ui; */

::selection{color: #181818;background-color: #EAEAEA;-webkit-text-fill-color: #181818;}

html{scroll-behavior: smooth;}

body{font-family: "Poppins", sans-serif;color: #1A1A1A;font-size: 1rem;line-height: 1.6;}

a{color: inherit;text-decoration: none;}

p:last-child{margin-bottom: 0;}

ul,ol,figure{margin-bottom: 0;}

/* p > a, ul li > a, ol li > a{text-decoration: underline;text-decoration-color: #dbdbdb;text-underline-offset: 2px;transition: all 0.3s ease-in-out;}
p > a:hover, ul li > a:hover, ol li > a:hover{color: var(--primary-color);text-decoration: underline;text-underline-offset: 3px;} */

a.link-style{text-decoration: underline;text-decoration-color: #b1b1b1;text-underline-offset: 3px;transition: all 0.3s ease-in-out;}
a.link-style:hover{color: var(--primary-color);text-decoration: underline;text-underline-offset: 2px;}

img{max-width: 100%;}

h1,h2,h3,h4,h5,h6{font-family: "Oswald", sans-serif;}

button{border: 0;}

.fs-lg{font-size: 1.1rem!important;line-height: 1.7;}
.fs-md{font-size: 0.92rem!important;}

.font-normal{font-family: "Poppins", sans-serif;}
.font-carattere{font-family: "Carattere", cursive;font-weight: 400;}
.font-baumans{font-family: "Baumans", system-ui;font-weight: 400;}
.font-nanum-pen-script {font-family: "Nanum Pen Script", cursive;font-weight: 400;}

.clearBlock::after{content: "";display: block;}

/*  */
.bg-primary{background-color: var(--primary-color)!important;}
.bg-secondary{background-color: var(--secondary-color)!important;}
.bg-red{background-color: var(--red-color);}
.bg-light{background-color: #F9F9F9!important;}
.bg-light-1{background-color: #F6F6F6;}

/*  */
.text-primary{color: var(--primary-color)!important;}

.border-primary{border-color: var(--primary-color)!important;}

.heading{position: relative; color: #181818; font-size: 3.1rem; font-weight: 700; text-transform: uppercase;}
.heading span{text-transform: none;}
.heading .text-span > div{color: #fff; font-size: 1.3rem; line-height: 1; display: inline-block; padding: 4px 10px; border-radius: 100px; background-color: #46CA72; margin-right: -25px;}
.heading .image{height: 45px;}
.sub-title{font-size: 2.4rem;line-height: 1;}
.titlestyle{font-size: 1.5rem;}

.text-transform-normal{text-transform: none;}

/*  */
.btn{position: relative; color: #fff; font-size: 1rem; padding: 0.3rem 1.3rem; background-color: #11112D; border: none; overflow: hidden; transition: all .3s ease-in-out; z-index: 1;}
.btn::before {content: ""; position: absolute; top: 105%; left: 0; width: 100%; height: 110%; background: var(--primary-color); transform: scale(1.01); transition: all .3s ease-in-out; z-index: -1;}
.btn img{transition: all .3s ease-in-out;}

.btn:hover{color: #fff;}
.btn:hover::before{top: 0;}
button.btn:hover::before{top: -1px;}

/* withIcon */
.btn.withIcon{padding: 0.4rem 2.5rem 0.4rem 1.4rem;}
.btn.withIcon img{position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
/* btn-rounded */
.btn.btn-rounded{border-radius: 100px;}

.btn.btn-sm{padding: 0.2rem 2.4rem 0.3rem 1.2rem}

.btn.btn-light{color: #2E262A; background-color: #fff;}
.btn.btn-light:hover{color: #fff;}
.btn.btn-light img{transition-delay: 0.1s;}
.btn.btn-light:hover img{filter:  contrast(0%) brightness(300%);}

.btn.btn-primary{background-color: var(--secondary-color)!important;}

.text-link{position: relative; font-weight: 500; transition: all 0.3s ease-in-out;}
.text-link *{transition: all 0.3s ease-in-out;}
.text-link::after{content: ""; width: 0%; border-top: 1px solid var(--primary-color); position: absolute; left: 0; bottom: 0; transition: all 0.3s ease-in-out;}
.text-link:hover::after{width: 100%;}

/*  */
.section-space{padding-top: 100px; padding-bottom: 100px;}
.section-space-md{padding-top: 70px; padding-bottom: 70px;}

/* table */
.table{margin-bottom: 0;}
.table-bordered{border-color: var(--primary-color);}
.table-bordered thead tr th{font-size: 1.1rem; font-weight: 600; background-color: #FFE2E2;}
.table-bordered thead tr th *{font-family: inherit; font-size: 1.1rem; font-weight: 600; margin-bottom: 0;}

/* table-design */
.table-design{border-radius: 0 0 10px 10px;}
.table-design .table{margin-bottom: 0;}
.table-design .table > :not(caption) > * > *{background-color: #FFF0F1; padding: .7rem .7rem; border: 1px solid var(--primary-color); border-bottom: transparent;}
.table-design .table > :not(caption) > * > *:first-child{border-left: transparent;}
.table-design .table > :not(caption) > * > *:last-child{border-right: transparent;}
.table-design .table thead tr th{color: #fff; font-size: 1.2rem; font-weight: 600; background-color: var(--primary-color);}
.table-design .table thead tr th > *{font-family: inherit; font-size: 1.2rem; font-weight: 600; margin-bottom: 0;}

/*  */
.tabpanel{display: flex; justify-content: center; flex-wrap: wrap;}

/* tabs-design-2 */
.tabs-design-2{border: 1px solid #969696;}
.tabs-design-2 .tab-list{background-color: #fff; display: flex; flex-direction: column; justify-content: space-evenly; height: 100%;}
.tabs-design-2 .tab-list .list-item{font-size: 1.1rem; position: relative; display: block; flex: 1 0 auto; background-color: #F5F5F5; display: flex; align-items: center; padding: 11px 18px; transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);}
.tabs-design-2 .tab-list .list-item::after{content: ""; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); border: 8px solid transparent; border-left-width: 12px; /* border-left-color: #F8F8F8; */ transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); z-index: -1;}
/* .tabs-design-2 .tab-list .list-item:hover{background-color: #F8F8F8;} */
.tabs-design-2 .tab-list .list-item.active{color: #fff; background-color: var(--primary-color);}
.tabs-design-2 .tab-list .list-item.active::after{border-left-color: var(--primary-color);}
.tabs-design-2 .tab-content{display: flex; justify-content: center; /* align-items: center; */ margin: 30px 0px; overflow: hidden;}
.tabs-design-2 .tab-pane{width: 100%;}
.tabs-design-2 .tab-pane ul{display: flex; flex-wrap: wrap; text-align: center; gap: 20px 10px;}
.tabs-design-2 .tab-pane ul li{color: inherit; min-width: calc(100% / 4 - 10px);}
.tabs-design-2 .tab-pane ul li img{height: 55px;}

/* tabs-design-3 */
.tabs-design-3 .tab-list{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border: 2px solid transparent; border-radius: 123px; background: linear-gradient(var(--secondary-color), var(--secondary-color)) padding-box, linear-gradient(to top, #212026 -50%, #E9D78F 100%) border-box; border-radius: 50em; overflow: hidden;}
.tabs-design-3 .tab-list .list-item{cursor: pointer; position: relative; flex: 1 0 auto; font-size: 1.5rem; font-weight: 600; padding: 15px 20px; margin-bottom: 0;}
.tabs-design-3 .tab-list .list-item:not(:last-child)::after{content: ""; height: 60%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); border-right: 1px solid #969696;}
.tabs-design-3 .tab-list .list-item.active{background-color: #111131;}

/*  */
.simple-list{padding: 0;}
.simple-list > li{padding-left: 6px!important; margin-bottom: 4px;}
.simple-list li::marker{font-size: 10px;}

/* list-style-icon */
.list-style-icon > li{position: relative; padding-left: 20px; margin-bottom: 8px;}
.list-style-icon > li i{font-size: 0.9rem; position: absolute; top: 5px; left: 0; transform: rotate(45deg);}
.list-style-icon > li img{position: absolute; top: 5px; left: 0;}

/* list-style-icon-1 */
.list-style-icon-1 li{text-align: left; position: relative; padding-left: 45px; margin-bottom: 8px;}
.list-style-icon-1 li span.icon{background-color: #fff; width: 35px; height: 35px; line-height: 35px; border-radius: 100%; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.list-style-icon-1 li span.icon img{width: 22px;}
/* list-style-icon-2 */
.list-style-icon-2 li{display: flex; column-gap: 15px; position: relative; margin-bottom: 8px;}
.list-style-icon-2 li span.icon{flex: 0 0 auto; background-color: #fff; width: 45px; height: 45px; line-height: 45px; border-radius: 100%; text-align: center;}
.list-style-icon-2 li span.icon img{width: 28px;}
.list-style-icon-2 li .title{font-size: 1.2rem; font-weight: 600; font-family: inherit; margin-bottom: 5px;}
/* list-style-icon-3 */
.list-style-icon-3 li{position: relative; padding-left: 35px; margin-bottom: 8px;}
.list-style-icon-3 li .icon{position: absolute; top: 3px; left: 0; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.list-style-icon-3 li .title{font-family: inherit; color: var(--primary-color); font-size: 1.3rem; font-weight: 700;}

/* list-style-icon-img */
.list-style-icon-img li{text-align: left; position: relative; padding-left: 22px; margin-bottom: 8px;}
.list-style-icon-img li img.icon{width: 12px; position: absolute; top: 6px; left: 0;}

/* list-style-1 */
.list-style-1 li{padding-left: 20px; margin-bottom: 35px;}
.list-style-1 li:last-child{margin-bottom: 0;}
.list-style-1 .title{color: var(--secondary-color); font-size: 1.2rem; font-family: inherit; background-color: #fff; padding: 5px 15px 5px; margin-left: -20px; border-radius: 30px 0 0 30px;}

.column-2 li{flex: 0 0 calc(100% / 2 - 20px);}
.column-3 li{flex: 0 0 calc(100% / 3);}
.column-4 li{flex: 0 0 calc(100% / 4);}

/* Scrollbar CSS */
.content-scroll{scrollbar-width: auto; scrollbar-color: var(--primary-color) #D9D9D9;}
/* Chrome, Edge, and Safari */
.content-scroll::-webkit-scrollbar{width: 8px;}
.content-scroll::-webkit-scrollbar-track {background: #D9D9D9;}
.content-scroll::-webkit-scrollbar-thumb{background-color: var(--primary-color); border-radius: 10px; border: 3px solid #ffffff;}

/* tab-list-style */
ul.tab-list-style{display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 15px 12px;}
ul.tab-list-style li{position: relative; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
ul.tab-list-style li a{display: block; background-color: #F8F8F8; font-size: 1.1rem; padding: 9px 28px; border: 1px solid #ACACAC; border-radius: 100px; box-shadow: 0 3px 10px -6px rgba(44, 44, 44, 0); transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
ul.tab-list-style li a:hover{color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); box-shadow: 0 3px 20px -10px rgba(44, 44, 44, 0.9);}
ul.tab-list-style li:hover{top: -2px;}
/* ul.tab-list-style li.active a{color: #fff; background-color: var(--primary-color); border-color: var(--primary-color);} */

/* swiper slider */
.swiper .swiper-pagination{position: relative; margin-top: 30px;}
.swiper .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; opacity: 1; background-color: #EAEAEA;}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--primary-color);}

/* button-group */
.button-group .btn + .btn{margin-left: 10px;}

/* accordion-wrap */
.accordion-wrap .accordion-item{position: relative; background-color: #fff; border-radius: 12px; margin-bottom: 15px;}
.accordion-wrap .accordion-button::before{content: "\2b"; font-family: "Font Awesome 6 Free"; color: #fff; font-size: 0.9rem; font-weight: 600; display: flex; justify-content: center; align-items: center; position: absolute; top: 21px; left: 16px; text-align: center; width: 25px; height: 25px; border-radius: 100%; background-color: #2D2D2D; transform: rotate(0); transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);}
.accordion-wrap .accordion-button:not(.collapsed)::before{transform: rotate(-45deg);}
.accordion-wrap .accordion-button{position: relative; font-family: "Poppins", sans-serif; font-size: 1.1rem; font-weight: 400; line-height: normal; padding: 20px 30px 20px 52px; margin-bottom: 0;}
.accordion-wrap .accordion-body{font-size: 0.9rem; padding: 0 30px 20px 52px;}
/* light-color */
.accordion-wrap.light-color .accordion-item{background-color: transparent; border: 1px solid #2D2D2D;}
/* info-list-1 */
.info-list-1{width: 100%; font-size: 0.8rem; display: inline-flex; flex-wrap: wrap; gap: 8px 12px;}
.info-list-1 li{flex: 0 0 auto; background-color: #D9D9D9; display: inline-flex; align-items: center; column-gap: 7px; padding: 4px 14px; border-radius: 30px;}

/* form */
.form-control:focus{box-shadow: none;}
.form-group .form-control:focus{border-color: var(--primary-color);}
.form-group{margin-bottom: 15px;}
.form-group label{font-size: 0.95rem; margin-bottom: 2px;}
.form-group label:has( + .form-control:required)::after,
.form-group label:has( + .custom-select:required)::after{content: "*"; color: #FF0000; position: relative; right: -1px;}
.form-group .form-control{color: var(--secondary-color); border-color: #a5a5a5; padding: 0.6rem 1rem; border-radius: 10px;}
.form-group .form-control::placeholder{color: #818181;}
.form-group .form-control::-webkit-placeholder{color: #818181;}
.form-group .form-control::-moz-placeholder{color: #818181;}
.form-group .form-control::-webkit-input-placeholder{color: #818181;}
/*  */
.form-floating > .form-control,
.form-floating > label{min-height: auto; height: calc(3.2rem); padding: 0.7rem .75rem;}
.form-floating .form-control:required + label::after{content: "*"; color: #FF0000; position: absolute; right: 1px;}
/* upload-btn */
.form-floating .upload-btn{background-color: #fff; border: 1px solid #a5a5a5; border-radius: 5px; position: relative; height: calc(2.9rem);}
.form-floating .upload-btn .file-text {position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #818181; pointer-events: none; z-index: 0; font-size: 0.95rem; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.form-floating .upload-btn input[type="file"]{background-color: transparent; padding: 0.8rem 2.9rem 0.7rem .7rem !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer;}
.form-floating .upload-btn .file-text::after{content: "*"; color: #FF0000;}
.form-floating .upload-btn input[type="file"]::file-selector-button {display: none;}
.form-floating .upload-btn input[type="file"] + .icon{height: 100%; line-height: calc(2.7rem); padding: 0 10px; border-left: 1px solid #a5a5a5; position: absolute; top: 48%; right: 0px; transform: translateY(-48%)!important;}
.form-floating .upload-btn input[type="file"] + .icon img{width: 20px;}
/*  */
.custom-select{width: 100%; float: none; border-color: #a5a5a5; height: auto; line-height: normal; padding: 0.6rem 1rem; border-radius: 10px;}
.custom-select:hover{border-color: #a5a5a5;}
.custom-select.nice-select::after{border-width: 1px; width: 7px; height: 7px; right: 16px;}
.custom-select.nice-select .list{width: 100%; border-radius: 10px;}
.custom-select.nice-select.open{border-color: var(--primary-color);}
.custom-select.nice-select .option.selected{font-weight: 600;}

/* modal */
/* .modal-open {overflow-x: hidden; overflow-y: hidden;} */
/* .dialog-animated {min-height: 100%; margin: 0 0 0 auto;}
.modal.fade .modal-dialog.dialog-animated {-webkit-transform: translate(100%, 0)scale(1); transform: translate(100%, 0)scale(1); -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); height: 100%;}
.modal.fade.show .modal-dialog.dialog-animated {height: 100%; -webkit-transform: translate(0, 0); transform: translate(0, 0);} */
.modal-content{border: none; border-radius: 4px; overflow-x: hidden;}
.modal-header{position: relative; font-size: 1.4rem; justify-content: space-between; padding: 0.5rem 1.8rem 0.7rem; border-bottom: 1px solid #F8F8F8; font-weight: 600; border-radius: 0;}
.modal-header .close-btn{position: absolute; top: 8px; right: 16px; margin-left: 10px;}
.modal-header .icon-close {font-size: 24px; cursor: pointer;}
.modal-header .circle-close-btn{width: 26px; height: 26px; display: inline-flex; justify-content: center; align-items: center; background-color: #D9D9D9; border-radius: 100%; position: absolute; right: 10px; cursor: pointer;}
.modal-header .circle-close-btn .icon-close{font-size: 1rem;}
.modal-header .title{width: 100%; position: relative; display: flex; column-gap: 15px; font-size: 1.5rem; font-weight: 700; margin-bottom: 0;}
.modal-header .title .icon{flex: 0 0 30px;}
.modal-header .title .icon img{filter: brightness(0) invert(0);}
.modal-body{padding: 1rem 1.4rem 1.4rem;}
.modal-body .simple-list > li{padding-left: 0px!important; margin-bottom: 6px;}
.modal-body .simple-list li::marker{font-size: 14px;}
.modal-body .form-control{border-radius: 5px;}
.modal-body .form-floating > .form-control, .modal-body .form-floating > label{height: calc(2.9rem); padding: 0.6rem 0.6rem;}
.modal-body .form-floating > .form-control:focus, .modal-body .form-floating > .form-control:not(:placeholder-shown){padding-top: 1rem; padding-bottom: 0.1rem;}
.modal-body .form-floating > .form-control:focus ~ label, .modal-body .form-floating > .form-control:not(:placeholder-shown) ~ label{transform: scale(.8) translateY(-.5rem) translateX(.15rem);}
.modal-body figure img{-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
.modal-body .info-list-1 li{background-color: #F2F2F2;}

.jd-content .title{font-size: 1.15rem; font-weight: 600;}

/* slider-buttons */
.slider-buttons{width: 100%; position: relative; display: inline-flex; column-gap: 15px;}
.slider-buttons div[class*="swiper-button"]{position: static; color: var(--secondary-color); background-color: #D9D9D9; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 100%; margin: 0; left: auto; right: auto; transition: all 0.3s ease-in-out;}
.slider-buttons div[class*="swiper-button"]::after{display: none;}
.slider-buttons div[class*="swiper-button"]:hover{color: #fff; background-color: var(--primary-color);}
/* slider-arrows */
.slider-arrows{width: 100%; position: relative; display: inline-flex; justify-content: center; column-gap: 25px;}
.slider-arrows div[class*="swiper-button"]{position: static; width: 40px; height: 30px; margin: 0; left: auto; right: auto; transition: all 0.3s ease-in-out;}
.slider-arrows div[class*="swiper-button"]::after{display: none;}

/* bounceAnime */
.bounceAnime{animation: bounce 1.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);}
@keyframes bounce {
    0%{transform: translateY(-8px);}
    50%{transform: translateY(0px);}
    100%{transform: translateY(-8px);}
}


/* -- header -- */
header{ color: #fff; position: relative; width: 100%; background-color: rgba(12, 12, 32, 1); transition: all 0.3s ease-in-out; box-shadow: 0 2px 15px -8px rgba(44, 44, 44, 0); animation: fadeIn 0.4s linear; z-index: 20; }
header .navbar{position: relative;}
/* navbar-brand */
header .navbar-brand{margin-right: 0;}
header .navbar-brand img{width: 230px; transition: all 0.3s ease-in-out;}
header .navbar-nav .nav-item{margin: 0 6px;}
header .navbar-nav .nav-link{ color: #fff; font-size: 1rem; padding: 0.4rem 0.4rem; }
header .navbar-nav .nav-link.active{ color: #fff; font-weight: 600; }
header a img{width: 14px;}
/* dropdown */
/* header .navbar-nav .nav-item.dropdown .dropdown-toggle{padding-right: 0.9rem;} */
header .navbar .navbar-toggler{ color: #fff; background: transparent; border: 0; outline: 0; box-shadow: none; position: relative; background-color: #141433; width: 45px; height: 45px; text-align: center; border-radius: 100%; flex: 0 0 auto; transition: all 0.3s ease-in-out; }
header .navbar .navbar-toggler::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-40deg); transform-origin: center; width: 100%; height: 100%; border: 2px solid transparent; border-bottom-color: #FF0000; border-radius: 100%; transition: all 0.3s ease-in-out;}
header .navbar .navbar-toggler:hover{background-color: #1A1A1A;}
header .navbar .navbar-toggler:hover::after{transform: translate(-50%, -50%) rotate(-120deg);}

header .navbar-nav .nav-item.dropdown .dropdown-toggle.show{color: var(--primary-color);}
header .navbar-nav .nav-item.dropdown .dropdown-toggle::after{content: "\f107"; font-family: "Font Awesome 6 Free"; font-size: 0.6rem; font-weight: 600; position: relative; top: 2px; right: -6px; margin: 0; border: 0; transition: all 0.4s ease-in-out;}
header .navbar-nav .nav-item.dropdown .dropdown-toggle.show::after{content: "\f106";}
/* dropdown-menu */
/* header .navbar-nav .nav-item.dropdown:hover .dropdown-menu{display: block;} */
header .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item{padding: 0.5rem 1rem;}
header .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.active{background-color: transparent; color: var(--primary-color);}

/* megamenu */
header .navbar-nav .dropdown-menu{border: 0; padding: 0;}
header .navbar-nav .dropdown-menu.megamenu .dropdown-menu{min-width: 245px; background-color: transparent; padding: 0 10px; margin-top: 0; box-shadow: none;}
header .navbar-nav .dropdown-menu.megamenu .column{padding: 15px 35px;}
header .navbar-nav .dropdown-menu.megamenu .link-column{padding: 15px 20px;}
header .navbar-nav .dropdown-menu.megamenu .column{font-size: 2.4rem; font-weight: 300; line-height: 1.3;}
header .navbar-nav .dropdown-menu.megamenu .column img{width: 40px;}
header .navbar-nav .dropdown-menu.megamenu .column span{font-weight: 800;}
header .navbar-nav .dropdown-menu.megamenu .link-column > ul li:not(:last-child){margin-bottom: 2px;}
header .navbar-nav .dropdown-menu.megamenu .link-column > ul >li > a.dropdown-item{display: block; font-weight: 500; position: relative; padding-left: 1.4rem; transition: all 0.3s ease;}
header .navbar-nav .dropdown-menu.megamenu .link-column > ul >li > a.dropdown-item::before{content: "\f100"; font-family: "Font Awesome 6 Free"; font-weight: 600; position: absolute; left: 0; top: 8px;}
header .navbar-nav .dropdown-menu.megamenu .link-column > ul >li > a.dropdown-item:hover{background-color: transparent; color: var(--primary-color); padding-left: 1.6rem;}
header .navbar-nav .dropdown-menu.megamenu .link-column.sub-links{background: url(../images/bg/menu-vector-bg.svg) no-repeat bottom center / contain, linear-gradient(90deg, #F8F8F8 0%, #F8F8F8 100%);}

header .navbar-nav .dropdown-menu.megamenu .dropdown-submenu .dropdown-menu li:not(:last-child){margin-bottom: 4px;}
header .navbar-nav .dropdown-menu.megamenu .dropdown-submenu a:hover{color: var(--primary-color);}
header .navbar-nav .dropdown-menu.megamenu .dropdown-submenu .dropdown-menu a{display: block; padding: 0.1rem 0;}
header .navbar-nav .dropdown-menu.megamenu .dropdown-submenu .dropdown-menu a.active{color: var(--primary-color);}

/* link-group */
header .link-group{display: flex; align-items: center; flex-wrap: wrap; column-gap: 16px;}
header nav.navbar .btn{flex: 0 0 auto; padding: 0.3rem 0.9rem;}

header .navbar-nav .nav-link, header .link-group, header nav.navbar .btn{font-size: 0.92rem;}

/* side-menu */
.side-menu .modal-dialog{max-width: 100%; width: 100%; height: 100%; margin: 0 0; border-radius: 0;}
.side-menu .modal-body{display: flex; align-items: center;}
.side-menu .content-box{animation: fadeIn 0.5s linear; transition: all 0.3s ease-in-out;}
.side-menu .modal-dialog .modal-content{color: #fff; background-color: var(--secondary-color); height: 100%; border-radius: 0;}
.side-menu .close-btn{background-color: transparent; position: absolute; top: 30px; right: 50px; z-index: 1;}
.side-menu .close-btn img{width: 40px;}
.side-menu .links{font-size: 2.2rem;}
.side-menu .links li + li{margin-top: 15px;}
.side-menu .links li a{display: block;}
.side-menu .links li a:hover{color: var(--primary-color); text-decoration: underline;}

/* header - fixed */
header.fixed{position: -webkit-sticky; position: sticky; top: 0; width: 100%; background-color: rgba(12, 12, 32, 0.95); box-shadow: 0 2px 15px -8px rgba(44, 44, 44, 0.4);}
header.fixed .navbar-brand img{width: 180px;}

/* side-menu */
.side-menu-btn{position: relative; background-color: #141433; width: 45px; height: 45px; text-align: center; line-height: 43px; border-radius: 100%; flex: 0 0 auto; transition: all 0.3s ease-in-out;}
.side-menu-btn::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-40deg); transform-origin: center; width: 100%; height: 100%; border: 2px solid transparent; border-bottom-color: #FF0000; border-radius: 100%; transition: all 0.3s ease-in-out;}
.side-menu-btn img{width: 18px;}
.side-menu-btn:hover{background-color: #1A1A1A;}
.side-menu-btn:hover::after{transform: translate(-50%, -50%) rotate(-120deg);}

/* -- social-media-buttons -- */
.social-media-buttons{background-color: #fff; border-radius: 0 18px 18px 0; position: fixed; left: 0; bottom: 20%; padding: 15px 10px; box-shadow: 0 1px 8px -2px rgba(1, 1, 1, 0.08); transition: all 0.3s ease-in-out; z-index: 10;}
.social-media-buttons:hover{bottom: 20.1%; box-shadow: 0 1px 10px -2px rgba(1, 1, 1, 0.2);}
.social-media-buttons .inline-link{text-align: center;}
.social-media-buttons .inline-link li:not(:last-child){margin-bottom: 4px;}
.social-media-buttons .inline-link li a{display: block; padding: 4px 6px;}
.social-media-buttons .inline-link li a:hover{color: var(--primary-color);}


/* -- Banner section -- */
.banner-section{position: relative; height: 800px; background-color: #F5F5F5; padding-bottom: 100px; overflow: hidden;}
/* .banner-section figure{aspect-ratio: 1.34/1;} */
.banner-section .content{display: flex; justify-content: center; align-items: center;}
.banner-section .content .caption{color: #000; font-size: 1.4rem; font-weight: 500; line-height: 1.5;}
.banner-section .content .caption > p:first-child{display: inline-block; background-color: #E12D39; color: #fff; padding: 2px 15px;}
.banner-section .content .caption .text-animation{display: flex; flex-wrap: wrap; line-height: 1.3; position: relative; overflow: hidden; height: 70px;}
.banner-section .content .caption .text-animation .words{opacity: 0;}
.banner-section .content .caption .text-animation span {position: absolute; top: 0; left: 0; color: #000000; font-size: 4.4rem; font-weight: 700; text-wrap: nowrap; text-transform: uppercase; line-height: 70px;}


/* -- about section -- */
.about-section{background: url(../images/bg/about-us-bg-img.webp) no-repeat center right / cover; border-radius: 50px 50px 0 0; margin-top: -100px; overflow: hidden;}
.about-section .heading.border-bottom{position: relative; border: 0!important;}
.about-section .heading.border-bottom::after{content: ""; position: absolute; left: 0; bottom: 0; width: 45%; border-bottom: 3px solid var(--primary-color)!important; animation: fadeIn 1s linear;}


/* -- cta-section-info -- */
.bg-image{position: relative; /* background: linear-gradient(90deg, #810037 0%, #000000 100%); */ z-index: 1;}
.bg-image .parallax-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; z-index: -1;}
.cta-section-info .title{font-family: "Oswald", sans-serif; font-size: 2.9rem; line-height: normal; margin-bottom: 0;}
.cta-section-info .divide-line{position: relative; display: inline-flex; align-items: center; font-size: 2.9rem; line-height: 1; margin-bottom: 0;}
.cta-section-info .divide-line::before,
.cta-section-info .divide-line::after{content: ""; display: inline-flex; width: 110px; border-top: 1px solid var(--primary-color);}
.cta-section-info .divide-line p{display: inline-block; margin: 0 15px;}
.cta-section-info .scroll-text{font-size: 5.5rem; line-height: 0.9;}

/* -- what-we-do-section -- */
/* .cardsWrapper {max-height: 500px; overflow-y: auto; position: relative;} */
.what-we-do-section .cardBlocks{height: max-content; position: -webkit-sticky; position: sticky; top: 180px;}
.what-we-do-section .cardsWrapper{height: max-content;}
.card-wrapper{position: -webkit-sticky; position: sticky; margin-top: 50px;}
/* .card-wrapper .card-design-1:nth-child(1){--index: 1;}
.card-wrapper .card-design-1:nth-child(2){--index: 2;}
.card-wrapper .card-design-1:nth-child(3){--index: 3;}
.card-wrapper .card-design-1:nth-child(4){--index: 4;}
.card-wrapper .card-design-1:nth-child(5){--index: 5;}
.card-wrapper .card-design-1:nth-child(6){--index: 6;}
.card-wrapper .card-design-1:nth-child(7){--index: 7;}
.card-wrapper .card-design-1:nth-child(8){--index: 8;}
.card-wrapper .card-design-1:nth-child(9){--index: 9;} */

.card-design-1{display: flex; color: #AEAEAE; background-color: var(--secondary-color); min-height: 370px; border-radius: 28px; box-shadow: 0 6px 30px -10px rgba(88, 88, 88, 0.5); overflow: hidden; width: calc(100% - 0px); transition: 0.3s; transform-origin: top center; z-index: auto;}
.card-design-1 *{transition: all 0.3s ease-in-out;}
.card-design-1 .content{width: 100%; font-size: 1.1rem; padding: 30px 45px;}
.card-design-1 .content .title{color: #fff; font-size: 2rem; padding-bottom: 15px; border-bottom: 1px solid #fff; margin-bottom: 10px;}
.card-design-1 .content ul li i{font-size: 0.6rem;}
.card-design-1 .btn{font-size: 1rem;}
.card-design-1 figure{overflow: hidden; position: relative; right: -1px; width: 100%; height: 100%; overflow: hidden;}
.card-design-1 figure img{-webkit-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transform: scale(1) rotate(0);}
.card-design-1:hover figure img{transform: scale(1.1) rotate(2deg);}

/* -- whatsapp-api-section -- */
.whatsapp-api-section{position: relative; background-color: var(--secondary-color);}
.whatsapp-api-section.bg-image .parallax-bg{background-repeat: repeat-x; opacity: 0.14;}

.whatsapp-api-section .list{display: flex; flex-direction: column; align-items: center; transform: perspective(800);}
.whatsapp-api-section .list li{user-select: none; cursor: pointer; display: inline-block; color: #1A1A1A; font-size: 1.1rem; background-color: #fff; padding: 10px 40px; border-radius: 100px; margin-bottom: 20px; /* transform: rotateX(0) rotateY(0) scale(1); */ transition: all 0.3s ease-in-out;}
.whatsapp-api-section .list li:last-child{margin-bottom: 0;}
.whatsapp-api-section .list li:hover{transform: rotateX(-10deg) rotateY(-15deg) scale(1.15); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; box-shadow: 0 2px 40px -15px rgba(0, 0, 0, 0.5);}
.whatsapp-api-section .list li:hover:nth-child(odd){transform: rotateX(-10deg) rotateY(15deg) scale(1.15); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; box-shadow: 0 2px 40px -15px rgba(0, 0, 0, 0.5);}
.whatsapp-api-section .btn{background-color: #25D366;}
.whatsapp-api-section .btn:hover, .whatsapp-api-section .btn::before{color: var(--secondary-color); background-color: #fff;}
.whatsapp-api-section .btn:hover img{filter: contrast(100%) brightness(0%);}

/* -- cta-section-1 -- */
.cta-section-1 p{ font-size: 4rem; line-height: 0.9; }
.cta-section-1 p span{color: var(--red-color);}

/* -- global-client-section -- */
.global-client-section{background-color: var(--secondary-color);}
.global-client-section .heading span.location1,
.global-client-section .heading span.location2{position: relative;}
.global-client-section .heading span.location1{color: #F4DF7E;}
.global-client-section .heading span.location1 img{position: absolute; top: -7px; left: -6px; z-index: 1;}
.global-client-section .heading span.location2{color: var(--primary-color);}
.global-client-section .heading span.location2 img{position: absolute; top: -11px; left: 39px; z-index: 1;}

/* -- testimonial-section -- */
.testimonial-section .testimonial-slider{margin: 0 -500px;}
.testimonial-section .testimonial-slider .swiper-wrapper{align-items: center;}
.testimonial-section .swiper-slide{transform: scale(0.9); opacity: 0.9; transition:0.3s;}
.testimonial-section .testimonial{display: flex; align-items: center; gap: 20px; color: #fff; background-color: var(--secondary-color); padding: 40px 40px; border-radius: 21px; box-sizing: border-box; -webkit-box-shadow: 0 0px 20px rgba(0,0,0,.01); box-shadow: 0 0px 20px rgba(0,0,0,.01);}
.testimonial-section .swiper-slide.swiper-slide-active{transform: scale(1); opacity: 1;}
.testimonial-section .testimonial .profile-img{background-color: #F8F8F8; text-align: center; flex: 0 0 auto; width: 150px; height: 150px; line-height: 150px; border-radius: 100%; overflow: hidden;}
.testimonial-section .testimonial .profile-img:empty::before{content: "\f007"; font-family: "Font Awesome 6 Free"; color: #cfcfcf; font-size: 6.4rem; font-weight: 600;}
.testimonial-section .testimonial .profile-img img{-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
.testimonial-section .testimonial .client-name{font-size: 1rem;}
/* ripple */
@-moz-keyframes ripple {
  0% {box-shadow:0 0 0 0.0em rgba(242, 236, 255, 0.0);}
  50% {box-shadow:0 0 0 0.2em rgba(242, 236, 255, 0.3);}
  100% {box-shadow:0 0 0 0.5em rgba(242, 236, 255, 0);}
}
@keyframes ripple {
  0% {box-shadow:0 0 0 0.0em rgba(242, 236, 255, 0.0);}
  50% {box-shadow:0 0 0 0.2em rgba(242, 236, 255, 0.3);}
  100% {box-shadow:0 0 0 0.5em rgba(242, 236, 255, 0);}
}

/* -- clients-section -- */
.clients-section{background-color: var(--secondary-color);}
.clients-section .emoji-track{position: relative; max-width: 10vw; max-width: 160px; padding: 10px 10px 0 10px; /* border: 1px solid; */}
.clients-section .emoji-track ul{position: relative; width: 100%; list-style-type: none; padding: 0; display: flex; justify-content: center; z-index: 1;}
.clients-section .emoji-track ul > li:not([class]){cursor: pointer; padding-bottom: 35px;}
.clients-section .emoji-track ul > li:not([class]) img{user-select: none; margin: 0 2px; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s ease-in-out;}
.clients-section .emoji-track .track{position: absolute; left: 50%; bottom: 10%; width: 85%; display: flex; height: 5px; transform: translateX(-50%); background-color: var(--primary-color); border-radius: 15px; overflow: hidden;}
.clients-section .emoji-track ul li.thumb{position: absolute; bottom: 4px; left: 0; width: 15px; height: 15px; border-radius: 100%; background-color: #fff; border: 2px solid #F4F4F4; -webkit-transform: translateX(18px) scale(1); transform: translateX(18px) scale(1); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; animation: ripple 1s linear infinite; z-index: -1;}
/* hover */
.clients-section .emoji-track ul li:hover img {-webkit-transform: translateY(-5px) scale(1.05); transform: translateY(-5px) scale(1.05);}
/* .clients-section .emoji-track ul li:nth-child(2):hover ~ .thumb {-webkit-transform: translateX(61px) scale(1); transform: translateX(61px) scale(1); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.clients-section .emoji-track ul li:nth-child(3):hover ~ .thumb {-webkit-transform: translateX(105px) scale(1); transform: translateX(105px) scale(1); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} */
/* span.block */
.clients-section .emoji-track .track span.block{flex: 0 0 calc(100% / 3); height: 100%;}
.clients-section .emoji-track .track span.block:nth-child(1){background-color: #EF8035;}
.clients-section .emoji-track .track span.block:nth-child(2){background-color: #EFB025;}
.clients-section .emoji-track .track span.block:nth-child(3){background-color: #6EBF43;}
/* clients-review-emoji */
.clients-section .clients-review-emoji p span:nth-child(1){color: #EF8035;}
.clients-section .clients-review-emoji p span:nth-child(2){color: #6EBF43;}

/* marquee-wrapper */
@keyframes marqueeTop {
    0% {transform: translate3d(0, 0, 0);}
    100% {transform: translate3d(0, -50%, 0);}
}
@keyframes marqueeBottom {
    0% {transform: translate3d(0, -50%, 0);}
    100% {transform: translate3d(0, 0, 0);}
}
/* animation:translateinfinite 50s linear infinite; */
@keyframes translateinfinite {
  100% {transform:translateX(-50%);}
}
@keyframes translateinfinite {
  100% {transform:translateX(-50%);}
}

.marquee-wrapper{position: relative; height: 450px; overflow: hidden; padding: 0 30px;}
.marquee-wrapper .images-slider{position: relative; display: flex; column-gap: 20px; transform: skew(2deg, -2deg) translate(35px, 0px);}
.marquee-wrapper::before {position: absolute; width: 100%; height: 70px; left: 0; top: 0px; content: ""; background: -webkit-linear-gradient(180deg, rgba(12, 12, 32, 1) 0%, rgba(12, 12, 32, 0.9) 47%, rgba(12, 12, 32, 0) 100%); background: linear-gradient(180deg, rgba(12, 12, 32, 1) 0%, rgba(12, 12, 32, 0.9) 47%, rgba(12, 12, 32, 0) 100%); z-index: 1;}
.marquee-wrapper::after {position: absolute; width: 100%; height: 70px; left: 0; bottom: 0px; content: ""; background: -webkit-linear-gradient(0deg, rgba(12, 12, 32, 1) 0%, rgba(12, 12, 32, 0.9) 47%, rgba(12, 12, 32, 0) 100%); background: linear-gradient(0deg, rgba(12, 12, 32, 1) 0%, rgba(12, 12, 32, 0.9) 47%, rgba(12, 12, 32, 0) 100%); z-index: 1;}
/*  */
.marquee-wrapper .images-slider .column-tb:not(.column-tb-reverse){-webkit-animation: marqueeTop 65s linear infinite running; -moz-animation: marqueeTop 65s linear infinite running; -o-animation: marqueeTop 65s linear infinite running; -ms-animation: marqueeTop 65s linear infinite running; animation: marqueeTop 65s linear infinite running; transition: all 0.5s ease-in-out;}
.marquee-wrapper .images-slider .column-tb-reverse{-webkit-animation: marqueeBottom 65s linear infinite running; -moz-animation: marqueeBottom 65s linear infinite running; -o-animation: marqueeBottom 65s linear infinite running; -ms-animation: marqueeBottom 65s linear infinite running; animation: marqueeBottom 65s linear infinite running; transition: all 0.5s ease-in-out;}
.marquee-wrapper .images-slider .image-column{flex: calc(100% / 3 - 50px); overflow: hidden;}
.marquee-wrapper .images-slider .image-column.column-tb ul{display: flex; flex-direction: column; flex-wrap: wrap; row-gap: 15px;}
.marquee-wrapper .images-slider .image-column ul li{display: flex; justify-content: center; align-items: center; position: relative; min-height: 115px; padding: 15px 10px; border: 1px solid #878787;}
.marquee-wrapper .images-slider .image-column ul li *{transition: all .2s ease-in-out;}
.marquee-wrapper .images-slider .image-column ul li:empty::before{content: "\f03e"; font-family: "Font Awesome 6 Free"; color: rgba(249, 249, 249, 0.1); font-size: 4rem;}
.marquee-wrapper .images-slider .image-column ul li:hover{border-color: #a5a5a5;}
.marquee-wrapper .images-slider .image-column ul li img{opacity: 0.8;}
.marquee-wrapper .images-slider .image-column ul li:hover img{opacity: 1;}
/*  */
/* .marquee-wrapper .images-slider:hover .column-tb{animation-play-state: paused;} */

/* -- faq-section -- */
.faq-section .accordion-wrap{position: relative;}

/* -- newsletter -- */
.newsletter{position: relative; background-color: #11112D; padding: 40px 20px; margin-bottom: -70px; border-radius: 30px;}
.newsletter::before{content: ""; position: absolute; top: 15px; left: 15px; width: calc(100% - 30px); height: calc(100% - 30px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 30px;}
.newsletter .title {font-size: 2rem; text-align: center;}
.newsletter form{position: relative; display: flex; align-items: center;}
.newsletter form .form-group{width: 100%; margin-bottom: 0;}
.newsletter form .form-control{color: #fff; background-color: transparent; border-color: #fff; border-radius: 95px; padding: 18px 60px 18px 20px;}
.newsletter form .form-control:focus{border-color: #fff;}
.newsletter form .btn{position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; color: var(--primary-color); font-size: 1.8rem; background-color: #fff; width: 74px; height: 74px; line-height: 80px; border-radius: 100%; border: 1px solid #fff; padding: 0 4px 0 0;}
.newsletter form .btn img{width: 38px;}
.newsletter form .btn:hover img{filter:  contrast(0%) brightness(300%);}
.newsletter form .btn:hover{border-color: #fff;}
.newsletter form .btn:hover, .newsletter form .btn::before{background-color: var(--secondary-color);}
.newsletter form .form-control::placeholder{color: #fff;}
.newsletter form .form-control::-moz-placeholder{color: #fff;}
.newsletter form .form-control::-webkit-input-placeholder{color: #fff;}

/* -- footer -- */
footer{background-color: var(--secondary-color); padding-top: 130px;}
footer a{transition: all 0.3s ease-in-out;}
footer a:hover{color: var(--primary-color);}
footer .widget + .widget{margin-top: 35px;}
footer .widget .title{font-size: 1.5rem; text-transform: uppercase; margin-bottom: 20px;}
/*  */
footer .list-style li{margin-bottom: 3px;}
footer .list-style li a{display: inline-block; position: relative; padding: 4px 0; padding-left: 24px;}
footer .list-style li a::before{content: "\f061"; color: var(--primary-color); font-family: 'Font Awesome 6 Free'; font-size: 0.9rem; font-weight: 600; position: absolute; top: 5px; left: 0; transform: rotate(-45deg); transition: all 0.3s ease-in;}
footer .list-style li:hover a::before{transform: rotate(0);}
/*  */
footer .inline-link{text-transform: uppercase; display: inline-flex; flex-wrap: wrap; column-gap: 40px; row-gap: 5px;}
/*  */
footer .contact-info li{font-size: 1.05rem; position: relative; padding-left: 25px; margin-bottom: 20px;}
footer .contact-info li .icon{width: 18px; position: absolute; top: 0; left: 0;}
footer .contact-info li .icon img{height: 20px;}
/* social-media */
footer .social-media{flex-wrap: wrap;}
footer .social-media .inline-link{column-gap: 10px;}
footer .social-media .inline-link li a{display: block; padding: 0 5px;}

/* --  -- */
.callBtn, .whatsappBtn, .backToTop{position: fixed; cursor: pointer; right: 30px; overflow: hidden; z-index: 1; transition: all 0.4s ease-in-out;}
.callBtn, .whatsappBtn{display: inline-flex; justify-content: center; align-items: center; padding: 0 0; border-radius: 100px; transition: all 0.4s ease-in-out!important;}
.callBtn .text, .whatsappBtn .text{white-space: nowrap; max-width: 0; font-size: 14px; visibility: hidden; opacity: 0; transition: all 0.4s ease-in-out;}
.callBtn i,.whatsappBtn i{text-align: center; transition: all 0.5s ease-in-out;}
.callBtn i{font-size: 16px; width: 30px; height: 30px; line-height: 30px;}
.whatsappBtn i{font-size: 22px; width: 35px; height: 35px; line-height: 33px;}
/* callBtn */
.callBtn{color: #404040; bottom: 150px; background-color: #fff; box-shadow: 0 4px 8px -5px rgba(0, 0, 0, 0.3);}
/* -- whatsappBtn -- */
.whatsappBtn{background-color: #4CAF50; color: #fff; bottom: 100px;}
.callBtn:hover, .whatsappBtn:hover{padding: 0 10px 0 6px;}
.callBtn:hover .text, .whatsappBtn:hover .text{visibility: visible; max-width: fit-content; opacity: 1;}
/* -- backToTop -- */
.backToTop{cursor: pointer; color: #fff; background-color: var(--primary-color); width: 26px; height: 26px; text-align: center; line-height: 26px; border-radius: 100%; right: 30px; bottom: 50px; opacity: 0; transition: all 0.3s ease-in;}
.backToTop:hover{background-color: var(--primary-color);}

/* -- page-banner-section -- */
.page-banner-section{position: relative; color: #fff; background-color: var(--secondary-color); background: url(../images/page-banner/page-banner-img.webp) no-repeat center / cover; /* background-repeat: no-repeat; background-position: center; background-size: cover; */ height: 350px; border-radius: 0 0 200px 0; padding-top: 80px;}
.page-banner-section .title{font-size: 2.6rem;font-weight: 700;text-transform: uppercase;text-decoration: underline;}
.breadcrumb{color: inherit;margin-bottom: 0;}
.breadcrumb-item{font-weight: 700;}
.breadcrumb-item + .breadcrumb-item::before{color: inherit;}
.breadcrumb .breadcrumb-item.active{color: inherit;font-weight: 400;}

/* ---- Services page ---- */
/* .services-page{} */
/* column-design-1 */
.column-design-1 .content{color: #fff;background-color: #131333;padding: 25px 35px 30px;margin: 0 25px;height: 100%;border-radius: 20px;}
.column-design-1 *{transition: all 0.3s ease-in-out;}
.column-design-1 .title{font-size: 1.4rem;line-height: 1.5;}
.column-design-1 hr{opacity: 0.5;}
.column-design-1 .content .icon{background-color: var(--primary-color);border: 8px solid #D83C47;text-align: center;width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;margin: 0 auto;transform: scale(1);border-radius: 100%;}
.column-design-1 .content .icon img{max-width: 60%;}
.column-design-1:hover .content .icon{background-color: #D83C47;border-color: var(--primary-color);transform: scale(1.1);}

/* row-design-1 */
.row-design-1{display: flex;justify-content: center;align-items: center;column-gap: 50px;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.row-design-1 *{transition: all 0.3s ease-in-out;}
.row-design-1:last-child{border-bottom: 0;}
.row-design-1 .icon{flex: 0 0 auto;text-align: center;width: 90px;height: 90px;line-height: 90px;background-color: var(--primary-color);border-radius: 100%;}
.row-design-1:hover .icon{background-color: var(--secondary-color);border-radius: 100%;}
.row-design-1 .icon img{width: 50px;}
.row-design-1 .title{flex: 0 0 20%;font-size: 1.5rem;font-weight: 700;}

/* funnel-flow */
.funnel-flow ul{height: 100%;display: flex;flex-direction: column;justify-content: space-around;}
.funnel-flow ul li{position: relative;padding-right: 80px;}
.funnel-flow ul li + li{margin-top: 40px;}
.funnel-flow ul li .arrow-img{width: 90px;position: absolute;top: 15%;right: -25px;}
.funnel-flow ul li .title{font-size: 1.3rem;}
@media only screen and (min-width: 992px){
    .funnel-flow ul li:nth-child(1){right: 5px;}
    .funnel-flow ul li:nth-child(2){right: -40px;}
    .funnel-flow ul li:nth-child(3){right: -90px;}
    /* reverse-list */
    .funnel-flow ul.reverse-list li{padding-left: 80px;padding-right: 0;}
    .funnel-flow ul.reverse-list li .arrow-img{width: 90px;position: absolute;top: 15%;left: -25px;right: auto;}
    .funnel-flow ul.reverse-list li:nth-child(2){right: 0;left: -82px;}
}

/* column-design-2 */
.column-design-2 .content{position: relative;background-color: #F6F6F6;padding: 30px 35px 40px;margin: 0 5px;height: 100%;min-height: 400px;border-radius: 40px;z-index: 1;transition: all 0.3s ease-in-out;}
.column-design-2 *{transition: all 0.3s ease-in-out;}
.column-design-2 .content::before{content: "";position: absolute;width: calc(100% - 30px);height: calc(100% - 40px);top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.5);background-color: transparent;border-radius: 40px;opacity: 0;transition: all 0.3s ease-in-out;z-index: -1;}
.column-design-2 .title{font-size: 1.2rem;font-weight: 700;line-height: 1.5;}
.column-design-2 .content .icon{background-color: var(--primary-color);text-align: center;width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;transform: scale(1);border-radius: 100%;}
.column-design-2 .content ul li:not(:last-child){margin-bottom: 10px;}
.column-design-2 .content ul li *{font-family: inherit;font-size: inherit;margin-bottom: 5px;}
.column-design-2 .content .icon img{max-width: 60%;}
.column-design-2:hover .content{color: #fff;}
.column-design-2:hover .content::before{background-color: var(--primary-color);transform: translate(-50%, -50%) scale(1);opacity: 1;}
.column-design-2:hover .content .icon{background-color: var(--secondary-color);}
.column-design-2 .content .link-style:hover{color: var(--secondary-color);}

/* icon-list-1 */
.icon-list-1 li figure{margin-bottom: 10px;}
.icon-list-1 li figure img{height: 55px;}
.icon-list-1 li .title{font-size: 1.2rem;font-family: inherit;}

/* list-column-design-1 */
.list-column-design-1{position: relative;}
.list-column-design-1 .column {display: flex;justify-content: center;}
.list-column-design-1 .column ul li{position: relative;padding-left: 28px;}
.list-column-design-1 .column ul:not([class]) li{padding-left: 0;}
.list-column-design-1 .column ul li img{position: absolute;top: 5px;left: 0;width: 18px;margin-right: 8px;}

/* icon-list-2 */
.icon-list-2{display: flex;flex-wrap: wrap;justify-content: center;row-gap: 25px;}
.icon-list-2 li{padding: 0 35px;}
.icon-list-2 li .icon{text-align: center;background-color: var(--primary-color);width: 90px;height: 90px;line-height: 90px;border-radius: 100%;margin: 0 auto 10px;}
.icon-list-2 li .icon img{height: 52%;}
.icon-list-2 li .title{font-family: inherit;font-size: 1.2rem;font-weight: 600;}

/* icon-list-3 */
.icon-list-3 li, .icon-list-3 li *{transition: all 0.3s ease-in-out;}
.icon-list-3 li .icon{width: 70px;height: 70px;line-height: 70px;border-radius: 100%;background-color: #fff;display: inline-flex;justify-content: center;align-items: center;margin-bottom: 10px;}
.icon-list-3 li .icon img{max-width: 54%;}
.icon-list-3 li .title{font-family: inherit;font-size: 1.2rem;font-weight: 600;line-height: 1.4;}
.icon-list-3 li:hover .icon{background-color: var(--primary-color);}
.icon-list-3 li:hover .icon img{filter:  contrast(0%) brightness(300%);}
/*  */
.icon-list-3 li .icon.bg-light{background-color: #E5E5E5!important;}
.icon-list-3 li:hover .icon.bg-light{background-color: var(--primary-color)!important;}

/* column-design-3 */
.column-design-3{background-color: #F6F6F6;padding: 20px 20px 5px;border-radius: 20px;transform: translateY(0);height: 100%;transition: all 0.3s ease-in-out;}
.column-design-3 *{transition: all 0.3s ease-in-out;}
.column-design-3 .title{font-family: inherit;font-size: 1.3rem;font-weight: 700;}
.column-design-3 figure{width: 220px;margin: 0 auto;}
.column-design-3:hover{background-color: #fff;transform: translateY(-8px);}
.column-design-3:hover .title{color: var(--primary-color);}

/* card-design-2 */
.card-design-2 .content{background-color: #fff;display: flex;flex-wrap: wrap;align-items: center;padding: 25px 30px;gap: 10px 25px;height: 100%;border-radius: 50px 0 0 0;}
.card-design-2:nth-child(2) .content{border-radius: 0 50px 0 0;}
.card-design-2 .content .title{font-size: 1.4rem;color: var(--primary-color);font-family: inherit;font-weight: 700;padding-bottom: 5px;border-bottom: 1px solid #dfdfdf;}

/* icon-block-design-1 */
.icon-block-design-1{position: relative;border: 1px solid #fff;padding: 0 20px 25px;margin: 0 15px;}
.icon-block-design-1 *{transition: all 0.3s ease-in-out;}
.icon-block-design-1 figure{width: 80px;height: 80px;line-height: 80px;background-color: #fff;border-radius: 100%;margin: -45px auto 10px;}
.icon-block-design-1 figure img{height: 50px;}
.icon-block-design-1 .title{font-family: inherit;font-size: 1.2rem;font-weight: 600;}

/* column-design-4 */
.column-design-4{height: 100%;padding: 20px 25px;border: 1px solid var(--primary-color);margin: 0 10px 0;border-radius: 10px;transform: translateY(0);transition: all 0.3s ease-in-out;}
.column-design-4 *{transition: all 0.3s ease-in-out;}
.column-design-4 figure{width: 60%;margin: 0 auto 20px;}
.column-design-4 .title{font-family: inherit;font-size: 1.2rem;font-weight: 700;}
.column-design-4:hover{border: 1px solid var(--secondary-color);transform: translateY(-4px);}
.column-design-4:hover .title{color: var(--primary-color);}

/* grid-box */
.grid-box{border: 1px solid var(--primary-color);border-radius: 11px;overflow: hidden;}
.grid-box ul{display: flex;flex-wrap: wrap;text-align: center;margin-bottom: -1px;}
.grid-box ul li{line-height: normal;display: inline-flex;flex-direction: column;justify-content: center;row-gap: 4px;flex-wrap: wrap;padding: 15px 10px;flex: 0 0 calc(100% / 3);border-right: 1px solid var(--primary-color);border-bottom: 1px solid var(--primary-color);}
.grid-box ul li:nth-child(3n){border-right: 0;}

/* infographic-design-1 */
.infographic-design-1 ul{display: flex;flex-wrap: wrap;justify-content: space-around;transition: all 0.3s ease-in-out;}
.infographic-design-1 ul *{transition: all 0.3s ease-in-out;}
.infographic-design-1 ul li{flex: 0 0 calc(100% / 5 - 15px);position: relative;font-size: 0.9rem;padding: 0 40px;}
.infographic-design-1 ul li:not(:last-child):after{content: "";width: 100%;height: 4px;background: url(../images/icons/long-lg-arrow-right-icon.svg) no-repeat center / contain;position: absolute;top: 16%;right: -54%;}
.infographic-design-1 ul li .icon{display: block;width: 100px;height: 100px;line-height: 100px;text-align: center;background-color: #fff;transform: translateY(0) scale(1);border-radius: 100%;margin: 0 auto 15px;}
.infographic-design-1 ul li .title{font-size: 1rem;font-family: inherit;font-weight: 700;line-height: normal;}
.infographic-design-1 ul li:hover .icon{background-color: var(--primary-color);transform: translateY(-7px) scale(1.02);}
.infographic-design-1 ul li .icon img{max-width: 60%;filter: contrast(50%) brightness(0%);}
.infographic-design-1 ul li:hover .icon img{filter: contrast(0%) brightness(200%);}

/* tech-stack-wrapper */
.tech-stack-wrapper ul{display: flex;flex-wrap: wrap;justify-content: center;row-gap: 35px;}
.tech-stack-wrapper li{flex: 0 0 calc(100% / 5 - 20px);font-size: 1.1rem;font-weight: 500;}
.tech-stack-wrapper li figure{margin-bottom: 10px;}
.tech-stack-wrapper li figure img{height: 60px;}

/* card-design-3 */
.card-design-3{position: relative;height: 100%;background-color: #F9F9F9;padding: 25px;border-radius: 17px;z-index: 1;transition: all 0.3s ease-in-out;}
.card-design-3 *{transition: all 0.3s ease-in-out;}
.card-design-3::after{content: "";width: calc(100% - 20px);height: calc(100% - 20px);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.7);background-color: var(--primary-color);border-radius: 17px;opacity: 0;z-index: -1;transition: all 0.3s ease-in-out;}
.card-design-3 .icon{width: 75px;height: 75px;border-radius: 100%;display: flex;justify-content: center;align-items: center;background-color: #E5E5E5;margin: 0 auto 15px;}
.card-design-3 .icon img{max-width: 60%;}
.card-design-3 .title{font-family: inherit;font-size: 1.1rem;font-weight: 600;line-height: 1.5;}
.card-design-3:hover{color: #fff;}
.card-design-3:hover::after{transform: translate(-50%, -50%) scale(1);opacity: 1;z-index: -1;}
.card-design-3:hover .icon{background-color: #DB3440;}
.card-design-3:hover .icon img{filter:  contrast(0%) brightness(300%);}
.card-design-3.dark-color{background-color: #17173B;color: #fff;}
.card-design-3.dark-color::after{display: none;}


/* social-media-page */
.services-page.social-media-page h1.heading span{text-transform: uppercase;}
.services-page.social-media-page h1.heading .fb-gradient{background: linear-gradient(180deg, #18ABFD 6.14%, #0166E1 93.86%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.services-page.social-media-page h1.heading .insta-gradient{background: linear-gradient(179deg, #515CCB 30%, #C938AC 45%, #FF5C40 70%, #F65050 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.services-page.social-media-page h1.heading .google-ads-color{color: #3C8BD9;}
.services-page.social-media-page h1.heading .whatsapp-color{color: #27D045;}
.services-page.social-media-page h1.heading .gradient-color1{background: linear-gradient(360deg, #600064 9.19%, #491F5E 27.09%, #5F52C2 74.07%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.services-page.social-media-page h1.heading img{width: 50px;margin-top: -12px;}

/* icon-block-design-2 */
.icon-block-design-2{position: relative;height: 100%;background-color: #131333;padding: 25px 20px 25px 20px;border-radius: 19px;transition: all 0.3s ease-in-out;}
.icon-block-design-2 *{transition: all 0.3s ease-in-out;}
.icon-block-design-2 figure{width: 70px;height: 70px;line-height: 70px;background-color: #fff;border-radius: 100%;margin: -65px auto 12px;}
.icon-block-design-2 figure img{max-width: 60%;}
.icon-block-design-2 .title{font-family: inherit;font-size: 1.2rem;font-weight: 600;}
.icon-block-design-2:hover figure{background-color: var(--primary-color);}
.icon-block-design-2:hover figure img{filter: contrast(0%) brightness(300%);}
.icon-block-design-2.grey{background-color: #F0F0F0;border: 1px solid transparent;}
.icon-block-design-2.grey figure{background-color: var(--primary-color);}
.icon-block-design-2.grey:hover{color: #fff;background-color: #151537;border-color: #5B5BB3;}
.icon-block-design-2:hover figure.bg-white img{filter: none;}

/* icon-block-design-3 */
.icon-block-design-3{background-color: #F8F8F8;padding: 25px;height: 100%;border-radius: 20px;transition: all 0.3s ease-in-out;}
.icon-block-design-3 *{transition: all 0.3s ease-in-out;}
.icon-block-design-3 .icon{width: 80px;height: 80px;line-height: 80px;background-color: var(--secondary-color);border-radius: 100%;margin: 0 auto 15px;}
.icon-block-design-3 .title{font-family: inherit;font-size: 1.2rem;font-weight: 600;}
.icon-block-design-3:hover .icon{background-color: var(--primary-color);}
/* dark-bg */
.icon-block-design-3.dark-bg{background-color: #131333;}
.icon-block-design-3.dark-bg .icon{background-color: #fff;}
.icon-block-design-3.dark-bg:hover .icon{background-color: var(--primary-color);}
.icon-block-design-3.dark-bg:hover figure img{filter:  contrast(0%) brightness(300%);}


/* ---- Case study ---- */
.case-study-block{color: #fff;position: relative;z-index: 1;}
.case-study-block::after{content: "";width: 100%;height: 70%;background-color: var(--secondary-color);position: absolute;left: 0;top: 0;z-index: -1;}
/*  */
.case-study-block figure{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.case-study-block figure .static-image{position: relative;background-color: #F5F5F5;overflow: hidden;}
.case-study-block figure .static-image img{width: 100%;}
.case-study-block figure .static-image.image-popup{cursor: pointer;}

.case-study-block figure .static-image.web-img{height: 600px;background-repeat: no-repeat;background-size: 100%;background-position: top center;transition: 6s ease;overflow: hidden;}
.case-study-block figure .static-image.web-img:hover{background-position: bottom center;}

.case-study-block div[class*="img-slider"] .swiper-wrapper{border-radius: 20px;overflow-x: hidden;}
.case-study-block div[class*="img-slider"] .swiper-slide:empty{min-height: 600px;}
.case-study-block div[class*="img-slider"] .swiper-slide{position: relative;}
.case-study-block div[class*="img-slider"] .swiper-slide .caption{font-family: "Oswald", sans-serif; color: #fff; font-size: 1.6rem; display: inline-block; position: absolute; left: 15px; bottom: 30px; background-color: rgba(12, 12, 32, 0.8); padding: 8px 25px; transition: all 0.3s ease-in-out;}
.case-study-block div[class*="img-slider"] .swiper-slide-active .caption{-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; animation-timing-function: cubic-bezier(0.175, 0.995, 0.32, 1.385); -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-duration: 1.2s; animation-duration: 1.2s;}
/*  */
.case-study-block .content .title{font-size: 2.4rem;}
.case-study-block .content hr{border-width: 2px;opacity: 1;}


/* ---- Work page ---- */
.work-page .wrapper{position: relative;}
.work-page .wrapper::after{content: "";width: 100%;height: 88%;background-color: var(--secondary-color);position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: -1;}
/*  */
.work-page .project-block{margin-top: 30px;transition: all 0.3s ease-in;}
.work-page .project-block:first-child{margin-top: 0px;}
.work-page .project-block:nth-child(even){margin-top: 90px;}
.work-page .project-block:nth-child(odd){margin-bottom: -60px;}
.work-page .project-block .work-title{font-family: "Oswald", sans-serif;font-size: 1.8rem;font-weight: 700;text-transform: uppercase;}
.work-page .project-block figure{height: 580px;border-radius: 50px;overflow: hidden;transition: all 0.3s ease-in;}
.work-page .project-block figure img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transform: scale(1);transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.work-page .project-block:hover figure img{transform: scale(1.05);}

/* tab-list */
.work-page .tab-list{display: inline-flex;justify-content: center;align-items: center;flex-wrap: wrap;background-color: #EFEFEF;column-gap: 10px;border-radius: 50px;}
.work-page .tab-list .list-item{font-size: 1.1rem;flex: 0 0 auto;padding: 10px 30px;}
.work-page .tab-list .list-item.active{color: var(--primary-color);font-weight: 700;text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness: 2px;text-decoration-color: var(--primary-color);}


/* ---- Blog page ---- */
.blog-box{height: 100%;box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0);transition: all 0.3s ease-in-out;}
.blog-box figure{background-color: rgba(1, 1, 1, 0.04);}
.blog-box figure img{-webkit-object-fit: cover;object-fit: cover;width: 100%;height: 100%;}
.blog-box:hover{box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.25);}
.blog-box .content{padding: 20px 25px;}
.blog-box .content p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.blog-box .content .blog-date{color: #666;margin-bottom: 5px;}
.blog-box .content .title{font-size: 1.3rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.blog-box .content .button{color: var(--primary-color);text-decoration: underline;text-underline-offset: 2px;transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);}
/* .blog-box:hover .content .title{color: var(--primary-color);} */
.blog-box .content .button:hover{text-underline-offset: 4px;}

/* Blog details page */
.blog-details-page .info-list{display: flex;list-style: none;padding: 0;column-gap: 25px;}
.blog-details-page .info-list li{color: #7f7f7f;position: relative;padding-left: 20px;}
.blog-details-page .info-list li::after{content: "\f111";color: #7f7f7f;font-family: "FOnt Awesome 6 Free";font-size: 4px;font-weight: 600;position: absolute;top: 50%;transform: translateY(-50%);right: -14px;}
.blog-details-page .info-list li:last-child:after{display: none;}
.blog-details-page .info-list li .icon{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 25px;}
/*  */
.blog-details-page .list-style li > .title{display: inline-block;color: var(--primary-color);font-family: "Poppins", sans-serif;font-weight: 500;}
.blog-details-page .list-style-icon-img li{padding-left: 18px;}
.blog-details-page .list-style-icon-img li .icon{width: 9px;top: 9px;}
.blog-details-page .list-style-icon-img li h3,.blog-details-page .list-style-icon-img li h4,.blog-details-page .list-style-icon-img li h5,.blog-details-page .list-style-icon-img li h6{display: inline-block;font-size: 1.1rem;}


/* ---- career page ---- */
.career-page .highlight-text{color: #fff;font-size: 2.7rem;line-height: normal;background-color: var(--red-color);padding: 0px 25px;border-radius: 10px 10px 0 0;}
.column-design-5{position: relative;height: 100%;background-color: #F0F0F0;padding: 22px 22px 50px;border-radius: 18px;transition: all 0.3s ease-in-out;}
.column-design-5 *{transition: all 0.3s ease-in-out;}
.column-design-5 .title{display: flex;position: relative;font-family: "Poppins", sans-serif;font-size: 1.2rem;font-weight: 700;line-height: 1.4;}
.column-design-5 .title > .icon{flex: 0 0 auto;display: inline-block;background-color: var(--primary-color);width: 51px;height: 51px;line-height: 46px;text-align: center;margin-right: 10px;border-radius: 10px;}
.column-design-5 .title > .icon img{width: 60%;filter: brightness(0) invert(1);}
.column-design-5 .info-list-1{gap: 8px 4px;}
.column-design-5 .button-group{position: absolute; left: 25px; bottom: 20px;}
.column-design-5 .btn{font-size: 0.9rem;font-weight: 600;}
.column-design-5 .btn img{filter: brightness(0) invert(1);}
.column-design-5:hover{color: #fff;background-color: var(--primary-color);}
.column-design-5:hover .btn{color: var(--primary-color);background-color: #fff;}
.column-design-5:hover .btn::before{background-color: #fff;}
.column-design-5:hover .btn img{filter: none;}
.column-design-5:hover .title > .icon{background-color: #fff;}
.column-design-5:hover .title > .icon img{filter: none;}
.column-design-5:hover .info-list-1 li{color: initial;background-color: #fff;}


/* infographic-design-2 */
.infographic-design-2 .column ul{height: 100%;display: flex;justify-content: space-between;flex-direction: column;}
.infographic-design-2 .column ul li{position: relative;padding-top: 15px;}
.infographic-design-2 .column ul li + li{margin-top: 20px;}
.infographic-design-2 .column ul li::before{content: "";width: 30%;background-color: #DB8838;height: 3px;position: absolute;top: 0;left: 0;}
.infographic-design-2 .column:nth-child(1) ul li:nth-child(2)::before{background-color: #7980C7;}
.infographic-design-2 .column:nth-child(3) ul li::before{background-color: #F4A960;}
.infographic-design-2 .column:nth-child(3) ul li:nth-child(2)::before{background-color: #E06E5E;}
/* reviews-logo-wrap */
.reviews-logo-wrap ul li{background-color: #F4F4F4;padding: 15px 25px;border: 1px solid #11112D;margin-right: -1px;margin-bottom: -1px;}
/* reviw-block */
.reviews-slider .reviw-block{background-color: #fff;display: flex;justify-content: center;align-items: end;column-gap: 35px;font-size: 1.1rem;position: relative;}
.reviews-slider .reviw-block .img-box{width: 30%;background-color: #D9D9D9;display: flex;justify-content: center;align-items: center;border-radius: 12px;flex: 0 0 auto;overflow: hidden;}
.reviews-slider .reviw-block .content{padding-bottom: 50px;}
.reviews-slider .reviw-block .content .designation{font-size: 1.3rem;}
.reviews-slider .reviw-block .content .icon{display: inline-block;width: 160px;}
.reviews-slider .reviw-block .content .username{color: var(--primary-color);font-weight: 500;}
.reviews-slider .slider-arrows{justify-content: start;position: absolute;right: 0;bottom: 10px;width: calc(100% - 30%);padding-left: 35px;column-gap: 8px;}
.reviews-slider .slider-arrows div[class*="swiper-button"]{width: 30px;height: 30px;border-radius: 100%;background-color: #D9D9D9;}
.reviews-slider .slider-arrows div[class*="swiper-button"]:hover{background-color: var(--primary-color);}


/* ---- Contact page ---- */
.contact-page .highlightTxt{color: #2DAF7A;font-size: 3.5rem;line-height: 1;}
.title-style{position: relative;font-size: 1.4rem;padding-bottom: 8px;text-decoration: underline;text-decoration-color: var(--primary-color);text-decoration-thickness: 3px;text-underline-offset: 12px;border-bottom: 1px solid #a5a5a5;}
/* info-list */
.contact-page .info-list li{position: relative;font-size: 1.02rem;padding: 0 0 5px 30px;margin-bottom: 20px;}
.contact-page .info-list li:last-child{margin-bottom: 0;border-bottom: 0;}
.contact-page .info-list li > .icon{width: 20px;position: absolute;top: 5px;left: 0;}
.contact-page .map-wrapper iframe{border-radius: 23px;height: 400px;}

/* -- about-page -- */
.about-page .highlight-text{font-size: 2.7rem;font-weight: 200;line-height: normal;}
.text-purple{color: #853D9E;}
.text-green{color: #00B67A;}
.counter-box{display: flex;align-items: center;justify-content: center;gap: 0 15px;padding: 15px 25px;background-color: #fff;border: 1px solid #8B8B8B;border-radius: 10px;transition: all 0.3s ease-in-out;}
.counter-box *{transition: all 0.3s ease-in-out;}
.counter-box figure{flex: 0 0 auto;background-color: #E8E8E8;width: 120px;height: 120px;border-radius: 100%;padding: 20px 20px;display: inline-flex;justify-content: center;align-items: center;}
.counter-box figure img{width: 60px;transform: scale(1);}
.counter-box .content{font-size: 1.1rem;line-height: 1.4;padding-left: 20px;}
.counter-box .content .number{font-size: 2.4rem;font-weight: 700;line-height: 1;line-height: normal;}
.counter-box:hover{background-color: #F6F6F6;border-radius: 10px;}
.counter-box:hover figure img{transform: scale(1.08);}

/* bg-half */
.bg-half{position: relative;}
.bg-half::before{content: "";background-color: #F6F6F6;position: absolute;top: 0;left: 0;width: 100%;height: 50%;}

/* features-slider */
.features-slider{padding: 0 25px;}
.features-slider .column-box{position: relative;border-radius: 15px;overflow: hidden;}
.features-slider .column-box img{-o-object-fit: cover;object-fit: cover;width: 100%;height: 600px;}
.features-slider .column-box .content{width: 88%;color: #fff;padding: 25px 20px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.features-slider .column-box .content .title{position: relative;font-size: 3rem;}
.features-slider .column-box .content .title::after{content: "";width: 3px;background-color: #fff;height: 80%;position: absolute;top: 9px;left: -20px;}
.features-slider .slider-buttons{position: static; display: inline;}
.features-slider .slider-buttons div[class*="swiper-button"]{width: 32px;height: 32px;background-color: #fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);position: absolute;top: 50%;transform: translateY(-50%);}
.features-slider .slider-buttons div[class*="swiper-button"]:hover{color: var(--primary-color);}
.features-slider .slider-buttons .swiper-prev2{left: 10px;}
.features-slider .slider-buttons .swiper-next2{right: 10px;}

/* icon-block-design-4 */
.icon-block-design-4{width: calc(100% - 40px);height: 100%;text-align: center;position: relative;padding: 10px 10px 60px;margin: 0 auto;z-index: 1;transition: all 0.3s ease-in-out;}
.icon-block-design-4 *{transition: all 0.3s ease-in-out;}
.icon-block-design-4::before{content: "";background-color: #FFDFE1;width: 100%;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 50% 75%, 0% 100%, 0% 25%);z-index: -1;}
.icon-block-design-4::after{content: "";background-color: #fff;position: absolute;width: 100%;height: 100%;top: 15px;left: 50%;transform: translateX(-50%);clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 50% 75%, 0% 100%, 0% 25%);z-index: -2;}
.icon-block-design-4 .icon{display:inline-block;width: 54px;height: 54px;line-height:52px;border-radius: 100%;background-color: #fff;margin: 20px auto 10px;transform: scale(1);}
.icon-block-design-4 .icon img{height: 32px;}
.icon-block-design-4:hover .icon{transform: scale(1.06);}

/* timeline-slider */
.timeline-slider{text-align: center;width: 2200px;}
.timeline-slider .column-block{height: calc(100% - 45px);}
.timeline-slider .column-block .content{display: flex; flex-direction: column; align-items: center; position: relative; width: 90%; height: calc(100% - 60px); background-color: #F3F3F3; border: 1px solid var(--primary-color); padding: 30px 30px; border-radius: 30px; margin: 45px auto 0;}
.timeline-slider .column-block .content::before{content: "";width: 16px;height: 16px;border-radius: 100%;background: conic-gradient(from 180deg at 50% 50%, #E8505B 0deg, #A7373F 360deg);position: absolute;top: -54px;left: 50%;transform: translateX(-50%);}
.timeline-slider .column-block .content::after{content: "";width: 1px;position: absolute;top: -54px;left: 50%;transform: translateX(-50%);background: linear-gradient(90deg, #E8505B 0%, #A7373F 100%);height: 60px;z-index: -1;}
.timeline-slider .column-block .title{position: relative;padding-bottom: 25px;}
.timeline-slider .column-block .title::after{content: "";width: 101%;height: 1px;background: var(--primary-color);position: absolute;left: 0;bottom: 0;}
.timeline-slider .column-block img{margin-bottom: 20px;}

/* error-page */
.error-page .block{border-radius: 20px;outline: 1px dashed #E8E8E8;outline-style: outset;outline-offset: 2px;}
.error-page .block .title{position: relative;display: inline-block;font-size: 11rem;line-height: 1;background-clip: text;color: transparent;background-image: conic-gradient(from 220deg at 70% 22%, #E8505B 0deg, #A7373F 360deg);font-weight: 900;}

.grecaptcha-badge{visibility: hidden;}



/* -------------- Responsive ------------- */
@media (min-width: 576px) and (max-width:767px ) {
  .container, .container-sm {max-width: 575px;}
}

@media only screen and (min-width: 768px){
    .list-column-design-1 .divider{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: linear-gradient(180deg, #FFFFFF 3.37%, #000000 47.6%, #FFFFFF 100%);width: 1px;height: 100%;padding: 0;}
}

@media only screen and (min-width: 992px) {
    .navbar-nav .dropdown.mega-menu {position: static;}
    .navbar .dropdown-menu {
        /* margin: 0px;
        font-size: 14px;
        border: none;
        left: 100%;
        -webkit-transform: translate3d(-49%, 10px, 0);
                transform: translate3d(-49%, 10px, 0); */
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        /* -webkit-transition-property: opacity, visibility, -webkit-transform;
        transition-property: opacity, visibility, -webkit-transform;
        transition-property: opacity, visibility, transform;
        transition-property: opacity, visibility, transform, -webkit-transform;
        -webkit-transform-origin: top center;
                transform-origin: top center; */
        -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        visibility: hidden;
        opacity: 0;
        display: block !important;
    }
    /* .navbar .dropdown-menu .dropdown-submenu .dropdown-menu{left: 100%; right: auto; -webkit-transform: translate3d(15px, 20px, 0); transform: translate3d(15px, 20px, 0);}
    .navbar .dropdown-menu .dropdown-submenu .dropdown-menu.left-side{right: 100%; left: auto; -webkit-transform: translate3d(-15px, 15px, 0); transform: translate3d(-15px, 15px, 0);} */
    .navbar .dropdown-menu .dropdown-submenu .dropdown-menu.left-side {left: 100%;right: auto;-webkit-transform: translate3d(0px, -25px, 0);transform: translate3d(0px, -25px, 0);}
    /* .navbar .dropdown-menu.dropdown-menu-lg {min-width: 1200px;} */
    /* .navbar .dropdown:hover:not(.mega-menu) > .dropdown-menu {-webkit-transform: translate3d(-48%, 15px, 0); transform: translate3d(-48%, 15px, 0); visibility: visible; opacity: 1;} */
    .navbar li:hover > .dropdown-menu {visibility: visible;opacity: 1;}
    
    .navbar .dropdown-menu.megamenu {left: 8%;right: 0;width: 84%;-webkit-transform: translate3d(0%, 16px, 0);transform: translate3d(0%, 16px, 0);padding: 0 0;margin: 0;border-radius: 0;border-bottom: 4px solid var(--primary-color);}
    .navbar .dropdown.mega-menu > .dropdown-toggle, .navbar .dropdown-submenu > .dropdown-toggle{pointer-events: none;}
    .navbar .dropdown-submenu {position: relative;}
    header .dropdown .dropdown-submenu .dropdown-toggle::after{display: none;}
    
    .navbar .dropdown.mega-menu:hover .show-dopdown-lg{visibility: visible;opacity: 1;}
    
    .banner-section .container {max-width: 1070px;}
    .banner-section .content {height: 100%;}
}

@media (min-width: 1200px){
    /* header .container{max-width: 1240px;} */

    .banner-section .container {max-width: 1300px;}

    .blog-details-page .container-xs{max-width: 1100px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    header .container{max-width: 1045px;}
}

@media only screen and (min-width: 992px) and (max-width: 1399px){
    .navbar .dropdown-menu.megamenu {left: 0%;width: 100%;}
    header .link-group, header nav.navbar .btn{font-size: 0.8rem;}
    header .link-group a{padding: 4px 0;}
}

@media only screen and (min-width: 1399px){    
    .banner-section .container {max-width: 1440px;}
    .faq-section .accordion-wrap.with-border::after{content: "";background: linear-gradient(180deg, #212026 0%, #F1F1F1 50%, #212026 100%);height: 100%;width: 1px;position: absolute;top: 0;right: -30px;}
    .faq-section .accordion-wrap.light-color.with-border::after{content: "";background: linear-gradient(180deg, rgba(241, 241, 241, 0) 11%, #212026 52%, rgba(241, 241, 241, 0) 89%);height: 100%;width: 1px;position: absolute;top: 0;right: -30px;}
}

@media only screen and (min-width: 1400px){
    /* header .navbar-nav .nav-item{margin: 0 14px;} */
}

@media only screen and (min-width: 1699px){
    .banner-section .container {max-width: 1600px;}
}

@media only screen and (min-width: 2499px){
    /* .banner-section .shape svg{display: block; height: 365px;}
    .banner-slider .swiper-slide{height: 75vh;}
    .banner-slider .swiper-slide figure{width: 500px;} */
}

@media only screen and (max-width: 1399px){
    .banner-section{height: 720px;}

    .counter-box{gap: 0 0;}
    .counter-box figure{width: 100px;height: 100px;}
    .counter-box figure img{width: 50px;}
}

@media only screen and (max-width: 1199px){
    img{height: auto;}
    .banner-section{height: 640px;}
    .banner-section .content .caption .text-animation span{font-size: 3.5rem;}
    .newsletter .title {font-size: 1.6rem;}
    .newsletter form .btn{width: 68px;height: 68px;line-height: 70px;}
    .newsletter form .btn img{width: 34px;}
    .page-banner-section{height: 290px;padding-top: 50px;border-radius: 0 0 140px 0;}
    .page-banner-section .title{font-size: 2.1rem;}
    
    .column-design-1 .content{padding: 15px 25px 20px;margin: 0 0;}
    .column-design-1 .title{font-size: 1.3rem;}
    
    .funnel-flow ul li{font-size: 0.9rem;}
    .funnel-flow ul li .title{font-size: 1.2rem;}
    .funnel-flow ul li .arrow-img{width: 80px;}
    .column-design-2 .content{padding: 20px 25px 30px;margin: 0 0px;border-radius: 25px;}
    .column-design-2 .content::before{width: calc(100% - 20px);height: calc(100% - 20px);border-radius: 20px;}
    .column-design-3 .title{font-size: 1.2rem;}
    .icon-list-2 li{padding: 0 20px;}
    .work-page .project-block .wrap{margin: 0 20px;}
    .work-page .project-block figure{height: 380px;}
    
    .work-page .project-block{margin-top: 20px;transition: all 0.3s ease-in;}
    .work-page .project-block:nth-child(even){margin-top: 60px;}
    .work-page .project-block:nth-child(odd){margin-bottom: -30px;}
    .work-page .project-block .work-title{font-size: 1.6rem;}
    .infographic-design-1 ul li{padding: 0 10px;}
    .infographic-design-1 ul li:not(:last-child)::after{width: 50%;top: 12%;right: -30%;}
    .infographic-design-1 ul li .icon{width: 80px;height: 80px;line-height: 80px;}
    .list-style-1 li{padding-left: 10px;}
    .list-style-1 .title{font-size: 1.1rem;padding: 5px 10px 5px;margin-left: -10px;}
    .icon-block-design-2 .title{font-size: 1.1rem;}
    .services-page.social-media-page h1.heading img{width: 45px;}
    .reviw-block{padding: 35px 30px 20px;margin: 50px 0 5px;}
    .reviw-block .designation{font-size: 1.8rem;}

    .about-page .highlight-text{font-size: 2.2rem;}
    
    .timeline-slider{width: 1800px;}

    .career-page .highlight-text{font-size: 2.2rem;padding: 0px 15px;}
    .column-design-5{padding: 15px 20px 50px;}
    .column-design-5 .title{font-size: 1.1rem;}
    .column-design-5 .title > .icon{width: 44px;height: 44px;line-height: 41px;}
    .column-design-5 .title > .icon img{width: 65%;}
    .column-design-5 .info-list-1 li{padding: 2px 10px;}
    .column-design-5 .info-list-1 li .icon{width: 15px;}
    .column-design-5 .button-group{left: 20px;}
    .column-design-5 .button-group .btn{font-size: 0.8rem;padding: 0.2rem 1.8rem 0.3rem 0.8rem;}
    .column-design-5 .button-group .btn.withIcon img{right: 13px;}

    .reviews-slider .reviw-block{align-items: center;}
    .reviews-slider .reviw-block .img-box{width: 35%;}
    .reviews-slider .reviw-block .content{padding-bottom: 30px;}
    .reviews-slider .reviw-block .content .icon{width: 100px;}
    .reviews-slider .slider-arrows{width: calc(100% - 35%);}
}

@media only screen and (max-width:1024px) and (min-width:992px){
    .funnel-flow ul li{font-size: 0.9rem;padding-right: 20px;}
    .funnel-flow ul li .title {font-size: 1rem;}
    .funnel-flow ul li .arrow-img {width: 40px;}
    .funnel-flow ul.reverse-list li{padding-left: 20px;}
    .funnel-flow ul li .arrow-img,
    .funnel-flow ul.reverse-list li .arrow-img{width: 40px;}
}

@media only screen and (max-width: 991px){
    body{overflow-x: hidden;}
    .heading{font-size: 2.8rem;}
    .title-style{font-size: 1.2rem;}
    
    .column-2 li{flex: 0 0 calc(100% / 1 - 20px);}
    .column-3 li{flex: 0 0 calc(100% / 2);}
    .column-4 li{flex: 0 0 calc(100% / 3);}
    .list-style-icon-img{justify-content: center;}
    header .navbar{border: 0!important;box-shadow: none!important;}
    header .navbar-collapse{position: absolute;top: auto;left: 0;background: rgba(12, 12, 32, 0.95);width: 100%;z-index: 15;}
    header .navbar-collapse .navbar-nav{padding: 20px 20px 10px;}
    header .navbar .phone-btn{display: block;width: 40px;height: 40px;line-height: 36px;text-align: center;background-color: #11112D;border: 1px solid #2D2D2D;border-radius: 100%;margin-left: auto;}
    header .navbar-nav .nav-item{margin: 0 0px 6px;}
    header .navbar-nav .nav-link{font-size: 1.1rem;padding: 0.6rem 0.4rem;}
    header .navbar-nav .dropdown-menu.megamenu .column{font-size: 2rem;padding: 15px 25px;}
    header .navbar-nav .nav-item.dropdown .dropdown-toggle::after{font-size: 15px;top: 5px;}
    header .navbar-nav .dropdown-menu.megamenu .link-column.sub-links .dropdown-toggle::after{right: auto;}
    header .dropdown-submenu{position: relative;}
    header .dropdown-submenu .dropdown-item + span.dropdown-toggle{padding: 5px 25px 5px 45px;position: absolute;top: 1px;right: 0px;}
    header .navbar-nav .dropdown-menu.megamenu .dropdown-menu{padding: 5px 0px;}
    header .navbar-nav .dropdown-menu.megamenu .dropdown-menu .dropdown-menu.left-side.show{background-color: #f0f0f0;}
    header .navbar-nav .dropdown-menu.megamenu .dropdown-submenu .dowpdown{display: block;padding-right: 4rem;}
    header .navbar-nav .dropdown-menu.megamenu .dropdown-submenu .dropdown-menu a{padding: 0.2rem 3rem 0.2rem 1rem;}
    header .dropdown-submenu .dropdown-submenu .dowpdown + span.dropdown-toggle{padding: 0px 20px 0 40px;position: absolute;top: 1px;right: 5px;}
    
    header .navbar-nav .dropdown-menu.megamenu .dropdown-submenu li:hover{color: var(--primary-color);}
    header .navbar-nav .dropdown-menu.megamenu .dropdown-submenu .dropdown-menu li:not(:last-child){margin-bottom: 8px;}
    header.fixed .navbar-collapse{margin-top: -12px;}
    header .navbar-collapse{max-height: 80vh;overflow-y: auto;}
    
    .banner-section{background-color: #FBFBFB; height: auto; padding: 40px 0 150px;}
    .banner-section .content .caption{font-size: 1.2rem;}
    .banner-section .content .caption .text-animation span{top: 0;left: 50%;transform: translateX(-50%);}
    
    .about-section{padding: 510px 35px 35px;background: url(../images/bg/about-us-mobile-view-img.webp) no-repeat top center / cover;margin-top: -80px;}
    .card-design-1{flex-wrap: wrap;flex-direction: column-reverse;}
    .card-design-1 figure{height: 280px;right: 0;}
    .card-design-1 figure img{-o-object-position: top;object-position: top;}
    
    .cta-section-info .title,
    .cta-section-info .divide-line{font-size: 2.4rem;}
    .cta-section-info .scroll-text{font-size: 3.4rem;font-size: 4rem;}
    
    .whatsapp-api-section .list li{font-size: 1rem;padding: 10px 30px;margin-bottom: 15px;}
    .cta-section-1 p{font-size: 3rem;line-height: 0.9;}
    .testimonial-section .testimonial{padding: 20px 30px;align-items: start;}
    .testimonial-section .testimonial .profile-img{width: 110px;height: 110px;line-height: 110px;}
    .testimonial-section .testimonial .profile-img:empty::before{font-size: 4rem;}
    .newsletter{padding: 25px 30px 35px;}
    .page-banner-section .title {font-size: 1.8rem;}
    .page-banner-section {height: 210px;padding-top: 20px;border-radius: 0 0 90px 0;}
    .row-design-1{text-align: center;flex-wrap: wrap;justify-content: center;column-gap: 15px;}
    .row-design-1 .icon{margin-bottom: 20px;}
    .row-design-1 .title{font-size: 1.2rem;font-weight: 500;flex: 0 0 100%;}
    .icon-list-1 li figure img {height: 45px;}
    .icon-list-2 li {padding: 0 15px;}
    .icon-list-2 li .icon{width: 80px;height: 80px;line-height: 80px;}
    .funnel-flow ul{justify-content: start;}
    .funnel-flow ul li .arrow-img {width: 40px;right: 10px;}
    .funnel-flow .reverse-list li .arrow-img{transform: rotate(180deg);}
    .column-design-4{height: 100%;}
    .work-page .project-block .wrap{margin: 0 5px;}
    .work-page .project-block .work-title{font-size: 1.4rem;}
    .case-study-block .content .title{font-size: 2rem;}
    .infographic-design-1 ul{justify-content: center;}
    .infographic-design-1 ul li{flex: 0 0 calc(100% / 3 - 15px);padding: 0 20px;}
    .infographic-design-1 ul li:not(:last-child)::after{top: 15%;right: -26%;}
    .infographic-design-1 ul li:nth-child(3n)::after{display: none;}
    .tech-stack-wrapper li{flex: 0 0 calc(100% / 4);}
    .services-page.social-media-page h1.heading img {width: 40px;}
    .contact-page .highlightTxt{font-size: 3.1rem;}
    
    .timeline-slider{width: 1200px;}
    .timeline-slider .column-block .title{font-size: 1.3rem;}
    .timeline-slider .column-block .content{font-size: 0.9rem;padding: 20px 20px;margin: 35px auto 5px;}
    .timeline-slider .column-block .content::before{width: 14px;height: 14px;}
    .timeline-slider .column-block img{max-width: 70%;}
    .timeline-slider .column-block .content::before{top: -44px;}
    .timeline-slider .column-block .content::after{top: -44px;}
    
    .about-page .highlight-text{font-size: 1.8rem;}

    .reviews-slider .reviw-block{padding: 20px 10px 20px;margin: 0px 0 0px;font-size: 1rem;column-gap: 20px;}
    .reviews-slider .reviw-block .content .icon{width: 70px;}
    .reviews-slider .reviw-block .content .designation{font-size: 1.2rem;}
    .reviews-slider .reviw-block .content .username{font-size: 0.9rem;}
}

@media only screen and (max-width: 767px){
    .fs-5{font-size: 1.1rem !important;}
    .heading{font-size: 2.3rem;}
    .sub-title{font-size: 2rem;}
    .titlestyle{font-size: 1.3rem;}
    .btn.withIcon{padding: 0.2rem 2.2rem 0.2rem 1.2rem;}
    .btn.withIcon img{right: 15px;}
    .section-space {padding-top: 70px;padding-bottom: 70px;}
    .section-space-md {padding-top: 50px;padding-bottom: 50px;}
    ul.tab-list-style li a{font-size: 1rem;padding: 6px 22px;}

    .table-bordered thead tr th, .table-bordered thead tr th > *{font-size: 1rem;}

    .table-design .table thead tr th, .table-design .table thead tr th > *{font-size: 1.1rem;}

    .list-column-design-1 .column{justify-content: start;}

    header .navbar-nav .dropdown-menu.megamenu .link-column{padding: 15px 16px;}
    header .navbar-nav .dropdown-menu.megamenu .dropdown-submenu .dropdown-menu a{padding: 0.3rem 3rem 0.3rem 0.5rem;}
    header .navbar-nav .dropdown-menu.megamenu .column{font-size: 1.6rem;}
    header .link-group{gap: 15px 30px;}

    .banner-section .content .caption .text-animation span {font-size: 3.2rem;}

    .about-section{padding: 400px 30px 30px;border-radius: 30px 30px 0 0;}

    .card-design-1 .content{font-size: 1rem;padding: 20px 30px;}
    .card-design-1 .content .title{font-size: 1.6rem;}

    .cta-section-info {padding-top: 50px;padding-bottom: 50px;border-radius: 14px;margin: 0 20px;overflow: hidden;}
    .cta-section-info .title, .cta-section-info .divide-line{font-size: 1.8rem;}
    .cta-section-info .scroll-text{font-size: 2.7rem;font-size: 3rem;}
    .cta-section-info .divide-line::before, .cta-section-info .divide-line::after{width: 70px;}

    .tabs-design-2 .tab-list{flex-direction: row;padding-bottom: 18px;overflow-x: auto;}
    .tabs-design-2 .tab-list .list-item::after{top: auto;right: auto;bottom: -17px;left: 50%;transform: translateX(-50%);border-left-width: 8px;border-left-color: transparent;border-top-width: 10px;border-top-color: #F8F8F8;z-index: 1;}
    .tabs-design-2 .tab-list .list-item.active::after {border-left-color: transparent;border-top-color: var(--primary-color);}

    .tabs-design-3 .tab-list{flex-wrap: nowrap;}
    .tabs-design-3 .tab-list .list-item{font-size: 1.2rem;flex: auto;padding: 10px 20px;}
    .tabs-design-3 .tab-list .list-item:not(:last-child)::after{height: 100%;}

    .marquee-wrapper .images-slider{column-gap: 15px;transform: skew(2deg, -2deg) translate(10px, 0px);}

    .cta-section-2.section-space {padding-top: 50px;padding-bottom: 50px;}

    .newsletter{padding: 18px 25px 25px;}
    .newsletter::before{top: 10px;left: 10px;width: calc(100% - 20px);height: calc(100% - 20px);}
    .newsletter .title {font-size: 1.4rem;}
    .newsletter form .form-control{padding: 13px 70px 13px 15px;}
    .newsletter form .btn {width: 58px;height: 58px;line-height: 60px;}
    .newsletter form .btn img {width: 26px;}
    .page-banner-section .title {font-size: 1.4rem;}
    .page-banner-section {height: 160px;padding-top: 20px;border-radius: 0 0 60px 0;}
    .breadcrumb .breadcrumb-item{font-size: 0.9rem;}

    .column-design-1 .content .icon{width: 60px;height: 60px;border-width: 5px;}
    .column-design-2 .content{min-height: auto;}
    .column-design-2 .title{font-size: 1.1rem;}

    .list-style-icon-2 li .title {font-size: 1.1rem;line-height: normal;}

    .icon-block-design-1{padding: 0 15px 15px;margin: 0 0px 0;}
    .icon-block-design-1 figure{width: 60px;height: 60px;line-height: 60px;margin: -30px auto 10px;}
    .icon-block-design-1 figure img {height: 35px;}

    .column-design-4 .title{font-size: 1.1rem;}

    .card-design-2 .content .title{font-size: 1.2rem;}

    .infographic-design-1 ul li{flex: 0 0 calc(100% / 2 - 15px);margin-bottom: 25px;}
    .infographic-design-1 ul li:nth-child(3n)::after{display: block;}
    .infographic-design-1 ul li:nth-child(even)::after{display: none;}
    .services-page.social-media-page h1.heading img {width: 34px;}
    .icon-list-1 li .title,.icon-block-design-1 .title,.icon-block-design-2 .title,.icon-block-design-3 .title{font-size: 1.1rem;}

    .icon-block-design-3{padding: 15px;}
    .icon-block-design-3 .icon{width: 60px;height: 60px;line-height: 60px;}

    .list-style-icon-3 li .title{font-size: 1.2rem;}

    .work-page .tab-list{column-gap: 0;padding: 5px 0;border-radius: 20px;}
    .work-page .tab-list .list-item{font-size: 1rem;padding: 6px 15px;}
    .work-page .project-block figure{height: auto;}

    .infographic-design-2 .column{display: flex;justify-content: center;}
    .infographic-design-2 .column ul{display: inline-flex;justify-content: center;}
    .infographic-design-2 .column ul li{padding-top: 5px;}

    .contact-page .info-list li{font-size: 1rem;padding: 0 0 0px 25px;}
    .contact-page .info-list li > .icon{width: 17px;}

    .counter-box{padding: 10px 20px;}
    .counter-box figure{width: 80px;height: 80px;}
    .counter-box figure img{width: 50px;}
    .counter-box .content{font-size: 1rem;padding-left: 10px;}
    .counter-box .content .number{font-size: 2rem;}

    .features-slider .column-box img{height: 400px;}
    .features-slider .column-box .content{padding: 0 20px 25px 20px;}
    .features-slider .column-box .content .title{font-size: 1.6rem;}
    .features-slider .column-box .content .title::after{top: 5px;left: -12px;}

    .about-page .highlight-text{font-size: 1.5rem;}

    .reviews-slider .reviw-block{flex-wrap: wrap;}
    .reviews-slider .reviw-block .img-box{width: 50%;}
    .reviews-slider .reviw-block .content{position: relative;padding-top: 20px;}
    .reviews-slider .reviw-block .content .icon{width: 35px;position: absolute;top: -20px;left: 0;}
}

@media only screen and (max-width: 575px){
    .heading {font-size: 1.9rem;}
    .sub-title{font-size: 1.7rem;}
    .heading .image{height: 40px;}
    .fs-lg {font-size: 1rem !important;}
    .section-space {padding-top: 60px;padding-bottom: 60px;}

    header .navbar-brand img {width: 190px;}
    header.fixed .navbar-collapse{margin-top: -3px;}
    
    .banner-section {padding: 40px 0 100px;}
    .banner-section .content .caption {font-size: 1.1rem;}
    .banner-section .content .caption .text-animation{height: 60px;}
    .banner-section .content .caption .text-animation span {font-size: 2.6rem;}
    .about-section{padding: 370px 25px 30px;margin-top: -50px;border-radius: 30px 30px 0 0;}
    .card-design-1 figure {height: 230px;}
    .cta-section-1 p {font-size: 2.4rem;}
    .card-design-1 .btn {font-size: 0.9rem;}

    .tabs-design-3 .tab-list .list-item {font-size: 1.1rem;}

    .testimonial-section .testimonial{text-align: center;justify-content: center;flex-wrap: wrap;}
    .testimonial-section .testimonial .profile-img {width: 80px;height: 80px;line-height: 80px;}
    .testimonial-section .testimonial .profile-img:empty::before{font-size: 3rem;}
    .marquee-wrapper .images-slider .image-column ul li{min-height: 100px;padding: 5px 5px;}
    .newsletter .title {font-size: 1.2rem;}
    .tabs-design-2 .tab-pane ul{justify-content: center;}
    footer .inline-link{column-gap: 30px;}
    footer .contact-info li{font-size: 1rem;}
    
    .callBtn{width: 32px;height: 32px;line-height: 32px;right: 15px;bottom: 210px;}
    .whatsappBtn{right: 15px;bottom: 160px;}
    .backToTop{width: 30px;height: 30px;line-height: 30px;right: 15px;bottom: 110px;}
    
    .social-media-buttons{display: none;}
    .row-design-1 .icon{width: 70px;height: 70px;line-height: 70px;}
    .row-design-1 .icon img {width: 40px;}
    .funnel-flow ul li{padding-right: 50px;}
    .icon-list-1 li{font-size: 0.9rem;}
    .icon-list-1 li figure img {height: 35px;}
    
    .icon-list-2 li .icon {width: 60px;height: 60px;line-height: 60px;}
    .column-design-2 .content .icon{width: 70px;height: 70px;}
    .column-design-4 figure{width: 50%;margin: 0 auto 10px;}
    .list-column-design-1 .column ul li img{top: 8px;width: 15px;}
    .grid-box ul li{font-size: 0.8rem;padding: 8px 8px;}
    
    .infographic-design-1 ul li{flex: 0 0 calc(100% / 2 - 0px);padding: 0 10px;}
    .infographic-design-1 ul li .icon{width: 70px;height: 70px;line-height: 70px;margin: 0 auto 8px;}
    .infographic-design-1 ul li:not(:last-child)::after{top: 12%;}
    
    .tech-stack-wrapper li{font-size: 1rem;flex: 0 0 calc(100% / 3);}
    .tech-stack-wrapper li figure{margin-bottom: 5px;}
    .tech-stack-wrapper li figure img{height: 48px;}
    
    .services-page.social-media-page h1.heading img {width: 28px;margin-top: -8px;}
    .card-design-3{font-size: 0.9rem;padding: 15px 10px;}
    .card-design-3 .icon {width: 55px;height: 55px;}
    .card-design-3 .title{font-size: 1rem;}
    .card-design-3::after{width: calc(100% - 10px);height: calc(100% - 10px);}
    
    .icon-list-3 li .title {font-family: inherit;font-size: 1rem;}
    
    .list-style-1 .title, .icon-block-design-2 .title{font-size: 1.02rem;}
    .list-style-1 li{margin-bottom: 25px;}
    
    .list-style-icon-3 li .title{font-size: 1.1rem;}

    .career-page .highlight-text{font-size: 1.6rem;padding: 0px 10px;}
    .column-design-5{padding: 15px 15px 60px;}
    .column-design-5 .title{font-size: 1rem;}
    .column-design-5 .title > .icon{width: 40px;height: 40px;line-height: 36px;}
    .column-design-5 .title > .icon img{width: 70%;}
    .column-design-5 .button-group{left: 15px;}

    .reviews-logo-wrap ul li{padding: 10px 15px;}

    .contact-page .highlightTxt {font-size: 2.6rem;}
    
    .features-slider .column-box .content{width: 95%;font-size: 0.9rem;}
    .features-slider .column-box img {height: 320px;}
    
    .timeline-slider{width: 1000px;}
    .timeline-slider .column-block .title{font-size: 1rem;padding-bottom: 20px;}

    .modal-header .title{font-size: 1.2rem;align-items: center;}

}

@media only screen and (max-width: 480px){
    .fs-lg {font-size: 1rem !important;}
    .banner-section .content .caption .text-animation span {font-size: 2.1rem;}
    .cta-section-info {padding-top: 40px;padding-bottom: 40px;border-radius: 14px;margin: 0 15px;}
    .cta-section-info .title, .cta-section-info .divide-line{font-size: 1.4rem;}
    .cta-section-info .scroll-text{font-size: 2.1rem;font-size: 1.8rem;}
    .cta-section-info .divide-line::before, .cta-section-info .divide-line::after{width: 35px;}
    .tabs-design-2 .tab-content ul li{min-width: calc(100% / 4);}

    .icon-block-design-4{width: calc(100% - 0px);}
    
    .about-page .highlight-text{font-size: 1.3rem;}
    
    .timeline-slider{width: 850px;}
}

@media only screen and (max-width: 420px){
    header .navbar-brand img {width: 150px;}
    header.fixed .navbar-brand img {width: 140px;}
    .banner-section .content .caption .text-animation span {font-size: 1.9rem;}
}