@import url("https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@100..800&display=swap");

* {
    margin: 0;
    padding: 0;
}

:root {
    --primary_color: #037768;
    --primary_text_color: #ffffff;
    --primary_hover_color: #f68625;
    --primary_svg_color: #037768;
    --primary_border_color: #e5e5e5;
    --font_family: "Anek Bangla", sans-serif;
    --animate-duration: 1s;
    --body_bg_color: #fff8d2;
}

body {
    font-family: var(--font_family) !important;
    background-color: color-mix(in srgb, var(--primary_color) 10%, transparent);
}

a {
    text-decoration: none !important;
}

p {
    margin: 0;
    padding: 0;
}

ol,
ul {
    padding: 0rem;
    margin: 0rem;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
.section_padding {
    padding: 30px 0px;
}

.section_padding_bottom {
    padding-bottom: 30px;
}

.landing_page_cart_list ul::-webkit-scrollbar {
    height: 3px;
}

/* Track */
.landing_page_cart_list ul::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.landing_page_cart_list ul::-webkit-scrollbar-thumb {
    background: #888;
}

/*============= Landing Page Common Style Section Start =============*/

.banner_container_wrapper .top_contact_us ul {
    justify-content: center;
}

.top_contact_us ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top_contact_us ul li:last-child {
    padding-bottom: inherit !important;
    padding-top: 0px;
}

.top_contact_us ul li {
    border-bottom: none !important;
    list-style: none;
}
.landing_page_common_btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--primary_color);
    color: #fff !important;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 24px;
    text-align: center;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease;
    height: 40px;
}

.ch-left {
    order: 2;
}

.landing_page_common_btn::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--primary_hover_color);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
    transition: top 0.5s ease;
}

.landing_page_common_btn:hover::before {
    top: -40%;
}

.top_contact_us .whatsUp_call_btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.top_contact_us .whatsUp_call_btn.whatsUp {
    background-color: #48a91f;
    color: white;
    font-size: 18px;
    cursor: pointer;
}

.top_contact_us .whatsUp_call_btn.call {
    background-color: transparent;
    color: var(--primary_color);
    font-size: 18px;
    cursor: pointer;
    border: 1px solid var(--primary_color);
    transition: 0.5s;
}

.top_contact_us .whatsUp_call_btn.call:hover {
    background-color: var(--primary_color);
    color: #ffff;
}

/*============= Header Hero Section Area Start  ==============*/
.banner_area {
}

.banner_container_wrapper {
    background: #ffffff;
    padding: 40px 30px;
    padding-bottom: 20px;
    border-radius: 16px;
    border: 1px solid var(--primary_border_color);
    overflow: hidden;
    text-align: center;
}

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

.logo_img img {
    max-width: 160px;
    height: auto;
    margin-bottom: 20px;
}

.header_content span {
    font-size: 14px;
    color: #333333;
    margin-bottom: 12px;
    display: block;
    background-color: color-mix(in srgb, var(--primary_color) 20%, transparent);
    padding: 6px 12px;
    border-radius: 16px;
    font-weight: 600;
}

.header_content h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--primary_color);
    line-height: 40px;
    margin-bottom: 14px;
}

.header_content p {
    font-size: 18px !important;
    color: #222222;
    line-height: 24px;
    max-width: 800px;
    margin-bottom: 20px;
    font-weight: 500;
}

.header_btn_link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--primary_color);
    color: var(--primary_text_color) !important;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 28px;
    border-radius: 3px;
    text-decoration: none;
    transition: background 0.25s, transform 0.2s, box-shadow 0.25s;
}

.header_btn_link:hover {
    background: var(--primary_hover_color);
    color: var(--primary_text_color);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

.header_btn_link:active {
    transform: scale(0.98);
    box-shadow: none;
}

/* Banner image full width at bottom */
.hero_banner_img {
    margin-top: 25px;
}

.hero_banner_img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
}

/* ======================= Product Details Section Area Start ========================= */
.hero-stats {
    display: flex;
    gap: 28px;
    padding-top: 30px;
    align-items: center;
    justify-content: center;
    padding-bottom: 15px;
    flex-wrap: wrap;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    font-family: var(--font_family) !important;
    margin-right: 4px;
}

.hero-stat-box {
    text-align: center;
}

.hs-num {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: var(--primary_color);
}

.hs-lbl {
    font-size: 16px;
    color: var(--black);
    margin-top: 2px;
    font-weight: 600;
}

/* Odometer Style */
.odometer {
    font-size: 26px;
    font-weight: 700;
}

/* ======================= Product Details Section Area Start ========================= */

.product_description_area {
    overflow: hidden;
    background: #ffffff;
}

.product_description_container {
    background: #ffffff;
    padding: 40px 0px;
    border-radius: 16px;
    /* border: 1px solid var(--primary_border_color); */
    overflow: hidden;
    text-align: center;
}

.product_description_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.product_details_title {
    display: flex;
    align-items: start;
    flex-direction: column;
}

.product_details_title h3 {
    color: var(--primary_color);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 16px;
    text-align: left;
}

.tag {
    display: inline-block;
    background: rgb(3 119 104 / 8%);
    color: var(--primary_color);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    padding: 5px 14px;
    border-radius: 50px;
    border: 1px solid rgba(3, 119, 104, 0.18);
    margin-bottom: 10px;
}

