section.section.why-choose-us.sec-pad {
        background: #f8f9fa;
    }

    .why-choose-us .main-heading-2 {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 50px;
        color: #131921;
    }

    .why-choose-us .main-heading-2 span {
        color: #ff8c00;
    }

    /* SLIDER CARDS */
    .usp-slider .usp-card {
        background: #ff8c00;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        padding: 20px;
        text-align: center;
        transition: transform 0.3s, box-shadow 0.3s;
        margin: 0 10px;
        /* GAP BETWEEN CARDS */
    }

    .usp-slider .usp-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    }

    /* VIDEO */
    .usp-video video {
        width: 100%;
        height: 250px;
        object-fit: contain;
        border-radius: 10px;
        margin-bottom: 15px;
    }

    /* CARD TITLE */
    .usp-card h5 {
        color: #fff;
        font-weight: 600;
        margin-bottom: 40px;
    }

    /* RESPONSIVE */
    @media (max-width: 1200px) {
        .usp-video video {
            height: 220px;
        }
    }

    @media (max-width: 992px) {
        .usp-video video {
            height: 180px;
        }
    }

    @media (max-width: 576px) {
        .usp-video video {
            height: 150px;
        }
    }



    .book-gallery-section {
        background: linear-gradient(135deg, #0F2027, #203A43, #2C5364);
    }

    /* Heading */
    .main-heading {
        text-align: center;
        font-size: 38px;
        font-weight: 700;
        color: #ffffff;
        margin-bottom: 50px;
    }

    .main-heading span {
        color: #f6921e;
    }

    /* Tabs */
    .genre-tabs {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 14px;
        margin-bottom: 55px;
    }

    .genre-tab {
        padding: 12px 28px;
        border-radius: 30px;
        background: transparent;
        border: 2px solid #2b3e4e;
        color: #cfd8dc;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .genre-tab:hover {
        background: #f6921e;
        color: #000;
        border-color: #f6921e;
    }

    .genre-tab.active {
        background: #f6921e;
        color: #000;
        border-color: #f6921e;
    }

    /* Gallery Grid */
    .book-gallery {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 35px;
        justify-items: center;
    }

    /* Book Card (IMAGE ONLY) */
    .book-card {
        width: 180px;
        height: 270px;
        /* Book cover ratio */
        border-radius: 10px;
        overflow: hidden;
        background: #162a38;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
        transition: all 0.4s ease;
        cursor: pointer;
    }

    .book-card:hover {
        transform: translateY(-10px) scale(1.03);
        box-shadow: 0 20px 45px rgba(0, 0, 0, 0.85);
    }

    .book-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Responsive */
    @media (max-width: 768px) {
        .main-heading {
            font-size: 30px;
        }

        .book-card {
            width: 160px;
            height: 240px;
        }
    }

    @media (max-width: 480px) {
        .book-card {
            width: 140px;
            height: 210px;
        }
    }



    .sellbok {
        background: #edf1f0;
        overflow: hidden;
    }

    .sellbok .main-heading-small {
        color: #131921;
        font-size: 34px;
        font-weight: 700;
        line-height: 1.3;
    }

    .sellbok .main-heading-small span {
        color: #ffb703;
    }

    /* Scroller */
    .logo-scroller {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .logo-track {
        display: flex;
        width: max-content;
        animation: scrollLogos 28s linear infinite;
    }

    .logo-scroller:hover .logo-track {
        animation-play-state: paused;
    }

    /* Logo Card */
    .logo-item {
        min-width: 180px;
        height: 110px;
        margin-right: 25px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.35s ease;
    }

    .logo-item img {
        max-width: 100%;
        max-height: 150px;
        object-fit: contain;
    }

    .logo-item:hover {
        transform: translateY(-6px) scale(1.05);
        box-shadow: 0 18px 45px rgba(255, 183, 3, 0.25);
    }

    .logo-item:hover img {
        filter: grayscale(0%) brightness(1);
    }

    /* Animation */
    @keyframes scrollLogos {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    /* Responsive */
    @media (max-width: 991px) {
        .sellbok {
            padding: 60px 0;
        }

        .sellbok .main-heading-small {
            text-align: center;
            margin-bottom: 30px;
        }
    }



    /* HEADING */
    .section-heading {
        text-align: center;
        font-size: 34px;
        font-weight: 700;
        margin-bottom: 50px;
    }

    .section-heading span {
        color: #ff8c00;
    }

    /* TIMELINE WRAPPER */
    .timeline-wrapper {
        display: grid;
        grid-template-columns: 1fr 80px 1fr;
        gap: 100px;
        align-items: flex-start;
    }

    /* LEFT */
    .timeline-left img {
        width: 100%;
        border-radius: 10px;
        margin-bottom: 40px;
    }

    .text-block {
        margin-bottom: 30px;
    }

    .text-block p {
        font-size: 16px;
        line-height: 1.6;
        color: #555 !important;
    }

    /* CENTER TIMELINE */
    .timeline-center {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .timeline-center .line {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #1e73be;
    }

    .step {
        width: 50px;
        height: 50px;
        background: #1e73be;
        color: #f0f0f0;
        font-size: 22px;
        /* font-weight: bold; */
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 36px 0;
        z-index: 1;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        /* transition: transform 0.3s, background 0.3s, color 0.3s; */
    }

    .step:hover {
        background: #1e73be;
        color: #fff;
        transform: scale(1.2);
    }

    /* RIGHT */
    .timeline-right {
        display: flex;
        flex-direction: column;
    }

    .right-block {
        margin-bottom: 35px;
    }

    .right-block h4 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 6px;
    }

    .right-block p {
        font-size: 16px;
        color: #555 !important;
        line-height: 1.6;
    }

    .right-image img {
        max-width: 100%;
        border-radius: 10px;
    }

    /* BUTTONS */
    .steps-btns {
        text-align: center;
        margin-top: 50px;
    }

    .btn {
        padding: 12px 30px;
        border-radius: 4px;
        font-weight: 600;
        font-size: 14px;
        margin: 8px;
        text-decoration: none;
        display: inline-block;
    }

    .btn.btn-get-started {
        background: #ff8c00;
        color: #fff;
    }

    .btn.btn-live-chat {
        border: 1px solid #ff8c00;
        color: #ff8c00;
        background: transparent;
    }

    /* RESPONSIVE */
    @media (max-width: 992px) {
        .timeline-wrapper {
            grid-template-columns: 1fr;
        }

        .timeline-center {
            display: flex;
            flex-direction: row;
            justify-content: center;
            margin: 30px 0;
        }

        .step {
            margin: 0 10px;
        }
    }

    @media (max-width: 576px) {
        .section-heading {
            font-size: 28px;
        }

        .timeline-left,
        .timeline-right {
            width: 100%;
        }
    }



    .slider-section {
        background-color: #f8f9fa;
        display: flex;
        justify-content: center;
        position: relative;
        padding: 30px 0;
    }

    .slider-container {
        width: 90%;
        overflow: hidden;
    }

    .slider-content {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }

    .review-card {
        width: 25%;
        min-width: 25%;
        box-shadow: 1px 1px 10px #0000001a;
        border-radius: 10px;
        margin-right: 20px;
        padding: 20px;
        /* 🔥 reduced padding */
        border: 1px solid #d3d3d3;
        background: transparent;
        box-sizing: border-box;
    }

    .flex-profile {
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .name-cus {
        font-size: 16px;
        font-weight: 500;
    }

    .prop {
        font-size: 14px;
        color: #666;
    }

    .prev,
    .next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 26px;
        background: transparent;
        border: none;
        cursor: pointer;
        z-index: 10;
    }

    .prev {
        left: 10px;
    }

    .next {
        right: 10px;
    }

    .rating i {
        color: #f4c150;
        font-size: 14px;
        margin-right: 2px;
    }



 /* MODAL BACKGROUND */
    .modal .modal-content {
       
        background: transparent;
       
    }

    /* POPUP */
  

    /* CLOSE BUTTON */
    .close-popup {
        position: absolute;
        top: 15px;
        right: 15px;
        background: #fff;
        border-radius: 50%;
        border: none;
        width: 35px;
        height: 35px;
        font-size: 20px;
        cursor: pointer;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    }

    /* HEADINGS */
    .balti_popup h3 {
        font-size: 50px;
        font-weight: 900;
        margin-bottom: 10px;
        color: #ccc;
    }

    .balti_popup h3 span b {
        color: #F6921E;
    }

    .balti_popup h2.discount {
        background: #F6921E;
        color: #fff;
        font-size: 28px;
        padding: 10px 0;
        margin: 15px 0;
        border-radius: 5px;
    }

    .balti_popup p {
        font-size: 16px;
        margin-bottom: 25px;
        color: #ffffff !important;
    }

    .balti_popup p span {
        font-weight: 600;
        color: #F6921E;
    }

    /* FORM */
    .balti_popup form input,
    .balti_popup form textarea {
        width: 100%;
        padding: 12px 15px;
        margin: 8px 0;
        border: 1px solid #ccc;
        border-radius: 8px;
        font-size: 15px;
    }

    .flex-inputs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .flex-inputs input {
        flex: 1;
    }

    .balti_popup form button.themeBtn {
        background: #F6921E;
        color: #fff;
        font-size: 16px;
        padding: 12px 25px;
        border: none;
        width: 100%;
        border-radius: 8px;
        cursor: pointer;
        margin-top: 10px;
    }

    .balti_popup form button.themeBtn:hover {
        background: #F6921E;
    }

    /* FOOTER */
    .popup-footer {
        margin-top: 25px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 15px;
    }

    .popup-footer .social-stats {
        display: flex;
        justify-content: space-around;
        margin-bottom: 10px;
    }

    .popup-footer .social-stats .stat {
        text-align: center;
        font-size: 14px;
    }

    .popup-footer-bottom {
        text-align: center;
        font-size: 13px;
        color: #666;
    }
    
      .balti_popup {
        position: relative;
 width: 100%;
        background: #fff;
        border-radius: 15px;
        padding: 40px 30px 30px;
        text-align: center;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
        background-image: url('/images/bg/new-banner.jpg');
        background-size: cover;
        background-position: center;
    }

    /* CLOSE BUTTON */
    .close-popup {
        position: absolute;
        top: 15px;
        right: 15px;
        background: #fff;
        border-radius: 50%;
        border: none;
        width: 35px;
        height: 35px;
        font-size: 20px;
        cursor: pointer;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    }

    /* HEADINGS */
    .balti_popup h3 {
        font-size: 50px;
        font-weight: 900;
        margin-bottom: 10px;
        color: #ccc;
    }

    .balti_popup h3 span b {
        color: #F6921E;
    }

    .balti_popup h2.discount {
        background: #F6921E;
        color: #fff;
        font-size: 28px;
        padding: 10px 0;
        margin: 15px 0;
        border-radius: 5px;
    }

    .balti_popup p {
        font-size: 16px;
        margin-bottom: 25px;
        color: #ffffff !important;
    }

    .balti_popup p span {
        font-weight: 600;
        color: #F6921E;
    }

    /* FORM */
    .balti_popup form input,
    .balti_popup form textarea {
        width: 100%;
        padding: 12px 15px;
        margin: 8px 0;
        border: 1px solid #ccc;
        border-radius: 8px;
        font-size: 15px;
    }

    .flex-inputs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .flex-inputs input {
        flex: 1;
    }

    .balti_popup form button.themeBtn {
        background: #F6921E;
        color: #fff;
        font-size: 16px;
        padding: 12px 25px;
        border: none;
        width: 100%;
        border-radius: 8px;
        cursor: pointer;
        margin-top: 10px;
    }

    .balti_popup form button.themeBtn:hover {
        background: #F6921E;
    }

    /* FOOTER */
    .popup-footer {
        margin-top: 25px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 15px;
    }

    .popup-footer .social-stats {
        display: flex;
        justify-content: space-around;
        margin-bottom: 10px;
    }

    .popup-footer .social-stats .stat {
        text-align: center;
        font-size: 14px;
    }

    .popup-footer-bottom {
        text-align: center;
        font-size: 13px;
        color: #666;
    }