/* LOGO FIX */
.logo img{
    max-height: 55px;
    width: auto;
}

@media (max-width: 768px){
    .logo img{
        max-height: 40px;
    }
}






/* MOBILE MENU */
.mobile-menu{
    display: none;
    background: #fff;
    border-top: 1px solid #eee;
    padding: 10px 15px;
}

.mobile-menu a{
    display: block;
    padding: 10px 0;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid #f1f1f1;
}

.mobile-menu a:last-child{
    border-bottom: none;
}





/*===============ABOUTUS CSS CODE================*/

 .aboutus-img{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    text-align: center;
    background: #fff;
    padding: 10px;
}

.aboutus-img img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
    transition: transform 0.4s ease;
}

.aboutus-img:hover img{
    transform: scale(1.05);
}

.aboutus-img p{
    margin-top: 12px;
    font-weight: 700;
    font-size: 16px;
    color: #333;
}

.aboutus-img p span{
    color: #e63946; /* Heart color accent */
}

    .stats-box{
    border-radius: 20px;
    padding: 25px 15px;
    color:#000;
    text-align:center;
    transition: all 0.4s ease-in-out;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    cursor: default;
}

.stats-box h3{
    font-size:28px;
    font-weight:700;
    margin-bottom:8px;
}

.stats-box h5{
    font-size:18px;
    font-weight:600;
    margin-bottom:6px;
}

.stats-box h6{
    font-size:14px;
    font-weight:400;
    opacity:0.85;
}

/* Hover Animation */
.stats-box:hover{
    transform: scale(1.05);
    box-shadow: 0 25px 50px rgba(0,0,0,0.25);
}

/* Different Colors */
.stats-box-1{ background: linear-gradient(135deg,#ff6b6b,#ff8787);}
.stats-box-2{ background: linear-gradient(135deg,#6bffb8,#87ffd0);}
.stats-box-3{ background: linear-gradient(135deg,#6b83ff,#87a0ff);}
.stats-box-4{ background: linear-gradient(135deg,#ffb86b,#ffd087);}