.landing-video{
        width:35%;
    }
    .marg-dtn{
        margin-left:1.5%;
    }
    .h3{
            text-align:left;
            
        }
        .pt-4, .pt-3 {
            text-align:left;
            }
            .content-wrap h3{
            text-align:left;
        }
    @media (max-width:800px){
        .landing-video{
        width:100%;
    }
    .marg-dtn{
        margin-left:5%;
    }
        
        .small-screen-image-1{
            margin-left:-4%;
        }
        
    }
 
    .landing-page-images {
        max-width: 60%;
        height: auto;
    }
    .image-heading{
        color: #FFFFFF;
    }
    .white-divider {
        height: 1px;
        background: white;
        width: 100%;
        margin: 10px 0;
        opacity: 0.2;
    }
    .divider-right {
        position: relative;
    }

    .divider-both {
        position: relative;
    }

    .divider-both::before,
    .divider-both::after {
        content: "";
        position: absolute;
        top: 10%;           
        bottom: 10%;        
        width: 1px;        
        background: rgba(255,255,255,0.6);
        opacity: 0.2;
    }

    .divider-both::before {
        left: 5px;
    }

    .divider-both::after {
        right: 5px;
    }
    @media (max-width: 576px) {
        .top-headline{
            color: white;
        }
    }
    .top-img {
        background-repeat: no-repeat;
        background-size: 100% 1300px;
    }
    #ContactUs {
        scroll-margin-top: 95px;
    }

    /* SECTION 2 START */
    /* * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Poppins', sans-serif;
    } */

    .container-section-2 {
        width: 100%;
        max-width: 1000px;
        padding: 40px 20px;
        text-align: center;
        color: #fff;
        /* background: linear-gradient(135deg, #0e3b35, #0b2d28); */
        border-radius: 12px;
        justify-content: center;
    }

    .section-2-h1 {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
        color: white;
    }

    .subtitle {
        font-size: 14px;
        color: #b5d1c9;
        margin-bottom: 30px;
    }

    .section-title {
        margin: 20px 0;
        font-size: 16px;
        color: #d2e8e2;
    }

    .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        margin-bottom: 30px;
        justify-items: center;
        align-items: center;
    }

    .card {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        padding: 5px ;
        border-radius: 10px;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        backdrop-filter: blur(6px);
        /* text-align: left; */
        transition: 0.3s;
        justify-content: center;
        width: 100%;
    }

    .card:hover {
        background: rgba(255,255,255,0.08);
    }

    .icon-section-2 {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        /* background: #1f5d53; */
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #a7f3d0;
        flex-shrink: 0;
    }

    .card span {
        font-size: 14px;
        color: #e6f5f1;
    }

    /* Responsive */
    @media(max-width: 768px) {
        .grid {
            grid-template-columns: 1fr;
        }
    }
    /* SECTION 2 END */

    /* SECTION 3 START */

    /* body {
        margin: 0;
        font-family: 'Poppins', sans-serif;
        background: #f3f5f4;
    } */

    .section {
        text-align: center;
        padding: 60px 20px;
    }

    .section h1 {
        font-size: 36px;
        color: #FAFAFA;
        margin-bottom: 10px;
    }

    .section p {
        color: #FAFAFA;
        font-size: 16px;
    }

    /* CARDS WRAPPER */
    .section-3-cards {
        margin-top: 40px;
        display: flex;
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
    }

    /* CARD */
    .section-3-card {
        width: 300px;
        background: #ffffff;
        border-radius: 20px;
        padding: 20px 20px 10px 20px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.06);
        position: relative;
        text-align: left;
    }

    /* STEP BADGE */
    .badge {
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%); /* 🔥 centers it perfectly */
        padding: 12px 36px;
        border-radius: 20px;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
    }

    /* COLORS */
    .step1 { background: #3a7d44; }
    .step2 { background: #7c5cc4; }
    .step3 { background: #f59e0b; }

    /* IMAGE PLACEHOLDER */
    .image {
        width: 100%;
        height: 200px;
        border-radius: 12px;
        background: #e5e7eb;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    /* TITLE */
    .section-3-card h3 {
        font-size: 18px;
        margin-bottom: 10px;
        color: #1f2937;
        /* margin-top: 60px; */
    }

    /* TEXT */
    .section-3-card p {
        font-size: 14px;
        color: #6b7280;
        line-height: 1.6;
    }

    /* FOOT TEXT */
    .footer-text {
        margin-top: 40px;
        font-size: 15px;
        color: #FAFAFA;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .footer-text span {
        color: green;
        font-weight: bold;
    }

    /* ARROWS (optional between cards) */
    .arrow {
        display: flex;
        align-items: center;
        font-size: 24px;
        color: #fbbf24;
    }

    @media (max-width: 768px){
        .mobile {
            display: none;
        }
        
    }

    /* SECTION 1 UPDATED CSS */

    .hero-content {
        max-width: 520px;
        color: #1f2937;
        font-family: 'Poppins', sans-serif;

        background: rgba(255, 255, 255, 0.1); /* white transparent */
        backdrop-filter: blur(10px); /* 🔥 blur effect */
        -webkit-backdrop-filter: blur(10px); /* Safari support */

        padding: 20px;
        border-radius: 12px;
    }

    /* VERIFIED BADGE */
    .verified-badge {
        display: inline-block;
        background: #e6f4ea;
        color: #2e7d32;
        font-weight: 600;
        font-size: 13px;
        padding: 6px 14px;
        border-radius: 20px;
        margin-bottom: 15px;
        /* float: right; */
    }

    /* HEADING */
    .hero-content h1 {
        font-size: 34px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 15px;
    }

    /* ORANGE TEXT */
    .highlight {
        color: #f59e0b;
    }

    /* SUBTEXT */
    .subtext {
        font-size: 15px;
        color: #374151;
        margin-bottom: 20px;
    }

    /* FEATURES */
    .features {
        margin-bottom: 25px;
    }

    .feature {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
        font-size: 15px;
        color: #1f2937;
    }

    /* ICON */
    .icon-section-1 {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: #2e7d32;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        flex-shrink: 0;
    }

    /* BUTTON */
    .cta {
        background: linear-gradient(180deg, #4f7cff, #2b5bd7);
        color: #fff;
        border: none;
        padding: 14px 24px;
        font-size: 16px;
        border-radius: 12px;
        font-weight: 600;
        cursor: pointer;
        box-shadow: 0 6px 15px rgba(0,0,0,0.2);
        margin-bottom: 10px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .cta:hover {
        transform: translateX(8px); /* ✅ no blur */
        box-shadow: 0 16px 40px rgba(0,0,0,0.25);
    }

    /* SMALL TEXT */
    .small-text {
        font-size: 12px;
        color: #FAFAFA;
    }

    @media (max-width: 1087px) {
        .footer-text {
            color: #1f2937;
        }
    }

    @media (max-width: 992px){
        .main-banner-wrap .main-banner {
             min-height: 770px;
        }
        
    }

    .sm-screen {
        display: flex;
        justify-content: flex-end;
    }
    
    @media (max-width: 1025px){
        .sm-screen {
            display: block;
            align-items: center;
        }
        
    }

    /* SECTION 5 */

    .expect-section {
        text-align: center;
        padding: 50px 20px;
        font-family: 'Poppins', sans-serif;
    }

    .expect-section h2 {
        font-size: 28px;
        font-weight: 600;
        color: #1f2937;
        margin-bottom: 8px;
    }

    .subtitle-sec-5 {
        color: #6b7280;
        font-size: 14px;
        margin-bottom: 35px;
    }

    /* CARDS */
    .expect-cards {
        display: flex;
        justify-content: center;
        gap: 50px;
        flex-wrap: wrap;
    }

    /* CARD STYLE */
    .expect-card {
        width: 240px;
        background: #FAFAFA;
        border-radius: 14px;
        padding: 18px;
        border: 1px solid #e5e7eb;
        box-shadow: 0 8px 20px rgba(0,0,0,0.05);
        text-align: left;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .expect-card:hover {
        transform: translateY(-8px); /* ✅ no blur */
        box-shadow: 0 16px 40px rgba(0,0,0,0.25);
    }

    /* TOP HEADER */
    .top {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 12px;
        color: #111827;
    }

    /* GREEN CHECK ICON */
    .check {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #22c55e;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }

    /* IMAGE PLACEHOLDER */
    .image-sec-5 {
        width: 100%;
        height: 150px;
        background: #f3f4f6;
        border-radius: 10px;
        margin-bottom: 12px;
    }

    /* TEXT */
    .expect-card p {
        font-size: 13px;
        color: #6b7280;
        line-height: 1.5;
    }

    /* BOTTOM INFO */
    .bottom-info {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
        font-size: 14px;
        color: #374151;
    }

    .bottom-info span b {
        color: #22c55e;
        margin-right: 5px;
    }

    /* SECTION 6 */

    /* SECTION WRAPPER */
    .installer-section {
        padding: 40px 20px;
        display: flex;
        justify-content: center;
    }

    /* MAIN CARD */
    .installer-card {
        width: 100%;
        max-width: 1000px;
        display: flex;
        justify-content: space-between;
        gap: 30px;

        background: rgba(255,255,255,0.2);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(50px);

        border-radius: 18px;
        padding: 30px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    }

    /* LEFT */
    .installer-left {
        flex: 1;
    }

    /* BADGE */
    .installer-badge {
        display: inline-block;
        background: #FBB730;
        color: #FAFAFA;
        padding: 6px 14px;
        border-radius: 20px;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    /* TITLE */
    .installer-left h2 {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #1f2937;
    }

    /* SUBTEXT */
    .installer-sub {
        color: #4b5563;
        margin-bottom: 15px;
    }

    /* FEATURES */
    .installer-feature {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    /* CHECK */
    .installer-check {
        width: 20px;
        height: 20px;
        background: #22c55e;
        color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* BOTTOM TEXT */
    .installer-bottom {
        margin-top: 15px;
        display: flex;
        gap: 20px;
        font-size: 13px;
        color: #374151;
    }

    .installer-bottom b {
        color: #22c55e;
    }

    /* RIGHT */
    .installer-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /* PREVIEW CARD */
    .preview-card {
        width: 220px;
        background: white;
        border-radius: 14px;
        padding: 15px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.15);
        margin-bottom: 15px;
    }

    /* TOP */
    .preview-top {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
    }

    .preview-top img {
        height: 50px;
        width: 50px;
        border-radius: 50%;
    }

    /* BODY */
    .preview-tag {
        background: #fef3c7;
        color: #92400e;
        padding: 4px 8px;
        border-radius: 6px;
        font-size: 12px;
        margin-bottom: 6px;
    }

    .preview-line {
        font-size: 13px;
        color: #374151;
    }

    /* BUTTON */
    .installer-btn {
        background: #e5e7eb;
        border: none;
        padding: 10px 18px;
        border-radius: 10px;
        font-size: 16px;
        font-weight: 600;
        
        cursor: pointer;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        background: #FBB730;
        color: #FAFAFA;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(50px);
    }

    .installer-btn:hover {
        transform: translateX(8px); /* ✅ no blur */
        box-shadow: 0 16px 40px rgba(0,0,0,0.25);
    }

    /* SECTION 7 */

    /* LEFT SIDE */
    .cta-left {
        max-width: 520px;
    }

    .cta-left h2 {
        font-size: 28px;
        font-weight: 600;
        color: #1f2937;
        margin-bottom: 10px;
    }

    .cta-highlight {
        color: #2563eb;
    }

    /* SUBTEXT */
    .cta-sub {
        color: #6b7280;
        font-size: 14px;
        margin-bottom: 15px;
    }

    /* LIST */
    .cta-list {
        padding-left: 18px;
        color: #374151;
        font-size: 14px;
    }

    .cta-list li {
        margin-bottom: 6px;
    }

    /* RIGHT SIDE */
    .cta-right {
        text-align: center;
        align-content: end;
    }

    /* BUTTON */
    .cta-btn {
        background: linear-gradient(180deg, #4f7cff, #2b5bd7);
        color: #fff;
        border: none;
        padding: 14px 28px;
        font-size: 16px;
        border-radius: 12px;
        font-weight: 600;
        cursor: pointer;
        /* box-shadow: 0 8px 20px rgba(0,0,0,0.2); */
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    
    }

    .cta-btn:hover {
        transform: translateX(8px); /* ✅ no blur */
        box-shadow: 0 16px 40px rgba(0,0,0,0.25);
    }

    /* SMALL TEXT */
    .cta-small {
        margin-top: 8px;
        font-size: 12px;
        color: #6b7280;
    }

    .bullet-icon {
        font-size: 10px;
        margin-right: 8px;
        color: #2563eb; /* blue like your design */
    }