/* =========================================================
PREMIUM ELACTREE UI UPGRADE
Compact + Premium + Better Spacing + Better Navbar
========================================================= */

/* =========================================================
GOOGLE FONT
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* =========================================================
ROOT
========================================================= */

:root{
    --brand-green:#84cc16;
    --brand-green-dark:#65a30d;

    --brand-dark:#07111f;
    --brand-dark-2:#0f172a;

    --text-dark:#0f172a;
    --text-light:#64748b;

    --border-color:#e2e8f0;
    --light-bg:#f8fafc;

    --shadow-sm:0 4px 10px rgba(15,23,42,.04);
    --shadow-md:0 12px 35px rgba(15,23,42,.08);
    --shadow-lg:0 18px 55px rgba(15,23,42,.12);
}

/* =========================================================
GLOBAL
========================================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Inter',sans-serif;
    font-size:14px;
    line-height:1.75;
    color:var(--text-dark);
    overflow-x:hidden;
    background:#fff;
    -webkit-font-smoothing:antialiased;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

.section-padding{
    padding:40px 0;
}

.bg-light{
    background:var(--light-bg) !important;
}
.g-5, .gx-5 {
    --bs-gutter-x: 0rem !important;
}

/* =========================================================
NAVBAR
========================================================= */

.navbar{
    background-color: #fff;
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(255,255,255,.05);
    transition:.3s;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.25);
}

.navbar-brand{
    font-size:26px;
    font-weight:800;
    letter-spacing:-1px;
    color:#fff !important;
    display:flex;
    align-items:center;
}

.navbar-brand span{
    color:var(--brand-green);
}

.navbar-nav{
    gap:8px;
}

.nav-link{
    color:#000 !important;
    font-size:14px;
    font-weight:500;
    padding:10px 24px !important;
    border-radius:10px;
    transition:.3s;
}

.nav-link:hover{
    color:#74d31d !important;
}

.navbar .btn-brand{
    margin-left:12px;
}

.brand-logo{
    height:59px;
    width:auto;
    object-fit:contain;
}

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

.btn-brand{
    background-color: #74d31d;
    color:#fff;
    border:none;
    border-radius:12px;
    padding:12px 24px;
    font-size:14px;
    font-weight:600;
    transition:.3s;
}

.btn-brand:hover{
    /*transform:translateY(-2px);*/
    color:#000;
    border:1px black;
     border: 1px solid rgba(0,0,0,0.2);
}

.btn-outline-light{
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.04);
    color:#fff;
    border-radius:12px;
    padding:12px 24px;
    font-size:14px;
    font-weight:500;
    backdrop-filter:blur(10px);
}

.btn-outline-light:hover{
    background:#fff;
    color:var(--brand-dark);
}

.btn-dark {
    background: #74d31d;
}

.btn-dark:hover {
    background: #74d31d;
}

.btn-white-hover:hover{
    color:#fff !important;
}

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

.hero-section{
    min-height:92vh;
    display:flex;
    align-items:center;
    padding:110px 0 70px;
    margin-top: 40px;

/*   background:*/
/*    radial-gradient(*/
/*        circle at top right,*/
/*        rgba(132, 204, 22, .12),*/
/*        transparent 30%*/
/*    ),*/
/*    linear-gradient(*/
/*        rgba(18, 23, 29, .88),*/
/*        rgba(65, 66, 68, .92)*/
/*    ),*/
/*    url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=1600&auto=format&fit=crop');*/


/*background-repeat: no-repeat;*/

/*    background-size:cover;*/
background-color: #000;
    background-position:center;

    position:relative;
}

.hero-badge{
    background:rgba(132,204,22,.12);
    border:1px solid rgba(132,204,22,.18);
    color:#d9f99d;

    padding:8px 16px;
    border-radius:40px;

    font-size:12px;
    font-weight:600;
    letter-spacing:.3px;

    display:inline-flex;
    align-items:center;
    gap:8px;

    margin-bottom:22px;
}

.hero-title{
    font-size:52px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-2px;

    color:#fff;

    max-width:760px;
    margin-bottom:22px;
}

.hero-title span{
    color:var(--brand-green);
}

.hero-desc{
    max-width:620px;

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

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

    margin-bottom:28px;
}

.hero-points{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:34px;
}

.hero-points div{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.06);
    padding:10px 16px;
    border-radius:14px;
    font-size:13px;
    color:#fff;
    display:flex;
    align-items:center;
    gap:10px;
}

.hero-points i{
    color:var(--brand-green);
}

.hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

/* =========================================================
LEAD FORM
========================================================= */

.lead-form-card{
    background:rgba(255,255,255,.98);

    border-radius:28px;
    padding:30px;

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

    box-shadow:
    0 25px 60px rgba(0,0,0,.22);
}

.lead-form-card h3{
    font-size:26px;
    font-weight:750;
    margin-bottom:6px;
    color:var(--brand-dark);
}