.second_tag {
    display: inline-block;
    background: var(--primary_hover_color);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    padding: 5px 14px;
    border-radius: 50px;
    border: 1px solid rgba(3, 119, 104, 0.18);
    margin-bottom: 10px;
    width: fit-content;
}

.product_details_list ul {
    padding: 0;
    margin: 0;
}

.product_details_list ul li {
    list-style-type: none;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 12px 0;
    border-bottom: 1.5px dashed color-mix(in srgb, var(--primary_color) 15%, transparent);
}

.product_details_list ul li:first-child {
    padding-top: 0;
}

.product_details_list ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.product_details_list_icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    background-color: color-mix(in srgb, var(--primary_color) 15%, transparent);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary_color);
    font-size: 14px;
    margin-top: 1px;
}

.product_details_list_text {
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    line-height: 1.5;
    text-align: left;
}

/* ---- Right Side ---- */
.product_des_img {
    position: relative;
}

.product_des_img img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    display: block;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

.product_des_img_badge {
    position: absolute;
    bottom: 18px;
    left: 18px;
    background: #ffffff;
    border-radius: 10px;
    padding: 10px 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.product_des_img_badge .badge_num {
    font-size: 22px;
    font-weight: 700;
    color: #d10000;
    line-height: 1;
}

.product_des_img_badge .badge_lbl {
    font-size: 11px;
    color: #666666;
    margin-top: 2px;
}

.product_description_container .header_btn {
    margin-top: 40px;
}

/* ── CHAPTER STRIP ── */
.ch-section {
    background: linear-gradient(135deg, #052e28 0%, var(--primary_color) 100%);
    padding: 72px 20px;
}
.ch-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: center;
}
.ch-left .tag {
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.2);
    margin-bottom: 14px;
}
.ch-title {
    font-family: var(--fd);
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.35;
    margin-bottom: 14px;
}
.ch-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 24px;
    margin-bottom: 28px;
}
.btn-white {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: var(--primary_color);
    font-size: 15px;
    font-weight: 700;
    padding: 13px 26px;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    transition: transform 0.5s, box-shadow 0.5s;
}
.btn-white:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    background-color: var(--primary_hover_color);
    color: var(--primary_text_color);
}
.ch-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ch-item {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 10px 12px;
    transition: background 0.2s;
}
.ch-item:hover {
    background: rgba(255, 255, 255, 0.12);
}
.ch-num {
    width: 26px;
    height: 26px;
    min-width: 26px;
    border-radius: 50%;
    background: var(--primary_hover_color);
    color: var(--primary_text_color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
}
.ch-txt {
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.88);
}

.ch-inner .whatsUp_call_btn.call {
    color: #fff !important;
    border: 1px solid #fff !important;
}

/* ── TABLET (max 1024px) ── */
@media (max-width: 1024px) {
    .ch-inner {
        gap: 36px;
    }
    .ch-section {
        padding: 56px 0px;
    }
}

