:root {
    --luxury-color: #870200;
    --luxury-color-dark: #360505;
}

html,
body {
    overflow-x: clip;
    max-width: 100vw;
}

#wrapper,
#main {
    overflow-x: clip;
    max-width: 100%;
    width: 100%;
}

.mobile-navbar-divider {
    display: none;
}

.expired-ribbon,
.expired-ribbon-wrapper {
    position: absolute !important;
    top: -12px !important;
    right: -15px !important;
    width: 95px !important;
    height: 95px !important;
    z-index: 25 !important;
    overflow: hidden !important;
    pointer-events: none;
}

.expired-ribbon img,
.expired-ribbon-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

.img-bg-card-wrapper {
    position: relative !important;
}

.bg-luxury {
    background-color: var(--luxury-color) !important;
}

.bg-luxury-dark {
    background-color: var(--luxury-color-dark) !important;
}

/* Custom Header Top */

.luxury-header .header-top,
.luxury-header .header-top-first-column,
.luxury-header .header-middle,
.luxury-header .header-top-second-column {
    background-color: var(--luxury-color-dark) !important;
    color: white;
}

.luxury-header .header-vertical-line {
    border-right: 1px solid black !important;
}

.luxury-header .login-btn-sm a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.luxury-header .login-btn-sm a i {
    color: #ffffff !important;
}

.luxury-header .header-top-second-column a {
    color: #ffffff !important;
}

.header-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
    background-color: #eaebef;
}

.header-top-first-column {
    width: 100%;
    font-size: 1.2rem;
    font-weight: bold;
    margin-left: 5%;
}

.header-top-second-column {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-right: 5%;
}

.header-vertical-line {
    border-right: 1px solid black;
    height: 14px;
    margin-right: 10px;
}

.header-top-second-column a:nth-of-type(1) {
    padding: 1rem;
    font-size: 1rem;
    background-color: #343a40;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    margin-right: 18px !important;
}

.header-top-second-column a:nth-of-type(2) {
    color: inherit;
    /* margin-left: 3%; */
    font-size: 1.2rem;
}

.header-top-second-column a:nth-of-type(3) {
    color: inherit;
    margin-left: 3%;
    font-size: 1.2rem;
}

.header-middle {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem 6px 1rem;
    width: 100%;
    background-color: #fcfdff;
    flex-wrap: nowrap;
    gap: 8px;
}

.header-middle-first-column {
    width: 30%;
    margin-left: 5%;
}

.header-middle-first-column>a {
    display: inline-block;
}

.header-middle-first-column>a>img {
    max-width: 70%;
    height: auto;
    display: block;
}

.header-middle-second-column {
    width: 100%;
}

.header-middle-second-column form fieldset {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header-middle-second-column form fieldset input {
    width: 80%;
    padding: 1.8rem 1rem;
    font-size: 14px;
    border: 1px solid rgb(158, 158, 158)
}

.header-middle-second-column form fieldset input::placeholder {
    font-size: 14px;
}

.header-middle-second-column form fieldset button {
    width: 15%;
    font-size: 18px;
}

.header-middle-third-column {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-right: 5%;
}

.header-middle-third-column-currency>a:first-of-type {
    background-color: white;
    color: #CFCFCF;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 3px;
}

.luxury-header .header-middle-third-column-currency>a:first-of-type {
    width: 70px !important;
}

.header-middle-third-column-currency-dropdown>a {
    color: #CFCFCF;
    font-weight: 600;
}

#footer ch3 {
    letter-spacing: 0px;
    margin-bottom: 15px;
}

.footer-area {
    font-size: 1rem;
}

.header-middle-third-column-travel-deals-button {
    padding: 0.8rem 1rem;
    font-size: 1rem;
    font-family: sans-serif;
    font-weight: bold;
    background-color: #28a745;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    margin-left: 3%;
}

.header-middle-third-column-travel-deals-button:hover {
    background-color: #226732;
    text-decoration: none;
    color: white
}

.header-middle-third-column-free-samples-button {
    padding: 0.8rem 1rem;
    background-color: var(--main-site-color, #ffc107);
    color: white;
    font-weight: bold;
    border-radius: 5px;
    margin-left: 3%;
}

.header-middle-third-column-free-samples-button:hover {
    text-decoration: none;
    color: white
}

/* Custom Header Navbar */

.header-navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #131313;
}

.header-navbar-only-column {
    color: white;
    width: 100%;
    font-size: 1.7rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* Add position relative here */
}

.header-navbar-only-column>a {
    font-family: sans-serif;
    color: #fff;
    padding: 1.6rem 3rem;
    transition: .25s linear;
}

.header-navbar-dropdown {
    color: #fff;
    padding: 1.6rem 3rem;
    transition: .25s linear;
    position: relative;
    margin: 4px 0px;
}


.header-navbar-dropdown>a {
    color: #fff;
    font-weight: bold;
    font-family: sans-serif;
}

.header-navbar-dropdown:hover {
    color: white;
    text-decoration: none;
}

