.mission-wrapper{
        max-width:1200px;
        margin:auto;
    }

    .main-title{
        text-align:center;
        font-size:42px;
        font-weight:700;
        margin-bottom:50px;
        color:#1f2937;
        font-family: "Montserrat", sans-serif;
    }

    .mission-grid{
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
        gap:30px;
    }

    .card{
        border-radius:22px;
        padding:40px 35px;
        color:black;
        position:relative;
        overflow:hidden;
        min-height:340px;
        transition:0.3s ease;
    }

    .card:hover{
        transform:translateY(-6px);
    }

    .purpose-card{
        background:#fff3db;
    }

    .enable-card{
        background:#ff914d;
    }

    .card h2{
        font-size:32px;
        margin-bottom:25px;
        font-weight:700;
    }

    .card p{
        font-size:18px;
        line-height:1.8;
        opacity:0.95;
    }

    .enable-list{
        list-style:none;
        margin-top:10px;
    }

    .enable-list li{
        font-size:18px;
        line-height:1.8;
        margin-bottom:18px;
        padding-left:35px;
        position:relative;
    }

    .enable-list li::before{
        content:"✓";
        position:absolute;
        left:0;
        top:0;
        font-size:20px;
        font-weight:bold;
        color:#fff;
    }

    .card::after{
        content:"";
        position:absolute;
        width:180px;
        height:180px;
        background:rgba(255,255,255,0.08);
        border-radius:50%;
        right:-60px;
        bottom:-60px;
    }

    @media(max-width:768px){

        .main-title{
            font-size:32px;
            margin-bottom:35px;
        }

        .card{
            padding:30px 25px;
        }

        .card h2{
            font-size:28px;
        }

        .card p,
        .enable-list li{
            font-size:16px;
        }
    }


    why-section{
        max-width:1200px;
        margin:auto;
    }

    .section-title{
        text-align:center;
        font-weight:700;
        color:black;
        margin-bottom:20px;
        font-family: "Montserrat", sans-serif;
    }

    .section-subtitle{
        max-width:850px;
        margin:0 auto 55px;
        text-align:center;
        font-size:18px;
        line-height:1.8;
        color:#555;
    }

    .cards-wrapper{
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
        gap:30px;
        margin-bottom:50px;
    }

    .choose-card{
        background:#fff;
        border:2px solid #ff914d;
        border-radius:24px;
        padding:40px 30px;
        text-align:center;
        transition:0.3s ease;
        position:relative;
        overflow:hidden;
    }

    .choose-card:hover{
        transform:translateY(-8px);
        box-shadow:0 15px 40px rgba(0,0,0,0.08);
    }

    .choose-card::before{
        content:"";
        position:absolute;
        width:140px;
        height:140px;
        background:rgba(255,145,77,0.12);
        border-radius:50%;
        top:-50px;
        right:-40px;
    }

    .number{
        font-size:56px;
        font-weight:800;
        color:#ff914d;
        margin-bottom:15px;
        line-height:1;
    }

    .card-title{
        font-size:26px;
        font-weight:700;
        color:black;
        margin-bottom:18px;
        font-family: "Montserrat", sans-serif;
    }

    .card-text{
        font-size:16px;
        line-height:1.8;
        color:#555;
    }

    .quote-box{
        background:linear-gradient(135deg,#ff914d,#fffaeb);
        color:black;
        padding:7px 23px ;
        border-radius:28px;
        text-align:center;
        margin:auto;
        box-shadow:0 15px 40px rgba(0,0,0,0.12);
    }

    .quote-box p{
        font-size:28px;
        line-height:1.7;
        font-weight:500;
    }

    @media(max-width:768px){

        .section-title{
            font-size:32px;
        }

        .section-subtitle{
            font-size:16px;
        }

        .number{
            font-size:48px;
        }

        .card-title{
            font-size:22px;
        }

        .quote-box p{
            font-size:22px;
        }
    }


     .cta-section{
        padding:30px 20px;
        text-align:center;
        position:relative;
        z-index:2;
    }

    .cta-section::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(
            135deg,
            rgba(255,145,77,0.88),
            rgba(158,97,60,0.88)
        );
        z-index:-1;
    }

    .cta-title{
        color:#FFFFFF;
        font-size:46px;
        line-height:1.4;
        margin-bottom:20px;
        font-weight:700;
    }

    .cta-description{
        color:#fdfdfd;
        font-size:18px;
        line-height:1.8;
        margin-bottom:30px;
    }

    .contact-info{
        color:#fff;
        font-size:18px;
        margin-bottom:35px;
        line-height:2;
    }

    .contact-info span{
        font-weight:700;
    }

    .contact-info a{
        color:#ffffff;
        text-decoration:none;
        border-bottom:1px solid rgba(255,255,255,0.5);
        transition:0.3s ease;
    }

    .contact-info a:hover{
        color:#ffe7d8;
        border-color:#ffe7d8;
    }

    .cta-buttons{
        margin-top:15px;
    }

    .cta-btn{
        display:inline-block;
        padding:14px 34px;
        border-radius:50px;
        font-size:16px;
        font-weight:600;
        text-decoration:none;
        transition:all 0.3s ease;
        margin:8px;
    }

    .btn-know{
        background:#ffffff;
        color:black;
    }

    .btn-know:hover{
        background:#ff914d;
        color:#ffffff;
        transform:translateY(-3px);
    }

    .btn-contact{
        background:transparent;
        color:#ffffff;
        border:2px solid #ffffff;
    }

    .btn-contact:hover{
        background:#ffffff;
        color:black;
        transform:translateY(-3px);
    }

    @media(max-width:768px){

        .cta-section{
            padding:70px 20px;
        }

        .cta-title{
            font-size:32px;
        }

        .cta-description,
        .contact-info{
            font-size:16px;
        }

        .cta-btn{
            width:100%;
            max-width:280px;
        }
    }

  #footer{
    position:relative;
    padding:70px 0 30px;
    overflow:hidden;
    border-top:5px solid #ff914d;
}

