/*=================================================
SOLUTIONS PAGE
=================================================*/

:root{

    --sol-primary:#071E3D;
    --sol-secondary:#103F75;
    --sol-green:#00A651;
    --sol-green-dark:#006B3C;
    --sol-accent:#1E88E5;

    --sol-light:#F7F9FC;
    --sol-section:#EEF8F2;

    --sol-text:#243447;
    --sol-grey:#6B7280;

    --sol-radius:22px;
    --sol-shadow:0 18px 45px rgba(0,0,0,.08);
    --sol-transition:.35s ease;

}


/*=================================================
COMMON
=================================================*/

.solutions-capabilities,
.featured-solutions,
.why-nexus-solutions,
.industries,
.solutions-cta{

    padding:120px 0;

}

.solutions-heading{

    max-width:760px;
    margin:0 auto 75px;
    text-align:center;

}

.solutions-heading .section-tag{

    display:inline-block;
    padding:10px 22px;

    background:#EAF3FF;

    color:var(--sol-accent);

    border-radius:100px;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    margin-bottom:20px;

}

.solutions-heading h2{

    color:var(--sol-primary);

    font-size:2.8rem;

    line-height:1.2;

    margin-bottom:20px;

}

.solutions-heading p{

    color:var(--sol-grey);

    line-height:1.9;

    max-width:700px;

    margin:auto;

}



/*=================================================
HERO
=================================================*/

.solutions-hero{

    position:relative;

    overflow:hidden;

    background:linear-gradient(135deg,#071E3D,#103F75);

    padding:170px 0 120px;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:rgba(5,20,40,.20);

}

.hero-pattern{

    position:absolute;

    inset:0;

    opacity:.05;

    background-image:

        linear-gradient(#fff 1px,transparent 1px),

        linear-gradient(90deg,#fff 1px,transparent 1px);

    background-size:40px 40px;

}

.solutions-hero .container{

    position:relative;

    z-index:5;

}

.solutions-hero-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:80px;

    align-items:center;

}

.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 22px;

    border-radius:100px;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(12px);

    color:#fff;

    font-weight:600;

}

.solutions-hero-content h1{

    color:#fff;

    font-size:4rem;

    line-height:1.05;

    margin:28px 0;

    font-weight:800;

}

.solutions-hero-content p{

    color:rgba(255,255,255,.88);

    line-height:1.9;

    max-width:620px;

    margin-bottom:40px;

}

.solutions-hero .hero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.solutions-hero-image{

    position:relative;

}

.solutions-hero-image img{

    width:100%;

    display:block;

    border-radius:26px;

    box-shadow:0 35px 80px rgba(0,0,0,.35);

}

.solutions-hero .floating-card{

    position:absolute;

    right:-25px;

    bottom:35px;

    width:290px;

    background:#fff;

    border-radius:20px;

    padding:28px;

    box-shadow:0 30px 60px rgba(0,0,0,.18);

}

.solutions-hero .floating-card h3{

    color:var(--sol-primary);

    margin-bottom:20px;

}

.solutions-hero .floating-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.solutions-hero .floating-card li{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px 0;

    border-bottom:1px solid #ECECEC;

    color:var(--sol-text);

}

.solutions-hero .floating-card li:last-child{

    border:none;

}

.solutions-hero .floating-card i{

    color:var(--sol-green);

}



/*=================================================
MISSION CRITICAL CAPABILITIES
=================================================*/

.solutions-capabilities{

    background:var(--sol-section);

}

.capabilities-grid{

    display:grid;

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

    gap:30px;

}

.solution-capability-card{

    background:#fff;

    border-radius:22px;

    padding:42px 30px;

    text-align:center;

    box-shadow:var(--sol-shadow);

    transition:var(--sol-transition);

}

.solution-capability-card:hover{

    transform:translateY(-10px);

    box-shadow:0 28px 60px rgba(0,0,0,.12);

}

.solutions-capability-icon{

    width:84px;

    height:84px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#071E3D,#103F75);

    color:#fff;

    font-size:30px;

}

.solution-capability-card h3{

    color:var(--sol-primary);

    margin-bottom:18px;

    font-size:1.35rem;

}

.solution-capability-card p{

    color:var(--sol-grey);

    line-height:1.8;

}
/*=================================================
FEATURED SOLUTIONS
=================================================*/

.featured-solutions{

    background:#ffffff;

}

.featured-solutions .solution-item{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

    padding:45px;

    margin-bottom:70px;

    border-radius:24px;

    transition:var(--sol-transition);

}

.featured-solutions .solution-item:hover{

    transform:translateY(-6px);

}

/*-------------------------------------------------
CARD COLOURS
-------------------------------------------------*/

/* First card */

.featured-solutions .solution-item:first-child{

    background:var(--sol-green-dark);

}

/* Second card */

.featured-solutions .solution-item.reverse{

    background:#ffffff;

    border:1px solid #E4EDF4;

    box-shadow:var(--sol-shadow);

}

/* Third card */

.featured-solutions .solution-item:last-child{

    background:var(--sol-green-dark);

}

/*-------------------------------------------------
LAYOUT
-------------------------------------------------*/

.featured-solutions .reverse .solution-image{

    order:2;

}

.featured-solutions .reverse .solution-content{

    order:1;

}

.featured-solutions .solution-image img{

    width:100%;

    display:block;

    border-radius:20px;

    box-shadow:0 20px 45px rgba(0,0,0,.15);

}

/*-------------------------------------------------
LABEL
-------------------------------------------------*/

.solution-label{

    display:inline-block;

    padding:8px 18px;

    border-radius:100px;

    font-size:.82rem;

    font-weight:700;

    margin-bottom:18px;

}

/* Green cards */

.featured-solutions .solution-item:first-child .solution-label,
.featured-solutions .solution-item:last-child .solution-label{

    background:rgba(255,255,255,.15);

    border:1px solid rgba(255,255,255,.25);

    color:#ffffff;

}

/* White card */

.featured-solutions .solution-item.reverse .solution-label{

    background:#E7FFF0;

    color:var(--sol-green);

}

/*-------------------------------------------------
TEXT
-------------------------------------------------*/

.featured-solutions .solution-content h3{

    font-size:2.2rem;

    line-height:1.25;

    margin-bottom:20px;

}

.featured-solutions .solution-content p{

    line-height:1.9;

    margin-bottom:30px;

}

/* Green cards */

.featured-solutions .solution-item:first-child h3,
.featured-solutions .solution-item:last-child h3{

    color:#ffffff;

}

.featured-solutions .solution-item:first-child p,
.featured-solutions .solution-item:last-child p{

    color:rgba(255,255,255,.88);

}

/* White card */

.featured-solutions .solution-item.reverse h3{

    color:var(--sol-primary);

}

.featured-solutions .solution-item.reverse p{

    color:var(--sol-grey);

}

/*-------------------------------------------------
FEATURE LIST
-------------------------------------------------*/

.solution-features{

    display:grid;

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

    gap:16px;

}

.solution-features div{

    display:flex;

    align-items:center;

    gap:10px;

    padding:15px 18px;

    border-radius:12px;

    font-weight:600;

    transition:.3s;

}

/* White feature boxes on green cards */

.featured-solutions .solution-item:first-child .solution-features div,
.featured-solutions .solution-item:last-child .solution-features div{

    background:#ffffff;

    color:var(--sol-green-dark);

}

.featured-solutions .solution-item:first-child .solution-features i,
.featured-solutions .solution-item:last-child .solution-features i{

    color:var(--sol-green-dark);

}

/* Green feature boxes on white card */

.featured-solutions .solution-item.reverse .solution-features div{

    background:var(--sol-green);

    color:#ffffff;

}

.featured-solutions .solution-item.reverse .solution-features i{

    color:#ffffff;

}

/* Hover */

.solution-features div:hover{

    transform:translateY(-4px);

}
/*=================================================
WHY NEXUS
=================================================*/

.why-nexus-solutions{

    background:#F4F8FC;

}

.why-grid{

    display:grid;

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

    gap:30px;

}

.why-box{

    background:#ffffff;

    border-radius:22px;

    padding:42px 30px;

    text-align:center;

    box-shadow:var(--sol-shadow);

    transition:var(--sol-transition);

}

.why-box:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 55px rgba(0,0,0,.12);

}

.why-box i{

    width:82px;

    height:82px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#071E3D,#103F75);

    color:#ffffff;

    font-size:32px;

}

.why-box h3{

    color:var(--sol-primary);

    margin-bottom:18px;

    font-size:1.35rem;

}

.why-box p{

    color:var(--sol-grey);

    line-height:1.8;

}



/*=================================================
INDUSTRIES
=================================================*/

.industries{

    background:#EEF8F2;

}