.lead-form-card p{
    font-size:13px;
    color:var(--text-light);
    margin-bottom:24px !important;
}

.form-control{
    height:50px;

    border-radius:14px;
    border:1px solid var(--border-color);

    padding-left:16px;

    font-size:14px;
    color:var(--text-dark);

    box-shadow:none !important;
}

textarea.form-control{
    height:auto;
    padding-top:14px;
}

.form-control:focus{
    border-color:var(--brand-green);
    box-shadow:
    0 0 0 4px rgba(132,204,22,.08) !important;
}

/* =========================================================
SECTION HEADER
========================================================= */

.section-header{
    max-width:700px;
    margin:auto;
    margin-bottom:48px;
}

.section-tag{
    background:rgba(132,204,22,.08);
    border:1px solid rgba(132,204,22,.12);

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

    padding:7px 14px;
    border-radius:40px;

    font-size:11px;
    font-weight:700;
    letter-spacing:.6px;
    text-transform:uppercase;

    display:inline-block;

    margin-bottom:16px;
}

.section-header h2{
    font-size:36px;
    line-height:1.2;
    font-weight:780;
    letter-spacing:-1.5px;

    color:var(--brand-dark);

    margin-bottom:14px;
}

.section-header p{
    font-size:14px;
    line-height:1.85;
    color:var(--text-light);
}

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

.stats-section{
    padding:55px 0;
    background:var(--light-bg);
}

.stat-box{
    background:#fff;

    border-radius:24px;
    padding:28px 20px;

    border:1px solid #eef2f7;

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

    transition:.3s;
}

.stat-box:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow-md);
}

.stat-box h2{
    font-size:34px;
    font-weight:800;
    color:var(--brand-green-dark);

    margin-bottom:6px;
}

.stat-box p{
    font-size:13px;
    color:var(--text-light);
    margin:0;
}


@media (max-width:767px){

    .stats-section .row{
        display:flex;
        flex-wrap:wrap;
        gap:14px 0;
    }

    .stats-section .col-lg-3,
    .stats-section .col-md-6{
        width:50%;
        padding:0 7px;
    }

    .stat-box{
        padding:22px 14px;
        border-radius:18px;
        height:100%;
    }

    .stat-box h2{
        font-size:26px;
    }

    .stat-box p{
        font-size:12px;
    }

}
/* =========================================================
PRODUCT CARD
========================================================= */

.product-card{
    background:#fff;

    border-radius:28px;
    overflow:hidden;

    border:1px solid #edf2f7;

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

    height:100%;

    transition:.35s;
}

.product-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-lg);
}

.product-image{
    height:230px;
    width:100%;
    object-fit:cover;
}

.product-content{
    padding:24px;
}

.product-content h4{
    font-size:21px;
    line-height:1.35;
    font-weight:700;

    color:var(--brand-dark);

    margin-bottom:12px;
}

.product-content p{
    font-size:13px;
    line-height:1.85;
    color:var(--text-light);

    margin-bottom:18px;
}

.product-content ul{
    padding-left:18px;
    margin-bottom:22px;
}

.product-content ul li{
    font-size:13px;
    margin-bottom:10px;
    color:#334155;
}

/* =========================================================
WHY CARD
========================================================= */

.why-card{
    background:#fff;

    border-radius:24px;
    padding:30px 24px;

    border:1px solid #edf2f7;

    height:100%;

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

    transition:.3s;
}

.why-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow-md);
}

.why-card i{
    width:58px;
    height:58px;

    border-radius:16px;

    background:rgba(132,204,22,.08);
    color:var(--brand-green-dark);

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

    font-size:24px;

    margin-bottom:20px;
}

.why-card h5{
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
}

.why-card p{
    font-size:13px;
    color:var(--text-light);
    line-height:1.8;
    margin:0;
}

/* =========================================================
INDUSTRY
========================================================= */

.industry-card{
    border-radius:28px;
    overflow:hidden;
    position:relative;
    box-shadow:var(--shadow-sm);
    height:420px;
    cursor:pointer;
    transition:.45s ease;
}

.industry-card::before{
    content:"";
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(3,7,18,.92),
        rgba(3,7,18,.35),
        transparent
    );

    z-index:1;
}

.industry-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.industry-card:hover img{
    transform:scale(1.12);
}

.industry-overlay{
    position:absolute;
    inset:0;

    z-index:2;

    display:flex;
    align-items:flex-end;

    padding:34px;

    transition:.4s ease;
}

.industry-content{
    width:100%;
}

.industry-content h4{
    color:#fff;

    font-size:28px;
    font-weight:750;

    margin-bottom:0;

    transform:translateY(60px);

    transition:.45s ease;
}

.industry-content p{
    color:rgba(255,255,255,.82);

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

    margin-top:18px;

    opacity:0;
    visibility:hidden;

    transform:translateY(30px);

    transition:.45s ease;
}

/* Hover Animation */
.industry-card:hover .industry-content h4{
    transform:translateY(0);
    margin-bottom:14px;
}

