:root{
    --green:#08951b;
    --dark:#10292f;
    --text:#5d686c;
    --border:#edf1f0;
}

.about-hero-section{
    width:100%;
    min-height:520px;

    display:grid;
    grid-template-columns: 42% 58%;

    background:#fff;
    overflow:hidden;
}

/* LEFT SIDE */

.hero-left{
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding-left:72px;
    padding-right:40px;

    background:linear-gradient(
        90deg,
        #ffffff 0%,
        #fbfdff 55%,
        #f5fbff 100%
    );

    position:relative;
    z-index:5;
}

.hero-subtitle{
    position:relative;
    display:inline-block;

    color:var(--green);

    font-size:14px;
    font-weight:900;

    margin-bottom:22px;

    letter-spacing:.3px;
}

.hero-subtitle::after{
    content:"";

    position:absolute;
    left:0;
    bottom:-10px;

    width:34px;
    height:3px;

    border-radius:30px;
    background:var(--green);
}

.hero-left h1{
    font-size:58px;
    line-height:1.12;
    font-weight:900;

    letter-spacing:-2px;

    color:var(--dark);

    margin-bottom:24px;
}

.hero-left p{
    max-width:410px;

    color:var(--text);

    font-size:15px;
    line-height:1.95;
    font-weight:500;

    margin-bottom:34px;
}

/* TRUST CARD */

.trust-card{
    width:248px;
    min-height:86px;

    background:#fff;

    border:1px solid #edf1f0;

    border-radius:12px;

    display:flex;
    align-items:center;
    gap:15px;

    padding:18px 20px;

    box-shadow:
        0 12px 30px rgba(0,0,0,.045),
        0 3px 10px rgba(0,0,0,.03);
}

.trust-icon{
    width:42px;
    height:42px;
    min-width:42px;

    border-radius:50%;

    background:#f2fbf4;

    display:flex;
    align-items:center;
    justify-content:center;
}

.trust-icon i{
    width:22px;
    height:22px;

    stroke:var(--green);
    stroke-width:2.5;
}

.trust-card h6{
    margin:0;

    color:var(--dark);

    font-size:14px;
    line-height:1.5;
    font-weight:900;
}

/* RIGHT IMAGE */

.hero-right{
    position:relative;
    width:100%;
    height:520px;

    overflow:hidden;
}

.hero-image{
    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    display:block;
}

/* LEFT FADE OVERLAY */

.hero-overlay{
    position:absolute;

    left:0;
    top:0;

    width:180px;
    height:100%;

    background:linear-gradient(
        90deg,
        rgba(245,251,255,1) 0%,
        rgba(245,251,255,.95) 15%,
        rgba(245,251,255,.75) 35%,
        rgba(245,251,255,.35) 60%,
        rgba(245,251,255,0) 100%
    );
}

/* RESPONSIVE */

@media(max-width:991px){

    .about-hero-section{
        grid-template-columns:1fr;
    }

    .hero-left{
        padding:60px 24px 40px;
    }

    .hero-left h1{
        font-size:44px;
    }

    .hero-right{
        height:380px;
    }

    .hero-overlay{
        display:none;
    }
}

@media(max-width:575px){

    .hero-left{
        padding:50px 20px 35px;
    }

    .hero-left h1{
        font-size:34px;
        letter-spacing:-1px;
    }

    .hero-left p{
        font-size:14px;
    }

    .trust-card{
        width:100%;
    }

    .hero-right{
        height:290px;
    }
}



/* =========================
   OUR STORY SECTION
========================= */

.our-story-section{
    width:100%;
    padding:72px 0 0;
    background:#fff;
}

.story-wrapper{
    width:100%;

    display:grid;
    grid-template-columns: 44% 56%;

    align-items:center;

    gap:58px;

    padding-left:72px;
    padding-right:72px;
}

/* LEFT IMAGE */

.story-image-side{
    position:relative;
}

.story-main-image{
    width:100%;
    height:445px;

    object-fit:cover;
    object-position:center;

    border-radius:18px;

    display:block;

    box-shadow:
        0 15px 40px rgba(0,0,0,.05),
        0 3px 10px rgba(0,0,0,.03);
}

/* RIGHT CONTENT */