.industry-grid{

    display:grid;

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

    gap:30px;

}

.industry-card{

    background:var(--sol-green);

    color:#ffffff;

    border-radius:22px;

    padding:42px 25px;

    text-align:center;

    transition:var(--sol-transition);

    box-shadow:0 18px 40px rgba(0,166,81,.25);

}

.industry-card:hover{

    background:var(--sol-green-dark);

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(0,166,81,.35);

}

.industry-card i{

    font-size:42px;

    color:#ffffff;

    margin-bottom:20px;

}

.industry-card h3{

    color:#ffffff;

    font-size:1.25rem;

    font-weight:700;

    margin:0;

}

.industry-card p{

    color:rgba(255,255,255,.90);

    line-height:1.8;

    margin-top:15px;

}
/*=================================================
CALL TO ACTION
=================================================*/

.solutions-cta{

    background:linear-gradient(135deg,#071E3D,#103F75);

    text-align:center;

}

.solutions-cta h2{

    color:#ffffff;

    font-size:2.8rem;

    margin-bottom:25px;

}

.solutions-cta p{

    max-width:720px;

    margin:0 auto 40px;

    color:rgba(255,255,255,.88);

    line-height:1.9;

}

.solutions-cta .hero-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}


/*=================================================
BUTTONS
=================================================*/

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 34px;

    border-radius:100px;

    text-decoration:none;

    font-weight:700;

    transition:.35s ease;

}

.btn-primary{

    background:var(--sol-green);

    color:#ffffff;

}

.btn-primary:hover{

    background:var(--sol-green-dark);

    transform:translateY(-3px);

}

.btn-secondary{

    background:#ffffff;

    color:var(--sol-primary);

}

.btn-secondary:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 25px rgba(0,0,0,.18);

}


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

@media(max-width:1200px){

    .capabilities-grid{

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

    }

    .why-grid{

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

    }

    .industry-grid{

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

    }

}


@media(max-width:992px){

    .solutions-hero-grid{

        grid-template-columns:1fr;

        text-align:center;

    }

    .solutions-hero-content p{

        margin-left:auto;

        margin-right:auto;

    }

    .solutions-hero .hero-buttons{

        justify-content:center;

    }

    .solutions-hero .floating-card{

        position:relative;

        right:auto;

        bottom:auto;

        width:100%;

        margin-top:30px;

    }

    .featured-solutions .solution-item,

    .featured-solutions .solution-item.reverse{

        grid-template-columns:1fr;

        gap:35px;

    }

    .featured-solutions .reverse .solution-image,

    .featured-solutions .reverse .solution-content{

        order:initial;

    }

}


@media(max-width:768px){

    .solutions-capabilities,
    .featured-solutions,
    .why-nexus-solutions,
    .industries,
    .solutions-cta{

        padding:80px 0;

    }

    .solutions-heading h2{

        font-size:2.1rem;

    }

    .solutions-hero{

        padding:140px 0 80px;

    }

    .solutions-hero-content h1{

        font-size:2.7rem;

    }

    .capabilities-grid,
    .why-grid,
    .industry-grid{

        grid-template-columns:1fr;

    }

    .solution-features{

        grid-template-columns:1fr;

    }

    .featured-solutions .solution-item{

        padding:30px;

    }

    .solutions-cta h2{

        font-size:2.2rem;

    }

}


@media(max-width:576px){

    .solutions-hero-content h1{

        font-size:2.2rem;

    }

    .hero-badge{

        font-size:.78rem;

    }

    .btn{

        width:100%;

    }

    .solutions-cta .hero-buttons{

        flex-direction:column;

    }

}
/* =================================================
   FEATURED SOLUTIONS - PREMIUM GREEN OVERRIDE
   Paste at the VERY END of solutions.css
================================================== */

.featured-solutions{
    background:#eef8f2;
    padding:120px 0;
}

.featured-solutions .solution-item{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:60px;
    background:#006B3C !important;
    border:none !important;
    border-radius:26px;
    padding:40px;
    margin-bottom:50px;
    box-shadow:0 22px 60px rgba(0,0,0,.18);
    overflow:hidden;
}

.featured-solutions .solution-item.reverse{
    background:#006B3C !important;
}

.featured-solutions .solution-content{
    color:#fff;
}

.featured-solutions .solution-content h3{
    color:#fff !important;
    font-size:2rem;
    margin-bottom:18px;
}

.featured-solutions .solution-content p{
    color:rgba(255,255,255,.88) !important;
    line-height:1.9;
}

.featured-solutions .solution-label{
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#fff !important;
}

.featured-solutions .solution-image{
    display:flex;
    align-items:center;
    justify-content:center;
}

.featured-solutions .solution-image img{
    width:100%;
    height:330px;
    object-fit:cover;
    border-radius:18px;
    box-shadow:0 18px 45px rgba(0,0,0,.25);
}

.solution-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:28px;
}

.solution-features div{
    background:#fff !important;
    color:#006B3C !important;
    border-radius:12px;
    padding:14px 16px;
    font-weight:600;
    transition:.3s;
}

.solution-features div:hover{
    transform:translateY(-4px);
    background:#f4fff8 !important;
}

.solution-features i{
    color:#00A651 !important;
}

.featured-solutions .solution-item:hover{
    transform:translateY(-8px);
}

.featured-solutions .reverse .solution-image{
    order:1;
}

.featured-solutions .reverse .solution-content{
    order:2;
}

/* Better spacing */

.featured-solutions .solutions-heading{
    margin-bottom:55px;
}

/* Tablet */

@media (max-width:992px){

    .featured-solutions .solution-item{
        grid-template-columns:1fr;
        gap:35px;
        padding:30px;
    }

    .featured-solutions .reverse .solution-image,
    .featured-solutions .reverse .solution-content{
        order:initial;
    }

}

/* Mobile */

@media (max-width:768px){

    .solution-features{
        grid-template-columns:1fr;
    }

    .featured-solutions .solution-content h3{
        font-size:1.7rem;
    }

    .featured-solutions .solution-image img{
        height:250px;
    }

}
/* ===== Cyber Security Card - Mint Green ===== */

.featured-solutions .solution-item.reverse{

    background:#EAF8F1 !important;

    border:2px solid #BFE8D2;

}

.featured-solutions .solution-item.reverse h3{

    color:#071E3D !important;

}

.featured-solutions .solution-item.reverse p{

    color:#4B5563 !important;

}

.featured-solutions .solution-item.reverse .solution-label{

    background:#00A651;

    color:#ffffff !important;

    border:none;

}

.featured-solutions .solution-item.reverse .solution-features div{

    background:#ffffff !important;

    color:#006B3C !important;

    border:1px solid #CFEFDD;

}

.featured-solutions .solution-item.reverse .solution-features i{

    color:#00A651 !important;

}
/*=================================================
PREMIUM SOLUTIONS PAGE POLISH
Paste at the VERY END of solutions.css
=================================================*/


/*=========================================
1. Premium Solution Cards
=========================================*/

.featured-solutions .solution-item{

    border-radius:30px;

    overflow:hidden;

    transition:.45s ease;

    position:relative;

}

.featured-solutions .solution-item:hover{

    transform:translateY(-12px);

    box-shadow:0 40px 80px rgba(0,0,0,.22);

}


/*=========================================
2. Premium Green Gradient
=========================================*/

.featured-solutions .solution-item:not(.reverse){

    background:
    linear-gradient(135deg,#006B3C 0%,#00884A 55%,#007A43 100%) !important;

}


/*=========================================
3. Subtle Technical Glow
=========================================*/

.featured-solutions .solution-item:not(.reverse)::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(255,255,255,.06);

    filter:blur(12px);

    pointer-events:none;

}

.featured-solutions .solution-item:not(.reverse)::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);

    background-size:35px 35px;

    opacity:.25;

    pointer-events:none;

}


/*=========================================
4. Larger Images
=========================================*/

.featured-solutions .solution-image img{

    height:390px;

    border-radius:24px;

    object-fit:cover;

    transition:.45s ease;

}

.featured-solutions .solution-item:hover img{

    transform:scale(1.03);

}


/*=========================================
5. Better Heading
=========================================*/

.featured-solutions .solutions-heading{

    margin-bottom:70px;

}

.featured-solutions .solutions-heading h2{

    font-size:3.15rem;

    line-height:1.15;

}

.featured-solutions .solutions-heading p{

    max-width:760px;

    margin:auto;

}


/*=========================================
6. Premium Text
=========================================*/

.featured-solutions .solution-content h3{

    font-size:2.15rem;

    margin-bottom:20px;

}

.featured-solutions .solution-content p{

    font-size:1rem;

    line-height:1.95;

}


