/* ===========================
   ABOUT PAGE PREMIUM STYLE
=========================== */

.about-hero{
    padding:120px 0;
    background:url("../assets/hero/hero-placeholder.jpg") center center/cover no-repeat;
    text-align:center;
    position:relative;
}

/* DARK OVERLAY FOR READABILITY */
.about-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        rgba(7,17,12,0.75),
        rgba(7,17,12,0.85)
    );
}

/* KEEP TEXT ABOVE OVERLAY */
.about-hero > *{
    position:relative;
    z-index:2;
}

.about-hero h1{
    font-family:'Oswald';
    font-size:70px;
    margin-bottom:20px;
}

.about-hero p{
    max-width:900px;
    margin:auto;
    color:#cfd8d1;
    line-height:1.8;
}

/* SPLIT LAYOUT */
.split-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
   
}

.text-block h2{
    font-size:42px;
    font-family:'Oswald';
    margin-bottom:20px;
}

.text-block p{
    line-height:1.9;
    color:#cbd3cc;
    margin-bottom:15px;
}

.image-block img{
    border-radius:10px;
}

/* ELITE CARDS */
.mvv-elite{
    background:#0a1710;
    
}

.mvv-grid-elite{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.elite-card{
    background:#102116;
    padding:35px;
    border:1px solid #1c2f22;
    transition:.3s;
}

.elite-card:hover{
    transform:translateY(-8px);
    border-color:#7CB342;
}

.elite-card .icon{
    font-size:28px;
    margin-bottom:15px;
}

/* APPROACH */
.operations-approach{
   
}

.approach-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.approach-card{
    padding:25px;
    border:1px solid #1c2f22;
    background:#0b1a12;
}

/* IMPACT */
.impact-strip{
    background:#07110C;
    padding:80px 0;
}

.impact-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    text-align:center;
}

.impact-box h3{
    font-size:40px;
    color:#7CB342;
}

/* CTA */
.final-cta{
    
    text-align:center;
    background:linear-gradient(135deg,#1f5b2b,#7CB342);
}

.final-cta h2{
    font-size:48px;
    font-family:'Oswald';
    margin-bottom:15px;
}

/* RESPONSIVE */
@media(max-width:992px){

.split-grid,
.mvv-grid-elite,
.approach-grid,
.impact-grid{
    grid-template-columns:1fr;
}

.about-hero h1{
    font-size:42px;
}

}

/* =========================
   WHO WE ARE PREMIUM
========================= */

.who-we-are{
    background:#07110C;
    
}

/* GRID ENHANCEMENT */
.enhanced-split{
    gap:70px;
    align-items:center;
}

/* TEXT CARD (GLASS EFFECT) */
.content-card{
    padding:40px;
    background:rgba(16,33,22,0.6);
    border:1px solid rgba(124,179,66,0.15);
    backdrop-filter:blur(10px);
    border-radius:12px;
    transition:.4s ease;
    position:relative;
    overflow:hidden;
}

.content-card:hover{
    transform:translateY(-8px);
    border-color:#7CB342;
    box-shadow:0 20px 50px rgba(0,0,0,0.4);
}

/* ACCENT LINE */
.accent-line{
    width:60px;
    height:4px;
    background:#7CB342;
    margin-bottom:20px;
    border-radius:2px;
}

/* TITLE */
.content-card h2{
    font-size:44px;
    font-family:'Oswald';
    margin-bottom:20px;
    position:relative;
}

/* PARAGRAPHS */
.content-card p{
    line-height:1.9;
    color:#cbd3cc;
    margin-bottom:15px;
    transition:.3s;
}

.content-card:hover p{
    color:#e5eee6;
}

/* MINI STATS */
.mini-stats{
    display:flex;
    gap:25px;
    margin-top:25px;
    padding-top:20px;
    border-top:1px solid rgba(124,179,66,0.2);
}

.mini-stats div{
    text-align:center;
}

.mini-stats h4{
    color:#7CB342;
    font-size:20px;
    margin-bottom:5px;
}

.mini-stats span{
    font-size:12px;
    color:#b9c4bb;
}

/* IMAGE STYLING */
.image-hover{
    position:relative;
    overflow:hidden;
    border-radius:14px;
    border:1px solid rgba(124,179,66,0.2);
    transition:.4s ease;
}

.image-hover img{
    transition:transform .6s ease;
}

/* IMAGE ZOOM ON HOVER */
.image-hover:hover img{
    transform:scale(1.08);
}

/* DARK OVERLAY */
.image-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(7,17,12,0.8),
        rgba(7,17,12,0.2)
    );
    opacity:0;
    transition:.4s ease;
}