.story-content-side{
    padding-right:20px;
}

.story-subtitle{
    position:relative;

    display:inline-block;

    color:var(--green);

    font-size:14px;
    font-weight:900;

    margin-bottom:22px;

    letter-spacing:.3px;
}

.story-subtitle::after{
    content:"";

    position:absolute;
    left:0;
    bottom:-10px;

    width:34px;
    height:3px;

    border-radius:30px;

    background:var(--green);
}

.story-content-side h2{
    font-size:48px;
    line-height:1.2;
    font-weight:900;

    letter-spacing:-1.8px;

    color:var(--dark);

    margin-bottom:24px;
}

.story-content-side h2 span{
    color:var(--green);
}

.story-text{
    color:var(--text);

    font-size:15px;
    line-height:1.95;
    font-weight:500;

    margin-bottom:18px;

    max-width:640px;
}

.story-text.second{
    margin-bottom:34px;
}

/* MINI GRID */

.story-mini-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:30px;
}

/* MINI CARD */

.story-mini-card{
    position:relative;
}

.mini-icon{
    width:42px;
    height:42px;

    border-radius:50%;

    background:#f2fbf4;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:16px;
}

.mini-icon i{
    width:22px;
    height:22px;

    stroke:var(--green);
    stroke-width:2.4;
}

.story-mini-card h6{
    color:var(--dark);

    font-size:16px;
    font-weight:900;

    margin-bottom:10px;
}

.story-mini-card p{
    color:var(--text);

    font-size:13px;
    line-height:1.8;

    margin:0;
}

/* RESPONSIVE */

@media(max-width:991px){

    .story-wrapper{
        grid-template-columns:1fr;

        gap:40px;

        padding-left:24px;
        padding-right:24px;
    }

    .story-main-image{
        height:360px;
    }

    .story-content-side{
        padding-right:0;
    }

    .story-content-side h2{
        font-size:38px;
    }

    .story-mini-grid{
        grid-template-columns:1fr;
        gap:25px;
    }
}

@media(max-width:575px){

    .our-story-section{
        padding-top:50px;
    }

    .story-wrapper{
        padding-left:20px;
        padding-right:20px;
    }

    .story-main-image{
        height:280px;
        border-radius:16px;
    }

    .story-content-side h2{
        font-size:30px;
        letter-spacing:-1px;
    }

    .story-text{
        font-size:14px;
    }
}

/* =========================
   STATS SECTION
========================= */

.stats-achievement-section{
    width:100%;
    background:#fff;
    padding:60px 72px 0;
}

.stats-container{
    width:100%;
    max-width:1180px;
    margin:0 auto;
}

.stats-box{
    width:100%;
    background:#f8fbfa;

    border-radius:18px;

    display:grid;
    grid-template-columns:repeat(4,1fr);

    overflow:hidden;

    box-shadow:
        0 12px 32px rgba(0,0,0,.03),
        0 2px 8px rgba(0,0,0,.02);
}

.stat-card{
    text-align:center;

    padding:40px 22px 36px;

    border-right:1px solid #dfe8e6;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.stat-card:last-child{
    border-right:none;
}

/* ICON */

.stat-card i{
    width:48px;
    height:48px;

    stroke:#10a226;
    stroke-width:1.8;

    background:#f2fbf4;

    padding:11px;

    border-radius:50%;

    margin-bottom:20px;
}

/* NUMBER */

.stat-card h3{
    color:var(--dark);

    font-size:34px;
    line-height:1;
    font-weight:900;

    letter-spacing:-1px;

    margin-bottom:10px;
}

/* TEXT */

.stat-card p{
    color:#21363b;

    font-size:14px;
    font-weight:700;

    margin:0;
}

/* =========================
   ACHIEVEMENT SECTION
========================= */

.achievement-section{
    width:100%;
    background:#fff;
    padding:74px 72px 0;
}

.achievement-container{
    max-width:1180px;
}

.achievement-subtitle{
    position:relative;
    display:inline-block;

    color:var(--green);

    font-size:14px;
    font-weight:900;

    letter-spacing:.3px;

    margin-bottom:22px;
}