/*=========================================
7. Better Feature Boxes
=========================================*/

.solution-features{

    margin-top:35px;

    gap:16px;

}

.solution-features div{

    border-left:4px solid #00A651;

    border-radius:14px;

    padding:15px 18px;

    box-shadow:0 8px 18px rgba(0,0,0,.06);

    transition:.35s ease;

}

.solution-features div:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 30px rgba(0,0,0,.12);

}


/*=========================================
8. Better Labels
=========================================*/

.solution-label{

    padding:10px 18px;

    letter-spacing:.08em;

    font-weight:700;

}


/*=========================================
9. Better Spacing
=========================================*/

.featured-solutions .solution-content{

    padding:10px 0;

}


/*=========================================
10. Softer Mint Card
=========================================*/

.featured-solutions .solution-item.reverse{

    background:linear-gradient(135deg,#F3FFF7,#EAF8F1) !important;

    border:1px solid #C9EED9;

}


/*=========================================
11. Better Shadow
=========================================*/

.featured-solutions .solution-item.reverse{

    box-shadow:0 20px 55px rgba(0,0,0,.08);

}


/*=========================================
12. Smooth Image Animation
=========================================*/

.featured-solutions img{

    transition:.5s ease;

}


/*=========================================
13. Responsive Polish
=========================================*/

@media(max-width:992px){

    .featured-solutions .solution-item{

        gap:35px;

    }

    .featured-solutions .solution-image img{

        height:320px;

    }

}

@media(max-width:768px){

    .featured-solutions .solutions-heading h2{

        font-size:2.4rem;

    }

    .featured-solutions .solution-content h3{

        font-size:1.8rem;

    }

    .featured-solutions .solution-image img{

        height:260px;

    }

}
/*=================================================
MISSION CRITICAL PREMIUM POLISH
=================================================*/

.solutions-capabilities{

    background:linear-gradient(180deg,#EEF8F2 0%,#F8FCFA 100%);

    position:relative;

    overflow:hidden;

}

.solutions-capabilities::before{

    content:"";

    position:absolute;

    top:0;
    left:0;
    right:0;
    bottom:0;

    background:
    linear-gradient(rgba(0,166,81,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,166,81,.03) 1px,transparent 1px);

    background-size:40px 40px;

    pointer-events:none;

}

.capabilities-grid{

    gap:35px;

    position:relative;

    z-index:2;

}


/* Premium Cards */

.solution-capability-card{

    background:#ffffff;

    border-radius:24px;

    padding:45px 30px;

    border:1px solid rgba(0,166,81,.08);

    box-shadow:
        0 15px 35px rgba(0,0,0,.05);

    transition:.4s ease;

    position:relative;

    overflow:hidden;

}

.solution-capability-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#00A651,#0BC96A);

}

.solution-capability-card:hover{

    transform:translateY(-12px);

    box-shadow:
        0 28px 60px rgba(0,0,0,.12);

}


/* Icon */

.solutions-capability-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    background:linear-gradient(135deg,#071E3D,#0B3C6F);

    box-shadow:
        0 18px 35px rgba(7,30,61,.25);

    margin-bottom:28px;

    transition:.35s ease;

}

.solution-capability-card:hover .solutions-capability-icon{

    transform:rotate(8deg) scale(1.08);

}


/* Heading */

.solution-capability-card h3{

    font-size:1.45rem;

    margin-bottom:18px;

    color:#071E3D;

}


/* Paragraph */

.solution-capability-card p{

    color:#5F6F7A;

    line-height:1.9;

}


/* Section Heading */

.solutions-heading h2{

    letter-spacing:-0.02em;

}

.solutions-heading p{

    font-size:1.05rem;

}


/* Smooth Hover */

.solution-capability-card:hover h3{

    color:#006B3C;

}


/* Responsive */

@media(max-width:992px){

    .capabilities-grid{

        gap:25px;

    }

}

@media(max-width:768px){

    .solution-capability-card{

        padding:35px 25px;

    }

}
/*=================================================
PREMIUM SECTION DIVIDERS
=================================================*/

/* Make all major sections relative */

.solutions-capabilities,
.featured-solutions,
.why-nexus-solutions,
.industries,
.solutions-cta{

    position:relative;

    overflow:hidden;

}


/*-------------------------------------------------
Mission → Solutions
-------------------------------------------------*/

.featured-solutions::before{

    content:"";

    position:absolute;

    top:-120px;

    left:-5%;

    width:110%;

    height:170px;

    background:#ffffff;

    border-radius:0 0 50% 50%;

}


/*-------------------------------------------------
Solutions → Why Nexus
-------------------------------------------------*/

.why-nexus-solutions::before{

    content:"";

    position:absolute;

    top:-120px;

    left:-5%;

    width:110%;

    height:170px;

    background:#F4F8FC;

    border-radius:0 0 50% 50%;

}


/*-------------------------------------------------
Why Nexus → Industries
-------------------------------------------------*/

.industries::before{

    content:"";

    position:absolute;

    top:-120px;

    left:-5%;

    width:110%;

    height:170px;

    background:#EEF8F2;

    border-radius:0 0 50% 50%;

}


/*-------------------------------------------------
Industries → CTA
-------------------------------------------------*/

.solutions-cta::before{

    content:"";

    position:absolute;

    top:-120px;

    left:-5%;

    width:110%;

    height:170px;

    background:#163D6A;

    border-radius:0 0 50% 50%;

}


/*-------------------------------------------------
Keep Content Above Dividers
-------------------------------------------------*/

.solutions-capabilities .container,
.featured-solutions .container,
.why-nexus-solutions .container,
.industries .container,
.solutions-cta .container{

    position:relative;

    z-index:5;

}
/*=================================================
PREMIUM FLOATING EFFECT
=================================================*/

.solution-capability-card,
.solution-item,
.why-box,
.industry-card{

    transition:
        transform .45s ease,
        box-shadow .45s ease;

}

.solution-capability-card:hover,
.solution-item:hover,
.why-box:hover,
.industry-card:hover{

    transform:translateY(-12px);

    box-shadow:0 35px 70px rgba(0,0,0,.16);

}
/*=================================================
IMAGE HOVER
=================================================*/

.solution-image{

    overflow:hidden;

    border-radius:24px;

}

.solution-image img{

    transition:transform .8s ease;

}

.solution-item:hover .solution-image img{

    transform:scale(1.08);

}
/* =========================================================
   NEXUS SOLUTIONS — FINAL PREMIUM POLISH
   CSS ONLY — NO HTML CHANGES
   ========================================================= */

/* =========================================================
   GLOBAL SOLUTIONS POLISH
   ========================================================= */

.solutions-capabilities,
.featured-solutions,
.why-nexus-solutions,
.industries,
.solutions-cta{
    position:relative;
    overflow:hidden;
}

.solutions-heading{
    position:relative;
    z-index:3;
}

.solutions-heading .section-tag{
    position:relative;
    padding:8px 16px;
    border:1px solid rgba(0,166,81,.18);
    background:rgba(0,166,81,.07);
    color:#008c48;
    box-shadow:0 8px 25px rgba(0,166,81,.08);
}

.solutions-heading h2{
    font-weight:800;
    letter-spacing:-.035em;
}

.solutions-heading p{
    font-size:.98rem;
    line-height:1.85;
}


/* =========================================================
   HERO — PREMIUM TECHNOLOGY LOOK
   ========================================================= */

.solutions-hero{
    min-height:680px;
    padding:145px 0 100px;
    background:
        radial-gradient(
            circle at 82% 45%,
            rgba(0,166,81,.16),
            transparent 32%
        ),
        radial-gradient(
            circle at 10% 80%,
            rgba(30,136,229,.12),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #06192d 0%,
            #092947 48%,
            #071e3d 100%
        );
}

.solutions-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            transparent 0,
            rgba(0,166,81,.06) 50%,
            transparent 100%
        );
    animation:heroScan 8s ease-in-out infinite;
}

@keyframes heroScan{
    0%,100%{
        opacity:.25;
        transform:translateX(-10%);
    }

    50%{
        opacity:.65;
        transform:translateX(10%);
    }
}

.hero-pattern{
    opacity:.045;
    background-size:48px 48px;
}

.solutions-hero-content{
    position:relative;
    z-index:5;
}

.hero-badge{
    border:1px solid rgba(0,166,81,.28);
    background:rgba(0,166,81,.08);
    box-shadow:
        0 0 0 1px rgba(255,255,255,.03),
        0 15px 40px rgba(0,0,0,.15);
}

.hero-badge i{
    color:#00d96b;
}

.solutions-hero-content h1{
    max-width:700px;
    font-size:clamp(3rem,5vw,4.4rem);
    letter-spacing:-.045em;
    text-shadow:0 10px 35px rgba(0,0,0,.25);
}