.luxury-text {
    z-index: 99;
    font-weight: 900;
    font-size: 20px;
    background-image: linear-gradient(180deg, rgba(167, 11, 11, 1) 45%, rgba(227, 82, 82, 1) 50%, rgba(167, 11, 11, 1) 57%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.border-rounded {
    border-radius: 5px;
}

.luxury-text img {
    width: 22px !important;
    max-width: 22px !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 6px;
}

.header-navbar-content {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #131313;
    min-width: 160px;
    z-index: 31;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.header-navbar-dropdown:hover .header-navbar-content {
    display: block;
}

.header-navbar-content a {
    color: #fff;
    padding: 12px 16px;
    display: block;
}

.header-navbar-content a:hover {
    color: white;
    text-decoration: none;
}

.navbar-toggle {
    display: none;
    font-size: 2rem;
    background: none;
    border: 1px solid black;
    color: #000000;
    cursor: pointer;
    padding: 0.2rem 1rem;
}

.travel-deals-button-mobile {
    display: none;
}

.free-sample-button-mobile {
    display: none;
}

.mobile-navbar-container {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 1s ease, max-height 0.7s ease;
}

.mobile-navbar-container.visible {
    opacity: 1;
    max-height: 900px;
}

.mobile-navbar-container.hidden {
    opacity: 0;
    max-height: 0;
}


.sticky-header {
    width: 100%;
    height: max-content;
    position: fixed !important;
    top: -124px;
    left: 0;
    transition: top 0.5s ease;
    z-index: 999;
}

.sticky-header.visible {
    top: 0;
}

.sticky-mobile-header {
    width: 100%;
    height: max-content;
    position: fixed !important;
    top: -100px;
    left: 0;
    transition: top 0.5s ease;
    z-index: 999;
}

.sticky-mobile-header.visible {
    top: 0;
}

@media only screen and (min-width: 1023px) {
    .sticky-mobile-header {
        display: none !important;
    }
}

@media only screen and (max-width: 1022px) {
    .sticky-header {
        display: none !important;
    }
}

/* Home Page HeroSection Background Image */
.homepage-herosection {
    background-image: url('/assets/img/img01.jpg');
}

.join-community-button-container {
    display: flex;
    justify-content: center;

}

.join-community-button {
    display: inline-block;
    /* Ensure it scales as a block */
    transition: transform 0.3s ease-in-out;
    /* Smooth scaling */
}

/* .luxury-header {
    font-family: 'Montserrat', sans-serif !important;
} */

.join-community-button:hover {
    transform: scale(1.1);
    color: rgb(252, 206, 2);
}


/* Brand Page */
.brand-page-header-text {
    font-size: 14px;
}

.brand-page-title-img-card {
    width: 100% !important;
    padding: 10px !important;
}

.brand-page-title-img-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

.brand-page-discounts-section-select {
    padding: 5px;
    font-size: 14px;
    margin-left: 3px;
}


.login-btn-sm {
    display: none;
}

.dc-none {
    display: none;
}

.profile-sm {
    margin-left: 20px;
    display: inline-block;
}

.extension-button {
    margin: 20px 0;
}

.extension-text {
    color: white;
    font-weight: bold;
}

.extension-image {
    width: 30px;
    cursor: pointer;
    background-color: #888888;
    border-radius: 15px;
}

::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: white;
}

::-webkit-scrollbar-thumb {
    background-color: #a8bbbf;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color);
}

/* Mobile (phones, portrait and landscape) */
@media only screen and (max-width: 767px) {
    .mobile-navbar-divider {
        display: block;
        border: 1px solid rgb(94, 94, 94)
    }

    /* Hide Google Translate widget on mobile — it breaks the header layout */
    #google_translate_element,
    .header-selectt,
    .goog-te-gadget,
    .skiptranslate {
        display: none !important;
    }

    .header-top {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .header-top-first-column {
        width: 95%;
        font-size: 1.3rem;
        font-weight: bold;
        text-align: center;
        margin-left: 0%;
    }

    .header-top .header-top-first-column .top-bar-heading {
        font-size: 16px !important
    }

    .header-top-second-column {
        margin-top: 5%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* .header-top-second-column a:nth-of-type(2) {
        margin-left: 20%;
    } */
    .header-top-second-column a:nth-of-type(1) {
        margin-right: 0px !important
    }

    .dc-visible {
        display: block !important;
    }

    #footer ch3 {
        font-size: 14px !important;
        font-family: 'Montserrat', sans-serif !important;

    }

    .header-middle-first-column {
        margin-left: 0;
        width: auto;
        flex-shrink: 0;
    }

    .header-middle-first-column>a>img {
        max-width: 55px;
        height: auto;
        display: block;
    }

    /* Third column becomes a full-width flex row:
       [Travel Deals] [spacer auto] [Currency] [Hamburger] */
    .header-middle-third-column {
        margin-right: 0;
        gap: 6px;
        flex: 1;
        /* stretch to fill remaining space */
        justify-content: flex-start;
        /* start from left edge of this column */
        width: auto;
    }

    /* Travel Deals: first in order, pushes currency+hamburger to far right */
    .header-middle-third-column-travel-deals-button {
        display: inline-flex !important;
        align-items: center;
        padding: 0.7rem 1.2rem;
        font-size: 1rem;
        font-weight: bold;
        border-radius: 5px;
        margin-left: 0;
        margin-right: auto;
        /* KEY: pushes currency & hamburger to the right */
        white-space: nowrap;
        order: -1;
        /* appears before currency and hamburger */
    }

    .travel-deals-button-mobile {
        display: block;
    }

    .header-middle-third-column-free-samples-button {
        display: none;
        padding: 0.6rem;
        border-radius: 5px;
        margin-left: 2px;
    }

    .free-sample-button-mobile {
        display: block;
    }

    .header-middle-third-column-currency-dropdown {
        padding: 0.5rem;
        margin-left: 2px;
    }

    .navbar-toggle {
        display: block;
        margin-left: 5%;
    }

    .header-navbar {
        display: none;
    }

    .mobile-navbar-container {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 1s ease, max-height 0.7s ease;
    }

    .mobile-navbar-container.visible {
        opacity: 1;
        max-height: 900px;
        /* Adjust or calculate dynamically if needed */
    }

    .mobile-navbar-container.hidden {
        opacity: 0;
        max-height: 0;
    }

    .header-mobile-navbar {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 100%;
        position: relative;
    }

    .header-mobile-navbar a {
        width: 100%;
        color: #fff;
        padding: 1.5rem 2rem;
        transition: .25s linear;
        background-color: #131313;
        font-size: 14px;
    }

    .header-mobile-navbar a:hover {
        color: white;
        text-decoration: none;
    }

    .header-mobile-navbar-dropdown {
        display: flex;
        flex-direction: column;
        color: #fff;
        transition: .25s linear;
        position: relative;
        width: 100%;

    }

    .header-mobile-navbar-dropdown a {
        width: 100%;
        color: #fff;
        padding: 1.5rem 2rem;
        transition: .25s linear;
        background-color: #131313;
        margin-left: 0%;
        font-size: 14px;
    }

    .header-mobile-navbar-dropdown a:hover {
        color: white;
        text-decoration: none;
    }

    .header-mobile-navbar-content {
        display: none;
        width: 100%;
        z-index: 10;
    }

    .header-mobile-navbar-content a {
        color: #000000;
        background-color: #eaebef;
        font-size: 14px;
    }

    .header-mobile-navbar-dropdown:hover .header-mobile-navbar-content {
        display: flex;
        flex-direction: column;
    }

    .header-mobile-searchbar {
        width: 100%;
        margin-bottom: 2px;
    }

    .header-mobile-searchbar form fieldset {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
    }

    .header-mobile-searchbar form fieldset input {
        width: 100%;
        border: 1px solid grey;
        padding: 1.5rem 1.5rem;
    }

    .profile-sm {
        display: none;
    }

    .login-none {
        display: none;
    }

    .google-translate-bar-sm {
        display: flex;
        justify-content: end;
        align-items: center;
        width: 100%;
        padding-bottom: 10px;
    }

    .header-top-second-column {
        margin: 3% 0 2% 0 !important;
    }

    .login-btn-sm {
        display: flex;
        gap: 10px;
        font-size: 10px !important;
    }

    /* Luxury Header Mobile Responsive */
    .luxury-header .header-top {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px 15px !important;
        width: 100% !important;
    }

    .luxury-header .google-translate-bar-sm {
        display: flex !important;
        justify-content: right !important;
        align-items: center !important;
        width: 100% !important;
        padding-bottom: 6px !important;
    }

    .luxury-header .login-btn-sm {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 16px !important;
    }

    .luxury-header .login-btn-sm a {
        color: #ffffff !important;
        font-size: 10px !important;
        font-weight: 400 !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .luxury-header .login-btn-sm a i {
        color: #ffffff !important;
        font-size: 14px !important;
    }

    .luxury-header .header-vertical-line {
        border-right: 1px solid black !important;
        height: 14px !important;
        margin-right: 6px !important;
        display: inline-block !important;
    }

    .luxury-header .header-top-first-column {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        margin: 4px 0 !important;
        padding: 0 !important;
    }

    .luxury-header .header-top-first-column .top-bar-heading {
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 12px !important;
        text-align: center !important;
        line-height: 1.4 !important;
        margin: 0 auto !important;
    }

    .luxury-header .header-top-second-column {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-top: 8px !important;
        margin-bottom: 2px !important;
    }

    .luxury-header .header-top-second-column a {
        color: #ffffff !important;
        font-size: 13px !important;
    }
}

/* * Tablet (portrait)  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .mobile-navbar-divider {
        display: block;
        border: 1px solid rgb(94, 94, 94)
    }

    .header-top {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .header-top-first-column {
        width: 85%;
        /* font-size: 1.3rem; */
        font-weight: bold;
        text-align: start;
        margin-left: 0%;
    }

    .header-top-first-column ch1 {
        font-size: 16px !important;
    }

    .header-top-second-column {
        width: 100%;
        display: flex;
        justify-content: end;
        align-items: center;
        margin-right: 0%;
    }


    .header-middle-first-column {
        margin-left: 0;
    }

    .header-middle-first-column>a>img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    .header-middle-third-column {
        margin-right: 0%;
    }

    .header-middle-third-column-travel-deals-button {
        display: block;
        padding: 0.6rem;
        border-radius: 5px;
        margin-left: 2px;
    }

    .travel-deals-button-mobile {
        display: none;
    }

    .header-middle-third-column-free-samples-button {
        display: block;
        padding: 0.6rem;
        border-radius: 5px;
        margin-left: 2px;
    }

    .free-sample-button-mobile {
        display: none;
    }

    .header-middle-third-column-currency-dropdown {
        padding: 0.5rem;
        margin-left: 2px;
    }

    .navbar-toggle {
        display: block;
        margin-left: 5%;
    }

    .header-navbar {
        display: none;
    }

    .mobile-navbar-container {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 1s ease, max-height 0.7s ease;
    }

    .mobile-navbar-container.visible {
        opacity: 1;
        max-height: 900px;
        /* Adjust or calculate dynamically if needed */
    }

    .mobile-navbar-container.hidden {
        opacity: 0;
        max-height: 0;
    }


    .header-mobile-navbar {
        display: flex;
        flex-direction: column;
        align-items: start;
        width: 100%;
        position: relative;
    }

    .header-mobile-navbar a {
        width: 100%;
        color: #fff;
        padding: 1.5rem 2rem;
        transition: .25s linear;
        background-color: #131313;
    }

    .header-mobile-navbar a:hover {
        color: white;
        text-decoration: none;
    }

    .header-mobile-navbar-dropdown {
        display: flex;
        flex-direction: column;
        color: #fff;
        transition: .25s linear;
        position: relative;
        width: 100%;

    }

    .header-mobile-navbar-dropdown a {
        width: 100%;
        color: #fff;
        padding: 1.5rem 2rem;
        transition: .25s linear;
        background-color: #131313;
        margin-left: 0%;
    }

    .header-mobile-navbar-dropdown a:hover {
        color: white;
        text-decoration: none;
    }

    .header-mobile-navbar-content {
        display: none;
        width: 100%;
        z-index: 10;
    }

    .header-mobile-navbar-content a {
        color: #000000;
        background-color: #eaebef;
    }

    .header-mobile-navbar-dropdown:hover .header-mobile-navbar-content {
        display: flex;
        flex-direction: column;
    }

    /* .header-middle-second-column {
        display: flex;
    } */

    #search-form {
        display: none;
    }

    .header-mobile-searchbar {
        width: 100%;
        margin-bottom: 2px;
        padding: 1.5rem 2rem;
    }

    .header-mobile-searchbar form fieldset {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
    }

    .header-mobile-searchbar form fieldset input {
        width: 100%;
        border: 1px solid grey;
        padding: 1.5rem 1.5rem;
    }

}

ch1,
ch2,
ch3,
ch4,
ch5,
ch6 {
    display: block;
    font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ch1 {
    font-size: 52px;
    line-height: 70px;
    font-weight: 900;
    margin: 0 0 25px
}

ch2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    margin: 0 0 8px
}

ch3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    margin: 0 0 6px
}