.achievement-subtitle::after{
    content:"";

    position:absolute;
    left:50%;
    bottom:-10px;

    transform:translateX(-50%);

    width:34px;
    height:3px;

    border-radius:30px;

    background:var(--green);
}

.achievement-section h2{
    color:var(--dark);

    font-size:36px;
    line-height:1.24;
    font-weight:900;

    letter-spacing:-1px;

    margin-bottom:46px;
}

/* GRID */

.achievement-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);

    gap:22px;
}

/* CARD */

.achievement-card{
    min-height:228px;

    background:#fff;

    border:1px solid #e7efec;
    border-radius:14px;

    padding:34px 22px 28px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;

    text-align:center;

    transition:.28s ease;

    box-shadow:
        0 4px 18px rgba(0,0,0,.018);
}

.achievement-card:hover{
    transform:translateY(-5px);

    box-shadow:
        0 16px 38px rgba(0,0,0,.055),
        0 4px 12px rgba(0,0,0,.025);
}

/* ICON */

.achievement-card i{
    width:48px;
    height:48px;

    stroke:#11a928;
    stroke-width:1.9;

    background:#f2fbf4;

    padding:11px;

    border-radius:50%;

    margin-bottom:22px;
}

/* TITLE */

.achievement-card h6{
    color:var(--dark);

    font-size:15px;
    line-height:1.4;
    font-weight:900;

    margin-bottom:14px;
}

/* TEXT */

.achievement-card p{
    color:#667276;

    font-size:13px;
    line-height:1.78;
    font-weight:500;

    margin:0;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

    .stats-achievement-section,
    .achievement-section{
        padding-left:24px;
        padding-right:24px;
    }

    .stats-box{
        grid-template-columns:repeat(2,1fr);
    }

    .stat-card:nth-child(2){
        border-right:none;
    }

    .stat-card{
        border-bottom:1px solid #dfe8e6;
    }

    .stat-card:nth-child(3),
    .stat-card:nth-child(4){
        border-bottom:none;
    }

    .achievement-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:575px){

    .stats-achievement-section{
        padding:46px 20px 0;
    }

    .achievement-section{
        padding:56px 20px 0;
    }

    .stats-box{
        grid-template-columns:1fr;
    }

    .stat-card{
        border-right:none;
        border-bottom:1px solid #dfe8e6;
    }

    .stat-card:last-child{
        border-bottom:none;
    }

    .achievement-section h2{
        font-size:28px;
    }

    .achievement-grid{
        grid-template-columns:1fr;
    }
}
.stat-icon,
.achievement-icon{
    width:54px;
    height:54px;
    border-radius:50%;
    background:#eefaf1;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 16px;
}

.stat-icon svg,
.achievement-icon svg{
    width:28px;
    height:28px;
    stroke:#16a52f !important;
    stroke-width:1.9;
}

.stat-card{
    padding:44px 24px 40px;
}

.achievement-grid{
    gap:24px;
}

.achievement-card{
    min-height:238px;
    padding:38px 24px 32px;
}

.achievement-card h6{
    margin-bottom:16px;
}

/* =========================
   WHY CHOOSE SECTION
========================= */

.why-choose-section{
    width:100%;
    background:#fff;

    padding:78px 72px 0;
}

.why-container{
    max-width:1180px;
}

/* HEADING */

.why-heading{
    margin-bottom:48px;
}

.why-subtitle{
    position:relative;

    display:inline-block;

    color:var(--green);

    font-size:14px;
    font-weight:900;

    letter-spacing:.3px;

    margin-bottom:22px;
}

.why-subtitle::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:-10px;

    transform:translateX(-50%);

    width:34px;
    height:3px;

    border-radius:30px;

    background:var(--green);
}

.why-heading h2{
    color:#10292f;

    font-size:48px;
    line-height:1.2;

    font-weight:900;

    letter-spacing:-1.5px;

    margin:0;
}

.red-o{
    color:#d1121b;
}

/* GRID */

.why-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);

    gap:22px;
}

/* CARD */

.why-card{
    min-height:218px;

    background:#fff;

    border:1px solid #e8efed;
    border-radius:15px;

    padding:36px 22px 28px;

    text-align:center;

    transition:.3s ease;

    box-shadow:
        0 4px 16px rgba(0,0,0,.015);
}