.solutions-hero-content p{
    max-width:650px;
    color:rgba(255,255,255,.72);
    font-size:1rem;
}


/* =========================================================
   HERO IMAGE
   ========================================================= */

.solutions-hero-image{
    perspective:1000px;
}

.solutions-hero-image img{
    position:relative;
    z-index:2;
    border:1px solid rgba(0,166,81,.22);
    box-shadow:
        0 35px 80px rgba(0,0,0,.42),
        0 0 45px rgba(0,166,81,.08);
    transition:
        transform .7s cubic-bezier(.2,.8,.2,1),
        box-shadow .5s ease;
}

.solutions-hero-image:hover img{
    transform:
        translateY(-8px)
        rotateY(-2deg)
        scale(1.015);

    box-shadow:
        0 45px 100px rgba(0,0,0,.5),
        0 0 65px rgba(0,166,81,.14);
}


/* =========================================================
   HERO FLOATING CARD
   ========================================================= */

.solutions-hero .floating-card{
    z-index:5;
    right:-35px;
    bottom:25px;
    width:285px;
    padding:24px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(245,250,248,.96)
        );
    border:1px solid rgba(0,166,81,.18);
    box-shadow:
        0 25px 60px rgba(0,0,0,.28),
        0 0 35px rgba(0,166,81,.08);
    transition:
        transform .45s ease,
        box-shadow .45s ease;
}

.solutions-hero .floating-card:hover{
    transform:translateY(-8px);
    box-shadow:
        0 35px 75px rgba(0,0,0,.32),
        0 0 45px rgba(0,166,81,.14);
}

.solutions-hero .floating-card h3{
    font-size:1rem;
    letter-spacing:-.02em;
}

.solutions-hero .floating-card li{
    transition:
        padding-left .3s ease,
        color .3s ease;
}

.solutions-hero .floating-card li:hover{
    padding-left:6px;
    color:#006b3c;
}

.solutions-hero .floating-card li i{
    transition:transform .3s ease;
}

.solutions-hero .floating-card li:hover i{
    transform:scale(1.15);
}


/* =========================================================
   CAPABILITIES SECTION
   ========================================================= */

.solutions-capabilities{
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(0,166,81,.06),
            transparent 30%
        ),
        #eef8f2;
}

.capabilities-grid{
    position:relative;
    z-index:3;
    gap:22px;
}

.solution-capability-card{
    position:relative;
    overflow:hidden;
    min-height:300px;
    padding:38px 28px;
    border:1px solid rgba(7,30,61,.06);
    box-shadow:
        0 15px 35px rgba(7,30,61,.06);
    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        box-shadow .45s ease,
        border-color .45s ease;
}

.solution-capability-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:3px;
    background:linear-gradient(
        90deg,
        #00a651,
        #00d96b,
        #1e88e5
    );
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .45s ease;
}

.solution-capability-card::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-80px;
    bottom:-80px;
    border-radius:50%;
    background:rgba(0,166,81,.06);
    transition:transform .5s ease;
}

.solution-capability-card:hover{
    transform:translateY(-12px);
    border-color:rgba(0,166,81,.2);
    box-shadow:
        0 28px 65px rgba(7,30,61,.12);
}

.solution-capability-card:hover::before{
    transform:scaleX(1);
}

.solution-capability-card:hover::after{
    transform:scale(1.8);
}

.solutions-capability-icon{
    position:relative;
    z-index:2;
    width:72px;
    height:72px;
    margin-bottom:25px;
    background:
        linear-gradient(
            135deg,
            #071e3d,
            #103f75
        );
    box-shadow:
        0 15px 35px rgba(7,30,61,.2);
    transition:
        transform .45s ease,
        box-shadow .45s ease;
}

.solution-capability-card:hover
.solutions-capability-icon{
    transform:
        translateY(-4px)
        rotate(5deg)
        scale(1.08);

    box-shadow:
        0 20px 40px rgba(0,166,81,.18);
}

.solution-capability-card h3,
.solution-capability-card p{
    position:relative;
    z-index:2;
}

.solution-capability-card h3{
    font-size:1.22rem;
}


/* =========================================================
   FEATURED SOLUTIONS
   ========================================================= */

.featured-solutions{
    background:
        linear-gradient(
            180deg,
            #f8fcfa 0%,
            #eef8f2 100%
        );
    padding:125px 0 110px;
}

/* Remove the oversized decorative curves */
.featured-solutions::before{
    display:none;
}

.featured-solutions .solutions-heading{
    margin-bottom:65px;
}


/* MAIN SOLUTION CARD */

.featured-solutions .solution-item{
    position:relative;
    min-height:430px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:55px;
    align-items:center;

    padding:34px;

    margin-bottom:38px;

    border-radius:28px;

    background:
        linear-gradient(
            135deg,
            #006b3c,
            #008f50
        ) !important;

    border:1px solid rgba(255,255,255,.08) !important;

    box-shadow:
        0 25px 70px rgba(0,55,32,.18);

    overflow:hidden;

    transition:
        transform .55s cubic-bezier(.2,.8,.2,1),
        box-shadow .55s ease;
}

.featured-solutions .solution-item::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(255,255,255,.12),
            transparent 30%
        ),
        linear-gradient(
            120deg,
            transparent 35%,
            rgba(255,255,255,.045),
            transparent 65%
        );
}

.featured-solutions .solution-item:hover{
    transform:translateY(-10px);
    box-shadow:
        0 38px 90px rgba(0,55,32,.25);
}


/* IMAGE */

.featured-solutions .solution-image{
    position:relative;
    z-index:2;
    border-radius:20px;
    overflow:hidden;
    box-shadow:
        0 25px 55px rgba(0,0,0,.22);
}

.featured-solutions .solution-image::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            135deg,
            rgba(0,166,81,.08),
            transparent 55%
        );

    pointer-events:none;
}

.featured-solutions .solution-image img{
    height:340px;
    object-fit:cover;
    transition:
        transform .8s cubic-bezier(.2,.8,.2,1),
        filter .6s ease;
}

.featured-solutions .solution-item:hover
.solution-image img{
    transform:scale(1.07);
    filter:saturate(1.08);
}


/* CONTENT */

.featured-solutions .solution-content{
    position:relative;
    z-index:3;
}

.featured-solutions .solution-content h3{
    font-size:2.15rem;
    line-height:1.18;
    letter-spacing:-.035em;
}

.featured-solutions .solution-content p{
    max-width:570px;
    color:rgba(255,255,255,.76) !important;
    font-size:.96rem;
}


/* LABEL */

.featured-solutions .solution-label{
    padding:7px 14px;
    font-size:.72rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(8px);
}


/* FEATURE BOXES */

.featured-solutions .solution-features{
    gap:10px;
}

.featured-solutions .solution-features div{
    position:relative;
    overflow:hidden;
    padding:12px 14px;

    border:1px solid rgba(0,107,60,.08);
    box-shadow:0 8px 20px rgba(0,0,0,.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}

.featured-solutions .solution-features div:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 25px rgba(0,0,0,.1);
    background:#f7fffa !important;
}

.featured-solutions .solution-features i{
    transition:transform .3s ease;
}

.featured-solutions .solution-features div:hover i{
    transform:scale(1.15);
}


/* =========================================================
   CYBER SECURITY — DIFFERENTIATE THE MIDDLE CARD
   ========================================================= */

.featured-solutions .solution-item.reverse{
    background:
        linear-gradient(
            135deg,
            #f7fbfa,
            #eaf8f1
        ) !important;

    border:1px solid #cde9da !important;

    box-shadow:
        0 25px 65px rgba(7,30,61,.09);
}

.featured-solutions .solution-item.reverse
.solution-content h3{
    color:#071e3d !important;
}

.featured-solutions .solution-item.reverse
.solution-content p{
    color:#5f6f7a !important;
}

.featured-solutions .solution-item.reverse
.solution-label{
    background:#dff7e9;
    border:1px solid #bce7ce;
    color:#006b3c !important;
}


/* =========================================================
   WHY NEXUS
   ========================================================= */

.why-nexus-solutions{
    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(30,136,229,.05),
            transparent 30%
        ),
        #f4f8fc;
}

.why-grid{
    gap:20px;
}

.why-box{
    position:relative;
    overflow:hidden;
    min-height:270px;
    padding:35px 25px;

    border:1px solid rgba(7,30,61,.06);

    transition:
        transform .45s ease,
        box-shadow .45s ease,
        border-color .45s ease;
}

.why-box::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:3px;

    background:linear-gradient(
        90deg,
        #071e3d,
        #00a651
    );

    transform:scaleX(0);
    transform-origin:left;
    transition:transform .4s ease;
}