ch4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin: 0 0 5px;
}

ch5 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 0 4px;
}

ch6 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 3px;
}

.accordion-item ch2 {
    line-height: 1.2 !important
}

.fs-2-5 {
    font-size: 2.5rem;
}

ch1 .clr {
    color: #33b86c
}

.my-auto ch3 {
    font-size: 1.75rem;
}

.my-auto ch1 {
    font-size: 2.5rem;
    margin-bottom: .5rem;
}

@media (max-width: 767px) {
    ch1 {
        font-size: 30px;
        line-height: 40px;
    }

    ch2 {
        font-size: 28px;
        line-height: 30px;
    }

    ch3 {
        font-size: 28px;
        line-height: 24px;
    }

    ch4 {
        font-size: 20px;
        line-height: 22px;
    }

    ch5 {
        font-size: 18px;
        line-height: 20px;
    }

    ch6 {
        font-size: 17px;
        line-height: 26px;
    }
}

.small-bold-label {
    font-size: 1rem;
    font-weight: 800;
}

ol.breadcrumb {
    display: flex;
    font-size: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.font-1rem {
    font-size: 1rem;
}

.best-offer-discount {
    position: absolute;
    top: -15px;
    left: -10px;
    z-index: 10;
    width: 45px !important;
    height: 45px !important;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #33b86c;
    font-weight: 400;
    font-size: 14px
}

.expired-ribbon-wrapper {
    position: absolute;
    top: -7px;
    right: 0px;
    width: 100px;
    z-index: 10;
    height: 100px;
}

.expired-ribbon-wrapper img {
    width: 100%;
    height: 100%;
}

select.form-control {
    max-height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1rem;
}

/* Add margin to the right of the whole translator */
#google_translate_element {
    margin-right: 5px !important;
    display: inline-block;
}