.industry-card:hover .industry-content p{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* =========================================================
PROJECT SLIDER
========================================================= */

.project-slider{
    position:relative;
    width:100%;
}

.project-wrapper{
    display:flex;
    gap:22px;

    overflow-x:auto;
    scroll-behavior:smooth;

    padding:10px calc(var(--bs-gutter-x) * .5) 14px;

    scrollbar-width:none;
}

.project-wrapper::-webkit-scrollbar{
    display:none;
}

.project-card{
    min-width:540px;
    max-width:540px;

    display:flex;
    align-items:stretch;

    background:#fff;

    border-radius:24px;
    overflow:hidden;

    border:1px solid #e9eef5;

    box-shadow:
    0 10px 30px rgba(15,23,42,.06);

    transition:.35s ease;

    flex-shrink:0;
}

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

    box-shadow:
    0 18px 45px rgba(15,23,42,.10);
}

.project-image{
    width:40%;
    min-height:210px;

    overflow:hidden;
    position:relative;

    background:#f8fafc;
}

.project-image img{
    width:100%;
    height:100%;

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

    transition:.7s ease;
}

.project-card:hover .project-image img{
    transform:scale(1.05);
}

.project-content{
    width:60%;

    padding:18px 18px 16px;

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

.project-content span{
    width:fit-content;

    padding:6px 12px;

    border-radius:30px;

    background:rgba(132,204,22,.10);

    color:#65a30d;

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

    letter-spacing:.5px;
    text-transform:uppercase;

    margin-bottom:10px;
}

.project-content h3{
    font-size:19px;
    line-height:1.3;
    font-weight:760;

    color:#07111f;

    margin-bottom:10px;
}

.project-content p{
    font-size:12px;
    line-height:1.7;

    color:#64748b;

    margin-bottom:12px;
}

.project-content ul{
    list-style:none;
    padding:0;
    margin:0;
}

.project-content ul li{
    display:flex;
    align-items:flex-start;
    gap:8px;

    font-size:12px;
    line-height:1.6;

    color:#334155;

    margin-bottom:7px;
}

.project-content ul li i{
    color:#74d31d;
    font-size:13px;

    margin-top:2px;
}

.project-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;

    margin-top:22px;
}

.project-nav button{
    width:44px;
    height:44px;

    border:none;
    border-radius:50%;

    background:#fff;
    color:#07111f;

    font-size:17px;

    box-shadow:
    0 8px 22px rgba(15,23,42,.08);

    transition:.3s ease;
}

.project-nav button:hover{
    background:#74d31d;
    color:#fff;

    transform:translateY(-3px);
}

/* =========================================================
TRUST SECTION
========================================================= */

/*.trust-section{*/
/*    padding: 42px 0;*/
/*    position: relative;*/
/*    overflow: hidden;*/

/*    background:*/
/*    linear-gradient(*/
/*        135deg,*/
/*        #f8fafc 0%,*/
/*        #ffffff 45%,*/
/*        #f1f5f9 100%*/
/*    );*/
/*}*/

/*.trust-wrapper{*/
/*    position: relative;*/
/*    z-index: 2;*/

/*    display:flex;*/
/*    align-items:center;*/
/*    justify-content:center;*/
/*    flex-wrap:wrap;*/

/*    gap:6px;*/

/*    padding:30px 36px;*/

/*    border-radius:28px;*/

/*    background:*/
/*    linear-gradient(*/
/*        145deg,*/
/*        rgba(255,255,255,.92),*/
/*        rgba(255,255,255,.75)*/
/*    );*/

/*    backdrop-filter: blur(18px);*/

/*    border:1px solid rgba(255,255,255,.6);*/
/*}*/

/*.trust-wrapper h2{*/
/*    font-size: 36px;*/
/*    line-height: 0.8;*/
/*    font-weight: 700;*/
/*    letter-spacing: -1.5px;*/
/*    color: var(--brand-dark);*/
/*    margin-bottom: 14px;*/
/*}*/

/*.trust-wrapper span{*/
/*    position:relative;*/

/*   font-size: 36px;*/
/*    line-height: 1.2;*/
/*    font-weight: 780;*/
/*    letter-spacing: -1.5px;*/
/*    color: var(--brand-dark);*/
/*    margin-bottom: 14px;*/
/*}*/

/*.trust-wrapper span::after{*/
/*    content:"";*/
/*    position:absolute;*/

/*    top:50%;*/
/*    right:0;*/

/*    width:1px;*/
/*    height:22px;*/

/*    background:*/
/*    linear-gradient(*/
/*        to bottom,*/
/*        transparent,*/
/*        rgba(15,23,42,.20),*/
/*        transparent*/
/*    );*/

/*    transform:translateY(-50%);*/
/*}*/

/*.trust-wrapper img{*/
/*    max-height:95px;*/
/*    width:auto;*/

/*    padding:10px 16px;*/

/*    border-radius:14px;*/

/*    background:#fff;*/