.why-box:hover{
    transform:translateY(-10px);
    border-color:rgba(0,166,81,.18);
    box-shadow:
        0 28px 60px rgba(7,30,61,.1);
}

.why-box:hover::before{
    transform:scaleX(1);
}

.why-box i{
    width:70px;
    height:70px;
    font-size:26px;
    background:
        linear-gradient(
            135deg,
            #071e3d,
            #103f75
        );

    transition:
        transform .4s ease,
        background .4s ease;
}

.why-box:hover i{
    transform:scale(1.08) rotate(5deg);
    background:
        linear-gradient(
            135deg,
            #006b3c,
            #00a651
        );
}


/* =========================================================
   INDUSTRIES
   ========================================================= */

.industries{
    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(0,166,81,.08),
            transparent 30%
        ),
        #eef8f2;
}

/* Remove oversized curved divider */
.industries::before{
    display:none;
}

.industry-grid{
    gap:18px;
}

.industry-card{
    position:relative;
    min-height:145px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:30px 20px;

    border:1px solid rgba(255,255,255,.1);

    background:
        linear-gradient(
            135deg,
            #00a651,
            #008f48
        );

    box-shadow:
        0 15px 35px rgba(0,166,81,.16);

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        background .4s ease;
}

.industry-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.08),
            transparent
        );
    transform:translateX(-100%);
    transition:transform .6s ease;
}

.industry-card:hover{
    transform:
        translateY(-8px)
        scale(1.015);

    background:
        linear-gradient(
            135deg,
            #006b3c,
            #00a651
        );

    box-shadow:
        0 25px 55px rgba(0,166,81,.25);
}

.industry-card:hover::after{
    transform:translateX(100%);
}

.industry-card i{
    position:relative;
    z-index:2;
    font-size:30px;
    margin-bottom:12px;
    transition:transform .35s ease;
}

.industry-card:hover i{
    transform:translateY(-4px) scale(1.08);
}

.industry-card h3{
    position:relative;
    z-index:2;
    font-size:1rem;
}


/* =========================================================
   CTA — STRONGER FINISH
   ========================================================= */

.solutions-cta{
    padding:105px 0;
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(0,166,81,.16),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #06192d,
            #0b3c6f
        );
}

.solutions-cta::before{
    display:none;
}

.solutions-cta::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border:1px solid rgba(0,166,81,.08);
    border-radius:50%;
    box-shadow:
        0 0 0 70px rgba(0,166,81,.025),
        0 0 0 140px rgba(0,166,81,.015);
    pointer-events:none;
}

.solutions-cta .container{
    position:relative;
    z-index:5;
}

.solutions-cta h2{
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    font-size:clamp(2.2rem,4vw,3.2rem);
    letter-spacing:-.04em;
}

.solutions-cta p{
    max-width:650px;
    font-size:.98rem;
    color:rgba(255,255,255,.7);
}


/* =========================================================
   BUTTONS
   ========================================================= */

.solutions-hero .btn,
.solutions-cta .btn{
    position:relative;
    overflow:hidden;
}

.btn-primary{
    box-shadow:
        0 12px 30px rgba(0,166,81,.22);
}

.btn-primary:hover{
    transform:translateY(-4px);
    box-shadow:
        0 18px 40px rgba(0,166,81,.3);
}

.btn-outline{
    transition:
        transform .35s ease,
        background .35s ease,
        border-color .35s ease,
        color .35s ease;
}

.btn-outline:hover{
    transform:translateY(-4px);
}


/* =========================================================
   DESKTOP CONTAINER
   ========================================================= */

@media(min-width:1200px){

    .solutions-hero .container,
    .solutions-capabilities .container,
    .featured-solutions .container,
    .why-nexus-solutions .container,
    .industries .container,
    .solutions-cta .container{
        max-width:1180px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:992px){

    .solutions-hero{
        padding-top:125px;
    }

    .solutions-hero-grid{
        gap:45px;
    }

    .solutions-hero-image{
        max-width:650px;
        margin:auto;
    }

    .solutions-hero .floating-card{
        right:15px;
        bottom:20px;
        width:270px;
    }

    .featured-solutions .solution-item{
        min-height:0;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:768px){

    .solutions-hero{
        min-height:auto;
        padding:120px 0 75px;
    }

    .solutions-hero-content h1{
        font-size:2.7rem;
        line-height:1.08;
    }

    .solutions-hero-content p{
        font-size:.92rem;
        line-height:1.75;
    }

    .solutions-hero-image{
        margin-top:15px;
    }

    .solutions-hero .floating-card{
        position:relative;
        right:auto;
        bottom:auto;
        width:100%;
        margin:20px auto 0;
    }

    .solution-capability-card{
        min-height:auto;
    }

    .featured-solutions{
        padding:90px 0;
    }

    .featured-solutions .solution-item{
        gap:30px;
        padding:22px;
        border-radius:22px;
    }

    .featured-solutions .solution-image img{
        height:240px;
    }

    .featured-solutions .solution-content h3{
        font-size:1.75rem;
    }

    .why-box{
        min-height:auto;
    }

    .industry-card{
        min-height:120px;
    }

    .solutions-cta{
        padding:85px 0;
    }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media(max-width:576px){

    .solutions-hero-content h1{
        font-size:2.25rem;
    }

    .solutions-heading h2{
        font-size:2rem;
    }

    .solutions-heading{
        margin-bottom:45px;
    }

    .featured-solutions .solution-item{
        padding:18px;
    }

    .featured-solutions .solution-features{
        grid-template-columns:1fr;
    }

    .solutions-cta h2{
        font-size:2rem;
    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }

}
/* =========================================================
   PREMIUM HERO BUTTONS
   ========================================================= */

.solutions-hero .hero-buttons{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    margin-top:10px;
}

/* BOTH BUTTONS */

.solutions-hero .hero-buttons .btn{
    position:relative;
    min-height:54px;
    padding:0 25px;
    border-radius:14px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    font-size:.9rem;
    font-weight:700;
    letter-spacing:.01em;

    overflow:hidden;

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        background .35s ease,
        border-color .35s ease;
}

/* =========================================================
   EXPLORE SOLUTIONS
   ========================================================= */

.solutions-hero .hero-buttons .btn-primary{
    background:
        linear-gradient(
            135deg,
            #00c968,
            #00a651
        );

    color:#fff;

    border:1px solid rgba(255,255,255,.15);

    box-shadow:
        0 12px 30px rgba(0,166,81,.28),
        inset 0 1px 0 rgba(255,255,255,.2);
}

/* moving shine */

.solutions-hero .hero-buttons .btn-primary::before{
    content:"";
    position:absolute;

    top:0;
    left:-120%;

    width:80%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.28),
            transparent
        );

    transform:skewX(-20deg);

    transition:left .7s ease;
}

.solutions-hero .hero-buttons .btn-primary:hover::before{
    left:130%;
}

.solutions-hero .hero-buttons .btn-primary:hover{
    transform:translateY(-5px);

    box-shadow:
        0 20px 45px rgba(0,166,81,.38),
        0 0 25px rgba(0,200,104,.12);
}


/* =========================================================
   REQUEST CONSULTATION
   ========================================================= */

.solutions-hero .hero-buttons .btn-secondary{
    background:rgba(255,255,255,.055);

    color:#fff;

    border:1px solid rgba(255,255,255,.25);

    backdrop-filter:blur(12px);

    box-shadow:
        0 10px 25px rgba(0,0,0,.12);
}

.solutions-hero .hero-buttons .btn-secondary:hover{
    transform:translateY(-5px);

    background:rgba(255,255,255,.12);

    border-color:rgba(0,200,104,.55);

    box-shadow:
        0 18px 40px rgba(0,0,0,.22),
        0 0 25px rgba(0,166,81,.12);
}


/* =========================================================
   BUTTON ARROW
   ========================================================= */

.solutions-hero .hero-buttons .btn-primary::after{
    content:"→";

    font-size:1.15rem;
    line-height:1;

    transition:
        transform .3s ease;
}

.solutions-hero .hero-buttons .btn-primary:hover::after{
    transform:translateX(5px);
}


/* =========================================================
   CONSULTATION ICON EFFECT
   ========================================================= */

.solutions-hero .hero-buttons .btn-secondary::after{
    content:"↗";

    font-size:1rem;

    transition:
        transform .3s ease;
}

.solutions-hero .hero-buttons .btn-secondary:hover::after{
    transform:
        translate(3px,-3px);
}


/* =========================================================
   MOBILE BUTTONS
   ========================================================= */

@media(max-width:576px){

    .solutions-hero .hero-buttons{
        width:100%;
        gap:12px;
    }

    .solutions-hero .hero-buttons .btn{
        flex:1;
        min-width:0;
        padding:0 18px;
        font-size:.82rem;
    }

}
/* =========================================================
   NEXUS — ADVANCED INTELLIGENCE HERO BACKGROUND
   ========================================================= */

.solutions-hero{

    position:relative;

    isolation:isolate;

    overflow:hidden;

    background:

        /* GREEN ENERGY GLOW */
        radial-gradient(
            circle at 78% 38%,
            rgba(0,198,105,.20),
            transparent 24%
        ),

        /* BLUE TECHNOLOGY GLOW */
        radial-gradient(
            circle at 15% 20%,
            rgba(30,136,229,.18),
            transparent 28%
        ),

        /* DEEP CENTER */
        radial-gradient(
            circle at 50% 100%,
            rgba(0,166,81,.10),
            transparent 40%
        ),

        /* MAIN BACKGROUND */
        linear-gradient(
            135deg,
            #020d1c 0%,
            #061b31 42%,
            #082b4b 72%,
            #061d35 100%
        );
}


/* =========================================================
   TECHNOLOGY GRID
   ========================================================= */

.solutions-hero::before{

    content:"";

    position:absolute;

    inset:-100px;

    z-index:-1;

    opacity:.20;

    background-image:

        linear-gradient(
            rgba(255,255,255,.055) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.055) 1px,
            transparent 1px
        );

    background-size:
        55px 55px;

    transform:
        perspective(700px)
        rotateX(60deg)
        scale(1.5);

    transform-origin:center bottom;

    animation:
        heroGridMove 18s linear infinite;
}


