.contact-shloka-section{
    background:#FAF8F3;
    padding:4px 14px 10px;
}

.contact-shloka-card{
    position:relative;
    max-width:1450px;
    margin:0 auto;
    background:#FFFDF8;
    border:1px solid #D4AF37;
    padding:30px 20px;
    text-align:center;
    overflow:hidden;
}

.diya-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.diya-img{
    width:90px;
    height:auto;
}

.contact-shloka{
    font-size:3rem;
    font-weight:600;
    color:#6B4E2E;
    margin-bottom:15px;
    line-height:1.4;
}

.contact-shloka-hindi{
    font-size:1.3rem;
    color:#4F463D;
    margin-bottom:12px;
}

.contact-shloka-english{
    font-size:1.1rem;
    color:#555;
    margin:0;
}

.corner{
    position:absolute;
    width:45px;
    height:45px;
    border-color:#D4AF37;
}

.top-left{
    top:12px;
    left:12px;
    border-top:1px solid;
    border-left:1px solid;
}

.top-right{
    top:12px;
    right:12px;
    border-top:1px solid;
    border-right:1px solid;
}

.bottom-left{
    bottom:12px;
    left:12px;
    border-bottom:1px solid;
    border-left:1px solid;
}

.bottom-right{
    bottom:12px;
    right:12px;
    border-bottom:1px solid;
    border-right:1px solid;
}
.quick-contact-section{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    padding:14px;
}

.quick-contact-card{
    background:#fff;
    border-radius:14px;
    padding:18px;
    display:flex;
    align-items:center;
    gap:16px;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
    border:1px solid #edf0f5;
    transition:.3s;
}

.quick-contact-card:hover{
    transform:translateY(-4px);
}