/* Force "Powered by" and "Google" text to be visible (Dark Gray) */
.goog-te-gadget {
    color: #444 !important;
    font-size: 11px !important;
}

/* Make sure the Google Logo Link is visible and not hidden */
.goog-logo-link,
.goog-logo-link:link,
.goog-logo-link:visited {
    display: inline-block !important;
    color: #4285F4 !important;
    /* Google Blue */
    text-decoration: none !important;
    vertical-align: middle;
}

/* Style the actual dropdown box to look cleaner */
.goog-te-combo {
    padding: 4px;
    margin-right: 10px !important;
    border-radius: 5px;
    border: 1px solid #e5e5e5 !important;
    color: #CFCFCF;
    font-weight: 600;
}

/* Force the dropdown to show when the 'show' class is present */
.header-middle-third-column-currency .dropdown-menu.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999 !important;
    background-color: white !important;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    min-width: 100px;
}

/* Ensure the parent is positioned correctly */
.header-middle-third-column-currency {
    position: relative;
    display: inline-block;
}

/* Enable Hover for the Currency Dropdown */
@media (min-width: 992px) {

    /* Only apply on Desktop */
    .header-middle-third-column-currency:hover .dropdown-menu {
        display: block !important;
        margin-top: 0;
        /* Align it perfectly with the header */
        opacity: 1;
        visibility: visible;
    }
}