@keyframes heroGridMove{

    from{
        background-position:
            0 0,
            0 0;
    }

    to{
        background-position:
            0 55px,
            55px 0;
    }

}


/* =========================================================
   SCANNING LIGHT
   ========================================================= */

.solutions-hero::after{

    content:"";

    position:absolute;

    top:0;
    left:-20%;

    width:140%;
    height:2px;

    z-index:1;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(0,200,104,.0),
            rgba(0,200,104,.65),
            rgba(30,136,229,.45),
            transparent
        );

    box-shadow:
        0 0 25px rgba(0,200,104,.25);

    animation:
        heroScan 7s ease-in-out infinite;
}


@keyframes heroScan{

    0%{
        top:5%;
        opacity:0;
    }

    15%{
        opacity:1;
    }

    50%{
        top:55%;
        opacity:.75;
    }

    85%{
        opacity:1;
    }

    100%{
        top:95%;
        opacity:0;
    }

}


/* =========================================================
   HERO CONTENT ABOVE EFFECTS
   ========================================================= */

.solutions-hero .container{

    position:relative;

    z-index:5;
}


/* =========================================================
   HERO TEXT GLOW
   ========================================================= */

.solutions-hero-content h1{

    position:relative;

    text-shadow:
        0 5px 25px rgba(0,0,0,.35);

}


/* =========================================================
   HERO BADGE
   ========================================================= */

.solutions-hero .hero-badge{

    background:
        rgba(0,166,81,.09);

    border:
        1px solid rgba(0,200,104,.28);

    box-shadow:
        0 0 25px rgba(0,166,81,.08),
        inset 0 1px 0 rgba(255,255,255,.06);

    backdrop-filter:
        blur(12px);
}


/* glowing dot */

.solutions-hero .hero-badge::before{

    content:"";

    width:7px;
    height:7px;

    border-radius:50%;

    background:#00d96b;

    box-shadow:
        0 0 0 0 rgba(0,217,107,.5);

    animation:
        badgePulse 2s infinite;
}


@keyframes badgePulse{

    0%{
        box-shadow:
            0 0 0 0 rgba(0,217,107,.5);
    }

    70%{
        box-shadow:
            0 0 0 8px rgba(0,217,107,0);
    }

    100%{
        box-shadow:
            0 0 0 0 rgba(0,217,107,0);
    }

}
/* =========================================================
   HERO IMAGE — INTERACTIVE COMMAND PANEL
   ========================================================= */

.solutions-hero-image{

    position:relative;

    transform-style:preserve-3d;

}


/* glowing frame */

.solutions-hero-image::before{

    content:"";

    position:absolute;

    inset:-12px;

    border-radius:32px;

    border:1px solid rgba(0,166,81,.16);

    box-shadow:
        0 0 45px rgba(0,166,81,.08);

    pointer-events:none;

    animation:
        imageGlow 4s ease-in-out infinite;
}


@keyframes imageGlow{

    0%,100%{
        opacity:.45;
    }

    50%{
        opacity:1;
    }

}


.solutions-hero-image img{

    position:relative;

    z-index:2;

    transition:
        transform .7s cubic-bezier(.2,.8,.2,1),
        box-shadow .5s ease,
        filter .5s ease;

}


.solutions-hero-image:hover img{

    transform:
        translateY(-10px)
        scale(1.025);

    filter:
        saturate(1.08)
        contrast(1.03);

    box-shadow:
        0 45px 90px rgba(0,0,0,.48),
        0 0 40px rgba(0,166,81,.12);

}
/* =========================================================
   PAGE-WIDE INTERACTION
   ========================================================= */

/* CAPABILITY CARDS */

.solution-capability-card{

    cursor:pointer;

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        box-shadow .45s ease,
        border-color .35s ease;
}

.solution-capability-card:hover{

    transform:
        translateY(-12px)
        scale(1.015);

    box-shadow:
        0 30px 65px rgba(7,30,61,.14);

}


/* ICON */

.solution-capability-card
.solutions-capability-icon{

    transition:
        transform .45s ease,
        box-shadow .45s ease;
}

.solution-capability-card:hover
.solutions-capability-icon{

    transform:
        scale(1.1)
        rotate(6deg);

    box-shadow:
        0 18px 40px rgba(0,166,81,.25);

}


/* WHY NEXUS */

.why-box{

    cursor:pointer;

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        box-shadow .45s ease;
}

.why-box:hover{

    transform:
        translateY(-10px)
        scale(1.01);

}


/* INDUSTRIES */

.industry-card{

    cursor:pointer;

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        filter .4s ease;
}

.industry-card:hover{

    transform:
        translateY(-9px)
        scale(1.025);

    filter:
        brightness(1.05);

}
/* =========================================================
   SOLUTION CARDS — PREMIUM INTERACTION
   ========================================================= */

.featured-solutions .solution-item{

    cursor:default;

    transition:
        transform .55s cubic-bezier(.2,.8,.2,1),
        box-shadow .55s ease;
}


.featured-solutions .solution-item:hover{

    transform:
        translateY(-10px);

    box-shadow:
        0 35px 85px rgba(0,60,35,.24);

}


/* IMAGE */

.featured-solutions .solution-image{

    overflow:hidden;

}


.featured-solutions .solution-image img{

    transition:
        transform .8s cubic-bezier(.2,.8,.2,1),
        filter .6s ease;

}


.featured-solutions
.solution-item:hover
.solution-image img{

    transform:scale(1.07);

    filter:
        brightness(1.05)
        saturate(1.08);

}


/* FEATURE TAGS */

.featured-solutions
.solution-features div{

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.featured-solutions
.solution-features div:hover{

    transform:
        translateY(-4px);

    box-shadow:
        0 10px 25px rgba(0,0,0,.12);

}
.solutions-hero{
    position:relative;
    overflow:hidden;

    background:
        linear-gradient(
            90deg,
            rgba(2,13,28,.94) 0%,
            rgba(4,24,42,.82) 45%,
            rgba(4,24,42,.62) 100%
        ),
        url("../images/solutions/solutions-hero-bg.jpg")
        center center / cover no-repeat;
}
/* SOLUTIONS HERO BACKGROUND */

.solutions-hero{
    position:relative;
    overflow:hidden;

    background:
        linear-gradient(
            90deg,
            rgba(2,13,28,.94) 0%,
            rgba(4,24,42,.82) 45%,
            rgba(4,24,42,.62) 100%
        ),
        url("../images/solutions/solutions-hero-bg.jpg")
        center center / cover no-repeat;
}


/* REMOVE OLD HERO OVERLAY */

.solutions-hero .hero-overlay{
    background:transparent !important;
    opacity:0 !important;
}


/* KEEP ONLY A SUBTLE PATTERN */

.solutions-hero .hero-pattern{
    opacity:.12;
}
/* =========================================================
   NEXUS SOLUTIONS — FINAL PREMIUM EXPERIENCE
   DIVIDERS + DEPTH + INTERACTION
   HTML UNCHANGED
========================================================= */


/* =========================================================
   01 — GLOBAL SECTION FOUNDATION
========================================================= */

.solutions-capabilities,
.featured-solutions,
.why-nexus-solutions,
.industries,
.solutions-cta{

    position:relative;

    isolation:isolate;

    overflow:hidden;
}


/* =========================================================
   02 — PREMIUM SECTION DIVIDER
   Thin architectural line + green energy point
========================================================= */

.solutions-capabilities::after,
.featured-solutions::after,
.why-nexus-solutions::after,
.industries::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    width:min(1180px,86%);

    height:1px;

    transform:translateX(-50%);

    background:

        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,166,81,.08) 15%,
            rgba(0,166,81,.38) 38%,
            rgba(0,214,107,.75) 50%,
            rgba(0,166,81,.38) 62%,
            rgba(0,166,81,.08) 85%,
            transparent 100%
        );

    box-shadow:

        0 0 14px rgba(0,214,107,.10);

    z-index:20;

}