.image-hover:hover .image-overlay{
    opacity:1;
}

/* RESPONSIVE */
@media(max-width:992px){

.enhanced-split{
    grid-template-columns:1fr;
    gap:40px;
}

.content-card{
    padding:30px;
    text-align:center;
}

.mini-stats{
    justify-content:center;
    flex-wrap:wrap;
}

.content-card h2{
    font-size:34px;
}

}

/* =========================
   ABOUT HERO PREMIUM
========================= */

.about-hero.enhanced-hero{
    position:relative;
   
    background:url("assets/hero/hero-placeholder.jpg") center center/cover no-repeat;
    overflow:hidden;
    text-align:center;
}

/* DARK OVERLAY */
.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(7,17,12,0.85),
        rgba(7,17,12,0.6),
        rgba(0,0,0,0.85)
    );
    z-index:1;
}

/* SUBTLE GLOW EFFECT */
.hero-glow{
    position:absolute;
    width:600px;
    height:600px;
    background:radial-gradient(circle, rgba(124,179,66,0.25), transparent 60%);
    top:-150px;
    left:-150px;
    animation:floatGlow 8s ease-in-out infinite;
    z-index:1;
}

@keyframes floatGlow{
    0%,100%{ transform:translate(0,0); }
    50%{ transform:translate(80px,60px); }
}

/* CONTENT */
.about-hero-content{
    position:relative;
    z-index:2;
    max-width:900px;
    margin:auto;
}

/* BADGE */
.hero-badge{
    display:inline-block;
    padding:8px 16px;
    border:1px solid rgba(124,179,66,0.4);
    color:#7CB342;
    font-size:12px;
    letter-spacing:2px;
    margin-bottom:20px;
    background:rgba(16,33,22,0.4);
    backdrop-filter:blur(6px);
    transition:.3s;
}

.hero-badge:hover{
    background:#7CB342;
    color:#07110C;
}

/* TITLE */
.about-hero-content h1{
    font-family:'Oswald';
    font-size:72px;
    line-height:1;
    margin-bottom:20px;
    color:#fff;
    transition:.4s;
}

.about-hero-content h1 span{
    color:#7CB342;
    display:block;
    font-size:64px;
}

/* TEXT */
.about-hero-content p{
    color:#d3ddd5;
    line-height:1.9;
    max-width:800px;
    margin:auto;
    font-size:16px;
    transition:.3s;
}

.about-hero-content:hover p{
    color:#ffffff;
}

