.preloader {
    position: fixed;
    inline-size: 100%;
    block-size: 100%;
    z-index: 9999999;
    display: grid;
    place-items: center;
    user-select: none;
}
.d--none {
    display: none;
}
.custom-header-cart {
    max-height: 350px;
    overflow: auto;
}
.cursor-pointer {
    cursor: pointer;
}

ul.currencies li.active,
ul.language li.active {
    background-color: var(--bg-1);
    font-weight: 500;
}

.compare_list_icon_active {
    background-color: var(--base) !important;
    color: var(--bs-white) !important;
}
.__h-14rem {
    height: 14rem;
}

.media {
    display: flex;
    align-items: flex-start;
}
.media-body {
    flex: 1;
}
.list-inline-dot {
    --padding-inline: 0.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.list-inline-dot > li {
    padding-inline: var(--padding-inline);
}

.list-inline-dot > li:last-child {
    padding-inline-end: 0rem;
}

.list-inline-dot > li:first-child {
    padding-inline-start: 0rem;
}

.list-inline-dot > li:not(:last-child) {
    position: relative;
}

.list-inline-dot > li:not(:last-child):after {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: -0.125rem;
    transform: translateY(-50%);
    inline-size: 0.25rem;
    block-size: 0.25rem;
    background-color: #ddd;
    content: "";
}
.eye-btn,
.btn-circle {
    --size: 1.5rem;
    inline-size: var(--size);
    min-inline-size: var(--size);
    block-size: var(--size);
    border-radius: 100%;
    display: grid;
    place-items: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    z-index: 2;
    line-height: 1;
    transition: all 0.3s ease;
    cursor: pointer;
    padding: 0.25rem !important;
    font-size: calc(var(--size) / 1.8);
}
.eye-btn:hover,
.btn-circle:hover {
    background-color: var(--base);
    color: #fff;
}
.__table-style-two.__table tbody tr td {
    padding: 10px 14px;
    border: 0;
}
.select2-container {
  
}
.search_input_group .select2-container {
    width: unset !important;
}

.scroller-wrapper ul li label {
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: 0.0275em;
    color: var(--title);
    padding: 0.3571428571rem 0.7142857143rem;
    text-transform: capitalize;
}

.scroller-wrapper ul li label:not(.active) {
    opacity: 0.37;
}

.scroller-wrapper ul li label.active {
    color: var(--title);
}

.scroller-wrapper ul li:first-child label {
    padding-inline-start: 20px;
}

.scroller-wrapper ul li:last-child label {
    padding-inline-end: 25px;
}

.compare-list-search-bar {
    position: absolute;
    background-color: #fff;
    z-index: 9;
    inline-size: calc(100% - 3rem);
    inset-inline-start: 1.5rem;
    inset-block-start: 4rem;
}
.__map-input {
    width: 190px;
    left: 43%;
}
.img-w-h-100 {
    height: 6.25rem;
    width: 6.25rem;
}
.m-h-220 {
    max-width: 220px;
}

.cart-qty-input {
    height: 2.8571428571rem;
    border: none;
    padding: 0 0.2857142857rem;
    width: unset;
    background: rgba(27, 127, 237, 0.07);
    border-radius: 3.7364px;
    text-align: center !important;
    width: 3.5714285714rem;
    color: var(--base);
}
.cart-qty-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2857142857rem;
    width: 2.8571428571rem;
    cursor: pointer;
}

.product-information .product-information-view-more-custom {
    text-align: center;
    display: block;
    background: #020024;
    background: linear-gradient(
        0,
        white 0%,
        rgba(255, 255, 255, 0.7) 60%,
        rgba(255, 255, 255, 0) 100%
    );
    color: var(--base);
    font-weight: 500;
    text-decoration: underline;
    padding-top: 0.7142857143rem;
    transition: all ease 0s;
}

[theme="dark"] .product-information .product-information-view-more-custom {
    background: var(--body-bg);
    background: linear-gradient(
        0,
        var(--section) 0%,
        rgba(255, 255, 255, 0) 100%
    );
}

.product-information:not(.active) .product-information-view-more-custom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1.7142857143rem;
    opacity: 0.76;
}
/* Product Review Custom || Button */

/* Product List - Pagination || Start*/
#paginator-ajax .pagination {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.5rem;
    justify-content: right;
}

@media (min-width: 1200px) {
    #paginator-ajax .pagination {
        margin-top: 2.8571428571rem;
    }
}

#paginator-ajax .pagination li:first-child .page-link,
#paginator-ajax .pagination li:last-child .page-link {
    font-size: 25px;
    font-weight: 300;
}
.search-pagination li label,
#paginator-ajax .pagination li .page-link {
    width: 2.8571428571rem;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.4285714286rem;
    color: var(--title);
    border: none;
}
.search-pagination li label.active,
#paginator-ajax li.active .page-link {
    background: rgba(0, 0, 0, 0.12) !important;
    border: none;
}
#paginator-ajax li.disabled .page-link {
    background-color: unset;
}
#paginator-ajax li .page-link:focus {
    box-shadow: none;
}
/* Product List - Pagination || End */

/* Page Title Overlay || Start */
.page_title_overlay {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.page_title_overlay h1 {
    font-weight: 400;
}

.page-paragraph h1,
.page-paragraph h2,
.page-paragraph h3,
.page-paragraph h4,
.page-paragraph h5,
.page-paragraph h6 {
    font-weight: 400;
}
.page-paragraph p {
    text-align: justify !important;
    margin: 1rem 0 30px 0 !important;
}
/* Page Title Overlay || End */

.btn_disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}
.password_message_div {
    min-height: 25px;
}
.h--28rem {
    max-height: 28rem;
}
.mt-11 {
    margin-top: 11px;
}
.close-btn {
    position: relative;
    font-size: 14px;
    top: -17px;
    height: 21px;
    width: 15px;
    background-color: #ea9393;
    border-radius: 50%;
    display: inline-block;
    right: 5px;
    text-align: center;
    color: #fff;
}
.tract-page-error-notification {
    font-size: 18px;
    margin-left: 258px;
}

@media (max-width: 575px) {
    .custom-single-slider .banner-slide .content {
        margin-bottom: unset;
    }
}

.custom-single-slider .owl-item.selected-item .banner-slide {
    display: flex;
    gap: 1rem 2rem;
    justify-content: center;
}

@media (max-width: 479px) {
    .custom-single-slider .owl-item.selected-item .banner-slide-img {
        width: 120px !important;
    }
    .custom-single-slider .owl-item.selected-item .banner-slide {
        gap: 0.5rem;
    }
}

.floating-cart-custom-css {
    font-size: 13px;
    inset-inline-end: 0px;
}

.shop_close_now_overly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    color: #fff;
    background-color: #00000066;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
}

.btn_focus_zero_shadow,
.btn_focus_zero_shadow:focus {
    box-shadow: none;
}

.noUi-horizontal .noUi-handle {
    right: -5px;
}

.offer-count-custom {
    width: 1.9rem;
}
.digital-payment-card {
    height: 45px;
    /* min-width: 145px; */
    border-radius: 5px;
}
.cart-step-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    column-gap: 13.75rem;
    row-gap: 0.625rem;
}
.cart-step-list li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
}
.bg-contain {
    background-size: contain;
}
.bg-center {
    background-position: center center;
}