/*    border:1px solid rgba(15,23,42,.05);*/

/*    opacity:.78;*/

/*    filter:*/
/*    grayscale(20%)*/
/*    contrast(105%);*/

/*    transition:.35s ease;*/

/*    box-shadow:*/
/*    0 6px 18px rgba(15,23,42,.04);*/
/*}*/

/*.trust-wrapper img:hover{*/
/*    transform:*/
/*    translateY(-4px)*/
/*    scale(1.04);*/

/*    opacity:1;*/

/*    filter:*/
/*    grayscale(0%)*/
/*    contrast(110%);*/

/*    background:*/
/*    linear-gradient(*/
/*        135deg,*/
/*        #ffffff,*/
/*        #f8fafc*/
/*    );*/
/*}*/

/* =========================================================
FAQ
========================================================= */

.accordion-item{
    border:none;
    margin-bottom:14px;

    border-radius:18px !important;
    overflow:hidden;

    box-shadow:var(--shadow-sm);
}

.accordion-button{
    padding:20px 22px;

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

    box-shadow:none !important;
}

.accordion-button:not(.collapsed){
    background:rgba(132,204,22,.08);
    color:var(--brand-dark);
}

.accordion-body{
    padding:20px 22px;

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

    color:var(--text-light);
}

/* =========================================================
FINAL CTA
========================================================= */

.final-cta-section{
    padding:50px 0;

   background-color: #74d31d;

    color:#fff;
}

.btn-white-hover{
    background: #74d31d;
    color: #fff;
    border: 2px solid #fff;
    transition: all 0.3s ease;
}

.btn-white-hover:hover{
    background: #67be18; /* thoda dark hover effect */
    border-color: #fff;
    color: #fff;
}

.final-cta-section h2{
    font-size:40px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:-1px;

    margin-bottom:16px;
}

.final-cta-section p{
    font-size:14px;
    color:#fff;

    margin-bottom:30px;
}

/* =========================================================
FOOTER
========================================================= */

.footer-section{
    background:#050c17;
    padding:65px 0 25px;
    color:#94a3b8;
}

.footer-section h4,
.footer-section h5{
    color:#fff;
    font-size:18px;
    margin-bottom:18px;
}

.footer-section p,
.footer-links li a{
    font-size:13px;
    color:#94a3b8;
}

.footer-links{
    list-style:none;
    padding:0;
}

.footer-links li{
    margin-bottom:10px;
}

.footer-links li a:hover{
    color:var(--brand-green);
}

.footer-divider{
    border-color:rgba(255,255,255,.08);
    margin:34px 0 18px;
}

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

.mobile-cta{
    position:fixed;
    bottom:0;
    left:0;
    right:0;

    background:#fff;

    padding:10px;

    z-index:999;

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

.mobile-cta .btn{
    width:100%;
}

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

@media(max-width:991px){

    .hero-title{
        font-size:42px;
    }

    .section-header h2{
        font-size:30px;
    }

    .project-card{
        min-width:500px;
        max-width:500px;
    }

    .project-image{
        min-height:200px;
    }

    .project-content h3{
        font-size:18px;
    }
}

@media(max-width:767px){

    .section-padding{
        padding:25px 0;
    }

    .hero-section{
        padding:100px 0 60px;
        min-height:auto;
    }

    .hero-title{
        font-size:34px;
        line-height:1.18;
    }

    .hero-desc{
        font-size:14px;
    }

    .hero-points{
        gap:10px;
    }

    .hero-points div{
        width:calc(50% - 5px);
        justify-content:center;
    }

    .section-header{
        margin-bottom:38px;
    }

    .section-header h2{
        font-size:26px;
    }

    .industry-card{
        height:auto;
    }

    .industry-card img{
        height:285px;
    }

    .final-cta-section h2{
        font-size:30px;
    }

    .lead-form-card{
        padding:24px;
    }

    
    .project-wrapper{
        gap:16px;
    }

    .project-card{
        min-width:320px;
        max-width:320px;
        flex-direction:column;
    }

    .project-image{
        width:100%;
        min-height:190px;
    }

    .project-content{
        width:100%;
        padding:18px;
    }

    .project-content h3{
        font-size:17px;
    }

    .project-content p{
        font-size:11px;
    }

    .project-content ul li{
        font-size:11px;
    }

    .product-slider-mobile{
        display:flex;
        flex-wrap:nowrap !important;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        gap:16px;
        padding-bottom:10px;
        -ms-overflow-style:none;
        scrollbar-width:none;
    }

    .product-slider-mobile::-webkit-scrollbar{
        display:none;
    }

    .product-slider-mobile > div{
        flex:0 0 85%;
        scroll-snap-align:start;
    }

    .brand-logo{
        height:50px;
        margin-left: 3px;
    }
}

.bi-list {
    color: #74d31d !important;
    
}
.bi-list::before {
    margin-top: 17px;
}


        /* =========================================================
        SLIDER DOT INDICATORS - ADDITIONAL CSS
        ========================================================= */
        .slider-dots-container {
            display: flex;
            justify-content: center;
            gap: 12px;
            margin-top: 30px;
            margin-bottom: 10px;
        }

        .slider-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #cbd5e1;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .slider-dot.active {
            width: 28px;
            border-radius: 20px;
            background: #74d31d;
        }

        .slider-dot:hover {
            background: #84cc16;
            transform: scale(1.2);
        }

        /* Product slider wrapper for better dot positioning */
        .solutions-slider-wrapper {
            position: relative;
        }

        /* Ensure product cards have proper width */
        .product-slider-mobile {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            scroll-behavior: smooth;
            scroll-snap-type: x mandatory;
            gap: 24px;
            padding-bottom: 15px;
            scrollbar-width: none;
        }

        .product-slider-mobile::-webkit-scrollbar {
            display: none;
        }

        .product-slider-mobile > div {
            flex: 0 0 auto;
            scroll-snap-align: start;
        }

        /* Desktop view - normal grid */
        @media (min-width: 768px) {
            .product-slider-mobile {
                display: flex;
                flex-wrap: wrap;
                overflow-x: visible;
                scroll-snap-type: none;
                gap: 24px;
            }
            
            .product-slider-mobile > div {
                flex: 0 0 auto;
                width: calc(33.333% - 16px);
            }
            
            .slider-dots-container {
                display: none;
            }
        }

        /* Mobile view - slider with dots */
        @media (max-width: 767px) {
            .product-slider-mobile {
                display: flex;
                flex-wrap: nowrap;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                gap: 16px;
                padding-bottom: 15px;
            }
            
            .product-slider-mobile > div {
                flex: 0 0 85%;
            }
            
            .slider-dots-container {
                display: flex;
            }
        }

        /* Project slider dots - visible on all screen sizes */
        .project-slider .slider-dots-container {
            display: flex;
        }

        /* Smooth scroll behavior */
        .project-wrapper {
            scroll-behavior: smooth;
        }
    
    
    .project-description{
    font-size: 14px;
    line-height: 1.85;
    color: var(--text-light);
    margin-left: 200px;
    margin-right: 200px;
}

