@font-face {
    font-family: 'NHaasGroteskDSPro-65Md';
    src: url('../fonts/neue-haas/pro-65/NHaasGroteskDSPro-65Md.eot');
    src: url('../fonts/neue-haas/pro-65/NHaasGroteskDSPro-65Md.eot?#iefix') format('embedded-opentype'),
        url('../fonts/neue-haas/pro-65/NHaasGroteskDSPro-65Md.woff2') format('woff2'),
        url('../fonts/neue-haas/pro-65/NHaasGroteskDSPro-65Md.woff') format('woff'),
        url('../fonts/neue-haas/pro-65/NHaasGroteskDSPro-65Md.ttf') format('truetype'),
        url('../fonts/neue-haas/pro-65/NHaasGroteskDSPro-65Md.svg#NHaasGroteskDSPro-65Md') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lausanne';
    src: url('../fonts/lausanne/regular/Lausanne-Regular.eot');
    src: url('../fonts/lausanne/regular/Lausanne-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/lausanne/regular/Lausanne-Regular.woff2') format('woff2'),
        url('../fonts/lausanne/regular/Lausanne-Regular.woff') format('woff'),
        url('../fonts/lausanne/regular/Lausanne-Regular.ttf') format('truetype'),
        url('../fonts/lausanne/regular/Lausanne-Regular.svg#Lausanne-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/neue-haas/pro-55/NeueHaasDisplay-Light.eot');
    src: url('../fonts/neue-haas/pro-55/NeueHaasDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/neue-haas/pro-55/NeueHaasDisplay-Light.woff2') format('woff2'),
        url('../fonts/neue-haas/pro-55/NeueHaasDisplay-Light.woff') format('woff'),
        url('../fonts/neue-haas/pro-55/NeueHaasDisplay-Light.ttf') format('truetype'),
        url('../fonts/neue-haas/pro-55/NeueHaasDisplay-Light.svg#NeueHaasDisplay-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root{
    --colorWhite: #ffffff;
    --colorJetBlack: #000000;
    --colorBlack: #031737;
    --colorBlack2: #3D3D3D;
    --colorBlack3: #212121;
    --colorPink: #FF0088;
    --colorBlue: #0AADFA;
    --colorBlue2: #0F6BE9;
    --colorGrey: #F9F9F9;
    --colorOrange: #fe5706;

    --neueHaasPro65: 'NHaasGroteskDSPro-65Md';
    --neueHaasPro55: 'Neue Haas Grotesk Display Pro';
    --lausanneRegular: 'Lausanne';


}

body{padding: 30px;overflow-x: hidden;}
html{overflow-x: hidden;}
.container{width: 82%; max-width: 1520px; padding: 0;}
p,h1,h2,h3,h4,h5,h6{margin: 0;}
*{outline: none;}
.list-a{padding: 0; margin: 0; list-style: none;}
a{text-decoration: none;}

.header{border-radius: 23px;position: relative;z-index: 10;}
.nav-area {padding: 1.5rem; background-color: var(--colorJetBlack); border-radius: 25px;}
.header .container{display: flex; align-items: center; justify-content: space-between;}
.menu-ul{display: flex; gap: 3rem;}
.menu-ul > li{display: flex; align-items: center;}
.menu-ul > li > a{font-size: 1rem; transition: 0.5s; font-family: var(--neueHaasPro55); color: var(--colorGrey); line-height: 1;}
.menu-ul > li > a:hover{color: var(--colorWhite);}
.menu-ul > li:last-child {margin-left: 1.5rem;}
.logo-area > a {display: flex;}
.logo-area img{max-width: 200px;}
.header-inner{transition: 0.5s;}
.fixed-top {background-color: Var(--colorWhite);}
.fixed-top .nav-area{padding: 1rem 0; background-color: var(--colorWhite);}
.fixed-top .nav-area li:not(:last-child) a{color: var(--colorJetBlack); font-weight: 600;}
.dropdown-a{position: relative;}
.dropdown-a::after{display: inline-flex; margin-left: .255em; margin-top: 3px; content: ""; border-top: .3em solid var(--colorWhite); border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}
.sub-menu-a{position: absolute;padding: 0.5rem 0;top: 100%;left: 0;background-color: var(--colorWhite);box-shadow: 0px 3px 6px #00000040;border-radius: 5px; opacity: 0; visibility: hidden; transition: 0.5s; transform: translateY(-20px);}
.sub-menu-a a {padding: 0.5rem 1rem; display: flex; white-space: nowrap; line-height: 1; font-size: 1rem; transition: 0.5s; font-family: var(--neueHaasPro55); color: var(--colorJetBlack);letter-spacing: 0.5px;}
.sub-menu-a >li:not(:last-child) {border-bottom: 1px solid #00000020;}
.dropdown-a:hover .sub-menu-a{opacity: 1; visibility: visible; transform: translateY(0px);}
.fixed-top .dropdown-a::after{border-top-color: var(--colorJetBlack);}

.btn{font-size: calc(1rem - 1px); font-family: var(--neueHaasPro65) !important; border-radius: 12px; padding: 1.0625rem 2.125rem; line-height: 1; border-color: transparent;}
.btn-blue{background-color: var(--colorBlue2); color: var(--colorWhite);}
.btn.btn-blue:hover{background-color: var(--colorWhite); color: var(--colorBlack2); border-color: var(--colorBlack2);}
.btn-white{background-color: var(--colorWhite); color: var(--colorBlack2);}
.btn.btn-white:hover{background-color: var(--colorBlack2); color: var(--colorWhite);}
.btn-outline{background-color: transparent; color: var(--colorBlack3); border-color: var(--colorBlue2);}
.btn.btn-outline:hover{color: var(--colorWhite); background-color: var(--colorBlue2);}
.btn-group-a{display: flex; gap: 0.75rem;}
.btn-link{padding: 0 !important; border: 0 !important; border-radius: 0 !important; text-decoration: underline; color: var(--colorBlue2);}

.head1{font-size: 4.625rem; position: relative; z-index: 1; margin-bottom: 1.125rem; font-family: var(--neueHaasPro65); line-height: 1; color: var(--colorBlack3);}
.head1::after{content: ""; z-index: -1; position: absolute;width: 140px;height: 140px;background: url('../images/shape1.webp') no-repeat center center / contain;right: 12%;top: 19%;}
.head2{font-size: 2.75rem; margin-bottom: 2rem; font-family: var(--neueHaasPro65); line-height: 1; color: var(--colorBlack3);}
.head3{font-size: 2.25rem; margin-bottom: 1.5rem; font-family: var(--neueHaasPro65); line-height: 1; color: var(--colorBlack3);}
.head4{font-size: 1.5rem; margin-bottom: 1rem; font-family: var(--neueHaasPro65); line-height: 1; color: var(--colorBlack3);}
.title{font-size: 1.125rem; margin-bottom: 0.75rem; font-family: var(--neueHaasPro65); line-height: 1; color: var(--colorBlack3);}
.p{font-size: 1rem; font-family: var(--lausanneRegular); line-height: 1.5; color: var(--colorBlack2);}
.p2{font-size: 1.125rem; margin-bottom: 2.25rem; font-family: var(--neueHaasPro65); line-height: 1.5; color: var(--colorBlack2);}

.banner{background-color: var(--colorGrey); border-radius: 23px; margin: 1.625rem 0; padding: 7.5rem 0;}
.row-a{display: flex; align-items: center; justify-content: space-between;}
.banner .col-left-a{width: 40%;}
.banner .col-right-a{width: 57%;}
.banner-p{padding-right: 20%; margin-bottom: 2.5rem;}
.banner .col-right-a img {border-radius: 50px;}

.design-1{padding: 2.125rem 0; background-color: var(--colorBlack2); border-radius: 23px;}
.design-1 .slick-track{display: flex !important;}
.design-1 .slick-slide {height: inherit !important;}
.slide-img {display: flex !important; align-items: center; justify-content: center;}

.design-2{padding: 7.5rem 0; background: url('../images/service-bg.webp') no-repeat center center / cover;}
.design-2 .padd-p{padding: 0 25%; text-align: center;}
.design-2 :is(.head2){text-align: center;}
.icon-boxes-a{display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 7rem; margin-top: 7rem;}
.icon-box-a{width: 22%;}
.icon-a{background-color: var(--colorBlue2); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 2rem;transition: 0.5s; transform: scale(1);}
.icon-a:hover{transform: scale(1.125);}
.icon-box-a .p{font-size: calc(1rem - 1px);padding-right: 0.25rem;}
/*.icon-box-a .p{font-size: calc(1rem - 1px); height: 100px; overflow-y: auto;padding-right: 0.25rem;}*/
.icon-box-a .p::-webkit-scrollbar {width: 2px; display: none;}
.icon-box-a .p:hover::-webkit-scrollbar {display: block;}
.icon-box-a .p::-webkit-scrollbar-track {background: var(--colorGrey);}
.icon-box-a .p::-webkit-scrollbar-thumb {background: var(--colorBlue2);}
.icon-box-a .btn{margin-top: 1.625rem;}
.design-2 .s-item-9{margin-right: 2.5%;margin-left: auto;}
.design-2 .s-item-10{margin-left: 2.5%; margin-right: auto;}

.design-3{background-color: var(--colorBlue2); border-radius: 23px; padding: 5rem 0; padding-bottom: 23rem;}
.design-3 :is(.head2,.p,.p-strong){color: var(--colorWhite);}
.design-3 .p-strong{font-weight: bold;margin-bottom: 0.5rem;}
.layout-1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.design-3 .title-box-a{width: 60%;}
.design-3 .btn-box{width: auto;}
.process-box{width: 100%;}
.design-3 .head2{margin-bottom: 0.5rem;}
/*.process-box{margin-top: 0rem;justify-content: flex-end; position: relative; display: flex; align-items: flex-start;}
.process-title{font-family: var(--neueHaasPro65);border: 1px solid #DCE2E9;border-radius: 23px;font-size: 1.125rem;text-align: center;color: #F2F5FA;padding: 1.25rem 2.25rem;display: inline-flex; position: relative;}
.process-item{width: 29%; position: relative; transition: 0.5s;}
.process-title::after{content: "";z-index: 0; position: absolute; left: 0; right: 0; top: 100%; width: 1px; height: 66px; margin: auto; background-color: #DCE2E9;}
.process-control {display: flex; flex-direction: column; align-items: center; row-gap: 54px;}
.p-circle-icon {color: var(--colorBlue2); font-size: 1rem;}
.p-circle-icon::before {border: 6px solid var(--colorWhite); position: relative; z-index: 1; background-color: var(--colorWhite); border-radius: 100%;}
.process-item:nth-of-type(3){margin-top: 0rem;}
.process-item:nth-of-type(2){margin-top: 3rem;}
.process-item:nth-of-type(1){margin-top: 6.75rem;transform: translateY(20px);}
.shape3{position: absolute;left: 0;right: 0;bottom: -18%;width: 100%;}
.process-content {position: absolute;top: 52%;left: -30%; transition: 0.5s;}
.process-main-content {background-color: var(--colorWhite); width: 103%; border-radius: 12px; padding: 1.875rem;}
.process-main-content .p{color: var(--colorBlack2); margin-bottom: 1.25rem;}
.process-main-content .p > strong{font-family: var(--neueHaasPro65) !important; font-size: 1.125rem !important; display: flex;}
.process-img {position: relative; margin-bottom: 2.5rem;width: 100px;}
.process-img::after{content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 100%; width: 1px; background-color: #F2F5FA; height: 30px;}
.box-2{top: 75%;transform: translateX(16%);}
.box-3{top: 75%;transform: translateX(16%);}
.box-4{top: 75%;transform: translateX(16%);}
.process-item:not(.active) .process-content{opacity: 0; visibility: hidden;}
.process-item.active .process-content{opacity: 1; visibility: visible;}*/
.process-box{margin-top: 0rem;justify-content: flex-end; position: relative; display: flex; align-items: flex-start;}
.process-title{font-family: var(--neueHaasPro65);border: 1px solid #DCE2E9;border-radius: 23px;font-size: 1.125rem;text-align: center;color: #F2F5FA;padding: 0.875rem 1.75rem;display: inline-flex; position: relative;}
.process-item{width: 22%; position: relative; transition: 0.5s;}
.process-title::after{content: "";z-index: 0; position: absolute; left: 0; right: 0; top: 100%; width: 1px; height: 66px; margin: auto; background-color: #DCE2E9;}
.process-control {display: flex; flex-direction: column; align-items: center; row-gap: 54px;}
.p-circle-icon {color: var(--colorBlue2); font-size: 1rem;}
.p-circle-icon::before {border: 6px solid var(--colorWhite); position: relative; z-index: 1; background-color: var(--colorWhite); border-radius: 100%;}
.process-item:nth-of-type(3){margin-top: 2rem;}
.process-item:nth-of-type(2){margin-top: 5.25rem;}
.process-item:nth-of-type(1){margin-top: 6.75rem;transform: translateY(20px);}
.shape3{position: absolute;left: 0;right: 0;bottom: -18%;width: 100%;}
.process-content {position: absolute;top: 52%;left: -30%; transition: 0.5s;}
.process-main-content {background-color: var(--colorWhite); width: 240%; border-radius: 12px; padding: 1.875rem;}
.process-main-content .p{color: var(--colorBlack2); margin-bottom: 1.25rem;}
.process-main-content .p > strong{font-family: var(--neueHaasPro65) !important; font-size: 1.125rem !important; display: flex;}
.process-img {position: relative; margin-bottom: 2.5rem;width: 100px;}
.process-img::after{content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 100%; width: 1px; background-color: #F2F5FA; height: 30px;}
.box-2{top: 75%;transform: translateX(16%);}
.box-3{top: 75%;transform: translateX(16%);}
.box-4{top: 75%;transform: translateX(16%);}
.process-item:not(.active) .process-content{opacity: 0; visibility: hidden;}
.process-item.active .process-content{opacity: 1; visibility: visible;}

.design-4{padding: 7.5rem 0; background: url('../images/bg-texture-2.webp') no-repeat center center / cover;}
.design-4 .padd-p{padding: 0 25%; text-align: center;}
.design-4 :is(.head2){text-align: center;}
.inner-section:nth-child(odd) > .row-a{flex-direction: row-reverse;} 
.inner-section .row-a .col-left-a{width: 46%;}
.inner-section .row-a .col-right-a{width: 40%;}
.inner-sections{margin-top: 6rem; display: flex; flex-wrap: wrap; row-gap: 3.75rem;}
.v2 .inner-sections {margin-top: 0;row-gap: 9rem;}
.inner-section img {filter: drop-shadow(0px 0px 6px var(--colorBlue2));background-color: var(--colorGrey);}
.v2 .padd-p{margin-bottom: 7rem;}
.home .inner-section img {border-radius: 50px;}

.design-5{padding: 1.5rem 0; background-color: var(--colorBlack2); border-radius: 23px;}
.design-5 .container-fluid{white-space: nowrap; overflow: hidden;}
.marquee-animation {animation: marquee 80s linear infinite;}
@keyframes marquee {0% {transform: translateX(0%);} 100% {transform: translateX(-300%);}}
.marquee-animation > a{font-size: 2.75rem; font-family: var(--neueHaasPro65); color: var(--colorWhite); opacity: 0.4; display: flex; gap: 3rem;}

.design-6{margin-top: 1.25rem; padding: 6rem 0; background-color: var(--colorGrey); border-radius: 23px;}
.design-6 .col-left-a{width: 35%;}
.design-6 .col-right-a{width: 45%;}
.design-6 .col-left-a .p{margin-bottom: 1.25rem;}
.design-6 .col-left-a .p:last-of-type{margin-bottom: 0;}
.design-6 .col-left-a .btn{margin-top: 1.75rem;}
.design-6 .col-left-a .head2{position: relative;}
.has-shape{position: relative;}
.has-shape::after{content: ""; z-index:0; position: absolute;width: 140px;height: 140px;background: url('../images/shape2.webp') no-repeat center center / contain;right: 13%;bottom: 0;}
.testi-inner{display: flex;padding: 2.25rem 2.5rem;padding-top: 0;box-shadow: 0px 3px 30px #00000016;flex-direction: column;gap: 1.75rem;background-color: var(--colorWhite);border-radius: 23px;}
.testi-icon{width: 47px; height: 47px; margin-top: -1.5rem; background-color: var(--colorBlue2); border-radius: 5px; display: flex; align-items: center; justify-content: center;}
.testi-icon i{color: var(--colorWhite); font-size: 1.75rem;transform: scaleX(-1);}
.testi-content .p{font-size: calc(1rem - 1px); padding-right: 5%;}
.testi-content .p > strong{font-family: var(--neueHaasPro65); font-size: 1.125rem !important; color: var(--colorBlack3);}
.testi-content{display: flex; flex-wrap: wrap; row-gap: 1.5rem;}
.testi-author{display: flex; align-items: center; gap: 0.75rem;}
.testi-img{width: 40px;}
.testi-name{font-size: 1rem; font-family: var(--neueHaasPro65); color: var(--colorBlack3);}
.design-6 .slick-slide {margin: 2.5rem 0;}
.design-6 .slick-list {margin: -2.5rem 0;}
.testimonial-slider{margin-right: 0; margin-left: auto;}
.testimonial-slider .testi-slide{padding: 0 10%;}

.design-7{padding: 8rem 0;}
.design-7 .inner-box{background-color: var(--colorBlue2); border-radius: 23px; padding: 4rem 12%;}
.form-a{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 3rem;}
.design-7 :is(.head2, .p){text-align: center; color: var(--colorWhite);}
.design-7 .padd-p{padding: 0 19%;}
.design-7 .head2{margin-bottom: 1.25rem;}
.form-input{width: 32%; margin-bottom: 2%;}
.full-input{width: 100%;}
.inp-a{border-radius: 8px; background-color: #ffffff15; border:0; width: 100%; display: flex; resize: none; color: var(--colorWhite); font-family: var(--lausanneRegular); font-size: calc(1rem - 1px); line-height: 1; padding: 1rem 2rem;}
.inp-a::placeholder{color: var(--colorWhite); opacity: 0.7; font-size: calc(1rem - 1px); font-family: var(--lausanneRegular);}
textarea{height: 180px;}
.form-btn{margin-bottom: 0;display: flex;justify-content: flex-end;margin-top: -4.25rem;position: relative;align-items: center;margin-right: 0.75rem;}
.form-btn .btn{color: var(--colorBlue2) !important; min-width: 160px;}
.form-btn .btn:hover{color: var(--colorWhite) !important;}

.design-8{background-color: var(--colorBlack2); padding: 1.125rem 0; border-radius: 23px; margin-bottom: 1.5rem;}
.cnt-list-a{display: flex; flex-direction: row;}
.cnt-list-a > li{width: 50%; text-align: center;}
.cnt-list-a > li > a{font-size: 1.75rem; color: var(--colorWhite); opacity: 0.4; font-family: var(--neueHaasPro65);}
.cnt-list-a > li:not(:last-child){border-right: 1px solid #8A8A8A;}

.footer-a{background-color: var(--colorGrey); border-radius: 23px; padding-top: 3.5rem; padding-bottom: 4.5rem  ;}
.ftr-row{display: flex; align-items: flex-start; justify-content: space-between;}
.ftr-col {width: 15%;}
.ftr-col-1 {width: 29%;padding-right: 5%;}
.ftr-logo {margin-bottom: 2rem;max-width: 200px;}
.ftr-head{font-size: 1rem; font-family: var(--neueHaasPro65); color: var(--colorBlack3); margin-bottom: 2rem;}
.ftr-list-a > li{line-height: 1;}
.ftr-list-a > li > a{font-size: 1rem; line-height: 1; color: var(--colorBlack2); font-family: var(--lausanneRegular);}
.ftr-list-a{row-gap: 1rem; display: flex; flex-direction: column;}
.copy-row{margin-top: 8rem;}

.mob-res-icon,.res-menu-icon,.open-inner-menu {display: none;}

.inner-banner-a .col-full-a{width: 100%;}
.inner-banner-a .head1::after{display: none;}
.inner-banner-a{position: relative; min-height: calc(100vh - 120px); display: flex; align-items: center;}
.inner-banner-img{position: absolute;bottom: -5%;right: 9%;width: 43%;z-index: 0;}
.inner-banner-a .container{position: relative; z-index: 1;}
.inner-banner-a .banner-p {padding-right: 32%;}
.inner-banner-a .head1{margin-bottom: 2rem;}

.design-9{padding: 10rem 0; padding-right: 10%;}
.design-9 .col-left-a{width: 42%;}
.design-9 .col-right-a{width: 46%;}
.design-9 .head1::after{display: none;}
.p-strong{font-size: 1.5rem; font-family: var(--lausanneRegular) !important; color: var(--colorBlack3); line-height: 1.25; margin-bottom: 1.25rem;}
.design-9 .head1{margin-bottom: 1.5rem;}

/* .design-10{background: url('../images/about-us/bg-2.webp') no-repeat center center / cover;} */
.tab-controllers-a{background-color: var(--colorBlack2); border-radius: 23px; padding: 1.5rem 0;}
.tab-controller-a a{color: var(--colorWhite);font-size: calc(1.5rem + 1px); transition: 0.5s; font-family: var(--neueHaasPro55);border-radius: 12px;background-color: transparent;padding: 0.825rem 1.75rem;}
.tab-controller-a a:hover{background-color: var(--colorBlue2);}
.tab-controller-a a.active{background-color: var(--colorBlue2);}
.tab-controller-a{flex-direction: row; display: flex; justify-content: center;gap: 3.5rem;}
.tab-controller-a li{line-height: 1; display: flex;}
.tab-content-a .row-a{flex-direction: row-reverse; }
.tab-content-a .col-left-a{width: 47%;}
.tab-content-a .col-right-a{width: 49.5%;}
.tab-content-a .head2 {margin-bottom: 1rem; line-height: 1.125;}
.tab-contents-a{padding-top: 6rem; padding-bottom: 10rem;}
.tab-content-a:not(.vison){display: none;}

.design-11{padding: 7.5rem 0;}
.design-11 .head1{text-align: center;}
.design-11 .padd-p{text-align: center; padding: 0 25%;}
.design-11 .head1::after{display: none;}
.contact-box{background-color: var(--colorBlue2); margin-top: 5rem; border-radius: 23px; padding: 2rem; padding-left: 5rem;}
.contact-box .head2{color: var(--colorWhite);}
.form-a.v2 .form-input{width: 48%;}
.form-a.v2 .full-input{width: 100%;}
.contact-box .col-left-a{width: 54%;}
.contact-box .col-right-a{width: 40%;}
.white-box{background-color: var(--colorWhite); overflow: hidden;border-radius: 25px; padding: 2rem 2.5rem;}
.label-a{text-transform: uppercase;font-weight: bold; margin-bottom: 0.5rem;line-height: 1;}
.info-det-a{line-height: 1.25;font-size: 1.25rem;font-family: var(--neueHaasPro55);color: var(--colorJetBlack);}
.info-det-a > a{color: var(--colorBlue2); font-family: var(--neueHaasPro65); position: relative;}
.info-det-a > a::after{content: ""; position: absolute; width: 100%; height: 2px; background-color: var(--colorBlue2); top: 100%; left: 0;}
.info-boxes {display: flex; flex-wrap: wrap; row-gap: 1.5rem;}
.info-box {width: 100%;}

.fade-right-a{opacity: 0; transform: translateX(-50%) translateZ(0);}
.fade-right-a.animated{animation: fadeRight 1.5s forwards;}
.fade-left-a{opacity: 0; transform: translateX(50%) translateZ(0);}
.fade-left-a.animated{animation: fadeLeft 1.5s forwards;}
.fade-down-a{opacity: 0; transform: translateY(-50%) translateZ(0);}
.fade-down-a.animated{animation: fadeDown 1.5s forwards;}
.fade-up-a{opacity: 0; transform: translateY(50%) translateZ(0);}
.fade-up-a.animated{animation: fadeUp 1.5s forwards;}
.fade-in-a{opacity: 0; transform: translateZ(0);}
.fade-in-a.animated{animation: fadeRight 1.5s forwards;}

.delay-1{animation-delay: 300ms !important;}
.delay-2{animation-delay: 600ms !important;}
.delay-3{animation-delay: 900ms !important;}

@keyframes fadeRight { 100%{opacity: 1; transform: translateX(0%) translateZ(0);} }
@keyframes fadeLeft { 100%{ opacity: 1; transform: translateX(0%) translateZ(0);} }
@keyframes fadeDown { 100%{ opacity: 1; transform: translateY(0%) translateZ(0);} }
@keyframes fadeUp { 100%{ opacity: 1; transform: translateY(0%) translateZ(0);} }
@keyframes fadeIn { 100%{ opacity: 1; transform: translateZ(0);} }

.text-box-a:not(:last-child) {margin-bottom: 2.5rem;}
.modal-body {background-color: var(--colorBlue2);padding: 2rem 1.5rem;}
.modal-body *{color: var(--colorWhite) !important;}
.modal-body .btn-close{filter: brightness(0) invert(1);opacity: 1;position: absolute;right: 1rem;top: 1rem;}
.modal-content {border-radius: 25px !important; overflow: hidden;}
.modal-body :is(.head2,.p){text-align: center;}
.modal-body .head2 {margin-bottom: 0.5rem;}
.modal-body .form-a{margin-top: 2rem;}

.blue-form-a {background-color: var(--colorBlue2);padding: 3rem 4.5rem; border-radius: 25px;}
.blue-form-a *{color: var(--colorWhite) !important;}
.blue-form-a .form-btn {margin: 0; margin-top: 1rem; width: 100%;}
.blue-form-a .form-btn .btn{width: 100%;}
.blue-form-a .form-a{margin-top: 0;}

.header-status {width: 100%; margin-top: 1rem; text-align:center;}
.header-status .p{color:var(--colorWhite);}
.box-3 .process-main-content {transform: translateX(-40%);}
.box-4 .process-main-content {transform: translateX(-60%);}

.ftr-list-a strong {display: flex; margin-bottom: 0.5rem;}
.has-office-det-a li{line-height: 1.125;}
.ftr-col-2 {width: 10%;}
.ftr-col-3, .ftr-col-4 {width: 20%;}
.ftr-col-5 {width: 10%;}
.info-col {display: flex; flex-direction: column; row-gap: 1.25rem;}
.info-col .head4{margin-bottom: 0;}
.info-col:not(:last-child) {border-bottom: 1px solid var(--colorBlack); padding-bottom: 1.25rem;}
rect{fill: #0F6BE9;}
.inner-section img {border: 50px solid #f5f7fb; border-radius: 50px;width: 100%;}

.pricing-sec{padding:0rem 0 5rem;}
.package-slide {padding: 3rem 0; border: 4px solid var(--colorOrange); border-radius: 10px;}
.pkge-name {padding-left: 3rem; font-size: 1.875rem; font-family: var(--neueHaasPro65); color: var(--colorJetBlack); margin-bottom: 1rem;}
.pkge-price {font-size: 3.75rem; font-family: var(--neueHaasPro65); color: var(--colorWhite); margin-bottom: 0;}
.pkge-price span { background-color: var(--colorOrange); padding: .75rem 2rem .75rem 3rem; border-radius: 0 25px 25px 0;}
.pkge-desc {font-size: 1rem; font-family: var(--lausanneRegular); color: var(--colorJetBlack); padding: 0 3rem; margin-top: 3.5rem; margin-bottom: 2rem;}
.pkge-items {margin: 0; margin-left: 3rem;margin-right: 3rem; margin-bottom: 2rem; padding: 0; list-style: none; height: 150px; overflow: hidden; overflow-y: scroll;}
.pkge-items li {position: relative; padding-left: 1.5rem; line-height: 1.25; font-size: 1.25rem; font-family: var(--lausanneRegular); color: var(--colorJetBlack);}
.pkge-items li:before {content: ""; position: absolute; width: 9px; height: 9px; top: 8px; left: 0; background-color: var(--colorJetBlack); border-radius: 100%;}
.pkge-items li:not(:last-child) {margin-bottom: 0.5rem;}
.pkge-add-ons {font-size: 1rem; font-family: var(--lausanneRegular); color: var(--colorJetBlack); padding: 0 3rem; line-height: 1.5; margin-bottom: 0;}
.package-slide .btn-group-a {margin-top: 2rem; margin-left: 3rem; margin-right: 1.5rem;}
.package-slider-section .slick-slide {margin: 0 26px;}
.package-slider-section .slick-list {padding: 0rem 0 2rem; margin: 0 -26px;}
.pkge-items::-webkit-scrollbar {width: 2px; display: none;}
.pkge-items:hover::-webkit-scrollbar {display: block;}
.pkge-items::-webkit-scrollbar-track {background: var(--colorGrey);}
.pkge-items::-webkit-scrollbar-thumb {background: var(--colorBlue2);}
.pkge-price span small {font-size: 30%;}
.pricing-sec .slick-track{display: flex !important;}
.pricing-sec .slick-slide{height: inherit !important;}
.p strong {color: var(--colorJetBlack); font-size: 150%; font-family: var(--neueHaasPro55);}

.header-top-a{background-color:var(--colorJetBlack); border-radius:23px; padding:1.25rem 0;}
.header-top-a .p{color:var(--colorWhite);}
.tag-a {display: inline-flex; background-color: var(--colorJetBlack); color: var(--colorWhite); font-size: 150%; padding: 0.5rem 2rem; border-radius: 8px; margin-bottom: 2rem; font-weight: bold;}
.tag-a:hover{color:var(--colorWhite);}

/* .header-inner {background: var(--colorJetBlack); border-radius: 25px;} */
nav.nav-area {padding: 0; background: transparent;}
.design-2.v2 .inner-sections {margin-top: 0; margin-bottom: 7rem;}
.design-2 .inner-section:nth-child(odd) > .row-a{flex-direction: row;}
.img-default-a{padding: 0 !important; border: 0 !important; background-color: transparent !important;}
.design-4.v2{margin-top: 0  ;}
.counter-area-a {margin: 5rem 0; display: flex; gap: 2%; justify-content: space-between;}
.counter-box-a {background: var(--colorGrey); width: 25%; border-radius: 25px; padding: 3rem; text-align: center;}
.counter-number{font-size: 4.375rem; font-family: var(--neueHaasPro65); line-height: 1; margin-bottom: 1.75rem;}
.counter-title{font-size: 1rem; font-family: var(--neueHaasPro65); text-transform: uppercase; margin-bottom: 0.75rem; line-height: 1; color: var(--colorBlack2);}
.btn-center-a{justify-content: center;}
.design-1 .slick-slide {margin: 0 1.5rem; background: var(--colorWhite); border-radius: 10px;}
.design-1 .slick-list {margin: 0 -1.5rem;}

@media screen and (max-width:1680px) {
    .container {width: 85%;}
    .menu-ul {gap: 2.5rem;}
    .menu-ul > li:last-child {margin-left: 0.5rem;}
    .btn {padding: 0.875rem 2rem;}
    /* .header {padding: 1.25rem 0;} */
    .head1 {font-size: 3.5rem;}
    .head2 {font-size: 2.5rem;}
    .marquee-animation > a {font-size: 2.25rem;}
    .cnt-list-a > li > a {font-size: 1.25rem;}

    .banner,.design-2,.design-4,.design-7 {padding: 5rem 0;}
    .copy-row {margin-top: 5rem;}
    .p,.ftr-list-a > li > a {font-size: 0.875rem;}
    .testi-content .p > strong,.process-main-content .p > strong{font-size: 1rem !important;}
    .testi-content {row-gap: 1rem;}
    .icon-boxes-a {row-gap: 5rem; margin-top: 5rem;}
    .process-title{font-size: 1rem;}
    .process-item:nth-of-type(2) {transform: translateY(13px);}
    .process-item:nth-of-type(3) {transform: translateY(20px);}
    .process-item:nth-of-type(4) {transform: translateY(30px);}
    .process-img {width: 75px;}
    .process-content {top: 72%;}
    .box-2{top: 86%;}
    .box-4 {right: 14% !important; left: -46% !important;}
    .design-9 {padding-top: 3rem; padding-bottom: 6rem;}
    .p-strong {font-size: 1.25rem;}
    .tab-controller-a a {font-size: 1.25rem;}
    .tab-contents-a {padding-top: 5rem; padding-bottom: 5rem;}
    .info-det-a {font-size: 1.125rem;}
    .v2 .inner-sections {row-gap: 5rem;}
    .nav-area {padding: 1rem;}
    .design-3 {padding-top: 3rem; padding-bottom: 21rem;}
    .head4 {font-size: 1.125rem;}
    .white-box {padding: 2rem 1.5rem;}
    
    .pkge-name {font-size: 1.5rem;}
    .pkge-price {font-size: 2.5rem;}
    .pkge-desc,.pkge-items li,.pkge-add-ons {font-size: 1rem;}
    .pkge-items li:before {width: 6px; height: 6px;}
    .pkge-items{height:120px;}
    .pkge-items li {padding-left: 1rem;}

    .counter-number {font-size: 3.5rem;}
    .counter-title {font-size: 0.875rem;}
    .blue-form-a {padding: 3rem 3rem;}

}


@media screen and (max-width:1366px) {
    .head2 {margin-bottom: 1rem;}
    .design-6 .col-left-a {width: 40%;}
    .design-6 .col-right-a {width: 55%;}
    .design-1 {padding: 1.5rem 0;}
    .design-2 .padd-p,.design-4 .padd-p {padding: 0 22%;}
    .design-7 .padd-p {padding: 0px 14%;}
    .head1::after {width: 100px; height: 100px; right: 2%;}
    .inner-sections {margin-top: 5rem; row-gap: 3rem;}
    .process-item:nth-of-type(1) {margin-top: 3.75rem; transform: translateY(16px);}
    .process-item:nth-of-type(2) {transform: translateY(12px); margin-top: 2.25rem;}
    .process-item:nth-of-type(3) {transform: translateY(-8px);margin-top: 1rem;}
    .process-item:nth-of-type(4) {transform: translateY(-14px);}
    .design-5 {padding: 1.25rem 0;}
    .design-9 {padding-right: 3%;}
    .tab-content-a .head2 br {display: none;}
    .info-det-a {font-size: 1rem;}
    .label-a {margin-bottom: 0.5rem;}
    .design-11 .padd-p {padding: 0 19%;}
    
    .pkge-name,.pkge-price span,.pkge-desc,.pkge-add-ons {padding-left: 1.25rem;}
    .pkge-desc,.pkge-add-ons{padding-right: 1.25rem;}
    .pkge-items,.package-slide .btn-group-a{margin-left:1.25rem;margin-right:1.25rem;}
    .package-slider-section .slick-slide {margin: 0 10px;}
    .package-slider-section .slick-list {margin: 0 -26px;}
    .menu-ul {gap: 1.5rem;}
    .process-item:nth-of-type(2) {margin-top: 0.25rem;}
    .process-item:nth-of-type(3) {transform: translateY(-11px); margin-top: 0rem;}
}

@media screen and (max-width:1280px) {
    .container{width: 90%;}
    .box-4 {right: 24% !important; left: -58% !important;}
    .process-box {gap: 1rem;}
    .contact-box {padding: 2rem;}
    .design-11 .form-a {margin-top: 2rem;}
    .white-box {padding: 3rem 2rem;}
}

@media screen and (max-width:1024px) {
    .design-2 .padd-p, .design-4 .padd-p {padding: 0 16%;}
    .icon-box-a {width: 46%;}
    .inner-section .row-a .col-right-a {width: 45%;}
    .marquee-animation > a {font-size: 2rem;}
    .design-7 .padd-p {padding: 0px 6%;}
    .design-7 .inner-box {padding: 3rem 7%;}
    .cnt-list-a > li > a {font-size: 1rem;}
    .design-8 {padding: 1rem 0;}
    .menu-ul {gap: 0.75rem;}
    .menu-ul > li > a {font-size: 0.875rem;}
    .btn {padding: 0.75rem 1.5rem;}
    .head1 {font-size: 3rem;}
    .design-9 {padding-right: 0%;}
    .design-11 .padd-p {padding: 0 10%;}
    .contact-box {margin-top: 3rem;}
    .design-11 {padding: 5rem 0;}
    .info-det-a {font-size: 1.5rem;}
    .info-boxes {row-gap: 1.25rem;}
    .design-3 .title-box-a {width: 70%;}
    .process-title {padding: 1rem 1rem;}
    /* .process-main-content {width: 325%;} */
    .process-item:nth-of-type(1) {transform: translateY(26px);}
    .process-item:nth-of-type(2) {transform: translateY(35px);}
    .process-item:nth-of-type(3) {transform: translateY(15px);}
    .process-item:nth-of-type(4) {transform: translateY(14px);}
    /* .box-2 {top: 79%;}
    .box-3 .process-main-content {transform: translateX(-45%);}
    .box-4 .process-main-content {transform: translateX(-65%);} */
    .contact-box .row-a {flex-direction: column;}
    .contact-box .row-a > div {width: 100%;}
    .contact-box .col-left-a {margin-bottom: 2rem;}
    .ftr-col-1 {width: 100%; padding-right: 40%; margin-bottom: 2rem;}
    .ftr-row{flex-wrap: wrap;}
    .ftr-col-3, .ftr-col-4 {width: 25%;}
    .ftr-col-5 {width: 13%;}
    .ftr-head {margin-bottom: 1rem;}
    .counter-area-a {flex-wrap: wrap; row-gap: 2rem;}
    .counter-box-a {width: 48%; padding: 2rem;}

}

@media screen and (max-width:991px) {
    body {padding: 20px;}
    .translate-x-zero {transform: translateX(0%) !important;}
    .mob-res-icon {display: flex; width: 100%; justify-content: space-between;}
    .menu-close {display: flex; color: var(--colorWhite); font-size: 1.5rem; margin-bottom: 3rem;}
    .icon-back {color: var(--colorWhite); font-size: 1.5rem; display: none;}
    .menu-ul {flex-direction: column; align-items: flex-start; row-gap: 1.25rem;}
    .menu-ul > li:last-child {margin-left: 0;width: 100%;}
    .res-menu-icon {display: flex;color: var(--colorWhite);font-size: 2rem;line-height: 1;background-color: var(--colorBlack2);padding: 0.5rem;}
    li.has-btn .btn {width: 100% !important;}
    /* .nav-area{position: fixed; z-index: 9;border-radius: 0; flex-direction: column; align-items: flex-start; background-color: var(--colorBlack2); width: 275px; height: 100vh; justify-content: flex-start; right: 0; top: 0; padding: 1rem; transition: 0.5s; transform: translateX(100%);} */
    .banner .row-a {flex-direction: column; align-items: flex-start;}
    .banner .col-left-a {width: 100%; margin-bottom: 3rem;}
    .banner .col-right-a {width: 100%;}
    .banner .head1 {display: inline-flex;}
    .banner {padding-bottom: 2rem;}
    .design-2 .padd-p, .design-4 .padd-p {padding: 0 0%;}
    .icon-boxes-a {margin-top: 3rem;}
    .design-2 .slick-slide {margin: 0 20px;}
    .design-2 .slick-list {margin: 0 -20px;}
    .fixed-top {padding: 0.5rem 0;}

    .design-3 {padding: 3rem 0; padding-bottom: 3rem;}
    .design-3 .title-box-a {width: 100%; margin-bottom: 2rem;order: 1;}
    .design-3 .head2{margin-bottom: 1rem;}
    .process-item:nth-of-type(1) {margin-top: 0; transform: translateY(0px);}
    .process-item:nth-of-type(2) {margin-top: 0; transform: translateY(0px);}
    .process-item:nth-of-type(3) {margin-top: 0; transform: translateY(0px);}
    .process-item:nth-of-type(4) {margin-top: 0; transform: translateY(0px);}
    .shape3{display: none;}
    .process-title {border: 0;font-weight: bold; padding: 0; color: var(--colorBlack2); font-size: 1.5rem; font-family: var(--neueHaasPro65); text-align: left;}
    .process-title::after{display: none;}
    .p-circle-icon{display: none;}
    .process-content {position: static;}
    .process-img::after{display: none;}
    .process-main-content {width: 100%;}
    .process-item {background-color: var(--colorWhite); border-radius: 12px; padding: 1.25rem;}
    .process-main-content {background: transparent; padding: 0 !important;}
    .process-img {margin-bottom: 1rem; margin-top: 1rem;width: 50px;}
    .process-item:not(.active) .process-content {opacity: 1; visibility: visible;}
    .process-box .slick-slide {margin: 0 20px;}
    .process-box .slick-list {margin: 0 -20px;}
    .box-2,.box-3,.box-4 {transform: translateX(0%);}
    .process-control {align-items: flex-start;}
    .process-box{order:2;margin-top: 0;}
    .design-3 .btn-box{order: 3;width: 100%;display: flex;justify-content: center;margin-top: 2rem;}

    .banner, .design-2, .design-4, .design-7 {padding: 3rem 0;}
    .inner-sections {margin-top: 3rem;row-gap: 4rem;}
    .inner-section:nth-child(odd) > .row-a, .inner-section > .row-a {flex-direction: column;}
    .inner-section .row-a .col-left-a {width: 70%; margin-bottom: 2rem;}
    .inner-section .row-a .col-right-a {width: 100%; text-align: center;}

    .design-6 {padding: 4rem 0;}
    .design-6 .row-a {flex-direction: column;}
    .design-6 .col-left-a {width: 100%; margin-bottom: 3rem !important;}
    .design-6 .col-right-a {width: 100%;}
    .ftr-row {flex-wrap: wrap;}
    .ftr-col-1 {width: 100%; padding-right: 30%; margin-bottom: 3rem;}
    .ftr-col-1 ~ div {width: 48%;}
    .footer-a {padding-top: 3rem; padding-bottom: 2rem;}
    .copy-row {margin-top: 3rem;}
    .ftr-col-1 {order: 1;}
    .ftr-col-2 {order: 4;}
    .ftr-col-3 {order: 2; margin-bottom: 2rem;}
    .ftr-col-4 {order: 3; margin-bottom: 2rem;}
    .ftr-col-5 {order: 5;}

    .design-9 .row-a {flex-direction: column;}
    .design-9 .col-left-a {width: 70%; margin-bottom: 3rem;}
    .design-9 .col-right-a {width: 100%;}

    .tab-content-a .row-a {flex-direction: column;}
    .tab-content-a .col-left-a {width: 70%; margin-bottom: 3rem;}
    .tab-content-a .col-right-a {width: 100%;}

    .design-11 {padding: 3rem 0;}
    .white-box {padding: 2rem 1.25rem;height: 100%;display: flex;align-items: center;}
    .info-det-a {font-size: 1.25rem;}
    .form-a.v2 .form-input {width: 100%;}
    .contact-box .row-a {align-items: initial;}
    .design-11 .padd-p {padding: 0 0%;}

    /* .fixed-top .nav-area{padding: 1rem 1.25rem; background-color: var(--colorBlack2);}
    .fixed-top .nav-area li:not(:last-child) a{color: var(--colorWhite); font-weight: normal;} */

    .open-inner-menu{color: var(--colorWhite);margin-right: 5%;border: 1px solid var(--colorWhite);border-radius: 100%;width: 2rem;height: 2rem;display: flex;align-items: center;justify-content: CENTER;font-size: 1.25rem;position: absolute;right: 0;}
    .dropdown-a::after{display: none;}
    .dropdown-a {width: 100%; justify-content: space-between;}
    .menu-ul > li > a {font-size: 1rem; letter-spacing: 0.5px;}
    .sub-menu-a {opacity: 1; transform: translateX(100%); visibility: visible; border-radius: 0; background-color: var(--colorBlack2); box-shadow: none; position: fixed; left: auto; right: 0; width: 275px; top: 6rem; height: calc(100vh - 6rem); display: flex; flex-direction: column; row-gap: 1.25rem; padding: 0rem 1.25rem;}
    .sub-menu-a >li:not(:last-child) {border-bottom: 0;}
    .sub-menu-a a {padding: 0; color: var(--colorWhite);}
    .v2 .padd-p {margin-bottom: 4rem;}
    .box-2 .process-main-content {transform: translateX(0%);}
    .box-3 .process-main-content {transform: translateX(0%);}
    .box-4 .process-main-content {transform: translateX(0%);}

    .fade-right-a{opacity: 0; transform: translateY(-50%) translateZ(0);}
    .fade-right-a.animated{animation: fadeRight 1.5s forwards;}
    .fade-left-a{opacity: 0; transform: translateY(-50%) translateZ(0);}
    .fade-left-a.animated{animation: fadeLeft 1.5s forwards;}
    
    @keyframes fadeRight { 100%{opacity: 1; transform: translateY(0%) translateZ(0);} }
    @keyframes fadeLeft { 100%{ opacity: 1; transform: translateY(0%) translateZ(0);} }
    
    .design-2 .inner-section:nth-child(odd) > .row-a {flex-direction: column;}
    .design-2.v2 .inner-sections {margin-bottom: 4rem;}
    .inner-section .row-a .col-right-a .btn-group-a {justify-content: center;}
    .counter-number {   font-size: 2.5rem; margin-bottom: 1rem;}



}

@media screen and (max-width:767px) {
    .process-main-content .p > strong {font-size: 1.125rem !important;}
    .form-input {width: 100%;}
    .design-7 .padd-p {padding: 0;}
    .cnt-list-a {flex-direction: column; justify-content: center; align-items: center;}
    .cnt-list-a > li {width: 100%; text-align: center;}
    .cnt-list-a > li:not(:last-child) {border-right: 0; border-bottom: 1px solid #8a8a8a;}
    .ftr-col-1 ~ div {width: 100%;margin-bottom: 2rem;}
    .ftr-head {margin-bottom: 1rem;}
    .copy-row {margin-top: 0;}
    .ftr-col-1 {padding-right: 0;}
    .ftr-list-a {row-gap: 0.5rem;}
    .logo-area img {max-width: 150px;}
    .inner-banner-a .banner-p {padding-right: 0;}
    .head2 {font-size: 2rem;}
    .head1 {font-size: 2.5rem;}
    .inner-banner-a .head1 {margin-bottom: 1rem;}
    .tab-controller-a {gap: 0.5rem;}
    .tab-controller-a a {padding: 0.825rem 1rem;}
    .contact-box .row-a {flex-direction: column;}
    .contact-box .row-a > div{width: 100%;}
    .design-11 .container{width: 100%;}
    .info-boxes {flex-direction: column;row-gap: 1.25rem;}
    .inp-a {padding-left: 1rem;}
    .inner-section .row-a .col-left-a {width: 80%;}
    .v2 .inner-sections {row-gap: 4rem;}
    .home .inner-section img {border-radius: 18px;}
    .banner .col-right-a img {border-radius: 18px;}
    .info-det-a {font-size: 1rem;}
    .copy-row .row-a {flex-direction: column; text-align: center;}
    .copy-row .row-a .p {font-size: 0.7rem !important;}
    .inner-section img {border: 20px solid #f5f7fb; border-radius: 18px;}
    .inner-banner-a {min-height: auto; padding: 5rem 0;}
    br {display: none;}
    .blue-form-a {padding: 2rem 1.5rem;}

}

@media screen and (max-width:480px) {
    .head1 {font-size: 2.5rem;}
    .banner-p {padding-right: 0;}
    .btn-group-a {flex-wrap: wrap;}
    body {padding: 10px;}
    .head2 {font-size: 2rem;}
    .head3 {font-size: 1.75rem;}
    .inner-section .row-a .col-left-a {width: 100%;}
    .head3 br {display: none;}
    .testi-inner {padding: 1.25rem 1.5rem;padding-top: 0;}
    .testimonial-slider .testi-slide {padding: 0 0%;}
    .form-btn {justify-content: center; margin-top: 1rem; margin-right: 0;}
    .cnt-list-a > li > a {font-size: 1.125rem;}
    .copy-row .row-a {flex-direction: column; text-align: center;}
    .copy-row .row-a .p {font-size: 0.7rem !important;}
    .has-shape::after,.head1::after{display: none;}
    .marquee-animation > a {font-size: 1.5rem;}
    .head1 br{display: none;}
    .inp-a {padding: 1rem 1rem;}
    .inner-banner-img{display: none;}
    .design-9 .col-left-a {width: 100%;}
    .contact-box {padding: 2rem 1.25rem;}

    .logo-area img {max-width: 120px;}
    li.has-btn .btn {padding: 0.5rem 1rem;}
    .counter-box-a {width: 100%;}


}