/* ── SMALL TABLET (max 768px) ── */
@media (max-width: 768px) {
    .ch-section {
        padding: 48px 0px;
    }
    .ch-inner {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .ch-left {
        text-align: center;
    }
    .ch-left .tag {
        display: inline-block;
    }
    .btn-white {
        width: 100%;
        justify-content: center;
    }
}

/* ── MOBILE (max 480px) ── */
@media (max-width: 480px) {
    .ch-section {
        padding: 40px 0px;
    }
    .ch-item {
        padding: 12px 14px;
        gap: 12px;
    }
    .ch-num {
        width: 28px;
        height: 28px;
        min-width: 28px;
        font-size: 13px;
    }
}

/* ---- Responsive ---- */
@media (max-width: 991px) {
    .product_description_wrapper {
        gap: 20px;
    }
    .product_details_title h3 {
        font-size: 24px;
        margin-bottom: 4px;
    }
}

@media (max-width: 768px) {
    .product_description_area {
        padding: 40px 0;
        padding-top: 0px;
    }
    .product_description_wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .product_des_right {
        /* order: -1; */
    }
    .product_details_title h3 {
        font-size: 22px;
    }
    .product_details_list_text {
        font-size: 14.5px;
    }
}
.checkout-product-qty {
    display: inline-flex;
    align-items: center;
    background-color: #f2f2f2;
    border-radius: 50px;
    border: none;
    padding: 4px 6px;
    gap: 6px;
}

.checkout-product-qty-minus,
.checkout-product-qty-plus {
    border: none;
    background-color: #f2f2f2;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #777a7c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); */
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.checkout-product-qty-minus:hover,
.checkout-product-qty-plus:hover {
    background-color: var(--primary_color);
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.checkout-product-qty-input input {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: none;
    background-color: transparent;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    outline: none;
}

.common_btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.common_btn_link {
    font-family: var(--font_family);
    font-size: 22px;
    font-weight: 500;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    background-color: #d3ac2b;
    padding: 14px 34px;
    border: none;
    border-radius: 3px;
    color: #ffffff !important;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.common_btn_link:hover {
    animation-name: common_btn_hover_animation;
    animation-duration: 0.6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes common_btn_hover_animation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

/* ============ Product Card Area ============ */

.product_card_area {
    padding: 40px 0;
}

.product_card_slide {
    width: 100%;
    position: relative;
}

/* Header */
.product_card_header {
    text-align: center;
    margin-bottom: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.product_card_header h2 {
    font-size: 28px;
    font-weight: 700;
    color: #111111;
    position: relative;
    display: inline-block;
}

.product_card_header h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: var(--primary_color);
    border-radius: 2px;
    margin: 10px auto 0;
}

.product_card_header p {
    font-size: 15px;
    color: #666666;
    max-width: 460px;
}

.product_card {
    background: #ffffff;
    border-radius: 14px;
    border: 1.5px solid #e8e8e8;
    overflow: hidden;
    transition: box-shadow 0.3s, transform 0.3s;
}

.product_card:hover {
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.product_card_img {
    width: 100%;
    overflow: hidden;
    background: #f5f5f5;
    aspect-ratio: 4 / 5;
}

.product_card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.product_card:hover .product_card_img img {
    transform: scale(1.04);
}

.product_card_body {
    padding: 14px 16px 16px;
}

.product_card_code {
    font-size: 14px;
    color: #777777;
    font-weight: 600;
    margin-bottom: 6px;
}

.product_card_price {
    font-size: 22px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 10px;
}

.product_card_price span {
    font-size: 16px;
    font-weight: 500;
}

.product_card_body .landing_page_common_btn {
    background: color-mix(in srgb, var(--primary_color) 10%, white);
    color: var(--primary_color) !important;
    padding: 7px 14px;
    font-size: 15px;
    font-weight: 600;
    font-weight: 600;
    gap: 6px !important;
}

.product_card_body .landing_page_common_btn:hover {
    color: #ffffff !important;
}

.product_card_body .landing_page_common_btn svg {
    color: var(--primary) !important;
    width: 16px;
    height: 16px;
}

.product_card_active.owl-carousel .owl-dots {
    margin-top: 24px;
    text-align: center;
}

.product_card_active.owl-carousel .owl-dot span {
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    margin: 0 4px;
    transition: all 0.3s ease;
    display: block;
}

.product_card_active.owl-carousel .owl-dot.active span {
    background: var(--primary_color);
    width: 24px;
    border-radius: 4px;
}

/* Owl Nav */
.product_card_active.owl-carousel .owl-nav button {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    background: #fff !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.product_card_slide:hover .product_card_active.owl-carousel .owl-nav .owl-prev {
    left: -20px;
    opacity: 1;
    visibility: visible;
}

.product_card_slide:hover .product_card_active.owl-carousel .owl-nav .owl-next {
    right: -20px;
    opacity: 1;
    visibility: visible;
}

.product_card_active.owl-carousel .owl-nav .owl-prev {
    left: -30px;
}
.product_card_active.owl-carousel .owl-nav .owl-next {
    right: -30px;
}

.product_card_active.owl-carousel .owl-nav button:hover {
    background: var(--primary_color) !important;
    color: #fff !important;
}

/* Responsive */
@media (max-width: 768px) {
    .product_card_area {
        padding: 40px 0;
        padding-top: 0px;
    }
    .product_card_header h2 {
        font-size: 22px;
    }
    .product_card_active.owl-carousel .owl-nav {
        display: none !important;
    }
}

/* ============  Product Description Area  ========== */
.sk-section {
    width: 100%;
    margin-top: 60px;
}
.sk-container {
    max-width: 480px;
    margin: 0 auto;
    padding: 1.5rem 1rem;
}
.sk-card {
    background: #fff;
    border: 0.5px solid var(--primary_border_color);
    border-radius: 16px;
    overflow: hidden;
}
.sk-header {
    background: var(--primary_color);
    padding: 28px 24px 24px;
    text-align: center;
}
.sk-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 18px;
    border-radius: 999px;
    margin-bottom: 16px;
    border: 0.5px solid rgba(255, 255, 255, 0.3);
}

.sk-badge img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.sk-header h3 {
    color: var(--primary_text_color);
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.4;
}
.sk-header p {
    color: rgba(255, 255, 255, 0.92);
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}
.sk-timer {
    background: #c96210;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-direction: column;
}
.sk-timer-label {
    color: var(--primary_text_color);
    font-size: 24px;
    font-weight: 600;
}
.sk-blocks {
    display: flex;
    gap: 8px;
    align-items: center;
}
.sk-block {
    background: rgba(0, 0, 0, 0.22);
    border-radius: 6px;
    padding: 7px 16px;
    text-align: center;
    min-width: 58px;
}
.sk-num {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}
.sk-lbl {
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 3px;
}
.sk-sep {
    font-size: 24px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 4px;
}

.sk-body {
    padding: 32px 24px;
    background: #fff;
}

.sk-price-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 12px;
}
.sk-was {
    font-size: 18px;
    color: #000;
}

.reg-price-anim {
    position: relative;
    display: inline-block;
}
.reg-price-anim > span {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}
.reg-price-anim svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 4px);
    height: calc(100% + 6px);
    transform: translate(-50%, -50%);
    overflow: visible;
    pointer-events: none;
}
.reg-price-anim svg .xpath {
    stroke: #e53935;
    stroke-width: 2.5;
    fill: none;
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
    animation: reg_anim 3s ease-in-out infinite;
}
@keyframes reg_anim {
    0% {
        stroke-dashoffset: 400;
        opacity: 1;
    }
    50% {
        stroke-dashoffset: 0;
        opacity: 1;
    }
    85% {
        stroke-dashoffset: 0;
        opacity: 1;
    }
    100% {
        stroke-dashoffset: 400;
        opacity: 0;
    }
}

.sk-offer-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 16px 0 4px;
    flex-wrap: wrap;
    position: relative;
}
.sk-offer-label {
    font-size: 18px;
    color: #000;
}