/* ACTION BUTTONS */
.hero-actions{
    margin-top:30px;
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.hero-btn{
    padding:14px 26px;
    font-weight:600;
    border:1px solid transparent;
    transition:.3s;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:13px;
}

/* PRIMARY */
.hero-btn.primary{
    background:#7CB342;
    color:#07110C;
}

.hero-btn.primary:hover{
    background:#5f8f29;
    transform:translateY(-3px);
}

/* SECONDARY */
.hero-btn.secondary{
    border:1px solid #7CB342;
    color:#7CB342;
    background:transparent;
}

.hero-btn.secondary:hover{
    background:#7CB342;
    color:#07110C;
    transform:translateY(-3px);
}

/* HOVER EFFECT ON HERO */
.about-hero.enhanced-hero:hover .hero-glow{
    transform:scale(1.1);
    opacity:0.9;
}

/* RESPONSIVE */
@media(max-width:992px){

.about-hero-content h1{
    font-size:48px;
}

.about-hero-content h1 span{
    font-size:38px;
}

}

@media(max-width:576px){

.about-hero.enhanced-hero{
    
}

.about-hero-content h1{
    font-size:36px;
}

.about-hero-content h1 span{
    font-size:30px;
}

.hero-actions{
    flex-direction:column;
}

.hero-btn{
    width:100%;
}

}

/* =========================
   MVV ELITE SECTION
========================= */

.enhanced-mvv{
    padding:110px 0;
    background:#07110C;
}

/* TITLE */
.mvv-title{
    text-align:center;
    margin-bottom:60px;
}

.mvv-title h2{
    font-family:'Oswald';
    font-size:46px;
    margin-bottom:10px;
}

.mvv-title p{
    color:#c7d0c9;
}

/* GRID */
.mvv-grid-elite{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

/* CARD BASE */
.elite-card{
    position:relative;
    padding:40px 30px;
    background:rgba(16,33,22,0.6);
    border:1px solid rgba(124,179,66,0.15);
    border-radius:14px;
    overflow:hidden;
    transition:.4s ease;
    backdrop-filter:blur(8px);
}

/* HOVER LIFT + GLOW */
.elite-card:hover{
    transform:translateY(-10px);
    border-color:#7CB342;
    box-shadow:0 25px 60px rgba(0,0,0,0.5);
}

/* ICON WRAP (BETTER THAN EMOJI) */
.icon-wrap{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    border-radius:12px;
    background:rgba(124,179,66,0.12);
    border:1px solid rgba(124,179,66,0.25);
    margin-bottom:18px;
    transition:.3s;
}

/* ICON HOVER EFFECT */
.elite-card:hover .icon-wrap{
    background:#7CB342;
    transform:rotate(6deg) scale(1.05);
}

/* TITLE */
.elite-card h3{
    font-family:'Oswald';
    font-size:20px;
    margin-bottom:12px;
    letter-spacing:1px;
}

/* TEXT */
.elite-card p{
    color:#cbd3cc;
    line-height:1.8;
    transition:.3s;
}

/* TEXT BRIGHT ON HOVER */
.elite-card:hover p{
    color:#ffffff;
}

/* SOFT GLOW LAYER */
.card-glow{
    position:absolute;
    width:200px;
    height:200px;
    background:radial-gradient(circle, rgba(124,179,66,0.25), transparent 70%);
    top:-60px;
    right:-60px;
    opacity:0;
    transition:.4s ease;
}

/* ACTIVATE GLOW ON HOVER */
.elite-card:hover .card-glow{
    opacity:1;
    transform:scale(1.2);
}

/* RESPONSIVE */
@media(max-width:992px){

.mvv-grid-elite{
    grid-template-columns:1fr;
}

.mvv-title h2{
    font-size:34px;
}

}

/* =========================
   WHY WE EXIST (PREMIUM)
========================= */

.why-exist{

    background:#07110C;
}

/* GRID */
.enhanced-why{
    align-items:center;
    gap:70px;
}

/* IMAGE FRAME */
.image-frame{
    position:relative;
    overflow:hidden;
    border-radius:16px;
    border:1px solid rgba(124,179,66,0.2);
    transition:.4s ease;
}

/* IMAGE ZOOM EFFECT */
.image-frame img{
    transition:transform .7s ease;
}

/* HOVER ZOOM */
.image-frame:hover img{
    transform:scale(1.1);
}

/* OVERLAY */
.image-shield-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(7,17,12,0.85),
        rgba(7,17,12,0.2),
        rgba(7,17,12,0.6)
    );
    opacity:0;
    transition:.4s ease;
}

/* SHOW OVERLAY ON HOVER */
.image-frame:hover .image-shield-overlay{
    opacity:1;
}

/* BADGE ON IMAGE */
.image-badge{
    position:absolute;
    top:15px;
    left:15px;
    background:rgba(124,179,66,0.15);
    border:1px solid rgba(124,179,66,0.3);
    color:#7CB342;
    font-size:11px;
    letter-spacing:2px;
    padding:8px 12px;
    z-index:2;
    backdrop-filter:blur(6px);
}

/* TEXT CARD */
.why-card{
    padding:45px;
    background:rgba(16,33,22,0.55);
    border:1px solid rgba(124,179,66,0.15);
    border-radius:14px;
    backdrop-filter:blur(10px);
    transition:.4s ease;
    position:relative;
    overflow:hidden;
}