.why-card:hover{
    transform:translateY(-5px);

    box-shadow:
        0 18px 38px rgba(16,41,47,.055),
        0 4px 12px rgba(16,41,47,.025);
}

/* ICON */

.why-icon{
    width:56px;
    height:56px;

    border-radius:50%;

    background:#eefaf1;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 24px;
}

.why-icon svg{
    width:28px;
    height:28px;

    stroke:#17a630;
    stroke-width:1.9;
}

/* TITLE */

.why-card h6{
    color:#10292f;

    font-size:15px;
    line-height:1.45;

    font-weight:900;

    margin-bottom:15px;
}

/* TEXT */

.why-card p{
    color:#667276;

    font-size:13px;
    line-height:1.82;

    font-weight:500;

    margin:0;
}

/* RESPONSIVE */

@media(max-width:991px){

    .why-choose-section{
        padding-left:24px;
        padding-right:24px;
    }

    .why-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .why-heading h2{
        font-size:38px;
    }
}

@media(max-width:575px){

    .why-choose-section{
        padding:56px 20px 0;
    }

    .why-grid{
        grid-template-columns:1fr;
    }

    .why-heading{
        margin-bottom:38px;
    }

    .why-heading h2{
        font-size:30px;
        letter-spacing:-1px;
    }
}

/* =========================
   OFFER SECTION
========================= */

.offer-section{
    width:100%;
    background:#f8fbfa;

    padding:78px 72px 0;
}

.offer-container{
    max-width:1180px;
}

.offer-wrapper{
    display:grid;
    grid-template-columns: 42% 58%;

    align-items:center;

    gap:44px;
}

/* LEFT */

.offer-left{
    padding-right:10px;
}

.offer-subtitle{
    position:relative;

    display:inline-block;

    color:var(--green);

    font-size:14px;
    font-weight:900;

    letter-spacing:.3px;

    margin-bottom:22px;
}

.offer-subtitle::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-10px;

    width:34px;
    height:3px;

    border-radius:30px;

    background:var(--green);
}

.offer-left h2{
    color:#10292f;

    font-size:46px;
    line-height:1.2;

    font-weight:900;

    letter-spacing:-1.5px;

    margin-bottom:34px;
}

/* LIST */

.offer-list{
    list-style:none;

    padding:0;
    margin:0;
}

.offer-list li{
    display:flex;
    align-items:flex-start;

    gap:16px;

    margin-bottom:24px;
}

/* CHECK */

.offer-check{
    width:26px;
    height:26px;

    min-width:26px;

    border-radius:50%;

    background:#eaf8ed;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-top:2px;
}

.offer-check svg{
    width:15px;
    height:15px;

    stroke:#16a52f;
    stroke-width:3;
}

/* TEXT */

.offer-list h6{
    color:#10292f;

    font-size:15px;
    line-height:1.4;

    font-weight:900;

    margin-bottom:6px;
}

.offer-list p{
    color:#667276;

    font-size:14px;
    line-height:1.8;

    font-weight:500;

    margin:0;
}

/* RIGHT */

.offer-grid{
    display:grid;
    grid-template-columns: 1.6fr .9fr;

    gap:18px;
}

/* BIG */

.offer-big-image{
    width:100%;
    height:430px;

    overflow:hidden;

    border-radius:18px;

    box-shadow:
        0 14px 36px rgba(0,0,0,.05),
        0 4px 12px rgba(0,0,0,.03);
}

.offer-big-image img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}

/* SMALL GRID */

.offer-small-grid{
    display:grid;
    grid-template-rows:1fr 1fr;

    gap:18px;
}

.offer-small-card{
    height:206px;

    overflow:hidden;

    border-radius:18px;

    box-shadow:
        0 14px 36px rgba(0,0,0,.05),
        0 4px 12px rgba(0,0,0,.03);
}

.offer-small-card img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}

/* RESPONSIVE */

@media(max-width:991px){

    .offer-section{
        padding-left:24px;
        padding-right:24px;
    }

    .offer-wrapper{
        grid-template-columns:1fr;
    }

    .offer-left h2{
        font-size:38px;
    }
}

