@media screen and (max-width: 1400px) {
    .hero-section br  {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .logo-text img {
    width: 100%;
}

.hero-section .col-6.col-md-4 {
    width: 45%;
}

.hero-section .col-6.col-md-8.text-end.phone-head {
    width: 55%;
}

.hero-section .col-6.col-md-8.text-end.phone-head span.d-block.opacity-75 {
    display: none !important;
}

.hero-section .col-6.col-md-8.text-end.phone-head span.fw-bold.d-block {
    font-size: 14px !important;
}

.hero-section header.container.pt-4.pb-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.orange-badge {
    font-size: 14px;
    margin-bottom: 10px !important;
}

.hero-section h1 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px !important;
}

.para-1 {
    font-size: 14px;
    line-height: 24px;
}

.feature-list li {
    font-size: 14px;
}

.feature-list li img {
    width: 25px;
    margin: -10px 8px 0 0;
}

ul.feature-list {
    margin-bottom: 0 !important;
}

.hero-section .row.gy-5.align-items-center {}

.hero-section .row.gy-5.align-items-center .col-lg-5 {
    margin-top: 5px;
}

.hero-section .row.gy-5.align-items-center .col-lg-5 .mb-4 {
    display: none;
}

.custom-footer-bar {
}

.sec-text h2 {
    font-size: 25px;
}

.light-orange-badge {
    font-size: 14px;
}

.mb-5.text-start.sec-text {}

.mb-5.text-start.sec-text p.text-secondary.fs-6 {
    font-size: 14px !important;
}

.container-fluid.px-0 {}

.container-fluid.px-0 .row.row-cols-1.row-cols-sm-2.row-cols-md-3.row-cols-lg-5.g-4.mx-0 {
}

.books-notice-badge.d-inline-block.px-4.py-2 {
    font-size: 14px;
}

.para-2 h2 {
    font-size: 25px;
    line-height: 30px;
}

.para-2 p {
    font-size: 14px !important;
}

.process-orange-badge {
    font-size: 14px;
}

.para-3 h2 {
    font-size: 25px;
    line-height: 30px;
}

.para-3 p.text-secondary.fs-6.mx-auto {
    font-size: 14px !important;
}

.promises-section h2 {
    font-size: 25px;
    line-height: 30px;
    padding-top: 10px;
}

.promises-section p {
    font-size: 15px;
}

.faq-pill-badge {
    font-size: 14px;
}

.fott-con h2 {
    font-size: 25px;
    line-height: 30px;
}

.fott-con p {
    font-size: 14px;
}

.footer-cta-section h2 {
    font-size: 25px !important;
    line-height: 30px;
}

.footer-cta-section p {
    width: 100%;
    font-size: 14px;
}

.cta-buttons-flex.d-flex.flex-column.flex-sm-row.align-items-sm-center.gap-3 {
    align-items: inherit !important;
}
section.published-books-section.py-5 {
    padding-top: 0 !important;
}
}
/* --- Mobile Slider Layout Ke Andar Isay Update Karein --- */
@media (max-width: 576px) {
    
    /* Pehle se majood .row aur .col ka code wese hi rahega... */

    /* Sirf is card wale block ko aise modify kar dein */
    .consolidated-video-wrapper {
        aspect-ratio: 9 / 12 !important; /* HEIGHT: Pehle 9/14 thi, ab 9/12 karke height thodi kam kar di */
        max-width: 88% !important;       /* WIDTH: Isay 88% kiya taake side se bhi card thoda small ho jaye */
        margin: 0 auto !important;       /* CENTERING: Card ko screen ke bilkul beech me rakhne k liye */
    }
}