/* Tablet */
@media (max-width: 991px){
    .project-description{
        margin-left: 80px;
        margin-right: 80px;
    }
}

/* Mobile */
@media (max-width: 576px){
    .project-description{
        margin-left: 15px;
        margin-right: 15px;
        font-size: 13px;
        line-height: 1.7;
    }
}





/* =========================================================
TRUST SECTION
Desktop = Same Row
Mobile = Center Content + Auto Logo Slider
========================================================= */

.trust-section{
    padding:50px 0;
    overflow:hidden;

    /*background:*/
    /*linear-gradient(*/
    /*    135deg,*/
    /*    #f8fafc 0%,*/
    /*    #ffffff 45%,*/
    /*    #f1f5f9 100%*/
    /*);*/
}

.trust-wrapper{
    display:flex;
    align-items:center;
    gap:30px;

    /*padding:30px 35px;*/

    border-radius:24px;

    /*background:#fff;*/

    /*border:1px solid rgba(15,23,42,.06);*/

    /*box-shadow:*/
    /*0 10px 30px rgba(15,23,42,.05);*/

    overflow:hidden;
}

/* LEFT CONTENT */
.trust-wrapper h2{
    flex-shrink:0;
    min-width:220px;
    z-index:2;
    position:relative;
}

/* RIGHT SLIDER AREA */
.trust-logos{
    display:flex;
    align-items:center;
    gap:18px;

    width:max-content;

    animation:trustInfinite 28s linear infinite;

    will-change:transform;
}

/* IMPORTANT FIX */
.trust-logos-wrap{
    flex:1;
    overflow:hidden;
    position:relative;
    max-width:100%;
}
.trust-logos:hover{
    animation-play-state:paused;
}

/* =========================================================
CONTENT
========================================================= */

.trust-content{
    flex-shrink:0;
    max-width:280px;
}

.trust-content h2{
    font-size:34px;
    font-weight:750;
    line-height:1.1;

    color:var(--brand-dark);

    margin-bottom:10px;
}



/* =========================================================
LOGOS WRAPPER
========================================================= */

.trust-logos{
    display:flex;
    align-items:center;

    gap:18px;

    flex:1;
    min-width:max-content;

    animation:trustSlider 28s linear infinite;
    will-change:transform;
}

/* =========================================================
LOGOS
========================================================= */

.trust-logos img{
    height:72px;
    width:auto;

    padding:10px 18px;

    /*background:#fff;*/

    /*border-radius:14px;*/

    /*border:1px solid rgba(15,23,42,.05);*/

    object-fit:contain;

    opacity:.85;

    transition:.35s ease;

    /*box-shadow:*/
    /*0 5px 16px rgba(15,23,42,.04);*/

    flex-shrink:0;
}

