body{
    background:#EBEBEB;
}
/*Hero*/
.hero-block {
    padding: 180px 20px;
    text-align: center;
    background: linear-gradient(178.32deg, #1E4566 -47.41%, #FFFFFF 28.78%);
    background-size: cover;
    background-position: center;
}
.cta-title{
    font-family: var(--main-font);
}
.hero-title {
    margin: 50px 0;
    position: relative;
}
.cta-title,
.card-title,
.cta-section .inner-info a,
.service-one-main h3,
.posts-section .date,
.posts-section .post-term,
.posts-section .title,
.about-us-section h2,
.review-main-section::before{
    font-weight: 500;
}
.hero-title span,
.hero-title strong {
    position: relative;
    z-index: 5;
}
h2{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 50px; 
}
.hero-title strong::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 90%;
    height: 30px;
    z-index: -1;
    background: url('/wp-content/uploads/2025/08/Undie-Thinner-Better-One-1.svg') no-repeat;
    background-size: contain;
    animation: growLine 1s ease-out forwards;
}

/* Hero content layout */
.hero-content .d-flex.container {
    gap: 6.66%; /* simplified calculation */
}

.hero-content { width: 58.33%; } /* 7/12 */
.hero-animation {
    width: 33.33%; /* 4/12 */ 
}
.hero-animation svg { 
    max-width: 110%;
    height:auto!important;
 }
 .hero-animation svg path,
 .hero-animation svg line,
 .hero-animation svg rect{
    opacity: 0;
 }
.featured-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;    
    background: linear-gradient(86.11deg, #2D2D32 55.34%, rgba(255, 255, 255, 0) 103.16%);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); 
    transition:.5s all ease-in-out;
}

@media (prefers-color-scheme: dark) {

    .hero-block{ 
        background: linear-gradient(262.98deg, #004C8C 1.13%, #000F1B 30.98%);
    }
    .bridge-linear-main:after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
        width: 100%;
        height: 148px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #020202 100%);
    } 
}
/* Featured cards */
.featured-card {
    position: relative;
    padding: 30px 25px !important;
    border-radius: 10px !important;
    transition: all 0.5s ease-in-out;
    text-align: left;
}


.thumb {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 0;
}

.featured-card .z-5 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.hero-cards { gap: 35px; }

.card-excerpt-and-action .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #181818;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
}

.featured-card:hover .icon { background: var(--midblue); }

.blog-tag,
.case-study-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 150px;
    padding: 3px 24px;
    margin-bottom: 20px;
    border: 1px solid;
    border-radius: 100px;
    font-family: var(--main-font);
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    color:#fff;
}

.blog-tag::before { content: url(/wp-content/uploads/2025/08/blog-icon.svg); }
.case-study-tag::before { content: url(/wp-content/uploads/2025/08/fluent-mdl2_test-case.svg); }

.card-title {
    font-family: var(--main-font); 
    font-size: 24px;
    line-height: 30px;
    max-width: 70%;
    color:#fff;
}

.intro {
    font-family: var(--secondary-font);
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    transition: color 0.5s ease-in-out;
    color:#fff;
}

.featured-card:hover {
    box-shadow: 0 0 15px 5px rgba(13, 153, 255, 0.3);
}
.featured-card:hover .intro { color: var(--orange); }

.home-sub-title {
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    color: var(--secondarydark);
    margin-bottom: 90px;
}
.home-sub-title strong { color: var(--orange); }

