.clinica{
    width: 100%;
    padding: 10vw 0;
    background: #F7FBFF;
}
.clinica_title{
    text-align: center;
    font-family: "Inter", sans-serif;
    color: #130A4A;
    text-align: center;
}
.doctor_list{
    width: 95%;
    margin: auto;
    max-width: 1000px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    grid-gap: 80px 48px;
    margin-top: 80px;
}
.doctor_list>div{
    height: 155px;
    border: 2px solid #130A4A;
    border-radius: 10px;
    background: #EFF6FF;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    color: #130A4A;
    font-family: "Inter", sans-serif;
}
.doctor_head{
    position: absolute;
    width: 70px;
    height: 70px;
    border: 2px solid #130A4A;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F7FBFF;
    transition: all 0.3s;

}
.doctor_list>div:hover{
    background: white;
}
.doctor_list>div:hover .doctor_head{
    background: #E1F502;
}
.doctor_name{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 60px;
}
.doctor_des{
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}
@media screen and (max-width: 992px){
    .doctor_list{
        grid-template-columns: repeat(2,1fr);
    }
}
@media screen and (max-width: 768px){
    .doctor_list{
        grid-template-columns: repeat(1,1fr);
    }
}