/*==========================================================
    KSHARASUTRA
    TABLET
==========================================================*/

@media(max-width:992px){

.ksharasutra-section{

    padding:90px 0;

}

/* Header */

.kshara-header{

    margin-bottom:60px;

}

.kshara-header h2{

    font-size:42px;

}

.kshara-header p{

    font-size:18px;

}

/* Layout */

.kshara-wrapper{

    flex-direction:column;

    gap:60px;

}

.kshara-image{

    width:100%;

    max-width:650px;

    margin:auto;

}

/* Heritage Card */

.heritage-card{

    right:25px;

    bottom:25px;

    width:270px;

}

/* Content */

.kshara-content{

    width:100%;

    text-align:center;

}

.kshara-content h3{

    font-size:40px;

}

.kshara-content p{

    font-size:17px;

}

/* Benefits */

.benefits-grid{

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

    gap:18px;

}

/* Timeline */

.kshara-timeline{

    margin-top:80px;

    flex-wrap:wrap;

    justify-content:center;

    gap:40px;

}

.kshara-timeline::before{

    display:none;

}

.timeline-item{

    flex:0 0 45%;

}

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

@media(max-width:576px){

.ksharasutra-section{

    padding:70px 0;

}

/* ---------- Header ---------- */

.kshara-header{

    margin-bottom:45px;

}

.kshara-header .section-badge{

    font-size:13px;

    padding:10px 18px;

}

.kshara-header h2{

    font-size:34px;

    line-height:1.25;

}

.kshara-header p{

    font-size:16px;

    line-height:1.8;

}

/* ---------- Layout ---------- */

.kshara-wrapper{

    flex-direction:column;

    gap:40px;

}

/* ---------- Image ---------- */

.kshara-image{

    width:100%;

}

.kshara-image img{

    border-radius:22px;

}

/* ---------- Heritage Card ---------- */

.heritage-card{

    position:relative;

    right:auto;

    bottom:auto;

    width:100%;

    margin-top:20px;

    padding:22px;

}

.heritage-card h4{

    font-size:22px;

}

.heritage-card p{

    font-size:15px;

}

/* ---------- Content ---------- */

.kshara-content{

    text-align:center;

}

.content-tag{

    font-size:12px;

}

.kshara-content h3{

    font-size:30px;

    margin-bottom:18px;

}

.kshara-content p{

    font-size:16px;

    line-height:1.8;

}

/* ---------- Benefits ---------- */

.benefits-grid{

    grid-template-columns:1fr;

    gap:16px;

    margin:35px 0;

}

.benefit-card{

    padding:22px;

    border-radius:18px;

}

.benefit-card{

    font-size:34px;

}

.benefit-card h4{

    margin-top:12px;

    font-size:17px;

}

/* ---------- Button ---------- */

.kshara-content .btn{

    width:100%;

    justify-content:center;

}

/* ---------- Timeline ---------- */

.kshara-timeline{

    margin-top:60px;

    display:flex;

    flex-direction:column;

    gap:30px;

}

.kshara-timeline::before{

    display:none;

}

.timeline-item{

    width:100%;

}

.circle{

    width:68px;

    height:68px;

    font-size:30px;

}

.timeline-item h4{

    font-size:18px;

}

.timeline-item p{

    font-size:14px;

    max-width:280px;

}

}