.offer-price-anim {
    position: relative;
    display: inline-block;
}
.offer-price-anim > span {
    font-size: 48px;
    font-weight: 700;
    color: var(--primary_color);
}
.offer-price-anim svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 12px);
    height: calc(100% + 28px);
    transform: translate(-50%, -50%);
    overflow: visible;
    pointer-events: none;
}
.offer-price-anim svg path {
    stroke: var(--primary_hover_color);
    stroke-width: 3.5;
    fill: none;
    stroke-dasharray: 100%;
    stroke-dashoffset: 100%;
    animation: drawPath 4s ease-in-out infinite;
}
@keyframes drawPath {
    0% {
        stroke-dashoffset: 100%;
    }
    100% {
        stroke-dashoffset: -100%;
    }
}

.sk-discount {
    background: #e8f8f5;
    border: 0.5px solid #0d7a5f;
    color: #0d7a5f;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 16px;
    border-radius: 999px;
}

.sk-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
}
.sk-btn:hover {
}
@keyframes pulse-btn {
    0%,
    100% {
        box-shadow: 0 4px 20px rgba(232, 119, 34, 0.25);
    }
    50% {
        box-shadow: 0 8px 32px rgba(232, 119, 34, 0.45);
    }
}

.sk-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 18px;
    flex-wrap: wrap;
}
.sk-trust-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #000;
}
.sk-trust-item i {
    font-size: 17px;
    color: #000;
}

/* ============Header Area Start========== */
.header_navbar_area {
    background-color: cornflowerblue;
    margin: 0px 12px 5px;
}

.header_navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}

.header_title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.header_title h1 {
    color: #000000;

    font-size: 40px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
}

.checkout_size select {
    padding: 3px 5px !important;
    font-size: 14px !important;
    color: #777a7c;
    border-radius: 3px;
    border: 1px solid #dddddd;
    cursor: pointer !important;
}

select {
    word-wrap: normal;
}

.landing_page_deleted button {
    border: none;
    background-color: transparent;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.landing_page_deleted button:hover {
    background-color: #fff0f0;
}

.landing_page_deleted i {
    color: #ff4d4d;
    cursor: pointer;
    font-size: 16px;
    transition: color 0.2s ease;
}

.landing_page_deleted button:hover i {
    color: #e60000;
}

/* ============ Youtube Section Area Start ============ */

.youtube_section_area {
    padding: 60px 0;
    background: #f8f8f8;

    /* background: linear-gradient(180deg, color-mix(in srgb, var(--primary_color) 15%, white) 0%, #ffffff 100%); */
}

.yt_inner {
    max-width: 860px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    text-align: center;
}

.yt_badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff0f0;
    color: #cc0000;
    border: 1px solid #ffd0d0;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
}

.yt_badge i {
    font-size: 15px;
}

.yt_title {
    font-size: 26px;
    font-weight: 700;
    color: #111111;
    line-height: 1.5;
    margin-bottom: 8px;
}

.yt_subtitle {
    font-size: 15px;
    color: #555555;
    line-height: 1.7;
    max-width: 540px;
    margin: 0 auto;
}

.yt_video_wrap {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.13);
    background: #000;
}

.yt_video_wrap iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    border: none;
}

.yt_order_btn {
    background: #cc0000;
    border-radius: 50px;
    padding: 13px 32px;
    font-size: 16px;
}

.yt_order_btn::before {
    background: #990000;
}

.yt_order_btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(204, 0, 0, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .youtube_section_area {
        padding: 40px 0;
    }
    .yt_title {
        font-size: 20px;
    }
    .yt_subtitle {
        font-size: 14px;
    }
}

/* ============ Youtube Section Area End ============ */

/* ============ Review Area ============ */

