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

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

@font-face {
    font-family: 'NeueMontreal-Bold';
    src: url('../fonts/neue-montreal/bold/NeueMontreal-Bold.eot');
    src: url('../fonts/neue-montreal/bold/NeueMontreal-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/neue-montreal/bold/NeueMontreal-Bold.woff2') format('woff2'),
        url('../fonts/neue-montreal/bold/NeueMontreal-Bold.woff') format('woff'),
        url('../fonts/neue-montreal/bold/NeueMontreal-Bold.ttf') format('truetype'),
        url('../fonts/neue-montreal/bold/NeueMontreal-Bold.svg#NeueMontreal-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeueMontreal-Light';
    src: url('../fonts/neue-montreal/light/NeueMontreal-Light.eot');
    src: url('../fonts/neue-montreal/light/NeueMontreal-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/neue-montreal/light/NeueMontreal-Light.woff2') format('woff2'),
        url('../fonts/neue-montreal/light/NeueMontreal-Light.woff') format('woff'),
        url('../fonts/neue-montreal/light/NeueMontreal-Light.ttf') format('truetype'),
        url('../fonts/neue-montreal/light/NeueMontreal-Light.svg#NeueMontreal-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeueMontreal-Medium';
    src: url('../fonts/neue-montreal/medium/NeueMontreal-Medium.eot');
    src: url('../fonts/neue-montreal/medium/NeueMontreal-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/neue-montreal/medium/NeueMontreal-Medium.woff2') format('woff2'),
        url('../fonts/neue-montreal/medium/NeueMontreal-Medium.woff') format('woff'),
        url('../fonts/neue-montreal/medium/NeueMontreal-Medium.ttf') format('truetype'),
        url('../fonts/neue-montreal/medium/NeueMontreal-Medium.svg#NeueMontreal-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{

    --theYoshiRegular: 'TheYoshi Regular';

    --neueMontrealLight: 'NeueMontreal-Light';
    --neueMontrealRegular:'NeueMontreal-Regular';
    --neueMontrealMedium:'NeueMontreal-Medium';
    --neueMontrealBold:'NeueMontreal-Bold';

    --colorWhite: #ffffff;
    --colorJetBlack: #000000;
    --colorBlack: #070125;
    --colorBlack2: #1A2434;
    --colorBlue: #4B53A4;
    --colorBlue2:#36C2DD;
    --colorGrey: #F2F3F7;

}


.container{width: 66%; max-width: 1260px;padding: 0;}
p,h1,h2,h3,h4,h5,h6{margin: 0; line-height: 1;}
*{outline: none;}
.list-a{list-style: none; padding: 0; margin: 0;font-family: var(--neueMontrealRegular);}
a{color: inherit; text-decoration: none;}
body{background-color: var(--colorGrey);}

.btn{min-width: auto;padding: 1rem 2rem;display: inline-flex;align-items: center;justify-content: center;font-family: var(--neueMontrealRegular);font-size: 1rem;border-radius: 30px;transition: 0.5s linear;border: 0;background-color: var(--colorBlue);color: var(--colorWhite);}
.btn-outline-a{background-color: transparent; color: var(--colorBlue); border-bottom: 2px solid var(--colorBlue); border-radius: 0 !important; padding: 0 !important;}
.btn.btn-outline-a:hover{background-color: transparent;  color: var(--colorBlue2); border-bottom: 2px solid var(--colorBlue2);}
.btn.btn-blue:hover{background-color: var(--colorBlue2); color: var(--colorWhite);}
.btn.btn-light-blue{background-color: var(--colorBlue2); color: var(--colorBlack); border: 2px solid var(--colorBlue);}
.btn.btn-light-blue:hover{background-color: var(--colorBlue); color: var(--colorGrey);}
.btn.clr-light-blue{color: var(--colorBlue2); border-color: var(--colorBlue2);}
.btn.clr-light-blue:hover{color: var(--colorBlue); border-color: var(--colorBlu2);}

.small-head{font-family: var(--neueMontrealRegular);color: var(--colorBlack);font-size: 1rem;text-transform: uppercase;}
.head1{font-family: var(--neueMontrealRegular); color: var(--colorGrey); font-size: 4.375rem; line-height: 1.2;}
.head2{font-family: var(--neueMontrealRegular); color: var(--colorBlack); font-size: 5rem; line-height: 1.125;}
.head2.v2{font-size: 2.75rem;}
.head3{font-family: var(--neueMontrealRegular); color: var(--colorBlack); font-size: 3.75rem; line-height: 1.125;}
.head4{color: var(--colorBlack); font-size: 1.5rem;font-family: var(--neueMontrealRegular);}
.head5{font-family: var(--neueMontrealRegular); font-size: 3.125rem; color: var(--colorGrey); line-height: 1.25;}
.p{font-family: var(--neueMontrealRegular); color: var(--colorGrey); font-size: 1.25rem; line-height: 1.5;}
.form-item-inline-a {display: flex; justify-content: space-between;}
.form-item-inline-a .inp-a{width: 100%; border-radius: 5px 0 0 5px;font-family: var(--montserratRegular); border-width: 1px 0 1px 1px; border-color: var(--colorGrey2); padding: 0.5rem 2rem; line-height: 1; color: var(--colorBlack); font-size: 1rem;}
.form-item-inline-a .btn{min-width: 210px; border-radius: 0 5px 5px 0; min-height: 60px;}
.row-a{display: flex; align-items: center; justify-content: space-between;}
section:not(.banner-a) .small-head{margin-bottom: 1.125rem;}
section:not(.banner-a) .head2{margin-bottom: 1rem;}
section:not(.banner-a) .p{margin-bottom: 2rem;}
.text-white{color: var(--colorWhite);}
.p:last-child{margin-bottom: 0 !important;}
.txt-white{color: var(--colorGrey);}
/* body,section,footer{overflow-x:hidden;} */
.header-row {display: flex; align-items: center; justify-content: space-between;}
.header {padding: 1rem 0;}
.header-inner {position: fixed; top: 0; left: 0; right: 0; padding-top: 1rem; padding-bottom: 1rem; z-index: 15; background: var(--colorGrey);}
.fixed-top{background-color: var(--colorGrey); padding: 0.5rem 0; transition: 0.5s;}
.fixed-top .hdr-btn .btn {padding: 0.5rem 1rem;}
.fixed-top .logo-a {max-width: 100px;}

.banner-a{padding: 0 4.75%;}
.banner-inner{height: calc(100vh - 100px); border-radius: 25px; display: flex; align-items: center; background: url('../images/home/customer-experience-creative-collage-1.png') no-repeat center center / cover; padding: 5rem 0;}
.banner-inner .container {width: 73%;}
.banner-a .col-left-a{width: 55%;display: flex;flex-direction: column;align-items: flex-start;row-gap: 1.75rem;position: relative;}
.banner-a .col-left-a::before{content: "";position: absolute;width: 100%;height: 100%;background-color: #00000050;filter: blur(50px);z-index: 0;}
.banner-a .col-left-a *{position: relative; z-index: 1;}

.design-1{padding: 5rem 0; height: 100vh; display: flex;}
.small-logos{position: absolute; inset: 0; margin: auto;}
.small-logos-inner{position: relative; width: 100%; height: 100%;}
.small-logos-inner > div{position: absolute;;}
.sm-logo1 {top: 0; left: 0;}
.sm-logo2 {top: 10%; left: 25%;}
.sm-logo3 {top: -3%; left: 50%;}
.sm-logo4 {top: 10%; left: 75%;}
.sm-logo5 {bottom: 10%; left: 0;}
.sm-logo6 {bottom: 0; left: 25%;}
.sm-logo7 {bottom: 10%; left: 50%;}
.sm-logo8 {bottom: 0%; left: 75%;}
.sm-logo9 {bottom: 20%; left: 95%;}
.tooltip-box-a {background: var(--colorWhite);border-radius: 18px;width: 340px;padding: 1rem;margin-left: 2rem;margin-top: -1rem;}
.tooltip-box-a .p{color: var(--colorBlack); font-size: 1rem;}
.txt-block-a{text-align: center;}
.p-large{color: var(--colorBlack);font-family: var(--neueMontrealRegular);font-size: 2.625rem;line-height: 1;margin: auto;width: 85%;}
.logo-large-a img {max-height: 75vh; margin: auto; display: flex;}
.design-1 .container{position: relative;display: flex;align-items: center;justify-content: center;}
.logo-large-a{position: absolute; inset: 0; margin: auto;}

.design-2{height: 100vh; padding: 5rem 0;}
.design-2 .col-left-a{width: 40%;}
.design-2 .col-right-a{width: 41%;}
.design-2 .p{color: var(--colorBlack);}
.max-h-a{max-height: 88vh;}

.row-a.v2{flex-direction: row-reverse;}
.design-3{background-color: var(--colorBlack2);padding: 5rem 0;height: 100vh;display: flex;align-items: center;}
.design-3 .col-left-a{width: 46%;}
.design-3 .col-right-a{width: 43%; position: relative;}
.design-3 .col-left-a .p{padding-right: 25%;}
.design-3 .col-right-a .img-icon-a{position: absolute; top: 17%; left: -20%;}

.design-4{padding: 7.5rem 0;}
.design-4 .col-left-a{width: 50%;}
.design-4 .col-right-a{width: 40%;}
.design-4 .p{color: var(--colorBlack);}
.row-2-a{align-items: flex-end; margin-top: 5rem; margin-bottom: 3rem;}
.row-2-a .col-right-a{display: flex; justify-content: flex-end;}
.row-2-a .col-left-a{width: 40%;}
.app-boxes{display: flex; justify-content: space-around; gap: 2%;}
.app-box-a{width: 48%; background-color: var(--colorWhite); border-radius: 25px; padding: 2.5rem 4rem; text-align: center;}
.app-box-a .p{font-size: 1.125rem; margin-bottom: 5rem !important;}
.app-box-a:nth-child(even){background-color: var(--colorBlack);}
.app-box-a:nth-child(even) *{color: var(--colorWhite) !important;}

.design-5{background-color: var(--colorBlack2); padding: 5rem 0;}
.loyal-box{text-align: center; position: relative;}
.loyal-images{display: flex; justify-content: center; position: absolute; inset: 0; margin: auto; z-index: 0;}
.loyal-images > div{width: 50%;}
.loyal-left-a{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.loyal-right-a{display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.loyal-main-img{position: relative;z-index: 1;width: auto;height: 58vh;}
.loyal-images > div img:nth-of-type(2) {margin: -15% 0;}
.loyal-images img {position: relative;}
.loyal-images img:nth-child(1){z-index: 3;height: 25.75vh;}
.loyal-images img:nth-child(2){z-index: 2;height: 14vh;}
.loyal-images img:nth-child(3){z-index: 1;height: 25.75vh;}

.design-6{padding: 5rem 0;}
.icon-boxes{display: flex; justify-content: space-between; gap: 2%;}
.icon-box-a{width: 24%; padding: 2.5rem; border-radius: 12px; background-color: var(--colorWhite); box-shadow: 0px 3px 6px #00000050;}
.icon-img-a {margin-bottom: 4rem;}
.icon-content-a .p{color: var(--colorBlack); font-size: 1.125rem; line-height: 1.25; margin-top: 1rem;}

.design-7{padding:5rem 0;}
.blue-box-a{background-color: var(--colorBlue); border-radius: 25px; padding: 4rem;}
.blue-box-a .head2{font-size: 2.875rem;}
.social-boxes-a{display: flex; justify-content: center; gap: 1.5rem; margin-top: 7rem;}
.social-boxes-a a{width: 235px; transition: .5s; height: 235px; border-radius: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid var(--colorGrey);}
.social-boxes-a a i{color: var(--colorGrey); transition: .5s; font-size: 3rem;}
.social-boxes-a a:hover{background-color: var(--colorGrey);}
.social-boxes-a a:hover i{color: var(--colorBlue);}

.footer-a{background-color: var(--colorBlack2); padding: 5rem 0;}
.ftr-row-a{display: flex; justify-content: space-between; align-items: flex-start; gap: 5%;}
.footer-a .p{font-size: 1.125rem; color: var(--colorGrey);}
.newsForm{margin-top: 3rem;}
.form-a{display: flex; flex-direction: column; gap: 0.75rem;}
.inp-a{background: transparent; width: 100%; display: flex; border: 1px solid var(--colorGrey); border-radius: 30px; padding: 1rem 1rem; color: var(--colorGrey); font-size: 1.125rem; line-height: 1;}
.inp-a::placeholder{color: var(--colorGrey); font-family: var(--neueMontrealRegular); font-size: 1.125rem; line-height: 1;}
.form-btn .btn{width: 100%;}
.ftr-col-1{width: 31%;}
.ftr-col-2{width: 14%; margin-right: 0; margin-left: auto;}
.ftr-col-3{width: 18%;}
.ftr-head{font-size: 1.375rem; font-family: var(--montserratRegular); color: var(--colorGrey); margin-bottom: 2.5rem;}
.ftr-menu{display: flex; flex-direction: column; gap: 0.5rem;}
.ftr-menu li{line-height: 1;}
.ftr-menu li a{color: var(--colorGrey); font-size: 1.125rem; font-family: var(--neueMontrealRegular); line-height: 1;}
.add-box-a{margin-top: 3rem;}
.copy-row-a{margin-top: 7rem; display: flex; justify-content: space-between; align-items: center; gap: 3%;}
.copy-right-a{display: flex; gap: 1rem;justify-content: flex-end;}

.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: fadeIn 1.5s forwards;}
.width-full-a{opacity: 0; width:0%;}
.width-full-a.animated{animation: wFull 1.5s forwards;}
.height-full-a{opacity: 0; height:0%;}
.height-full-a.animated{animation: hFull 1.5s forwards;}

.design-6 .p{color: var(--colorBlack);}
.icon-boxes{margin-top: 4rem;}


.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);} }
@keyframes wFull { 100%{opacity: 1; width:110%;} }
@keyframes hFull { 100%{opacity: 1; height:110%;} }

.banner-a{padding-top: 5.5rem;}
.design-5,.design-6,.design-7{height: 100vh;}
.footer-a{height: 80vh;}
.banner-a,.design-1,.design-2,.design-3,.design-4,.design-5,.design-6,.design-7,.footer-a{position: fixed; top: 0; left: 0; right: 0;}
.icon-box-a{position: relative;}
.icon-box-a:nth-of-type(1){z-index: 0;}
.icon-box-a:nth-of-type(2){z-index: 2;}
.icon-box-a:nth-of-type(3){z-index: 1;}
.icon-box-a:nth-of-type(4){z-index: 0;}
.design-6,.design-7,.footer-a{display: flex; align-items: center; justify-content: center;}
.pdf-icon-a img {width: 100%;}
.pdf-icon-a {position: absolute; bottom: 30px; z-index: -1; margin: auto; width: 82%; left: 0; right: 0;}

.design-4,.design-2,.design-5 {height: 100vh; display: flex; align-items: center; justify-content: center;}
.full-box-a{width: 100%;}
.design-5{padding-top: 7rem;}
.menu-ul {display: flex; gap: 1.5rem;}
.menu-ul a{font-family: var(--neueMontrealMedium); font-size: 1.125rem;}
.nav-area {display: flex; align-items: center; gap: 2rem;}

body.privacy-policy :is(section, footer,.banner-inner){
    position: static !important; height: auto !important; min-height: auto !important;
}
body.privacy-policy .head1{color: var(--colorBlack) !important; font-family: var(--neueMontrealBold) !important;}
body.privacy-policy .banner-a .col-left-a::before{display: none !important;}
body.privacy-policy .banner-a{padding: 7rem 0 !important;}

.design-8{padding: 5rem 0; padding-top: 0;}
.design-8 .p{color: var(--colorBlack);}
.design-8 .head6{color: var(--colorBlack);}
.text-block-a:not(:last-child) {margin-bottom: 2.5rem;}
.text-block-a .head6 {margin-bottom: 1rem;}
.text-block-a .head5{margin-bottom: 1.5rem; font-size: 2rem; color: var(--colorBlack);}
.design-8 .list-a >li {font-size: 1.25rem; position: relative; padding-left: 1.25rem;}
.design-8 .list-a >li::before{content: ""; position: absolute; width: 8px; height: 8px; border-radius: 100%; background-color: var(--colorBlack); left: 0; top: 12px;}
.design-9 .row-a{align-items: flex-start;}
.design-9 {padding: 5rem 0; background: var(--colorBlue2);}
.design-9 .p{color: var(--colorBlack2);}
.contact-list-a a {font-size: 1.25rem;}
.design-9 .inp-a{border-color: var(--colorBlue);}
.design-9 .inp-a::placeholder{color: var(--colorBlack);}
.design-9 .form-input {margin-bottom: 1.25rem;}
.design-9 textarea.inp-a{height: 120px;}
.design-9 .btn:hover{background-color: var(--colorBlack) !important; color: var(--colorWhite) !important;}
.sec-img {width:200px;}
.wa-icon {width: 40px;margin-top: 10px;}
.ims-img {
    /* position: absolute !important; */
    left: 30%;
    top: -50px;
}
.end-img {
    /* position: absolute !important; */
    right: 12%;
    bottom: 10%;
}
@media screen and (max-width:1680px) {
    .p,.app-box-a .p {font-size: 1rem;}
    .container {width: 70%;}
    .banner-inner .container {width: 80%;}
    .header {padding: 1.5rem 0;}
    .btn {padding: 0.75rem 1.75rem;}
    .head1 {font-size: 3.75rem;}
    .p-large {font-size: 2.5rem;}
    .head2 {font-size: 3.5rem;}
    .head4 {font-size: 1.25rem;}
    .icon-box-a {padding: 2rem;}
    .icon-content-a .p {font-size: 1rem;}
    .social-boxes-a a {width: 180px; height: 180px;}
    .social-boxes-a a i {font-size: 2.5rem;}
    .head5 {font-size: 2.5rem;}
    .footer-a .p {font-size: 1rem;}
    .inp-a,.inp-a::placeholder,.ftr-menu li a{font-size: 1rem;}
    .ftr-head {font-size: 1.125rem;}
    .copy-right-a a {display: flex; max-width: 40%;}
    .head3 {font-size: 3rem;}
    .app-box-a .p {margin-bottom: 3rem !important;}
    .loyal-images > div {width: 35%;}
    .tooltip-box-a .p {
        font-size: 0.7rem;
    }
    .ims-img {top: 0;}

}


@media screen and (max-width:1366px) {
    .container {width: 80%;}
    .banner-inner .container {width: 89%;}
    .social-boxes-a a {width: 160px; height: 160px;}
    
}


@media screen and (max-width:1280px) {
    .container {width: 90%;}
    .head1 {font-size: 3rem;}
    .head2 {font-size: 3rem;}
    .p-large {font-size: 2rem;}
}

@media screen and (max-width:1024px) {
    .banner-a .col-left-a {width: 60%; row-gap: 1.25rem;}
    .tooltip-box-a {width: 300px; margin-left: -7rem;}
}

@media screen and (max-width:992px) {
    .design-2 .col-left-a {width: 50%;}
    .icon-box-a {padding: 1rem;}
    .icon-img-a {margin-bottom: 2rem;}
    .icon-content-a .p {font-size: 0.875rem;}
    .social-boxes-a a {width: 100px; height: 100px;}
    .social-boxes-a {margin-top: 4rem;}
    .ftr-col-1 {width: 40%;}
    .ftr-col-3 {width: 25%;}
    .row-2-a .col-left-a {width: 70%;}
    .design-3 .col-left-a .p {padding-right: 0;}
    .logo-large-a img {max-height: 60vh;}
    .head4 {font-size: 1rem;}
    .sec-img {
        width: 100px;
    }
    .end-imga img, .ims-img img {
        width: 260px;
    }
    .banner-inner {
        padding: 2rem 0 0;
    }
}

@media screen and (max-width:767px) {
    .banner-inner {min-height: auto; height: auto;}
    .head1 {font-size: 2.5rem;}
    .banner-a .col-left-a {width: 100%;}
    .logo-large-a{display: none;}
    .small-logos-inner > div {position: static;display: flex;flex-direction: column;align-items: center;text-align: center;}
    .p-large {width: 100%; line-height: 1.25; font-size: 1.5rem;}
    .small-logos {position: static;}
    .design-1 .container {flex-direction: column-reverse; gap: 2.5rem;}
    .design-1,.design-2,.design-3,.design-4,.design-5,.design-6,.design-7 {padding: 3rem 0; height: auto;}
    .small-logos-inner {height: auto;}
    .tooltip-box-a {margin: 0; width: 100%; margin-top: 1.5rem;}
    /* .small-logos-inner > div img {display: block !important; margin: auto;} */
    .row-a {flex-direction: column; gap: 2.5rem;}
    .design-2 .col-left-a {width: 100%;}
    .design-2 .col-right-a {width: 100%;}
    .design-3 .col-left-a{width: 100%;}
    .design-3 .col-right-a{width: 100%;}
    .design-4 .col-right-a{width: 100%;}
    .design-4 .col-left-a{width: 100%;}
    .design-2 .row-a,.design-3 .row-a{flex-direction: column-reverse;}
    .max-h-a {max-height: 100%;}
    .design-3 .col-right-a .img-icon-a {top: 4%; left: 0;}
    .row-2-a .col-right-a {justify-content: center;}
    .app-boxes {flex-direction: column; gap: 2rem;}
    .app-box-a {width: 100%; padding: 2rem;}
    .blue-box-a {padding: 2rem;}
    .blue-box-a .head2 {font-size: 2rem;}
    br{display: none;}
    .social-boxes-a a {width: 50px; height: 50px;}
    .social-boxes-a a i {font-size: 2rem;}
    .icon-img-a{text-align: center; display: flex; justify-content: center;}
    .app-box-a .p {margin-bottom: 2rem !important;}
    .head2 {font-size: 2.25rem;}
    .social-boxes-a {margin-top: 2rem;}
    .icon-boxes{margin-top: 2rem;}
    .ftr-row-a{flex-direction: column; gap: 2.5rem;}
    .ftr-col-1 {width: 100%;}
    .ftr-col-2 {width: 100%;}
    .ftr-col-3 {width: 100%;}
    .ftr-head {margin-bottom: 1.25rem;}
    .add-box-a {margin-top: 1rem;}
    .footer-a {padding: 3rem 0;}
    .copy-row-a {margin-top: 2rem; flex-direction: column-reverse; align-items: center; gap: 2rem;}
    .copy-right-a{justify-content: center;}
    .copy-row-a .p{text-align: center;}
    .head5 {font-size: 2rem;}
    .newsForm {margin-top: 1.25rem;}
    body,html{overflow-x: hidden;}
    .small-logos-inner{overflow: hidden;}
    .banner-a, .design-1, .design-2, .design-3, .design-4, .design-5, .design-6, .design-7, .footer-a {position: static; height: auto;}
    .banner-a {padding-top: 0;}
    .small-logos{display: none;}
    .design-1{padding-bottom: 0;}
    .design-7{padding-top: 0;}
    .logo-a {max-width: 110px;}
    .hdr-btn .btn {padding: 0.5rem 1rem;}
    .design-2.v2{padding-top: 0 !important;}
    .design-9 :is(.left-col, .right-col){width: 100%;}
    .ims-img {left: 0;top: 0;}
    
}



@media screen and (max-width:480px) {
    .social-boxes-a {gap: 0.5rem;}
    .design-3 .col-right-a .img-icon-a {width: 100%;}
    .ims-img {left: 0;top: 0;}
    .menu-ul {
    gap: 0.5rem;
}
.menu-ul a {
    font-size: 1rem;
}
.nav-area {
    gap: 1rem;
}
.head1 {
    font-size: 2.25rem;
}
.logo-a {
    max-width: 90px;
}
.hdr-btn .btn {
    padding: 0.5rem 0.5rem;
}
}
@media screen and (max-width:375px) {
.head1 {
    font-size: 1.6rem;
}
.header-row {
    display: block;
}
.logo-area a {
    text-align: center;
    display: block;
    margin-bottom: 20px;
}
.nav-area {
    justify-content: center;
}
}