.mb-30 {
    margin-block-end: 1.875rem;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}

.select-method-border {
    border: 1px solid rgba(var(--base-rgb), 0.26);
    border-radius: 0.3571428571rem;
    padding-inline-end: 1.286rem;
}

@media (max-width: 575px) {
    .select-method-border {
        padding-inline-end: 0.5rem;
    }
}
@media only screen and (max-width: 1199px) {
    .success-bg {
        background-image: unset !important;
    }
}

.promo-section .img1 {
    max-height: 400px;
}

.promo-section .promo-2 {
    max-height: 400px;
}

/* Google Maps Search Field */
#billing_location_map_canvas,
#location_map_canvas {
    position: relative;
    overflow: hidden;
    height: 300px;
}

#billing_location_map_canvas #pac-input-billing,
#location_map_canvas .pac-target-input {
    top: 8px !important;
    left: 10px !important;
    padding: 10px 13px !important;
    border: none !important;
    font-size: 17px !important;
    right: 60px;
    border-radius: 0 !important;
    max-width: 70%;
}

#billing_location_map_canvas .gmnoprint,
#location_map_canvas .gmnoprint {
    top: 50px !important;
}

#billing_location_map_canvas .gmnoprint button,
#billing_location_map_canvas .gmnoprint ul li,
#location_map_canvas .gmnoprint button,
#location_map_canvas .gmnoprint ul li {
    font-size: 15px !important;
    padding: 10px !important;
}

#billing_location_map_canvas .gmnoprint ul li label,
#location_map_canvas .gmnoprint ul li label {
    margin: 0 !important;
}

#billing_location_map_canvas .pac-target-input:focus,
#location_map_canvas .pac-target-input:focus {
    outline: none;
}

@media only screen and (min-width: 600px) {
    .filter_select_input_div {
        min-width: 220px;
    }
}

/* All Brands Page - Start */
@media (min-width: 1200px) {
    .col-xl-brands {
        width: 20%;
    }
}

.brands-item img {
    max-width: 70%;
}
/* All Brands Page - End */