/* Optional: Smooth transition */
.header-middle-third-column-currency-dropdown {
    transition: all 0.3s ease;
    max-height: 300px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    right: 0 !important;
    left: auto !important;
}

.dropdown-toggle {
    padding: 5px 0px 5px 3px;
    display: inline-block;
    text-decoration: none;
    height: 30px;
    width: 62px;
    font-size: 1rem;
}

.dropdown-toggle::before {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
}

.fa-coins {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.fa-coins:before {
    content: "\f51e";
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.product-img {
    min-height: 200px;
}

.product-img>img {
    object-fit: contain !important
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.align-baseline {
    align-items: baseline;
}


/* ==========================================================================
   Advertise on AP & Custom Page Components (Merged from Live)
   ========================================================================== */

/* 1. Custom Heading Elements (ch1-ch6) */
ch1,
ch2,
ch3,
ch4,
ch5,
ch6 {
    display: block;
    font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ch1 {
    font-size: 52px;
    line-height: 70px;
    font-weight: 900;
    margin: 0 0 25px;
}

ch2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    margin: 0 0 8px;
}

ch3 {
    color: white;
    font-family: inherit !important;
    font-size: 37px;
    line-height: 46px;
    font-weight: 400;
    margin: 0 9px 0px;
}


ch4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin: 0 0 5px;
}

ch5 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 0 4px;
}

ch6 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 3px;
}

.accordion-item ch2 {
    line-height: 1.2 !important;
}

.fs-2-5 {
    font-size: 2.5rem;
}

ch1 .clr {
    color: #33b86c;
}

.my-auto ch3 {
    font-size: 1.75rem;
}

.my-auto ch1 {
    font-size: 2.5rem;
    margin-bottom: .5rem;
}

@media (max-width: 767px) {
    ch1 {
        font-size: 30px;
        line-height: 40px;
    }

    ch2 {
        font-size: 28px;
        line-height: 30px;
    }

    ch3 {
        font-size: 28px;
        line-height: 24px;
    }

    ch4 {
        font-size: 20px;
        line-height: 22px;
    }

    ch5 {
        font-size: 18px;
        line-height: 20px;
    }

    ch6 {
        font-size: 17px;
        line-height: 26px;
    }
}

/* 2. Advertise Page Sections & Swiper Containment */
.subscribe-section,
.features-section,
.guide-section,
#subscription-details,
#faq-section,
#testimonials,
#hero-section {
    overflow-x: hidden;
    max-width: 100%;
    width: 100%;
}

.subscribe-section {
    padding: 40px 0;
    background: #fff;
}

.features-section {
    padding: 20px 0;
}

.guide-section {
    padding: 40px 0;
    background: #fff;
}

#subscription-details {
    padding: 40px 0;
    background: #fff;
}

#faq-section {
    padding: 40px 0;
    background: #f9f9fb;
}

#testimonials {
    padding: 40px 0;
    background: #fff;
}