/* HOVER LIFT */
.why-card:hover{
    transform:translateY(-10px);
    border-color:#7CB342;
    box-shadow:0 25px 60px rgba(0,0,0,0.5);
}

/* ACCENT BAR */
.accent-bar{
    width:60px;
    height:4px;
    background:#7CB342;
    margin-bottom:20px;
    border-radius:2px;
}

/* TITLE */
.why-card h2{
    font-family:'Oswald';
    font-size:44px;
    margin-bottom:20px;
}

/* PARAGRAPH */
.why-card p{
    color:#cbd3cc;
    line-height:1.9;
    margin-bottom:15px;
    transition:.3s;
}

/* BRIGHT ON HOVER */
.why-card:hover p{
    color:#ffffff;
}

/* METRICS */
.why-metrics{
    display:flex;
    gap:25px;
    margin-top:25px;
    padding-top:20px;
    border-top:1px solid rgba(124,179,66,0.2);
}

.why-metrics div{
    flex:1;
    text-align:left;
}

.why-metrics h4{
    color:#7CB342;
    font-size:14px;
    margin-bottom:5px;
}

.why-metrics span{
    font-size:13px;
    color:#b9c4bb;
}

/* RESPONSIVE */
@media(max-width:992px){

.enhanced-why{
    grid-template-columns:1fr;
    gap:40px;
}

.why-card{
    padding:30px;
    text-align:center;
}

.why-metrics{
    justify-content:center;
    text-align:center;
    flex-wrap:wrap;
}

}
/* =========================
   OPERATIONS APPROACH (ELITE)
========================= */

.enhanced-ops{
    padding:120px 0;
    background:#07110C;
}

/* TITLE */
.ops-title{
    text-align:center;
    margin-bottom:60px;
}

.ops-title h2{
    font-family:'Oswald';
    font-size:46px;
    margin-bottom:10px;
}

/* GRID */
.ops-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    position:relative;
}

/* STEP CARD */
.ops-step{
    position:relative;
    padding:35px 25px;
    background:rgba(16,33,22,0.55);
    border:1px solid rgba(124,179,66,0.15);
    border-radius:14px;
    transition:.4s ease;
    overflow:hidden;
}

/* HOVER EFFECT */
.ops-step:hover{
    transform:translateY(-10px);
    border-color:#7CB342;
    box-shadow:0 25px 60px rgba(0,0,0,0.5);
}

/* NUMBER CIRCLE */
.step-number{
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(124,179,66,0.15);
    border:1px solid rgba(124,179,66,0.3);
    color:#7CB342;
    font-weight:700;
    margin-bottom:18px;
    transition:.3s;
}

/* NUMBER HOVER ANIMATION */
.ops-step:hover .step-number{
    background:#7CB342;
    color:#07110C;
    transform:rotate(8deg) scale(1.1);
}

/* TITLE */
.step-content h3{
    font-family:'Oswald';
    font-size:18px;
    margin-bottom:10px;
}

/* TEXT */
.step-content p{
    color:#cbd3cc;
    line-height:1.8;
    transition:.3s;
}

/* TEXT BRIGHT ON HOVER */
.ops-step:hover p{
    color:#ffffff;
}

/* CONNECTOR LINE */
.step-line{
    position:absolute;
    top:50%;
    right:-10px;
    width:20px;
    height:2px;
    background:rgba(124,179,66,0.3);
}

/* LAST STEP NO LINE */
.ops-step:last-child .step-line{
    display:none;
}

/* GLOW EFFECT */
.ops-step::before{
    content:"";
    position:absolute;
    width:200px;
    height:200px;
    background:radial-gradient(circle, rgba(124,179,66,0.2), transparent 70%);
    top:-80px;
    right:-80px;
    opacity:0;
    transition:.4s ease;
}

.ops-step:hover::before{
    opacity:1;
}

/* RESPONSIVE */
@media(max-width:992px){

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

.step-line{
    display:none;
}

.ops-step{
    text-align:center;
}

.step-number{
    margin:auto auto 15px;
}

}

/* =========================
   TECHNOLOGY SECTION (ELITE)
========================= */

.enhanced-tech{
   
    background:#07110C;
}

/* GRID */
.tech-grid{
    align-items:center;
    gap:70px;
}