.select2-max-width-100 .select2 {
   
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* This creates a 16:9 aspect ratio */
    height: 0;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.outline-custom-remove,
.outline-custom-remove:focus,
.outline-custom-remove:hover {
    outline: none;
}

.custom-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.375rem;
    -webkit-margin-after: 0rem;
    margin-block-end: 0rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cart-list-table-custom tr th:not(:first-child),
.cart-list-table-custom tr td:not(:first-child) {
    max-width: 200px;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*== Shop temporary close  ==*/
.temporary-closed {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000000bf;
    color: var(--bs-light);
    font-weight: 700;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px !important;
}
.others-store-card .temporary-closed {
    font-size: 9px !important;
}

[theme="dark"] .temporary-closed {
    background: #ffffffd7;
    color: var(--bs-dark);
}

/* refer and earn section css Start */

.refer_and_earn_section .primary-heading {
    color: var(--bs-primary);
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.refer_and_earn_section .secondary-heading {
    /* color: #262d34; */
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
    opacity: 0.9;
}

.refer_and_earn_section .text-secondary-color {
    color: #9b9b9b;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 8px;
}

.refer_and_earn_section .refer_code_box {
    border: 1px dashed #a1ceff;
    border-radius: 12px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}

.refer_and_earn_section .refer_code_box .refer_code {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
}

.refer_and_earn_section .refer_code_box .refer_code_copy {
    cursor: pointer;
}

.refer_and_earn_section .share-icons-heading {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
}

.refer_and_earn_section .share-on-social {
    flex-wrap: wrap;
}

.refer_and_earn_section .share-on-social span,
.refer_and_earn_section .share-on-social a {
    margin: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    border-radius: 100%;
    overflow: hidden;
}

.refer_and_earn_section .share-on-social img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    cursor: pointer;
}

.refer_and_earn_section .information-section {
    background-color: rgba(0, 149, 255, 0.052);
    border: 1px solid rgba(0, 147, 255, 0.5);
    border-radius: 20px;
    padding: 25px;
    margin: 25px 0;
}

.refer_and_earn_section .information-section h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    margin-bottom: 15px;
}

.refer_and_earn_section .information-section ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.refer_and_earn_section .information-section li {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    display: flex;
    margin-bottom: 10px;
}

.refer_and_earn_section .information-section li .item-custom-index {
    box-shadow: 0px 3px 6px 0px rgba(27, 127, 237, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: var(--title);
    border-radius: 50%;
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin-inline-end: 10px;
}

.refer_and_earn_section .information-section .custom-info-icon {
    font-size: 12px;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(75, 86, 107, 1);
    color: rgba(75, 86, 107, 1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline-end: 10px;
}

/* refer and earn section css end */

/* Coupons Page CSS - Start */
.ticket-box {
    background-color: #f7f7f7;
    display: flex;
    border-radius: 0.25rem;
}

[theme="dark"] .ticket-box {
    background-color: #323232;
}

.ticket-box p {
    color: #999;
    font-size: 0.75rem;
}

.ticket-border {
    -webkit-border-start: 2px dashed #fff;
    border-inline-start: 2px dashed #fff;
    position: relative;
}

[theme="dark"] .ticket-border {
    -webkit-border-start: 2px dashed var(--body-bg);
    border-inline-start: 2px dashed var(--body-bg);
}

.ticket-border::after,
.ticket-border::before {
    --size: 1rem;
    inline-size: var(--size);
    block-size: var(--size);
    inset-inline-start: -1px;
    inset-block-start: calc(var(--size) / -2);
    transform: translateX(-50%);
    background-color: #fff;
    content: "";
    position: absolute;
    border-radius: var(--size);
}

[theme="dark"] .ticket-border::after,
[theme="dark"] .ticket-border::before {
    background-color: var(--body-bg);
}

.ticket-border::before {
    inset-block-start: auto;
    inset-block-end: calc(var(--size) / -2);
}

.ticket-amount {
    font-weight: 700;
    font-size: 1.3rem;
    white-space: nowrap;
    -webkit-margin-after: 0.3rem;
    margin-block-end: 0.3rem;
}

.ticket-start {
    padding: 1.5rem;
    text-align: center;
}

.ticket-start img {
    margin-bottom: 0.5rem;
}

.ticket-end {
    padding: 2rem 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    gap: 0.5rem;
}

.ticket-end button {
    outline: 1px dashed var(--bs-primary);
    color: var(--bs-primary);
    border: none;
    font-weight: 700;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    -webkit-margin-after: 0.5rem;
    margin-block-end: 0.5rem;
}

.ticket-end button:focus {
    outline: 1px dashed var(--bs-primary);
}

.ticket-end h6 {
    font-size: 0.85rem;
}

/* Coupons Page CSS - End */

/* whatsapp chat css start */
.social-chat-icons {
    position: fixed;
    inset-inline-end: 2%;
    inset-block-end: 80px;
    z-index: 9;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.social-chat-icons.active {
    inset-block-end: 9.375rem;
}

.chat-image-shadow {
    filter: drop-shadow(0 0 0.35rem rgba(var(--bs-primary-rgb), 0.3));
}

.lightbox-image {
    max-height: 80vh;
    vertical-align: middle;
}

.img-w-h-100 {
    height: 6.25rem;
    width: 6.25rem;
}
/* whatsapp chat css end */

/* Link Hover CSS */
.link_hover:hover {
    color: var(--base) !important;
}

.color-bs-primary-force,
.color-bs-primary-force:focus {
    color: var(--base) !important;
}

.select2-container--default .select2-results__option--selected,
.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable:hover {
    background-color: red;
    color: #fff;
}
/* Link Hover CSS */

.how-to-card .how-to-icon {
    line-height: 3.571429rem;
}

.product_blank_banner {
    background-color: rgba(var(--base-rgb), 0.1);
    min-height: 170px;
}

.custom-gray-title {
    color: var(--semi-title);
}

[theme="dark"] .review-rating-group label > span,
[theme="dark"] .product-card .sold-info,
[theme="dark"] .product-card .cont .sold-info span,
[theme="dark"] .product-card .btn.add-to-cart-btn {
    color: #fff;
}

[theme="dark"] .review-details-popup,
[theme="dark"] .product-share-icons ul a {
    color: #000;
}

[theme="dark"] .product-share-icons ul a:hover {
    color: var(--base);
}

[theme="dark"] .product-single-thumb .share-icon {
    background: rgba(var(--base-rgb), 0.75);
}

[theme="dark"] .theme-bar button,
[theme="dark"] .offcanvas-header .btn-close,
[theme="dark"] .footer-address-card img {
    filter: brightness(20);
}

[theme="dark"] .theme-bar button {
    color: #fff;
}

[theme="dark"] .theme-bar {
    box-shadow: 0px 0px 5px #7474745e;
}

[theme="dark"] .modal-header .btn-close {
    filter: invert(1);
}

[theme="dark"] .search-bar,
[theme="dark"] .details-review-item .progress {
    background: rgba(255, 255, 255, 0.25);
}

/* Search Bar For Mobile */
.search-bar {
    background-color: var(--section);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    block-size: 2.5rem;
    border-radius: 6.25rem !important;
}

.search-bar input {
    block-size: 2.5rem;
    background-color: transparent !important;
    border: 0;
    padding-inline: 1rem;
}

.search-bar button {
    border: 0;
    background-color: transparent;
    -webkit-padding-end: 1rem;
    padding-inline-end: 1rem;
}

.search-bar.style--two {
    border: 1px solid var(--section);
    background-color: transparent;
}

.search-bar.style--two button {
    -webkit-padding-end: 0rem;
    padding-inline-end: 0rem;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
}

[theme="dark"] .swal2-modal {
    background-color: var(--section);
    color: var(--title);
}

[theme="dark"] .swal2-confirm {
    background-color: var(--base);
}

[theme="dark"] .custom-transparent-bg {
    background-color: transparent;
    color: var(--title);
}
[theme="dark"] .custom-transparent-bg:focus {
    box-shadow: none;
    border-color: var(--base);
}

select option:checked {
    background-color: #D19E41;
    color: var(--title);
}

[theme="dark"]
    .refer_and_earn_section
    .information-section
    li
    .item-custom-index {
    background-color: var(--base);
    color: var(--title);
}

.custom-text-link:hover {
    color: var(--base) !important;
}

.text-base.custom-text-link:hover {
    color: rgba(var(--base-rgb), 0.75) !important;
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 930px;
    }
}

.custom-selected-filters {
    padding: 1rem;
    border: 1px solid rgba(var(--base-rgb), 0.04);
    border-radius: 0;
}
.custom-selected-filters ul li {
    padding: 0.4rem 0.8rem;
}

.seller-profile-top .position-relative.img-area {
    max-width: 156px;
    border-radius: 100%;
    overflow: hidden;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: auto;
}

.banner-section .owl-carousel .owl-stage:after {
    display: none;
}

.profile-delete-dot span {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(90deg);
    width: 30px;
    height: 30px;
    top: 87.5px;
    left: 1278px;
    border-radius: 20px;
    border: 1px;
    color: var(--base);
    border: 1px solid var(--base);
}

[theme="dark"] .user-profile-wrapper .dropdown-menu.__dropdown-menu {
    border: 1px solid var(--border) !important;
}

.add-to-cart-plus-btn {
    background: transparent;
    border-radius: 0;
    padding: 0;
    height: 22px;
    width: 22px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-to-cart-plus-btn i {
    font-size: 24px;
    color: var(--white);
}

.other-store-logo {
    aspect-ratio: 1;
    object-fit: cover;
}
.blur-section {
    filter: blur(1px);
}
.digital-payment-card span.bg-transparent {
    display: flex;
    align-items: center;
    justify-content: center;
}

.free-delivery-area {
    max-width: 400px;
}

.free-delivery-progress {
    height: 4px;
    background: #dfedff;
    border-radius: 5px;
    overflow: hidden;
}
.free-delivery-progress .progress-bar {
    border-radius: 5px;
    background: #1455ac;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bs-primary);
}

.pulse-button {
    display: block;
    font-size: 1.2rem;
    cursor: pointer;
    -webkit-animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.8);
    }

    70% {
        transform: scale(1);
    }

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

/*
*  Add fund to wallet modal start
*/
#addFundToWallet .form--check {
    position: relative;
    padding: 0;
    margin: 0;
}
#addFundToWallet .form--check .check-icon {
    border: 1px solid rgba(75, 86, 107, 1);
    display: inline-flex;
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    width: 14px;
    height: 14px;
    aspect-ratio: 1;
    display: inline-flex;
}

#addFundToWallet .form--check .check-icon svg {
    display: none;
}
#addFundToWallet .form--check .form-check-input:checked {
    opacity: 0;
}
#addFundToWallet .form--check .form-check-input:checked ~ .check-icon {
    border: none;
}
#addFundToWallet .form--check .form-check-input:checked ~ .check-icon svg {
    display: flex;
}

#addFundToWallet .form--check input:checked ~ .form-check-label {
    background: var(--body-bg);
}

#addFundToWallet .form--check .form-check-label {
    padding: 14px;
    border-radius: 8px;
    padding: 16px 16px 16px 48px;
    transition: all ease 0.3s;
    font-size: 16px;
}
.text-24 {
    font-size: 24px;
    font-weight: 500;
}
.h-70 {
    height: 70px;
}
.gatways_list {
    max-height: 45vh;
    overflow-y: auto;
}

.gatways_list::-webkit-scrollbar {
    width: 5px;
}
.gatways_list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.gatways_list::-webkit-scrollbar-thumb {
    background: #b3b3b3;
}

.gatways_list::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.add-fund-swiper .slider-card-bg-img {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: -1;
    opacity: 0.5;
    inline-size: 80px;
    block-size: auto;
}

.z-1 {
    z-index: 1;
}