.trust-logos img:hover{
    transform:
    translateY(-4px)
    scale(1.04);

    opacity:1;
}

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

@media(max-width:991px){

    .trust-wrapper{
        gap:20px;
        padding:25px;
    }

    .trust-content{
        max-width:240px;
    }

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

    

    .trust-logos img{
        height:60px;
        padding:8px 14px;
    }

}

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

@media(max-width:767px){

    .trust-wrapper{
        flex-direction:column;
        align-items:center;

        padding:24px 18px;

        text-align:center;
    }

    .trust-content{
        max-width:100%;
        width:100%;

        margin-bottom:10px;
    }

    .trust-content h2{
        font-size:34px;
        margin-bottom:8px;
    }

    

    .trust-logos{
    width:max-content;
    gap:14px;
}

    .trust-logos img{
        height:52px;
        padding:8px 12px;
    }
}

    @keyframes trustSlider{

        0%{
            transform:translateX(0);
        }

        100%{
            transform:translateX(-50%);
        }

    }




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

/* =========================================================
SIMPLE + UNIQUE MOBILE NAVBAR
Clean Floating Menu
========================================================= */

@media (max-width:991px){

    .navbar{
        box-shadow: 0 15px 35px -15px rgba(0,0,0,0.25);
    }

    .navbar-collapse{
        margin-top:16px;
        padding:18px;

        background:#fff;

        border-radius:24px;

        animation:navOpen .35s ease;
    }

    .navbar-nav{
        gap:10px;
    }

    .navbar-nav .nav-link{
        position:relative;

        padding:14px 18px !important;

        border-radius:16px;

        font-size:15px;
        font-weight:600;

        color:#07111f !important;

        border:1px solid transparent;

        transition:.3s ease;
    }

    /* Underline Effect */
    .navbar-nav .nav-link::after{
        content:"";

        position:absolute;

        left:18px;
        bottom:8px;

        width:0;
        height:2px;

        background:#74d31d;

        border-radius:20px;

        transition:.3s ease;
    }

    .navbar-nav .nav-link:hover{
        color:#74d31d !important;
    }

    .navbar-nav .nav-link:hover::after{
        width:70px;
    }

    .navbar .btn-brand{
        width:100%;
        margin-top:14px;

        border-radius:16px;
    }

}

