body {
    font-family: Vazirmatn, Tahoma, sans-serif;
    background:#f8fafc;
    color:#1e293b;
}


.hero {
    background: linear-gradient(
        135deg,
        #0f766e,
        #2563eb
    );
    border-radius:20px;
    padding:60px 40px;
    color:white;
}


.hero h1 {
    font-size:42px;
    font-weight:800;
}


.hero p {
    font-size:20px;
    line-height:2;
}


.section-title {
    font-weight:800;
    margin-bottom:35px;
}


.service-card {

    background:white;
    border-radius:18px;
    padding:30px 20px;
    text-align:center;
    height:100%;

    box-shadow:
    0 5px 20px rgba(0,0,0,.05);

    transition:.3s;
}


.service-card:hover {

    transform:translateY(-5px);

}


.service-icon {

    font-size:40px;
    color:#0f766e;
    margin-bottom:15px;

}


.nurse-card {

    background:white;
    border-radius:20px;
    overflow:hidden;
    box-shadow:
    0 5px 20px rgba(0,0,0,.08);

}


.nurse-card img {

    width:100%;
    height:250px;
    object-fit:cover;

}


@media(max-width:768px){

    .hero {

        padding:30px 20px;

    }


    .hero h1 {

        font-size:28px;

    }

}