.review_header {
    text-align: center;
    margin-bottom: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.review_badge {
    display: inline-block;
    background: color-mix(in srgb, var(--primary_color) 12%, white);
    color: var(--primary_color);
    border: 1px solid color-mix(in srgb, var(--primary_color) 30%, white);
    padding: 5px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
}

.review_title {
    font-size: 28px;
    font-weight: 700;
    color: #111111;
    line-height: 1.45;
    margin: 0;
}

.review_subtitle {
    font-size: 15px;
    color: #555555;
    line-height: 1.7;
    max-width: 500px;
    margin: 0;
}

@media (max-width: 768px) {
    .review_title {
        font-size: 22px;
    }
    .review_subtitle {
        font-size: 14px;
    }
}

.review_area {
    overflow: hidden;
    position: relative;
    padding-top: 60px;
}

.review_slide {
    width: 100%;
}

.review_img {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1.5px solid var(--primary_color);
}

.review_img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

.review_img img:hover {
    transform: scale(1.02);
}

/* Dots */
.review_active.owl-carousel .owl-dots {
    margin-top: 20px;
    text-align: center;
}

.review_active.owl-carousel .owl-dot span {
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    margin: 0 4px;
    transition: all 0.3s ease;
    display: block;
}

.review_active.owl-carousel .owl-dot.active span {
    background: var(--primary_color);
    width: 24px;
    border-radius: 4px;
}

.review_active.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.review_slide:hover .review_active.owl-carousel .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.review_active.owl-carousel .owl-nav button:hover {
    background: var(--primary_color) !important;
    color: #fff !important;
}

.review_active.owl-carousel .owl-nav .owl-prev {
    left: -30px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.review_active.owl-carousel .owl-nav .owl-next {
    right: -30px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.review_slide:hover .review_active.owl-carousel .owl-nav .owl-prev {
    left: -20px;
    opacity: 1;
    visibility: visible;
}

.review_slide:hover .review_active.owl-carousel .owl-nav .owl-next {
    right: -20px;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 768px) {
    .review_area {
        padding-top: 40px;
    }
    .review_active.owl-carousel .owl-nav .owl-prev {
        left: 0;
    }
    .review_active.owl-carousel .owl-nav .owl-next {
        right: 0;
    }

    .review_active.owl-carousel .owl-nav {
        display: none !important;
    }
}

.product_order_size select {
    font-size: 14px;
    border: 1px solid #dddddd !important;
    width: 100%;
    padding: 8px 36px 8px 14px;
    border-radius: 8px;
    background-color: #fff;
    color: #333;
    font-weight: 500;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.product_order_size select:hover {
    border-color: var(--primary_color) !important;
}

.product_order_size select:focus {
    border-color: var(--primary_color) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary_color_rgb), 0.15);
}

table.product_order_table {
    width: 100%;
}

/* ============Product Container Area Start========== */
.product_cart_area .row {
    border: 3px solid #000000;
    border-radius: 10px;
    /* overflow: hidden; */
    background-color: #f3f3f3;
}

.product_cart_area {
    margin-left: 26px;
}

.product_img {
    width: 100%;
    height: 100%;
}

.product_img img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.second_product_img img {
    border-top-left-radius: inherit !important;
    border-bottom-left-radius: inherit !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.product_info h2 {
    font-family: var(--font_family);
    font-size: 30px;
    font-weight: 700;
    color: #023e8a;
}

.product_info p {
    color: #ff0000;

    font-size: 16px;
    font-weight: 700;
}

.product_info h3 {
    color: #000000;

    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 4px;
}

.product_info .common_btn {
    align-items: start !important;
    justify-content: start;
}

.product_info .common_btn .common_btn_link {
    font-size: 18px;
    background-color: #000000;
    transition: 0.5s;
}

.product_info .common_btn .common_btn_link:hover {
    background-color: #333d51;
}

/* Customize the lightbox background */
.lg-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important;
    /* Set black background with 80% opacity */
    transition: background-color 0.3s ease !important;
    /* Add a smooth transition */
}

.product_details_slide .swiper {
    position: inherit !important;
}

.swiper {
    position: inherit !important;
}

.product_details_slide .swiper-pagination {
    position: relative;
    bottom: 2px;
    z-index: 10014;
}
.swiper-pagination-bullet-active {
    background-color: red !important;
}

.swiper-button-next,
.swiper-button-prev {
    color: red !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-weight: 900 !important;
    font-size: 28px !important;
}

/*====================== Product From Area Start ============== */
.product_your_area {
    margin-top: 40px;
}

.product_from_area {
    border-top: 10px solid var(--primary_color);
    border-right: 2px solid var(--primary_color);
    border-left: 2px solid var(--primary_color);
    border-bottom: 2px solid var(--primary_color);
    padding: 30px;
    border-radius: 5px;
    background-color: #fff;
}

.product_from_area_start {
    padding-top: 40px;
}

.product_from_heading_title {
    text-align: center;
}

.product_from_heading_title .product_title {
    color: #000000;

    font-size: 40px;
    font-weight: 700;
}

.product_from_heading_title .product_sub_title {
    text-align: center;
    color: #ff0000;

    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    text-shadow: 0px 0px 10px rgba(0, 78.71739130434788, 255, 0.52);
    margin: 22px 0px;
}

.products_items_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.product_single_item {
    border: 2px solid #d0d0d0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: start;
    gap: 15px;
    padding: clamp(12px, 3vw, 18px) clamp(10px, 3vw, 16px);
}

.product_single_img {
    width: clamp(70px, 18vw, 90px);
    height: clamp(65px, 16vw, 85px);
    border-radius: 10px;
    overflow: hidden;
    background: #f5f5f5;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary_color);
}

.product_single_img img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.product_single_item label {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}

.product_single_desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product_single_title h4 {
    font-size: clamp(13px, 3.5vw, 16px);
    margin: 0;
}

.product_single_title {
    display: flex;
    align-items: start;
    gap: 6px;
    flex-direction: column;
}

.product_single_images {
    display: flex;
    align-items: center;
    gap: 11px;
}
.selected-delivery-area {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.selected-delivery-area .form-check {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px !important;
    border: 1.5px solid #e0e0e0;
    border-radius: 10px;
    background-color: #fafafa;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
}

.selected-delivery-area .form-check:has(.form-check-input:checked) {
    border-color: var(--primary_color);
    background: color-mix(in srgb, var(--primary_color) 10%, transparent);
}

.selected-delivery-area .form-check:hover {
    border-color: var(--primary_color);
    background: color-mix(in srgb, var(--primary_color) 10%, transparent);
}

.selected-delivery-area .form-check-input[type="radio"] {
    cursor: pointer;
    border: 2px solid #ccc !important;
    background: #fff;
    height: 20px;
    width: 20px;
    min-width: 20px;
    position: relative;
    border-radius: 50% !important;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color 0.2s ease;
    margin: 0;
    flex-shrink: 0;
}

.selected-delivery-area .form-check-input[type="radio"]:checked {
    border-color: var(--primary_color) !important;
}

.selected-delivery-area .form-check-input[type="radio"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 10px;
    height: 10px;
    background-color: var(--primary_color);
    border-radius: 50%;
    transition: transform 0.2s ease;
}

.selected-delivery-area .form-check-input[type="radio"]:checked::before {
    transform: translate(-50%, -50%) scale(1);
}

.selected-delivery-area .form-check-label {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    flex: 1;
}

.selected-delivery-area .form-check:has(.form-check-input:checked) .form-check-label {
    color: var(--primary_color);
    font-weight: 600;
}

.form-check-input:focus {
    box-shadow: none !important;
}

.product_offer_price {
    font-size: 17px;
    font-weight: 600;
    line-height: 17px;
    color: #9d9d9d;
    position: relative;
}

.product_offer_price::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.5px;
    background-color: #9d9d9d;
    transform: translateY(-50%);
}

.product_discount {
    background: #e53935;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
    line-height: 14px;
}

.product_single_count span {
    font-size: 17px;
    white-space: nowrap !important;
}

.product_single_price {
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    flex-wrap: wrap;
}

.product_main_price {
    font-size: clamp(14px, 3.5vw, 17px);
    font-weight: 600;
    line-height: 17px;
}
.your_products_heading {
    font-family: inherit;
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 25px 0;
    padding: 3px;
}

.product_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
}

.product_heading h3 {
    font-size: 16px;
}

.product_single_radio_input .form-check-input {
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #d0d0d0;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    outline: none;
}

.product_single_radio_input .form-check-input:hover {
    border-color: var(--primary_color);
}

.product_single_radio_input .form-check-input:checked {
    background-color: var(--primary_color);
    border-color: var(--primary_color);
}

.product_single_radio_input .form-check-input:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 5px;
    height: 9px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
}