.bridge-linear-main:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 148px;
    background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #EBEBEB 100%);
}
@media (min-width: 1400px) {
    .home-sub-title { max-width: 75%; }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    .intro { color: var(--grayone); }
    .case-study-tag { border-color: #fff; }
    .card-title { color: #fff; }

    .featured-card::before,
    .featured-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        transition: opacity 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
    }

    .featured-card::before {
        background: linear-gradient(86.11deg, #000000 55.34%, rgba(255, 255, 255, 0) 103.16%);
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        opacity: 1;
    }
    .featured-card::after {
        background: linear-gradient(85.93deg, #000000 59.3%, rgba(255, 255, 255, 0) 109.41%);
        opacity: 0;
        box-shadow: 0 0 15px 5px rgba(13, 153, 255, 0.3);
    }
    .featured-card:hover::after { opacity: 1; }
}
@media (prefers-color-scheme: dark) {
    .home-sub-title{
        color:#FFFFFF;
    }

    .bridge-linear-main:after{ 
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #020202 100%);
    }
    .featured-card::before{
        background: linear-gradient(86.11deg, #000000 55.34%, rgba(255, 255, 255, 0) 103.16%);
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    }
}
/* CTA */
.cta-section .container{
    padding:45px 25px;
    margin-top: -110px;
    position: relative;
    z-index: 9;
    background:#fff;
}
.cta-title{
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
    padding:0 35px;
}
.cta-section .cta-button{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 90px; 
    height: 185px;
    padding: 35px;
    background:#cacaca;
}
.cta-section .inner-info{
    width:100%;
    gap:30px;
    margin:0 auto;
    justify-content: space-between;
    align-items: center;
}
.cta-section .inner-content{
    font-family: 'Merriweather'; 
    font-size: var(--text-body);
    line-height: var(--leading-body);
    color: var(--grayone);
    padding:0 35px;
}
@media (min-width:1200px){
    .cta-section .inner-content,
    .cta-title{
        padding:0 35px;
    }

    .cta-section .inner-info{
        width:100%;
        gap:30px; 
    }
    
}
@media (min-width:1400px){
    .cta-section .inner-content,
    .cta-title{
        padding:0 50px;
    } 
    .cta-section .inner-info{
        width:85%;
        gap:120px; 
    }
}

.cta-section .inner-info a{   
    font-size: var(--text-h3);
    line-height: var(--leading-h3); 
    color: var(--secondarydark);
}
.cta-section .inner-info svg{
    align-self: flex-end;
}

@media (prefers-color-scheme: dark){
    .cta-section{
        background:var(--black);
    }
    .cta-section .container{
        background:var(--secondarydark);
    } 
    .cta-section .cta-button{
        background:var(--grayone);
    }
}

/* Services */
.services-section{
    padding: 200px 20px 165px 20px;
}

.services-section h2{
    position: relative; 
}
.services-section h2::before {
    content: "Services";
    position: absolute;
    top: -70px;
    left: -100px;
    font-family: var(--main-font);
    font-size: 130px;
    line-height: 120px;
    color: rgba(110, 110, 110, 0.1);
}
.services-section .icon a{
    line-height: 0;
}
.services-section .description{
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--leading-body);
    line-height: 30px;
    color: var(--secondarydark);
}
.services-section .content{
    display: flex;
    align-items: flex-end;
} 
.service-one-main{
    height: 300px;
    background:#2D2D32;
    padding:15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
}
.service-one-main h3{
    font-family: var(--main-font);
    font-style: normal; 
    font-size: 24px;
    line-height: 30px; 
    color: #FFFFFF;
    margin-bottom: 15px;
}
.full-excerpt,
.service-content-excerpt{
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px; 
    color: #FFFFFF;
}
.service-one-main{
    position: relative;
    text-decoration: none!important;
}
.service-one-main .full-title,
.service-content-inner{
    position: relative;
    z-index: 5;
}
.service-one-main::after{
    content: "";
    position: absolute;
    bottom:0;
    left: 0;
    z-index: 1;
    height: 150px;
    width: 100%;
    background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.service-one-main .full-title .arrow{
    text-align: right;
    opacity: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
    transition: .9s all ease-in-out;
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 16px; 
    color: #FFFFFF;
}
.service-one-main:hover .full-title .arrow{
    opacity: 1;
}
.service-one-main .full{  
    margin-bottom: 15px;
    transition: max-height .8s ease-in-out, opacity .3s ease .3s; 
}
.service-one-main .full{
    display: block; 
    max-height: 0;
    opacity: 0;
}
.service-one-main:hover .full{
    max-height: 500px;
    opacity: 1;
}
.service-one-main .short {
    max-height: 70px;             
    opacity: 1;                
    overflow: hidden;
    transition: 
        max-height 0.3s ease,      
        opacity 0.3s ease;    
}
 
.service-one-main:hover .short {
    display: block;
    max-height: 1px;
    opacity: 0;
    transition: 
        max-height 0.3s ease, 
        opacity 0.3s ease;
}

.service-one-main:not(:hover) .short {
    max-height: 70px;
    opacity: 1;
    transition: 
        max-height 0.3s ease, 
        opacity 0.3s ease 0.8s; 
}
.service-one-main .full-title svg{
    width:50px;
    transition:.3s all ease-in-out;
}
.service-one-main:hover .full-title svg{
    width:124px;
}
.service-one-main .thumbnail{
    position:absolute;
    filter: brightness(0) invert(1);
    background-size: 70%!important;
    background-repeat: no-repeat!important;
    background-position: 80% 30%!important;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.posts-section{
    position: relative;
    z-index: 5;
}
.posts-section .general.icon:not(:hover){
    background:var(--secondarydark);
}
.posts-section .general.icon:not(:hover) svg path{
    stroke:#fff;
}
.video-review-section{
    position: relative;
    z-index: 5;
    background:#fff;
}
.about-us-section{
    background:var(--seconddarkwhite);
}
@media (min-width:1200px){
    .services-section .container{
        gap:var(--col-1);
    }
    .services-section .services.dgr{
        grid-template-columns: 1fr 1fr 1fr;
        gap:35px;
    }
}

@media (prefers-color-scheme: dark) {
    .posts-section .general.icon:not(:hover),
    .services-section .general.icon:not(:hover){
        background:#fff;
    }
    .posts-section .general.icon:not(:hover) svg path,
    .services-section .general.icon:not(:hover) svg path{
        stroke:var(--secondarydark);
    }
    .services-section .description{ 
        color: #FAFAFA;
    }
    .service-one-main{ 
        background:var(--secondarydark); 
    }
    .service-one-main .thumbnail{
        filter: none;
    }
    .services-section{
        background:var(--black);
    }
}

/* Video Section */

.video-review-section{
    border-radius: 30px;
}
.video-review-section .container{
    align-items: center;
}
.video-review-section iframe{
    border-radius: 30px;
}
.video-review-section .review-subtitle{
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 35px;
    color: #000000;
}
.review-right{
    padding: 75px;
    position: relative;
}
.review-right::before{
    content: url(/wp-content/uploads/2025/08/raphael_quote.svg);
    position:absolute;
    left: -10px;
    top:-70px;
}
.review-title{
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}
.review-subtitle{
    margin-bottom: 30px;
}
@media (min-width:1200px){
    .video-review-section{
        position: relative;
        padding-top: 180px;
        padding-bottom: 180px;
        margin-bottom: -35px;
    }
}

@media (prefers-color-scheme: dark) {
    .about-us-section{
        background:#000;
    }
    .video-review-section{
        background:#F5F5F5;
    }
}

/*Posts Block*/
.posts-section{
    padding: 200px 20px 255px 20px;
    background:#fff;
}
.posts-section .services-title{
    position: relative;
}
.posts-section .services-title::before {
    content: "News";
    position: absolute;
    top: 0;
    left: -100px;
    font-family: var(--main-font);
    font-size: 130px;
    line-height: 120px;
    color: rgba(110, 110, 110, 0.1);
}
.posts-section .date,
.posts-section .post-term{
    font-family: var(--main-font); 
    font-size: 16px;
    line-height: 24px;
} 
.posts-section .individual-post a{ 
    position: relative;
    z-index: 5;
}
.posts-section .description{
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--secondarydark);
}
.posts-section .posts .individual-post{
    position: relative;
    padding:10px 3px;
    transition: .5s all ease-in-out;
}
.posts-section .posts .individual-post a{
    position: relative;
    z-index: 5;
}
.posts-section .posts .individual-post::after{
    content:"";
    position:absolute;
    z-index: 1;
    left: -10px;
    bottom: 0;
    width:calc(100% + 20px);
    height:100%;
    background:#6E6E6E;
    border-radius: 10px;
    opacity: 0;
    transition: .5s all ease-in-out;
}

.posts-section .posts .individual-post:hover::after{
    opacity: 1;
}
.posts-section .posts .individual-post:not(:last-child) {
    border-bottom: 1px solid var(--secondarydark);
}
.posts-section .post-term{   
    color: #FCBF49;
}
.posts-section .date{  
    color: #6E6E6E;
    transition: .5s all ease-in-out;
}
.posts-section .posts .individual-post:hover .date{
    color:#fff;
}
.posts-section .title{
    font-family: var(--secondary-font);  
    font-size: 24px;
    line-height: 30px;
    color: var(--secondarydark);
    transition:.5s all ease-in-out;
}
.posts-section .individual-post:hover .title{
    color:#fff;
}
.posts-section .post-info{
    gap:15px;
}
@media (min-width:1200px){
    .services-section .container{
        gap:var(--col-1);
    }
    .services-section .services.dgr{
        grid-template-columns: 1fr 1fr 1fr;
        gap:35px;
    }
}



/* About Block */
.about-us-section h2{
    position: relative;
    font-family: var(--main-font); 
    font-size: var(--text-h2);
    line-height: var(--leading-h2); 
    color: var(--secondarydark);
} 
.about-us-section .left-content{
    position: relative;
}
.about-us-section .left-content::before {
    content: "About Us";
    position: absolute;
    top: -70px;
    left: -100px;
    font-family: var(--main-font);
    font-size: 130px;
    line-height: 120px;
    color: rgba(110, 110, 110, 0.1);
}
.about-us-section .title-underline-main{
    max-width: 63%;
}
.about-desription{
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--secondarydark);
}
.team-member-wrap{
    position: relative;
    max-width: 465px;
}
.team-member-wrap img{
    position: relative;
    z-index: 5;
    max-width: 100%;
}
.team-member-wrap::before{
    content:"";
    position:absolute;
    background: #F8F8F8;
    border-radius: 10px;
    left: 0;
    bottom: 5px;
    z-index: 3;
    width: 100%;
    height: 80%;
    transition: .5s all ease-in-out;
}
.team-member-wrap:hover::before{
    background: #011F38;
}
.team-member-wrap::after{
    content:"";
    position:absolute;
    left: 31px;
    bottom: -31px;
    z-index: 1;
    width: 100%;
    height: 84%;
    background: #6E6E6E;
    border-radius: 10px;
    transform: rotate(-7.14deg);
    transition:.5s all ease-in-out;
}
.team-member-wrap:hover::after{
    background: #FCBF49;
}
.team-member-wrap .socials-wrap{
    display: flex;
    gap:25px;
    position: absolute;
    z-index: 10;
    bottom: -25px;
    right: 50px;
}
.team-member-wrap .socials svg circle{
    fill:#004C8C;
    transition: .5s all ease-in-out;
}
.team-member-wrap .socials:hover svg circle{
    fill:var(--secondarydark);
}
.team-member-wrap .socials svg path{
    fill:#FFFFFF;
}
.member-info-general{
    position: absolute;
    z-index: 8;
    left: -70px;
    bottom: 59px;
}
.member-info-general .name{
    align-items: center;
    font-family: var(--main-font); 
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    color: var(--secondarydark);
    margin-bottom: 15px;
}
.member-info-general .name .icon.general{
    margin-bottom: 0;
}
.member-info-general .title{
    font-family: var(--secondary-font);
    text-align: center;
    padding: 5px;
    background: #03579E;
    border-radius: 100px;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
}
.team-member-wrap .socials a{
    display: block;
}
.team-member-wrap .img::before{
    content:"";
    position:absolute;
    z-index: 8;
    height: 300px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(179.42deg, rgba(245, 245, 245, 0) 0.5%, #F5F5F5 75.5%);
    border-radius: 0px 0px 10px 10px;
}

/* Reviews Section */
.review-main-section{
    position: relative;
    padding:75px 0;
}
.review-main-section::before{
    content:"Testimonials";
    position:absolute;
    top:15px;
    left: 120px;
    font-family: var(--main-font);  
    font-size: 130px;
    line-height: 120px; 
    color: rgba(110, 110, 110, 0.1);
}
.swiper {
    width: 100%;
    height: 100%;
  }
.swiper img{
    width: 292px;
    height: 292px;
}
.main-review.d-flex{
    align-items: flex-end;
    justify-content: center;
    gap:40px;
    position: relative;
    z-index: 5;
}
.main-review .image-section{
    display: flex;
    width: 292px;
}
.main-review .review-section{ 
    padding: 0 30px 30px 0;
    width:50%;
}
.swiper-slide{
    transition:.5s opacity ease-in-out;
}
.swiper-slide:not(.swiper-slide-next){
    opacity: .5;
}
.full-review{
    position: relative;
    max-width:700px;
}
.go-prev svg circle, 
.go-next svg circle {
    fill: #03579E;
    fill-opacity: 1;
}
.full-review:before{
    content:"";
    position:absolute;
    z-index: 1;
    left: 0;
    bottom:0;
    width:100%;
    height:65%;
    background: #011F38; 
    border-radius: 10px;
}
.full-review::after{
    content:url(/wp-content/uploads/2025/08/quote-icon.svg);
    position:absolute;
    z-index: 2;
    left: -50px;
    top: 0;
}
.review-author{
    position:absolute;
    top:15px;
    left:35%;
}
.author-name,
.author-location{
    font-weight: 400;
    line-height: 30px
}
.author-name{
    font-family: var(--main-font); 
    font-size: 24px;
    color: var(--midblue);
}
.author-location{
    font-family: var(--main-font); 
    font-size: 18px;
    color: var(--grayone);
}
.review-section p{
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: var(--white);
}
.reviews-arrow{
    position:absolute;
    right:0;
    top:50%; 
}
.reviews-arrow svg path{
    fill:var(--secondarydark);
}
.navigation-and-link{
    position: relative;
    padding-top: 25px;
}
.navigation-buttons{
    display: flex;
    gap:50px;
    justify-content:center;
    width:100%;
}
.reviews-arrow a{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 120px;
    gap:15px;
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px; 
    color: var(--secondarydark);
}
.reviews-arrow a svg{
    max-width: 50px;
    transition:.5s all ease-in-out;
}
.reviews-arrow a:hover svg{
    max-width:100px;
}
.go-prev,
.go-next{
    cursor: pointer;
    opacity: .75;
    transition: .5s all ease-in-out;
}
.go-prev:hover,
.go-next:hover{
    opacity: 1;
}
/* Accordeon Section */
.elc-accordion-section{
    position: relative;
    z-index: 5;
    margin-bottom: -50px;
    background:#fff;
    padding: 139px 0 300px 0;
}
.elc-accordion-title{ 
    color:var(--secondarydark);
} 
.elc-accordion-wrapper{
    border-top: 1px solid var(--secondarydark);
}
.elc-accordion-header{
    position: relative;
    font-family: var(--secondary-font);
    cursor: pointer;
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
    color: var(--secondarydark);
    background:transparent;
    border: none;
    padding:10px 0;   
    border-bottom: 1px solid var(--secondarydark);
    width:100%;
    text-align: left;
}
.elc-accordion-content{
    font-family: var(--main-font);
    
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    animation: fadeIn 0.4s ease forwards;
    max-height: 0;
    overflow: hidden;
    transition:.5s all ease-in-out;
}
.elc-accordion-content.open{
    padding:20px 0; 
    max-height: 500px;
}
.elc-accordion-header::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    border: 6px solid transparent; 
    border-top-color: #000;       
    transition: transform 0.3s ease;
}
.elc-accordion-header[aria-expanded="true"]{
    font-weight: 700;
}
.elc-accordion-header[aria-expanded="true"]::after{
    transform: rotate(-180deg) translateY(50%);
}
.elc-accordion-section::before{
    content:"Best Choice";
    position:absolute;
    top:90px;
    left: 0;
    font-family: var(--main-font);  
    font-size: 130px;
    line-height: 120px; 
    color: rgba(110, 110, 110, 0.1);
}
@media(max-width:400px){
    .full-review:before{
        height: 90%;
    }
}
@media(min-width:1200px){
    .about-us-section{
        padding:150px 20px;
        margin-bottom: -35px;
    }
    .cta-section .cta-button{
        width:350px;
    }
}
@media(max-width:1200px){ 
    .team-member-wrap{
        margin:0 auto;
    }
    .elc-accordion-section{
        padding:75px 20px 200px 20px;
    }
    .posts-section,
    .about-us-section{
        padding: 75px 20px 100px 20px;
    }
    .reviews-arrow{
        right:-100px;
    }
    .navigation-buttons{
        justify-content: flex-start;
    }
    .main-review.d-flex{
        gap:0;
    }
    .full-review::after{
        top:25px;
    }
    .main-review .image-section{
        width:auto;
    }
    .swiper img{
        width:200px;
        height:200px;
    }
    .review-author{
        position: relative;
        left: 0;
        top: 0;
    }
    .main-review .review-section{
        border-top:1px solid #fff;
        padding:20px;
        width:100%;
    }
    .main-review.d-flex{
        flex-direction: column;
    }
    .full-review::after{
        left:-15px;
    }
    .swiper-button-next, 
    .swiper-button-prev{
        opacity: 0;
    }
    .review-main-section{
        padding:75px 35px;
    }
    .swiper-slide:not(.swiper-slide-next){
        opacity: 1;
    }
    .full-review{
        max-width: 100%;
    }
    .video-review-section{
        padding:50px 20px 50px 20px;
    }
}
@media(min-width:1200px){
    .reviews-main{
        margin-right: -22%;
        margin-left: -12%;
    }
}
@media(min-width:1200px) and (max-width:1500px){
    .review-section p{
        font-size: 17px;
    }
    .main-review.d-flex{
        gap:15px;
    }
    .main-review .review-section{
        width:67%;
    }
    .reviews-main{
        margin-right: -35%;
        margin-left: -35%;
    }
}
@media(max-width:998px){
 
}
@media(max-width:768px){
    .posts-section .title{
        font-size: 20px;
    }
    .about-us-section{
        position: relative;
        z-index: 2;
        margin-top: -35px;
        margin-bottom: -35px;
        padding:100px 20px 150px 20px;
    }
    .posts-section .services-title::before,
    .elc-accordion-section::before,
    .services-section h2::before,
    .review-main-section::before,
    .about-us-section .left-content::before{
        font-size: 70px;
    }
    .services.col-7.dgr{
        gap:20px;
    }
    .reviews-arrow a{
        margin:0 auto;
    }
    .navigation-and-link{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-self: center;
        gap: 20px;
    }
    .navigation-buttons{
        justify-content: center;
    }
    .reviews-arrow{
        position: unset;
    }
    .team-member-wrap{
        margin:0 auto;
    }
    .team-member-wrap .socials-wrap svg{
        max-width: 40px;
        max-height: 40px;
    }
    .video-review-section iframe{
        height:300px;
        margin-top: 50px;
    }
    .review-right{
        padding:50px 0 50px 0;
    }
    .services-section .content{
        margin-bottom: 50px;
    } 
    .elc-accordion-section,
    .posts-section, 
    .services-section{
        padding:50px 20px 50px 20px;
    }
    .posts-section .primary-btn, 
    .elc-accordion-section{
        margin-bottom: 50px;
    } 
    .cta-title{
        font-size: 35px;
        line-height: 45px;
    }
    .cta-section .cta-button{
        width:100%;
    }
    .cta-section .inner-content,
    .cta-title{
        padding:0;
    }
    .card-title{
        max-width: 100%;
    }
    .dgr.col2{
        grid-template-columns: 1fr;
    }
    .hero-animation{
        display:none;
    }
    .hero-content{
        padding:0;
        width:100%;
    }
    .cta-section .inner-info{
        flex-direction: column;
    }
    .hero-block>.container{
        flex-direction: column-reverse;
    }
}
@media (max-width:650px){
    .member-info-general{
        left: -10px;
    }
}
@media(min-width:500px) and (max-width:800px){
    .services.col-7.dgr{
        gap:20px;
        grid-template-columns: 1fr 1fr;
    }
}
@media(min-width:800px) and (max-width:1025px){
    .services.col-7.dgr{
        padding-top: 35px;
        gap:20px;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media(max-width:1024px){
    .full-review:before{
        height:73%;
      }
}
@media(min-width:1025px) and (max-width:1400px){
    .about-us-section .right-content{
        margin-right: 50px;
    }
    .posts-section .content.col-4{
        width:50%;
    }
}
@media(min-width:1025px){
    .services-section .container{
        justify-content: space-between;
    }
    .services.col-7.dgr{
        gap:20px;
        grid-template-columns: 1fr 1fr;
    }
}
@media(min-width:1259px){
    .services.col-7.dgr{
        gap:20px;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width:450px){
    .member-info-general{
        left: -10px;
    }
    .member-info-general .title{
        font-size: 16px;
        line-height: 16px;
        margin:5px;
    }
    .member-info-general .name .icon.general{
        min-width: 30px;
        height: 30px;
        width: 30px;
    }
    .member-info-general .name{
        font-size: 25px;
        line-height: 35px;
    }
}
@media (prefers-color-scheme: dark) {
    body{
        background:#000;
    }
    .posts-section{ 
        background:var(--secondarydark);
    }
    .team-member-wrap::before{
        content:"";
        position:absolute;
        background: var(--secondarydark); 
    }
    .reviews-arrow a,
    .member-info-general .name,
    .posts-section .title,
    .about-desription,
    .about-us-section h2{ 
        color: #fff;
    }
    .services-section{
        background:var(--black);
    }
    .posts-section .description{ 
        color: #FAFAFA;
    }
    .posts-section .posts .individual-post:not(:last-child) {
        border-bottom: 1px solid #fff;
    }
    .reviews-arrow svg path,
    .team-member-wrap .socials svg circle{
        fill:#FFF;
    }
    .team-member-wrap .socials svg path{
        fill:#004C8C;
    }
    .team-member-wrap .socials:hover svg path{
        fill:#FFFFFF;
    }
    .team-member-wrap .socials:hover svg circle{
        fill:var(--midblue);
    }
    .team-member-wrap::after{ 
        background: rgba(0, 76, 140, 0.5); 
    }
    .team-member-wrap .img::before{ 
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); 
    }
    .full-review:before{ 
        background: var(--secondarydark); 
    }
    .elc-accordion-section{ 
        background:var(--light-section); 
    }
    .cta-section .inner-info a{    
        color: #FFFFFF;
    }
}
@media (min-width:768px) and (max-width:1200px){
    .hero-animation svg{
        max-width:150%;
        transform: translateX(-100px);
    }
}
/* Animations */
@keyframes growLine {
    from { width: 0; height: 0; opacity: 0; }
    to { width: 100%; height: 30px; opacity: 1; }
}
@keyframes fadeInAnimation {
    from { opacity: 0; }
    to   { opacity: 1; }
}