.header-logo,
.header-cart {
    width: 20%;
}

.header-cart {
    flex-grow: unset;
}

.search-header-bar {
    height: 100px;
}

.search-header-bar>* {
    height: 100%;
}

.search-input>div {
    width: 100%;
}

.search-input-icon {
    position: absolute;
    font-size: 22px;
    top: 8px;
    left: 4px;
}


.rtl .search-input-icon {
    left: unset;
    right: 4px;
    top: 9px;
}

.search-input-input {
    padding-left: 30px;
    min-height: 40px;
    max-height: 40px;
}

.rtl .search-input-input {
    padding-left: inherit;
    padding-right: 30px;
}


.icon-shopping_cart_black_36dp-1-1,
.sm-search-icon>span {
    font-size: 32px;
}

.icon-shopping_cart_black_36dp-1-1 .path1:before {
    color: unset;
}

.icon-shopping_cart_black_36dp-1-1 .path2:before {
    color: unset;
}

.icon-language_black_24dp .path1:before {
    color: unset;
}

.cart-badge {
    position: absolute;
    right: 20px;
    top: -8px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background-color: #AB0000;
}

.rtl .cart-badge {
    right: unset;
    left: 20px;
}

.top-main-menu-wrapper {
    margin-right: -22px;
    margin-left: -22px;
}

.ic.menu {
    text-align: left;
    position: relative;
    right: 4px;
}

.rtl .ic.menu {
    text-align: right;
    right: unset;
    left: 4px;
}

.ic.menu,
.sm-search-icon {
    margin-right: 20px;
}

.icon-menu-top {
    margin-right: 10px !important;
}

.rtl .ic.menu,
.sm-search-icon {
    margin-right: unset;
    margin-left: 20px;
}

.rtl .icon-menu-top {
    margin-right: unset !important;
    margin-left: 10px !important;
}

.icon-menu-top>span {
    font-size: 32px;
}

.icon-menu_open_black_24dp-1:before {
    color: unset;
}


.sm-search-div {
    display: none;
    visibility: hidden;
    position: absolute;
    left: 0;
    padding: 0px 15px 20px 15px;
    width: 100%;
    background-color: var(--header-primary-color, var(--primary-color));
    transform: translateY(-100%);
    transition: all .3s ease;
    z-index: 1;
}

.sm-search-div.show {
    visibility: visible;
    transform: translateY(0%);
    -webkit-transform: translate3d(0, 0, 0);
}

.footer .apps-social-icons:nth-child(2) {
    padding-left: 0px;
}

.rtl .footer .apps-social-icons:nth-child(2) {
    padding-right: 0px;
    padding-left: 15px;
}

.footer .google-app-stores {
    margin-left: -4px;
    margin-right: -4px;
}

.footer .icons-wrapper {
    padding: 0px;
}

.footer-about-us-links-div {}


.footer-about-us-div {
    padding-right: 20%;
}