.quantity-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.qty-label {
    font-size: clamp(12px, 3vw, 14px);
    font-weight: 500;
    color: #444;
}

.qty-controls {
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    border-radius: 50px;
    padding: 4px 6px;
    gap: 8px;
}

.qty-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    background-color: #f2f2f2;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.qty-btn:hover {
    background-color: var(--primary_color);
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.qty-value {
    min-width: 24px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}
/* Form Input */
.landing_page_from_group {
    margin-top: 30px;
}

.landing_page_from_group h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #222;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}

.landing_from_items {
    margin-bottom: 18px;
    position: relative;
}

.landing_from_items label {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 7px;
    display: block;
}

.landing_from_items label span {
    color: red;
    font-size: 16px;
    margin-left: 2px;
}

.landing_from_items .input_wrapper {
    position: relative;
}

.landing_from_items .input_icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    display: flex;
    align-items: center;
    pointer-events: none;
    transition: color 0.2s ease;
}

.landing_from_items .form-control {
    line-height: 2 !important;
    padding: 10px 14px 10px 40px !important;
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    color: #333 !important;
    background-color: #fff !important;
    transition: all 0.2s ease;
    width: 100%;
    height: 50px;
}

.landing_from_items .form-control::placeholder {
    color: #bbb;
    font-size: 15px;
}

.landing_from_items .form-control:focus {
    box-shadow: none !important;
    border-color: #ccc !important;
    background-color: #fff !important;
    outline: none;
}

.landing_from_items .input_wrapper:focus-within .input_icon {
    color: #555;
}

.input_error {
    font-size: 13px;
    margin-top: 6px;
    color: red;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
}

.input_error::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='red' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.product_from_container {
    margin-bottom: 20px;
}
/* Product Details Area  */

.product_order_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.product_order_heading h4 {
    font-size: 16px;
}

.product_order_img {
    width: 60px;
    height: auto;
}

.product_order_img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.product_order_image_container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product_order_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.product_order_title {
    font-size: 15px;
}

.product-quantity {
    margin-left: 12px;
}
.product_order_price h4 {
    font-size: 15px;
    white-space: nowrap;
    margin-bottom: 0px;
}
.landing_page_deleted i {
    color: red;
    cursor: pointer;
    font-size: 16px;
}
.product_total_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product_total_text p,
.shipping_charge_title p {
    color: #404040;
    font-size: 15px;
}

.shipping_charge_area {
    display: flex;
    align-items: start;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    flex-direction: column;
    width: 100%;
}

.shipping_cite_charge {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}
.shipping_cite_charge .form-check input {
    margin-right: 12px;
}
.shipping_cite_charge .form-check label {
    font-size: 15px;
    cursor: pointer;
    margin-bottom: 0px;
}

.product_order_total_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
}
.product_order_total_price p {
    font-weight: 600;
    font-size: 16px;
}
.extra_offer_product_area {
    background: #fff;
    border: 1px #e5e7eb dashed;
    border-radius: 4px;
    box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.16);
    margin-top: 40px;
}

.extra_offer_product_img {
    max-width: 300px;
    height: auto;
    margin-top: 10px;
}