/* LEFT CARD */
.tech-card{
    padding:45px;
    background:rgba(16,33,22,0.55);
    border:1px solid rgba(124,179,66,0.15);
    border-radius:14px;
    backdrop-filter:blur(10px);
    transition:.4s ease;
    position:relative;
    overflow:hidden;
}

/* HOVER LIFT */
.tech-card:hover{
    transform:translateY(-10px);
    border-color:#7CB342;
    box-shadow:0 25px 60px rgba(0,0,0,0.5);
}

/* BADGE */
.tech-badge{
    display:inline-block;
    font-size:11px;
    letter-spacing:2px;
    padding:8px 12px;
    margin-bottom:15px;
    color:#7CB342;
    background:rgba(124,179,66,0.12);
    border:1px solid rgba(124,179,66,0.25);
    backdrop-filter:blur(6px);
}

/* TITLE */
.tech-card h2{
    font-family:'Oswald';
    font-size:44px;
    margin-bottom:20px;
}

/* PARAGRAPHS */
.tech-card p{
    color:#cbd3cc;
    line-height:1.9;
    margin-bottom:15px;
    transition:.3s;
}

/* BRIGHT ON HOVER */
.tech-card:hover p{
    color:#ffffff;
}

/* FEATURES */
.tech-features{
    margin-top:25px;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    padding-top:20px;
    border-top:1px solid rgba(124,179,66,0.2);
}

.tech-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:8px;
    background:rgba(124,179,66,0.06);
    border:1px solid rgba(124,179,66,0.1);
    transition:.3s;
}

/* HOVER EFFECT */
.tech-item:hover{
    background:rgba(124,179,66,0.15);
    transform:translateX(6px);
}

.tech-item span{
    font-size:16px;
}

/* RIGHT IMAGE */
.tech-image{
    position:relative;
    overflow:hidden;
    border-radius:16px;
    border:1px solid rgba(124,179,66,0.2);
}

/* IMAGE ZOOM */
.tech-image img{
    transition:transform .7s ease;
}

.tech-image:hover img{
    transform:scale(1.08);
}

/* DARK OVERLAY */
.tech-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(7,17,12,0.85),
        rgba(7,17,12,0.2)
    );
    opacity:0;
    transition:.4s ease;
}

.tech-image:hover .tech-overlay{
    opacity:1;
}

/* SCANNING LINE EFFECT */
.scan-line{
    position:absolute;
    width:100%;
    height:2px;
    background:rgba(124,179,66,0.4);
    top:0;
    animation:scanMove 3s linear infinite;
    opacity:0;
}

.tech-image:hover .scan-line{
    opacity:1;
}

@keyframes scanMove{
    0%{ top:0; }
    100%{ top:100%; }
}

/* RESPONSIVE */
@media(max-width:992px){

.tech-grid{
    grid-template-columns:1fr;
    gap:40px;
}

.tech-card{
    text-align:center;
    padding:30px;
}

.tech-features{
    justify-content:center;
}

}

/* =========================
   IMPACT STRIP ELITE
========================= */