/* glowing center point */

.solutions-capabilities::before,
.featured-solutions::before,
.why-nexus-solutions::before,
.industries::before{

    content:"";

    position:absolute;

    left:50%;

    bottom:-3px;

    width:7px;

    height:7px;

    transform:translateX(-50%);

    border-radius:50%;

    background:#00d66b;

    box-shadow:

        0 0 0 5px rgba(0,214,107,.05),

        0 0 20px rgba(0,214,107,.55);

    z-index:21;

}


/* =========================================================
   03 — REMOVE OLD HUGE CURVED DIVIDERS
========================================================= */

.featured-solutions::before,
.why-nexus-solutions::before,
.industries::before,
.solutions-cta::before{

    border-radius:0;

}


/* Keep our new divider point */
.featured-solutions::before,
.why-nexus-solutions::before,
.industries::before{

    width:7px;

    height:7px;

    left:50%;

    top:auto;

    bottom:-3px;

    background:#00d66b;

}


/* =========================================================
   04 — CAPABILITIES SECTION
========================================================= */

.solutions-capabilities{

    background:

        radial-gradient(
            circle at 15% 20%,
            rgba(0,166,81,.08),
            transparent 28%
        ),

        radial-gradient(
            circle at 90% 80%,
            rgba(30,136,229,.05),
            transparent 30%
        ),

        #eef8f2;

}


/* subtle architectural grid */

.solutions-capabilities .container{

    position:relative;

}


/* cards */

.solution-capability-card{

    position:relative;

    overflow:hidden;

    border:

        1px solid rgba(7,30,61,.07);

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(248,252,250,.96)
        );

    box-shadow:

        0 14px 35px rgba(7,30,61,.055);

    transition:

        transform .5s cubic-bezier(.2,.8,.2,1),

        box-shadow .5s ease,

        border-color .4s ease;

}


.solution-capability-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:3px;

    background:

        linear-gradient(
            90deg,
            #006b3c,
            #00d66b,
            #1e88e5
        );

    transform:scaleX(0);

    transform-origin:left;

    transition:transform .5s ease;

}


.solution-capability-card:hover{

    transform:

        translateY(-12px);

    border-color:

        rgba(0,166,81,.22);

    box-shadow:

        0 28px 60px rgba(7,30,61,.13);

}


.solution-capability-card:hover::before{

    transform:scaleX(1);

}


/* icon */

.solution-capability-card
.solutions-capability-icon{

    transition:

        transform .45s ease,

        box-shadow .45s ease;

}


.solution-capability-card:hover
.solutions-capability-icon{

    transform:

        scale(1.09)

        rotate(5deg);

    box-shadow:

        0 20px 45px rgba(0,166,81,.20);

}


/* =========================================================
   05 — FEATURED SOLUTIONS
========================================================= */

.featured-solutions{

    background:

        linear-gradient(
            180deg,
            #f7fbf9 0%,
            #edf8f2 100%
        );

}


/* three major cards */

.featured-solutions .solution-item{

    position:relative;

    overflow:hidden;

    border-radius:28px;

    transition:

        transform .55s cubic-bezier(.2,.8,.2,1),

        box-shadow .55s ease;

}


/* green cards */

.featured-solutions .solution-item:not(.reverse){

    background:

        linear-gradient(
            135deg,
            #006b3c,
            #009653
        ) !important;

}


/* light middle card */

.featured-solutions .solution-item.reverse{

    background:

        linear-gradient(
            135deg,
            #f9fdfb,
            #eaf7f0
        ) !important;

    border:

        1px solid rgba(0,166,81,.13) !important;

}


/* atmospheric glow inside cards */

.featured-solutions .solution-item::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    right:-180px;

    top:-180px;

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(255,255,255,.12),
            transparent 65%
        );

    pointer-events:none;

    transition:

        transform .7s ease;

}


.featured-solutions .solution-item:hover{

    transform:

        translateY(-10px);

    box-shadow:

        0 38px 85px rgba(0,60,35,.22);

}


.featured-solutions .solution-item:hover::before{

    transform:scale(1.25);

}


/* images */

.featured-solutions .solution-image{

    position:relative;

    overflow:hidden;

    border-radius:20px;

}


.featured-solutions .solution-image img{

    transition:

        transform .8s cubic-bezier(.2,.8,.2,1),

        filter .6s ease;

}


.featured-solutions .solution-item:hover
.solution-image img{

    transform:scale(1.07);

    filter:

        brightness(1.06)

        saturate(1.08);

}


/* feature pills */

.featured-solutions .solution-features div{

    transition:

        transform .35s ease,

        box-shadow .35s ease;

}


.featured-solutions .solution-features div:hover{

    transform:translateY(-4px);

    box-shadow:

        0 10px 25px rgba(0,0,0,.12);

}


/* =========================================================
   06 — WHY NEXUS
========================================================= */

.why-nexus-solutions{

    background:

        radial-gradient(
            circle at 85% 20%,
            rgba(30,136,229,.07),
            transparent 30%
        ),

        #f4f8fc;

}


.why-box{

    position:relative;

    overflow:hidden;

    transition:

        transform .45s cubic-bezier(.2,.8,.2,1),

        box-shadow .45s ease,

        border-color .4s ease;

}


.why-box::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:3px;

    background:

        linear-gradient(
            90deg,
            #071e3d,
            #00a651
        );

    transform:scaleX(0);

    transform-origin:left;

    transition:transform .45s ease;

}


.why-box:hover{

    transform:

        translateY(-10px);

    border-color:

        rgba(0,166,81,.18);

    box-shadow:

        0 28px 65px rgba(7,30,61,.11);

}


.why-box:hover::before{

    transform:scaleX(1);

}


.why-box i{

    transition:

        transform .4s ease,

        background .4s ease;

}


.why-box:hover i{

    transform:

        scale(1.08)

        rotate(5deg);

}


/* =========================================================
   07 — INDUSTRIES
========================================================= */

.industries{

    background:

        radial-gradient(
            circle at 15% 50%,
            rgba(0,166,81,.08),
            transparent 30%
        ),

        #eef8f2;

}


/* remove old curved shape */

.industries::before{

    width:7px !important;

    height:7px !important;

    top:auto !important;

    bottom:-3px !important;

    left:50% !important;

    transform:translateX(-50%) !important;

    border-radius:50% !important;

    background:#00d66b !important;

}


/* cards */

.industry-card{

    position:relative;

    overflow:hidden;

    border-radius:16px;

    transition:

        transform .4s cubic-bezier(.2,.8,.2,1),

        box-shadow .4s ease,

        filter .4s ease;

}


.industry-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            120deg,
            transparent 20%,
            rgba(255,255,255,.13),
            transparent 80%
        );

    transform:translateX(-120%);

    transition:

        transform .65s ease;

}


.industry-card:hover{

    transform:

        translateY(-9px)

        scale(1.02);

    box-shadow:

        0 25px 55px rgba(0,166,81,.23);

}


.industry-card:hover::before{

    transform:translateX(120%);

}


.industry-card i{

    transition:

        transform .35s ease;

}


.industry-card:hover i{

    transform:

        translateY(-4px)

        scale(1.1);

}


/* =========================================================
   08 — CTA SECTION
========================================================= */

.solutions-cta{

    background:

        radial-gradient(
            circle at 50% 0%,
            rgba(0,214,107,.16),
            transparent 32%
        ),

        radial-gradient(
            circle at 10% 100%,
            rgba(30,136,229,.12),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #041323,
            #0a3158
        );

}


/* premium top divider */

.solutions-cta::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    width:min(1180px,86%);

    height:1px;

    transform:translateX(-50%);

    background:

        linear-gradient(
            90deg,
            transparent,
            rgba(0,214,107,.15),
            rgba(0,214,107,.65),
            rgba(0,214,107,.15),
            transparent
        );

}


/* CTA glow */

