.service-hero{
    padding:120px 0;
    background:
    linear-gradient(
        135deg,
        #fff3f3,
        #ffffff
    );
}

.hero-badge{
    background:#ffe4e4;
    color:#c40000;
    padding:10px 20px;
    border-radius:50px;
    font-weight:700;
}

.service-hero h1{
    font-size:60px;
    font-weight:800;
    margin:25px 0;
    color:#a00000;
}

.service-hero p{
    max-width:800px;
    margin:auto;
    line-height:1.9;
    color:#555;
}

.btn-service{
    display:inline-block;
    margin-top:35px;
    background:#c40000;
    color:#fff;
    padding:15px 35px;
    border-radius:50px;
    font-weight:700;
}

.service-stat{
    margin-top:-50px;
    padding-bottom:80px;
}

.stat-box{
    background:#fff;
    border-radius:20px;
    padding:30px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.stat-box h2{
    color:#c40000;
    font-size:40px;
    font-weight:800;
}

.service-card{
    background:#fff;
    padding:40px 30px;
    border-radius:25px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.service-card:hover{
    transform:translateY(-10px);
}

.service-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    background:#ffe4e4;
    margin:auto;
    margin-bottom:25px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:35px;
    color:#c40000;
}

.service-card h3{
    font-weight:700;
    margin-bottom:15px;
}

.service-card p{
    color:#666;
    line-height:1.8;
}

.cta-section{
    margin-top:100px;
    padding:100px 0;
    background:
    linear-gradient(
        90deg,
        #a00000,
        #d90000
    );
    color:#fff;
}

.cta-section h2{
    font-size:48px;
    font-weight:800;
}

.cta-section p{
    margin-top:20px;
    opacity:.9;
}

.cta-section .btn-appointment{
    margin-top:30px;
    display:inline-block;
    background:#fff;
    color:#c40000;
    padding:15px 35px;
    border-radius:50px;
    font-weight:700;
}