/* Background Image */
#footer::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;

    /* Use your image path here */
    background:url('../images/FooterBg.png') no-repeat center center;

    background-size:cover;
   
    z-index:0;
}

/* Content above bg */
#footer .container{
    position:relative;
    z-index:2;
}

/* Logo */
.footer-widget img{
    max-width:240px;
    margin-bottom:20px;
}

/* Contact Links */
.menu1{
    color:#fffaeb;
    text-decoration:none;
    font-size:18px;
    line-height:2;
    font-weight:600;
    transition:0.3s ease;
}

.menu1:hover{
    color:#ff914d;
}

/* Text */
#footer p{
    color:#5c4638;
    font-size:16px;
    line-height:1.8;
}

/* Social Icons */
.social-icons{
    padding:0;
    margin:25px 0;
    list-style:none;
}

.social-icons li{
    display:inline-block;
    margin-right:12px;
}

.social-icons li a{
    width:45px;
    height:45px;
    border-radius:50%;
    background:#ff914d;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:18px;
    transition:0.3s ease;
}

.social-icons li a:hover{
    background:#fffaeb;
    transform:translateY(-4px);
}

/* Footer Links */
#footer p a{
    color:#ff914d;
    font-weight:600;
}

#footer p a:hover{
    color:#fffaeb;
}

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

    #footer{
        text-align:center;
        padding:50px 20px 25px;
    }

    .footer-widget img{
        margin:0 auto 20px;
    }

    .social-icons{
        text-align:center;
    }
}



    .services-container{
        max-width:1200px;
        margin:auto;
    }

    .services-title{
        text-align:center;
        font-size:42px;
        font-weight:700;
        color:black;
    }

    .services-grid{
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
        gap:30px;
    }

    .service-card{
        position:relative;
        background:#ffffff;
        border-radius:28px;
        padding:40px 30px;
        overflow:hidden;
        transition:all 0.35s ease;
        box-shadow:0 10px 30px rgba(0,0,0,0.06);
        border:1px solid rgba(255,145,77,0.15);
    }

    .service-card:hover{
        transform:translateY(-10px);
        box-shadow:0 20px 45px rgba(0,0,0,0.12);
    }

    /* Top Gradient Bar */
    .service-card::before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:7px;
        background:linear-gradient(90deg,#ff914d,#fffaeb);
    }

    /* Circle Background */
    .service-card::after{
        content:"";
        position:absolute;
        right:-60px;
        bottom:-60px;
        width:180px;
        height:180px;
        background:rgba(255,145,77,0.08);
        border-radius:50%;
    }

    .service-icon{
        width:75px;
        height:75px;
        border-radius:20px;
        background:linear-gradient(135deg,#ff914d,#fffaeb);
        display:flex;
        align-items:center;
        justify-content:center;
        color:black;
        font-size:30px;
        margin-bottom:28px;
        position:relative;
        z-index:2;
    }

    .service-card h3{
        font-size:28px;
        color:black !important;
        margin-bottom:18px;
        font-weight:700;
        position:relative;
        z-index:2;
    }

    .service-card p{
        font-size:16px;
        line-height:1.9;
        color:#666;
        margin-bottom:28px;
        position:relative;
        z-index:2;
    }

    .read-more-btn{
        display:inline-block;
        padding:13px 28px;
        border-radius:40px;
        background:linear-gradient(135deg,#ff914d,#fffaeb);
        color:black;
        text-decoration:none;
        font-size:15px;
        font-weight:600;
        transition:0.3s ease;
        position:relative;
        z-index:2;
    }

    .read-more-btn:hover{
        transform:translateY(-3px);
        color:#fff;
        text-decoration:none;
        box-shadow:0 10px 25px rgba(255,145,77,0.35);
    }

    @media(max-width:768px){

        .services-section{
            padding:60px 20px;
        }

        .services-title{
            font-size:32px;
            margin-bottom:40px;
        }

        .service-card{
            padding:35px 25px;
        }

        .service-card h3{
            font-size:24px;
        }
    }




    .approach-container{
        max-width:1200px;
        margin:auto;
    }

    .approach-title{
        text-align:center;
        font-size:42px;
        font-weight:700;
        color:black;
        margin-bottom:60px;
        font-family: "Montserrat", sans-serif;
        
    }

    .approach-stripe{
        display:flex;
        align-items:center;
        gap:30px;
        background:#ffffff;
        margin-bottom:22px;
        padding:10px 16px;
        border-left:8px solid #ff914d;
        border-radius:18px;
        box-shadow:0 10px 30px rgba(0,0,0,0.05);
        transition:all 0.3s ease;
        position:relative;
        overflow:hidden;
    }

    .approach-stripe:nth-child(even){
        border-left-color:#fffaeb;
    }

    .approach-stripe:hover{
        transform:translateX(8px);
        box-shadow:0 16px 40px rgba(0,0,0,0.08);
    }

    /* Light Background Shape */
    .approach-stripe::before{
        content:"";
        position:absolute;
        right:-40px;
        top:50%;
        transform:translateY(-50%);
        width:140px;
        height:140px;
        background:rgba(255,145,77,0.08);
        border-radius:50%;
    }

    .approach-stripe:nth-child(even)::before{
        background:rgba(158,97,60,0.08);
    }

    .stripe-icon{
        min-width:80px;
        height:80px;
        border-radius:20px;
        /* background:linear-gradient(135deg,#ff914d,#fffaeb); */
        display:flex;
        align-items:center;
        justify-content:center;
        color:black;
        font-size:30px;
        position:relative;
        z-index:2;
    }

    .stripe-content{
        position:relative;
        z-index:2;
    }

    .stripe-content h3{
        font-size:28px;
        color:black;
        margin-bottom:10px;
        font-weight:700;
    }

    .stripe-content p{
        font-size:17px;
        line-height:1.9;
        color:#666;
        margin:0;
    }

    @media(max-width:768px){

        .approach-section{
            padding:10px 15px;
        }

        .approach-title{
            font-size:32px;
            margin-bottom:40px;
            font-family: "Montserrat", sans-serif;
        }

        .approach-stripe{
            flex-direction:column;
            align-items:flex-start;
            padding:25px;
            gap:20px;
        }

        .stripe-icon{
            width:70px;
            height:70px;
            min-width:70px;
            font-size:26px;
        }

        .stripe-content h3{
            font-size:24px;
        }

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






    .pillars-container{
        max-width:1250px;
        margin:auto;
    }

    .pillars-title{
        text-align:center;
        font-size:44px;
        font-weight:700;
        color:#9e613c;
        margin-bottom:70px;
        font-family: "Montserrat", sans-serif;
    }

    .pillar-box{
        display:flex;
        align-items:flex-start;
        gap:35px;
        background:#fff;
        padding:20px;
        border-radius:30px;
        margin-bottom:35px;
        box-shadow:0 12px 40px rgba(0,0,0,0.06);
        position:relative;
        overflow:hidden;
        transition:0.35s ease;
        border-left:8px solid #ff914d;
    }

    .pillar-box:nth-child(3){
        border-left:8px solid #9e613c;
    }

    .pillar-box:hover{
        transform:translateY(-8px);
        box-shadow:0 20px 50px rgba(0,0,0,0.10);
    }

    /* Soft Background Shape */
    .pillar-box::before{
        content:"";
        position:absolute;
        right:-60px;
        top:-60px;
        width:220px;
        height:220px;
        border-radius:50%;
        background:rgba(255,145,77,0.08);
    }

    .pillar-box:nth-child(3)::before{
        background:rgba(158,97,60,0.08);
    }

    .pillar-icon{
        min-width:90px;
        height:90px;
        border-radius:25px;
        background:linear-gradient(135deg,#ff914d,#fff3db);
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:40px;
        color:#fff;
        position:relative;
        z-index:2;
    }

    .pillar-content{
        position:relative;
        z-index:2;
    }

    .pillar-content h3{
        color:black;
        margin-bottom:18px;
        font-weight:700;
    }

    .pillar-content p{
        font-size:17px;
        line-height:2;
        color:#666;
        margin-bottom:18px;
    }

    .pillar-highlights{
        display:flex;
        flex-wrap:wrap;
        gap:12px;
        margin-top:15px;
    }

    .pillar-highlights span{
        background:#fff4ed;
        color:black;
        padding:10px 16px;
        border-radius:30px;
        font-size:14px;
        font-weight:600;
        border:1px solid rgba(255,145,77,0.25);
    }

    @media(max-width:768px){

        .pillars-section{
            padding:70px 15px;
        }

        .pillars-title{
            font-size:32px;
            margin-bottom:45px;
            font-family: "Montserrat", sans-serif;
        }

        .pillar-box{
            flex-direction:column;
            padding:30px 25px;
            gap:25px;
        }

        .pillar-icon{
            width:80px;
            height:80px;
            min-width:80px;
            font-size:34px;
        }

        .pillar-content h3{
            font-size:28px;
        }

        .pillar-content p{
            font-size:15px;
            line-height:1.9;
        }
    }