.extra_offer_product_img img {
    width: 100%;
    height: 100%;
}

.extra_offer_product_body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 20px 25px;
}
.extra_offer_text h4 {
    font-size: 21px;
    color: #1a1e23;
    font-weight: 600;
    line-height: 26px;
}

.extra_offer_product_price {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    margin-top: 12px;
}

.extra_offer_product_price .extra_discount_text {
    text-decoration: line-through;
    font-weight: 400;
    color: #7a7a7a;
    font-size: 16px;
}
.extra_offer_product_price .extra_main_price {
    font-weight: 600;
    color: #444;
    font-size: 16px;
}

.extra_offer_product_footer {
    background-color: #f7fafc;
    border-top: 1px #e5e7eb solid;
    padding: 15px 25px;
    margin: 0;
    font-size: 1.1em;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes wcf-blinker {
    0% {
        visibility: hidden;
    }
    40% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}

.wcf-blink {
    animation: wcf-blinker 0.8s linear infinite;
    animation-direction: alternate;
}

.extra_offer_product_footer .svg_icon {
    margin-right: 16px;
}

.extra_offer_product_footer .form-check input {
    cursor: pointer;
}
.extra_offer_product_footer .form-check label {
    cursor: pointer;
}

.cashOn_delivery_card {
    background-color: #f7f7f7;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 20px 16px;
}

.cashOn_delivery_title h4 {
    font-size: 18px;
    color: #404040;
    margin-bottom: 10px;
}
.cashOn_delivery_sub_title {
    background-color: #eaeaea;
    color: #515151;
    font-family: inherit;
    font-weight: inherit;
    margin-bottom: 0.5em;
    position: relative;
    padding: 16px;
}
.cashOn_delivery_sub_title::before {
    content: "";
    display: block;
    border: 1em solid;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #eaeaea;
    position: absolute;
    top: -0.75em;
    left: 0;
    margin: -1em 0 0 2em;
}
.cashOn_delivery_sub_title h5 {
    font-size: 16px;
    font-weight: 500;
}

.police_text {
    font-size: 14px;
    color: #777;
    margin-top: 0;
    text-align: justify;
    margin-bottom: 10px;
}

.order_button_area {
    margin-top: 32px;
}

.order_btn {
    border: 1px solid;
    border-color: #f16334;
    background-color: #f16334;
    letter-spacing: 0.5px;
    width: 100%;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px;
    color: white;
    font-weight: 500;
}

.billing_country_title {
    font-size: 18px;
    color: #404040;
}
.billing_country_title span {
    color: #ff0000;
}
.billing_country_area h5 {
    font-weight: 600;
    font-size: 16px;
    margin-top: 10px;
}

.size_product_select_area {
    margin-top: 20px;
}

.size_product_select .form-check {
    margin-bottom: 6px;
}

.size_product_select .form-check label {
    margin-left: 5px;
    font-weight: 600;
    font-size: 16px;
    color: #404040;
    cursor: pointer;
    margin-top: 2px;
}

.mobile_show_price {
    display: none;
}

.desktop_show {
    display: block;
}

/*==================== Modal code  =================*/

/* Modal */
.modal-content {
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

/* Header */
.modal-header {
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 16px 22px;
}
.modal-title {
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #111111;
}
.modal-title svg {
    color: #111111;
}
.btn-close {
    opacity: 0.6;
}
.btn-close:hover {
    opacity: 1;
}

/* Body */
.modal-body {
    background: #f5f5f5;
    overflow-y: auto;
    max-height: 600px;
    padding: 20px;
    scrollbar-width: thin;
    scrollbar-color: #aaa #f5f5f5;
}
.modal-body::-webkit-scrollbar {
    width: 5px;
}
.modal-body::-webkit-scrollbar-track {
    background: #f5f5f5;
}
.modal-body::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 4px;
}

/* Image list */
.modal-image-list {
    display: flex;
    justify-content: center;
}
.modal-image-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 680px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.modal-image-list ul li {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}
.modal-image-list ul li img {
    width: 100%;
    height: auto;
    display: block;
}

/* Footer Bar */
.modal-footer-bar {
    background: var(--primary_color);
    padding: 14px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.modal-footer-text {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--primary_text_color);
    font-size: 16px;
    font-weight: 500;
}

span.modal-footer-text svg {
    width: 20px;
    height: 20px;
}
.footer-buy-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--primary_hover_color);
    color: var(--primary_text_color);
    border: none;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
}
.footer-buy-btn:hover {
    background: var(--primary_color);
}

.modal-dialog {
    max-width: 800px;
}

.author-bar {
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: color-mix(in srgb, var(--primary_color) 10%, transparent);
    border: 1px solid rgba(3, 119, 104, 0.15);
    border-radius: 8px;
    padding: 16px 20px;
    margin-top: 20px;
}

.author-av {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    border: 2.5px solid var(--primary_color);
    flex-shrink: 0;
    background: #ddd;
}

.author-av img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-nm {
    font-size: 15px;
    font-weight: 700;
    color: var(--primary_color);
    text-align: left;
}
.author-rl {
    font-size: 13px;
    color: #888;
    text-align: left;
}

.product_des_img {
    position: relative;
    /* display: inline-block; */
    overflow: hidden;
}

.product_des_img img {
    display: block;
    width: 100%;
}