.swiper-container,
.swiper,
.guide-swiper,
.different-ads-slider,
.testimonials-slider {
    overflow: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 3. Tab Switching */
.tab-content>.tab-pane {
    display: none !important;
}

.tab-content>.tab-pane.active,
.tab-content>.tab-pane.show.active {
    display: block !important;
}

/* 4. Card & Grid Components */
.no-gutters {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.rounded-box {
    border-radius: 1.3rem !important;
    overflow: hidden;
}

.rounded-box-left {
    border-top-left-radius: 1.3rem !important;
    border-bottom-left-radius: 1.3rem !important;
}

.bg-dark-gray {
    background-color: #f3f3f3 !important;
}

.text-light-blue {
    color: #29abe1 !important;
}

/* Compact Card Image Sizing */
.card .row.no-gutters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media (min-width: 768px) {
    .card .row.no-gutters .col-md-4 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .card .row.no-gutters .col-md-8 {
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }

    .card .row.no-gutters img.img-fluid {
        width: 100% !important;
        max-height: 125px !important;
        height: 125px !important;
        object-fit: cover !important;
        border-radius: 1.3rem 0 0 1.3rem;
    }
}

@media (max-width: 767.98px) {
    .card .row.no-gutters img.img-fluid {
        width: 100% !important;
        max-height: 150px !important;
        height: auto !important;
        object-fit: cover !important;
        border-radius: 1.3rem 1.3rem 0 0;
    }
}

.rounded-circle {
    border-radius: 50% !important;
    object-fit: cover;
    /* width: 120px !important;
    height: 120px !important; */
    display: block;
    margin: 15px auto;
}

/* 5. Custom Utilities & Interactive Elements */
.div-bg-blue {
    background: #2980b9;
    color: #fff;
    padding: 15px 20px;
    border-radius: 10px;
}

.div-heading {
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}

.div-shadow-bottom {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 20px;
    background: #fff;
}

.img-tab {
    width: 90px !important;
    height: 90px !important;
}

.hover-image-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    transition: transform 0.3s ease;
}

.hover-image-container:hover {
    transform: scale(1.05);
}

.hover-image-container img {
    max-width: 100%;
    border-radius: 50%;
    transition: opacity 0.3s ease;
}

.hover-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: transparent;
    background-color: transparent;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.hover-image-text {
    font-size: 11px;
    line-height: 1.15;
    font-weight: 800;
    color: #ffffff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.95), 0 0 6px rgba(0, 0, 0, 0.9), 0 0 2px #000000;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

.divider {
    border-top: 8px solid #f1f1f1;
    margin: 20px auto;
}

/* Coupon Button & Modal */
.view-code-btn-expand-sales.btn-primary {
    background-color: mediumvioletred !important;
    padding: 12px 41px !important;
    margin: 0 0 9px !important;
    position: relative !important;
    text-decoration: none !important;
    border-radius: 50px;
    font-weight: 700;
    display: inline-block;
    color: #fff !important;
}

.view-code-btn-expand-sales.btn-primary:hover {
    background: blueviolet !important;
}

.view-code-btn-expand-sales.btn-primary .code {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    padding: 2px 10px;
    border-radius: 4px;
    margin-left: 8px;
    font-family: monospace;
    letter-spacing: 2px;
}

.popup-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    max-width: 500px;
    width: 90%;
}

.close-btn {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    background: none;
    border: none;
}

.feature-sec .feature-box-category .img-holder {
    height: 195px !important;
    max-height: 195px !important;
}

.coupon-code-container {
    margin-top: 15px;
    background-color: #28a745;
    color: #fff;
    padding: 0.8rem 1rem;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.2rem;
    font-family: monospace;
    letter-spacing: 2px;
}

.custom-alert {
    font-size: 14px;
    display: none;
    color: #28a745;
    margin-top: 10px;
}


/* ── Newsletter Section – Mobile Responsive ── */
@media (max-width: 767.98px) {
    #newsletter-container .row {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }

    #newsletter-container .col-8,
    #newsletter-container .col-4 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    /* Image on top */
    #newsletter-container .col-4 {
        order: -1;
        margin-bottom: 1rem;
    }

    #newsletter-container .col-4 img {
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    .latest-coupon .category-sort-select {
        border-radius: 2px !important;
    }

    select.form-control {
        max-height: 25px;
        padding-top: 3px;
        padding-bottom: 5px;
        color: #495057;
    }

    #deals-container .expired-ribbon-wrapper {
        position: absolute !important;
        top: -8px !important;
        right: -8px !important;
        width: 80px !important;
        height: 80px !important;
        z-index: 25 !important;
        overflow: hidden !important;
        pointer-events: none;
    }

    /* .sticky-mobile-header.visible .header-middle .header-middle-third-column .header-middle-third-column-currency {
        display: none !important;
    } */

    /* Text content centered */
    #newsletter-container .col-8 {
        order: 1;
    }

    #newsletter-container .col-8 ch3,
    #newsletter-container .col-8 p {
        text-align: left;
    }

    #newsletter-container .input-group {
        flex-direction: column;
        align-items: stretch;
    }

    #newsletter-container .input-group .form-control {
        width: 100%;
        border-radius: 4px !important;
        margin-bottom: 0.75rem;
    }

    #newsletter-container .input-group-append {
        width: 100%;
    }

    #newsletter-container .input-group-append .btn {
        width: auto;
        margin-top: 12px !important;
        margin-right: 279px;

    }
}

/* Footer Top Spacing */
#footer .footer-holder {
    margin-top: 0 !important;
    padding-top: 50px !important;
}

@media (max-width: 767px) {
    #footer .footer-holder {
        margin-top: 0 !important;
        padding-top: 45px !important;
        padding-left: 15px !important;
    }
}

/* ==========================================================================
   Module 5: Ad Visual & Button Tests (VIS-11 & VIS-12)
   ========================================================================== */

/* VIS-11: Ad card image expands slightly on hover */
.coupon-box .img-holder.product-img,
.coupon-box .img-bg-card-wrapper,
.coupon-box .img-bg-best-offers-card-wrapper,
.best-offers-card .product-img,
.ci-search-card .img-container {
    overflow: hidden !important;
}

.luxury-card {
    overflow: visible !important;
}

.coupon-box .img-holder.product-img img,
.coupon-box .img-bg-card-wrapper img:not(.expired-img),
.coupon-box .img-bg-best-offers-card-wrapper img:not(.expired-img),
.best-offers-card .product-img img:not(.expired-img),
.luxury-card img,
.ci-search-card .img-container img {
    transition: transform 0.35s ease, filter 0.35s ease !important;
}

.coupon-box:hover .img-holder.product-img img:not(.expired-img),
.coupon-box:hover .img-bg-card-wrapper img:not(.expired-img),
.coupon-box:hover .img-bg-best-offers-card-wrapper img:not(.expired-img),
.best-offers-card:hover .product-img img:not(.expired-img),
.luxury-card:hover img,
.ci-search-card:hover .img-container img {
    transform: scale(1.08) !important;
}

/* VIS-12: Hover - Button color changes */
.view-code-btn-expand,
.btn-full-details,
.l-btn {
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.2s ease !important;
}

.view-code-btn-expand:hover,
.btn-full-details:hover,
.view-code-btn-expand.btn-primary:hover,
.view-code-btn-expand.btn-primary.not-coupon:hover,
.view-code-btn-expand.btn-primary.coupon:hover {
    background-color: #29b6f6 !important;
    border-color: #29b6f6 !important;
    color: #ffffff !important;
}

/* Footer Social Network Icons Hover Effect */
#footer .socail-network a:hover {
    background-color: var(--main-site-color, #ffc107) !important;
    border-color: var(--main-site-color, #ffc107) !important;
}

/* ============================================================
   GLOBAL UNIFIED PAGINATION STYLES (MATCHES USER DESIGN SCREENSHOT)
   ============================================================ */
.pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
    list-style: none !important;
}