@keyframes navOpen{

    from{
        opacity:0;
        transform:translateY(-10px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}




/* =========================================================
PREMIUM ABOUT SECTION
========================================================= */

.premium-about-section{
    background:#fff;
}

.premium-about-top{
    max-width:720px;
    margin:auto;
    margin-bottom:40px;
}

.premium-about-top h2{
    font-size:36px;
    line-height:1.15;
    font-weight:800;

    color:var(--brand-dark);

    margin-bottom:12px;
}

.premium-about-top h2 span{
    color:#74d31d;
}

.premium-about-image{
    position:relative;

    border-radius:22px;
    overflow:hidden;

    height:100%;

    box-shadow:
    0 14px 35px rgba(15,23,42,.08);
}

.premium-about-image img{
    width:100%;
    height:100%;
    object-fit:cover;

    min-height:420px;

    transition:.5s ease;
}

.premium-about-image:hover img{
    transform:scale(1.03);
}

.premium-image-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(3,7,18,.88),
        rgba(3,7,18,.25),
        transparent
    );

    padding:24px;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.premium-image-overlay span{
    width:fit-content;

    padding:5px 12px;

    border-radius:40px;

    background:rgba(132,204,22,.15);

    border:1px solid rgba(132,204,22,.20);

    color:#d9f99d;

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

    margin-bottom:10px;
}

.premium-image-overlay h4{
    color:#fff;

    font-size:24px;
    line-height:1.2;
    font-weight:760;
}

.premium-about-content{
    display:flex;
    flex-direction:column;
    gap:14px;
    padding-left: 20px;
}

.premium-feature-box{
    display:flex;
    align-items:flex-start;
    gap:12px;

    padding:16px;

    border-radius:16px;

    background:#fff;

    border:1px solid rgba(15,23,42,.06);

    box-shadow:
    0 6px 16px rgba(15,23,42,.04);

    transition:.35s ease;
}

.premium-feature-box:hover{
    transform:translateY(-3px);

    box-shadow:
    0 12px 24px rgba(15,23,42,.07);
}

.premium-feature-box i{
    width:46px;
    height:46px;

    border-radius:12px;

    background:rgba(132,204,22,.10);

    color:#74d31d;

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

    font-size:18px;

    flex-shrink:0;
}

.premium-feature-box h5{
    font-size:16px;
    font-weight:700;

    margin-bottom:5px;

    color:var(--brand-dark);
}

.premium-feature-box p{
    font-size:11px;
    line-height:1.7;

    color:var(--text-light);

    margin:0;
}

/* =========================================================
PREMIUM TABLE
========================================================= */

.premium-table-wrapper{
    overflow-x:auto;

    border-radius:16px;

    box-shadow:
    0 10px 28px rgba(15,23,42,.05);

    -ms-overflow-style:none;
    scrollbar-width:none;
}

.premium-table-wrapper::-webkit-scrollbar{
    display:none;
}

.premium-table{
    width:100%;
    min-width:700px;

    border-collapse:collapse;

    background:#fff;
}

.premium-table thead{
    background:#74d31d;
}

.premium-table thead th{
    padding:16px;

    color:#000;

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

    text-align:center;

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

    white-space:nowrap;
}

.premium-table tbody td{
    padding:16px 14px;

    text-align:center;

    font-size:12px;
    line-height:1.5;

    color:#374151;

    border:1px solid #dbe1e8;

    background:#f8fafc;

    transition:.3s ease;
}

.premium-table tbody tr:hover td{
    background:#eef7df;
}

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

@media(max-width:991px){

    .premium-about-top h2{
        font-size:30px;
    }

    .premium-image-overlay h4{
        font-size:22px;
    }

    .premium-about-image img{
        min-height:380px;
    }

}

@media(max-width:767px){
    .navbar-collapse{
        text-align:left;
        padding-left: 10px;
    }
    
     .navbar-nav .nav-link{
        text-align:left;
        width:100%;
    }

    .premium-about-top{
        margin-bottom:28px;
    }

    .premium-about-top h2{
        font-size:24px;
    }

    .premium-about-image{
        border-radius:18px;
    }

    .premium-about-image img{
        min-height:300px;
    }

    .premium-image-overlay{
        padding:18px;
    }

    .premium-image-overlay span{
        font-size:9px;
        padding:4px 10px;
    }

    .premium-image-overlay h4{
        font-size:18px;
    }

    .premium-about-content{
        gap:12px;
    }

    .premium-feature-box{
        padding:14px;
        gap:10px;
        border-radius:14px;
    }

    .premium-feature-box i{
        width:40px;
        height:40px;
        font-size:16px;
    }

    .premium-feature-box h5{
        font-size:14px;
    }

    .premium-feature-box p{
        font-size:10px;
        line-height:1.6;
    }

    .premium-table{
        min-width:560px;
    }

    .premium-table thead th{
        padding:10px 12px;
        font-size:11px;
        line-height:1.3;
    }

    .premium-table tbody td{
        padding:10px 12px;
        font-size:11px;
        line-height:1.4;
    }

}

.elactree-quote-section {
  width: 100%;
  padding: 22px 14px;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

.elactree-quote-wrap {
  position: relative;
  max-width: 1080px;
  min-height: 310px;
  margin: 0 auto;
  padding: 40px 54px;
  display: grid;
  grid-template-columns: 1.28fr 0.72fr;
  align-items: center;
  gap: 34px;
  overflow: hidden;
  border-radius: 20px;
  /*background:*/
  /*  radial-gradient(circle at 82% 18%, rgba(116, 211, 29, 0.2), transparent 30%),*/
  /*  linear-gradient(115deg, #ffffff 0%, #f8fff3 48%, #edfbe4 100%);*/
  /*box-shadow:*/
  /*  0 18px 42px rgba(22, 42, 12, 0.14),*/
  /*  inset 0 1px 0 rgba(255, 255, 255, 0.85);*/
box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
    
}

.elactree-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.14;
  filter: saturate(1.2) contrast(1.05);
  pointer-events: none;
}

.elactree-quote-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  /*background:*/
  /*  linear-gradient(90deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.78) 48%, rgba(239, 255, 229, 0.55) 100%),*/
  /*  radial-gradient(circle at 78% 70%, rgba(116, 211, 29, 0.26), transparent 34%);*/
  z-index: 0;
}

.elactree-quote-wrap::after {
  content: "";
  position: absolute;
  right: -10%;
  bottom: -58%;
  width: 60%;
  height: 280px;
  /*background: linear-gradient(135deg, rgba(116, 211, 29, 0.32), rgba(255, 255, 255, 0.08));*/
  border-radius: 50%;
  filter: blur(10px);
  transform: rotate(-8deg);
  z-index: 0;
}

.elactree-led-grid {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0.42;
  /*background-image:*/
  /*  radial-gradient(circle, rgba(116, 211, 29, 0.24) 1px, transparent 1.8px),*/
  /*  linear-gradient(120deg, transparent 0 44%, rgba(255, 255, 255, 0.55) 45%, transparent 47%);*/
  background-size: 18px 18px, 100% 100%;
  animation: ledDrift 12s linear infinite;
  pointer-events: none;
}

.elactree-light-line {
  position: absolute;
  top: -30%;
  left: -20%;
  width: 34%;
  height: 160%;
  z-index: 2;
  /*background: linear-gradient(*/
  /*  90deg,*/
  /*  transparent,*/
  /*  rgba(255, 255, 255, 0.72),*/
  /*  rgba(116, 211, 29, 0.18),*/
  /*  transparent*/
  /*);*/
  transform: rotate(18deg);
  animation: shineMove 5.5s ease-in-out infinite;
  pointer-events: none;
}