.add-fund-swiper-card {
    background-color: rgba(20, 85, 172, 0.03);
    border-color: #1455ac !important;
    background-color: rgba(var(--bs-primary-rgb), 0.03);
    min-height: 182px !important;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

/*
*  Add fund to wallet modal end
 */

.add-fund-slider .owl-nav .owl-prev {
    height: 100%;
    background: linear-gradient(
        270deg,
        rgba(var(--base-rgb), 0) 0%,
        rgba(var(--base-rgb), 0.11) 100%
    );
}

.add-fund-slider .owl-nav .owl-next {
    height: 100%;
    background: linear-gradient(
        270deg,
        rgba(var(--base-rgb), 0.11) 0%,
        rgba(var(--base-rgb), 0) 100%
    );
}

.my-walllet-card-content-2 {
    padding: 3rem 1.7142857143rem;
}

.add-fund-slider .slider-card-bg-img {
    position: absolute;
    bottom: 2rem;
    inset-inline-end: 4rem;
    z-index: -1;
    opacity: 0.15 !important;
    inline-size: 80px;
    block-size: auto;
    width: 100px !important;
}

.order_transactions a {
    padding: 10px 15px !important;
}

.order_transactions a:hover,
.order_transactions .active {
    background-color: #0000000f;
}

#add-fund-amount-input::placeholder {
    color: #00000031;
}
.gatways_list_img {
    height: 50px;
    overflow: hidden;
    width: 70px;
}

.gatways_list_img img {
    width: 100%;
}

.payment-list-area {
    margin-top: 20px;
    max-height: 45vh;
    overflow: auto;
    padding: 20px;
}

.payment-list-area::-webkit-scrollbar {
    width: 5px;
}
.payment-list-area::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.payment-list-area::-webkit-scrollbar-thumb {
    background: #b3b3b3;
}

.payment-list-area::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.owl-carousel .owl-dots {
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 0.25rem;
    margin-top: 0.5rem;
}
.owl-carousel .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    background: #ddd !important;
    border-radius: 100%;
}
.owl-carousel .owl-dots .owl-dot.active {
    width: 10px;
    height: 10px;
    background: var(--base) !important;
}
.product-table-wrap {
    max-height: 500px;
    overflow-y: auto;
}
.min-w-300 {
    min-width: 300px;
}

.product-share-icons {
    inset-inline-end: 2.2rem;
    inset-block-start: 2.2rem;
}

.z-999 {
    z-index: 999;
}

.__payment-images img {
    width: auto;
    height: 2.5rem;
    background: #fff;
    padding: 5px;
}

.min-h-30px {
    min-height: 30px;
}

.product-single-wrapper .owl-carousel .owl-item {
    margin-right: 10px;
}

.product-single-wrapper .owl-carousel .owl-item:last-child {
    margin-right: 0;
}

.compare-item .compare-info li {
    min-height: 70px;
    display: flex;
    align-items: center;
}

.nav--tabs-4 {
    -moz-column-gap: 2.8rem;
    column-gap: 2.8rem;
}

.toast-bottom-left {
    top: 12px;
    right: 12px;
    left: auto;
}

.seller-profile-wrapper .seller-profile-hero {
    aspect-ratio: 3/1;
}

.force-border-input:focus,
.force-border-input {
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    overflow: hidden;
}

.stripe-button-el {
    display: none !important;
}

.razorpay-payment-button {
    display: none !important;
}

.min-width-350px {
    min-width: 350px;
}

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

.background-light-white {
    background: var(--body-bg);
}

.size-1-2rem {
    size: 1.2rem;
    --size: 1.2rem;
}

.padding-inline-end-40px {
    padding-inline-end: 40px;
}

.width-7-312rem {
    width: 7.312rem;
}

.width-5-312rem {
    width: 5.312rem;
}

.cs-width-15rem {
    width: 15rem;
    --width: 15rem;
}

.cs-width-90ch {
    --width: 90ch;
    width: 90ch;
}

.offer-bar {
    background-size: cover;
    background-repeat: no-repeat;
}
.offer-bar-close {
    -webkit-padding-start: 1.875rem;
    padding-inline-start: 1.875rem;
    cursor: pointer;
}
@media only screen and (max-width: 575px) {
    .offer-bar-close {
        -webkit-padding-start: 0.625rem;
        padding-inline-start: 0.625rem;
    }
}
@media only screen and (max-width: 575px) {
    .top-offer-text {
        font-size: 0.725rem;
    }
}

.mobile-logo-cs {
    height: 40px !important;
    width: auto !important;
}


  


@media (max-width: 991px) {
    .banner-section.custom-height {
        height: 25rem;
        min-height: 25rem;
    }
}

@media (max-width: 767px) {
    .banner-section.custom-height {
        height: 28.5714285714rem;
    }
}
@media (max-width: 575px) {
    .banner-section.custom-height {
        height: 21.4285714286rem;
        min-height: 21.4285714286rem;
    }
}
@media (max-width: 479px) {
    .banner-section.custom-height {
        height: 200px;
        min-height: 200px;
    }
}

.__sign-in-modal .modal-dialog .modal-content .form-control::placeholder,
.__sign-up-modal .modal-dialog .modal-content .form-control::placeholder,
.search_input_group .form-control::placeholder,
.apply-coupon-form .form-control::placeholder,
.contact-seller-modal textarea.form-control::placeholder,
.user-profile-section .form-control::placeholder,
.payment-list-area .form-control::placeholder,
.search-form-section .form-control::placeholder {
    color: var(--text-2) !important;
}

.offline-payment-modal select {
    background: var(--bg-2) !important;
    color: var(--text) !important;
}

.dark-form-check-input {
    --bs-form-check-bg: var(--body-bg) !important;
}

.temporarily-closed-sticky-alert {
    position: absolute;
    top: 50px;
    width: 100%;
    padding: 15px;
}

.temporarily-closed-sticky-alert div.alert-box {
    background-color: rgba(254, 247, 209, 1);
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 400;
    padding: 20px;
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

.temporarily-closed-sticky-alert div button {
    background-color: transparent;
    border: 0;
    font-size: 20px;
    font-weight: 800;
}

.rich-editor-html-content table {
    color: var(--title-color);
    max-width: 100% !important;
}
.rich-editor-html-content table > :not(caption) > * {
    border-width: var(--bs-border-width) 0;
}
.rich-editor-html-content table > :not(caption) > * > * {
    border-width: 0 var(--bs-border-width);
}

.rich-editor-html-content table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}

.rich-editor-html-content table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.rich-editor-html-content table > tbody {
    vertical-align: inherit;
}

.rich-editor-html-content table > thead {
    vertical-align: bottom;
}