@media(max-width:575px){

    .offer-section{
        padding:56px 20px 0;
    }

    .offer-left h2{
        font-size:30px;
        letter-spacing:-1px;
    }

    .offer-grid{
        grid-template-columns:1fr;
    }

    .offer-big-image{
        height:300px;
    }

    .offer-small-grid{
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto;
    }

    .offer-small-card{
        height:170px;
    }
}

.testimonialSwiper{
    padding-bottom:55px;
}

.swiper-slide{
    height:auto;
}

.swiper-pagination{
    bottom:0 !important;
}

.swiper-pagination-bullet{
    width:9px;
    height:9px;

    background:#d6dfdc;
    opacity:1;
}

.swiper-pagination-bullet-active{
    background:#17a630;
}


/* =========================
   TESTIMONIAL SECTION
========================= */

.testimonial-section{
    width:100%;
    background:#fff;

    padding:82px 72px 0;
}

.testimonial-container{
    max-width:1180px;
}

/* HEADING */

.testimonial-heading{
    margin-bottom:46px;
}

.testimonial-subtitle{
    position:relative;

    display:inline-block;

    color:var(--green);

    font-size:14px;
    font-weight:900;

    letter-spacing:.3px;

    margin-bottom:22px;
}

.testimonial-subtitle::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:-10px;

    transform:translateX(-50%);

    width:34px;
    height:3px;

    border-radius:30px;

    background:var(--green);
}

.testimonial-heading h2{
    color:#10292f;

    font-size:46px;
    line-height:1.2;

    font-weight:900;

    letter-spacing:-1.5px;

    margin:0;
}

/* GRID */

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:24px;
}

/* CARD */

.testimonial-card{
    min-height:235px;

    background:#fff;

    border:1px solid #e8efed;
    border-radius:16px;

    padding:34px 30px 28px;

    transition:.3s ease;

    box-shadow:
        0 4px 16px rgba(0,0,0,.015);
}

.testimonial-card:hover{
    transform:translateY(-5px);

    box-shadow:
        0 18px 38px rgba(16,41,47,.055),
        0 4px 12px rgba(16,41,47,.025);
}

/* QUOTE ICON */

.quote-icon{
    margin-bottom:20px;
}

.quote-icon svg{
    width:32px;
    height:32px;

    stroke:#17a630;
    stroke-width:2;
}

/* TEXT */

.testimonial-text{
    color:#4e6064;

    font-size:14px;
    line-height:1.95;

    font-weight:500;

    margin-bottom:34px;
}

/* BOTTOM */

.testimonial-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.testimonial-bottom h6{
    color:#10292f;

    font-size:15px;
    line-height:1.4;

    font-weight:900;

    margin-bottom:4px;
}

.testimonial-bottom span{
    color:#6c7a7e;

    font-size:13px;
    font-weight:500;
}

/* STARS */

.testimonial-stars{
    color:#ffb400;

    font-size:16px;
    letter-spacing:2px;

    font-weight:900;
}

/* DOTS */

.testimonial-dots{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    margin-top:34px;
}

.testimonial-dots span{
    width:9px;
    height:9px;

    border-radius:50%;

    background:#d8dfdc;
}

.testimonial-dots .active{
    background:#17a630;
}

/* RESPONSIVE */

@media(max-width:991px){

    .testimonial-section{
        padding-left:24px;
        padding-right:24px;
    }

    .testimonial-grid{
        grid-template-columns:1fr;
    }

    .testimonial-heading h2{
        font-size:38px;
    }
}

@media(max-width:575px){

    .testimonial-section{
        padding:58px 20px 0;
    }

    .testimonial-heading{
        margin-bottom:38px;
    }

    .testimonial-heading h2{
        font-size:30px;
        letter-spacing:-1px;
    }

    .testimonial-card{
        padding:30px 24px 26px;
    }
}
.testimonialSwiper .swiper-wrapper{
    align-items:stretch;
}

.testimonialSwiper .swiper-slide{
    height:auto;
    display:flex;
}

.testimonial-card{
    width:100%;
    height:100%;
    min-height:245px;

    display:flex;
    flex-direction:column;
}

.testimonial-text{
    flex:1;
}

.testimonial-bottom{
    margin-top:auto;
}