.elactree-content,
.elactree-card {
  position: relative;
  z-index: 3;
}

.elactree-tag {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 12px;
  border: 1px solid rgba(116, 211, 29, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #4da60d;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}

.elactree-content h2 {
  margin: 0;
  color: #071c05;
  font-size: clamp(34px, 5vw, 62px);
  line-height: 0.98;
  font-weight: 900;
  line-height: 1.2em !important;
}

.elactree-content h2 span {
  color: #74d31d;
  text-shadow:
    0 8px 22px rgba(116, 211, 29, 0.28),
    0 0 1px rgba(35, 112, 4, 0.25);
}

.elactree-lead {
  max-width: 505px;
  margin: 16px 0 0;
  color: #172b12;
  font-size: clamp(16px, 2vw, 21px);
  line-height: 1.35;
  font-weight: 650;
}

.elactree-text {
  max-width: 450px;
  margin: 12px 0 0;
  color: #4f5b4a;
  font-size: 15px;
  line-height: 1.58;
}

.elactree-card {
  justify-self: end;
  width: min(100%, 300px);
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 18px;
  color: #ffffff;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.32), transparent 26%),
    linear-gradient(145deg, rgba(137, 226, 53, 0.95) 0%, rgba(116, 211, 29, 0.96) 42%, rgba(55, 156, 7, 0.98) 100%);
  /*box-shadow:*/
  /*  0 22px 40px rgba(68, 155, 15, 0.34),*/
  /*  inset 0 1px 0 rgba(255, 255, 255, 0.35);*/
  backdrop-filter: blur(18px);
  animation: cardFloat 4.5s ease-in-out infinite;
}

.elactree-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0 30%, rgba(255, 255, 255, 0.2) 42%, transparent 56%),
    radial-gradient(circle at 90% 88%, rgba(8, 42, 3, 0.18), transparent 34%);
  pointer-events: none;
}

.card-glow {
  position: absolute;
  width: 145px;
  height: 145px;
  right: -60px;
  top: -60px;
  /*background: rgba(255, 255, 255, 0.36);*/
  filter: blur(34px);
}

.card-label {
  position: relative;
  display: inline-flex;
  margin-bottom: 14px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.elactree-card h3 {
  position: relative;
  margin: 0;
  font-size: clamp(23px, 2.7vw, 31px);
  line-height: 1.14;
  font-weight: 850;
}

.elactree-card p {
  position: relative;
  margin: 15px 0 24px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  line-height: 1.5;
}

.quote-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 52px;
  padding: 0 20px;
  border-radius: 12px;
  background: #ffffff;
  color: #3f9d0d;
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  box-shadow: 0 12px 24px rgba(18, 50, 8, 0.18);
  transition: transform 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
}

.quote-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(120deg, transparent, rgba(116, 211, 29, 0.18), transparent);
  transform: translateX(-100%);
  transition: transform 0.45s ease;
}

.quote-btn span {
  position: relative;
  font-size: 27px;
  line-height: 1;
  transition: transform 0.25s ease;
}

.quote-btn:hover {
  color: #287706;
  transform: translateY(-3px);
  box-shadow: 0 16px 30px rgba(18, 50, 8, 0.24);
}

.quote-btn:hover::before {
  transform: translateX(100%);
}

.quote-btn:hover span {
  transform: translateX(4px);
}

@keyframes ledDrift {
  0% {
    background-position: 0 0, center;
  }

  100% {
    background-position: 72px 36px, center;
  }
}

@keyframes shineMove {
  0%, 32% {
    transform: translateX(-130%) rotate(18deg);
    opacity: 0;
  }

  48% {
    opacity: 1;
  }

  72%, 100% {
    transform: translateX(430%) rotate(18deg);
    opacity: 0;
  }
}

@keyframes cardFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }
}

@media (max-width: 900px) {
  .elactree-quote-wrap {
    min-height: auto;
    padding: 34px 26px;
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .elactree-card {
    justify-self: start;
    width: 100%;
    max-width: 380px;
  }
}

@media (max-width: 520px) {
  .elactree-quote-section {
    padding: 16px 10px;
  }

  .elactree-quote-wrap {
    padding: 28px 20px;
    border-radius: 16px;
  }

  .elactree-content h2 {
    font-size: 36px;
  }

  .elactree-lead {
    font-size: 16px;
  }

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

  .elactree-card {
    padding: 24px 21px;
    border-radius: 16px;
  }

  .elactree-card h3 {
    font-size: 23px;
  }

  .quote-btn {
    min-height: 50px;
    padding: 0 18px;
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .elactree-led-grid,
  .elactree-light-line,
  .elactree-card {
    animation: none;
  }

  .quote-btn,
  .quote-btn span {
    transition: none;
  }
}


@keyframes trustInfinite{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(calc(-50% - 9px));
    }

}
.trust-logos:hover{
    animation-play-state:paused;
}