.rich-editor-html-content table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 575px) {
    .rich-editor-html-content table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767px) {
    .rich-editor-html-content table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 991px) {
    .rich-editor-html-content table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1199px) {
    .rich-editor-html-content table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1399px) {
    .rich-editor-html-content table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.min-height-100px {
    min-height: 100px !important;
}
.max-height-200px {
    max-height: 200px;
    overflow: hidden;
}

.custom-cart-opacity-50 {
    opacity: 50%;
}

.inbox-image-element {
    width: 80px;
    height: 80px;
    object-fit: contain;
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f3f3f3;
}

.inbox-image-element img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

.alert--message-2 {
    border-left: 3px solid var(--bs-primary);
    border-radius: 6px;
    position: fixed;
    right: 20px;
    top: 80px;
    z-index: 9999;
    background: #fff;
    width: 80vw;
    display: flex;
    max-width: 330px;
    align-items: center;
    gap: 12px;
    padding: 16px;
    font-size: 12px;
    transition: all ease 0.5s;
}

.alert--message-2 h6 {
    font-size: 16px;
}

.alert--message-2:not(.active) {
    transform: translateX(calc(100% + 40px));
}
.alert--container {
    position: fixed;
    right: 20px;
    top: 80px;
    z-index: 9999;
    width: 80vw;
    max-width: 330px;
}
.alert--container:not(.active) {
    opacity: 0;
    visibility: hidden;
}
.alert--container .alert {
    position: unset !important;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    margin-bottom: 10px;
    width: 100% !important;
}

.alert--container .alert:not(.active) {
    display: none;
}
.w--0 {
    width: 0;
    flex-grow: 1;
}

.min-h-45 {
    min-height: 45px;
}

.alert--info {
    background-color: #edf7ff;
    border-radius: 5px;
    color: #0477ca;
    font-size: 12px;
    padding: 12px 20px;
}

.px-12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.direction-ltr {
    direction: ltr !important;
}

.shop-head-check[type="checkbox"],
.shop-item-check[type="checkbox"] {
    cursor: pointer;
}

/* Vendor Registration CSS */
.create-an-account {
    border-radius: 10px;
    background-color: #eef5ff;
    position: relative;
    z-index: 1;
}

[theme="dark"] .create-an-account {
    background-color: #1f1f1f;
}

.create-an-account .create-an-account-bg-img {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.05;
}

/* Customize scrollbar */
.horizontal-scroll {
    overflow-x: auto;
    scrollbar-width: thin;
    /* Hide scrollbar by default */
    scrollbar-color: transparent transparent;
}

/* Show scrollbar on hover */
.horizontal-scroll:hover {
    scrollbar-color: #888 transparent;
}

/* Track */
.horizontal-scroll::-webkit-scrollbar-track {
    background-color: transparent;
}

/* Handle */
.horizontal-scroll::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

/* Handle on hover */
.horizontal-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.horizontal-scroll > div {
    flex: 0 0 300px;
}

.section-padding {
    padding-block: 100px;
}

@media (max-width: 991px) {
    .section-padding {
        padding-block: 60px;
    }
}

.max-w-500 {
    max-width: 500px;
}

.max-w-320 {
    max-width: 320px;
}

.bg-section2 {
    background-color: #022048;
}

.section-title-style-2 {
    font-size: clamp(2rem, 1.8rem + 1vw, 3rem);
    font-weight: 800;
    text-transform: capitalize;
}

.middle-step-of-steps {
    position: relative;
}

.middle-step-of-steps::before,
.middle-step-of-steps::after {
    position: absolute;
    content: "";
    background: transparent url("../img/media/line-arrow.svg") no-repeat;
    background-size: contain;
    width: 360px;
    height: 43px;
    inset-block-start: 0;
}

.middle-step-of-steps::after {
    transform: rotateX(180deg);
    inset-inline-start: 73%;
    inset-block-start: 57px;
}

.middle-step-of-steps::before {
    inset-inline-start: -93%;
}

@media (max-width: 1399px) {
    .middle-step-of-steps::before {
        inset-inline-start: -62%;
        inset-block-start: 5%;
        width: 266px;
    }
    .middle-step-of-steps::after {
        inset-inline-start: 73%;
        inset-block-start: 40px;
        width: 266px;
    }
}
@media (max-width: 1199px) {
    .middle-step-of-steps::before {
        inset-inline-start: -34%;
        inset-block-start: 12%;
        width: 180px;
    }
    .middle-step-of-steps::after {
        inset-inline-start: 73%;
        inset-block-start: 35px;
        width: 180px;
    }
}

.app-section {
    position: relative;
    z-index: 1;
    padding: 20px;
}

.app-section::after {
    border-radius: 20px;
    background-color: #dee7f2;
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 0;
    width: 100%;
    height: 80%;
    content: "";
    z-index: -1;
}

[theme="dark"] .app-section::after {
    background-color: #0b1521;
}

.app-section h3 {
    font-size: 34px;
}

.accordion__custom {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    --bs-accordion-bg: #eef5ff;
    /* --bs-accordion-btn-focus-border-color: #86b7fe; */
    --bs-accordion-active-color: var(--title-color);
    --bs-accordion-active-bg: #eef5ff;
}

[theme="dark"] .accordion__custom {
    --bs-accordion-bg: #1f1f1f;
    --bs-accordion-active-bg: #1f1f1f;
}

[theme="dark"] .accordion__custom .accordion-button:not(.collapsed) {
    --bs-accordion-active-bg: #1f1f1f;
}

.accordion__custom .accordion-body {
    background-color: var(--bs-white);
}

[theme="dark"] .accordion__custom .accordion-body {
    background-color: #0d0d0d;
}

.accordion__custom .accordion-item {
    border: none;
}

.accordion__custom .accordion-button {
    box-shadow: none !important;
}

[theme="dark"] .accordion__custom .accordion-button {
    color: #fff !important;
}

.text-absolute-white {
    color: #fff !important;
}

.max-w-360 {
    max-width: 360px !important;
}

.first-el :is(h1, h2, h3, h4, h5, h6),
.second-el :is(h1, h2, h3, h4, h5, h6) {
    line-height: 1.3;
}
.aspect-ratio-8-1 {
    aspect-ratio: 8/1;
    object-fit: cover;
}

.chatting-count-badge {
    width: 20px;
    height: 20px;
    background: var(--bs-primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
}

.review-exist-images {
    position: relative;
    width: 265px;
    min-width: 265px;
    height: 150px;
    overflow: hidden;
    border: 2px dashed #ddd;
    padding: 5px;
}

.review-exist-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review-exist-images .img-remove-icon-2 {
    font-size: 20px;
    color: rgb(255, 7, 0);
    border-radius: 3px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    right: 10px;
    top: 10px;
    background-color: #d2d2d2;
    text-align: center;
    text-decoration: none;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-start-position-5px {
    top: 5px;
    left: 5px;
    right: auto;
}

[dir="rtl"] .top-start-position-5px {
    top: 5px;
    left: auto;
    right: 5px;
}
.coba img,
.coba_refund img {
    height: 100%;
    object-fit: cover;
}





/*
*  nav
*/


  
/*    :root {*/
/*      --primary-color: rgba(209, 158, 65, 1);*/
/*      --dark-bg: #1c2535;*/
/*      --nav-bg: #2d3443;*/
/*      --input-bg: #3a3f4b;*/
/*      --text-light: #d0d0d0;*/
/*      --transition: all 0.3s ease;*/
/*    }*/

/*  nav.header-section .dropdown {*/
/*  list-style: none;*/
/*}*/
/*nav.header-section li {*/
/*  list-style: none;*/
/*}*/


/*    .navbar-custom {*/
/*      background-color: var(--nav-bg);*/
/*      border-radius: 12px;*/
/*      padding: 20px 30px;*/
/*      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);*/
/*      transition: var(--transition);*/
/*      position: relative;*/
/*      z-index: 1000;*/
/*      display: flex;*/
/*      align-items: center;*/
/*      justify-content: center;*/
/*      gap: 25px;*/
/*      max-width: 1200px;*/
/*      margin: 0 auto;*/
/*    }*/

/*    .navbar-custom::before {*/
/*      content: '';*/
/*      position: absolute;*/
/*      bottom: 0;*/
/*      left: 0;*/
/*      right: 0;*/
/*      height: 2px;*/
/*      background: linear-gradient(90deg, transparent, var(--primary-color), transparent);*/
/*      transform: scaleX(0);*/
/*      transform-origin: center;*/
/*      transition: var(--transition);*/
/*    }*/

/*    .navbar-custom:hover::before {*/
/*      transform: scaleX(1);*/
/*    }*/

/*    .navbar-custom a {*/
/*      font-weight: 700;*/
/*      text-decoration: none;*/
/*      color: white;*/
/*      text-align: right;*/
/*      padding: 15px 25px;*/
/*      position: relative;*/
/*      transition: var(--transition);*/
/*      border-radius: 8px;*/
/*      display: inline-flex;*/
/*      align-items: center;*/
/*      gap: 8px;*/
/*    }*/

/*    .navbar-custom a:hover {*/

/*      color: var(--primary-color);*/
/*    }*/

/*    .navbar-custom a::after {*/
/*      content: '';*/
/*      position: absolute;*/
  
/*    }*/

/*    .navbar-custom a:hover::after {*/
/*      transform: scaleX(1);*/
/*    }*/

/*    .navbar-custom a.active {*/
/*      color: var(--primary-color);*/
/*      position: relative;*/
     
/*    }*/

/*    .navbar-custom a.active::after {*/
     
/*    }*/

   

    /* Hover effect for navbar */
/*    .navbar-custom:hover {*/
/*      transform: translateY(-2px);*/
/*      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);*/
/*    }*/

    /* Responsive adjustments */
/*    @media (max-width: 768px) {*/
/*      .navbar-custom {*/
/*        padding: 15px 20px;*/
/*        gap: 15px;*/
/*      }*/

/*      .navbar-custom a {*/
/*        padding: 12px 20px;*/
/*        font-size: 16px;*/
/*      }*/

      
/*    }*/

  

  







   .image-wrapper {
      width: 277.46px;
      height: 277.46px;
      position: absolute;
      left: 562.82px;
      top: 237px;
      overflow: hidden;
    }

    .image-wrapper img {
      width: 235.29px;
      height: 220.03px;
      position: absolute;
      left: 21.09px;
      top: 46.06px;
    }

    .text-hint {
      position: absolute;
      left: 849.18px;
      top: 257.06px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      color: white;
      font-size: 42px;
      font-weight: 700;
      line-height: 23.98px;
      word-wrap: break-word;
    }

    .text-question {
      position: absolute;
      left: 523.92px;
      top: 434.34px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      color: white;
      font-size: 55px;
      font-weight: 700;
      line-height: 23.98px;
      word-wrap: break-word;
    }




  .content {
      display: flex;
      justify-content: center;  /* توسيط أفقي */
      align-items: center;      /* توسيط عمودي */

      text-align: center;
    }





:root {
    --font-xs: 0.9rem;
    --font-sm: 1rem;
    --font-md: 1.2rem;
    --font-lg: 1.5rem;
    --font-xl: 1.8rem;
    --font-xxl: 2rem;
    --font-xxxl: 2.2rem;
}

@media (max-width: 1024px) {
    :root {
        --font-xs: 0.8rem;
        --font-sm: 0.9rem;
        --font-md: 1.05rem;
        --font-lg: 1.3rem;
        --font-xl: 1.6rem;
        --font-xxl: 2rem;
    }
}

@media (max-width: 768px) {
    :root {
        --font-xs: 0.75rem;
        --font-sm: 0.85rem;
        --font-md: 1rem;
        --font-lg: 1rem;
        --font-xl: 1.4rem;
        --font-xxl: 1.8rem;
    }
}









  .navbar-custom {
      
        position: sticky;
      
      
    background-color: #323848;
    border-radius: 8px;
  }

  .navbar-custom a {
    font-weight: 700;
    text-decoration: none;
    color: white;
    text-align: right;
  }


  nav.header-section .dropdown {
  list-style: none;
}
nav.header-section li {
  list-style: none;
}



  .navbar-custom a.active {
    color: #D19E41;
  }

    .__dropdown-menu .language li.active {
      background-color: #D19E41;
    
    
}



.__dropdown-menu {
margin-top: 20px;
  background: #A1A6B0;
  border-radius: 6px;
  padding:0;
  min-width: 100%;     /* هذا يجعل القائمة بنفس عرض الزر */
  width: auto;

}

.dropdown-menu[data-bs-popper] {
 
 
 margin-top: 10px;   
}



 .__dropdown-menu .language li {

font-size:  var(--font-lg);

 font-weight: 700; 
 
  padding: 10px 20px;
  display: flex;
  justify-content: center;   /* توسيط أفقي */
  align-items: center;       /* توسيط عمودي */
  gap: 6px;                  /* مسافة بين العلم والنص */
  text-align: center;
  cursor: pointer;
}

.__dropdown-menu .language li img {
  width: 20px;
  height: auto;
  margin-right: 8px;
}


/* هذا التصميم للهواتف فقط (شاشات أصغر من 576px) */
@media (max-width: 576px) {
  .__dropdown-menu {
    min-width: 30px;         /* عرض أصغر للقائمة */
   
  }

  .__dropdown-menu .language li {
    padding: 4px 8px;
    font-size: 12px;          /* تصغير الخط */
    gap: 4px;
  }

  .__dropdown-menu .language li img {
    width: 14px;              /* تصغير صورة العلم */
    height: auto;
  }

  .__dropdown-menu .language li span {
    font-size: 12px;
  }
}

/* يشمل العلم والنص داخل عنصر اللغة */
.__dropdown-menu .language li,
.__dropdown-menu .language li img,
.__dropdown-menu .language li span,
.dropdown > a,
.dropdown > a i {
  cursor: pointer;
}

  .search-container {
    /*width: 870px;*/
    /*height: 83px;*/
    
    
  width: 638px; 
    width: auto;
    max-width: 584px;

    
    border-radius: 190px;
    background-color: #3a3f4b;
    display: flex;
    align-items: center;
    padding: 0 20px;
    color: white;
    
 
    mix-blend-mode: luminosity;
  }

  .search-container input {
    background: transparent;
    border: none;
    color: white;
    flex: 1;
    outline: none;
  }

  .search-container i {
    color: #f2c14e;
    font-size: 20px;
  }

  .logo-img {
    width: 300.26px;
    
      margin: 20px auto;
      height: auto;
    
    object-fit: contain;
  }




  /* الهواتف */
  @media (max-width: 599px) {
    .navbar-custom {
  
  margin-left: 10px;
    margin-right: 10px;
      margin-top: 20px;
    }


    .navbar-custom a {
      font-size: 10px;
      height: 15px;
      line-height: 150%;
    }

    .dropdown::before {
      font-size: 8px;
    }

    .logo-img {
     
      height: 80px;
      
      
       margin: 30px auto ;
      
      
      
    }

    .search-container {
      width: 316px;
      height: 30px;
      border-radius: 69px;
   
    }
  }

  /* التابلت */
  @media (min-width: 600px) and (max-width: 992px) {
    .navbar-custom {
      width: 604px;
      height: 44px;
      margin: 40px auto;
    }

    .navbar-custom a {
      font-size: 16px;
      height: 24px;
      line-height: 150%;
    }

    .search-container {
      width: 530px;
      height: 51px;
      border-radius: 116px;
      margin-top: 20px;
    }



    .logo-img {
      width: 275.55px;
      height:194.91px;
    }
  }

  /* كمبيوتر صغير */
  @media (min-width: 993px) and (max-width: 1200px) {
    .navbar-custom {
      width: 850px;
      height: 65px;
      margin: 40px auto;
    }

    .navbar-custom a {
      font-size: 24px;
      height: 22px;
    }
  }

  /* كمبيوتر كبير */
  @media (min-width: 1201px) {
    .navbar-custom {
      width: 1125px;
      height: 87px;
      margin: 55px auto;
      
    }

    .navbar-custom a {
      font-size: 32px;
      height: 24px;
      line-height: 24px;
    }
  }

  .description-box {
    background-color: #2d3443;
    margin: 0;
    padding: 50px;
    width: 100%;
   
margin-top: 80px;
    text-align: center;
    height: 291px;
    max-height: 291px;
    z-index: 0;
  }

  .description-box h5 {
    height: 44.57px;

font-style: normal;
font-weight: 700;
font-size: 34px;
line-height: 24px;
/* or 71% */
text-align: center;

color: #D19E41;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
  }

  .description-box p {
 align-self: stretch;


  word-wrap: break-word;
  
    color: #d0d0d0;

    font-weight: 500;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 0px;

    margin: 0 auto;
    text-align: center;

  
  
  
  
  
  }
  
  

@media (max-width: 599px) {
.description-box {
  width: 100%;
  max-width: 100%;
  margin: 15px auto;
  padding: 5px 5px;
  text-align: center;
 height: 127.94px;
}

.description-box h5 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1px;
  padding: 0 2px;
}

.description-box p {

  
font-size: 8px;  font-weight: 500; line-height: 18px; word-wrap: break-word
  
  
  
  
}
}



  
  @media (min-width: 600px) and (max-width: 992px) {
.description-box {
  width: 100%;
  max-width: 746px;
  margin: 25px auto;
  padding: 30px 35px;
  text-align: center;
  height: 185px;
}

.description-box h5 {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 18px;
  padding: 0 12px;
}

.description-box p {
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
  padding: 0 18px;
}
}


@media (max-width: 768px) {
    .menu-area {
        gap: 5px;
    }

    .menu li a {
        padding: 8px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .menu-area ul.menu {
        gap: 4px !important;
        font-size: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
        flex-wrap: wrap;
    }

    .menu-area ul.menu li a {
        padding: 4px 8px !important;
        font-size: 12px !important;
        white-space: nowrap;
    }

    .menu-area {
        flex-direction: column;
    }

    .header-wrapper {
        justify-content: center !important;
    }
}


  .footer-social a svg path,
  .footer-social a svg polygon,
  .footer-social a i {
    color: #A34008;
    fill: #A34008 !important;
  }

 .footer-nav li a {
    font-size: 16px; 
    color: white;
   }


.footer-nav li a:hover
{
  color: #D19E41;
}
@media (max-width: 767px) {
  .footer-nav li a {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .footer-logo img {
    max-width: 120px;
    height: auto;
  }
}







/* === search  === */
.search-suggestions {
  padding: 0px;
  margin-top: 20px;
  background: var(--لون-البحث, #40444D); border-radius: 36px;
  
  
}

.custom-search-box {
  /*width: 870px;*/
  height:60px;
   width: 746px;
   
    /*max-width: 584px;*/

  
  
  border-radius: 190px;
  background: rgba(64, 68, 77, 1);
  display: flex;
  align-items: center;
  padding: 0 20px;
  color: white;
  position: relative;

  margin: auto;
  box-shadow:
    1.42px 2.13px 5.67px 0px rgba(0, 0, 0, 0.1) inset,
    1.42px 2.13px 5.67px 0px rgba(0, 0, 0, 0.08) inset,
    0px -0.71px 1.42px 0px rgba(255, 255, 255, 0.3) inset,
    0px 3px 2px -2px rgba(0, 0, 0, 0.25);
}

.custom-search-box input {
  background: transparent;
  border: none;
  color: white;
  flex: 1;
  outline: none;
  padding-right: 8px;
  font-weight: 350;
  font-size: var(--font-lg);
  line-height: 42.14px;
 
}

.custom-search-box input::placeholder {
  color: #b0b0b0;
}

.custom-search-box input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgba(64, 68, 77, 1) inset;
  -webkit-text-fill-color: white;
}

/* === أيقونة البحث === */
.search-icon {

  font-size: 18px;
  color: #f2c14e;
 
}

/* === الفاصل العمودي === */
.search-separator {
  width: 2px;
  height: 38.65px;
  background: rgba(217, 217, 217, 0.21);
  margin: 0 14px;
  border-radius: 1px;
}
.search-logo

{
    width:  285.45px;
   
  }

/* === شاشات بين 576px و767px (هواتف كبيرة) === */
@media (min-width: 576px) and (max-width: 767.98px) {
  .custom-search-box {
    width: 400px;
    height: 45px;
    border-radius: 90px;
    padding: 0 14px;
  }

  .custom-search-box input {
    font-size: 16px;
    line-height: 25.65px;
  }

  .search-icon {
  
    font-size: 18px;
  }

  .search-separator {
    width: 1.5px;
    height: 23.52px;
    margin: 0 10px;
  }
  
  
  .search-suggestions {
  padding-top: 5px;
  margin-top: 5px;

   border-radius: 15.6833px;
  
  
}
  
  
}

/* === شاشات بين 768px و1024px (تابلت) === */
@media (min-width: 768px) and (max-width: 1024.98px) {
  .custom-search-box {
    width: 600px;
    height: 60px;
    border-radius: 120px;
    padding: 0 18px;
  }

  .custom-search-box input {
    font-size: 20px;
    line-height: 30px;
  }

  .search-icon {
  
    font-size: 20px;
  }

  .search-separator {
    width: 1.7px;
    height: 28px;
    margin: 0 12px;
  }
}
/* === شاشات أصغر من 576px (هواتف صغيرة) === */
@media (max-width: 575.98px) {
  .custom-search-box {
    width: 316px;
    height:40px; /* كان 38px - تم تكبيره */
    border-radius: 69px;
    padding: 0 16px; /* مساحة داخلية أكبر قليلاً */
  }

  .custom-search-box input {
    font-size: 14px; /* كان 10px - زيادة الوضوح */
    line-height: 24px;
    letter-spacing: -0.1px;
  }

  .search-icon {
   font-size: 18px;
  }

  .search-logo {
    width: 34px;
    height: 32px;
  }

  .search-separator {
    width: 1px;
    height: 20px; /* أطول قليلاً لتناسب الارتفاع الجديد */
    margin: 0 8px;
  }

  .search-suggestions {
    padding: 12px;
    margin-top: 8px;
    border-radius: 16px;
  }
}
.responsive-img {
    width: 100px !important;
    aspect-ratio: 200 / 300; 
    max-width: 100%;
     border-radius: 8px;
}

    @media (max-width: 767px) {
        .responsive-img {
          width: 77px;
height: 67px;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        .responsive-img {
            width: 80px;
            height: 80px;
        }
    }

    @media (min-width: 1025px) {
        .responsive-img {
            width: calc(10vw + 20px);
            height: auto;
            max-width: 130px;
            max-height: 102px;
        }
    }

    .movie-title {
    font-size: 1rem; /* بدلاً من var(--font-lg) */
    font-weight: bold;
    color: white;
}

.movie-duration {
    font-size: 0.85rem; /* أقل من 0.95rem */
    color: #c0c0c0;
}

.movie-info-line {
    padding-bottom: 4px;
    margin-bottom: 6px;
}

.search-item {
    padding: 0.5rem 0; /* قللت التباعد */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.search-item:last-child {
    border-bottom: none;
}

/* زر عرض النتائج */
.search-results-button {
    background-color: #5E5F60;
    font-size: 1rem; /* أقل من var(--font-lg) */
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px; /* قللت المسافة بين الأيقونة والنص */
}

.search-results-button i {
    margin-left: 6px; /* قللت الهامش */
}


.scrollable-list {
    overflow-y: auto;  /* يظهر شريط التمرير عند الحاجة */
 
}






.responsive-img_{
   width: 300px;
        height: 250px;
     aspect-ratio: 4/ 3;
     /* Card */


box-sizing: border-box;



border: 2.17473px solid #D19E41;
border-radius: 8px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

 
}

/* للأجهزة الصغيرة (الموبايل) */
@media (max-width: 767px) {
    .responsive-img_  {
     /* Card */

box-sizing: border-box;

width: 126px;
height: 123px;


border: 1px solid #D19E41;
border-radius: 4.79278px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

    }
}

/* للأجهزة المتوسطة (تابلت) */
@media (min-width: 768px) and (max-width: 1024px) {
    .responsive-img_ {
        width: 203px;
        height: 200px;
     
    }
}






.details{
 overflow: hidden; display: block; max-height: 180px;
    
    
}

@media (max-width: 1199px) {
 .product-card2 {
        width: 33.3333333333%;
    }
}
@media (max-width: 767px) {
 .product-card2 {
        width: 33.3333333333%;
    }
}
@media (max-width: 575px) {
 .details {
       max-height: 72px;
    }
}
.product-card2 .img {
    position: relative;
    overflow: hidden;
   aspect-ratio: 394 / 312;
     border-radius: 4px;
    border: 1.16px solid var(--اللون-الرئيسي-الثاني, #D19E41);
   
   

}









.product-card2 .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all ease 0.3s;
}


.search-card {
 



  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;





}



.search-card:empty {
  display: none !important;
  
  
  
  
}

.see-all {
    color: white !important;
    text-decoration: none !important;
    cursor: default !important;
}

.movie-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;       
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em;           
}


   /* youtype */
   
   
   

  .play-icon {
    width: 60px;
    height: 60px;
  }

  @media (max-width: 768px) {
    .play-icon {
      width: 35px;
      height: 35px;
    }
  }




    .video-banner {
      position: relative;
      width: 100%;

      height: 600px;
      border-radius: 15px;
      overflow: hidden;
      background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.85));
      
  
      border: 2px solid #ffffff
    }

    .thumbnail {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      filter: brightness(0.7);
      transition: filter 0.5s ease;
      border-radius: 15px;
      will-change: filter;
      box-shadow: inset 0 0 60px 20px rgba(255, 255, 255, 0.1);
    }

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: radial-gradient(circle at center, #ffd54f 0%, #d4a741 80%);
  border: 2px solid #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5c4200; /* لون أيقونة داكن متناسق مع الأصفر */
  font-size: 3.8rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 15px 5px rgba(213, 181, 74, 0.8); /* توهج أصفر دافئ */
  animation: pulseGlow 3s ease-in-out infinite;
  z-index: 10;
}

.play-btn:hover {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 0 40px 15px rgba(213, 181, 74, 1);
  animation-play-state: paused;
}

@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 15px 5px rgba(213, 181, 74, 0.8);
  }
  50% {
    box-shadow: 0 0 30px 10px rgba(213, 181, 74, 1);
  }
}

    iframe.video-frame {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      border: none;
      display: none;
      z-index: 20;
      border-radius: 15px;
      box-shadow: 0 0 30px rgba(255, 255, 255, 0.3);
    }

    iframe.video-frame.active {
      display: block;
    }
    

@media (max-width: 768px) {
    .video-banner {
        max-height: 200px;
    }
.play-btn{
    width: 50px;
    height: 50px;  
    font-size: 1.8rem;
}



}

   
 

    .custom-announcement-text {
        font-size: 14px;
    }

    @media (min-width: 768px) {
        .custom-announcement-text,
        .custom-eval-text {
            font-size: 20px;
        }
    }

    @media (min-width: 992px) {
        .custom-announcement-text {
            font-size: 28px;
            line-height: 1.4;
        }

        .custom-eval-text {
            font-size: 18px;
        }
    }

    @media (min-width: 1200px) {
        .custom-announcement-text {
            font-size: 32px;
        }

        .custom-eval-text {
            font-size: 20px;
        }
    }

    .custom-eval-text {
        font-size: 14px;
    }

   

    .title2 {
        color: rgba(213, 181, 74, 1);
    }


    .bg-info {
        background: rgba(44, 106, 141, 1) !important;
    }


    .arrow-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        background: #1f2937;
        border: none;
        border-radius: 50%;
        width: 48px;
        height: 48px;
        color: white;
        font-size: 22px;
    }

    .arrow-btn:hover {
        background-color: #374151;
    }

    /* --- إخفاء شريط التمرير --- */
    #carouselContainer {
        scrollbar-width: none;       /* Firefox */
        -ms-overflow-style: none;    /* IE and Edge */
    }

    #carouselContainer::-webkit-scrollbar {
        display: none;               /* Chrome, Safari, Opera */
    }


    .offer-bar {
        padding-top: 16px;
        padding-bottom: 12px;
        position: relative;
        border-radius: 12px;
    }

    .mt-space {
        margin-top: 40px;
    }

    .offer-bar-close {
        cursor: pointer;
    }

 
    .information-slider {
        overflow: hidden;
        direction: rtl;
    }

    .information-slider .item {
        display: inline-block;
        width: auto;
        white-space: nowrap;
    }

    .owl-carousel .owl-stage {
        display: flex;
        align-items: center;
    }

    .owl-carousel::-webkit-scrollbar {
        display: none;
    }


    .main-gallery-wrapper {
        position: relative;
        width: 100%;
        max-width: 100%;
        aspect-ratio: 16 / 7;
        border-radius: 20px;
        overflow: hidden;
        background-color: #000;
        border: 1px solid #ffffff; /* الإطار الأبيض */
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
    }

    .main-gallery-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }



    .gallery-thumbnails {
        position: absolute;
        bottom: 15px;
      
        transform: translateX(-50%);
        z-index: 2;
        display: flex;
        gap: 12px;
        padding: 0 10px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .gallery-thumbnails::-webkit-scrollbar {
        display: none;
    }

.gallery-thumb {
    width: 60px;            /* العرض ثابت */
    aspect-ratio: 3/ 3;    /* نسبة العرض إلى الارتفاع */
    object-fit: cover;
    border-radius: 6px;
    border: 2px solid #D19E41;
    transition: 0.3s ease;

    cursor: pointer;
    flex-shrink: 0;
}



    @media (max-width: 768px) {
        .main-gallery-wrapper {
            aspect-ratio: 16 / 9;
        }

        .gallery-thumb {
            width: 50px;
            height: 75px;
        }
    }
    
    


    .dropdown {
  list-style: none;
}