/*==========================================================
        HERO
==========================================================*/

.treatments-hero{

    padding:180px 0 100px;

    background:linear-gradient(
        135deg,
        #F7FFF9,
        #ECFFF4
    );

}

.treatments-hero .container{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;

}

.treatments-hero-content h1{

    font-size:56px;

    line-height:1.2;

    color:#1A8E4B;

    margin:25px 0;

}

.treatments-hero-content p{

    font-size:20px;

    color:#666;

    line-height:1.9;

}

.hero-buttons{

    display:flex;

    gap:20px;

    margin-top:40px;

}

.secondary-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

    border-radius:18px;

    border:2px solid #1A8E4B;

    color:#1A8E4B;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.secondary-btn:hover{

    background:#1A8E4B;

    color:#fff;

}

.treatments-hero-image img{

    width:100%;

}
/*==========================================================
        TREATMENTS
==========================================================*/

.treatment-list{

    padding:100px 0;

    background:#fff;

}

.section-title{

    text-align:center;

    max-width:800px;

    margin:0 auto 70px;

}

.section-title h2{

    font-size:46px;

    color:#1A8E4B;

    margin:18px 0;

}

.section-title p{

    font-size:18px;

    color:#666;

    line-height:1.8;

}

.treatment-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.treatment-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.35s;

}

.treatment-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(26,142,75,.18);

}

.treatment-card img{

    width:100%;

    height:220px;

    object-fit:cover;

}

.treatment-card h3{

    padding:25px 25px 10px;

    color:#1A8E4B;

    font-size:24px;

}

.treatment-card p{

    padding:0 25px 30px;

    line-height:1.8;

    color:#666;

}
/*==========================================================
        KSHARASUTRA
==========================================================*/

.ksharasutra-section{

    padding:100px 0;

    background:#F7FFF9;

}

.ksharasutra-section .container{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.kshara-left img{

    width:100%;

    border-radius:25px;

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.kshara-right h2{

    font-size:46px;

    color:#1A8E4B;

    margin:20px 0;

}

.kshara-right p{

    color:#666;

    line-height:1.9;

    font-size:18px;

}

.benefits-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

    margin-top:40px;

}

.benefit-box{

    background:#fff;

    padding:25px;

    border-radius:18px;

    box-shadow:0 12px 25px rgba(0,0,0,.08);

    transition:.35s;

}

.benefit-box:hover{

    transform:translateY(-6px);

}

.benefit-box i{

    color:#1A8E4B;

    font-size:30px;

    margin-bottom:15px;

}

.benefit-box h4{

    margin-bottom:10px;

    color:#222;

}

.benefit-box p{

    font-size:15px;

}
/*==========================================================
        TREATMENT PROCEDURE
==========================================================*/

.treatment-procedure{

    padding:100px 0;

    background:#fff;

}

.procedure-timeline{

    max-width:850px;

    margin:70px auto 0;

    position:relative;

}

.procedure-timeline::before{

    content:"";

    position:absolute;

    left:35px;

    top:0;

    width:4px;

    height:100%;

    background:#1A8E4B;

    border-radius:20px;

}

.procedure-step{

    display:flex;

    gap:35px;

    margin-bottom:50px;

    position:relative;

}

.step-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#1A8E4B;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:28px;

    flex-shrink:0;

    z-index:2;

}

.step-content{

    background:#F8FBF8;

    padding:25px;

    border-radius:18px;

    width:100%;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.step-content h3{

    color:#1A8E4B;

    margin-bottom:12px;

    font-size:24px;

}

.step-content p{

    color:#666;

    line-height:1.8;

}