.solutions-cta::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    border-radius:50%;

    border:

        1px solid rgba(0,214,107,.08);

    box-shadow:

        0 0 0 80px rgba(0,214,107,.025),

        0 0 0 160px rgba(0,214,107,.012);

    pointer-events:none;

    animation:

        ctaPulse 5s ease-in-out infinite;

}


@keyframes ctaPulse{

    0%,100%{

        opacity:.45;

        transform:
            translate(-50%,-50%)
            scale(.95);

    }

    50%{

        opacity:1;

        transform:
            translate(-50%,-50%)
            scale(1.05);

    }

}


.solutions-cta .container{

    position:relative;

    z-index:5;

}


.solutions-cta h2{

    letter-spacing:-.04em;

}


.solutions-cta .btn-primary{

    box-shadow:

        0 15px 35px rgba(0,166,81,.25);

}


.solutions-cta .btn-primary:hover{

    transform:translateY(-5px);

    box-shadow:

        0 22px 45px rgba(0,166,81,.38);

}


/* =========================================================
   09 — SECTION HEADINGS
========================================================= */

.solutions-heading{

    position:relative;

}


.solutions-heading .section-tag{

    border:

        1px solid rgba(0,166,81,.18);

    background:

        rgba(0,166,81,.07);

    box-shadow:

        0 8px 25px rgba(0,166,81,.06);

}


.solutions-heading h2{

    letter-spacing:-.04em;

}


/* =========================================================
   10 — SCROLL REVEAL FEEL
   CSS-only subtle entrance
========================================================= */

.solution-capability-card,
.solution-item,
.why-box,
.industry-card{

    animation:

        nexusRise .8s both;

}


@keyframes nexusRise{

    from{

        opacity:.35;

        transform:
            translateY(18px);

    }

    to{

        opacity:1;

        transform:
            translateY(0);

    }

}


/* =========================================================
   11 — PREMIUM HERO FINISH
========================================================= */

.solutions-hero{

    min-height:680px;

    display:flex;

    align-items:center;

}


.solutions-hero-content h1{

    letter-spacing:-.045em;

}


.solutions-hero-content p{

    color:

        rgba(255,255,255,.75);

    line-height:1.85;

}


.solutions-hero-image{

    transform-style:preserve-3d;

}


.solutions-hero-image img{

    transition:

        transform .7s cubic-bezier(.2,.8,.2,1),

        filter .5s ease;

}


.solutions-hero-image:hover img{

    transform:

        translateY(-8px)

        scale(1.025);

    filter:

        brightness(1.05)

        saturate(1.08);

}


/* =========================================================
   12 — HERO FLOATING EXPERTISE CARD
========================================================= */

.solutions-hero .floating-card{

    transition:

        transform .45s ease,

        box-shadow .45s ease;

}


.solutions-hero .floating-card:hover{

    transform:

        translateY(-8px);

    box-shadow:

        0 30px 70px rgba(0,0,0,.3),

        0 0 30px rgba(0,166,81,.08);

}


.solutions-hero .floating-card li{

    transition:

        transform .3s ease,

        color .3s ease;

}


.solutions-hero .floating-card li:hover{

    transform:

        translateX(5px);

    color:#006b3c;

}


/* =========================================================
   13 — MOBILE CLEANUP
========================================================= */

@media(max-width:768px){

    .solutions-hero{

        min-height:auto;

    }

    .solutions-hero::before{

        opacity:.10;

    }

    .solutions-capabilities::after,
    .featured-solutions::after,
    .why-nexus-solutions::after,
    .industries::after{

        width:75%;

    }

    .featured-solutions .solution-item{

        border-radius:22px;

    }

    .solutions-cta::after{

        width:280px;

        height:280px;

    }

}


/* =========================================================
   14 — REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{

        animation:none !important;

        transition:none !important;

    }

}
/* =========================================================
   NEXUS — PREMIUM HERO CTA BUTTONS
========================================================= */

.solutions-hero .hero-buttons{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:28px;
}


/* BOTH BUTTONS */

.solutions-hero .hero-buttons .btn{

    position:relative;

    min-height:56px;

    padding:0 26px;

    border-radius:14px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    font-size:.88rem;

    font-weight:700;

    letter-spacing:.01em;

    text-decoration:none;

    overflow:hidden;

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        background .35s ease,
        border-color .35s ease;

}


/* =========================================================
   EXPLORE SOLUTIONS — PRIMARY
========================================================= */

.solutions-hero .hero-buttons .btn-primary{

    color:#fff !important;

    background:
        linear-gradient(
            135deg,
            #00d66b 0%,
            #00b85a 55%,
            #00994c 100%
        );

    border:1px solid rgba(255,255,255,.18);

    box-shadow:
        0 12px 30px rgba(0,190,95,.28),
        inset 0 1px 0 rgba(255,255,255,.22);

}


/* glossy light sweep */

.solutions-hero .hero-buttons .btn-primary::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:70%;

    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.32),
            transparent
        );

    transform:skewX(-20deg);

    transition:left .65s ease;

}


/* arrow */

.solutions-hero .hero-buttons .btn-primary::after{

    content:"→";

    font-size:1.15rem;

    line-height:1;

    transition:
        transform .3s ease;

}


.solutions-hero .hero-buttons .btn-primary:hover{

    transform:
        translateY(-5px);

    box-shadow:
        0 20px 45px rgba(0,190,95,.38),
        0 0 28px rgba(0,214,107,.16);

}


.solutions-hero .hero-buttons .btn-primary:hover::before{

    left:130%;

}


.solutions-hero .hero-buttons .btn-primary:hover::after{

    transform:
        translateX(5px);

}


/* =========================================================
   REQUEST CONSULTATION — GLASS BUTTON
========================================================= */

.solutions-hero .hero-buttons .btn-outline{

    color:#fff !important;

    background:
        rgba(255,255,255,.045);

    border:
        1px solid rgba(255,255,255,.30);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 8px 24px rgba(0,0,0,.12);

}


/* small arrow */

.solutions-hero .hero-buttons .btn-outline::after{

    content:"↗";

    font-size:1rem;

    opacity:.8;

    transition:
        transform .3s ease,
        color .3s ease;

}


.solutions-hero .hero-buttons .btn-outline:hover{

    transform:
        translateY(-5px);

    color:#fff !important;

    background:
        rgba(0,214,107,.10);

    border-color:
        rgba(0,214,107,.65);

    box-shadow:
        0 18px 40px rgba(0,0,0,.22),
        0 0 24px rgba(0,214,107,.12);

}


.solutions-hero .hero-buttons .btn-outline:hover::after{

    color:#00d66b;

    transform:
        translate(3px,-3px);

}


/* =========================================================
   SUBTLE FOCUS EFFECT
========================================================= */

.solutions-hero .hero-buttons .btn:focus-visible{

    outline:none;

    box-shadow:
        0 0 0 4px rgba(0,214,107,.18),
        0 15px 35px rgba(0,0,0,.18);

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:576px){

    .solutions-hero .hero-buttons{

        gap:10px;

    }

    .solutions-hero .hero-buttons .btn{

        min-height:52px;

        padding:0 18px;

        font-size:.82rem;

    }

}
/* =========================================================
   CORE EXPERTISE — PREMIUM MINT PANEL
========================================================= */

.solutions-hero .floating-card{

    background:
        linear-gradient(
            145deg,
            #eafff4 0%,
            #d9f8e8 100%
        ) !important;

    border:1px solid rgba(0,166,81,.28);

    border-radius:18px;

    box-shadow:
        0 25px 60px rgba(0,0,0,.28),
        0 0 30px rgba(0,166,81,.10);

    color:#071e3d;

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


/* CORE EXPERTISE TITLE */

.solutions-hero .floating-card h3{

    color:#071e3d !important;

    font-weight:800;

}


/* LIST ITEMS */

.solutions-hero .floating-card li{

    color:#243447 !important;

    background:
        rgba(255,255,255,.62);

    border:1px solid rgba(0,166,81,.10);

    border-radius:10px;

    padding:10px 12px;

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}


/* ICONS */

.solutions-hero .floating-card li i{

    color:#00a651 !important;

    transition:
        transform .3s ease;
}


/* HOVER */

.solutions-hero .floating-card li:hover{

    transform:translateX(5px);

    background:#ffffff;

    box-shadow:
        0 8px 20px rgba(0,166,81,.10);
}


.solutions-hero .floating-card li:hover i{

    transform:scale(1.15);

}


/* CARD HOVER */

.solutions-hero .floating-card:hover{

    transform:translateY(-8px);

    box-shadow:
        0 35px 75px rgba(0,0,0,.30),
        0 0 40px rgba(0,166,81,.14);
}