*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,body{
    height: 100%;
    width: 100%;
}
/* 
.index-from::placeholder{
    color: white !important;
} */

.nav-links h4:hover{
    /* display: none; */
    color: #FEBA26;
}

.partner-center h4:hover{
    color: #FEBA26;
}

.img{
    height: 100vh;
    width: 100% ;
    background: url(./images/education/health_bg.jpg);
}

.scroll-box {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 15px; /* Optional: avoids hidden content */
}

.img-home{
    height: 100vh;
    width: 100%;
    background: url(./images/education/healt1h_bg.jpg);
}

span{
    color: #FEBA26 !important;
}

    .product-card {
            transition: transform 0.2s;
            border: none;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }
        .product-image {
            height: 250px;
            object-fit: cover;
        }
        .wishlist-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            background: white;
            border: none;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        .filter-section {
            background-color: #f8f9fa;
            min-height: 100vh;
        }
        .category-item {
            cursor: pointer;
            padding: 10px;
            border-radius: 8px;
            transition: background-color 0.2s;
        }
        .category-item:hover {
            background-color: #e9ecef;
        }
        .category-image {
            width: 60px;
            height: 60px;
            object-fit: cover;
            border-radius: 8px;
        }