.contact-icon{
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.call-card .contact-icon{
    background:#e7f7ef;
}

.email-card .contact-icon{
    background:#eef3ff;
}

.location-card .contact-icon{
    background:#eef3ff;
}

.timing-card .contact-icon{
    background:#e7f7ef;
}

.call-card i,
.timing-card i{
    color:#0b8f63;
    font-size:1.5rem;
}

.email-card i,
.location-card i{
    color:#18469B;
    font-size:1.5rem;
}

.contact-content h3{
    font-size:1.05rem;
    font-weight:700;
    margin-bottom:8px;
    color:#1f2937;
}

.contact-content p{
    margin:0;
    line-height:1.5;
    font-size:.9rem;
    color:#666;
}
.contact-main-section{
    display:grid;
    grid-template-columns:65% 35%;
    gap:7px;
    padding:14px;
}

.contact-form-card,
.clinic-info-card{
    background:#fff;
    border-radius:16px;
    padding:24px;
    border:1px solid #edf0f5;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
}

.section-heading{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-bottom:24px;
}

.section-heading i{
    color:#18469B;
    font-size:1.4rem;
}

.section-heading h2{
    color:#18469B;
    font-size:1.8rem;
    font-weight:700;
}

.form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.form-group{
    display:flex;
    flex-direction:column;
}

.form-group label{
    font-size:.9rem;
    font-weight:600;
    margin-bottom:8px;
    color:#374151;
}

.form-group input,
.form-group textarea{
    padding:14px;
    border:1px solid #dfe4ec;
    border-radius:10px;
    font-size:.95rem;
}

.full-width{
    margin-top:18px;
}

.send-btn{
    margin-top:20px;
    background:#0b8f63;
    color:#fff;
    border:none;
    border-radius:10px;
    padding:14px 28px;
    font-size:1rem;
    font-weight:600;
    cursor:pointer;
}

.info-item{
    display:flex;
    gap:16px;
    margin-bottom:28px;
}

.info-item i{
    width:46px;
    height:46px;
    background:#eef3ff;
    color:#18469B;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.info-item h4{
    color:#18469B;
    margin-bottom:6px;
}

.info-item p{
    color:#555;
    line-height:1.6;
}
.location-section{
    padding:0 14px 18px;
}

.location-banner{
    background:#fff;
    border:1px solid #e7edf7;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 2px 12px rgba(0,0,0,.04);
}

.location-overlay{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 22px;
    border-bottom:1px solid #edf1f8;
}

.clinic-location h3{
    color:#18469B;
    font-size:1.15rem;
    font-weight:700;
    margin-bottom:6px;
}

.clinic-location p{
    color:#666;
    font-size:.92rem;
}

.map-btn{
    background:#0c9b63;
    color:#fff;
    text-decoration:none;
    padding:12px 22px;
    border-radius:10px;
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:600;
}

.location-banner iframe{
    width:100%;
    height:340px;
    border:none;
}
.why-contact-section{
    padding:0 14px 18px;
}

.why-contact-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.why-card{
    background:#fff;
    border:1px solid #e7edf7;
    border-radius:12px;
    padding:24px 18px;
    text-align:center;
}

.why-icon{
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
}

.why-icon.blue{
    background:#eaf0ff;
}

.why-icon.green{
    background:#e9f7ef;
}

.why-icon.blue i{
    color:#18469B;
    font-size:1.55rem;
}

.why-icon.green i{
    color:#0b8f63;
    font-size:1.55rem;
}

.why-card h3{
    font-size:1rem;
    font-weight:700;
    line-height:1.4;
    margin-bottom:12px;
    color:#18469B;
}

.why-card p{
    font-size:.88rem;
    color:#555;
    line-height:1.6;
}
.faq-section{
    padding:0 14px 18px;
}

.faq-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.faq-column{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.faq-item{
    background:#fff;
    border:1px solid #E8EDF6;
    border-radius:10px;
    overflow:hidden;
}

.faq-item summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    color:#18469B;
    font-weight:600;
    font-size:.95rem;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary i{
    color:#18469B;
    font-size:.9rem;
}

.faq-item[open] summary i{
    transform:rotate(45deg);
}

.faq-item p{
    padding:0 18px 16px;
    color:#555;
    line-height:1.7;
    font-size:.9rem;
}









@media (min-width:768px) and (max-width:1059px){

    .contact-shloka-section{
        padding:4px 12px 10px;
    }

    .contact-shloka-card{
        padding:28px 18px;
    }

    .diya-img{
        width:70px;
    }

    .contact-shloka{
        font-size:2.2rem;
        line-height:1.3;
    }

    .contact-shloka-hindi{
        font-size:1.1rem;
    }

    .contact-shloka-english{
        font-size:1rem;
    }
    .quick-contact-section{
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    padding:12px;
}

.quick-contact-card{
    padding:16px;
}

.contact-icon{
    width:52px;
    height:52px;
}

.contact-content h3{
    font-size:1rem;
}

.contact-content p{
    font-size:.88rem;
}
.contact-main-section{
    grid-template-columns:1fr;
    gap:12px;
    padding:12px;
}

.form-grid{
    grid-template-columns:1fr 1fr;
}
.location-section{
    padding:0 12px 16px;
}

.location-overlay{
    padding:16px;
}

.location-banner iframe{
    height:300px;
}
.why-contact-section{
    padding:0 12px 16px;
}

.why-contact-grid{
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}
.faq-section{
    padding:0 12px 16px;
}

.faq-grid{
    grid-template-columns:1fr;
}
}





@media (max-width:767px){

    .contact-shloka-section{
        padding:4px 8px 8px;
    }

    .contact-shloka-card{
        padding:24px 14px;
    }

    .diya-img{
        width:50px;
    }

    .contact-shloka{
        font-size:1.6rem;
        line-height:1.35;
        margin-bottom:12px;
    }

    .contact-shloka-hindi{
        font-size:.95rem;
        margin-bottom:10px;
    }

    .contact-shloka-english{
        font-size:.88rem;
        line-height:1.6;
    }

    .corner{
        width:32px;
        height:32px;
    }
    .quick-contact-section{
    grid-template-columns:1fr;
    gap:10px;
    padding:8px;
}

.quick-contact-card{
    padding:14px;
    gap:12px;
}

.contact-icon{
    width:46px;
    height:46px;
}

.contact-icon i{
    font-size:1.2rem;
}

.contact-content h3{
    font-size:.95rem;
    margin-bottom:4px;
}

.contact-content p{
    font-size:.82rem;
    line-height:1.4;
}
.contact-main-section{
    grid-template-columns:1fr;
    gap:10px;
    padding:8px;
}

.contact-form-card,
.clinic-info-card{
    padding:16px;
}

.section-heading h2{
    font-size:1.3rem;
}

.form-grid{
    grid-template-columns:1fr;
    gap:12px;
}

.form-group input,
.form-group textarea{
    padding:12px;
    font-size:.9rem;
}

.send-btn{
    width:100%;
}

.info-item{
    gap:12px;
    margin-bottom:18px;
}
.location-section{
    padding:0 8px 14px;
}

.location-overlay{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    padding:16px;
}

.clinic-location h3{
    font-size:1rem;
}

.clinic-location p{
    font-size:.82rem;
}

.map-btn{
    width:100%;
    justify-content:center;
}

.location-banner iframe{
    height:240px;
}
.why-contact-section{
    padding:0 8px 14px;
}

.why-contact-grid{
    grid-template-columns:1fr;
    gap:10px;
}

.why-card{
    padding:20px 16px;
}

.why-icon{
    width:52px;
    height:52px;
    margin-bottom:14px;
}

.why-icon i{
    font-size:1.35rem;
}

.why-card h3{
    font-size:.92rem;
}

.why-card p{
    font-size:.82rem;
}
.faq-section{
    padding:0 8px 14px;
}

.faq-grid{
    grid-template-columns:1fr;
    gap:10px;
}

.faq-item summary{
    font-size:.86rem;
    padding:13px 14px;
}

.faq-item p{
    padding:0 14px 14px;
    font-size:.8rem;
}

}