:root{
    --primary:#0b7a38;
    --secondary:#004d40;
    --light:#f8f9fa;
}


body{
    font-family: Arial, sans-serif;
}


.section-title{
    font-size:35px;
    font-weight:700;
    color:var(--secondary);
}


.btn-main{
    background:var(--primary);
    color:white;
    padding:12px 30px;
    border-radius:30px;
}


.btn-main:hover{
    background:#095d2b;
    color:#fff;
}


section{
    padding:80px 0;
}



/*<!-- Hero Slider Custom CSS -->*/


.hero-img{
    height: 85vh;
    object-fit: cover;
}


.hero-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:
    rgba(0,0,0,0.55);

    display:flex;
    align-items:center;
}


.hero-content{
    color:white;
    max-width:700px;
}


.hero-content h1{

    font-size:55px;
    font-weight:800;
    line-height:1.2;
}


.hero-content p{

    font-size:18px;
    margin-top:15px;
}


.carousel-item{

    position:relative;
}


/* Mobile Responsive */

@media(max-width:768px)
{

    .hero-img{

        height:70vh;

    }


    .hero-content h1{

        font-size:30px;

    }


    .hero-content p{

        font-size:15px;

    }


    .hero-content{

        text-align:center;
        margin:auto;

    }

}


/*<!-- About Section CSS -->*/



.about-card{

    background:#fff;
    padding:30px 25px;
    border-radius:15px;
    height:100%;

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

    transition:.3s;
}


.about-card:hover{

    transform:
    translateY(-8px);

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

}


.about-card i{

    font-size:40px;
    color:var(--primary);

}


.about-card h5{

    margin-top:15px;
    font-weight:700;

}


.about-card p{

    color:#666;
    margin-bottom:0;

}


@media(max-width:768px){

    .about-card{

        text-align:center;

    }

}



/*<!-- Vision Mission CSS -->*/



.vm-card{

    background: #ffffff;

    padding: 45px 35px;

    height: 100%;

    border-radius: 20px;

    position: relative;

    overflow: hidden;


    box-shadow:
    0 8px 30px rgba(0,0,0,0.08);


    transition: .4s;

}


.vm-card:hover{


    transform:
    translateY(-10px);


    box-shadow:
    0 18px 40px rgba(0,0,0,0.15);

}


.icon-bg{

    width: 80px;

    height: 80px;

    background: linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );


    color: white;

    border-radius: 50%;


    display:flex;

    align-items:center;

    justify-content:center;


    font-size:35px;

    margin-bottom:25px;

}



.vm-card h3{

    font-weight: 700;

    margin-bottom: 20px;

    color: var(--secondary);

}


.vm-card p{

    color:#666;

    line-height:1.8;

}


.mission-list{

    list-style:none;

    padding:0;

}


.mission-list li{

    padding:10px 0;

    color:#555;

    border-bottom:1px solid #eee;

}


.mission-list li::before{

    content:"✓";

    color:var(--primary);

    font-weight:bold;

    margin-right:10px;

}


@media(max-width:768px){


    .vm-card{

        text-align:center;

        padding:35px 25px;

    }


    .mission-list li{

        text-align:left;

    }


}




/*<!-- Benefits Section CSS -->*/



.benefit-card{

    background:#fff;

    padding:35px 25px;

    border-radius:20px;

    height:100%;

    text-align:center;


    box-shadow:
    0 8px 25px rgba(0,0,0,.08);


    transition:.4s;

    border-top:4px solid transparent;

}



.benefit-card:hover{


    transform:
    translateY(-10px);


    border-color:var(--primary);


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

}



.benefit-icon{


    width:80px;

    height:80px;


    margin:0 auto 20px;


    background:
    linear-gradient(135deg,
        var(--primary),
        var(--secondary));


    border-radius:50%;


    display:flex;

    align-items:center;

    justify-content:center;


    color:#fff;

    font-size:35px;


}



.benefit-card h5{

    font-weight:700;

    margin-bottom:15px;

    color:var(--secondary);

}



.benefit-card p{

    color:#666;

    line-height:1.7;

}



@media(max-width:768px){


    .benefit-card{

        padding:30px 20px;

    }


    .benefit-icon{

        width:70px;
        height:70px;
        font-size:30px;

    }

}




/*<!-- =========================
Membership Form CSS
========================== -->*/