.rtl .footer-about-us-div {
    padding-right: unset;
    padding-left: 20%;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.main-slider .slick-dots {
    bottom: 12px;
}

.main-slider .slick-dots li button:before {
    font-size: 14px;
}

.features-section-img {
    max-height: 90px;
    max-width: 90px;
}

.slick-next.slick-arrow>span,
.slick-prev.slick-arrow>span {
    color: var(--primary-color);
    font-size: 3.3rem;
}

.category-item a,
.category-item img,
.card-item a,
.card-item img {
    display: block;
    text-align: center;
    width: 100%;
}

.category-item img,
.card-item img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.category-item h3,
.card-item h3 {
    margin-top: 15px;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
    color: var(--primary-color);
    white-space: break-spaces;
}

.category-page-slider .category-item h3 {
    font-size: 1.2rem;
}

.categories-slider .category-item,
.cards-slider .card-item {
    width: 100%;
    max-width: 200px;
}

.slider-container {
    padding-left: 15px;
    padding-right: 15px;
}

.main-slider .slider-item {}

.section-title {
    padding-left: 0px;
    padding-right: 0px;
}

.products-slider .prod-col,
.categories-slider .cat-col,
.cards-slider .card-col {
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    width: auto;
}

.category-page-slider .categories-slider.s-slider {
    margin-right: -15px;
    margin-left: -15px;
}

.category-page-slider .home-categories-section .section-title {
    margin-right: -15px;
    margin-left: -15px;
}

.category-page-slider .products-slider .prod-col,
.categories-slider .cat-col,
.cards-slider .card-col {
    padding-left: 15px;
    padding-right: 15px;
}

.categories-slider-wrapper,
.products-slider-wrapper,
.cards-slider-wrapper,
.testimonials-slider-wrapper,
.partners-slider-wrapper {
    margin-right: -15px;
    margin-left: -15px;
}

.products-list .prod-col,
.bundle-offer-products .prod-col {
    width: 20%;
    padding: 15px;
}

.products-list .prod-col-attr {
    width: 25%;
}

/* Propagate Bootstrap row's stretch height so all action buttons align */
.products-list .prod-col,
.bundle-offer-products .prod-col {
    display: flex;
    flex-direction: column;
}

.products-list .prod-col .product-item,
.bundle-offer-products .prod-col .product-item {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.products-list .prod-col .product-item>a,
.bundle-offer-products .prod-col .product-item>a {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.products-list .product-card-footer,
.bundle-offer-products .product-card-footer {
    margin-top: auto;
}

.sort-block-width {
    margin-left: 30px;
}

.rtl .sort-block-width {
    margin-left: 0px;
    margin-right: 30px;
}

.select-dropdown .dropdown-item {
    padding-bottom: 7.5px;
    padding-top: 7.5px;
}

#products-list-filter-form-close {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
}

.rtl #products-list-filter-form-close {
    right: unset;
    left: 0;
}

.products-pagination {
    margin-bottom: 24px;
    padding: 0 15px;
}

.products-pagination ul {
    padding: 0px;
}

.products-pagination .page-link {
    color: var(--primary-color);
    font-size: 1.2rem;
}

.products-pagination .page-link.active {
    color: #ffffff;
    background-color: var(--primary-color);
}

.rtl .products-pagination .page-item:first-child .page-link {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.rtl .products-pagination .page-item:last-child .page-link {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.products-container .products-list {
    margin-bottom: 24px;
}

.cart-header-total {
    margin-right: 10px;
    font-size: 1.6rem;
    color: var(--header-text-color-primary-bg, var(--text-color-primary-bg));
}

.rtl .cart-header-total {
    margin-right: unset;
    margin-left: 10px;
}

.form-control {
    border-radius: 3px;
}


.box-1-1 {
    position: relative;
    width: 100%;
}

.box-1-1:before {
    content: "";
    display: block;
    padding-top: 100%;
    /* initial ratio of 1:1*/
}

.box-1-1 .content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Other ratios - just apply the desired class to the "box" element */
.box-1-1.ratio2_1:before {
    padding-top: 50%;
}

.box-1-1.ratio1_2:before {
    padding-top: 200%;
}

.box-1-1.ratio4_3:before {
    padding-top: 75%;
}

.box-1-1.ratio16_9:before {
    padding-top: 56.25%;
}

.box-1-1.ratio21_9:before {
    padding-top: 42.85%;
}

.product-item-out-of-stock {
    filter: grayscale(1);
}


.sm-search-div .autocomplete-items,
.lg-search-div .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.sm-search-div .autocomplete-items div,
.lg-search-div .autocomplete-items div {
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.sm-search-div .autocomplete-items div:hover,
.lg-search-div .autocomplete-items div:hover {
    background-color: #e9e9e9;
}

.sm-search-div .autocomplete-items div a,
.lg-search-div .autocomplete-items div a {
    padding: 10px;
    cursor: pointer;
    color: inherit;
    display: block;
}

.product-crd-spec {
    min-height: 81px;
}

.gallery-section+.gallery-section {
    padding-top: 0px;
}

.ic-menu-back {
    font-size: 22px;
    margin-right: 16px;
    font-weight: bold;
}

.rtl .ic-menu-back {
    margin-right: unset;
    margin-left: 16px;
}

@media (max-width: 768px) {
    .header-cart {
        flex-grow: 1;
        width: 30%;
    }

    .header-logo {
        width: 70%;
    }

    .search-header-bar {
        height: 64px;
    }


    .footer .apps-social-icons:nth-child(2) {
        padding-left: 15px;
    }

    .rtl .footer .apps-social-icons:nth-child(2) {
        padding-right: 15px;
        padding-left: 15px;
    }

    .footer .icons-wrapper {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .footer-about-us-div {
        padding-right: 0;
    }

    .rtl .footer-about-us-div {
        padding-right: unset;
        padding-left: 0;
    }

    .category-page-slider .categories-slider {
        height: 225px;
    }

    .categories-slider .category-item,
    .cards-slider .card-item {
        width: 190px;
    }

    .category-page-slider .categories-slider .category-item {
        width: 165px;
    }

    .category-page-slider .categories-slider.s-slider {
        margin-right: -7.5px;
        margin-left: -7.5px;
    }

    .category-page-slider .products-slider .prod-col,
    .categories-slider .cat-col,
    .cards-slider .card-col {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .products-slider .prod-col,
    .categories-slider .cat-col,
    .cards-slider .card-col,
    .testimonials-slider .testimonials-customer-card,
    .partners-slider .partners-item {
        display: inline-block;
        vertical-align: top;
    }

    .partners-slider .partners-item {
        vertical-align: middle;
    }

    .categories-slider,
    .products-slider,
    .cards-slider,
    .testimonials-slider,
    .partners-slider {
        overflow-y: hidden;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .product-crd-spec small {
        white-space: break-spaces;
    }

    .testimonials-slider::-webkit-scrollbar {
        width: 0 !important
    }


    .categories-slider-wrapper,
    .products-slider-wrapper,
    .cards-slider-wrapper,
    .testimonials-slider-wrapper,
    .partners-slider-wrapper {
        overflow-x: hidden;
        margin-right: 0px;
        margin-left: 0px;
    }

    .slider-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .main-slider,
    .main-slider .slider-item {}

    .main-slider .slick-dots li button:before {
        font-size: 10px;
    }


    .main-slider .slick-dots {
        bottom: 4px;
    }

    .section-title {
        padding-right: 15px;
        padding-left: 15px;
    }

    .products-list .prod-col,
    .bundle-offer-products .prod-col {
        margin: 0 auto;
        width: auto;
    }

    .products-list .prod-col,
    .products-list .prod-col-attr {
        width: 50%;
    }

    .product-item {
        width: 135px;
    }

    .products-list .prod-col .product-item {
        width: 100%;
    }

    .sm-search-div {
        display: block;
    }

    .icon-shopping_cart_black_36dp-1-1,
    .sm-search-icon>span {
        font-size: 28px;
    }

    .icon-menu-top {
        width: 32px;
    }

}


.btn:focus,
.btn:active,
.page-link:focus,
.page-link:active {
    outline: none !important;
    box-shadow: none;
}

.gift-popover-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 115px;
    height: 140px;
    max-width: 100%;
}

.popover {
    top: 40px;
}

.popover .arrow {
    top: -0.5rem;
    left: 5px;
}

.popover .arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.popover .arrow ::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.btn-product-card-out-of-stock {
    width: max-content;
}

.preorder-badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 14px;
    border-radius: 20px;
    font-weight: 300;
    line-height: 1.4;
    background-color: var(--primary-color);
    color: var(--text-color-primary-bg, #ffffff);
    white-space: nowrap;
    margin-bottom: 8px;
}

.preorder-badge.preorder-badge--product-card {
    border-radius: 10px;
    margin-bottom: 0;
}

.add-to-wishlist {
    position: absolute;
    right: 0;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    width: 40px;
    height: 35px;
    cursor: pointer;
    border-radius: 5px;
    background-color: white;
}

.rtl .add-to-wishlist {
    right: unset;
    left: 0;
}

.icon-heart-mask {
    display: inline-block;
    width: 25px;
    height: 20px;
    mask-size: 100%;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-image: var(--heart-outlined-icon);
    background-color: var(--secondary, #A1A0A9);
    cursor: pointer;
    border: 1px solid transparent;
}

.icon-heart-mask.filled {
    mask-image: var(--heart-filled-icon);
    background-color: var(--primary_color, #D86F6F);
}

:root {
    font-size: 16px;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    font-family: "Open Sans", serif;
}

/* .container {
    max-width: 95% !important;
} */

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize;
    margin: 0;
}

ul,
ol,
p {
    margin: 0;
}

button {
    outline: none;
    box-shadow: none;
}

.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}


input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

a {
    color: #222222;
    cursor: pointer;
    display: inline-block;
    font-size: calc(11px + 0.0625vw);
    font-weight: 400;
    letter-spacing: 0.03em;
}

::-moz-selection {
    background: var(--primary-color);
    color: #fff;
}

::selection {
    background: var(--primary-color);
    color: #fff;
}

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--primary-color, 254,
                93,
                53), 0.5607843137) rgba(var(--primary-color, 254,
                93,
                53), 0.0470588235);
}

::-webkit-scrollbar-button {
    display: none;
}

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

::-webkit-scrollbar-track {
    background: rgba(var(--primary-color, 254,
                93,
                53), 0.0470588235);
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    background: rgba(var(--primary-color, 254,
                93,
                53), 0.5607843137);
    border-radius: 6px;
}

.section-p-top {
    padding-top: calc(30px + 3.125vw);
}

.section-p-bottom {
    padding-bottom: 20px;
}

.header-logo,
.header-cart {
    width: 20%;
}

#modal-select-destination-city .dropbtn {
    font-size: 0.9rem;
}

.wishlist-icon svg,
.a-shopping-cart svg {
    width: 1.5rem;
    height: 1.5rem;
}

.header-cart {
    flex-grow: unset;
}

.search-header-bar {
    height: 80px;
}

.search-header-bar>* {
    height: 100%;
}

.search-input>div {
    width: 100%;
}

.search-input-icon {
    position: absolute;
    font-size: 22px;
    top: 8px;
    left: 4px;
}


.rtl .search-input-icon {
    /* left: unset;
    right: 4px; */
    top: 9px;
}

.search-input-input {
    padding-left: 30px;
    min-height: 40px;
    max-height: 40px;
}

.sm-search-div .search-input-input {
    padding-left: 30px;
    min-height: 35px;
    max-height: 35px;
    border-radius: 3rem !important;
    border: 0;
}

.rtl .search-input-input {
    /* padding-left: inherit;
    padding-right: 30px; */
}


.icon-shopping_cart_black_36dp-1-1,
.sm-search-icon>span {
    font-size: 32px;
}

.icon-shopping_cart_black_36dp-1-1 .path1:before {
    color: unset;
}

.icon-shopping_cart_black_36dp-1-1 .path2:before {
    color: unset;
}

.icon-language_black_24dp .path1:before {
    color: unset;
}

.cart-badge,
.wishlist-total {
    position: absolute;
    /* right: 20px; */
    right: 13px;
    top: -8px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background-color: #AB0000;
}

/* .wishlist-total {
    right: 15px;
} */

.rtl .cart-badge,
.rtl .wishlist-total {
    right: unset;
    /* left: 20px; */
    left: 13px;
}

/* .rtl .wishlist-total {
    left: 15px;
} */

.top-main-menu-wrapper {
    margin-right: -22px;
    margin-left: -22px;
}

.ic.menu {
    text-align: left;
    position: relative;
    right: 4px;
}

.rtl .ic.menu {
    text-align: right;
    right: unset;
    left: 4px;
}

.ic.menu,
.sm-search-icon {
    margin-right: 20px;
}

.rtl .ic.menu,
.rtl .sm-search-icon {
    margin-left: 20px;
    margin-right: 0;
}

.icon-menu-top {
    margin-right: 5px !important;
}

.icon-menu-top svg {
    width: 2rem;
}

/* .rtl .ic.menu,
.sm-search-icon {
    margin-right: unset;
    margin-left: 20px;
} */

.rtl .icon-menu-top {
    margin-right: unset !important;
    margin-left: 5px !important;
}

.icon-menu-top>span {
    font-size: 32px;
}

.icon-menu_open_black_24dp-1:before {
    color: unset;
}


.sm-search-div {
    display: none;
    visibility: hidden;
    position: absolute;
    left: 0;
    padding: 0px 15px 20px 15px;
    width: 100%;
    background-color: var(--header-primary-color, var(--primary-color));
    transform: translateY(-100%);
    transition: all .3s ease;
    z-index: 1;
}

.sm-search-div.show {
    visibility: visible;
    transform: translateY(0%);
    -webkit-transform: translate3d(0, 0, 0);
}

.footer .apps-social-icons:nth-child(2) {
    padding-left: 0px;
}

.rtl .footer .apps-social-icons:nth-child(2) {
    padding-right: 0px;
    padding-left: 15px;
}

.footer .google-app-stores {
    margin-left: -4px;
    margin-right: -4px;
}

.footer .icons-wrapper {
    padding: 0px;
}

.footer-about-us-links-div {}


.footer-about-us-div {
    padding-right: 20%;
}

.rtl .footer-about-us-div {
    padding-right: unset;
    padding-left: 20%;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.main-slider .slick-dots {
    bottom: 12px;
}

.main-slider .slick-dots li button:before {
    font-size: 14px;
}

.features-section-img {
    max-height: 90px;
    max-width: 90px;
}

.slick-next.slick-arrow>span,
.slick-prev.slick-arrow>span {
    color: var(--primary-color);
    font-size: 3.3rem;
}

.category-item a,
.category-item img {
    display: block;
    text-align: center;
    width: 100%;
}

.category-item img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.category-item h3 {
    margin-top: 15px;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
    color: var(--primary-color);
    white-space: break-spaces;
}

.category-page-slider .category-item h3 {
    font-size: 1rem;
}

.categories-slider .category-item {
    width: 100%;
    max-width: 200px;
}

.slider-container {
    padding-left: 15px;
    padding-right: 15px;
}

.section-title {
    padding-left: 0px;
    padding-right: 0px;
}

.products-slider .prod-col,
.categories-slider .cat-col {
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    width: auto;
}

.category-page-slider .categories-slider.s-slider {
    margin-right: -15px;
    margin-left: -15px;
}

.category-page-slider .home-categories-section .section-title {
    margin-right: -15px;
    margin-left: -15px;
}

.category-page-slider .products-slider .prod-col,
.categories-slider .cat-col {
    padding-left: 15px;
    padding-right: 15px;
}

.categories-slider-wrapper,
.products-slider-wrapper,
.testimonials-slider-wrapper,
.partners-slider-wrapper {
    margin-right: -15px;
    margin-left: -15px;
}


.products-list .prod-col,
.bundle-offer-products .prod-col {
    width: 20%;
    padding: 15px;
}

.products-list .prod-col {
    padding: 5px;
}

.products-list .prod-col-attr {
    width: 25%;
}

.sort-block-width {
    /* margin-left: 30px; */
    margin: 0;
}

.rtl .sort-block-width {
    /* margin-left: 0px;
    margin-right: 30px; */
    margin: 0;
}

.select-dropdown .dropdown-item {
    padding-bottom: 7.5px;
    padding-top: 7.5px;
}

#products-list-filter-form-close {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
}

.rtl #products-list-filter-form-close {
    right: unset;
    left: 0;
}

.products-pagination {
    margin-bottom: 24px;
    padding: 0 15px;
}

.products-pagination ul {
    padding: 0px;
    gap: 0.5rem;
}

.products-pagination .page-link {
    color: var(--primary-color);
    font-size: 1rem;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
    padding: 0;
    outline: none;
    box-shadow: none;
}

.products-pagination .page-link.active {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    font-size: 1rem;
    width: 35px;
    height: 35px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    box-shadow: none;
    color: var(--primary-color)
}

.page-item.disabled .page-link {
    color: #6c757d !important;
}

.page-item:first-child .page-link svg,
.page-item:last-child .page-link svg {
    width: 1rem;
    height: 1rem;
    color: inherit;
    transform: rotateY(180deg);
}

.rtl .page-item:first-child .page-link svg,
.rtl .page-item:last-child .page-link svg {
    transform: rotateY(0deg);
}

.page-item.disabled .page-link svg {
    color: inherit;
}

.rtl .products-pagination .page-item:first-child .page-link {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.rtl .products-pagination .page-item:last-child .page-link {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.products-container .products-list {
    margin-bottom: 24px;
}

.cart-header-total {
    margin-right: 10px;
    font-size: 1.6rem;
    color: var(--header-text-color-primary-bg, var(--text-color-primary-bg));
}

.rtl .cart-header-total {
    margin-right: unset;
    margin-left: 10px;
}

.form-control {
    border-radius: 3px;
}


.box-1-1 {
    position: relative;
    width: 100%;
}

.box-1-1:before {
    content: "";
    display: block;
    padding-top: 100%;
    /* initial ratio of 1:1*/
}

.box-1-1 .content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Other ratios - just apply the desired class to the "box" element */
.box-1-1.ratio2_1:before {
    padding-top: 50%;
}

.box-1-1.ratio1_2:before {
    padding-top: 200%;
}

.box-1-1.ratio4_3:before {
    padding-top: 75%;
}

.box-1-1.ratio16_9:before {
    padding-top: 56.25%;
}

.box-1-1.ratio21_9:before {
    padding-top: 42.85%;
}

.product-item-out-of-stock {
    filter: grayscale(1);
}


.sm-search-div .autocomplete-items,
.lg-search-div .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.sm-search-div .autocomplete-items div,
.lg-search-div .autocomplete-items div {
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.sm-search-div .autocomplete-items div:hover,
.lg-search-div .autocomplete-items div:hover {
    background-color: #e9e9e9;
}

.sm-search-div .autocomplete-items div a,
.lg-search-div .autocomplete-items div a {
    padding: 10px;
    cursor: pointer;
    color: inherit;
    display: block;
}

.product-crd-spec {
    min-height: 81px;
}

.gallery-section+.gallery-section {
    padding-top: 0px;
}

.ic-menu-back {
    font-size: 22px;
    margin-right: 16px;
    font-weight: bold;
}

.rtl .ic-menu-back {
    margin-right: unset;
    margin-left: 16px;
}

.ic-menu-back .icon-arrow-right:before {
    font-size: 1.1rem;
    display: block;
}


button {
    outline: none !important;
    box-shadow: none;
}

.gift-popover-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 115px;
    height: 140px;
    max-width: 100%;
}

.popover {
    top: 40px;
}

.popover .arrow {
    top: -0.5rem;
    left: 5px;
}

.popover .arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.popover .arrow ::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.btn-product-card-out-of-stock {
    width: max-content;
}

.add-to-wishlist {
    position: absolute;
    right: 0;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    width: 40px;
    height: 35px;
    cursor: pointer;
    border-radius: 5px;
    background-color: white;
}

.rtl .add-to-wishlist {
    right: unset;
    left: 0;
}

.icon-heart-mask {
    display: inline-block;
    width: 25px;
    height: 20px;
    mask-size: 100%;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-image: url('./heart-outlined.svg');
    background-color: var(--secondary, #A1A0A9);
}

.icon-heart-mask.filled {
    mask-image: url('./heart-filled.svg');
    background-color: var(--primary_color, #D86F6F);
}


/* Start Header */
.announcement-bar .container {
    min-height: 30px;
}

.announcement-bar .ab-close {
    width: fit-content;
    height: fit-content;
    height: 100%;
    top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
}

.announcement-bar .ab-close svg {
    width: 18px;
    height: 18px;
}

.announcement-bar .announcement-bar-text-container {
    /* overflow-x: auto; */
    overflow-x: hidden;
    margin-right: 1rem;
}

.announcement-bar .announcement-bar-text {
    gap: 4rem;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-width: fit-content;
}

.announcement-bar .announcement-bar-text:hover {
    animation-play-state: paused;
}

.announcement-bar .announcement-bar-text .announcement-text {
    font-size: 0.81rem;
    font-weight: 100;
}


.ab-close {
    position: absolute;
    height: 100% !important;
    left: 0;
    top: 50% !important;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-fixed-new {
    border-bottom: none;
}

.header-fixed-new .header-logo {
    height: 5rem;
}

.header-fixed-new .header-cart,
.header-fixed-new .header-logo {
    width: fit-content;
}

.header-fixed-new .account-area .account-btn {
    border: none;
    padding: 0;
    min-width: fit-content;
    background: transparent;
    color: var(--header-text-color-primary-bg);
}

.header-fixed-new .language-currency {
    border: none;
}

.header-fixed-new .language-currency .currency-button-area {
    min-height: fit-content;
}

.header-fixed-new .language-currency .currency-button-area .c-btn {
    font-size: 0.875rem;
    height: fit-content;
}

.header-fixed-new .search-input-input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--header-text-color-primary-bg);
    border-radius: 0;
}

.header-fixed-new .search-fav-cart {
    gap: 1rem;
}

.header-fixed-new .cart-header-total {
    font-size: 0.9rem;
}

.header-fixed-new .cart-header-total svg {
    width: 0.9rem;
    height: 0.9rem;
}

.header-fixed-new .cart-badge,
.wishlist-total {
    background: var(--text-color-primary-bg);
    color: var(--header-text-color-primary-bg);
}

.header-mega-menu {
    background: var(--menu-header-primary-color, #ffffff);
    box-shadow: 0 3px 4px rgba(0, 0, 0, .12);
    z-index: 2;
}

ul.main-nav>li>div.sub-menu-block {
    width: fit-content;
    min-width: 15rem;
    border: 0;
    border-top: 1px solid var(--primary-color);
    left: 0;
    background: var(--menu-header-primary-color) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    border-radius: 0 0 0.4375rem 0.4375rem;
    padding: 1rem 0;
}

ul.main-nav>li>div.sub-menu-block>* {
    padding: 0.5rem 1.5rem;
}

ul.main-nav>li ul.sub-menu-lists {
    position: absolute;
    background: var(--menu-header-primary-color);
    left: 100%;
    top: 0.2rem;
    min-width: 15rem;
    width: fit-content;
    border: 0;
    border-left: 1px solid var(--primary-color);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    padding: 0.75rem 0;
    visibility: hidden;
    opacity: 0;
    transform: rotateY(90deg);
    transition: all 0.4s ease 0s;
}

ul.main-nav .sub-menu-list-parent:hover ul.sub-menu-lists {
    visibility: visible;
    opacity: 1;
    transform: rotateY(0deg);
}

ul.main-nav .sub-menu-head {
    font-size: 0.875rem;
}

ul.main-nav .sub-menu-head .sub-menu-link {
    gap: 0.2rem;
}

ul.main-nav .sub-menu-head .sub-menu-link .sub-menu-icon {
    display: flex;
}

ul.main-nav .sub-menu-head .sub-menu-link .sub-menu-icon svg {
    width: 0.875rem;
    height: 0.875rem;
}

ul.main-nav .sub-menu-head a {
    font-size: 0.875rem !important
}

ul.main-nav>li ul.sub-menu-lists>li>a {
    font-size: 0.75rem
}

/* End Header */

/* start home banner */
.banner {
    min-height: 26.25rem;
    height: 26.25rem;
}

.home_banner {
    position: relative;
    z-index: 1;
    background: transparent;
    min-height: 100%;
    height: 100%;
    width: 100%;
    margin: 0;
}

.home_banner .banner-info {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.home_banner .banner-text {
    margin-left: auto;
    width: 100%;
}

.home_banner .banner-text h1 {
    font-size: 3.3rem;
    font-weight: 200;
    line-height: 4rem;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home_banner .banner-text h4 {
    color: inherit;
    font-size: 0.938rem;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
    opacity: 0.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home_banner .banner-text .price span {
    font-size: 0.8rem;
    margin-bottom: -0.5rem;
}

.home_banner .banner-text .price .price-number {
    gap: 1px;
    opacity: 0.8;
    margin-bottom: 1rem;
}

.home_banner .banner-text .price .price-number,
.home_banner .banner-text .price .price-number p {
    font-size: 3rem;
    font-weight: bold;
    color: inherit;
}

.home_banner .banner-text .price .price-number span {
    font-size: 1.513rem;
    position: relative;
    top: 8px;
}

.home_banner .btn-general {
    margin-bottom: 2rem;
}

.btn-general {
    transition: all 0.3s ease-in-out;
    max-width: fit-content;
    background: var(--primary-color, #fed700);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 4rem;
    font-size: 1rem;
    border-radius: 7px;
}

.btn-general:hover,
.btn-general:focus {
    box-shadow: 0 4px 11px rgba(var(--primary-color, 254, 215, 0), 0.35);
}


/* Custom Pagination */
.custom-pagination {
    text-align: center;
    margin-top: 10px;
    position: absolute;
    bottom: 1.5rem !important;
    left: -20%;
    z-index: 9999;
}

.custom-pagination span {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.4rem !important;
    background-color: rgb(128, 122, 122);
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
}

.custom-pagination .swiper-pagination-bullet-active {
    background-color: var(--primary-color, #fed700);
    width: 1.87512rem;
    border-radius: 6.1875rem;
    font-weight: bold;
}

.banner .custom-pagination {
    left: -20%;
}

.banner:has(.home_banner_2) {
    height: auto;
    min-height: 30rem;
}

.banner .tabs {
    min-width: 10rem;
    max-width: 13.5rem;
    background: #f8f9fa;
    margin-top: 3rem;
}

.banner .tabs .nav {
    border: 0;
    border-radius: 0.25rem;
    background: #ffffff;
}

.banner .tabs .nav .nav-link {
    border: 0;
    text-transform: capitalize;
}

.banner .tabs .nav .nav-link h6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 20px;
    font-weight: 200;
}

.banner .tabs .nav .nav-link.active h6 {
    font-weight: 500;
}

.banner .tabs .nav .nav-link.active {
    border-radius: 0;
    position: relative;
    background: var(--primary-color, #fed700);
}

.banner .tabs .nav .nav-link::before {
    content: none;
    display: block;
    border-top: 18px solid transparent;
    border-right: 18px solid var(--primary-color, #fed700);
    border-bottom: 18px solid transparent;
    /* border-top: calc(var(--nav-link-height) / 2) solid transparent;
    border-right: calc(var(--nav-link-height) / 2) solid var(--primary-color, #fed700);
    border-bottom: calc(var(--nav-link-height) / 2) solid transparent; */
    position: absolute;
    /* top: 0; */
    right: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.banner .tabs .nav .nav-link.active::before {
    content: '';
}

.banner .home_banner_2 .banner-info {
    padding-bottom: 1rem;
}

.banner .home_banner_2 .col-img {
    height: 350px;
}

.banner .home_banner_2 .col-img img {
    object-fit: contain;
    height: 100%;
}

/* end home banner */

/* start products slider section */
.home-products-section {
    padding-top: 2rem;
}

.home-products-section .product-swiper {
    padding-bottom: 4rem;
}

.product-box {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
    position: relative;
    transition: 0.3s ease-in-out;
    overflow: hidden;
    min-height: 445px;
    max-height: 445px;
    margin: 0 0.2rem;
}

.product-box:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.product-box a {
    text-decoration: none;
}

.product-box .body {
    gap: 0.3rem;
    justify-content: space-between;
    cursor: pointer;
    padding: 1rem;
}

.product-box .body h6 {
    font-size: 0.74987rem;
    color: #616161;
    width: 55%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-box .body h2 {
    font-weight: 700;
    line-height: 1.125rem;
    font-size: 0.875rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-box .body .img {
    height: 160px;
    overflow: hidden;
}

.product-box .body .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.3s ease-in-out;
}

.product-box:hover .body .img img {
    transform: scale(1.05);
}

.product-box .body .body-bottom .product-price {
    color: #616161;
    font-size: 0.875rem;
}

.product-box .body .body-bottom .discount {
    font-size: 0.7rem;
    gap: 0.3rem;
}

.product-box .body .body-bottom .discount-percentage {
    color: var(--primary-color);
}

.product-box .badge-name {
    right: 5px !important;
    left: unset !important;
    top: 5px !important;
    font-size: 11px;
}

.product-box .product-footer .add-btn {
    width: 35px;
    height: 35px;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s;
}

.product-box .product-footer .add-btn:hover {
    box-shadow: 0 4px 11px rgba(var(--primary-color, 254, 215, 0), 0.35);
    transform: scale(1.05);
}

.product-box .product-footer .add-btn a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.product-box .product-footer .add-btn svg,
.product-box .product-footer .add-btn img.bell-img {
    width: 18px;
    height: 18px;
}



.product-box .product-footer {
    padding: 0 1rem 0.5rem;
    background: #fff;
    border-radius: 0 0 7px 7px;
}

.product-box .product-footer .footer {
    padding-top: 0.5rem;
    border-top: 1px solid rgb(224, 221, 221);
}

.product-box .product-footer .footer .compare,
.product-box .product-footer .footer .wishlist {
    gap: 0.3rem;
    color: #616161;
    font-size: 0.74987rem;
    cursor: pointer;
}

.product-box .product-footer .footer .compare svg,
.product-box .product-footer .footer .wishlist svg {
    width: 20px;
    cursor: pointer;
}

.product-box .product-footer .footer .compare span,
.product-box .product-footer .footer .wishlist span {
    cursor: pointer;
}

.product-box .product-footer .footer .add-to-wishlist {
    position: relative;
    margin: 0;
    width: fit-content;
    height: fit-content;
    background: transparent;
}

.product-box .product-footer .footer .add-to-wishlist .icon-heart-mask {
    width: 20px;
}

/* End products slider section */

/* Start account wishlist  */
.section-colored {
    background-color: var(--primary-color);
    width: 28%;
}

.profile-section {
    width: 28%;
}

.profile-title {
    font-size: 1.1rem;
}

.profile-item {
    padding-right: 0;
}

.rtl .profile-item {
    padding-left: 0;
}

.profile-item-title {
    font-size: 1rem;
    font-weight: 600;
}

.profile-item-description p {
    font-size: 0.9rem;
}

.profile-item-image {
    font-size: 35px;
    font-size: 1.7rem;
    width: 44px;
}

.profile-row.active {
    margin-left: unset;
    background-color: rgba(255, 255, 255, .3);
}

.rtl .profile-row.active {
    margin-right: unset;
}

.profile-row {
    border-radius: 0;
    padding: 0 20px;
}

.share-wishlist {
    padding: 0.4rem 1.5rem;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    border-radius: 3rem;
}

.share-wishlist .share-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-wishlist .share-icon svg {
    width: 1.2rem;
}

.empty-wishlist {
    gap: 1.5rem;
    padding: 4rem 1rem;
}

.empty-wishlist .icon svg {
    width: 3rem;
    height: 3rem;
}

.empty-wishlist .empty-wishlist-text {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.empty-wishlist .empty-wishlist-text h3 {
    font-size: 1.25rem;
}

.empty-wishlist .empty-wishlist-text p {
    font-size: 0.875rem;
}

.empty-wishlist .create-wishlist {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    padding: 0.7rem 1.7rem;
    border-radius: 3rem;
    font-size: 0.9rem;
    color: #fff;
}

.wishlist-list .wishlist-product {
    padding-left: 5px;
    padding-right: 5px;
}

/* End account wishlist  */

/* Start account addresses  */

.aaddress-personal-btn {
    font-size: 1rem;
}

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

/* End account addresses  */
/* Start cart  */

.breadcrumb-section .breadcrumb .breadcrumb-item-active {
    font-weight: 500;
}

.cart-empty .icon-shopping-svg svg {
    width: 3rem;
    height: 3rem;
    color: var(--primary-color);
}

.cart-empty h2 {
    font-size: 1.2rem;
}

.cart-empty h2 {
    font-size: 1.25rem;
}

.cart-empty .go-shopping {
    color: #fff;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    padding: 0.7rem 1.7rem;
    border-radius: 3rem;
    font-size: 0.9rem;
}

/* End cart  */

/* Custom Navigation Arrows */
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper .swiper-button-next.custom-next {
    right: 10px;
    left: unset;
}

.swiper .swiper-button-prev.custom-prev {
    left: 10px;
    right: unset;
}

.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
    content: '➜';
    font-size: 20px;
    font-weight: 100;
    line-height: 0;
}


.swiper .swiper-button-next:after {
    transform: rotate(0);
}

.swiper .swiper-button-prev:after {
    transform: rotate(180deg);
}

.swiper .custom-prev,
.swiper .custom-next {
    transform: translateY(-50%) translateX(0);
}

/* 
.swiper .custom-next {
    transform: translateY(-50%) translateX(0);
} */


/* Start Highlight Banner */
.highlight-banner img {
    object-fit: contain;
}

.highlight-banner .single-banner:last-of-type {
    margin-bottom: 0 !important;
}

/* End Highlight Banner */


/* Start Categories Section */
/* .home-categories-section .swiper-parent {
    padding: 0 2rem;
} */

.home-categories-section .swiper {
    padding-bottom: 4rem !important;
}

.home-categories-section .category-item {
    width: fit-content;
}

.home-categories-section .category-item .category-img {
    background: #efefef;
    width: 8rem;
    height: 5rem;
    border-radius: 8rem 8rem 0 0;
    overflow: hidden;
    transition: 0.3s;
    padding-top: 0.5rem;
}

.home-categories-section .category-item .category-img img {
    width: 3rem;
    object-fit: contain;
}

.home-categories-section .category-item:hover .category-img {
    background: var(--primary-color, #fed700) !important;
}

.home-categories-section .category-item h5 {
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

.home-categories-section .swiper .custom-prev,
.home-categories-section .swiper .custom-next {
    transform: translateY(0) translateX(0);
}

.home-categories-section .swiper .swiper-button-next.custom-next {
    left: 0;
}

.home-categories-section .swiper .swiper-button-prev.custom-prev {
    right: 0;
}

.home-categories-section .swiper .swiper-button-next:after,
.home-categories-section .swiper .swiper-button-prev:after {
    content: '➜';
    font-size: 20px;
    font-weight: 100;
    line-height: 0;
}

.home-categories-section .swiper .swiper-button-next,
.home-categories-section .swiper .swiper-button-prev {
    top: unset;
    bottom: 0.5rem;
    right: unset;
}

.home-categories-section .swiper .swiper-button-prev.custom-prev {
    left: 1rem;
}

.home-categories-section .swiper .swiper-button-next.custom-next {
    left: 4rem;
}

/* End Categories Section */

/* Start Special offers Section */
.special-offers .special-offer-tabs {
    border-bottom: 1px solid #dddddd;
    /* gap: 2rem; */
}

.special-offers .special-offer-tabs .nav-tabs {
    margin-bottom: 0.5rem;
    border: none;
    flex-wrap: nowrap;
    white-space: nowrap;
}



.special-offers .special-offer-tabs h4 {
    font-size: 1.2rem;
    border-bottom: 2px solid var(--primary-color, #fed700);
    padding: 0.55rem 0;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.special-offers .special-offer-tabs .nav-tabs .nav-link {
    color: #7b8186;
    background: transparent;
    border: none;
    padding: 6px 15px;
    border-radius: 30px;
}

.special-offers .special-offer-tabs .nav-tabs .nav-link h6 {
    font-size: 0.875rem;
}

.special-offers .special-offer-tabs .tabs-parent {
    overflow-x: auto;
}

.special-offers .special-offer-tabs .nav-tabs .nav-link.active {
    color: #333e48;
    background: var(--primary-color, #fed700);
}

.special-offers .all-categories {
    gap: 0.5rem;
    color: #606060;
    font-size: 0.875rem;
}

.special-offers .banner-product {
    border: 2px solid var(--primary-color);
    border-radius: 1.25rem;
    padding: 1rem;
    background: #fff;
}

.special-offers .banner-product .banner-header {
    margin: 0.25rem;
    margin-bottom: 1rem;
}

.special-offers .banner-product .banner-header h6 {
    font-size: 1.37462rem;
}

.special-offers .banner-product .badge {
    background: var(--primary-color, #fed700);
    width: 4.688rem;
    height: 4.688rem;
    border-radius: 3rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.876rem;
    font-weight: 500;
}

.special-offers .banner-product .badge span {
    text-wrap: auto;
}

.special-offers .banner-product img {
    max-width: 100%;
    min-height: 18.375rem;
    object-fit: contain;
    height: auto;
    margin-bottom: 1rem;
}

.special-offers .banner-product .banner-text {
    margin-bottom: 1rem;
}

.special-offers .banner-product .banner-text h4 {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.special-offers .banner-product .product-price {
    gap: 0.5rem;
}

.special-offers .banner-product .product-price p:not(.discount) {
    font-size: 1.87512rem;
    color: var(--primary-color);
}

.special-offers .banner-product .product-price p:not(.discount) svg {
    width: 1.3rem;
    height: 1.3rem;
}

.special-offers .banner-product .product-price p.discount {
    font-size: 1.12525rem;
    color: #383838;
}

.special-offers .banner-product .quantity-progress {
    gap: 0.5rem;
    margin: 0.5rem;
    margin-bottom: 1rem;
}

.special-offers .banner-product .quantity-progress .progress-info span {
    font-size: 0.875rem;
}

.special-offers .banner-product .quantity-progress .progress-info span.number {
    font-weight: bold;
}

.special-offers .banner-product .progress {
    border-radius: 30rem;
    height: 0.875rem;
}

.special-offers .banner-product .progress .progress-bar {
    border-radius: 30rem;
    background: var(--primary-color) !important;
}

.special-offers .banner-product .countdown-parent {
    margin: 0.5rem;
    margin-top: 1.5rem;
    gap: 1.5rem;
    flex-direction: column;
    align-items: center !important;
}

.special-offers .banner-product .countdown-parent h6 {
    max-width: 6.25rem;
    font-size: 0.938rem;
    font-weight: 400;
    letter-spacing: 1px;
}

.special-offers .banner-product .countdown-parent ul li:not(.dot) {
    text-align: center;
}

.special-offers .banner-product .countdown-parent ul li:not(.dot) .timer {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6e6e6;
    border-radius: 6px;
    font-size: 1.1rem;
    padding: 1rem;
    margin-bottom: 0.5rem;
}

.special-offers .banner-product .countdown-parent ul li:not(.dot) .title {
    font-size: 0.8rem;
    text-transform: uppercase;
}

.special-offers .banner-product .countdown-parent ul li.dot {
    font-size: 1.49975rem;
    margin: 0.5rem;
}

.special-offers .swiper-wrapper {
    padding-bottom: 2rem;
}

.special-offers .custom-pagination {
    bottom: 0 !important;
}

/* End Special offers Section */


/* Start Banner with title Section */
.banner-with-title .single-banner {
    background: #f5f5f5;
    gap: 1rem;
    padding: 1rem 0.5rem;
    height: 100%;
}

.banner-with-title .single-banner .offer-img img {
    object-fit: contain;
}

.banner-with-title .single-banner .banner-info h4 {
    line-height: 1.438rem;
    text-transform: uppercase;
    font-size: 1.12525rem;
    margin-bottom: 0.5rem;
    font-weight: 400;
}

.banner-with-title .single-banner .banner-info a {
    width: fit-content;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: bold;
}

.banner-with-title .single-banner .banner-info a .icon {
    width: 1.063rem;
    height: 1.063rem;
    border-radius: 1.063rem;
    background: var(--primary-color);
    color: #fff;
}

.banner-with-title .single-banner .banner-info a .icon svg {
    width: 1rem;
    height: 1rem;
}

/* End Banner with title Section */

/* Start Brands Section */

.brands .brands-swiper {
    border: 1px solid #e7eaf3;
    border-left: none;
    border-right: none;
    position: relative;
}

.brands .swiper-wrapper {
    align-items: center;
}

.brands .brand .brand-img {
    filter: grayscale(1);
    opacity: 0.5;
    transition: all 0.3s;
}

.brands .brand:hover .brand-img {
    opacity: 1;
    filter: grayscale(0);
}

.brands .brand .brand-img img {
    max-height: 3.125rem;
    max-width: 5rem;
    object-fit: contain;
}

.brands .swiper .swiper-button-next.custom-next {
    right: 0;
    left: unset;
}

.brands .swiper .swiper-button-prev.custom-prev {
    left: 0;
    right: unset;
}

.brands .swiper .swiper-button-next,
.brands .swiper .swiper-button-prev {
    background: transparent;
    color: inherit;
    width: fit-content;
    height: fit-content;
    top: 50%;
    margin: 0;
    transform: rotateY(180deg);
}

.brands .swiper .swiper-button-next:after,
.brands .swiper .swiper-button-prev:after {
    content: "‹";
}

.brands .swiper .swiper-button-next:after,
.brands .swiper .swiper-button-prev:after {
    font-size: 25px;
    font-weight: bold;
}

/* End Brands Section */

/* Start Products Widgets Section */
.product-widgets .widget-header {
    border-bottom: 1px solid #dddddd;
}

.product-widgets .widget-header h3 {
    font-size: 1.12525rem;
    width: fit-content;
    padding-bottom: 0.5rem;
    position: relative;
}

.product-widgets .widget-header h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5.25rem;
    height: 2px;
    background: var(--primary-color);
    border-radius: 0;
}

.product-widgets ul {
    gap: 2rem;
}

.product-widgets ul li a {
    gap: 1rem;
}

.product-widgets ul li a img {
    width: 4.688rem;
    object-fit: contain;
}

.product-widgets ul li a .product-info {
    justify-content: space-between;
    gap: 0.5rem;
}

.product-widgets ul li a .product-price {
    gap: 0.5rem;
}

.product-widgets ul li a .product-price p:not(.discount) {
    font-size: 0.938rem;
    color: var(--primary-color);
}

.product-widgets ul li a h2 {
    font-size: 0.875rem;
    line-height: 1.125rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* End Products Widgets Section */

/* Start Footer */
.footer-newsletter {
    background: var(--primary-color);
}

.footer-newsletter .info {
    gap: 2rem;
}

.footer-newsletter .info .title {
    gap: 0.4rem;
}

.footer-newsletter .info .title .icon {
    height: 100%;
    display: flex;
    align-items: center;
}

.footer-newsletter .info .title .icon svg {
    width: 2rem;
    height: 2rem;
}

.footer-newsletter .info .title h2 {
    font-size: 1.2rem;
}

.footer-newsletter .info p {
    font-size: 0.938rem;
}

.footer-newsletter .newsletter-form .form-group {
    margin-bottom: 0;
    position: relative;
    display: flex;
    background: #fff;
    border-radius: 30px;
}

.footer-newsletter .newsletter-form .form-group input {
    padding: 0.67rem 1rem;
    border-radius: 5rem 0 0 5rem;
    border: 0;
    outline: none;
    flex: 1 1 auto;
    height: 2.56288rem;
    font-size: 0.875rem;
}

.footer-newsletter .newsletter-form .form-group button[type="submit"] {
    background-color: #333e48;
    border-color: #333e48;
    color: #fff;
    padding: 0.67rem 1.25rem;
    border-radius: 0 5rem 5rem 0;
    min-width: 8rem;
    outline: none;
    border: 0;
}

.footer-companies {
    background: var(--primary-color, #fed700);
}

.footer-companies .footer-store-section-bars {
    border: 0;
}

.footer-store-section {
    background: var(--footer-primary-color, #fff);
}

.footer-store-section .footer-about {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer-store-section .footer-about .footer-logo {
    margin-bottom: 0.5rem;
}

.footer-store-section .footer-about .brand-logo img {
    height: 7rem;
}

.footer-store-section .footer-about .footer-info li a {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.footer-store-section .footer-about .footer-info li svg {
    width: 3.5rem;
    height: 3.5rem;
    color: var(--primary-color);
}

.footer-store-section .footer-about .footer-info li .email {
    margin-bottom: 0;
}

.footer-store-section .footer-about .footer-info li .email svg {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--footer-text-color-primary-bg);
}

.footer-store-section .footer-about .footer-info li .email h6 {
    font-size: 0.9rem;
}

.footer-store-section .footer-about .footer-info li .text {
    gap: 0.5rem;
}

.footer-store-section .footer-about .footer-info li span {
    font-size: 0.8rem;
    font-weight: 100;
}

.footer-store-section .footer-about .footer-info li h6 {
    font-size: 1.2rem;
}

.footer-store-section .footer-about .business-location span {
    margin-bottom: 0.25rem;
    display: block;
    font-size: 1rem;
    font-weight: 700;
}

.footer-store-section .footer-about .social-icons {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.footer-store-section .footer-about .social-icons li>a {
    margin: 0;
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    color: #333e48;
    background: transparent;
    border-radius: 50%;
}

.footer-store-section .footer-about .social-icons li>a:hover {
    box-shadow: rgba(51, 62, 72, 0.224) 0px 2.56454px 7.05249px 0px;
    color: #ffffff;
    background-color: rgba(51, 62, 72, 0.64);
}

.footer-store-section .links h5 {
    font-size: 1rem;
    font-weight: 700;
    min-height: 2.2rem;
}

.footer-store-section .links ul {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.footer-store-section .links ul li a {
    font-size: 0.875rem;
    color: var(--footer-link-color-primary-bg);
}

.footer-copyrights-vat-certificate {
    background: #eaeaea;
}

.footer-copyrights-vat-certificate .footer-store-section-bars {
    padding: 0.5rem 0;
    min-height: fit-content;
}

.footer-copyrights-vat-certificate .footer-copyrights span {
    font-size: 0.875rem;
}

/* End Footer */


/* Start Breadcrumb */
.breadcrumb-item+.breadcrumb-item::before {
    content: "‹";
    font-size: 1.5rem;
    padding: 0;
    margin: 0 1rem;
    transform: rotateY(180deg);
}

.rtl .breadcrumb-item+.breadcrumb-item::before {
    transform: rotateY(0deg);
}

.breadcrumb {
    background: #ffffff;
    padding: 1rem 1rem;
}

.breadcrumb-item a,
.breadcrumb-item.active {
    color: #333e48;
    font-size: 0.875rem;
    line-height: 0;
    height: 100%;
}

/* End Breadcrumb */

.slide-menu ul ul {
    right: unset;
    left: calc(100% + 4rem);
}

.rtl .slide-menu ul ul {
    left: unset;
    right: calc(100% + 4rem);
}

/* Start Product Details Page */

.products-details-page .swiper img:not(.loader, .add-to-cart-progress) {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.products-details-page .gallery-top .swiper-button-next,
.products-details-page .gallery-top .swiper-button-prev {
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}

.products-details-page .gallery-top:hover .swiper-button-next,
.products-details-page .gallery-top:hover .swiper-button-prev {
    visibility: visible;
    opacity: 1;
}

.products-details-page .gallery-top .swiper-slide {
    height: auto !important;
}

.products-details-page .gallery-top .swiper-slide .swiper-slide-container {
    height: 100%;
    position: relative;
}

.products-details-page .gallery-thumbs .swiper-slide-container {
    border: 1px solid #eaeaea;
    padding: 0.625rem;
    height: 5rem;
}

.products-details-page .gallery-thumbs .swiper-slide {
    cursor: pointer;
}

.products-details-page .gallery-thumbs .swiper-slide-thumb-active {
    border-bottom: 2px solid var(--primary-color);
}

.products-details-page .gallery-thumbs .video-icon {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.products-details-page .gallery-thumbs .video-icon svg {
    width: 100%;
    height: 100%;
}

.products-details-page .badge-name {
    margin-right: 0.5rem;
}

.products-details-page .product-category {
    display: inline-block;
    padding: 2px 0;
    margin-bottom: 0.7rem;
    font-size: 0.74987rem;
}

.products-details-page h1 {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.products-details-page .product-features {
    margin-bottom: 0.5rem;
}

.products-details-page .product-card-rating span {
    font-size: 0.938rem;
}

.products-details-page .product-card-rating-count {
    font-size: 0.9rem;
}

.products-details-page .product-features {
    border-bottom: 1px solid #e7eaf3;
    padding-bottom: 1rem;
}

.products-details-page .product-features2 {
    padding: 0.5rem 0;
    gap: 1rem;
}

.products-details-page .available-quantity-section {
    font-size: 0.875rem;
}

.products-details-page .available-quantity-section .available-quantity-num {
    color: var(--success);
    font-weight: 500;
}

.products-details-page .text-short-description>* {
    display: inline-block;
}

.products-details-page .price-section {
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.products-details-page .div-product-sku,
.products-details-page .div-product-weight {
    gap: 0.5rem;
    font-size: 0.875rem;
}

.products-details-page .div-product-weight {
    border-bottom: 1px solid #e7eaf3;
    padding-bottom: 1rem;
}

.products-details-page .size-box {
    border-bottom: 1px solid #e7eaf3;
}

.products-details-page .select-quantity-div {
    gap: 1rem;
    border-bottom: 1px solid #e7eaf3;
}

.products-details-page .add-to-cart-and-wishlist {
    gap: 0.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e7eaf3;
}

.products-details-page .add-to-cart-and-wishlist .add-to-wishlist {
    margin: 0;
    height: fit-content;
}

.products-details-page .btn-add-to-cart,
.products-details-page .btn-buy-now {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: fit-content;
    gap: 0.2rem;
    font-size: 0.875rem;
    transition: 0.2s ease-in-out;
    padding: 0.67rem 2rem;
    border-radius: 2rem;
    box-shadow: 0 4px 11px rgba(51, 62, 72, 0.25);
}

.products-details-page .btn-buy-now {
    box-shadow: none;
}

.products-details-page .btn-buy-now .buy-now-progress,
.products-details-page .btn-add-to-cart .add-to-cart-progress {
    width: 15px;
    height: 15px;
}

.products-details-page .btn-add-to-cart:hover {
    color: #fff;
    background: #333e48;
}

.products-details-page .btn-add-to-cart svg {
    height: 1.2rem;
}

.products-details-page .select-quantity-div h4 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.products-details-page .quantity {
    border: 1px solid #dddddd;
    border-radius: 2rem;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    width: fit-content;
    position: relative;
}

.products-details-page .quantity button,
.products-details-page .quantity input {
    border: none;
    background: transparent;
}

.products-details-page .quantity .minus,
.products-details-page .quantity .plus {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.5s;
    cursor: pointer;
}

.products-details-page .quantity .minus:hover,
.products-details-page .quantity .plus:hover {
    background: #77838f;
    color: #fff;
}

.products-details-page .quantity .minus svg,
.products-details-page .quantity .plus svg {
    height: 0.756rem;
}

.products-details-page .quantity .minus::after,
.products-details-page .quantity .plus::after,
.select-quantity-div>div.form-group>div:after {
    content: none !important;
}

.products-details-page .quantity input {
    outline: none;
    text-align: left;
    padding-right: 2rem;
    padding-left: 0.25rem;
}

.products-details-page .div-product-sku h4,
.products-details-page .div-product-weight h4 {
    font-size: 1rem;
}

.products-details-page .text-short-description {
    margin-bottom: 1rem;
}

.products-details-page .loyalty-points-products-section {
    border-radius: 2rem;
    padding: 0.3rem 1rem;
    font-size: 0.9rem;
    gap: 0.5rem;
}

.products-details-page .loyalty-points-rewards {
    text-decoration: none;
}

.products-details-page .loyalty-points-rewards:hover {
    text-decoration: underline;
}

.products-details-page .loyalty-points-rewards .loyalty-points-rewards-logo {
    height: 2rem;
}

.products-details-page .share-social h4 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.products-details-page .section-out-of-stock-notify-me h4 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.products-details-page .form-notify-me {
    border-radius: 1rem;
    gap: 1rem;
}

.products-details-page .form-notify-me .send-notify-name,
.products-details-page .form-notify-me .send-notify-email,
.products-details-page .form-notify-me .send-notify-country-key,
.products-details-page .form-notify-me .send-notify-phone {
    border-radius: 2rem;
    padding: 10px 17px;
    font-size: 0.875rem;
}

.products-details-page .form-notify-me .send-notify-country-key {
    border-radius: 2rem 0 0 2rem;
    border-right: 0;
}

.products-details-page .form-notify-me .send-notify-phone {
    border-radius: 0 2rem 2rem 0;
}

.products-details-page .form-notify-me .form-notify-me-submit-button-row button {
    border-radius: 2rem;
    font-size: 0.875rem;
}

.products-details-page .description-title {
    font-size: 0.9rem;
    margin-left: 1rem;
}

.products-details-page .description-icon {
    font-size: 1.4rem;
    width: 1.4rem;
}

.products-details-page .bundle-offer-title-description {
    font-size: 0.75rem;
    font-weight: 100;
}


.products-details-page .nav-link {
    border: none;
    outline: none;
    padding: 0.5rem 0;
    position: relative;
    margin: 0;
    flex-wrap: nowrap !important;
}

.products-details-page .nav-tabs .nav-link.active,
.products-details-page .nav-tabs .nav-item.show .nav-link {
    /* border-bottom: 2px solid var(--primary-color); */
    background: transparent;
}

.products-details-page .nav-tabs .nav-link {
    position: relative;
}

.products-details-page .nav-tabs .nav-link.active::before,
.products-details-page .nav-tabs .nav-item.show .nav-link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 85%;
    background: var(--primary-color);
}

.products-details-page .nav-link.active::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 1rem;
    height: 0.375rem;
    background: var(--primary-color);
    border-radius: 0 0 2rem 2rem;
}

.products-details-page .tab-content {
    border: 1px solid #dee2e6;
    border-radius: 30px;
}

.products-details-page .tab-content>.active {
    padding: 1.5rem 2rem;
    border: 1px solid #dee2e6;
    border-radius: 30px;
    border-top: 0;
}

.products-details-page .bundle-offer-products {
    margin-top: 0;
}

.products-details-page .bundle-offer-products .swiper {
    padding: 1.5rem 0;
}

.products-details-page .products-list .prod-col,
.products-details-page .bundle-offer-products .prod-col {
    padding: 5px;
}

.products-details-page .tabs-parent {
    overflow-x: auto;
    /* padding: 0 2rem; */
    -webkit-overflow-scrolling: touch;
    margin-bottom: -1rem;
    padding-bottom: 1rem;
    scrollbar-width: thin;
}

/* Custom scrollbar for WebKit browsers (Chrome, Safari) */
.tabs-parent::-webkit-scrollbar {
    height: 6px;
    /* Height of scrollbar */
    background-color: transparent;
    /* Make track transparent */
}

.tabs-parent::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    /* Scrollbar color */
    border-radius: 3px;
    /* Rounded corners */
    border: 1px solid rgba(255, 255, 255, 0.3);
    /* Subtle border */
}

.tabs-parent::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
    /* Darker on hover */
}

/* For Firefox */
.tabs-parent {
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    /* thumb and track */
    scrollbar-width: thin;
}

.products-details-page .tabs-parent .tabs-scroll-container {
    min-width: max-content;
    padding: 0 2rem;
}

.products-details-page .nav-tabs {
    border: none;
    white-space: nowrap;
    flex-wrap: nowrap;
    gap: 0.875rem;
    min-width: fit-content;
    width: 100%;
}

.products-details-page .card {
    border: 0;
    outline: none;
}

.products-details-page .card .card-body {
    border-radius: 1rem;
    font-size: 0.9rem;
}

.products-details-page .card-table.options-table .card {
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.products-details-page .card-table.options-table .card-body {
    font-size: 0.875rem;
}

.products-details-page .price-detail svg {
    height: 0.875rem;
}

.products-details-page .price-detail del {
    font-weight: 200;
}

.products-details-page .review-right {
    margin-bottom: 2rem;
}

.products-details-page .review-right h6 {
    font-size: 1.12525rem;
    font-weight: 400;
    margin: 1rem 0 1.5rem 0;
}

.products-details-page .overall-rating {
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
    gap: 0.5rem;
}

.products-details-page .overall-rating>div:first-of-type {
    display: flex;
    flex-direction: column;
}

.products-details-page .overall-rating .rating-average {
    font-size: 1.87512rem !important;
    line-height: 1;
}

.products-details-page .overall-rating .product-card-rating-count {
    font-size: 0.875rem;
    line-height: 1;
}

.products-details-page .progress {
    height: 10px;
    width: 12.5rem;
    margin-left: 2rem;
    margin-right: 1rem;
    background: #f5f5f5;
}

.products-details-page .progress .progress-bar {
    background: #d8d8d8;
}

.products-details-page .card-rate {
    margin: 0;
    padding: 0.25rem 0;
    align-items: center;
    flex-wrap: nowrap;
}

.products-details-page .rating_count_5,
.products-details-page .rating_count_4,
.products-details-page .rating_count_3,
.products-details-page .rating_count_2,
.products-details-page .rating_count_1 {
    font-size: 0.75rem;
    font-weight: 400;
}

.products-details-page .add-review-btn {
    margin: 0 !important;
    border-radius: 2rem;
    min-width: 9.6875rem;
    font-size: 0.875rem;
}

.products-details-page .card-name-customer {
    font-size: 1rem;
    font-weight: 400;
}

.products-details-page .user-review-text {
    font-size: 0.875rem;
}

.products-details-page .card.card-review:last-of-type {
    margin-bottom: 0 !important;
}

.products-details-page .btn-faq-parent {
    display: flex;
    justify-content: flex-end;
}

.products-details-page .btn-faq-parent .add-review-btn {
    border: none;
    padding: 0.5rem;
    margin: 0;
}

.products-details-page .card.questions-card-preview {
    border-bottom: 1px solid #e7eaf3;
    margin-bottom: 1rem !important;
    padding-bottom: 1.5rem;
}

.products-details-page .card.questions-card-preview.last-of-type {
    border-bottom: 0;
}

.products-details-page .questions-card-preview .question-box .question {
    margin-bottom: 0.9rem;
    font-size: 0.9rem;
    font-weight: 500;
}

.products-details-page .answer-box {
    margin: 0 1rem !important;
}

.products-details-page .questions-card-preview .answer-box .answer {
    font-size: 0.875rem;
    font-weight: 300;
}

.products-details-page .questions-card-preview .customer-name {
    width: fit-content;
    padding: 0.25rem 1rem;
    background: var(--primary-color);
    color: #fff;
    border-radius: 2rem;
    font-size: 0.75rem;
}

.products-details-page .product-related-products .swiper {
    padding: 2rem 0;
}

.products-details-page .loyalty-points-products-section p {
    display: flex;
    flex-wrap: nowrap;
}

.products-details-page #product-grouped-details {
    margin-top: 3rem;
}

.products-details-page #product-grouped-details .grouped-heading {
    margin-bottom: 2rem;
}

.products-details-page #product-grouped-details .grouped-product-row {
    flex: 1;
}

.products-details-page #product-grouped-details .grouped-product-table {
    margin-top: 2rem;
    overflow-x: scroll;
}

.products-details-page #product-grouped-details .grouped-product-table table {
    min-width: 500px;
    max-width: 100%;
}

.products-details-page #product-grouped-details .grouped-product-col h6 {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .products-details-page .product-related-products .swiper .swiper-wrapper {
    justify-content: center;
} */

/* End Product Details Page */

/* Start Cart */

.loyalty-points-section {
    font-size: 0.9rem !important;
    border: none !important;
    border-bottom: 1px solid #e7eaf3 !important;
    padding: 10px 5px !important;
}

.loyalty-points-section .loyalty-points__info {
    top: 0;
    font-size: 0.9rem;
    margin: 16px 0px !important;
}

.loyalty-points-section .loyalty-points-expected-section {
    justify-content: space-between;
}

.loyalty-points-section .loyalty-points-expected-section div.flex-shrink-0 {
    width: fit-content !important;
}

.loyalty-points-section .loyalty-points-redemption-form {
    margin-top: 1rem;
}

.loyalty-points-section .loyalty-points-redemption-form .loyalty-points-redemption-methods {
    border-radius: 3rem;
    appearance: none;
    -webkit-appearance: none;
    padding: 0 1rem;
    font-size: 0.9rem;
    background: url('data:image/svg+xml;utf8,<svg fill="black" height="20" width="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat 6%;
    background-size: 13px;
}

.loyalty-points-section .loyalty-points-redemption-methods-submit {
    font-size: 13px;
    border-radius: 3rem;
}

.continue-shopping a {
    font-size: 1rem;
    border-radius: 3rem;
}

.gift-card {
    border-radius: 3rem !important;
}

.gift-card button {
    font-size: 1rem;
}

.go-shopping-again a {
    font-size: 1rem;
    border-radius: 3rem;
}

/* End Cart */

/* Start Products Page */

.product-attributes .attribute-name {
    font-size: 0.9rem;
}

.product-attributes .attribute-header {
    align-items: center;
}

.product-attributes .attribute-arrow svg {
    width: 10px;
    height: 10px;
}

.product-attributes .attribute-body {
    font-size: 0.875rem;
}

.product-attributes .filtration-header {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    z-index: 1;
}

.product-attributes .attribute-price-body label {
    margin-bottom: 0 !important;
    width: 100%;
}

.product-attributes .attribute-price-body label h6 {
    font-size: 0.875rem;
}

.ltr .product-attributes .attribute-price-body label h6 {
    display: flex;
    align-self: flex-start;
}

.ltr {}

.product-attributes .attribute-price-body input.form-control {
    font-size: 0.8rem;
    margin-top: 0.5rem;
}

.products-filter .found-products {
    font-size: 1rem;
    padding: 0 1rem;
    font-size: 0.875rem;
    color: #7d7d7d !important;
}

.products-filter .filter-buttons-container {
    padding: 0 1rem;
    gap: 1rem;
}

.products-filter .filter-buttons-container .icon-filter-secondary {
    font-size: 11px;
}

.product-attributes .filter-order {
    font-size: 1rem;
}

.product-attributes .btn-filter {
    font-size: 0.95rem;
    padding: 10px 25px;
}

.products-container .sort-block-width .dropdown {
    gap: 0.5rem;
}

.products-container .products-list-filter-parent {
    gap: 0.5rem;
}

.products-container .sort-block-width .dropdown .filter-order,
.products-container .products-list-filter-parent .filter-result {
    font-size: 0.875rem;
    color: #7d7d7d;
    margin: 0;
}

.products-container .sort-block-width .dropdown .btn-filter,
.products-container .products-list-filter-parent .btn-filter {
    border-radius: 3rem;
    font-size: 0.875rem;
    padding: 0.4rem 1.225rem;
    box-shadow: none;
    color: #7d7d7d;
}

.products-container .sort-block-width .dropdown .dropdown-menu {
    min-width: fit-content;
}

.products-container .products-filter {
    background: #f5f3f3;
    border-radius: 6px;
    padding: 6px 0 !important;
    margin-bottom: 1.5rem;
}

.empty-data {
    font-size: 13px;
    text-align: center;
}

.products-container .products-filter .filter-option-grid {
    padding: 0 1rem;
    gap: 4px;
}

.products-container .products-filter .nav-item button {
    border: none;
    padding: 0;
    outline: none;
    line-height: 0;
    cursor: pointer;
    color: #7d7d7d;
}

.products-list .prod-col.custom-col {
    width: calc(100% / 5);
    -ms-flex: 0 0 calc(100% / 5);
    flex: 0 0 calc(100% / 5);
}

.products-list .prod-col.list-section {
    width: 100% !important;
}

.products-list .prod-col.list-section .product-box {
    min-height: fit-content;
    max-height: fit-content;
}

.product-box.custom-product-box {
    border: 0;
    border-bottom: 1px solid #eaeaea;
    box-shadow: none;
    border-radius: 0;
}

.product-box.custom-product-box .body .img {
    height: 200px;
}

.product-box.custom-product-box .body .info {
    flex: 1;
    padding: 0 1rem;
    gap: 5px;
}

.product-box.custom-product-box .product-footer {
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.product-box.custom-product-box .product-footer .footer {
    padding: 0;
    border: 0;
    gap: 1rem;
}

.products-details-page .swiper img.gallery-image {
    cursor: pointer;
    aspect-ratio: 1;
}

.products-details-page .swiper .swiper-slide-container.video-container {
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
}

/* .products-details-page .btn-add-to-cart .add-to-cart-progress {
    width: 1.3rem;
    height: 1.3rem;
} */

/* End Products Page */

/* Start Single Checkout Page */
.coupon-section .form-group input[type='text'][data-v-7363b3f3],
.default .coupon-section .form-group input[type='text'][data-v-7363b3f3] {
    border-radius: 3rem;
    font-size: 13px;
}

.coupon-section button[data-v-7363b3f3],
.default .coupon-section button[data-v-7363b3f3] {
    border-radius: 3rem;
    font-size: 12px;
    border: none;
    padding: 0 16px;
}

.checkout-pages .div-review-order-confirm-button-bottom a,
.default .checkout-pages .div-review-order-confirm-button-bottom a {
    border-radius: 3rem;
    border: none;
}

/* End Single Checkout Page */


/* Start Category Page */
.empty-products-list svg {
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.5rem;
    color: #dddddd;
}

.empty-products-list p {
    font-size: 1rem;
}

/* End Category Page */

.swiper {
    overflow: hidden !important;
}

button.pswp__button.pswp__button--arrow--left,
button.pswp__button.pswp__button--arrow--right {
    background: transparent
}

.btn-sale-price span.custom-checkbox-label {
    font-size: 13px;
}

button#products-list-filter-form-clear,
button#products-list-filter-form-save {
    font-size: 12px;
}

.form-products-filter .filter-block-width input {
    font-size: 12px;
}

.slide-menu {
    width: 75%;
    background: #fff;
}

.slide-menu .slide-menu__slider {
    padding: 2rem;
    background: #fff;
}

.slide-menu .image-logo {
    height: 6rem;
}


/* All Categories */
.categories-row {
    height: auto !important;
}

.categories-row .all-cat-col {
    position: static !important;
}

.categories-row .categories-image {
    object-fit: contain;
}

.categories-row .card-categories-wrapper {
    border-radius: 0;
    border: none;
}

.categories-row .box-1-1 {
    background: transparent;
}

.categories-row .btn-link-categories {
    font-size: 0.9rem;
    font-weight: 500;
}

.categories-row .accordion-item {
    border: 0;
    padding: 0;
}

.categories-row .accordion-btn {
    padding: 5px;
    gap: 1rem;
    width: 100%;
    margin: 0 auto;
}

.categories-row .card-body {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: start;
    background: #F3F2F2;
    padding: 1rem !important;
    margin: 0;
    width: 100%;
}

.categories-row .card-body .categories-title {
    font-size: 13px;
}


.accordion-item {
    border: 1px solid #E7E4E5;
    padding: 1rem 1.8rem 0;
    border-radius: 16px;
    margin-bottom: 1rem;
    transition: 0.3s;
}

.accordion-item.active {
    border-color: transparent;
}

.accordion-btn {
    width: 100%;
    background: none;
    border: none;
    outline: none;
    text-align: left;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    padding-bottom: 1rem;
    color: #363032;
}

.accordion-btn .description-title {
    font-size: 1.05rem !important;
}

.accordion-btn> :first-child {
    gap: 0.3rem;
}

.accordion-btn .icon {
    position: relative;
    background-image: url(icon.svg);
    width: 20px;
    height: 20px;
    background-size: cover;
}

.accordion-item.active .icon {
    transform: rotate(180deg);
}


.accordion-info {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 0;
}

.accordion-info p {
    margin: 0;
}

.accordion-item.active .accordion-info {
    /* max-height: 100vh;
    height: 100%; */
}

.accordion-item.active .accordion-btn .icon::before {
    transform: rotate(90deg);
    opacity: 0;
}

.accordion-item.active .accordion-btn .icon::after {
    transform: rotate(180deg);
}

.all-btns a,
.all-btns button {
    font-size: 1rem;
    border-radius: 3rem;
}

@media (max-width: 768px) {
    .header-cart {
        flex-grow: 1;
        width: 30%;
    }

    .header-logo {
        width: 70%;
    }

    .search-header-bar {
        height: 64px;
    }


    .footer .apps-social-icons:nth-child(2) {
        padding-left: 15px;
    }

    .rtl .footer .apps-social-icons:nth-child(2) {
        padding-right: 15px;
        padding-left: 15px;
    }

    .footer .icons-wrapper {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .footer-about-us-div {
        padding-right: 0;
    }

    .rtl .footer-about-us-div {
        padding-right: unset;
        padding-left: 0;
    }

    .category-page-slider .categories-slider {
        height: 225px;
    }

    .categories-slider .category-item {
        width: 190px;
    }

    .category-page-slider .categories-slider .category-item {
        width: 165px;
    }

    .category-page-slider .categories-slider.s-slider {
        margin-right: -7.5px;
        margin-left: -7.5px;
    }

    .category-page-slider .products-slider .prod-col,
    .categories-slider .cat-col {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .products-slider .prod-col,
    .categories-slider .cat-col,
    .testimonials-slider .testimonials-customer-card,
    .partners-slider .partners-item {
        display: inline-block;
        vertical-align: top;
    }

    .partners-slider .partners-item {
        vertical-align: middle;
    }

    .categories-slider,
    .products-slider,
    .testimonials-slider,
    .partners-slider {
        overflow-y: hidden;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .product-crd-spec small {
        white-space: break-spaces;
    }

    .testimonials-slider::-webkit-scrollbar {
        width: 0 !important
    }


    .categories-slider-wrapper,
    .products-slider-wrapper,
    .testimonials-slider-wrapper,
    .partners-slider-wrapper {
        overflow-x: hidden;
        margin-right: 0px;
        margin-left: 0px;
    }

    .slider-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .main-slider,
    .main-slider .slider-item {}

    .main-slider .slick-dots li button:before {
        font-size: 10px;
    }


    .main-slider .slick-dots {
        bottom: 4px;
    }

    .section-title {
        padding-right: 15px;
        padding-left: 15px;
    }

    .products-list .prod-col,
    .bundle-offer-products .prod-col {
        margin: 0 auto;
        width: auto;
    }

    .products-list .prod-col,
    .products-list .prod-col-attr {
        width: 50%;
    }

    .product-item {
        width: 135px;
    }

    .products-list .prod-col .product-item {
        width: 100%;
    }

    .sm-search-div {
        display: block;
    }

    .icon-shopping_cart_black_36dp-1-1,
    .sm-search-icon>span {
        /* font-size: 28px; */
        font-size: 1.5rem;
    }

    .icon-menu-top {
        /* width: 32px; */
        width: fit-content;
    }

}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translateY(20px);
        /* Reduced distance */
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUpLarge {
    from {
        opacity: 0;
        transform: translateY(120px);
        /* Reduced distance */
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes marqueeScroll {
    0% {
        transform: translateX(0);
    }

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

@keyframes marqueeScrollRtl {
    0% {
        transform: translateX(100%);
    }

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

.marquee {
    animation: marqueeScroll 15s linear infinite;
}

.animate__fadeInUp {
    animation-name: fadeInUpSmall;
}

.animate__fadeInUpL {
    animation-name: fadeInUpLarge;
}

.animate__delay-200ms {
    animation-delay: 200ms;
}

.animate__delay-300ms {
    animation-delay: 300ms;
}

.animate__delay-400ms {
    animation-delay: 400ms;
}

.animate__delay-500ms {
    animation-delay: 500ms;
}

.pt-6 {
    padding-top: 3rem;
}