/* =========================================================
   Laptop / desktop container breaks + layout polish
   1) ≤1650px → container 1399px
   2) ≤1440px → container 1024px
   ========================================================= */

/* ---------- First break: 1650px → container 1399px ---------- */
@media (max-width: 1650px) {
    .rb-service-visual img {
        max-width: 470px;
    }
    .header-brand img {
        max-width: 300px;
    }

    .navigaion-menu ul li a {
        font-size: 16px;
    }
    .speciality-wrapper .bi-btn.card-arrow {
        right: -15px;
        bottom: -55px;
    }
    .bi-btn.card-arrow {
        right: 15px;
        bottom: 15px;
    }

    .why-choose-us .col-6 {
        flex: 1 0 50%;
        max-width: 75%;
    }

    .container {
        max-width: 1399px;
        padding-inline: 24px;
        width: 100%;
        box-sizing: border-box;
    }

    .container-full {
        padding-inline: 40px;
    }
    h2.theme-heading.heading {
        padding-bottom: 10px !important;
        margin-bottom: 0;
    }
    span.theme-para.pe-para {
        font-size: 18px;
    }
    a.bi-btn.publishing-btn {
        font-size: 16px;
        padding: 14px 30px;
    }
    .site-modal__intro h2 {
        font-size: clamp(30px, 5vw, 40px);
    }
    /* ---- Navbar: keep one row, tighter sizing (no wrap) ---- */
    .main-header-wrapper {
        margin-top: 28px;
    }

    .main-header-wrapper .row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        column-gap: 12px;
        row-gap: 0;
    }

    .main-header-wrapper .col-3 {
        flex: 0 0 auto;
        max-width: none;
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .main-header-wrapper .col-6.nav {
        flex: 1 1 auto;
        max-width: none;
        width: auto;
        min-width: 0;
        order: 0;
        padding-left: 8px;
        padding-right: 8px;
    }

    .navigaion-menu {
        width: 100%;
        max-width: 720px;
        margin-inline: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .navigaion-menu ul {
        flex-wrap: nowrap;
        justify-content: center;
        gap: 0;
    }

    .navigaion-menu li a {
        padding: 8px 12px;
        font-size: 13px;
        white-space: nowrap;
    }

    .btn-wrapper.nav-btn {
        gap: 8px;
        flex-wrap: nowrap;
    }

    .btn-wrapper.nav-btn .bi-btn {
        width: auto;
        padding: 10px 14px;
        font-size: 13px;
        white-space: nowrap;
    }

    .main-heading {
        font-size: 22px;
        white-space: nowrap;
        margin-top: 8px;
    }

    /* ---- Hero: more top space ---- */
    .bi-hero {
        padding: 120px 0 140px;
    }

    .hero-title {
        font-size: 39px;
    }
    .field{
        margin-bottom:19px;
    }
    .bi-services-tabs{
        padding: 110px 0 70px;
    }
    .bi-logos {
        margin-top: -85px;
        margin-bottom: -97px;
    }
    h2.theme-heading.scps,
    h2.theme-heading.Christine-main-heading,
    h2.theme-heading.heading,
    h2.theme-heading.a-s,
    h2.theme-heading.r-p-h,
    h2.theme-heading.whychooseus {
        font-size: 38px;
    }
    .speciality-publishing .box {
        height: 290px;
    }
    .theme-heading {
        font-size: 38px;
    }
    h3.theme-heading._box {
        font-size: 24px;
    }
    .theme-para {
        font-size: 18px;
    }

    .hero-wrapper {
        gap: 24px;
        margin-top: 48px;
    }

    .hero-form {
        margin-left: 16px;
        width: 34%;
        min-width: 0;
    }

    .hero-content {
        width: 38%;
        min-width: 0;
    }

    .hero-img {
        width: 24%;
        min-width: 0;
        margin-left: -60px;
    }

    .hero-content .btn-wrapper .bi-btn {
        width: auto;
        max-width: 100%;
        white-space: normal;
    }

    /* ---- Logos slider: smaller items ---- */
    .bi-logos .container {
        padding: 36px 48px !important;
    }

    .logos-wrapper {
        gap: 36px;
    }

    .logo-item {
        width: 150px !important;
        height: 110px !important;
        margin-inline: 6px;
        border-width: 3px;
        border-radius: 16px;
    }

    .logo-item img {
        max-width: 72%;
        max-height: 68%;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .speciality-wrapper {
        grid-template-columns: 1.05fr 1fr 1fr;
        gap: 20px;
    }

    /* ---- Who we are: wvs arrows aligned ---- */
    .wvs-wrapper {
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .big-heading {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 16px;
        max-width: 100%;
    }

    .wvs {
        font-size: 68px;
        line-height: 1;
        margin-left: 0;
        white-space: nowrap;
    }

    img.img-fluid.wvs-img,
    img.img-fluid.wvs-img-right {
        margin-left: 0 !important;
        margin-top: 0 !important;
        width: 72px;
        height: auto;
        flex-shrink: 0;
        object-fit: contain;
    }

    /* ---- Christine cards: less right padding so arrow fits ---- */
    .christine-wrapper2 .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .christine-wrapper2 .img-box {
        min-height: 250px;
    }

    .christine-wrapper2 .box-img {
        max-width: 180px;
        min-height: 250px;
    }

    .christine-wrapper2 .img-box-content {
        padding: 22px 52px 22px 16px;
    }

    .christine-wrapper2 .img-box-heading {
        font-size: 20px;
    }

    .christine-wrapper2 .serve-para {
        font-size: 13px;
    }

    .christine-wrapper2 .bi-btn.card-arrow {
       right: 20px;
        bottom: 20px;
        width: 26px;
        height: 26px;
    }
    .chrisine-wrapper {
        margin-top: 0;
    }
    
    .christine-voice {
        margin-top: 90px;
    }
    /* ---- Why choose us: compact ---- */
    .why-choose-us {
        min-height: 0;
        padding: 60px 28px 70px;
        margin-top: 80px;
    }

    h2.theme-heading.whychooseus {
        font-size: 36px;
        padding-top: 16px;
    }

    .why-choose-us .steps-wrapper {
        gap: 36px;
        padding-top: 48px;
        margin-left: 160px;
        width: calc(100% - 160px);
    }

    .why-choose-us .step-number-box {
        width: 100%;
        height: 340px;
    }

    .why-choose-us .big-number {
        font-size: 240px;
        bottom: 40px;
    }

    .why-choose-us .step-label {
        font-size: 18px;
        top: 16px;
        left: 14px;
    }

    .why-choose-us .step-content h3 {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .why-choose-us .step-content p {
        font-size: 14px;
        max-width: 100%;
    }

    .why-choose-us .step-2,
    .why-choose-us .step-4 {
        transform: translateY(48px);
    }

    .why-choose-us .contact-circle {
        top: 380px;
        width: 150px;
        height: 150px;
    }

    .why-choose-us .contact-ring {
        width: 150px;
        height: 150px;
    }

    .why-choose-us .contact-button {
        width: 100px;
        height: 100px;
        font-size: 14px;
    }

    /* ---- Meet the team: no image overlap ---- */
    .publishing-expert {
        margin-top: 90px;
        overflow: hidden;
    }

    .expert-wrapper {
        margin-top: 28px;
    }

    .expert-wrapper .row {
        align-items: flex-start;
    }

    .expert-wrapper .col-3 {
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .expert-wrapper .col-3 img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 12px;
    }

    .content-coloum {
        padding-inline: 4px;
    }

    .content-coloum h3,
    .expert-heading {
        font-size: 20px;
        margin-top: 18px;
        margin-bottom: 10px;
        line-height: 1.25;
    }

    .expert-para,
    span.expert-para {
        font-size: 14px;
        line-height: 1.4;
        display: block;
    }

    .row.second-team {
        margin-top: 40px;
    }

    .Team_btn {
        display: flex;
        justify-content: center;
    }

    /* ---- Book category tabs: single row ---- */
    .book-categories {
        flex-wrap: nowrap;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        justify-content: center;
        gap: 4px;
        padding: 6px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .book-categories .category {
        font-size: 15px;
        padding: 8px 21px;
        flex: 0 0 auto;
    }

    .portfolio-img {
        max-width: 768px;
    }

    .published-background-text {
        font-size: 120px;
    }

    .book-slider {
        height: 520px;
    }

    .book-card {
        width: 220px;
        height: 348px;
    }
    .Have-questions .form-card .field {
        margin-bottom: 40px;
    }
    /* ---- Author success stories: fit container, edge padding ---- */
    .success-stories {
        padding: 110px 0 120px;
    }
    .Team_btn .bi-btn {
        font-size: 15px;
        padding: 14px 30px;
    }
    h3.manuscript-heading {
        font-size: 26px;
    }
    
    .left-side-wrapper {
        justify-content: space-between;
    }
    
    .process-center .circle-img {
        height: 640px;
    }
    
    .process-grid {
        margin-top: 80px;
}
    .stories-wrapper {
        display: flex;
        gap: 22px;
        margin-top: 32px;
    }

    .success-box {
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
        min-height: 360px;
        padding: 24px;
        gap: 20px;
        align-items: center;
        box-sizing: border-box;
        overflow: hidden;
    }

    .success-box>img {
        width: 40%;
        max-width: 280px;
        height: auto;
        max-height: 320px;
        min-height: 260px;
        object-fit: cover;
        border-radius: 16px;
        flex-shrink: 0;
    }

    .success-box .success-content {
        margin-left: 0;
        margin-top: 0;
        padding-right: 8px;
        flex: 1;
        min-width: 0;
    }

    p.theme-para.box-para-1,
    p.theme-para.box-para2 {
        font-size: 17px;
        line-height: 1.45;
    }

    .success-box .theme-para br {
        display: none;
    }

    .success-img-box {
        margin-top: 28px;
    }

    .publishing-process {
        padding-left: 32px;
        padding-right: 32px;
    }

    .container-testimonial {
        width: 100% !important;
        max-width: 100%;
    }

    .form-card {
        margin-left: 16px;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .faq-section .col-3 {
        flex: 0 0 34%;
        max-width: 34%;
    }

    .col-6.faq {
        flex: 0 0 66%;
        max-width: 66%;
        padding-left: 20px;
    }

    /* ---- Publishing resources: smaller in-card headings ---- */
    .publishing-resources {
        padding: 70px 24px;
    }

    .Guides {
        height: 200px;
        max-width: none;
        width: auto;
        left: 16px;
        right: 16px;
        bottom: 16px;
        padding: 18px 18px 56px;
        min-height: 0;
        box-sizing: border-box;
    }

    .guides-heading {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 1.25;
    }

    .guides-para {
        font-size: 14px;
        line-height: 1.4;
    }

    .resources-box {
        overflow: hidden;
    }

    .date {
        width: 72px;
        height: 66px;
        top: 28px;
        right: 20px;
    }

    .date-box {
        font-size: 28px;
    }

    .date-month {
        font-size: 14px;
    }

    /* ---- CTA: crosses left + right ---- */
    .calltoaction {
        position: relative;
        padding-top: 56px;
        padding-bottom: 90px;
        overflow: hidden;
    }

    .calltoaction-content {
        margin-top: 0;
        position: relative;
        z-index: 2;
        padding-inline: 160px;
    }

    .calltoaction .cross1,
    .calltoaction .cross2 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 140px;
        max-width: 140px;
        height: auto;
        z-index: 1;
        pointer-events: none;
        opacity: 0.9;
        margin: 0;
        display: block;
    }

    .calltoaction .cross1 {
        left: 20px;
        right: auto;
    }

    .calltoaction .cross2 {
        right: 20px;
        left: auto;
        bottom: auto;
    }

    .cta-btn {
        max-width: 100%;
        margin-inline: 0 !important;
    }

    .cta-btn .bi-btn {
        min-width: 180px;
        width: auto;
        flex: 1 1 auto;
    }

    /* ---- Secondary footer ---- */
    .secondary-footer {
        padding-bottom: 24px;
    }

    .secondary-footer-wrapper {
        margin-top: 36px;
        padding-top: 20px;
        padding-bottom: 8px;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px 24px;
        box-sizing: border-box;
    }

    .secondary-footer-wrapper>.theme-para {
        font-size: 15px;
        margin: 0;
        line-height: 1.4;
        min-width: 0;
    }

    .secodnary-footer-links {
        margin-top: 0;
        gap: 16px;
        font-size: 15px;
        flex-wrap: wrap;
    }

    .secodnary-footer-links a {
        white-space: nowrap;
    }

    .navigaion-menu {
        max-width: 598px;
    }

    .hero-section {
        padding-top: 170px;
    }

    img.img-fluid.eagles {
        width: 290px;
        height: 210px;
        object-fit: contain;
        margin-top: -95px;
    }

    img.img-fluid.message-img-left {
        margin-left: 90px;
    }

    img.img-fluid.message-img-right {
        margin-right: 90px;
    }

    img.img-fluid.services-img {
        margin-left: -120px;
    }
    .rb-wheel {
        scale: 1.1;
    }

    .rb-service-content {
        margin-left: 555px;
        top: 35px;
        max-width: 450px;
    }

    .rb-service-content p {
        font-size: 17px;
    }

    .rb-service-content h2 {
        font-size: 24px;
        letter-spacing: -1px;
    }
    .hero-content .btn-wrapper {
        max-width: 100%;
    }

    .hero-content .btn-wrapper .bi-btn {
        font-size: 13px;
    }
    .about-img {
        height: 100%;
    }
    .about-img  img{
        height: 100%;
    }
    .aboutfaith-content-wrapper {
        padding-left: 0px;
    }
    
    p.theme-para.faithbridge-para {
        max-width: 675px;
        font-size: 18px;
    }
    
    .circle-list li {
        margin-bottom: 12px;
        font-size: 17px;
    }
    
    img.img-fluid.black-universal {
        width: 260px;
        height: 240px;
    }
    
    h2.theme-heading.faith-bridge {
        padding-bottom: 15px;
        font-size: 34px;
    }
    
    .about-img {
        max-width: 90%;
    }
    .mission-box p.theme-para {
        font-size: 17px;
        margin-top: 0;
    }
    
    .mission-box {
        padding: 55px 25px 40px 35px;
    }
    .card-1, .card-2, .card-3, .card-4 {
        width: 100%;
    }
    :is(.card-1, .card-2, .card-3, .card-4) h2{
        font-size: 66px;
        padding-bottom:150px;
    }
    :is(.card-1, .card-2, .card-3, .card-4) {
        height: 385px;
    }
    
    :is(.card-1, .card-2, .card-3, .card-4) img.img-fluid {
        max-width: 200px;
        margin-top:50px;
        margin-left:-30px;
        position:static;
    }
    .contact-inforation {
        margin-top: -64px;
    }
    
    .contact-inforation .contact-no {
        padding-top: 0;
        font-size:17px;
    }
    
    .information {
        height: 103px;
    }
    
    a.location {
        padding-top: 0;
        font-size:17px;
    }
    
    a.email-id {
        padding-top: 0;
        font-size:17px;
    }
    
    .information img {
        max-width: 55px;
        margin-top: 0px;
    }
    .message-heading {
        font-size: 48px;
        line-height: 1.2em;
    }
    .btn-wrapper.cta-btn a {
        width: fit-content;
        flex: 0 0 fit-content;
    }
}

/* ---------- Second break: 1440px → container 1024px ---------- */
@media (max-width: 1440px) {
    .container {
        max-width: 1024px;
        padding-inline: 20px;
        width: 100%;
        box-sizing: border-box;
    }

    .container-full {
        padding-inline: 24px;
    }

    /* Stop horizontal overflow at laptop widths */
    #smooth-content,
    section,
    .row {
        max-width: 100%;
    }

    img,
    video,
    iframe {
        max-width: 100%;
        height: auto;
    }

    /* Navbar wraps here (1024 container too narrow for 1 row) */
    .main-header-wrapper .row {
        flex-wrap: wrap;
        row-gap: 12px;
    }

    .main-header-wrapper .col-6.nav {
        flex: 0 0 100%;
        max-width: 100%;
        order: 3;
        padding-left: 0;
        padding-right: 0;
    }

    .navigaion-menu {
        max-width: 100%;
    }

    .navigaion-menu ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px;
    }

    .bi-hero {
        padding: 180px 0 130px;
    }

    /* Hero: hide book, keep form on the right + breathing space */
    .hero-wrapper {
        margin-top: 64px;
        gap: 40px;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }

    .hero-title {
        font-size: 34px;
        line-height: 1.2;
    }

    p.hero-para {
        font-size: 15px;
        padding-top: 22px;
        padding-bottom: 22px;
        line-height: 1.55;
    }

    .hero-content {
        width: 52%;
        min-width: 0;
        padding-right: 8px;
    }

    .hero-img {
        display: none;
    }

    .hero-form {
        width: 42%;
        margin-left: 0;
        margin-top: 0;
        padding: 28px 26px 24px;
        box-sizing: border-box;
    }

    .hero-content .btn-wrapper {
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 20px;
    }

    .bi-btn {
        width: auto;
        max-width: 100%;
        padding: 12px 20px;
        font-size: 14px;
        box-sizing: border-box;
    }

    .btn-wrapper.nav-btn {
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .btn-wrapper.nav-btn .bi-btn {
        padding: 10px 14px;
        font-size: 13px;
    }

    .main-heading {
        font-size: 20px;
    }

    .navigaion-menu {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .navigaion-menu li a {
        padding: 8px 12px;
        font-size: 13px;
    }

    .nav {
        margin-left: 0;
    }

    .theme-heading,
    h2.theme-heading.scps,
    h2.theme-heading.Christine-main-heading,
    h2.theme-heading.heading,
    h2.theme-heading.a-s,
    h2.theme-heading.r-p-h,
    h2.theme-heading.whychooseus,
    h2.theme-heading.process-heading {
        font-size: 32px;
        line-height: 1.2;
        word-wrap: break-word;
    }

    .theme-para,
    p.theme-para.publishing,
    span.theme-para.pe-para {
        font-size: 15px;
    }

    .speciality-publishing {
        margin-top: 70px;
        padding: 70px 0;
    }

    .speciality-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .speciality-intro {
        grid-column: 1 / -1;
        grid-row: auto;
        padding-right: 0;
        margin-bottom: 4px;
    }

    .speciality-publishing .box {
        min-height: 220px;
        padding: 24px 20px 56px;
    }

    h3.theme-heading._box {
        font-size: 18px;
    }

    /* Who we are: tighter, no empty white space — 3-col cards */
    .christine-voice {
        margin-top: 56px;
        overflow: hidden;
    }

    .christine-voice .Christine-main-heading {
        margin-bottom: 6px;
        font-size: 30px;
    }

    .wvs-wrapper {
        justify-content: center;
        overflow: hidden;
        margin: 0 0 12px;
    }

    .big-heading {
        flex-wrap: nowrap;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }

    .wvs {
        font-size: 40px;
        margin-left: 0;
        line-height: 1;
        white-space: nowrap;
    }

    img.img-fluid.wvs-img,
    img.img-fluid.wvs-img-right {
        width: 44px;
        height: auto;
        margin-top: 0 !important;
        margin-left: 0 !important;
        flex-shrink: 0;
    }

    .christine-wrapper2 {
        margin-top: 12px;
        padding-bottom: 16px;
    }

    .christine-slider-track {
        grid-auto-columns: calc((100% - 28px) / 3);
        gap: 14px;
    }

    .christine-slider-track>.col-4,
    .christine-slider-track>.second>.col-4 {
        flex: none;
        max-width: none;
    }

    .christine-slider-track>.row.second {
        display: contents !important;
    }

    .christine-wrapper2 .col-4 {
        flex: none;
        max-width: none;
        width: 100%;
        padding: 0;
        margin-bottom: 0;
        display: flex;
    }

    .christine-wrapper2 .img-box {
        min-height: 0;
        width: 100%;
    }

    .christine-wrapper2 .box-img {
        width: 36%;
        max-width: 110px;
        min-height: 160px;
        height: auto;
        object-fit: cover;
    }

    .christine-wrapper2 .img-box-content {
        padding: 14px 40px 14px 12px;
    }

    .christine-wrapper2 .img-box-heading {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .christine-wrapper2 .img-box-heading br {
        display: none;
    }

    .christine-wrapper2 .serve-para {
        font-size: 12px;
        line-height: 1.35;
    }

    .christine-wrapper2 .bi-btn.card-arrow {
        width: 40px;
        min-width: 40px;
        height: 40px;
        font-size: 15px;
        right: 8px;
        bottom: 8px;
    }

    .why-choose-us {
        position: relative;
        margin-top: 70px;
        padding: 50px 16px 60px;
        min-height: 0;
        overflow: visible;
    }

    .why-choose-us>.container {
        position: relative;
    }

    .why-choose-us>.container>.row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    h2.theme-heading.whychooseus {
        font-size: 28px;
        padding-top: 8px;
        padding-right: 150px;
        text-align: left;
        width: 100%;
    }

    .why-choose-us .steps-wrapper {
        margin-left: 0 !important;
        width: auto !important;
        max-width: 100%;
        gap: 16px;
        padding-top: 24px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .why-choose-us .col-3,
    .why-choose-us .col-6 {
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        position: static;
    }

    /* Contact circle: absolute top-right of section */
    .why-choose-us .contact-circle {
        position: absolute !important;
        top: 24px !important;
        right: 20px !important;
        left: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        width: 130px;
        height: 130px;
        z-index: 8;
    }

    .why-choose-us .contact-ring {
        width: 130px;
        height: 130px;
    }

    .why-choose-us .contact-button {
        width: 88px;
        height: 88px;
        font-size: 12px;
        line-height: 1.25;
        padding: 8px;
        box-sizing: border-box;
    }

    .why-choose-us .step-card {
        width: auto;
        max-width: 230px;
        flex: 0 1 230px;
        flex-shrink: 1;
    }

    .why-choose-us .step-1,
    .why-choose-us .step-2,
    .why-choose-us .step-3,
    .why-choose-us .step-4 {
        transform: none !important;
    }

    .why-choose-us .step-number-box {
        width: fit-content !important;
        min-width: 150px;
        max-width: 100%;
        height: 120px !important;
        min-height: 120px;
        border-radius: 12px;
    }

    .why-choose-us .big-number {
        font-size: 88px !important;
        bottom: 6px;
        line-height: 0.85;
    }

    .why-choose-us .step-label {
        font-size: 13px;
        top: 12px;
        left: 12px;
    }

    .why-choose-us .step-content {
        margin-top: 12px;
        text-align: left;
    }

    .why-choose-us .step-content h3 {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .why-choose-us .step-content p {
        font-size: 12px;
        max-width: 100%;
        line-height: 1.4;
    }

    .publishing-expert,
    .success-stories,
    .recently-published,
    .publishing-process,
    .publishing-resources,
    .faq-section,
    .video-testimonial,
    section.pastors.and.ministry {
        margin-top: 70px;
    }

    /* Experts: keep 4-col, smaller images */
    .expert-wrapper .col-3 {
        flex: 0 0 25%;
        max-width: 25%;
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .expert-wrapper .col-3 img {
        width: 100%;
        max-width: 100%;
        height: 160px;
        object-fit: cover;
        border-radius: 12px;
        display: block;
    }

    .content-coloum h3,
    .expert-heading {
        font-size: 16px;
        margin-top: 12px;
        margin-bottom: 6px;
    }

    .expert-para,
    span.expert-para {
        font-size: 12px;
        display: block;
        padding-inline: 4px;
        line-height: 1.35;
    }

    .row.second-team {
        margin-top: 12px;
    }

    .recently-published {
        padding-top: 80px;
        padding-bottom: 50px;
        min-height: 0;
        overflow: hidden;
    }

    .book-categories {
        max-width: 100%;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: auto;
        gap: 4px;
    }

    .book-categories .category {
        font-size: 15px;
        padding: 7px 21px;
    }

    .published-background-text {
        font-size: 72px;
        top: 200px;
        opacity: 0.12;
        white-space: nowrap;
        left: 50%;
        transform: translateX(-50%);
        max-width: 100%;
        overflow: hidden;
    }

    .book-slider {
        height: 420px;
    }

    .book-card {
        width: 160px !important;
        height: 254px !important;
    }

    .portfolio-img {
        max-width: 100%;
        height: auto;
    }

    /* Author success stories — polished 1-slide carousel */
    .success-stories {
        padding: 50px 20px 70px;
        overflow: hidden;
    }

    .success-stories .theme-heading.a-s {
        text-align: center;
        margin-bottom: 8px;
    }

    .success-stories>.container>.success-content {
        margin: 0 0 8px;
        text-align: center;
    }

    .stories-wrapper.stories-slider,
    .stories-slider.slick-initialized {
        display: block !important;
        flex: none;
        gap: 0;
        width: 100%;
        max-width: 860px;
        margin: 24px auto 0;
        padding: 0 0 64px;
        position: relative;
        box-sizing: border-box;
    }

    .stories-slider .slick-list {
        overflow: hidden;
        margin: 0;
        border-radius: 24px;
    }

    .stories-slider .slick-track {
        display: flex !important;
        align-items: stretch;
    }

    .stories-slider .slick-slide {
        height: auto;
        float: none;
    }

    .stories-slider .slick-slide>div {
        height: 100%;
    }

    .stories-slider .success-box {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 260px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 28px 32px !important;
        gap: 28px;
        border-radius: 24px;
        background: #e7e7e7;
        box-sizing: border-box;
        overflow: hidden;
    }

    .stories-slider .success-box>img {
        width: 180px !important;
        max-width: 180px !important;
        min-width: 180px !important;
        min-height: 200px !important;
        max-height: 220px !important;
        height: 200px !important;
        object-fit: cover;
        border-radius: 16px;
        flex-shrink: 0;
    }

    .stories-slider .success-box .success-content {
        margin: 0 !important;
        padding: 0 !important;
        flex: 1 1 auto;
        min-width: 0;
        display: block;
    }

    .stories-slider .img-fluid-review {
        width: 30px;
        height: auto;
        margin-bottom: 12px;
        display: block;
    }

    .stories-slider .success-img-box {
        margin-top: 18px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .stories-slider .success-img-box img {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        object-fit: cover;
    }

    .stories-slider .theme-para_text_img {
        margin-top: 0;
        font-size: 15px;
        font-weight: 500;
    }

    .stories-slider p.theme-para.box-para-1,
    .stories-slider p.theme-para.box-para2 {
        font-size: 16px;
        line-height: 1.5;
        margin: 0;
        opacity: 0.85;
    }

    /* Arrows centered under the card */
    .stories-slider .slick-arrow {
        position: absolute;
        top: auto;
        bottom: 0;
        transform: none;
        width: 42px;
        height: 42px;
        min-width: 42px;
        padding: 0;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        display: flex !important;
        align-items: center;
        justify-content: center;
        z-index: 12;
        cursor: pointer;
        line-height: 1;
    }

    .stories-slider .slick-arrow:hover {
        background: #ff6a3a;
        border-color: #ff6a3a;
    }

    .stories-slider .slick-arrow img {
        display: none;
    }

    .stories-slider .slick-arrow svg {
        display: block;
        color: #222;
    }

    .stories-slider .slick-arrow:hover svg {
        color: #fff;
    }

    .stories-slider .slick-prev {
        left: calc(50% - 52px);
        right: auto;
    }

    .stories-slider .slick-next {
        left: calc(50% + 10px);
        right: auto;
    }

    .stories-slider .slick-next img {
        transform: none;
    }

    .stories-slider .slick-disabled {
        opacity: 0.35;
        cursor: default;
        pointer-events: none;
    }

    .publishing-process {
        padding: 50px 16px;
    }

    .publishing-process .process-grid {
        display: grid;
        grid-template-columns: 1fr 1.1fr 1fr;
        gap: 16px 20px;
        align-items: center;
        margin-top: 28px;
    }

    .publishing-process .process-grid>[class*="col-"] {
        flex: none;
        max-width: none;
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .publishing-process .left-side-wrapper {
        gap: 28px !important;
        margin-top: 0;
        padding-left: 0;
    }

    .publishing-process .circle-img {
        display: block;
        margin-inline: auto;
        max-width: 280px;
        width: 100%;
        height: auto;
    }

    .Publishing {
        margin-top: 0;
    }

    h3.manuscript-heading {
        font-size: 20px;
    }

    .publishing-process .theme-para {
        font-size: 13px;
        margin: 8px 0 0;
    }

    /* Pastors: tighter 2-col layout */
    section.pastors.and.ministry {
        padding-inline: 16px;
        overflow: hidden;
    }

    section.pastors.and.ministry>.row {
        max-width: 1024px;
        margin-inline: auto;
        align-items: center;
    }

    section.pastors.and.ministry .col-6 {
        flex: 0 0 48%;
        max-width: 48%;
    }

    section.pastors.and.ministry .about-img img {
        width: 100%;
        border-radius: 20px;
        display: block;
    }

    .pastors-content-wrapper {
        margin-top: 0;
        padding: 16px 8px 16px 20px !important;
    }

    .pastors-para {
        margin-bottom: 24px;
        font-size: 14px;
    }

    .pators-heading {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .pastors-content .theme-para {
        font-size: 13px;
    }

    .divider {
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .minisry-message {
        margin-top: 20px;
        display: flex;
        justify-content: flex-start;
    }

    /* Video testimonials */
    .container-testimonial {
        width: 100% !important;
        max-width: 100%;
        min-height: 360px;
        height: 380px !important;
        gap: 8px;
        margin-top: 36px;
    }

    .testimonial-slide {
        flex: 0 0 52px;
        scale: 1;
    }

    .testimonial-slide.active {
        flex: 1 1 auto;
        min-width: 0;
    }

    .slide-tab span {
        font-size: 15px;
    }

    .testimonial-card {
        width: min(360px, 78vw);
    }

    .testimonial-card p {
        font-size: 15px;
        line-height: 1.4;
    }

    .publishing-resources {
        padding: 50px 16px;
    }

    .publishing-resources .col-4 {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }

    .resources-box {
        overflow: hidden;
        margin-top: 24px;
        border-radius: 24px;
    }

    .resources-box>.img-fluid {
        width: 100%;
        height: 300px;
        object-fit: cover;
        display: block;
    }

    .Guides {
        padding: 16px 16px 44px;
        min-height: 0;
        left: 14px;
        right: 14px;
        bottom: 14px;
        max-width: none;
        width: auto;
        box-sizing: border-box;
    }

    .resources-box .Guides .bi-btn.card-arrow {
        bottom: 10px;
        right: 10px;
    }

    .guides-heading {
        font-size: 17px;
        margin-bottom: 8px;
        line-height: 1.25;
    }

    .guides-para {
        font-size: 13px;
        line-height: 1.35;
    }

    .date {
        width: 64px;
        height: 58px;
        top: 16px;
        right: 16px;
    }

    .date-box {
        font-size: 24px;
    }

    .date-month {
        font-size: 12px;
    }

    .faq-section .col-3,
    .col-6.faq {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
    }

    .faq-section .col-3 {
        margin-bottom: 28px;
    }

    .faq-section .theme-heading {
        margin-bottom: 8px;
        line-height: 1.25;
    }

    .col-6.faq {
        margin-top: 8px;
        padding-top: 4px;
    }

    .faq-item {
        margin-bottom: 12px;
    }

    .faq-img {
        display: none !important;
    }

    /* CTA: crosses left + right */
    .calltoaction {
        padding-top: 56px;
        padding-bottom: 70px;
        overflow: hidden;
        position: relative;
    }

    .calltoaction-content {
        margin-top: 0;
        padding-inline: 100px;
        position: relative;
        z-index: 2;
    }

    .calltoaction .cross1,
    .calltoaction .cross2 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 90px;
        max-width: 90px;
        height: auto;
        z-index: 1;
        pointer-events: none;
        opacity: 0.9;
    }

    .calltoaction .cross1 {
        left: 12px;
        right: auto;
    }

    .calltoaction .cross2 {
        right: 12px;
        left: auto;
        bottom: auto;
    }

    .cta-btn {
        margin-inline: auto !important;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .cta-btn .bi-btn {
        min-width: 0;
        flex: 0 1 auto;
    }

    /* Section-end buttons centered */
    .Team_btn,
    .button-resouces,
    .minisry-message,
    .publishing_btn,
    .btn-wrapper.Explore,
    .cta-btn {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        text-align: center;
    }

    .button-resouces {
        justify-content: center;
        margin-top: 16px;
    }

    .Team_btn .bi-btn,
    .publishing_btn .bi-btn,
    .minisry-message .bi-btn,
    .button-resouces .bi-btn {
        margin-inline: auto;
    }

    /* Have-questions: side-by-side cleaned layout */
    .Have-questions {
        padding: 40px 16px 50px;
        overflow: hidden;
    }

    .Have-questions>.row {
        max-width: 1024px;
        margin-inline: auto;
        align-items: stretch;
    }

    .Have-questions>.row>.col-6 {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    .have-question-col {
        position: relative;
        min-height: 480px;
        height: 100%;
        border-radius: 24px;
        overflow: hidden;
    }

    .have-question-col>img.img-fluid:first-of-type {
        width: 100%;
        height: 100%;
        min-height: 480px;
        object-fit: cover;
        display: block;
    }

    .questions-content {
        left: 20px;
        right: 20px;
        margin-top: 28px;
        max-width: none;
    }

    h2.theme-heading.question-heading {
        font-size: 26px;
        padding-bottom: 12px;
    }

    .theme-para.questions {
        font-size: 14px;
    }

    .theme-para.questions br {
        display: none;
    }

    .img-book {
        width: 130px;
        max-width: 36%;
        right: 14px;
        bottom: 14px;
    }

    .have-question-col>.bi-btn.card-arrow,
    .questions-btn .bi-btn.card-arrow {
        left: 20px;
        bottom: 20px;
        width: 46px;
        min-width: 46px;
        height: 46px;
    }

    .form-card {
        margin: 0;
        padding: 28px 22px;
        width: 100%;
        max-width: 100%;
        height: 100%;
        min-height: 480px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .Have-questions .field {
        margin-bottom: 16px;
    }

    .Have-questions .field label {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .Have-questions .field input,
    .Have-questions .field textarea,
    .Have-questions .select-wrap select {
        font-size: 15px;
    }

    .Have-questions .buttons {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: auto;
        padding-top: 12px;
    }

    .Have-questions .btn {
        flex: 1 1 140px;
        min-width: 0;
        font-size: 14px;
        padding: 8px 10px 8px 14px;
    }

    /* Footer grid */
    .footer-section {
        margin-top: 60px;
        padding-bottom: 10px;
    }

    .footer-section .footer-grid {
        align-items: flex-start;
    }

    .footer-section .footer-about {
        flex: 0 0 42%;
        max-width: 42%;
        margin-bottom: 0;
    }

    .footer-section .footer-navigation,
    .footer-section .footer-contact {
        flex: 0 0 29%;
        max-width: 29%;
        margin-left: 0 !important;
    }

    .footer-section .theme-heading {
        font-size: 28px;
    }

    .footer-para {
        margin-top: 16px;
        font-size: 14px;
    }

    .footer-menu {
        margin-top: 0;
    }

    .footer-menu li {
        margin-top: 12px;
        font-size: 15px;
    }

    .contact-menu,
    .menu {
        margin-top: 0;
        font-size: 17px;
    }

    ul.footer-conact-content {
        font-size: 15px;
        gap: 12px;
    }

    .footer-map {
        max-width: 140px;
    }

    .footer-about .contact-icons {
        margin-top: 18px;
        gap: 12px;
    }

    .success-box,
    .container-testimonial,
    .form-card,
    .resources-box {
        box-sizing: border-box;
    }

    .secondary-footer-wrapper {
        margin-top: 28px;
        padding-top: 16px;
        gap: 10px 20px;
    }

    .secondary-footer-wrapper>.theme-para {
        font-size: 14px;
    }

    .secodnary-footer-links {
        gap: 14px;
        font-size: 14px;
    }

    .header-brand img.img-fluid {
        max-width: 270px;
    }

    .navigaion-menu {
        max-width: fit-content;
        padding-left: 10px;
        padding-right: 10px;
    }

    .rb-wheel {
        scale: 1;
        left: -160px;
    }
    .rb-service-content {
        margin-left: 470px;
    }

    .rb-service-content h2 {
        font-size: 26px;
    }

    .rb-service-content p {
        font-size: 15px;
    }

    .bi-services-tabs {
        padding: 145px 0 60px;
    }

    .speciality-publishing {
        margin-top: 0;
    }

    .speciality-wrapper {
        gap: 45px;
    }

    .christine-slider-arrow {
        width: 40px;
        height: 40px;
    }

    .why-choose-us .step-number-box {
        height: 220px !important;
        min-height: 220px;
    }

    .why-choose-us .big-number {
        bottom: 0;
        font-size: 200px !important;
    }

    .expert-wrapper .col-3 img {
        height: 260px;
    }

    .step-card.step-2 {
        margin-bottom: 25px;
    }

    .recently-published {
        margin-top: 30px;
    }

    .publishing-resources {
        margin-top: 0;
    }

    .faq-answer {
        font-size: 14px;
        letter-spacing: 0px;
        font-weight: 200;
    }

    .navigaion-menu {
        max-width: fit-content !important;
    }

    .why-choose-us .container .row {
        flex-direction: row !important;
    }

    .why-choose-us .col-3 {
        max-width: 25%;
        width: 25%;
    }

    .why-choose-us .col-6 {
        max-width: 75%;
        width: 75%;
    }

    h2.theme-heading.whychooseus {
        padding-right: 20px;
    }

    .why-choose-us .contact-circle {
        bottom: 24px !important;
        left: 20px !important;
        top: unset !important;
    }

    .why-choose-us .steps-wrapper {
        flex-wrap: nowrap
    }

    .hero-content .btn-wrapper .bi-btn {
        font-size: 13px;
        padding-inline: 10px;
    }

    .hero-content .btn-wrapper {
        max-width: 100%;
    }

    .explore-section {
        position: absolute !important;
        scale: .8;
        margin-left: 30px;
        display: block !important;
        margin-top: 50px;
    }

    .hero-section .col-3 {
        flex: 0 0 2%;
        max-width: 2%;
    }

    .hero-section .col-4 {
        flex: 0 0 50.333%;
        max-width: 50.333%;
    }

    .message-heading {
        font-size: 40px;
        line-height: 1.2em;
    }
    .hero-section {
        padding-top: 215px;
    }
    
    .explore-section {
        margin-left: 0;
        left: 0;
        top: -50px;
        margin-top: 0px;
    }
    a.bread-crumbe {
        font-size: 14px;
    }
    
    span.page-title {
        font-size: 14px;
    }
    
    .nested img.img-fluid.message-img-left {
        margin-left: 0px;
    }
    
    .nested img.img-fluid.message-img-right {
        margin-right: 0px;
    }
    
    .nested .image-section {
        padding-bottom: 40px;
    }
    
    ul.bullet-points {
        font-size: 15px;
    }

}

/* ---------- Below laptop (tablet) ---------- */
@media (max-width: 1199px) {

    /* .hero-wrapper {
        flex-wrap: wrap;
    }

    .hero-content,
    .hero-form {
        width: 100%;
        margin-left: 0;
    } */
    .hero-content .btn-wrapper .bi-btn {
        font-size: 13px;
        padding-inline: 10px;
    }

    .hero-content .btn-wrapper {
        max-width: 100%;
    }

    .bi-btn.card-arrow {
        right: 0px;
        bottom: -30px;
    }

    .hero-img {
        display: none !important;
        max-width: 260px;
        margin-inline: auto;
        order: 2;
    }

    .hero-content {
        order: 1;
    }

    .hero-form {
        order: 3;
    }

    .speciality-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .speciality-intro {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .why-choose-us .steps-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .wvs {
        font-size: 36px;
        white-space: normal;
        text-align: center;
    }

    .big-heading {
        flex-wrap: wrap;
    }

    .publishing-process .process-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .publishing-process .process-center {
        order: -1;
    }

    .publishing-process .circle-img {
        max-width: 240px;
    }

    .publishing-process .left-side-wrapper {
        align-items: center;
        text-align: center;
    }

    section.pastors.and.ministry .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pastors-content-wrapper {
        padding: 24px 8px !important;
        margin-top: 24px;
    }

    .Have-questions>.row>.col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .have-question-col,
    .have-question-col>img.img-fluid:first-of-type,
    .form-card {
        min-height: 0;
        height: auto;
    }

    .form-card {
        margin-top: 20px;
        margin-left: 0;
    }

    .footer-section .footer-about,
    .footer-section .footer-navigation,
    .footer-section .footer-contact {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 28px;
    }

    .calltoaction-content {
        margin-top: 0;
        padding-inline: 72px;
    }

    .calltoaction .cross1,
    .calltoaction .cross2 {
        width: 64px;
        max-width: 64px;
    }

    .container-testimonial {
        height: 320px !important;
        gap: 6px;
    }

    .testimonial-slide {
        flex: 0 0 44px;
    }

    .about-img img.img-fluid {
        max-width: 500px;
    }

    .left-side-wrapper {
        flex-direction: row;
    }

    .manuscript {
        max-width: 30%;
    }

    .Publishing {
        max-width: 30%;
    }

    .publishing-process .circle-img {
        max-width: 350px;
    }

    .faq-question {
        font-size: 20px;
    }

    .have-question-col>img.img-fluid:first-of-type {
        height: 500px;
    }

    .img-book {
        width: 430px;
    }

    .form-card {
        max-width: 100%;
        width: 100%;
    }

}

/* ---------- Mobile ---------- */
@media (max-width: 991px) {

    .header-nav,
    .header-actions .nav-btn {
        display: none !important;
    }

    .mobile-menu-btn {
        display: flex;
    }

    .main-header-wrapper .row {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .header-brand {
        flex: 1 1 auto;
        max-width: none;
        width: auto;
        min-width: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .header-actions {
        flex: 0 0 auto;
        max-width: none;
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .header-brand .main-heading {
        font-size: 18px;
        white-space: normal;
        max-width: none;
        width: 100%;
        line-height: 1.25;
        margin-top: 0;
        word-break: normal;
        overflow-wrap: break-word;
    }

    .hero-section .row {
        flex-direction: column;
    }

    .hero-section .row [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    img.img-fluid.hero-image {
        display: none;
    }

    .hero-section .col-3 {}

    .hero-last-part {
        margin-top: 26px;
    }

    .explore-section {
        right: 0;
        margin-left: auto;
        margin-right: 0;
        width: fit-content;
        bottom: -97px;
    }

    .hero-section {
        padding-top: 200px;
        padding-bottom: 120px;
    }

    img.img-fluid.book-hero {
        margin-top: 115px;
    }

    .Message-with-purpose {
        padding-top: 300px;
        padding-bottom: 90px;
    }

    img.img-fluid.message-img-left {
        margin-left: 30px;
        max-width: 110px;
        top: 30px;
    }

    img.img-fluid.message-img-right {
        margin-right: 30px;
        max-width: 110px;
        top: 15px;
    }

    .message-heading {
        font-size: 32px;
    }

    img.img-fluid.services-img {
        display: none;
    }

    .hero-last-part {
        max-width: 75%;
    }
    .hero-section{
        padding-top: 135px;;
    }
    img.img-fluid.eagles{
        margin-top: 0px;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 100%;
        padding-inline: 16px;
    }

    .top-bar .header-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 16px;
        text-align: center;
    }

    .nation-wide {
        order: 3;
        width: 100%;
        font-size: 12px;
    }

    .bi-hero {
        padding: 170px 0 100px;
    }

    .hero-wrapper {
        flex-direction: column-reverse;
        margin-top: 0;
        flex-wrap: wrap;
        gap: 28px;
        align-items: stretch;
    }

    .hero-content,
    .hero-form {
        width: 100% !important;
        margin-left: 0 !important;
        display: block !important;
    }

    .hero-img {
        display: none !important;
    }

    .hero-form {
        order: 2;
        padding: 24px 18px;
    }

    .hero-content {
        order: 1;
    }

    .hero-title {
        font-size: 30px;
        line-height: 1.2;
    }

    p.hero-para {
        font-size: 15px;
        padding-top: 16px;
        padding-bottom: 16px;
        line-height: 1.55;
    }

    .hero-content .btn-wrapper {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .hero-content .btn-wrapper .bi-btn {
        width: 100%;
        text-align: center;
        justify-content: center;
        white-space: normal;
    }

    .bi-logos {
        margin-top: -50px;
    }

    .bi-logos .container {
        padding: 24px 16px !important;
        border-radius: 16px;
    }

    .logo-item {
        width: 110px !important;
        height: 84px !important;
        margin-inline: 4px;
        border-radius: 12px;
    }

    .theme-heading,
    h2.theme-heading.scps,
    h2.theme-heading.Christine-main-heading,
    h2.theme-heading.heading,
    h2.theme-heading.a-s,
    h2.theme-heading.r-p-h,
    h2.theme-heading.whychooseus,
    h2.theme-heading.process-heading {
        font-size: 28px;
        line-height: 1.2;
    }

    .theme-para,
    p.theme-para.publishing,
    span.theme-para.pe-para,
    p.theme-para.box-para-1,
    p.theme-para.box-para2 {
        font-size: 15px;
    }

    .speciality-publishing,
    .christine-voice,
    .publishing-expert,
    .success-stories,
    .recently-published,
    .publishing-process,
    .publishing-resources,
    .faq-section,
    .video-testimonial,
    .footer-section,
    section.pastors.and.ministry,
    .why-choose-us,
    .Have-questions,
    .calltoaction {
        margin-top: 48px;
    }

    .speciality-publishing,
    .why-choose-us,
    .publishing-process,
    .recently-published,
    .calltoaction,
    .publishing-resources,
    .success-stories {
        padding: 40px 16px;
    }

    .speciality-wrapper {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .speciality-intro {
        grid-column: 1 / -1;
        grid-row: auto;
        padding-right: 0;
        text-align: left;
        align-items: flex-start;
    }

    .speciality-publishing .box {
        min-height: 0;
        padding: 24px 20px 64px;
    }

    /* Who we are */
    .wvs {
        font-size: 28px;
        white-space: normal;
        text-align: center;
    }

    .big-heading {
        flex-wrap: wrap;
        gap: 8px;
    }

    img.img-fluid.wvs-img,
    img.img-fluid.wvs-img-right {
        width: 40px !important;
    }

    .christine-slider-track {
        grid-auto-columns: 100%;
        gap: 14px;
    }

    .christine-slider-track>.row.second {
        display: contents !important;
    }

    .christine-slider-track .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding: 0;
    }

    .christine-slider-navigation {
        justify-content: center;
    }

    .christine-wrapper2 .img-box {
        flex-direction: row;
        min-height: 0;
        align-items: stretch;
    }

    .christine-wrapper2 .box-img {
        width: 36%;
        max-width: 120px;
        min-height: 150px;
        height: auto;
        object-fit: cover;
    }

    .christine-wrapper2 .img-box-content {
        padding: 16px 48px 16px 12px;
    }

    .christine-wrapper2 .img-box-heading {
        font-size: 16px;
    }

    .christine-wrapper2 .img-box-heading br {
        display: none;
    }

    .christine-wrapper2 .serve-para {
        font-size: 13px;
    }

    /* Why choose */
    .why-choose-us {
        position: relative;
        padding: 40px 16px 50px;
    }
.policy-content h3 {
    font-size: 36px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.policy-content {
    padding: 100px 20px;
}

.policy-content :is(ul,ol) {
    margin-left: 20px !important;
    font-size: 20px;
    color: #000;
    opacity: .7;
}

.policy-content p {
    font-size: 20px;
    color: #000;
    opacity: .7;
}

.policy-content {
    padding: 60px 10px;
}

.policy-content h3 {
    font-size: 25px;
}

.policy-content p {
    font-size: 14px;
}

.policy-content :is(ul,ol) {
    font-size: 14px;
    margin-bottom:15px !important;
}
    h2.theme-heading.whychooseus {
        font-size: 26px;
        padding-right: 110px;
    }
    .why-choose-us .col-3 {
        max-width: 100%;
        width: 100%;
    }
    
    .why-choose-us .contact-circle {
        left: unset !important;
    }
    .why-choose-us .contact-circle {
        position: absolute !important;
        top: 20px !important;
        right: 12px !important;
        width: 100px;
        height: 100px;
        margin: 0 !important;
    }

    .why-choose-us .contact-ring {
        width: 100px;
        height: 100px;
    }

    .why-choose-us .contact-button {
        width: 70px;
        height: 70px;
        font-size: 10px;
        padding: 6px;
    }

    .why-choose-us .steps-wrapper {
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
        gap: 18px;
        padding-top: 20px;
        margin-left: 0 !important;
    }

    .why-choose-us .step-card {
        max-width: 100%;
        flex: 0 0 auto;
        width: 100%;
    }

    .why-choose-us .step-number-box {
        width: 100% !important;
        max-width: 220px;
        height: 110px !important;
        min-height: 110px;
    }

    .why-choose-us .big-number {
        font-size: 80px !important;
    }

    .why-choose-us .step-content h3 {
        font-size: 18px;
    }

    .why-choose-us .step-content p {
        font-size: 14px;
        max-width: 100%;
    }

    /* Experts — all visible, 1 col */
    .expert-wrapper .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 24px;
        padding-left: 0;
        padding-right: 0;
    }

    .expert-wrapper .col-3 img {
        width: 100%;
        max-width: 280px;
        height: 220px;
        margin-inline: auto;
        object-fit: cover;
        border-radius: 14px;
        display: block;
    }

    .content-coloum h3,
    .expert-heading {
        font-size: 20px;
    }

    .expert-para,
    span.expert-para {
        font-size: 14px;
        padding-inline: 8px;
    }

    .Team_btn,
    .button-resouces,
    .minisry-message,
    .publishing_btn {
        margin-left: 0 !important;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .Team_btn .bi-btn,
    .publishing_btn .bi-btn,
    .minisry-message .bi-btn {
        width: 100%;
        max-width: 360px;
        text-align: center;
        justify-content: center;
        white-space: normal;
    }

    /* Success stories slider mobile */
    .stories-wrapper.stories-slider,
    .stories-slider.slick-initialized {
        max-width: 100%;
        padding: 0 0 60px;
        margin-top: 16px;
    }

    .stories-slider .success-box {
        flex-direction: column !important;
        align-items: flex-start !important;
        min-height: 0 !important;
        padding: 20px !important;
        gap: 16px !important;
        text-align: left;
    }

    .stories-slider .success-box>img {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 200px !important;
        min-height: 0 !important;
        max-height: 220px !important;
    }

    .stories-slider .slick-arrow {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    /* Recently published */
    .book-categories {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding: 6px;
    }

    .book-categories .category {
        font-size: 12px;
        padding: 8px 12px;
        flex: 0 0 auto;
    }

    .published-background-text {
        font-size: 48px;
        top: 120px;
    }

    .book-slider {
        height: 320px;
    }

    .book-card {
        width: 120px !important;
        height: 190px !important;
    }

    .slider-navigation {
        margin-top: 24px !important;
    }

    .portfolio-img {
        display: none;
    }

    /* Process */
    .publishing-process .process-grid {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 20px;
    }

    .publishing-process .process-center {
        order: -1;
    }

    .publishing-process .circle-img {
        max-width: 220px;
        margin-inline: auto;
    }

    .publishing-process .left-side-wrapper {
        gap: 20px !important;
        align-items: center;
        text-align: center;
        padding-left: 0;
    }

    h3.manuscript-heading {
        font-size: 20px;
    }

    /* Pastors */
    section.pastors.and.ministry {
        padding-inline: 0;
    }

    section.pastors.and.ministry>.row {
        margin: 0;
    }

    section.pastors.and.ministry .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-inline: 16px;
    }

    section.pastors.and.ministry .about-img {
        padding-inline: 16px;
    }

    section.pastors.and.ministry .about-img img {
        width: 100%;
        border-radius: 18px;
    }

    .pastors-content-wrapper {
        margin-top: 24px;
        padding: 8px 0 24px !important;
    }

    .pastors-para {
        margin-bottom: 20px;
    }

    .pators-heading {
        font-size: 18px;
    }

    /* Marquee testimonials */
    .testimonial-card {
        width: min(300px, 85vw);
        height: auto;
        min-height: 280px;
        padding: 28px 18px;
    }

    .testimonial-card p {
        font-size: 14px;
    }

    /* Video testimonials — vertical collapsible cards */
    .video-testimonial {
        padding: 24px 16px;
        overflow: hidden;
    }

    .container-testimonial {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
        min-height: 0;
        gap: 10px;
        margin-top: 24px;
        overflow: visible;
        padding-bottom: 0;
    }

    .testimonial-slide {
        flex: 0 0 auto !important;
        width: 100%;
        height: 56px;
        max-height: 56px;
        scale: 1;
        border-radius: 12px;
        overflow: hidden;
        transition: max-height 0.4s ease, height 0.4s ease;
        background: #ececec;
    }

    .testimonial-slide.active {
        flex: 0 0 auto !important;
        width: 100%;
        height: 240px;
        max-height: 240px;
        background: #000;
        scale: 1;
    }

    .testimonial-slide .slide-tab {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 18px;
        opacity: 1;
    }

    .testimonial-slide .slide-tab span {
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        white-space: normal;
        line-height: 1.3;
        color: #222;
    }

    .testimonial-slide.active .slide-tab {
        opacity: 0;
        pointer-events: none;
    }

    .testimonial-slide.active .slide-video {
        opacity: 1;
        pointer-events: auto;
    }

    /* Resources */
    .publishing-resources .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    .resources-box>.img-fluid {
        height: 220px;
    }

    .Guides {
        position: relative;
        left: 0;
        right: 0;
        bottom: auto;
        margin-top: -36px;
        margin-inline: 12px;
        padding: 16px 16px 52px;
        width: auto;
        max-width: none;
    }

    .guides-heading {
        font-size: 18px;
    }

    .guides-para {
        font-size: 13px;
    }

    .button-resouces {
        justify-content: center;
        margin-top: 8px;
    }

    /* FAQ */
    .faq-section {
        padding-left: 16px;
        padding-right: 16px;
    }

    .faq-section .container {
        padding-inline: 8px;
    }

    .faq-section .col-3,
    .col-6.faq {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .faq-section .col-3 {
        margin-bottom: 20px;
    }

    .faq-img {
        display: none !important;
    }

    .faq-question {
        font-size: 15px;
    }

    .faq-answer {
        font-size: 14px;
    }

    /* CTA */
    .calltoaction {
        padding: 40px 16px 56px;
    }

    .calltoaction-content {
        margin-top: 0;
        padding-inline: 8px;
    }

    .calltoaction .cross1,
    .calltoaction .cross2 {
        width: 40px;
        max-width: 40px;
        top: 12px;
        transform: none;
        opacity: 0.7;
    }

    .cta-btn {
        flex-direction: column;
        align-items: stretch;
    }

    .cta-btn .bi-btn {
        width: 100%;
        white-space: normal;
        min-width: 0;
        flex: none;
        text-align: center;
        justify-content: center;
    }

    /* Have questions */
    .Have-questions {
        padding: 24px 16px 40px;
    }

    .Have-questions>.row {
        margin: 0;
    }

    .Have-questions>.row>.col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 16px;
    }

    .have-question-col {
        min-height: 340px;
        border-radius: 20px;
        overflow: hidden;
    }

    .have-question-col>img.img-fluid:first-of-type {
        min-height: 340px;
        height: 340px;
        object-fit: cover;
    }

    .questions-content {
        left: 16px;
        right: 16px;
        margin-top: 24px;
        max-width: none;
    }

    h2.theme-heading.question-heading {
        font-size: 24px;
    }

    .theme-para.questions {
        font-size: 14px;
    }

    .img-book {
        width: 100px;
        right: 12px;
        bottom: 12px;
    }

    .have-question-col>.bi-btn.card-arrow {
        left: 14px;
        bottom: 14px;
        width: 44px;
        min-width: 44px;
        height: 44px;
    }

    .form-card {
        margin: 0;
        padding: 24px 18px;
        min-height: 0;
        height: auto;
        border-radius: 20px;
    }

    .Have-questions .buttons {
        flex-direction: column;
    }

    .Have-questions .btn {
        width: 100%;
        flex: none;
    }

    /* Footer */
    .footer-section {
        margin-top: 40px;
        padding-bottom: 16px;
    }

    .footer-section .footer-about {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 28px;
        margin-left: 0 !important;
    }

    .footer-section .footer-navigation,
    .footer-section .footer-contact {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 28px;
        margin-left: 0 !important;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    .footer-section .theme-heading {
        font-size: 26px;
    }

    .footer-para {
        margin-top: 12px;
        font-size: 14px;
    }

    .footer-menu {
        margin-top: 0;
    }

    .footer-menu li {
        margin-top: 10px;
    }

    .secondary-footer-wrapper {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 12px;
    }

    .secodnary-footer-links {
        justify-content: center;
        width: 100%;
    }

    .scroll-to-top {
        right: 16px;
        bottom: 16px;
        width: 46px;
        height: 46px;
    }

    .bi-services-tabs {
        padding: 240px 20px 30px;
    }

    .book-services-content p {
        font-size: 14px;
    }

    .book-services-content h2 {
        font-size: 26px;
    }

    .main-header-wrapper .row {
        flex-direction: row !important;
        flex-wrap: nowrap;
    }

    .main-header-wrapper .col-3 {
        max-width: 50%;
    }

    .theme-heading,
    h2.theme-heading.scps,
    h2.theme-heading.Christine-main-heading,
    h2.theme-heading.heading,
    h2.theme-heading.a-s,
    h2.theme-heading.r-p-h,
    h2.theme-heading.whychooseus,
    h2.theme-heading.process-heading {
        font-size: clamp(26px, 7vw, 28px);
    }

    a.bi-btn.publishing-btn {
        font-size: 15px;
    }

    .why-choose-us .steps-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .why-choose-us .step-card {
        max-width: 48%;
        flex: 0 0 auto;
        width: 48%;
    }

    .why-choose-us .big-number {
        bottom: 0;
        font-size: 123px !important;
    }

    .why-choose-us .step-number-box {
        height: 135px !important;
    }


    .img-book {
        width: 200px;
    }

    .form-card {
        max-width: 100%;
        width: 100%;
    }

    span.text.nation-wide {
        display: none;
    }

    .main-header-wrapper .row {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }

    .main-header-wrapper .col-3 {
        max-width: 50% !important;
        flex: 0 0 50% !important;
        width: 50% !important;
    }

    .form-card {
        max-width: 100%;
        width: 93%;
        margin-inline: auto;
    }

    .site-modal__fields {
        grid-template-columns: 1fr;
    }
    .message-heading {
        font-size: 24px;
    }

    img.img-fluid.message-img-left {
        max-width: 70px;
    }

    img.img-fluid.message-img-right {
        max-width: 70px;
    }

    .Message-with-purpose {
        padding-top: 270px;
    }

    img.img-fluid.book-hero {
        margin-bottom: -275px;
    }
    .hero-last-part .sub-heading {
    font-size: 19px;
}

.hero-last-part {
    max-width: 100%;
}

.explore-section {
    display: none !important;
}

.hero-section {
    padding-bottom: 40px;
}

img.img-fluid.book-hero {
    margin-bottom: -145px;
    margin-top: 30px;
}

.Message-with-purpose {
    padding-top: 190px;
}
.policy-content h3 {
    font-size: 36px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.policy-content {
    padding: 100px 20px;
}

.policy-content :is(ul,ol) {
    margin-left: 20px !important;
    font-size: 20px;
    color: #000;
    opacity: .7;
}

.policy-content p {
    font-size: 20px;
    color: #000;
    opacity: .7;
}

.policy-content {
    padding: 60px 10px;
}

.policy-content h3 {
    font-size: 25px;
}

.policy-content p {
    font-size: 14px;
}

.policy-content :is(ul,ol) {
    font-size: 14px;
    margin-bottom:15px !important;
}
    .hero-section{
        padding-top: 135px;;
    }
    img.img-fluid.eagles{
        margin-top: 0px;
    }
    .nested .hero-wrapper {
        margin-top: 10px;
    }
    
    .nested .bi-hero {
        padding: 140px 0 70px;
    }
    .nested .image-section {
        padding-bottom: 50px;
    }
    
    .nested .Message-with-purpose {
        padding-bottom: 140px;
    }
    
    ul.bullet-points {
        font-size: 14px;
    }
    
    section.service\&image {
        padding-top: 70px;
    }
    
    .nested section.service\&image .row {
        flex-direction: column-reverse;
        gap: 40px;
    }
    
    .testimonial-section {
        padding: 70px 0px;
    }
    .nested .image-section{
        margin-top: -115px;
    }
}

@media (max-width: 480px) {
    .bread-crumb :is(a,span) {
        font-size: 13px;
    }
    .Message-with-purpose {
        padding-bottom: 50px;
    }
    .services-dropdown-toggle span {
        color: var(--themeColor);
    }

    .header-brand .main-heading {
        font-size: 16px;
        max-width: none;
    }

    .bi-hero {
        padding: 160px 0 90px;
    }

    .hero-title {
        font-size: 26px;
    }

    .theme-heading,
    h2.theme-heading.scps,
    h2.theme-heading.Christine-main-heading,
    h2.theme-heading.heading,
    h2.theme-heading.a-s,
    h2.theme-heading.r-p-h,
    h2.theme-heading.whychooseus,
    h2.theme-heading.process-heading {
        font-size: 24px;
    }

    .wvs {
        font-size: 22px;
    }

    .bi-logos {
        margin-top: -36px;
    }

    .christine-wrapper2 .img-box {
        max-width: 275px;
        margin-inline: auto;
        flex-direction: column;
    }

    .christine-wrapper2 .box-img {
        width: 100%;
        max-width: 100%;
        height: 180px;
        min-height: 180px;
    }

    .christine-wrapper2 .img-box-content {
        padding: 16px 16px 56px;
    }

    h2.theme-heading.whychooseus {
        padding-right: 0;
        padding-top: 0;
    }

    .why-choose-us .contact-circle {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        margin: 16px 0 0 !important;
    }

    .stories-slider .success-box>img {
        height: 280px !important;
    }

    .container-testimonial {
        height: auto !important;
    }

    .testimonial-slide.active {
        height: 200px;
        max-height: 200px;
    }

    .calltoaction .cross1,
    .calltoaction .cross2 {
        display: none;
    }

    .have-question-col,
    .have-question-col>img.img-fluid:first-of-type {
        min-height: 300px;
        height: 300px;
    }

    .book-slider {
        height: 280px;
    }

    .book-card {
        width: 100px !important;
        height: 158px !important;
    }

    .top-bar .header-wrapper {
        flex-direction: column;
    }

    .header-wrapper .item:nth-child(3) {
        display: none;
    }

    .main-header-wrapper .col-3:nth-child(3) {
        max-width: 20% !important;
        flex: 0 0 20% !important;
        width: 20% !important;
    }

    .main-header-wrapper .col-3 {
        max-width: 70% !important;
        flex: 0 0 70% !important;
        width: 70% !important;
    }

    .header-brand img.img-fluid {
        max-width: 220px;
    }

    .main-header-wrapper .row {
        margin-inline: 0;
    }

    p.hero-para {
        margin-bottom: 10px;
        max-width: 100%;
    }

    form.form-wrap.bi-form {
        padding-inline: 0px;
    }

    .speciality-wrapper {
        gap: 40px;
    }


    .speciality-intro {
        text-align: center;
    }

    .christine-wrapper2 .box-img {
        height: 225px;
        min-height: 180px;
    }

    .bi-btn.card-arrow {
        bottom: -45px;
    }

    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .Team_btn {
        margin-top: 30px
    }

    .why-choose-us .step-card {
        max-width: 100%;
        flex: 0 0 auto;
        width: 100%;
    }

    .why-choose-us .big-number {
        bottom: 0px;
    }

    .theme-heading,
    h2.theme-heading.scps,
    h2.theme-heading.Christine-main-heading,
    h2.theme-heading.heading,
    h2.theme-heading.a-s,
    h2.theme-heading.r-p-h,
    h2.theme-heading.whychooseus,
    h2.theme-heading.process-heading {
        font-size: 28px;
    }

    .left-side-wrapper {
        flex-direction: column;
    }

    .manuscript {
        max-width: 100%;
    }

    .Publishing {
        max-width: 100%;
    }

    .publishing-content {
        text-align: center;
    }

    .calltoaction {
        margin-top: 0;
    }

    .footer-navigation {
        flex: 30% !important;
        max-width: 30% !important;
        width: 30%;
    }

    .speciality-publishing {
        margin-top: 0;
    }

    .rb-services.bi-services-tabs {
        padding: 200px 16px 40px;
    }

    .why-choose-us .col-3 {
        max-width: 100%;
        width: 100%;
    }

    .why-choose-us .contact-circle {
        right: 0px !important;
        left: 73% !important;
        top: 0 !important;
        position: absolute !important;
    }
    img.img-fluid.eagles {
        width: 200px;
        height: 135px;
        margin-right: -25px;
        margin-top: 0px;
    }
    .inner-page.service .chrisine-wrapper {
        margin-top: 0;
    }

    .inner-page.service .christine-voice {
        padding-bottom: 50px;
    }
    .hero-section{
        padding-top: 135px;;
    }
    .site-modal__intro p{
        font-size: 14px;
        line-height: 1.3;
    }
    h3.theme-heading._box{
        font-size:22px;
    }
    .speciality-wrapper .bi-btn.card-arrow {
        right: -5px;
        bottom: -50px;
        line-height: 22px;
        display: block;
    }
    
    .btn-wrapper.publishing_btn {
        display: none;
    }
    
    .speciality-publishing {
        padding: 50px 0;
    }
    
    .speciality-wrapper {
        padding-inline: 10px;
    }
    a.contact-circle {
        display: none !important;
    }
    .book-categories {
        overflow-x: scroll;
        position: relative;
        z-index: 9999;
    }
    .btn-wrapper.cta-btn a {
        width: 100%;
    }
    .nested .Message-with-purpose {
        padding-top: 110px;
    }
}


/* =========================================================
    FLUID RESPONSIVE SAFETY LAYER
    The rotating services section is intentionally excluded.
========================================================= */

@media (max-width: 0px) {
    :root {
        overflow-x: hidden;
    }

    body {
        overflow-x: hidden;
    }

    .container:not(.rb-services__layout),
    .container-full:not(.rb-services__layout) {
        width: min(100% - 48px, 1399px);
        padding-inline: 0;
    }

    img,
    video,
    iframe {
        max-width: 100%;
    }

    .hero-wrapper,
    .main-header-wrapper .row,
    .publishing-expert .row,
    .why-choose-us .row,
    .publishing-process .row,
    .publishing-resources .row,
    .faq-section .row,
    .success-stories .row {
        min-width: 0;
    }

    .hero-content,
    .hero-form,
    .hero-img,
    .content-expert,
    .publishing-expert .col-3,
    .why-choose-us .col-3,
    .why-choose-us .col-6,
    .why-choose-us .col-9,
    .publishing-process [class*="col-"],
    .publishing-resources [class*="col-"],
    .faq-section [class*="col-"] {
        min-width: 0;
    }

    .header-brand img.img-fluid {
        max-width: 320px;
    }

    .navigaion-menu {
        max-width: 585px;
    }

    .btn-wrapper.nav-btn .bi-btn {
        padding: 13px 22px;
        font-size: 16px;
    }

    .hero-img {
        margin-left: -70px;
    }

    .hero-img img {
        width: 80%;
    }

    .hero-content .btn-wrapper .bi-btn {
        font-size: 13px;
        padding-inline: 0px;
    }

    .hero-content .btn-wrapper {
        max-width: 100%;
    }

    .bi-logos {
        margin-bottom: -82px;
    }

    .rb-service-content p {
        font-size: 17px;
        max-width: 430px;
    }

    .christine-wrapper2 .col-4 {
        max-width: 100%;
    }

    .why-choose-us .big-number {
        font-size: 340px;
        bottom: -31px;
    }

    .testimonial-card {
        height: 350px;
    }

    .testimonial-card .quote {
        line-height: 1em;
        height: fit-content;
        display: block;
        margin-bottom: -55px;
        font-size: 60px;
    }

    .Guides {
        padding: 18px 18px 0px;
    }

    .bi-btn.card-arrow {
        right: 15px;
        bottom: 15px;
    }

    .form-card {
        max-width: 93%;
        width: 93%;
    }
}

@media (max-width: 0px) {

    .container:not(.rb-services__layout),
    .container-full:not(.rb-services__layout) {
        width: min(100% - 40px, 1120px);
    }

    /* =========================================================
       SIMPLE SERVICES TABS BELOW 1199PX
       Desktop wheel remains unchanged above this breakpoint.
    ========================================================= */

    @media (max-width: 1199px) {
        .rb-services.bi-services-tabs {
            min-height: 0;
            padding: 143px 24px 40px;
            overflow: hidden;
        }

        .rb-services.bi-services-tabs .rb-services__layout {
            display: flex;
            flex-direction: column;
            gap: 28px;
            width: min(100%, 960px);
            min-height: 0;
            margin: 0 auto;
        }

        .rb-services.bi-services-tabs .rb-wheel-area {
            order: 1;
            width: 100%;
            min-height: 0;
            perspective: none;
        }

        .rb-services.bi-services-tabs .rb-wheel {
            position: static;
            width: 100%;
            height: auto;
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
            justify-content: center;
            gap: 10px;
            padding: 0;
            border: 0;
            border-radius: 0;
            transform: none !important;
            transform-style: flat;
            scale: 1;
        }

        .rb-services.bi-services-tabs .rb-wheel::before,
        .rb-services.bi-services-tabs .rb-wheel__icon {
            display: none;
        }

        .rb-services.bi-services-tabs .rb-service-tab {
            position: relative;
            inset: auto;
            width: auto;
            height: auto;
            min-width: 150px;
            min-height: 44px;
            padding: 11px 16px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            opacity: 1 !important;
            transform: none !important;
            filter: none !important;
            border: 1px solid rgba(255, 103, 71, 0.35);
            border-radius: 24px;
            background: #fff;
            transition: color 250ms ease, background-color 250ms ease, border-color 250ms ease;
            z-index: 1 !important;
        }

        .rb-services.bi-services-tabs .rb-service-tab.is-active {
            color: #fff;
            border-color: #ff6747;
            background: #ff6747;
        }

        .rb-services.bi-services-tabs .rb-service-tab__number,
        .rb-services.bi-services-tabs .rb-service-tab__name {
            position: static;
            min-width: 0;
            opacity: 1 !important;
            transform: none !important;
            color: inherit;
            font-size: 14px;
            white-space: normal;
        }

        .rb-services.bi-services-tabs .rb-service-tab__number::before {
            display: none;
        }

        .rb-services.bi-services-tabs .rb-service-content {
            order: 2;
            width: 100%;
            max-width: 680px;
            margin: 0 auto;
            top: auto;
        }

        .rb-services.bi-services-tabs .rb-service-content__top {
            justify-content: space-between;
            gap: 18px;
        }

        .rb-services.bi-services-tabs .rb-service-content h2 {
            font-size: clamp(26px, 4vw, 38px);
            letter-spacing: 0;
        }

        .rb-services.bi-services-tabs .rb-service-content p {
            max-width: 100%;
            margin-top: 16px;
            font-size: 16px;
        }

        .rb-services.bi-services-tabs .rb-service-visual {
            order: 3;
            width: 100%;
            height: clamp(260px, 42vw, 460px);
            max-width: 680px;
            margin: 0 auto;
            overflow: hidden;
            border-radius: 18px;
        }

        .rb-services.bi-services-tabs .rb-service-visual::before {
            display: none;
        }

        .rb-services.bi-services-tabs .rb-service-visual img {
            width: 100%;
            height: 100%;
            max-width: 100%;
            object-position: center;
            transform: none !important;
        }

        .bi-logos {
            margin-bottom: -82px;
        }
    }

    @media (max-width: 600px) {
        .rb-services.bi-services-tabs {
            padding: 44px 16px;
        }

        .rb-services.bi-services-tabs .rb-wheel {
            justify-content: flex-start;
            flex-wrap: nowrap;
            overflow-x: auto;
            padding: 2px 2px 8px;
            scrollbar-width: thin;
        }

        .rb-services.bi-services-tabs .rb-service-tab {
            flex: 0 0 auto;
            min-width: 132px;
            padding-inline: 13px;
        }

        .rb-services.bi-services-tabs .rb-service-content p {
            font-size: 14px;
        }

        .rb-services.bi-services-tabs .rb-service-visual {
            height: 280px;
        }
    }

    @media (max-width: 600px) {
        .site-modal {
            padding: 12px;
        }

        .site-modal__dialog {
            max-height: calc(100vh - 24px);
            padding: 42px 20px 26px;
            border-radius: 20px;
        }

        .site-modal__close {
            top: 12px;
            right: 14px;
        }

        .site-modal__intro {
            margin-bottom: 22px;
        }

        .site-modal__intro p {
            font-size: 14px;
        }

        .site-modal__fields {
            grid-template-columns: 1fr;
            gap: 14px;
        }

        .site-modal__message {
            grid-column: auto;
        }

        .site-modal__submit {
            width: 100%;
            margin-top: 18px;
        }
    }

    @media (max-width: 600px) {
        .menu-offcanvas {
            right: 0 !important;
            left: auto !important;
            width: min(340px, calc(100vw - 12px));
            padding: 20px 16px 28px;
        }

        .menu-offcanvas-nav .services-submenu {
            margin-left: 8px;
            padding-left: 10px;
        }

        .menu-offcanvas-nav .services-submenu a {
            padding-right: 6px;
            overflow-wrap: anywhere;
        }
    }

    .main-header-wrapper .row {
        flex-wrap: wrap;
    }

    .main-header-wrapper .col-6.nav {
        order: 3;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .navigaion-menu ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    .hero-wrapper {
        flex-wrap: wrap;
        align-items: center;
    }

    .hero-content {
        flex: 1 1 52%;
        width: auto;
    }

    .hero-form {
        flex: 1 1 40%;
        width: auto;
        margin-left: 0;
    }

    .hero-img {
        display: none;
    }

    .speciality-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .expert-team-row,
    .expert-team-row>.second-team {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .expert-team-row>.second-team {
        grid-column: 1 / -1;
    }

    .expert-wrapper .col-3 {
        width: auto;
        max-width: none;
        flex: none;
    }

    .why-choose-us .row {
        flex-wrap: wrap;
    }

    .why-choose-us .col-3,
    .why-choose-us .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .why-choose-us .col-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .why-choose-us .col-3 {
        max-width: 100%;
        width: 100%;
    }

    .why-choose-us .contact-circle {
        right: 0px !important;
        left: 73% !important;
        top: 0 !important;
        position: absolute !important;
    }
}

/* Simple services tabs below 1199px; desktop wheel stays unchanged. */
@media (max-width: 1199px) {
    .rb-services.bi-services-tabs {
        min-height: 0;
        padding: 164px 24px 40px;
        overflow: hidden;
    }

    .bi-logos {
        margin-bottom: -82px;
    }

    .rb-services.bi-services-tabs .rb-services__layout {
        display: flex;
        flex-direction: column;
        gap: 28px;
        width: min(100%, 960px);
        min-height: 0;
        margin: 0 auto;
    }

    .rb-services.bi-services-tabs .rb-wheel-area {
        order: 1;
        width: 100%;
        min-height: 0;
        perspective: none;
    }

    .rb-services.bi-services-tabs .rb-wheel {
        position: static;
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        border: 0;
        border-radius: 0;
        transform: none !important;
        transform-style: flat;
        scale: 1;
    }

    .rb-services.bi-services-tabs .rb-wheel::before,
    .rb-services.bi-services-tabs .rb-wheel__icon {
        display: none;
    }

    .rb-services.bi-services-tabs .rb-service-tab {
        position: relative;
        inset: auto;
        width: auto;
        height: auto;
        min-width: 150px;
        min-height: 44px;
        padding: 11px 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        border: 1px solid rgba(255, 103, 71, 0.35);
        border-radius: 24px;
        background: #fff;
        z-index: 1 !important;
    }

    .rb-services.bi-services-tabs .rb-service-tab.is-active {
        color: #fff;
        border-color: #ff6747;
        background: #ff6747;
    }

    .rb-services.bi-services-tabs .rb-service-tab__number,
    .rb-services.bi-services-tabs .rb-service-tab__name {
        position: static;
        min-width: 0;
        opacity: 1 !important;
        transform: none !important;
        color: inherit;
        font-size: 14px;
        white-space: normal;
    }

    .rb-services.bi-services-tabs .rb-service-tab__number::before {
        display: none;
    }

    .rb-services.bi-services-tabs .rb-service-content {
        order: 2;
        width: 100%;
        max-width: 680px;
        margin: 0 auto;
        top: auto;
    }

    .rb-services.bi-services-tabs .rb-service-content__top {
        justify-content: space-between;
        gap: 18px;
    }

    .rb-services.bi-services-tabs .rb-service-content h2 {
        font-size: clamp(26px, 4vw, 38px);
        letter-spacing: 0;
    }

    .rb-services.bi-services-tabs .rb-service-content p {
        max-width: 100%;
        margin-top: 16px;
        font-size: 16px;
    }

    .rb-services.bi-services-tabs .rb-service-visual {
        order: 3;
        width: 100%;
        height: clamp(260px, 42vw, 460px);
        max-width: 680px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 18px;
    }

    .rb-services.bi-services-tabs .rb-service-visual::before {
        display: none;
    }

    .rb-services.bi-services-tabs .rb-service-visual img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        object-position: center;
        transform: none !important;
    }
}

@media (max-width: 600px) {
    .rb-services.bi-services-tabs {
        padding: 44px 16px;
    }

    .rb-services.bi-services-tabs .rb-wheel {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 2px 2px 8px;
        scrollbar-width: thin;
    }

    .rb-services.bi-services-tabs .rb-service-tab {
        flex: 0 0 auto;
        min-width: 132px;
        padding-inline: 13px;
    }

    .rb-services.bi-services-tabs .rb-service-content p {
        font-size: 14px;
    }

    .rb-services.bi-services-tabs .rb-service-visual {
        height: 280px;
    }

    .speciality-publishing {
        margin-top: 0;
    }

    .rb-services.bi-services-tabs {
        padding: 150px 16px 40px;
    }

    .bi-logos {
        margin-bottom: -100px
    }
}