.form-box{

    background:#ffffff;

    padding:30px;

    margin-bottom:30px;

    border-radius:18px;


    box-shadow:
    0 8px 25px rgba(0,0,0,0.08);


    border-left:5px solid var(--primary);


    transition:0.3s;

}



.form-box:hover{


    transform:
    translateY(-5px);


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

}



.form-box h4{


    font-size:22px;

    font-weight:700;

    color:var(--secondary);


    margin-bottom:25px;

}



.form-box h4 i{


    color:var(--primary);

    margin-right:10px;

}



.form-control,
.form-select{


    padding:12px 15px;

    border-radius:10px;

    border:1px solid #ced4da;

}



.form-control:focus,
.form-select:focus{


    box-shadow:none;


    border-color:var(--primary);


}



.form-check{


    margin-bottom:10px;

}



.form-check-input:checked{


    background-color:var(--primary);

    border-color:var(--primary);


}



/* Mobile Responsive */


@media(max-width:768px){


    .form-box{

        padding:20px;

    }


    .form-box h4{

        font-size:18px;

    }


}




/*<!-- Industry Section CSS -->*/



.industry-section {


    background:
    linear-gradient(
        135deg,
        #003d2c,
        #00695c
    );


    color:white;

}



.industry-card {


    display:flex;


    gap:20px;


    background:
    rgba(255,255,255,0.10);


    padding:25px;


    border-radius:18px;


    margin-bottom:20px;


    backdrop-filter:blur(5px);


    transition:0.3s;

}



.industry-card:hover {


    transform:
    translateX(10px);


    background:
    rgba(255,255,255,0.18);

}



.industry-card i {


    font-size:40px;


    color:#ffc107;


    min-width:50px;


}



.industry-card h5 {


    font-weight:700;


    margin-bottom:8px;


}



.industry-card p {


    margin:0;


    color:#e7e7e7;


    line-height:1.7;

}



/* Statistics */

.counter-box {


    background:
    rgba(255,255,255,0.12);


    padding:25px;


    text-align:center;


    border-radius:18px;


    transition:0.3s;


}


.counter-box:hover {


    transform:
    translateY(-8px);


    background:
    rgba(255,255,255,0.20);

}



.counter-box i {


    font-size:35px;


    color:#ffc107;


    margin-bottom:10px;

}



.counter-box h3 {


    font-weight:700;


    color:white;

}



.counter-box p {


    margin-bottom:0;


    color:#ddd;

}



/* Mobile */

@media(max-width:768px){


    .industry-card {


        flex-direction:column;


        text-align:center;

    }


}




/*<!-- =========================
Contact & Footer CSS
========================== -->*/




.contact-section{

    background:
    linear-gradient(135deg,#002b20,#004d40);

    color:#fff;

}



.footer-card{


    height:100%;


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


    padding:30px;


    border-radius:20px;


    backdrop-filter:blur(6px);


    transition:.3s;


}


.footer-card:hover{


    transform:
    translateY(-8px);


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


}



.footer-card h4{


    font-weight:700;


    margin-bottom:20px;


}



.footer-links{


    list-style:none;


    padding:0;


}



.footer-links li{


    margin-bottom:12px;


}



.footer-links a{


    color:#eee;


    text-decoration:none;


    transition:.3s;


}



.footer-links a:hover{


    color:#ffc107;


    padding-left:5px;


}



.social-icons a{


    display:inline-flex;


    width:45px;


    height:45px;


    background:#fff;


    color:var(--primary);


    align-items:center;


    justify-content:center;


    border-radius:50%;


    margin-right:10px;


    font-size:20px;


    text-decoration:none;


    transition:.3s;


}


.social-icons a:hover{


    background:#ffc107;


    transform:translateY(-5px);


}



.bottom-footer{


    background:#001b14;


    color:#ccc;


    padding:20px 0;


    font-size:15px;


}




/* Back To Top */

#topBtn{


    position:fixed;


    bottom:25px;


    right:25px;


    width:50px;


    height:50px;


    border:none;


    border-radius:50%;


    background:var(--primary);


    color:#fff;


    font-size:22px;


    box-shadow:
    0 5px 15px rgba(0,0,0,.3);


    cursor:pointer;


    z-index:999;


    transition:.3s;


}



#topBtn:hover{


    background:#ffc107;


    color:#000;


    transform:translateY(-5px);


}



/* Mobile */

@media(max-width:768px){


    .footer-card{


        text-align:center;


    }


    .social-icons{


        justify-content:center;


    }


}