.book_preview_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
    padding: 30px 16px 16px;
    display: flex;
    justify-content: center;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.read_button {
    background: var(--primary_hover_color);
    color: var(--primary_text_color);
    border: 1.8px dashed #fff;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.read_button:hover {
    background: var(--primary_color);
    border-color: #fff;
    color: var(--primary_text_color);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.read_button:active {
    transform: translateY(0px);
    box-shadow: none;
}

.read_button svg {
    transition: transform 0.3s ease;
}

.read_button:hover svg {
    transform: rotate(-10deg) scale(1.1);
}

@media only screen and (min-width: 992px) {
    .container {
        max-width: 1165px;
    }

    .product_details_area .container {
        max-width: 900px;
    }

    .product_from_area_start .container {
        max-width: 1140px;
    }
}

@media only screen and (min-width: 1450px) {
    .container-fluid {
        max-width: 1140px;
    }
    .youtube_section_area .container-fluid {
        max-width: 100%;
    }
}

@media only screen and (max-width: 992px) {
    .product_cart_area {
        margin-left: 0px;
    }
}

@media screen and (max-width: 992px) {
    .header_title h1 {
        font-size: 21px;
        line-height: 28px;
    }

    .header_title {
        margin-top: 10px;
        margin-bottom: 22px;
    }

    .container_product .container {
        width: 100%;
    }

    .landing_page_video_iframe iframe {
        border-radius: 10px;
    }

    .landing_page_video_iframe {
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .product_info_area {
        text-align: center;
        padding: 15px 10px;
    }

    .product_info .common_btn {
        align-items: center !important;
        justify-content: center;
    }
    .header_navbar {
        justify-content: center;
    }
    .youtube_border {
        border: double;
        border-radius: 50px;
    }
    .product_from_heading_title .product_title {
        font-size: 22px;
        line-height: 29px;
        word-spacing: 0.2em;
    }
    .product_from_heading_title .product_sub_title {
        padding: 0px 0px;
    }
    .product_from_area {
        padding: 20px 10px;
        border-top: 7px solid #000000;
        border-right: 1px solid #000000;
        border-left: 1px solid #000000;
        border-bottom: 1px solid #000000;
    }
    .your_products_heading {
        margin-bottom: 12px;
    }
    .extra_offer_product_body {
        padding: 16px 10px;
    }
    .extra_offer_text h4 {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .product_single_desc {
        flex-direction: column;
    }
    .your_products_items {
        padding: 16px 8px;
    }
    .product_single_title h4 {
        font-size: 15px;
    }
    .product_single_images {
        align-items: start;
    }

    .product_heading {
        margin-bottom: 16px;
        padding-bottom: 2px;
    }
    .product_single_item {
        align-items: start;
    }
    .product_single_desc {
        align-items: start;
    }
    .product_single_title {
        align-items: baseline;
    }
    .mobile_show_price {
        display: block;
    }

    .desktop_show {
        display: none;
    }
    .extra_offer_product_footer {
        padding: 16px 40px;
    }
    .extra_offer_product_footer .form-check label {
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
    }
    .extra_offer_product_footer {
        align-items: start;
    }
    .order_button_area {
        margin-top: 16px;
    }
    .order_btn {
        padding: 10px 24px;
    }
    .product_order_image_container {
        display: flex;
        align-items: start;
        gap: 10px;
        flex-direction: column;
    }
    .product_order_price {
        margin-top: 6px;
    }

    .banner_container_wrapper {
        padding: 30px 10px;
    }

    .landing_page_common_btn {
        padding: 10px 14px;
    }

    .header_content p {
        font-size: 15px !important;
        line-height: 22px;
        margin-bottom: 0px;
    }

    .hero_banner_img img {
        border-radius: 7px;
    }

    .product_description_container {
        border-radius: 8px;
        padding: 30px 0px;
    }

    .top_contact_us {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sk-header h3 {
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 8px;
        line-height: 1.4;
    }

    .sk-header p {
        color: rgba(255, 255, 255, 0.92);
        font-size: 16px;
        line-height: 20px;
        margin: 0;
    }

    .offer-price-anim > span {
        font-size: 38px;
        font-weight: 600;
        color: var(--primary_color);
    }

    .sk-discount {
        font-size: 15px;
        padding: 4px 12px;
        position: absolute;
        top: -16px;
        right: 0px;
    }

    .sk-body {
        padding: 30px 10px;
        background: #fff;
    }

    .sk-offer-row {
        margin-top: 36px;
    }

    .sk-btn {
        margin-top: 40px;
    }

    .products_items_container {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .product_card_body {
        padding: 10px 10px;
    }
    .product_card_price {
        margin-bottom: 4px;
    }
    .product_card_code {
        margin-bottom: 3px;
    }

    .product_card_body .landing_page_common_btn {
        font-size: 14px;
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--primary_color) !important;
        padding: 2px 14px;
        gap: 6px !important;
    }

    .modal-footer-bar {
        display: none;
    }

    .header_content h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .odometer {
        font-size: 22px;
        font-weight: 700;
    }
    .hs-num {
        font-size: 22px;
        line-height: 28px;
    }
    .hs-lbl {
        font-size: 15px;
        margin-top: 4px;
    }

    .hero-stats {
        gap: 20px;
    }
    .ch-left {
        order: 0;
    }
}