.about-hero{
    min-height:250px;
    background:
        linear-gradient(rgba(22, 79, 50, 0.897),rgb(27, 94, 60)),
        url("images/about-banner.jpg") center/cover;
    margin-top:95px;
}

.about-hero .breadcrumb-item a{
    color:#fff;
    text-decoration:none;
}

.about-hero .breadcrumb-item+.breadcrumb-item::before{
    color:#fff;
}

.about-image{
    overflow:hidden;
    border-radius:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.15);
}

.about-image img{
    transition:.5s;
}

.about-image:hover img{
    transform:scale(1.05);
}
.feature-card {
    background-color: #ffffff;
    border-color: #e9ecef !important;
    transition: all 0.3s ease;
}

.feature-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #0D9488 !important; /* Teal accent on hover */
    transform: translateY(-2px);
}

.feature-card i {
    color: #0B3D5C; /* Deep Navy */
}

.feature-card:hover i {
    color: #D4A853; /* Gold on hover */
}

.purpose-card{

    background:#fff;
    border-radius:24px;
    padding:45px 35px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.35s;
}

.purpose-card:hover{

    transform:translateY(-8px);

}

.purpose-icon{

    width:90px;
    height:90px;
    border-radius:50%;
    background:rgba(40,167,69,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
}

.purpose-icon i{

    color:var(--vex-success);
    font-size:2rem;

}

.value-card-sm{
    background:#fff;
    border:1px solid #eef1f4;
    border-radius:16px;
    padding:22px 15px;
    text-align:center;
    transition:.3s;
    height:100%;
}

.value-card-sm:hover{
    transform:translateY(-5px);
    border-color:var(--vex-success);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.value-card-sm i{
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 15px;
    border-radius:50%;
    background:#eef8f1;
    color:var(--vex-success);
    font-size:1.4rem;
}

.value-card-sm h6{
    margin:0;
    font-size:15px;
    font-weight:600;
    line-height:1.4;
}