.enhanced-impact{
    padding:100px 0;
    background:linear-gradient(180deg,#07110C,#0a1710);
}

/* HEADER */
.impact-header{
    text-align:center;
    margin-bottom:50px;
}

.impact-header h2{
    font-family:'Oswald';
    font-size:46px;
    margin-bottom:10px;
}

.impact-header p{
    color:#c7d0c9;
}

/* GRID */
.impact-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

/* BOX */
.impact-box{
    position:relative;
    text-align:center;
    padding:40px 25px;
    background:rgba(16,33,22,0.5);
    border:1px solid rgba(124,179,66,0.15);
    border-radius:14px;
    transition:.4s ease;
    overflow:hidden;
}

/* HOVER LIFT */
.impact-box:hover{
    transform:translateY(-10px);
    border-color:#7CB342;
    box-shadow:0 25px 60px rgba(0,0,0,0.5);
}

/* ICON */
.impact-icon{
    font-size:26px;
    margin-bottom:10px;
    opacity:0.9;
}

/* NUMBER */
.impact-box h3{
    font-size:42px;
    color:#7CB342;
    font-family:'Oswald';
    margin-bottom:5px;
    transition:.3s;
}

/* LABEL */
.impact-box p{
    color:#cbd3cc;
    font-size:14px;
    transition:.3s;
}

/* HOVER TEXT BRIGHT */
.impact-box:hover p{
    color:#ffffff;
}

/* GLOW BACKGROUND */
.impact-box::before{
    content:"";
    position:absolute;
    width:200px;
    height:200px;
    background:radial-gradient(circle, rgba(124,179,66,0.2), transparent 70%);
    top:-60px;
    right:-60px;
    opacity:0;
    transition:.4s ease;
}

/* SHOW GLOW ON HOVER */
.impact-box:hover::before{
    opacity:1;
}

/* PULSE DOT (ACTIVE SYSTEM FEEL) */
.pulse{
    position:absolute;
    width:10px;
    height:10px;
    background:#7CB342;
    border-radius:50%;
    top:15px;
    right:15px;
    box-shadow:0 0 0 rgba(124,179,66,0.6);
    animation:pulseAnim 2s infinite;
}

@keyframes pulseAnim{
    0%{
        box-shadow:0 0 0 0 rgba(124,179,66,0.5);
    }
    70%{
        box-shadow:0 0 0 15px rgba(124,179,66,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(124,179,66,0);
    }
}

/* RESPONSIVE */
@media(max-width:992px){

.impact-grid{
    grid-template-columns:1fr 1fr;
    gap:20px;
}

}

@media(max-width:576px){

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

.impact-header h2{
    font-size:34px;
}

.impact-box h3{
    font-size:34px;
}

}

/* =========================
   FINAL CTA (ELITE)
========================= */

.enhanced-cta{
    position:relative;
    padding:120px 0;
    text-align:center;
    overflow:hidden;
    background:linear-gradient(135deg,#1f5b2b,#7CB342);
}

/* DARK OVERLAY LAYER */
.enhanced-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(7,17,12,0.55);
    z-index:1;
}

/* GLOW EFFECT */
.cta-glow{
    position:absolute;
    width:600px;
    height:600px;
    background:radial-gradient(circle, rgba(255,255,255,0.12), transparent 60%);
    top:-200px;
    left:50%;
    transform:translateX(-50%);
    animation:ctaFloat 6s ease-in-out infinite;
    z-index:0;
}

@keyframes ctaFloat{
    0%,100%{ transform:translateX(-50%) translateY(0); }
    50%{ transform:translateX(-50%) translateY(30px); }
}

/* CONTENT */
.cta-content{
    position:relative;
    z-index:2;
    max-width:900px;
}

/* BADGE */
.cta-badge{
    display:inline-block;
    font-size:12px;
    letter-spacing:2px;
    padding:8px 14px;
    margin-bottom:20px;
    color:#fff;
    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.25);
    backdrop-filter:blur(6px);
}

/* TITLE */
.cta-content h2{
    font-family:'Oswald';
    font-size:52px;
    margin-bottom:15px;
    color:#fff;
}

/* TEXT */
.cta-content p{
    color:#e7efe8;
    font-size:16px;
    line-height:1.8;
    margin-bottom:30px;
}

/* BUTTONS */
.cta-buttons{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

/* PRIMARY CTA HOVER */
.cta-primary{
    position:relative;
    overflow:hidden;
    transition:.3s ease;
}

.cta-primary:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 40px rgba(0,0,0,0.3);
}

/* SECONDARY CTA */
.cta-secondary{
    border:1px solid #fff;
    transition:.3s ease;
}

.cta-secondary:hover{
    background:#fff;
    color:#07110C;
    transform:translateY(-4px);
}

/* BUTTON SHINE EFFECT */
.cta-primary::after{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,0.3),transparent);
    transition:.5s;
}

.cta-primary:hover::after{
    left:100%;
}

/* RESPONSIVE */
@media(max-width:768px){

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

.cta-content p{
    font-size:15px;
}

.cta-buttons{
    flex-direction:column;
}

.cta-buttons a{
    width:100%;
}

}

.icon-wrap i,
.impact-icon i,
.tech-item span i {
    width: 26px;
    height: 26px;
    color: #7CB342;
    display: inline-block;
}

.icon-wrap {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:15px;
}