.diseases .box-container{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    gap:2rem;
}

.diseases .box-container .box{
    text-align: justify;
    background:#fff;
    border-radius: .5rem;
    border:var(--border);
    box-shadow: var(--box-shadow);
    padding:2rem;
     display: flex;
    flex-direction: column;
    align-items: center;   /* Centers content horizontally */
    /*justify-content: center;  Centers content vertically */
}

.diseases .box-container .box img{
    height: 20rem;
    width: 30rem;
    object-fit: cover;   /* Ensures the image covers the container without stretching */
    border: var(--border);
    border-radius: .5rem;
    margin-top: 1rem !important;
    
}


.diseases .box-container .box h3{
    text-align:center !important;
    color:var(--black);
    font-size: 2.5rem;
}

.diseases .box-container .box span{
    color:var(--green);
    font-size: 1.5rem;
}


.diseases .box-container .box p{
    color: var(--light-color) !important;
    font-size: 1.8rem !important;
    line-height: 1.6 !important;
}

.diseases .box-container .box ul li{
    font-size: 1.5rem !important;
    line-height: 1.5 !important;
    
}