.pagination>li,
.pagination .page-item {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pagination>li>a,
.pagination>li>span,
.pagination .page-item .page-link {
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #dbdbdb !important;
    border-radius: 2px !important;
    background-color: #ffffff !important;
    color: #101010 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
}

.pagination .page-item .page-link i {
    color: #666666 !important;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination .page-item .page-link:hover {
    border-color: #ffb300 !important;
    text-decoration: underline !important;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination .page-item.active .page-link,
.pagination .page-link.active {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border: 2px solid #dbdbdb !important;
    text-decoration: none !important;
}

.pagination>.disabled>a,
.pagination>.disabled>span,
.pagination .page-item.disabled .page-link,
.pagination .page-item.disabled,
.pagination-item.disabled {
    display: none !important;
}

/* ==========================================================================
   Bootstrap Alert Styles & Dismissible "X" Button
   ========================================================================== */
.alert {
    position: relative;
    padding: 12px 42px 12px 16px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-dismissible,
.alert-dismissable {
    padding-right: 42px;
}

.alert-dismissible .close,
.alert-dismissable .close,
.alert .close {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: inherit;
    opacity: 0.5;
    cursor: pointer;
    padding: 0;
    margin: 0;
    text-shadow: none;
    transition: opacity 0.15s ease-in-out;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.alert-dismissible .close:hover,
.alert-dismissible .close:focus,
.alert .close:hover,
.alert .close:focus {
    opacity: 0.9;
    color: inherit;
    text-decoration: none;
    outline: none;
}

.alert .btn-close,
.alert-dismissible .btn-close {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: inherit;
    opacity: 0.5;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.alert .btn-close:empty::before {
    content: "\00d7";
}

.alert .btn-close:hover,
.alert .btn-close:focus {
    opacity: 0.9;
    outline: none;
}

/* Password visibility toggle styles */
.password-wrapper {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    display: block;
}

.password-wrapper .form-control {
    margin-bottom: 0 !important;
    padding-right: 45px !important;
}

.password-wrapper .toggle-password-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    color: #888888;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    user-select: none;
    -webkit-user-select: none;
    transition: color 0.2s ease-in-out;
}

.password-wrapper .toggle-password-icon:hover {
    color: #222222;
}

.alphabet-sort-container {
    background-color: #F2F2F2;
    padding: 28px 20px;
    border-radius: 8px;
}

.alphabet-buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.alphabet-btn {
    width: 34px;
    height: 34px;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 2px;
    line-height: 1;
    transition: all 0.1s ease-in-out;
    text-decoration: none !important;
    border: none;
}

@media (max-width: 767px) {
    .alphabet-sort-container {
        padding: 24px 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 8px;
    }

    .alphabet-buttons-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 350px !important;
        margin: 0 auto !important;
    }

    .alphabet-btn {
        flex: 0 0 calc((100% - (6 * 8px)) / 7) !important;
        width: calc((100% - (6 * 8px)) / 7) !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        min-width: unset !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        border-radius: 4px !important;
        line-height: 1 !important;
    }
}

@media (max-width: 360px) {
    .alphabet-buttons-wrapper {
        gap: 6px !important;
        max-width: 300px !important;
    }

    .alphabet-btn {
        flex: 0 0 calc((100% - (6 * 6px)) / 7) !important;
        width: calc((100% - (6 * 6px)) / 7) !important;
        font-size: 12px !important;
    }
}

@media (max-width: 767px) {
    .all-brand-section .all-brand-heading {
        font-size: 30px !important
    }

    .all-brand-section .mobile-attr {
        display: flex !important;
        gap: 10px;
    }

    .all-brand-section .mobile-attr .small-bold-label {
        font-weight: 600 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .all-brand-section .mobile-attr .select2-container {
        width: 70% !important;
    }

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


.all-brand-section .brand-card {
    font-size: 12px;
}

.all-brand-section .brand-card .brand-box {
    border: 1px solid #000000;
}

.all-brand-section .brand-sort-select {
    height: 42px;
    /* choose one height */
    line-height: 42px;
    padding: 6px 12px;
}

.all-brand-section .brand-logo-img {
    width: 95%;
    height: 95%;
    object-fit: contain;
    border: 2px solid #ccc;
    padding: 4px;
    background-color: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.all-brand-section .small-bold-label {
    font-weight: 600 !important
}

/* Card layout */
.all-mall-section .brand-card {
    font-size: 12px;
    text-align: left;
}

.all-mall-section .brand-card .brand-box {
    border: 1px solid gray;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Image fit fully inside card */
.all-mall-section .brand-card img {
    max-height: 100px;
    max-width: 100%;
    object-fit: contain;
}

/* Mall name link */
.all-mall-section .mall-link {
    color: #000;
    text-decoration: none;
    display: block;
    transition: color 0.2s ease;
}

.all-mall-section .mall-link:hover {
    color: #0d6efd;
    /* Bootstrap blue */
    text-decoration: underline;
}

.all-mall-section .brands-tags {
    color: #000;
    transition: color 0.2s ease;
}

.all-mall-section .brands-tags:hover {
    color: #0d6efd;
    text-decoration: underline;
}

/* ==========================================
   Deal Checkout Page Styles
   ========================================== */
.deal-checkout-sec {
    padding: 40px 0 80px 0;
    background: #fdfdfd;
}

.deal-checkout-sec .checkout-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    border: 1px solid #eef0f2;
    padding: 24px;
    margin-bottom: 24px;
}

.deal-checkout-sec .checkout-card-header {
    border-bottom: 1px solid #edf2f7;
    padding-bottom: 14px;
    margin-bottom: 20px;
}

.deal-checkout-sec .checkout-card-header h4 {
    margin: 0;
    font-weight: 700;
    color: #2d3748;
    font-size: 1.25rem;
}

.deal-checkout-sec .deal-img-box {
    max-width: 140px;
    height: 110px;
    border-radius: 6px;
    overflow: hidden;
    background: #f7fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e8f0;
}

.deal-checkout-sec .deal-img-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.deal-checkout-sec .price-strike {
    text-decoration: line-through;
    color: #a0aec0;
    font-size: 1rem;
}

.deal-checkout-sec .deal-price-highlight {
    font-size: 1.5rem;
    font-weight: 800;
    color: #e53e3e;
}

.deal-checkout-sec .badge-discount {
    background: #fed7d7;
    color: #c53030;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.85rem;
}

.deal-checkout-sec .badge-success {
    background: #d4edda;
    color: #155724;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.85rem;
}

.deal-checkout-sec .saved-address-card {
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    padding: 14px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.deal-checkout-sec .saved-address-card:hover {
    border-color: #cbd5e0;
}

.deal-checkout-sec .saved-address-card.selected {
    border-color: #3182ce;
    background: #ebf8ff;
}

.deal-checkout-sec .btn-grab-deal-now {
    background: #258544;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
    padding: 14px 28px;
    border-radius: 6px;
    border: none;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 12px rgba(37, 133, 68, 0.3);
    transition: all 0.2s ease;
}

.deal-checkout-sec .btn-grab-deal-now:hover {
    background: #1e6d37;
    color: #fff;
}

.deal-checkout-sec .reassurance-box {
    background: #f0fff4;
    border: 1px solid #c6f6d5;
    border-radius: 6px;
    padding: 14px;
    margin-top: 18px;
    font-size: 0.9rem;
    color: #276749;
}

.terms-of-service .jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem;
}

.terms-of-service .custom-ch3 {
    color: black !important;
    font-size: 21px;
    font-weight: 900;
    margin-bottom: 0px;
}

.terms-of-service p,
.terms-of-service ul {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
}

.terms-of-service .bold {
    margin-left: -11px !important;
}

@media (max-width:767px) {
    .terms-of-service .customize {
        font-size: 3.5rem !important;
    }

}

.privacy-policy-section .colored-header {
    text-align: center;
    background-color: #E9ECEF;
}

.privacy-policy-section .colored-header>h2 {
    font-size: 4.5rem;
    font-weight: 400;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0
}

.privacy-policy-section .colored-header>hr {
    width: 100%;
    border-top: 1px solid #cbcbcb;
    margin: 20px auto;
}

.privacy-policy-section p,
.privacy-policy-section ul li {
    font-size: 1rem;
}

.return-policy-section .colored-header {
    text-align: center;
    background-color: #E9ECEF;
    padding: 2.5rem !important;
}

.return-policy-section .colored-header>h2 {
    font-size: 4.5rem;
    font-weight: 400;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
}

.return-policy-section .colored-header>hr {
    width: 100%;
    border-top: 1px solid #cbcbcb;
    margin: 20px auto;
}

.return-policy-section p,
.return-policy-section ul li {
    font-size: 11px;
}

@media (max-width:767px) {
    .return-policy-section .customize {
        font-size: 3.5rem !important;
    }
}

.shopping-and-delivery-section .colored-header {
    text-align: center;
    background-color: #E9ECEF;
    padding-bottom: 23px !important;
    padding-top: 37px !important;
}

.shopping-and-delivery-section .colored-header>h2 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0
}

.shopping-and-delivery-section .colored-header>hr {
    width: 100%;
    border-top: 1px solid #cbcbcb;
    margin: 20px auto;
}

.shopping-and-delivery-section table th {
    text-align: center;
}

.shopping-and-delivery-section p,
.shopping-and-delivery-section ul li,
.shopping-and-delivery-section table {
    font-size: 11px;
}

@media (max-width:767px) {
    .shopping-and-delivery-section .customize {
        font-size: 3.5rem !important;
    }
}

.terms-of-service-section .colored-header {
    text-align: center;
    background-color: #E9ECEF;
    padding: 50px 30px !important;
    box-sizing: border-box;
    border-radius: 4px;
}

.terms-of-service-section .colored-header>h2 {
    font-size: clamp(3.25rem, 10vw, 4.25rem);
    font-weight: 400;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.terms-of-service-section .colored-header>h1 {
    font-size: clamp(2.35rem, 2.6vw, 2.25rem);
    font-weight: 600;
    line-height: 1.4;
    color: #101010;
    max-width: 1050px;
    margin: 0 auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.terms-of-service-section .colored-header>hr {
    width: 100%;
    border-top: 1px solid #cbcbcb;
    margin: 25px auto;
}

.terms-of-service-section .colored-header>p {
    margin: 0 auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.terms-of-service-section p,
.terms-of-service-section ul li {
    font-size: 1rem;
}