
:root{
    --light-red:#df7026;
    --blue:#04127c;
    --font-12:1.4rem;
    --font-13:1.6rem;
    --font-14:1.8rem;
    --font-16:1.9rem;
    --font-18:2.1rem;
    --font-32:4.2rem;
    --font-48:6rem;
}
.font-45{font-size:var(--font-32)}
.red{color:var(--light-red)}
.blue{color:var(--color-blue)}
.pdt-40{padding-top: 4rem;}
.pdt-50{padding-top: 5rem;}
.pdt-60{padding-top: 6rem;}
.pdt-70{padding-top: 7rem;}
.pdt-80{padding-top: 8rem;}
.pdt-90{padding-top: 9rem;}
.pdt-100{padding-top: 10rem;}
.pdt-110{padding-top: 11rem;}
.pdb-30{padding-bottom: 3rem;}
.pdb-40{padding-bottom: 4rem;}
.pdb-50{padding-bottom: 5rem;}
.pdb-60{padding-bottom: 6rem;}
.pdb-70{padding-bottom: 7rem;}
.pdb-80{padding-bottom: 8rem;}
.pdb-90{padding-bottom: 9rem;}
.pdb-100{padding-bottom: 10rem;}
.pdb-110{padding-bottom: 11rem;}

* {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration: none;}
ul {padding: 0;list-style-type: none;margin: 0;}
blockquote {margin: 0;}
body,
html {overflow-x: hidden;}
html,
body {min-height: 100vh;letter-spacing: 0;width: 100%;font-size: 62.5%;font-weight: 400;overflow-x: hidden;}
figure{margin-bottom: 0;}
.container {max-width: 1370px;}
p{font-size: var(--text-13); line-height: 1.6;}
p:not(:last-child){margin-bottom: 2rem;}
/* header css start */
header {position: fixed;top: 0;z-index: 999;background-color: #fff;width: 100%; filter: drop-shadow(0px 2px 4px rgba(0,0,0,.15));}
header::before {background-image: linear-gradient(270deg, rgba(160,216,173,1) 0%, rgba(4,35,124,1) 81%, rgba(4,35,124,1) 81%);display: block;width: 100vw;height: 0.6rem;content: "";}
header .mai-header{display: flex;justify-content: space-between;padding-top: 3.6rem;padding-bottom: 4.6rem;align-items: center;    max-width: 1640px;margin: 0 auto; transition: .6s all}
header .mai-header .logo {max-width: 46.2rem;width: 100%;}
header.sticky .mai-header{padding-block: 2rem;}
/* .right-text h3{color: var(--light-red);font-size: var(--font-18);font-weight: 700;}
.right-text h3>span {color: var(--blue);font-size: var(--font-18);font-weight: 700;} */
.text_center{text-align: center;}
.social-icon {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
}

.social-icon p {
    font-size: var(--font-14);
    font-weight: 700;
    color: var(--blue);
    padding-right: 0.5rem;
    margin-bottom: 0;
}

.sec-heading{font-size: var(--font-32); color: var(--blue); font-weight: 700;}
.right-text{display: flex; column-gap: 2rem;}
.btn-prime{ font-size: var(--font-14); font-weight: 600; border: 1px solid #df7026; padding: .5em 1.4em .5em; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; color: #df7026; line-height: 1;}
.btn-prime:hover{color: #fff; background: #df7026;}
@media (max-width: 991.98px){    
    header .mai-header{flex-direction: column; row-gap: 2rem; padding-block: 2rem}
    header .mai-header .right-text{display: none;}
}
/* header css end */

/* banner css start */
main{margin-top: 12.1rem;}
.main-banner figure {position: relative; display: grid; place-content: center; justify-content: center; align-items: end;}
.main-banner figure>*{grid-area: 1/1;}
.main-banner figure figcaption { z-index: 1; position: relative;  font-size: var(--font-48); font-weight: 700; color: #fff; max-width: 70.4rem; text-align: center; line-height: 1.1; margin-inline: auto;  padding-block: 9rem;}
.main-banner figure::before{content: ''; position: absolute; inset: 0; background-image: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,0)80%);}
.main-banner figure::after{content: ''; position: absolute; inset: 0; z-index: 0; left: auto; width: 40%; background-image: url('../images/mainvisual-img.png'); background-size: cover;} 
.main-banner figure img{height: 100%;}
@media (max-width: 1600px){
    .main-banner figure figcaption {padding-block: 5.6rem;}
}
@media (max-width: 992px){
    .main-banner figure figcaption{padding-inline: 2rem;}
    .main-banner figure::after{display: none;}
    .main-banner figure figcaption a>span{border: 1px solid var(--light-red); margin-bottom: 2rem;}
}
/* banner css end */
.swiper-horizontal{overflow: hidden;}

.home-sec-3 .page-heading h3 {font-size: var(--font-32); color: var(--blue); font-weight: 700; margin-bottom: 8.5rem;}
.home-sec-3 {padding-top: 10rem;position: relative;padding-bottom: 16rem;max-width: 1920px;margin: 0 auto;overflow-x: hidden;}
.home-sec-3:after {content: '';position: absolute;background-image: url('../images/str-img_top.png');width: 100%;height: 28rem;background-size: contain;background-repeat: no-repeat;left: -7rem;bottom: 0;z-index: -1; background-position: bottom;}
.home-sec-3 .hm3-left-content {padding-right: 5.6rem;}
.home-sec-3 p {font-size: var(--font-13);}
.home-sec-3 p:not(:last-child){margin-bottom: 3rem;}
/* .home-sec-3 .hm3-left-content p:nth-child(2):after {content: '';position: absolute;width: 21%;height: 0.4rem;background-color: var(--light-red);left: 0;bottom: -9rem;} */
.home-sec-3 .hm3-img figure {position: relative;}
.home-sec-3 .hm3-img figure:before {content: '';position: absolute;height: 76%;width: 2.5rem;left: -2.5rem;background-color: var(--light-red);z-index: -1;top: 19%;}
.home-sec-3 .hm3-img p{margin-top: 5rem;}
.home-sec-3 .stripimg {margin-top: -7rem;margin-left: -9rem;}

@media (max-width:1600px){
    .home-sec-3 .page-heading h3 {margin-bottom: 7rem;}
    .home-sec-3 .hm3-img p{margin-top: 3.8rem;}
    .home-sec-3 {padding-bottom: 14.5rem; padding-top: 8rem}
}
@media (max-width:991.98px){
    .home-sec-3 .page-heading h3{margin-bottom: 4rem;}
    .home-sec-3 .row{--bs-gutter-y: 2.5rem}
    .home-sec-3 .hm3-left-content{padding-right: 0;}
}
@media (max-width:574.98px){
    .home-sec-3:after{background-size: 140%; background-position: left bottom; width: 100%; left: 0;}
    .home-sec-3{padding-top: 5rem}
}

@media (max-width:360px){
    
    .home-sec-3:after{background-size: 165%;}
}

.home-sec-4{background-color: var(--blue);padding-block: 9rem 10rem;}
.home-sec-4 .sec-heading{color: #fff;font-size: var(--font-32);text-align: center;font-weight: 700;padding-bottom: 7rem;}
.home-sec-4 .col-lg-3{padding-inline: 0;}
.key-benifecry h2 {font-size: var(--font-64);color: #fff;opacity: 0.4;margin-bottom: 2.3rem;}
.key-benifecry img {padding-bottom: 2.5rem;}
.key-benifecry p {color: #fff;font-size: var(--font-18);max-width: 22rem;}
.key-fun {display: grid;grid-template-columns: 20% auto auto auto;}
.key-benifecry {padding: 4.5rem 2.5rem 4.5rem 4.5rem;}
.key-benifecry:nth-child(4n){padding-right: 0;}
.bdr_b{border-bottom: 1px solid #6871b0;}
.bdr_r{border-right: 1px solid #6871b0;}
.bdr_b_r{border-bottom: 1px solid #6871b0;border-right: 1px solid #6871b0;} 
.key-benifecry:nth-child(4n+1){padding-left: 0;}


@media (max-width:1600px){
    .home-sec-4{padding-block: 7.5rem 8.5rem;}
    .home-sec-4 .sec-heading{padding-bottom: 5rem}
    .key-benifecry img {padding-bottom: 2rem}
    .key-benifecry {padding: 3.5rem 2.5rem 3.5rem 3.5rem;}
    .key-benifecry p {max-width: 20rem;}
}
@media (max-width:991.98px){
    .key-fun{grid-template-columns: auto auto auto;}
    .key-fun .key-benifecry{border-bottom: 1px solid #6871b0; padding-inline: 2.5rem; border-right: 1px solid #6871b0;}
    .key-fun .key-benifecry:nth-child(3n){border-right:none; padding-right: 0;}
    .key-fun .key-benifecry:last-child{border-right: 0;}
    .key-benifecry:nth-child(3n+1){padding-left: 0;}
    .key-fun .key-benifecry:nth-last-child(-n+2){border-bottom: 0;}
}

@media (max-width:575px){
    .key-fun{grid-template-columns: auto auto;}
    .key-fun .key-benifecry{border-bottom: 1px solid #6871b0; padding: 2rem; border-right: 1px solid #6871b0;}
    .key-fun .key-benifecry:nth-child(3n){border-right: 1px solid #6871b0;}
    .key-fun .key-benifecry:nth-child(2n){border-right:none; padding-right: 0;}
    .key-fun .key-benifecry:last-child{border-right: 0;}
    .key-benifecry:nth-child(2n+1){padding-left: 0;}
    .key-fun .key-benifecry:nth-last-child(-n+2){border-bottom: 0;}
    .key-benifecry p{font-size: var(--font-16); margin-bottom: 0;}
}

.home-sec-5 {padding-block: 10rem;}
.home-sec-5 .row{--bs-gutter-x:4.3rem; --bs-gutter-y: 6rem}
.home-sec-5 .sec-heading{font-size: var(--font-32);font-weight: 700;color: var(--blue);padding-bottom: 5rem;text-align: center;}
.smart-city-suite {position: relative;height: 100%;display: flex;flex-direction: column;}
.home-sec-5 .smart-city-suite figcaption{font-size: var(--font-16);font-weight: 700;color: var(--blue);padding-top: 3rem;padding-bottom: 2rem;}
.home-sec-5 .smart-city-suite p{font-size: var(--font-13);padding-right: 6rem;color: #333333; margin-bottom: 2rem;}
.home-sec-5 .right_btn{
    /* position: absolute; */
    /* bottom: 4.3rem; */
    margin-top: auto;
    width: max-content;
}
.home-sec-5 .right_btn a::before{content: ''; position: absolute; inset: 0;}
@media (max-width: 1600px){
    .home-sec-5 {padding-block: 8rem;}
    .home-sec-5 .row{--bs-gutter-x:3.5rem; --bs-gutter-y: 5rem}
    .home-sec-5 .smart-city-suite figcaption{padding-block: 2.5rem 1.5rem;}
    .home-sec-5 .smart-city-suite p{padding-right: 0;}
}

@media (max-width: 1400px){
    .home-sec-5 .row{--bs-gutter-x: 2.5rem}
}
.home-sec-6 {padding-block: 10rem;background-color: #dce8f6;}
.home-sec-6 .sec-heading{font-size: var(--font-32);font-weight: 700;color: var(--blue);padding-bottom: 5rem;text-align: center;}
.home-sec-6 .accordion-item {margin-bottom: .3rem;position: relative; border: none;}
.home-sec-6 .accordion-item:before {content: '';position: absolute;width: 5rem;height: 100%;left: -5rem;top:0;background-color: #fff;}
.home-sec-6 .accordion-item:after {content: '';position: absolute;width: 5rem;height: 100%;right: -5rem;background-color: #fff;top:0;}
.home-sec-6 .accordion-body {padding:1.3rem 0rem 7rem;}
.home-sec-6 .accordion-item  .accordion-button{ font-size: var(--font-16); font-weight: 700; color: var(--blue); padding-block: 2rem; padding-inline: 0rem; transition: .4s all; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; -o-transition: .4s all; }
.home-sec-6 .accordion-item .accordion-button:not(.collapsed) {color:var(--blue);background-color: #ffffff;box-shadow: none; padding-top: 4rem}
.home-sec-6 .accordion-button::after {flex-shrink: 0;width: 2.25rem;height: 2.25rem;margin-left: auto;content: "";background-image: url("../images/down-arrow.png");background-repeat: no-repeat;background-size: 2.25rem;transition: transform .2s ease-in-out; rotate: -90deg}
.home-sec-6 .accordion-button:not(.collapsed)::after { background-image: url("../images/down-arrow.png"); transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
.home-sec-6 .accordion-button:focus {z-index: 3;border-color: #86b7fe;outline: 0;box-shadow:none;}
.custom-bullets li{position: relative;font-size: var(--font-13);line-height: 2;}
.custom-bullets li:before{position: absolute;content: '';width: 1rem;height: 1rem;background-color: var(--light-red);left: -2.5rem;top: 13px;border-radius: 50%;}
.custom-listing {padding-left: 6.8rem;}

@media (max-width: 1600px){
    .home-sec-6{padding-block: 8rem;}
    .custom-bullets li:before{width: .7rem; height: .7rem;}
    .custom-listing{padding-left: 6.5rem}
}
@media (max-width: 991.98px){
    .custom-listing {
        padding-left: 2.5rem;
    }
    .home-sec-6 .accordion-body .row{--bs-gutter-y: 1.5rem}
    .home-sec-6 .accordion-item:after, .home-sec-6 .accordion-item:before{display: none;}
    .home-sec-6 .accordion-item .accordion-button{padding-inline: 1.5rem}
    .home-sec-6 .accordion-item .accordion-button:not(.collapsed){padding-top: 2.5rem}
    .home-sec-6 .accordion-body{padding-inline: 1.5rem;}
}

.home-sec-7 {padding-block: 8rem;border-bottom:1px solid #707070;}
.home-sec-7 .bg-img{position: relative;}
.home-sec-7 .bg-img img{max-height: 82rem;object-fit: cover;}
.home-sec-7 figcaption{position: absolute;top: 0;left: 0;right: 0;padding: 10rem 0rem;}
.home-sec-7 .detailed-inside {display: grid;grid-template-columns: repeat(5, 1fr);gap: 1.3rem;}
.home-sec-7 .sec-heading h3{font-size: var(--font-32);font-weight: 700;color: #fff;padding-bottom: 5rem;text-align: center;}
.home-sec-7 .inside-pdf {background-color: #fff;padding-top: 3.8rem;padding-bottom: 3.8rem;padding-left: 3.8rem;}
.home-sec-7 .inside-pdf:hover {background-color: var(--blue);transition: 0.5s ease;}
.home-sec-7 .inside-pdf:hover a p{color: #fff;}
.home-sec-7 .inside-pdf img {max-width: 5rem;}
.home-sec-7 .swiper{padding-bottom: 4rem;}
.home-sec-7 .inside-pdf a p {font-size: var(--font-18);font-weight: 500;padding-top: 1.5rem;color: #333333;}
.home-sec-7 .download-brow {position: relative;padding-top: 3rem;}
.home-sec-7 .download-brow a {display: flex; width: max-content; margin-inline: auto; background-color: var(--blue); padding: 1rem 2.5rem;align-items: center;column-gap: 2rem;}
.home-sec-7 .download-brow a:hover {background-color: #fff;transition: 0.5s ease-in-out;}
.home-sec-7 .download-brow a span {font-size: var(--font-16);color: #fff;font-weight: 600;}
.home-sec-7 .download-brow a:hover span {color: #000000;}
.home-sec-7 figure img{aspect-ratio: 10/11; object-fit: cover; object-position: top; }
.home-sec-7 a { background: #fff; filter: drop-shadow(2px 4px 12px rgba(0,0,0,.3)); -webkit-filter: drop-shadow(2px 4px 12px rgba(0,0,0,.15)); }
.home-sec-7 .thumb_slider {
    padding-top: 5rem;
}
.home-sec-7 .insitess {
    display: flex;
    column-gap: 2rem;
    padding:2rem 2rem 2rem 1.7rem;
    height: 100%;
    
}

.home-sec-7 .swiper-slide {height: auto;}
.home-sec-7 .d-flex{height: 100%;}
.home-sec-7 .insitess p {
    font-size: var(--font-14);
    font-weight: 600;
}
.home-sec-7 a{color: #333333;}
.home-sec-7 .insitess img {
    width: 100%;
    max-width: 2.4rem;
    max-height: 3rem;
}
@media (max-width: 1600px){
    .home-sec-7 .download-brow a {padding: .8rem 2rem .9rem;}
}




.home-sec-8 {padding-top: 10rem;}
.home-sec-8 .watch_video {
    padding-bottom: 10rem;
}
.home-sec-8 .watchvideo {text-align: center;padding-bottom: 7rem;}
.home-sec-8 .watchvideo h3 {font-size: var(--font-32);font-weight: 700;color: var(--light-red);}
.home-sec-8 .watchvideo h2 {font-size: var(--font-32);font-weight: 700;color: var(--blue);}
.home-sec-8 .video-sec {box-shadow: 0px 10px 14px #0000000D;}
.home-sec-8 .video-sec a{ height: 100%; display: flex; flex-direction: column;}
.home-sec-8 .video-sec figure {position: relative;}
.home-sec-8 .video-sec figure .video-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.home-sec-8 .video-sec figcaption {background-color: #fff;font-size: var(--font-14);color: #333333;padding-block: 2.5rem;padding-inline: 2rem;font-weight: 500;box-shadow: 0px 10px 14px #0000000D; flex-grow: 1;}
.home-sec-8 .video-sec:hover figcaption {background-color: var(--blue);color: #ffffff;transition: 0.5s ease-in-out;}
.home-sec-8 .view-more a {color: #fff;background-color: var(--blue);font-size: var(--font-18);font-weight: 600;padding-block: 1rem;padding-inline: 3rem;}
.home-sec-8 .view-more a:hover {color: #333333;background-color: #fff;transition: 0.5s ease-in-out;}
.home-sec-8 .view-more {text-align: center;padding-top: 5rem;}
.home-sec-8 .row .col-lg-4{--bs-gutter-x:2.2rem;--bs-gutter-y:3.2rem}
.home-sec-8 .more_video {display: none;}
.home-sec-8 .swiper-slide{height: auto;}
.video-sec {height: 100%;}
.home-sec-8  :is(.swiper-button-prev, .swiper-button-next){top: 22%}

#videoModal .as16by9{aspect-ratio: 16/9; width: 100%;}
#videoModal h5{font-size: var(--font-18);}
#videoModal .btn-close{height: 1.5rem; width: 1.5rem; background-size: 1.5rem;}
#videoModal .modal-body{padding: 0;}

.home-sec-9 {background-color: #e6e7e9;padding-block: 6rem;}
.home-sec-9 .main_bot p {font-size: var(--font-14);}
.home-sec-9 .main_bot {text-align: center;}
.home-sec-9 .main_bot figure {max-width: 56rem;margin-block: 0 2rem;margin-inline: auto;}

@media (max-width: 1600px){    
    .home-sec-8 {padding-top: 8rem;}
    .home-sec-8 .watchvideo {text-align: center;padding-bottom: 7rem;}
    .home-sec-9 {padding-block: 4rem 5rem;}
    .home-sec-8 .video-sec figcaption {padding-block: 2rem}
}
@media (max-width: 574px){    
    .home-sec-8 :is(.swiper-button-prev, .swiper-button-next){top: 30%}
}


footer {background-color: var(--blue);padding-block: 5rem;}
footer .email-sec a {display: flex;column-gap: 1rem;align-items: center;justify-content: center;}
footer .email-sec a span {font-size: var(--font-14);color: #fff;font-weight: 500;}
footer .email-sec a img{max-width: 3rem;}
footer .social-icon {display: flex;column-gap: 1.5rem;justify-content: center;padding-block: 0 2rem;}
footer .foot-sec{display: flex; align-items: center; justify-content: space-between;}
footer .foot-sec p {font-size: var(--font-12);color: #fff; margin-bottom: 0;}
footer .foot-sec p>a {color: #fff;}
footer .btn-prime{border-color: #fff; color: #fff;}
footer .btn-prime:hover{border-color: #df7026; color: #fff;}
@media (max-width: 1600px){
    footer {padding-block: 4rem;}
    footer p{font-size: var(--font-12);}
    footer .email-sec a img{max-width: 2.4rem;}
}
@media (max-width: 1200px){
    footer .foot-sec{flex-direction: column; row-gap: 1rem; text-align: center;}
}

:is(.swiper-button-prev, .swiper-button-next){top: 33%; width: 26px; height: 42px; background: #fff;box-shadow: 0px 3px 6px #00000029; border-radius: 5px;}
:is(.swiper-button-prev, .swiper-button-next):hover{background: var(--blue);}
:is(.swiper-button-prev, .swiper-button-next)::after{ --swiper-navigation-size: 18px; filter: brightness(0); -webkit-filter: brightness(0); }
:is(.swiper-button-prev, .swiper-button-next):hover::after{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
.swiper-button-prev{left: -5rem}
.swiper-button-next{right: -5rem}

.main-banner figure figcaption a>span {
    font-size: var(--font-18);
    font-weight: 700;
    color: var(--light-red);
    background-color: #fff;
    display: block;
    width: max-content;
    margin: 0 auto;
    padding: 1.1rem 2.1rem;
    border-radius: 50px;
    margin-bottom: 1rem;
    white-space: nowrap;
}
/* .main-banner figure figcaption a:hover span {
    background-color: var(--light-red);
    color: #fff;
    transition: 0.5 ease-in-out;
} */
.main-banner figure figcaption a>p {
    font-size: var(--font-16);
    font-weight: 700;
    color: #fff;
    background-color: var(--blue);
    max-width: max-content;
    margin: 0 auto;
    padding: 1.1rem 2rem;
    margin-top: 2.5rem;
    white-space: nowrap;
}
.main-banner figure figcaption a:hover>p {
    color: #fff;
    background-color: var(--light-red);
    transition: 0.5s ease-in-out;
}
.main-banner figure figcaption a:hover>p>svg {background-color: var(--blue);}
.main-banner figure figcaption a>p>svg {
    height: 1.8rem;
width: 1.8rem;
background: var(--light-red);
padding: 0.3rem;
border-radius: 10px;
margin-left: 0.5rem;
}



.right_btn svg {
    height: 1.6rem;
    width: 1.6rem;
    background: var(--light-red);
    padding: 0.3rem;
    border-radius: 10px;
    margin-left: 0rem;
}
.right_btn:hover svg {
    background: var(--blue);
}
.right-btn {
    height: 1.4rem;
    width: 1.4rem;
    background: var(--light-red);
    padding: 0.3rem;
    border-radius: 10px;
    margin-left: 0.5rem;
}

@media (max-width:1600px){
    :root{
        --light-red:#df7026;
        --blue:#04127c;
        --font-12:1.2rem;
        --font-13:1.3rem;
        --font-14:1.4rem;
        --font-16:1.6rem;
        --font-18:1.8rem;
        --font-32:3.2rem;
        --font-48:4.8rem;
    }
    .container{
        max-width: 1100px;
    }
    /* .main-banner figure figcaption {
        position: absolute;
        top: 61.7%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: var(--font-48);
        font-weight: 700;
        color: #fff;
        max-width: 52.2rem;
        text-align: center;
        line-height: 1.1;
    } */
}
@media (max-width:1399px){
    :root{
        --light-red:#df7026;
        --blue:#04127c;
    }
    .container-fluid{
        max-width: 1160px;
    }
    .container{
        max-width: 995px;
    }
    
}
@media (max-width:1200px){
    .container-fluid{
        max-width: 1100px;
    }
    .container{
        max-width: 900px;
    }
}
@media (max-width:991.98px){
     :root{
    --font-12:1.2rem;
    --font-13:1.4rem;
    --font-14:1.4rem;
    --font-16:1.6rem;
    --font-18:1.8rem;
    --font-32:2.4rem;
    --font-48:3.4rem;
    }
    .container-fluid{
        max-width: 900px;
    }
    .container{
        max-width: 700px;
    }
    main {
        margin-top: 8.1rem;
    }
    
.main-banner figure figcaption a>span {margin-bottom: 2rem;}
.main-banner figure img{min-height: 400px; object-fit: cover; }
}
@media (max-width:767.98px){
    .container{
        max-width: 500px;
    }
    .container-fluid{
        max-width: 600px;
    }
    .main-banner figure figcaption{line-height: 1.3;}
    .home-sec-6 .accordion-body{padding-bottom: 3.5rem;}
    .main-banner figure figcaption {
        padding-block: 3.5rem;
    }
}


@media (max-width: 575px){
    .swiper-button-prev{left: .5rem}
    .swiper-button-next{right: .5rem}

    .pdf-wrapper :is(.swiper-button-prev, .swiper-button-next){top: 40%;}
    .container,.container-fluid{padding-inline: 2rem}
    .home-sec-4, .home-sec-5,.home-sec-6, .home-sec-7, .home-sec-8{padding-block: 5rem;}
    .home-sec-8{padding-bottom: 0;}
    .home-sec-8 .watch_video{padding-bottom: 5rem;}
    main {
        margin-top: 7.1rem;
    }
    :root{
        --font-48:2.8rem;
    }
}