.wishlist-item .icon-delete::before {
    display: none;
}

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

.roles {
    gap: 15px;
}


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


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

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

.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: 15px;
}

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

.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: 0px;
}

.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 {
    visibility: hidden;
    position: absolute;
    left: 0;
    padding: 0px 15px 20px 15px;
    width: 100%;
    background-color: var(--header-primary-color, var(--primary-color));
    transform: translateY(-50%);
    transition: all .3s ease;
    z-index: 1;
}

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

.footer-about-us-links-div h2 {
    color: var(--footer-text-color-primary-bg);
}

.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: 0;
}

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

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

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

.gear::before {
    font-size: 30px;
    animation: root 12s infinite linear;
    fill: var(--header-text-color-primary-bg, var(--text-color-primary-bg)) !important;
    color: var(--header-text-color-primary-bg, var(--text-color-primary-bg)) !important;
}

@keyframes root {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.slick-prev,
.slick-next {
    width: 33px !important;
    height: 33px !important;
}

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

.category-item a,
.category-item img {
    display: block;
    text-align: center;
    width: 100%;
    min-height: 210px;
    min-width: 210px;
    border-radius: 14px;
}

.cat-col .category-item:hover .category-item img {
    transform: scale(1.1);

}

.cat-col .category-item:hover .category-page-slider .category-item h3 {
    color: var(--primary-color);
}

.category-item img {
    margin-top: 20px !important;
    transition: 0.8s;
    max-height: 210px;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 125%, 0% 75%, 0% 25%);
}

.catergry-svg {
    position: absolute;
    top: 12px;
    left: 26px;
    right: -5%;
    margin: auto;
    z-index: -1;
}

.category-item:hover .catergry-svg {
    filter: opacity(0.8);
}

.categories-slider .slick-slide {
    display: flex !important;
    justify-content: center;
    max-width: max-content;
    padding-left: 10px !important;
    padding-right: 10px !important;
    align-items: center;
}

.category-item h3 {
    margin-top: 15px;
    text-align: center;
    color: #000;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    line-height: 120%;
}

.category-item:hover .category-title {
    color: var(--primary-color);
}

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

.categories-slider .category-item {
    width: 100%;
    max-width: 210px;
    position: relative;
    overflow: hidden;
    min-width: 210px;
}

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




.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: 0 !important;
}

.category-page-slider .home-categories-section .section-title {
    margin: 0 !important;
}

.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: 0px;
    margin-left: 0px;
}

.announcement-bar .ab-close {
    position: unset;
}

.btn-filter {
    padding: 10px 25px !important;
}

.products-list .prod-col {
    width: 100% !important;
    z-index: 2;
}

.modal .modal-body {
    z-index: 999999999999999 !important;
}

.modal-backdrop.fade {
    opacity: 0 !important;
    position: unset !important;
}

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

.products-list .prod-col-attr {
    min-width: auto;
    width: 24%;
}

.Tax-options {
    position: absolute;
    top: 50%;
    left: 0;
    color: #000;
    right: 0;
    z-index: 9999;
    background: #fff;
    text-align: center;
    font-size: 15px;
}

.products-list {
    width: 100%;
    gap: 10px;
    margin: 0 !important;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.products-list .prod-col {
    margin: 0 !important;
}

.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: 24px 0px;
    padding: 0 15px;
}

.card-review .review-images-container img {
    border: 0 !important;
    object-fit: cover !important;
}

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

.products-list {
    margin-bottom: 15px;
}

.attribute-more>span {
    color: var(--primary-color);
}

.products-filter {
    border-radius: 12px;
    padding: 10px;
}

.filter-buttons-container .text-color-primary {
    display: none;
}

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

.products-pagination .page-link.active {
    color: #ffffff;
    border: 0 !important;
    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: 6px;
    margin-left: 6px;
}

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


.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%;
}





.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: unset;
}

.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;
}

.shipping-payment-card {
    width: 100% !important;
    min-height: 150px !important;
}

.payment-method-card {
    border-radius: 20px !important;
    border: 1px solid var(--primary-color) !important;
}

@media (max-width: 768px) {
    .breadcrumb-section {
        margin-top: 13px;
    }

    .search-header-bar svg {
        width: 24px !important;
        height: 24px !important;
    }

    .shopping {
        width: 24px !important;
        height: 24px !important;
    }

    .container-slider .main-slider .slick-dots li button {
        width: 10px !important;
        height: 10px !important;
    }

    .container-slider .main-slider .slick-dots li.slick-active button {
        width: 35px !important;
        height: 10px !important;
    }

    .exploration-slider>div:nth-child(2) {
        order: 1;
    }

    .main-slider .slick-dots {
        gap: 2px;
    }

    .modern-imaeg {
        height: 275px;
    }

    .header-cart {
        flex-grow: 1;
        width: 30%;
    }

    .header-logo {
        width: 70%;
    }

    .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 .slick-dots li button:before {
        font-size: 10px;
    }


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



    .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%;
    }


    .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;
}


a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
ul,
span {
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    background-color: unset;
    background: 0;
}

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

.offcanvas-backdrop:empty {
    display: none;
}

.offcanvas-backdrop:not(:has(*)) {
    display: none;
}

.offcanvas-header .btn-close {
    margin: 0 !important;
}

.offcanvas-header {
    justify-content: space-between;
    background: linear-gradient(180deg, var(--primary-color) -180%, transparent);
}

.prodected {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.cards-prod-img {
    max-width: 150px;
    height: 150px;
}

.cards-prod-img img {
    width: 100%;
    height: 100%;
}



.container-fluid {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

/** start style for ticker-section-1**/
.ticker-slider {
    padding: 0;
    margin-top: 0 !important;
}

.ticker-wrap {
    background-color: transparent;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
    height: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    gap: 1rem;
    direction: ltr;
}

.ticker-wrap .ticker {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    animation-duration: 50s;
    min-width: 100%;
    animation: scroll 50s linear infinite;
    -webkit-animation: scroll 50s linear infinite;
    animation-direction: reverse;
}

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

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

    }
}

.ticker-wrap .ticker a.ticker-item {
    color: #fff;
    padding: 8px;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
    line-height: 20px;
}

.ticker-wrap .ticker a.ticker-item img {
    width: 20px;
    object-fit: contain !important;
    height: 20px;
}

.ticker-wrap:hover .ticker {
    animation-play-state: paused;
}

/** end style for ticker-section-1**/


/** start style for header-section-2**/
.main-slider .img-mobile {
    display: none;
}

ul.main-nav>li:hover,
.item-all-categories {
    background-color: transparent !important;
    color: inherit;
    border-radius: 12px;
}

.slick-dots li {
    width: unset !important;
    height: unset !important;
}

.main-slider .slick-dots li button::before {
    display: none !important;
}

.main-slider .slick-dots li button {
    border-radius: 50%;
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #fff;
    color: transparent !important;
}

.main-slider .slick-dots li.slick-active button {
    background-color: #fff !important;
    width: 40px !important;
    height: 16px !important;
    border-radius: 10px;
}

.main-slider .slick-dots {
    text-align: right;
    display: flex;
    gap: 10px;
    transition: 0.5s;
    justify-content: center;
}

.main-slider {
    max-height: 100vh !important;
    height: 100vh;
}

.des {
    align-items: center;
}

.language-currency {
    max-height: unset !important;
    border: unset !important;
}

.search-header-bar>* {
    height: unset !important;
    width: unset !important;
}

.currency-button-area,
.language-button-area {
    max-height: unset !important;
    min-width: unset !important;
}

.account-lang-currency .account-btn {
    min-width: max-content !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.account-lang-currency {
    border-bottom: 0 !important;
    padding: 0px;
}

.language-btn {
    padding: 0 !important;
    height: unset !important;
}

.currency-btn:not(:has(*)) {
    display: none !important;

}

.icon-shopping_cart_black_36dp-1-1,
.sm-search-icon>span {
    font-size: unset !important;
}

.header-theme-icon-primary>.path1 {
    display: none !important;
}

.header-theme-icon-primary>.path2,
.icon-search:before,
.header-theme-icon-primary,
.icon-language_white,
.shopping {
    opacity: 0.9;
    font-size: 32px !important;
    color: var(--header-text-color-primary-bg, var(--text-color-primary-bg)) !important;
    fill: var(--header-text-color-primary-bg, var(--text-color-primary-bg)) !important;
}

.hearts i {
    font-size: 32px;
    color: var(--header-text-color-primary-bg, var(--text-color-primary-bg)) !important;
}

.hearts {
    position: relative;
}

#wishlist-counter {
    position: absolute;
    top: 0;
    right: 5px;
    background: #AB0000;
    color: #fff;
    padding: 5px;
    border-radius: 40px;
    height: 20px;
    font-size: 12px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}


.product-item .hearts i {
    color: var(--primary-color) !important;
}

.btn-primar {
    max-width: max-content;
    background-color: transparent !important;
    padding: 0;

}

.dark {
    display: none !important;
}

.fixed-hedaer {
    position: relative;
}

.fixed-hedaer.sticky {
    position: fixed;

}

.app-content {
    min-height: 500px;
    padding-top: 0px !important;
}


.sticky .header-theme-bg-primary {
    animation: header 0.8s ease-in-out;
}

@keyframes header {
    0% {
        transform: translateY(-100px);
    }

    100% {
        transform: translateY(0px);
        transition: 0.6s;
    }

}

.app-content-padded {
    padding-top: 0 !important;
}

ul.main-nav>li>a,
.item-all-categories a {
    padding: 10px !important;
}

ul.main-nav>li:hover .item-all-categories {
    border-radius: 12px;
    color: #000;
}

ul.main-nav>li>a,
.item-all-categories a span {
    color: #000;
}

.top-level-link a span,
ul.main-nav>li>a {
    color: var(--header-text-color-primary-bg) !important;
    font-size: 18px;
    font-weight: 500;
}

.top-level-link .dropdown-menu.show {
    background-color:
        var(--header-primary-color, var(--primary-color));
    border-radius: 10px;
    padding: 5px;
    border: 1px solid var(--primary-color);
}

.search-header {
    padding: 5px 0px;
}

.sm-search-div {
    background-color: transparent !important;
}

.header-theme-icon-primary>.path2 {
    padding-left: 30px;
}

.offcanvas.offcanvas-bottom {
    height: 50vh !important;
}

.wishlist-modal-body {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    background-color: color-mix(in srgb, var(--primary-color) 10%, transparent) !important;
}

.prodected .product-title {
    font-size: 20px !important;
    margin: 0 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.cards-prod-img img {
    border-radius: 12px;
    object-fit: cover;
}

.wishlist-item {
    border-radius: 10px;
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 10px;
}

.wishlist-item a {
    height: 100%;
}

.wishlist-item .icon-delete {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    font-weight: 900;
    background: var(--primary-color);
    color: #fff;
    border-radius: 4px;
    padding: 0px 6px;
}

.price-older {
    color: #A5A5A5;
    font-size: 17px;
    font-weight: 400;
}

/** end style for header-section-2**/

/** start style for hero-section-3**/
.section-title {
    text-align: right;
    font-size: 22px;
    font-weight: 600;
    line-height: 180%;
    position: relative;
    z-index: 2;
    max-width: fit-content;
    overflow: hidden;
    padding: 0 !important;
}

.section-title::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 70%;
    height: 50px;
    background: color-mix(in srgb, var(--primary-color) 10%, transparent) !important;
    border-radius: 10px;
    z-index: -1;
}

.section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35px;
    height: 4px;
    background: var(--primary-color);
    border-radius: 10px;
}


.main-contended::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: radial-gradient(circle, rgba(0, 0, 0, 0.75) 0, rgba(252, 248, 248, 0) 100%);
}

.main-contended {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.main-contended h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    line-height: 140%;
}

.main-contended p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}

.bton-link {
    font-size: 18px;
    border-radius: 12px;
    max-width: fit-content;
    border: 0;
    padding: 8px 15px;
    font-weight: 400;

}

.hero-image {
    height: 100vh !important;
}

/** end style for hero-section-3**/

/** stat style for paterns-section-4**/

.feature-section {
    position: relative;
    overflow: hidden;
    padding: 40px;
}

.bord-1 {
    border: 1px solid #ffffff1f;
    padding: 40px;
    border-radius: 50%;
    opacity: 0.6;
}

.borders {
    position: absolute;
    top: -148px;
    z-index: 0;
    left: -56px;
}

.borders-2 {
    position: absolute;
    z-index: 0;
    top: 0;
    right: -130px;
    bottom: 0;
    margin: auto;
}

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

.features-section-img {
    width: 220px;
    height: 77px;
    object-fit: contain;
    border-radius: 15px;
}

.feature-title {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    margin: 0 !important;
    margin-bottom: 20px !important;
}

.feature-title::after {
    content: "\F4F4";
    position: absolute;
    top: 10px;
    right: 125px;
    opacity: 0.3;
    font-family: 'bootstrap-icons';
    max-height: fit-content;
    max-width: fit-content;
}

.feature-title::before {
    content: "\F4F4";
    position: absolute;
    bottom: 0px;
    left: 50px;
    opacity: 0.3;
    font-size: 30px;
    font-family: 'bootstrap-icons';
    max-height: fit-content;
    max-width: fit-content;
}

.featured::after {
    content: "\F4F4";
    position: absolute;
    top: 42px;
    left: 240px;
    opacity: 0.2;
    font-size: 30px;
    font-family: 'bootstrap-icons';
    max-height: fit-content;
    max-width: fit-content;
}

.featured::before {
    content: "\F4F4";
    font-size: 25px;
    position: absolute;
    top: 185px;
    right: 250px;
    opacity: 0.3;
    font-family: 'bootstrap-icons';
    max-height: fit-content;
    max-width: fit-content;
}

/** end style for paterns-section-4**/

/** start style for gallery-section-5**/
.galleryed {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.galleryed .gallery-item img {
    border-radius: 10px;
}

/** end style for gallery-section-5**/

/** start style for Features-section-6**/
.partners-slider {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    overflow: hidden;

}

.opt-bord {
    position: absolute;
    top: 0;
    right: -173px;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 3px;
    height: 100%;
    background-color: #00000011;
}


.partners-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
}

.partners-coment h2 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.partners-coment p {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

/** end style for Features-section-6**/

/** start style for testimonials-section-7**/
.cards-body {
    display: grid;
    grid-template-columns: 20% 80%;
    min-height: 160px;
}

.testimonials-slider-wrapper {
    margin: 0 !important;
    width: 100%;
}

.testimonials-image::before {
    content: "\F4F4";
    position: absolute;
    bottom: -52px;
    right: -70px;
    font-family: 'bootstrap-icons';
    max-height: fit-content;
    max-width: fit-content;
    font-size: 35px;
}

.testimonials-image::after {
    content: "\F4F4";
    font-size: 35px;
    position: absolute;
    top: -37px;
    right: -60px;
    font-family: 'bootstrap-icons';
    max-height: fit-content;
    max-width: fit-content;
    color: var(--primary-color);
    transform: rotate(45deg);
}

.svg-review {
    position: absolute;
    top: 34px;
    left: 20px;
}

.testimonials-customer-text {
    all: unset;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.testimonials-customer-name {
    all: unset;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    font-size: 22px;
    font-weight: 500;

}

.star-review i {
    color: #FFAF44;
    font-size: 20px;
}

.star-review {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
}

.testimonials-image {
    width: 128px;
    height: 128px;
    position: relative;
}

.testimonials-image img {
    border-radius: 16px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -66%;
}

.testimonials-customer-card {
    margin: 37px 56px !important;
    padding: 34px !important;
    border-radius: 10px;
}

/** end style for testimonials-section-7**/

/** start style for dedicated-section-8**/
.dedicated {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 20px;
}

.none {
    display: none;
}

.video-dedicated-1 {
    width: 100%;
}

.video-dedicated-1 video {
    border-radius: 12px;
}

.video-dedicated-2 video {
    border-radius: 12px;

}

.video-dedicated-2 {
    width: 100%;
}

.content-dedicated {
    width: 100%;
}

.content-dedicated {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.title-dedicated {
    text-align: center;
    font-size: 27px;
    font-weight: 700;
}

.expalin-dedicated {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

/** end style for dedicated-section-8**/

/** start style for exploration-section-9**/
.exploration-slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.content-exploration {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    height: 100%;
    padding: 30px;
}

.content-exploration h1 {
    text-align: right;
    font-size: 40px;
    font-weight: 500;
}

.content-exploration p {
    text-align: right;
    font-size: 20px;
    font-weight: 400;
}

.exploration-image {
    height: 400px;
}

.exploration-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/** end style for exploration-section-9**/

/** start style for modern-section-10**/
.moderns-main {
    position: relative;
    overflow: hidden;
}

.modern-svg svg,
.modern-svg1 svg {
    width: 100%;
}

.modern-svg {
    position: absolute;
    top: -55px;
    right: 0px;
    left: 0;
    z-index: 10;
    width: 100%;
}

.modern-svg1 {
    position: absolute;
    bottom: -55px;
    right: 0px;
    left: 0;
    z-index: 10;
    width: 100%;
}

.modern-imaeg {
    height: 400px;
}

.modern-imaeg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modern-imaeg {
    margin-right: 15px;
    margin-left: 15px;
}

/** end style for modern-section-10**/

/** start style for designs-section-11**/
.designs-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
}

.designs-imaeg {
    position: relative;
    width: 100%;
    height: 394px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 12px;
}

.content-designs {
    position: absolute;
    top: 20%;
    right: 51px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 32%;
}

.content-designs h1 {
    text-align: right;
    font-size: 22px;
    font-weight: 700;
}

.content-designs p {
    text-align: right;
    font-size: 15px;
    font-weight: 400;
}

/** end style for designs-section-11**/
/** start style for news-section-12**/
.news-wrapper .nav-tabs {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border: 0 !important;

}

.updown {
    text-align: center;
    position: absolute;
    top: -28px;
    right: 0;
    left: 0;
    z-index: 9999999;
    border: 4px solid var(--primary-color);
    width: 50px;
    height: 50px;
    margin: auto;
    border-radius: 50px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.updown i {
    font-size: 40px;
    font-weight: 600;
    width: 35px;
    height: 35px;
    overflow: hidden;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-iamge {
    width: 90%;
    height: 350px;
    object-fit: cover;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 2;
    border-radius: 10px;
}

.new-mob {
    display: none;
}

.news-iamge {
    display: none;
}

.nav-item .active+.news-iamge {
    display: block;
}

.news-wrapper {
    overflow: hidden;
    position: relative;
}

.tab-content {
    margin-top: 100px;
}

.news-wrapper .nav-item .nav-link {
    background: color-mix(in srgb, var(--primary-color) 6%, transparent) !important;
    color: #000 !important;
    font-weight: 500;
    font-size: 20px;
    border: unset !important;
    width: 100%;
    text-align: right;
    border-radius: 8px;
    padding: 11px;
}

.news-wrapper .nav-item .active {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

/** end style for news-section-12**/

/** start style for sliders-section-13**/
.slid-mob {
    display: none !important;
}

.slider-imgs .slick-dots li button::before {
    display: none !important;
}

.slider-imgs .slick-dots li button {
    border-radius: 50%;
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #fff;
    color: transparent !important;
}

.slider-imgs .slick-dots li.slick-active button {
    background-color: var(--primary-color) !important;
    width: 40px !important;
    height: 16px !important;
    border-radius: 10px;
}

.slider-imgs .slick-dots {
    text-align: right;
    display: flex;
    gap: 10px;
    transition: 0.5s;
    justify-content: center;
}

.sliders-imaeg {
    position: relative;

}

.slider-imgs {
    width: 100%;
    height: 100%;
}

.slider-imgs .slid-imog {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-slider {
    position: absolute;
    top: 40%;
    right: 95px;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.content-slider h1 {
    text-align: right;

    font-size: 38px;
    font-weight: 500;
}

.content-slider p {
    text-align: right;
    font-size: 18px;
    font-weight: 400;
}

.sliders-wrapper .slick-prev {
    right: 25px !important;
}

.sliders-wrapper .slick-dots {
    bottom: 35px !important;
}

.sliders-wrapper .slick-next {
    left: 25px !important;
}

.sliders-wrapper .slick-arrow {
    z-index: 33 !important;
    border-radius: 50px;
    background: var(--primary-color);
}

.sliders-wrapper .slick-arrow>span {
    color: #fff !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: unset !important;
}

.offcanvas.offcanvas-start {
    z-index: 999999999 !important;
}

/** end style for sliders-section-13**/
/** start style for quality-products-section-14**/
.Qualitys-main .nav-item .nav-link {
    color: #000 !important;
    font-weight: 500;
    font-size: 20px;
    border: unset !important;
    width: 100%;
    text-align: right;
}

.Qualitys-main .nav-item .active {
    color: var(--primary-color) !important;
}

.quality-products {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0px;
    row-gap: 0px;
}

.Qualitys-main .tab-content {
    margin-top: 25px;
}

.Qualitys-main .nav-item .nav-link {
    position: relative;
}

.Qualitys-main .nav-item .active::after {
    content: "\F4F4";
    position: absolute;
    inset: 0;
    margin: auto;
    top: 52px;
    font-family: 'bootstrap-icons';
    max-height: fit-content;
    max-width: fit-content;
    transform: rotate(270deg);
    color: var(--primary-color) !important;
}

.Quality-section-wrapper .nav-tabs {
    border: unset !important;
    text-align: center;

}

/** end style for quality-products-section-14**/

/** start style for alls-categries section-15**/
.alls-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    min-height: 500px;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.alls-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

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

.linke-urls {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
    transform: translateY(500px);
}

.alls-linked {
    position: absolute;
    inset: 0;
    margin: auto;
    background: #bdcdda63;
    transition: 0.8s;
    transform: translateY(500px);
    z-index: -1;
}

.content-alls h1 {
    text-align: center;
    font-size: 23px;
    font-weight: 500;
    max-width: 90%;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    transition: 0.8s;
    transform: translateY(400px);
    clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);

}

.alls-image:hover .content-alls h1 {
    transform: translateY(100px);
    background: transparent !important;
    color: #000 !important;
}

.alls-image:hover .linke-urls {
    transform: translateY(210px);
}

.alls-image:hover .content-alls .bton-link {
    transform: translateY(220px);
}

.alls-image:hover .alls-linked {
    transform: translateY(0px);
}

.content-alls .bton-link {
    margin: auto;
    max-width: 70% !important;
    padding: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 15px;
    transition: 0.8s;
}

.linke-urls a {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    line-height: 120%;
}

.linke-urls a:hover {
    color: var(--primary-color);
}

/** end style for alls-categries section-15**/
/** start style for video-16**/
.video-container {
    position: relative;
    overflow: hidden;
}

.content-video {
    position: absolute;
    inset: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    z-index: 1;
    flex-direction: column;
}

.content-video::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle, rgb(191 170 109) 0, rgba(252, 248, 248, 0) 100%);
    z-index: -1;
}

.content-video h2 {
    font-size: 48px;
    font-weight: 500;
}

.content-video p {
    font-size: 20px;
    font-weight: 400;
}

.countdown {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

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

.product-item .product-title>span {
    line-height: 120%;
    font-size: 19px;
    font-weight: 400;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

.time-item span {
    height: 80px;
    width: 80px;
    padding: 0px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F7F1E7;
    border-radius: 8px;
    box-shadow: 2px 5px 6px 0px rgba(172, 115, 17, 0.75);
    color: var(--primary-color);
    text-align: center;
    font-size: 40px;
    font-weight: 400;
}

.time-item p {
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    font-size: 22px;
    font-weight: 500;
}

/** end style for video-16**/

/** start style for Short-Products-17**/
.alls-mob {
    display: none;
}

.short-wrapper {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
    grid-template-areas:
        "item1 item2 item3"
        "item1 item4 item5";
}

.short-wrapper .alls-image:first-child {
    grid-area: item1;
    max-height: 920px;
    min-height: 400px;
}

.short-wrapper .alls-image:nth-child(2) {
    grid-area: item2;
    max-height: 450px;
    min-height: 400px;

}

.short-wrapper .alls-image:nth-child(3) {
    grid-area: item3;
    max-height: 450px;
    min-height: 400px;
}

.short-wrapper .alls-image:nth-child(4) {
    grid-area: item4;
    max-height: 450px;
    min-height: 400px;
}

.short-wrapper .alls-image:nth-child(5) {
    grid-area: item5;
    max-height: 450px;
    min-height: 400px;
}

.short-wrapper .alls-image {
    overflow: hidden;
    border-radius: 32px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

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

ul.main-nav>li:hover>a,
.item-all-categories>a {
    color: inherit !important;
}

.sub-menu-block {
    padding: 7px !important;
}

.short-title a {
    text-align: right;
    font-size: 18px;
    display: flex;
    align-items: center;
    font-weight: 400;
    color: var(--primary-color);
    fill: var(--primary-color);
    position: relative;
}



.spaned {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    color: #000;
    background-color: #fff;
    border-radius: 15px;
    width: auto;
    font-size: 15px;
}

.salah {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50px;
    z-index: 2;

}

.salah::after {
    content: "+";
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: var(--primary-color);
    z-index: 1;

}

.salah::before {
    content: "";
    height: 30px;
    width: 30px;
    animation: anim 0.8s infinite linear;
    position: absolute;
    margin: auto;
    z-index: -1;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    left: 0;
    margin-top: auto;
    background: #ffffff8e;

}

.alls-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.offers-products {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

.offer-formatted_price {
    text-align: right;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.main-pointer img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.offer-name {
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    max-width: 200px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    color: #000;
}

.content-pointer {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
}

/** end style for Short-Products-17**/
/** start style for Product-18**/
.product-item-out-of-stock {
    filter: grayscale(1);
}

.product-item {
    max-width: 100% !important;
}

.prod-col {
    margin: 10px !important;
    position: relative;
    padding: 0 !important;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1px solid transparent;
    transition: 0.2s;
}

.prod-col:hover {
    border: 1px solid var(--primary-color);
}

.products-details-page #product-images-slick img {
    object-fit: cover !important;
}

.product-card {
    position: relative;
    width: 100%;
    height: 200px;
}

.product-image {
    width: 100%;
    transition: opacity 0.3s ease;
    height: 100%;
    object-fit: cover !important;
    border-radius: 10px;
}

.primary-image {
    opacity: 1;
}

.secondary-image {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.product-card.has-hover:hover .primary-image {
    opacity: 0;
}

.product-card.has-hover:hover .secondary-image {
    opacity: 1;
}

.col-product-image-wrapper {
    overflow: hidden;
}

/* .ltr .badge-name{
    right: auto !important;
    left: 0 !important;
    border-bottom-right-radius: 10px !important;

} */

.badge-name {
    top: 0 !important;
    right: 0 !important;
    background: var(--primary-color) !important;
    border-bottom-right-radius: 10px !important;
    border-radius: 0 !important;
    border: 0 !important;
    z-index: 5 !important;
    max-width: fit-content;
}

.disck {
    color: var(--primary-color);
    font-weight: 400 !important;
    font-size: 14px !important;
}

.bton-primires {
    outline: 0 !important;
    border-color: unset !important;
    border: 0 !important;
    position: absolute;
    top: 0px;
    z-index: 2;
    left: 0px;
    background-color: #ffff !important;
    border-radius: 1px !important;
    padding: 1px 8px;
    border-bottom-right-radius: 10px !important;

}

.badge-name span {
    font-size: 15px !important;
    color: #fff !important;
}

.badge-name svg {
    fill: #fff;
}

.bton-added>.btn {
    width: 100% !important;
    font-size: 18px !important;
    font-weight: 400;
    border-radius: 8px;
}

.section-product-price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

#product-variants-options .form-group label {
    color: #666;
    text-align: right;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 25px;
}

.bton-added {
    width: 100%;
    position: absolute;
    transition: 0.8s;
    transform: translate(500px, -40px);
    z-index: 2;
}

.prod-col:hover .bton-added {
    transform: translate(8px, -44px);
}

.product-item .product-title {
    all: unset !important;
}

.product-title span {
    white-space: break-spaces;
    font-weight: 500;
}

.content-pro {
    transition: 0.8s;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2px;
    overflow: hidden;
    padding: 4px 8px;
}

.bton-proded {
    overflow: hidden;
    width: 100%;

}

.dd {
    margin-top: 25px;
    margin-bottom: 25px;
}

body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

body::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 10px;
}

.loader {
    position: fixed;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999999999999999999999;
}

.image-loader {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
    width: 250px;
    border-radius: 50px;

}

.image-loader::after {
    content: "";
    position: absolute;
    top: 63%;
    width: 15px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
    margin-top: 0;
}

@keyframes l5 {
    0% {
        box-shadow: 20px 0 var(--primary-color), -20px 0 #0002;
        background: var(--primary-color)
    }

    33% {
        box-shadow: 20px 0 var(--primary-color), -20px 0 #0002;
        background: #0002
    }

    66% {
        box-shadow: 20px 0 #0002, -20px 0 var(--primary-color);
        background: #0002
    }

    100% {
        box-shadow: 20px 0 #0002, -20px 0 var(--primary-color);
        background: var(--primary-color)
    }
}

.back-to-top {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 180px;
    right: 10px;
    border-radius: 50%;
    padding: 2px;
    overflow: hidden;
    z-index: 998;
}

.back-to-top .bi-arrow-up {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    margin: auto;

}

/** end style for Product-18**/
/** start style for footer-19**/
.icon-footers .social-icons {
    flex-direction: row;
}

.social-icons {
    flex-direction: column;
}

.social-icons .phone {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 0;
}

.social-icons a h2 {
    font-size: 16px;
    font-weight: 400;
    color: var(--footer-text-color-primary-bg, var(--text-color-primary-bg));
    border: 0;
    text-decoration: underline;
}

.social-icons .email {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 0;
}

.social-icons .whats {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 0;
}

.store-section .social-icons span {
    border: 0 !important;
    color: var(--primary-color) !important;
}

.footer-theme-bg-primary {
    background-color: var(--footer-primary-color, color-mix(in srgb, var(--primary-color) 10%, transparent));
}

.x-icon-twitter {
    border: 0;
    fill: #fff;
}

.store-section a,
.store-section p {
    font-size: 16px;
    font-weight: 400;
}

.icon-footers .social-icons .icon-facebook-f {
    background-color: blue !important;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-footers .social-icons .icon-instagram {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%) !important;

}

.icon-footers .social-icons .icon-tiktok {
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000 !important;
}

.icon-footers .social-icons .x-icon-twitter {
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000 !important;
}

.icon-footers .social-icons .icon-globe-secondary {
    color: #fff !important;
    background: var(--primary-color);
}

.icon-footers .social-icons .icon-snapchat-ghost {
    color: #fff !important;
    background-color: #fffb00 !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #00000047;
}

.icon-footers .social-icons a span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #fff;
}

.icon-footers {
    margin-top: 10px;
    font-family: inherit !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.icon-footers .social-icons a {
    width: 40px !important;
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.all-footers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse !important;
    padding: 2px;
}

.footer-store-section-bars {
    min-height: unset !important;
    justify-content: right !important;
    border: 0;
    gap: 5px;
}

.footer-store-section-bars {
    min-height: unset !important;
    justify-content: right !important;
    border: 0;
    gap: 5px;
}


/** end style for footer-19**/
/** start style for banar-prod-20**/
.pointered {
    position: absolute;
    color: #000;
    font-weight: 900;
    padding: 5px;
    border-radius: 3px;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
}

.banar-prod-main {
    position: relative;
    overflow: hidden;
}

.banar-prod-image .pionter-mob {
    display: none;
}

.banar-prod-image .pointer-image {
    width: 100%;
    height: 100%;
}

.prodede::after {
    content: "+";
    position: absolute;
    inset: 0;
    margin: auto;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    z-index: 1;
}

.prodede::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    z-index: -1;
    opacity: 0;
    animation: anim 1.5s linear infinite;
    border-radius: 50%;
}

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

    100% {
        transform: scale(1.1);
        opacity: 0;
    }

    ;
}

.prodede {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.offered {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99999;
    right: 0;
    width: max-content;
    margin: auto;
    background-color: #f0f0f0;
    padding: 10px;
    border: 1px solid #ccc;
    transform: translateY(250px);
    transition: 0.8s;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.btn-product-card-select-variant {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
}

.offers-pointers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    gap: 5px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--primary-color);
}

.offers-pointers:last-child {
    border-bottom: 0 !important;
}

.main-pointer {
    width: 80px;
    height: 80px;
}

/** end style for banar-prod-20**/

/** start style for categories-2**/
.proded:empty {
    display: none;
}

.proded:not(:has(*)) {
    display: none;
}

.products-filter {
    font-size: 1.167rem;
    flex-direction: column-reverse;
    align-items: flex-start !important;
    max-width: 200px;
    min-width: 200px;
}

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

.inner-page-header .fixed-hedaer {
    position: unset;
}

.inner-page-header .sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;

}

header.inner-page-header .search-header {
    background-color: var(--primary-color) !important;
}

.bi-funnel {
    font-size: 20px;
    font-family: 'bootstrap-icons' !important;
}

.filters {
    display: none;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.bton-filter {
    font-size: 25px;
    margin-top: 20px;
    text-align: center;
    outline: 0 !important;
    color: var(--primary-color);
    background: #fff;
    padding: 5px 15px;
    cursor: pointer;
    border-radius: 8px;
    border: 2px solid var(--primary-color) !important;
    margin-bottom: 20px;
    width: 15%;
}

.categorey-title {
    min-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 140%;
    color: var(--primary-color);
}

.categorey-title span a {
    font-size: 15px;
    font-weight: 400;
    color: var(--primary-color) !important;
}

.categorey-title span {
    color: var(--primary-color) !important;

}

.filter-buttons-container {
    flex-direction: column-reverse;
}

.sort-block-width {
    margin-left: 0px;
    margin-right: 0 !important;
    padding: 5px;
}

.product-weight {
    font-weight: 15px;
    font-weight: 500;
}

.filters {
    position: sticky;
    top: 75px;
    height: 100%;
    margin-top: 84px;
    max-width: 200px;
}

.breadcrumb-item {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    padding: 0 !important;
}

.filter-buttons-container {
    width: 100%;
    flex-direction: column;
    max-width: 200px;
}

.active.tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 20%;
    overflow: hidden;
    color: var(--primary-color);
}

.products-details-page {
    margin-top: 1px;
}

.attribute-group,
.products-filter {
    border: 1px solid var(--primary-color) !important;
}

.btn-send-notify {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 50px !important;
}

.form-notify-me-phone-row {
    gap: 10px !important;
}

.form-notify-me {
    border: 0 !important;

}

.form-notify-me .form-control {
    border-radius: 50px;
}

.modal-body .modal-product-title {
    margin: auto;
}

.btn-default {
    padding: 5px 20px;
    background-color: rgb(253, 58, 58);
    color: #fff !important;
    border-radius: 50px;
}

.btn-submit-new-question {
    padding: 7px 30px;
    border-radius: 50px;
}

.modal-body textarea {
    border-radius: 12px !important;
}

.modal-body .form-control {
    border-radius: 50px;
}

.modal-comment-content {
    border-radius: 50px !important;
}

.product-card-rating {
    display: flex !important;
    align-items: center !important;
    justify-content: right !important;
}

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

.prod-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 28px;
}

.product-pragraf p {
    display: inline;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.product-description-a {
    display: inline;
}

.product-title {
    color: #666;
    text-align: right;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 25px;
}

.select-quantity-div .form-group {
    margin-bottom: 0px !important;
}

.col-product-info .zoom-lens {
    position: absolute;
    top: 15px;
    right: 50px;
}

.col-product-info,
.col-product-image-wrapper {
    border-radius: 24px;
    border: 1px solid #EEE;
    background: #FFF;
    overflow: hidden;
}

.row-flexs {
    display: flex;
    flex-direction: column;
}

.ltr .poster .badge-name {
    right: auto;
    left: 0;
}

.poster .badge-name {
    position: absolute;
    top: 0;
    right: 0;
}

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

.select-quantity-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.coled {
    gap: 24px;
}


.card-name-customer {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin: 0px 2px 10px 2px !important;
}

.col-product-image-wrapper {
    padding: 0 !important;
}

#myTab {
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    gap: 20px;
    border-bottom: unset !important;
    padding: 15px 0px;
}

.poster {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
}

.settings-descrptions {
    color: #4caf50;
    font-size: 18px;
    background: #72af5017;
    padding: 5px;
    border-radius: 8px;
    display: inline;
    width: 100%;
}

.setting-descrption {
    background: linear-gradient(270deg, rgba(244, 67, 54, 0.1019607843), transparent);
    padding: 8px 12px;
    color: #e14135;
    line-height: 130%;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.product-variants-options .form-group label {
    color: #666;
    text-align: right;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 25px;
}

.producted-settings {
    width: 100%;
    font-size: 18px;
    color: #000;
    display: flex;
    gap: 5px;
    border-radius: 8px;
    padding: 10px 1px;
    margin-top: 15px;
    margin-bottom: 15px;
    background:
        color-mix(in srgb, var(--primary-color) 5%, transparent);
}

.col-product-info .nav-tabs {
    border-bottom: unset !important;
}

#product-quantity {
    border-radius: 30px !important;
    font-size: 17px !important;
    text-align: center;
    border: 0;
    color: #000;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    appearance: none;
}

.select-quantity-div>div.form-group {
    width: 125px;
}

.select-quantity-div>div.form-group>div:after {
    display: none !important;
}

.qty-input {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 5px;
    border-radius: 10px;
    background: var(--02---Dark-Color---White, #FFF);
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.09);
}

.qty-count {
    width: 20px;
    height: 20px;
    display: flex;
    font-size: 25px;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    color: #000;
    border: 0;
    background: transparent;
}

#product-custom-user-input-fields .form-control {
    border-radius: 50px !important;
}

.rtl .description-paragrah {
    margin: 0 !important;
}

.rtl #product-custom-user-input-fields .file-label>* {
    border-radius: 50px !important;
}


.title-similar {
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 10px;
}

.div-product-weight,
.border-product,
.div-product-sku {
    display: flex;
    gap: 10px;
    align-items: center;
}

#product-form .form-group label {
    border-radius: 50px !important;
}

#product-form .size-box .form-group {
    border-radius: 50px !important;
}

#product-custom-user-dropdown-fields select,
.select-quantity-div select {
    border-radius: 50px !important;
}

#product-custom-user-dropdown-fields .form-control:focus {
    border-radius: 40px !important;
}

.btn-add-to-cart {
    border-radius: 40px;
    border: 0 !important;
}

#product-custom-user-option-fields input+span,
.add-review-form-checkbox input+span {
    border-radius: 50% !important;
}

#product-custom-user-dropdown-fields>div.form-group>div:after {
    height: 42px !important;
    top: 34px !important;
}

.disabeld::after {
    display: none !important;
}

.col-product-info {
    padding: 20px !important;
    max-height: fit-content;
}

.product-custom-user-input-fields .form-control {
    border-radius: 25px !important;
    text-align: end;
}

.bundle-offer-details-section {
    margin-top: 30px;
}

.offer-live {
    margin-bottom: 20px;
}

.questions-card-preview,
.card-review {
    padding: 16px;
    border-radius: 15px;
    border: 0;
    background: linear-gradient(90deg, rgba(241, 203, 206, 0.00) 0%, #F1CBCE 100%);
}

/* .questions-card-preview .customer-name{
    background-color: ;
} */

.tab-content {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    padding-bottom: 50px;
}


.add-review-btn {
    background-color: var(--primary-color);
    color: var(--text-color-primary-bg);
    border-radius: 40px !important;
    padding: 15px !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    margin-bottom: 15px;
    margin-right: 0 !important;
}

.settings-emg {
    padding: 2px;
    border-radius: 6px;
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.linked-emg {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.main-3 {
    background: #fff;
    min-width: 330px;
    height: max-content;
    position: sticky;
    top: 95px;
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
    padding: 15px;
    border-radius: 10px;
}

.description-title {
    margin-right: 0 !important;
}

.Payment-methods {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.method {
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.method .method-emg {
    height: 35px;
    width: 35px;
    min-width: 35px;
    min-height: 35px;

}

.method .method-tex {
    font-size: 15px;
    font-weight: 400;
    color: var(--primary-color);
}

.div-product-weight {
    justify-content: space-between !important;
}

.bi-luggage {
    font-size: 15px;
    color: #000000c2;
    font-family: 'bootstrap-icons';
}

.bi-share {
    font-size: 20px;
    color: var(--primary-color);
}

.ltr .border-product {
    right: 0;
    left: auto;
}

.border-product {
    position: absolute;
    top: 10px;
    left: 0px;
    margin: 0 !important;
}

#product-custom-user-input-fields .file-label>* {
    border-radius: 29px !important;
    border: 0 !important;
    background: var(--primary-color) !important;
    color: var(--text-color-primary-bg) !important;
}

.form-control {
    min-height: 40px;
}

.border-product .product-title {

    padding: 8px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
    border-radius: 50px;
}

.product-icon a {
    letter-spacing: -35px;
    padding: 0 !important;
    transition: 0.8s;
    visibility: hidden;
    opacity: 0;
}

.product-social {
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 40px;
    left: 15px;
}

.plays a {
    letter-spacing: 5px;
    opacity: 1;
    visibility: visible;
    transition: 0.8s;
    padding: 0px 8px !important;
}

.plays a:hover {
    transform: scale(1.1);
}

.carousel-img {
    width: 100%;
    border-radius: 10px !important;
    height: 100%;
}

.zoom-lens {
    position: absolute;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    cursor: zoom-in;
    transition: all 0.4s ease;

}

.rtl #product-custom-user-dropdown-fields>div.form-group>div:after,
.select-quantity-div div.form-group>div:after {
    border: 0 !important;
}

.sub-menu-block {
    border-radius: 12px;
}

.text-number {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;

}

.any-number {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
    border-radius: 50px;
    padding: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.botnen {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50pc;
    margin-top: 21px;
    background: transparent !important;
    border: 1px solid var(--primary-color) !important;
}

.roled {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    position: relative;
}

#add-review-btn,
#addQuestionButton {
    width: 100%;
    max-width: max-content;
    font-size: 20px !important;
    font-weight: 400 !important;
    padding: 5px !important;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: auto;
}

.image-box,
.content-box {
    display: none;
}

.review-details .bg-transparent {
    border: 0 !important;
}

.roled .coledd {
    padding: 10px;
    border-radius: 10px;

}

.roled::after {
    content: "";
    width: 3px;
    position: absolute;
    background-color: #0000002c;
    inset: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 50px;
}

.icon-add_circle {
    font-size: 22px;
    color: #fff;
}

.questions-card-init {
    padding: 0 !important;
}

.description-icon {
    font-size: 31px !important;
    color: var(--primary-color);
    padding-left: 6px !important;
}

.description-title {
    font-size: 25px;
    font-weight: 600;
}

.card-review .review-images-container img {
    border-radius: 20px !important;
}

.rtl .card-review .review-images-container {
    margin-right: 0 !important;
}

.product-selection {
    display: none;
}

.offcanvas-btn-close {
    position: absolute;
}

.size-box #product-variants-options ul li.active {
    color: var(--text-color-primary-bg) !important;
    background-color: var(--primary-color);
}

.size-box #product-variants-options ul li {
    line-height: 22px;
    font-size: 15px;
    border-radius: 8px;
}

.icon-star1 {
    line-height: 0px;
}

.form-notify-me-phone-row>input:first-child {
    max-width: 50px !important;
}

.modal-select-destination-city-footer-container {
    justify-content: center !important;
}

#modal-select-destination-city-save {
    width: 100% !important;
    background: var(--primary-color);
    color: var(--text-color-primary-bg) !important;
    font-size: 20px;
    font-weight: 500;
}

.header-offcanvas .offcanvas-body {
    margin-top: 40px;
}

.header-offcanvas .offcanvas-close {
    position: absolute;
    left: 10px;
    top: 10px;
}

.sub-categru {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    margin: 20px 0px;
}

.subcategories-image {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50px;
}

.categories-row {
    margin: 0 !important;
}

.categories-title {
    display: flex;
    align-items: center;
    gap: 5px;
    align-items: center;
    width: 100%;
    margin: 0 !important;

}

.subTitle-detail {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 350px;
    background-position: center;
}

.sub-title {
    flex-direction: column;
}

.bread-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);

}

.bread-text {
    font-size: 15px;
    font-weight: 500;
    color: var(--primary-color);

}

.sub-categru .card-body {
    max-width: max-content;
    padding: 10px;
    min-width: auto;
    display: flex;
    justify-content: center;
    gap: 7px;
    flex-wrap: wrap;
    max-height: max-content;
    align-items: center;
    border-radius: 50px;
    border: 1px solid var(--primary-color);
    background: color-mix(in srgb, var(--primary-color) 8%, transparent) !important;

}

.sub-categru .card-body .categories-title {
    width: auto !important;
}

.Tax-options .options-fields {
    display: none;
}

.expalin-icons .title-similar {
    justify-content: flex-start !important;
}

.Tax-options .taxable {
    position: absolute;
    top: 43%;
    right: -125px;
    background-color: #fff;
    border-radius: 50px;
    padding: 5px;
    transition: 0.8s;
    border: 1px solid var(--primary-color);
}

.Tax-options small {
    font-size: 15px !important;
}

.prod-col:hover .Tax-options .taxable {
    right: 0px;
}

.products-details .offcanvas-end {
    width: 40% !important;
}

.products-details .offcanvas-end .header-offcanvas {
    background: linear-gradient(180deg, var(--primary-color) -180%, transparent);
}

.offcanvas-body .des {
    justify-content: space-between;
}

.offcanvas-body .account-lang-currency {
    border-radius: 8px;
    padding: 10px;
    background: color-mix(in srgb, var(--primary-color) 50%, transparent) !important;
}

.offcanvas-body .account-btn span,
.offcanvas-body .language-button-area span {
    font-size: 24px;
}

.settings-item {
    border-radius: 6px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    direction: ltr;
    cursor: pointer;
    border: 2px solid var(--primary-color);
    margin: 0 auto;
    color: #000;
}

.lists-thmem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;

}

.settings-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 20px;
}

.categ-wrabber {
    position: unset !important;
    max-width: 335px;
    max-height: 335px;
}

.card-categories-wrapper {
    border: unset !important;
}

.categories-image {
    transition: 0.8s;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 125%, 0% 75%, 0% 25%);
}

.categories-row {
    position: unset !important;
    gap: 15px;
    height: unset !important;
    row-gap: 40px;
}

.categ-wrabber:hover .categories-image {
    transform: scale(1.1);
}

.card-categories {
    overflow: hidden;

}

.card-categories-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.categ-wrabber:hover .btn-link-categories {
    color: var(--primary-color);
}

.btn-link-categories {
    font-weight: 600;
}

.header-wrapper {
    display: none !important;
}

.cart-product-delete,
.cart-product-col-img,
.cart-product-col-details,
.cart-products-action,
.cart-product-prices {
    padding: 0 !important;
    width: auto !important;
}

.cart-product-row {
    padding: 10px 10px !important;
    border-radius: 12px;
    border: 1px solid #00000060;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}

.cart-product-col-img {
    width: 100px !important;
    border-radius: 12px;
}

.cart-product-col-img img {
    border-radius: 12px;
}

.cart-product-row-wrapper {
    border: 0 !important;
}

.cart-totals-div {
    border: 1px solid #00000036;
    padding: 10px;
    border-radius: 12px;
}

.cart-totals-div .cart-totals-row-wrapper:last-child {
    border-top: 1px solid #00000023 !important;
    font-size: 23px;
    font-weight: 600;
}

.cart-totals-row-wrapper {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.profile-pages-bg {
    position: unset !important;
}

.rtl .profile-item {
    padding: 10px !important;
}

.profile-row.active {
    margin: 0 !important;
}

.custom-checkbox-checkmark {
    border-radius: 50%;
    height: 20px;
    width: 20px;
}

.profile-title {
    display: none !important;
}

.account-content .btn-primary {
    width: 100% !important;
    border-radius: 20px;
    float: unset !important;
}

.btn-danger {
    width: 100%;
    border-radius: 20px;
}

.mazeed-badge {
    max-width: 100% !important;
}

.cart-product-price-each span {
    font-size: 15px !important;
}

.cart-product-col-details h1 a {
    font-weight: 500;
    font-size: 19px;
}

.cart-product-quantity-dropdown select {
    border-radius: 10px;
}

#desktop-profile-card {
    display: none;
}

.aaddress-personal-btn {
    width: 100% !important;
}

.gif-btond {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.link-addres {
    background: var(--primary-color);
    border-radius: 8px;
    padding: 5px;
    color: #fff !important;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
    text-decoration: none !important;
}

.address-text {
    font-size: 15px !important;
    font-weight: 500 !important;
}

#col-save-button {
    max-height: 50px;
    margin-top: 15px;
}

.icon-trash-alt {
    color: #000 !important;
}

.card-personal {
    padding: 10px !important;
    border-radius: 10px;
}

.totlasgif {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

#showGiftCard {
    padding: 10px;
}

.flexces {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.added-caret {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

ul.main-nav>li:hover>div.sub-menu-block {
    max-width: fit-content;
    min-width: 150px;
    border: 1px solid var(--primary-color);
}

.top-level-link {
    position: relative;
}

#col-name .form-control,
#col-save-button button,
#col-email .form-control {
    padding: 10px !important;
}

.div-filter {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.8s;
}

.scrolled {
    position: fixed;
    top: 6%;
    left: 0;
    right: 0;
    z-index: 99999;
}

.colection-product {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    transform: translateY(250px);
    background: #fff;
    border-top: 5px solid var(--primary-color);
    padding: 10px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition: 0.8s;
}

.colection-product.visible {
    transform: translateY(0);
}

.colection-product .cardes-priderd img {
    max-width: 100px !important;
    object-fit: cover;
    border-radius: 15px;
    max-height: 100px !important;
}

.emageprodecut {
    display: flex;
    margin-bottom: 7px;
    gap: 5px;
    align-items: center;
    padding-left: 110px;
}

.emageprodecut {
    display: flex;
    gap: 5px;
    align-items: center;
}
.ltr .emageprodecut{
    padding-right: 110px;
}
.product-item .product-title {
    white-space: unset !important;
    cursor: pointer !important;
}

.ltr .price-count {
    right: 15px;
    left: auto;
}

.botnen:not(:has(#product-description)) {
    display: none;
}

.ltr .tab-product .description-title {
    margin-left: 0px !important;
}

.price-count {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    position: absolute;
    top: 25px;
    left: 15px;
}

.fixed-btn .btn-cart .btn-primary {
    width: 100% !important;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
}

#related-products .slick-arrow {
    opacity: 1 !important;
    background: var(--primary-color) !important;
}

#related-products .slick-disabled {
    opacity: 0.7 !important;
}

.product-card-rating-wrapper {
    position: absolute;
    top: 60%;
    left: 0;
    display: flex;
    align-items: center;
}

.prod-col .product-card-rating span {
    margin: 0 !important;
    letter-spacing: -20px;
}

.theme-settings button {
    font-size: 32px;
    background-color: transparent !important;
    border: 0 !important;
    max-width: fit-content !important;
    padding: 0 !important;
}

#modal-select-destination-city .modal-select-destination-city-content {
    border-radius: 10px !important;
    border: 1px solid var(--primary-color) !important;
}

.cart-header-total {
    margin: 0 !important;
    display: none !important;
}

.no-border {
    color: var(--primary-color) !important;
}

.product-card-bundle-offer {
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
}


.filter-block-width .row {
    flex-direction: column !important;
    max-width: 180px;
    margin-top: 15px;
}

.custom-checkbox-label {
    font-size: 15px;
}

.form-products-filter .form-group {
    flex-direction: column-reverse !important;
}

#products-list-filter-form-clear {
    background: #dc3545;
    border-radius: 10px;
    padding: 5px;
    color: #fff;
}

#products-list-filter-form-save {
    background: var(--primary-color);
    border-radius: 10px;
    padding: 5px;
    color: #fff;
}

.reviews-break-down-empty {
    border-radius: 10px !important;
    border: 1px solid var(--primary-color);
}

.shipping-payment-card {
    border: 1px solid var(--primary-color) !important;
    border-radius: 10px !important;
}

.align-items-lg-center {
    justify-content: space-between !important;
}

.shipping-text {
    justify-content: space-between;
}

.tab-content-shipping {
    margin: 20px;
}

.invoice-details {
    position: fixed;
    bottom: -36%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    transition: bottom 0.3s ease;
    z-index: 1000;
    transition: 0.8s;
    border-top: 4px solid var(--primary-color);
}

.invoice-details.scrolledd {
    transition: 0.8s;
    bottom: -35%;
}

.invoice-details.new-class {
    bottom: 0%;
}

.new-class .bi-arrow-bar-up::before {
    content: "\f112";
}

.search-header .image-logo {
    object-fit: contain;
    max-height: 70px !important;
}

.products-filters-attribute-form #attribute_form>.attribute-group:last-child {
    display: none;
}

.ltr .product-card-rating-wrapper {
    right: 5px;
    display: flex;
    gap: 5px;
    left: auto;
}

.ltr .product-card-rating-count {
    padding-left: 12px;
}

.ltr .prod-col:hover .bton-added {
    transform: translate(-8px, -45px);
}

/* .designs,
.alls-main,
.main-slider,
.search-header,
.feature-section,
.home-categories-section,
.shorts,
.moderns,
.home-products-section,
.Qualitys,
.Dedicated-sections,
.testimonials-slider-wrapper,
.news,
.partners-slider-wrapper,
.gallery-section,
.explorations,
.sliders {
    display: none !important;
} */


.play-icon,
.iframe-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0 auto;
}

.play-icon {
    z-index: 2;
    cursor: pointer;
    opacity: 0.5;
    width: 70px !important;
    max-width: 25%;
    border: none !important;
}

.play-icon:hover {
    opacity: 1;
}

.iframe-video {
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: black;
}

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

.add-to-wishlist {
    position: absolute;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
}

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

.icon-heart-mask {
    display: inline-block;
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    mask-size: 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1603 2.00004C18.1002 0.937251 16.6951 0.288583 15.1986 0.171213C13.7021 0.0538432 12.213 0.475509 11.0003 1.36004C9.72793 0.413681 8.14427 -0.0154454 6.5682 0.159081C4.99212 0.333607 3.54072 1.09882 2.50625 2.30063C1.47178 3.50244 0.931098 5.05156 0.993077 6.63606C1.05506 8.22055 1.71509 9.72271 2.84028 10.84L9.05028 17.06C9.57029 17.5718 10.2707 17.8587 11.0003 17.8587C11.7299 17.8587 12.4303 17.5718 12.9503 17.06L19.1603 10.84C20.3279 9.66531 20.9832 8.07632 20.9832 6.42004C20.9832 4.76377 20.3279 3.17478 19.1603 2.00004ZM17.7503 9.46004L11.5403 15.67C11.4696 15.7414 11.3855 15.798 11.2928 15.8367C11.2001 15.8753 11.1007 15.8953 11.0003 15.8953C10.8999 15.8953 10.8004 15.8753 10.7077 15.8367C10.615 15.798 10.5309 15.7414 10.4603 15.67L4.25028 9.43004C3.46603 8.62839 3.02689 7.55151 3.02689 6.43004C3.02689 5.30858 3.46603 4.2317 4.25028 3.43004C5.04943 2.64103 6.12725 2.19861 7.25028 2.19861C8.3733 2.19861 9.45112 2.64103 10.2503 3.43004C10.3432 3.52377 10.4538 3.59817 10.5757 3.64893C10.6976 3.6997 10.8283 3.72584 10.9603 3.72584C11.0923 3.72584 11.223 3.6997 11.3449 3.64893C11.4667 3.59817 11.5773 3.52377 11.6703 3.43004C12.4694 2.64103 13.5472 2.19861 14.6703 2.19861C15.7933 2.19861 16.8711 2.64103 17.6703 3.43004C18.4653 4.22119 18.9189 5.29223 18.9338 6.41373C18.9488 7.53522 18.5239 8.61798 17.7503 9.43004V9.46004Z' fill='%23A1A0A9'/%3E%3C/svg%3E");
}


.icon-heart-mask.filled {
    background-image: url("data:image/svg+xml;utf8,%3Csvg width='22' height='18' viewBox='-1 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5117 1.37891L10.5117 2.37891L8.01172 1.87891L4.51172 0.878906L1.51172 3.37891L1.01172 7.87891L5.01172 12.8789L10.5117 17.3789C11.1784 16.5456 12.6117 14.7789 13.0117 14.3789C13.4117 13.9789 16.5117 11.2122 18.0117 9.87891L19.0117 4.87891L16.0117 1.87891L13.5117 1.37891Z' fill='%23D86F6F'/%3E%3Cpath d='M18.172 1.87907C17.112 0.816279 15.7068 0.167612 14.2103 0.0502417C12.7139 -0.0671284 11.2248 0.354538 10.012 1.23907C8.73965 0.292709 7.15599 -0.136417 5.57991 0.038109C4.00384 0.212635 2.55243 0.977849 1.51797 2.17966C0.483501 3.38146 -0.0571834 4.93059 0.00479541 6.51509C0.0667742 8.09958 0.726812 9.60174 1.85199 10.7191L8.06199 16.9391C8.58201 17.4509 9.28238 17.7377 10.012 17.7377C10.7416 17.7377 11.442 17.4509 11.962 16.9391L18.172 10.7191C19.3396 9.54434 19.9949 7.95535 19.9949 6.29907C19.9949 4.6428 19.3396 3.0538 18.172 1.87907ZM16.762 9.33907L10.552 15.5491C10.4813 15.6204 10.3972 15.6771 10.3045 15.7157C10.2118 15.7544 10.1124 15.7743 10.012 15.7743C9.91157 15.7743 9.81214 15.7544 9.71945 15.7157C9.62677 15.6771 9.54266 15.6204 9.47199 15.5491L3.26199 9.30907C2.47775 8.50742 2.0386 7.43054 2.0386 6.30907C2.0386 5.18761 2.47775 4.11073 3.26199 3.30907C4.06115 2.52006 5.13897 2.07764 6.26199 2.07764C7.38502 2.07764 8.46284 2.52006 9.26199 3.30907C9.35496 3.4028 9.46556 3.47719 9.58742 3.52796C9.70928 3.57873 9.83998 3.60487 9.97199 3.60487C10.104 3.60487 10.2347 3.57873 10.3566 3.52796C10.4784 3.47719 10.589 3.4028 10.682 3.30907C11.4811 2.52006 12.559 2.07764 13.682 2.07764C14.805 2.07764 15.8828 2.52006 16.682 3.30907C17.477 4.10022 17.9306 5.17126 17.9455 6.29276C17.9605 7.41425 17.5356 8.49701 16.762 9.30907V9.33907Z' fill='%23D86F6F'/%3E%3C/svg%3E");

}

#wishlist-list .bton-added {
    position: unset !important;
    transform: unset !important;

}

.icon-language_white:before {
    display: none !important;
}

.slick-track {
    margin-left: unset !important;
    margin-right: unset !important;
}

.product-card-rating-count {
    display: none !important;
}

.product-item .product-prev-price {
    font-size: 15px;
}

.offered-pointers {
    display: flex;
    flex-direction: column;
    gap: 7px;
    max-height: 100px;
    overflow-y: auto;
}

.offered-pointers::-webkit-scrollbar {
    width: 5px;
    border-radius: 50%;
    height: 10px;
}

.offered-pointers::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

.product-crd-spec span {
    font-size: 18px;
    font-weight: 400;
}

.store-section .social-icons {
    margin-left: 0;
    margin-right: 0;
}

.slide-menu ul li {
    border-bottom: 1px solid var(--primary-color);
}

.slide-menu ul li:last-child {
    border-bottom: 0 !important;
}

.slide-menu ul li:first-child {
    border-bottom: 0 !important;
}

.content-video.unset::after {
    display: none !important;
}

.products-details-page .offcanvas.offcanvas-end {
    z-index: 999999999999 !important;
    overflow-y: auto !important;
}

.sub-categru.removed {
    display: none;
}

.sub-categru.height {
    max-height: auto !important;
}

/*** style for css responsiv ***/
@media (max-width: 1600px) {
    .product-prev-price {
        display: none;
    }

    .prod-col {
        margin: 4px !important;
    }

    .product-item .product-title>span {
        font-size: 18px;
        line-height: 140%;
    }

    .catergry-svg {
        right: -33px;
    }

    .category-item img {
        max-height: 170px;
    }

    .category-item a,
    .category-item img {
        min-height: 170px;
        min-width: 170px;
    }

    .categories-slider .category-item {
        max-width: 170px;
        min-width: 170px;
    }

    .categ-wrabber {
        max-width: 306px;
        max-height: 306px;
    }

    .opt-bord {
        right: -100px;
    }

    .content-designs {
        max-width: 35%;
    }

    .designs-imaeg {
        height: 290px;
    }

    .search-header .image-logo {
        max-width: 175px !important;
    }

    .gear::before,
    .theme-settings button,
    .hearts i,
    .header-theme-icon-primary>.path2,
    .icon-search:before,
    .header-theme-icon-primary,
    .icon-language_white {
        font-size: 30px !important;
    }

    ul.main-nav>li>a {
        padding: 5px !important;
    }

    .container-fluid {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}

@media (max-width: 1400px) {
    .product-item .product-title>span {
        line-height: 125%;
    }

    .disck {
        display: none !important;
    }

    .prod-col {
        margin: 5px !important;
    }

    .quality-products {
        display: grid;
        grid-template-columns: repeat(6, 1fr);

    }



    .short-wrapper .alls-image:nth-child(3) {
        grid-area: item3;
        max-height: 400px;
        min-height: 400px;
    }

    .short-wrapper .alls-image:nth-child(5) {
        grid-area: item5;
        max-height: 400px;
        min-height: 400px;
    }

    .short-wrapper .alls-image:nth-child(4) {
        grid-area: item4;
        max-height: 400px;
        min-height: 400px;
    }

    .short-wrapper .alls-image:nth-child(2) {
        grid-area: item2;
        max-height: 400px;
        min-height: 400px;
    }

    .short-wrapper .alls-image:first-child {
        grid-area: item1;
        max-height: 820px;
        min-height: 350px;
    }

    .news-iamge {
        width: 87%;
    }

    .categ-wrabber {
        max-width: 261px;
        max-height: 261px;
    }

    .products-container .products-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }


    .products-list .prod-col-attr {
        min-width: auto;
        width: 100% !important;
    }

    .coled {
        gap: 10px;
    }

    .opt-bord {
        right: -71px;
    }

    .prod-col:hover .bton-added {
        transform: translate(8px, -42px);
    }

    .bton-primires {
        padding: 1px 5px;
    }

    .Tax-options .taxable {
        top: 24%;
    }

    .bton-added>.btn {
        font-size: 17px !important;
    }

    .testimonials-customer-name {
        font-size: 20px;
    }

    .svg-review {
        left: 15px;
    }

    .testimonials-customer-card {
        margin: 30px 47px !important;
        padding: 28px !important;
    }

    .testimonials-image {
        width: 115px;
        height: 115px;
    }

    .content-slider {
        top: 20%;
    }

    .modern-imaeg {
        height: 350px;
    }

    .content-designs {
        top: 16%;
        gap: 13px;
        max-width: 45%;
    }

    .content-designs h1 {
        font-size: 20px;
    }

    .designs-imaeg {
        height: 280px;
    }

    .section-title {
        font-size: 21px;
    }

    .features-section-img {
        width: 180px;
    }

    .feature-title {
        font-size: 35px;
    }

    .slide-menu-static {
        display: none;
    }

    .offcanvas-body .settings-list .slide-menu-static {
        display: block;
    }

    .slide-menu {
        width: 50% !important;
    }

    ul.main-nav {
        display: none !important;
    }

    .ic.menu {
        display: block !important;
        margin-left: 5px !important;
        left: 0 !important;
        max-width: fit-content !important;

    }

    .search-header .image-logo {
        max-width: 165px !important;
    }

    .container-fluid {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
}

@media (max-width: 1200px) {
    .col-product-info {
        padding: 10px !important;
    }

    .tab-content {
        margin-top: 65px;
        padding-bottom: 0px;
    }

    .quality-products {
        grid-template-columns: repeat(5, 1fr);
    }

    .short-wrapper .alls-image:first-child {
        grid-area: item1;
        max-height: 700px;
        min-height: 350px;
    }

    .offered {
        padding: 5px;
    }

    .roles {
        gap: 10px;
    }

    .bton-primires {
        padding: 1px 2px;
    }

    .news-iamge {
        width: 85%;
    }

    .catgred {
        gap: 10px;
    }

    #products-list-filter-form-checkbox-on-sale {
        display: none;
    }

    .form-products-filter {
        max-width: 150px;
    }

    .product-attributes {
        min-width: 180px !important;
        width: 180px !important;
        padding-inline-end: unset !important;
    }

    .filters {
        max-width: 180px;
    }

    .products-filter {
        max-width: 180px;
        min-width: 180px;
    }

    #col-save-button {
        margin-top: 23px;
    }

    .profile-section {
        width: 33% !important;
    }

    .profile-item-image {
        font-size: 30px !important;
        width: 40px !important;
    }

    .short-wrapper .alls-image:nth-child(2),
    .short-wrapper .alls-image:nth-child(3),
    .short-wrapper .alls-image:nth-child(4),
    .short-wrapper .alls-image:nth-child(5) {
        max-height: 350px;
        min-height: 350px;
    }

    .short-wrapper .alls-image {
        border-radius: 15px;
    }

    .short-wrapper {
        gap: 10px;
    }

    .news-wrapper .nav-item .nav-link {
        font-size: 19px;
        padding: 10px;
    }

    .news-iamge {
        height: 330px;
    }

    .opt-bord {
        right: -45px;
    }

    .partners-coment p {
        font-size: 15px;
    }

    .partners-coment h2 {
        font-size: 18px;
    }

    .partners-item img {
        max-width: 75px !important;
        max-height: 75px !important;
    }


    .bton-added>.btn {
        font-size: 16px !important;
    }

    .Tax-options .taxable {
        padding: 3px;
    }


    .alls-wrapper {
        grid-template-columns: 1fr 1fr;
    }



    .content-slider {
        right: 80px;
    }

    .content-slider {
        max-width: 42%;
    }

    .content-slider p {
        font-size: 17px;
    }

    .content-slider h1 {
        font-size: 31px;
    }

    .title-dedicated {
        font-size: 25px;
    }

    .content-exploration h1 {
        font-size: 33px;
    }

    .content-video h2 {
        font-size: 45px;
    }

    .time-item span {
        height: 70px;
        width: 70px;
        padding: 0px 15px;
        font-size: 45px;
    }

    .time-item p {
        font-size: 21px;
        font-weight: 500;
    }

    .modern-imaeg {
        height: 325px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .designs-imaeg {
        height: 250px;
    }

    .content-designs {
        max-width: 50%;
        gap: 10px;
        right: 15px;
    }

    .designs-wrapper {
        gap: 10px;
    }

    .container-fluid {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .section-title {
        font-size: 20px;
    }

    .featured::after {
        top: 60px;
        left: 78px;
    }

    .borders {
        top: -110px;
    }

    .bord-1 {
        padding: 30px;
    }

    .features-section-img {
        width: 145px;
    }

    .feature-title {
        font-size: 32px;
    }

    .main-contended h2 {
        font-size: 37px;
    }

    .category-item h3 {
        font-size: 20px;
    }

    .ic-menu-back {
        display: none !important;
    }

    .badge-name {
        z-index: 1 !important;
    }

}

@media (max-width: 992px) {
    .back-to-top {
        width: 40px;
        height: 40px;
    }

    .product-item .product-title>span {
        height: 38px;
    }

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

    .product-item .product-title>span {
        font-size: 16px;
    }

    .offer-name {
        font-size: 15px;
    }

    .container-fluid {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .btn-filter {
        display: none;
    }

    .offered {
        padding: 10px;
    }

    .cart-product-total-price {
        font-size: 16px;
    }

    .cart-product-col-details h1 a {
        font-size: 18px;
    }

    .cart-product-col-img {
        width: 90px !important;
    }

    .sub-categru .card-body {
        padding: 8px !important;
        border-radius: 10px;
    }

    .sub-categru .card-body {
        gap: 5px;
    }

    .subcategories-image {
        width: 55px;
        height: 55px;
    }

    .categories-row {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: unset;
    }

    .catgred {
        gap: 5px;
    }

    .products-pagination ul {
        gap: 10px;
    }

    .products-container .products-list {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .attribute-price-body .form-row .col-md-6 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .attribute-price-body .form-row {
        flex-direction: column;
    }

    .product-attributes {
        min-width: 150px !important;
        width: 150px !important;
        padding-inline-end: unset !important;
    }

    .products-filter {
        max-width: 150px;
        min-width: 150px;
    }

    .profile-section-dropdown .dropdown-menu>li>a {
        border-radius: 10px;
        border: 1px solid var(--primary-color) !important;
    }

    .profile-section-dropdown .dropdown ul.dropdown-menu {
        border-radius: 10px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100%;
        top: 100% !important;
    }

    .profile-section-dropdown .nav {
        position: relative !important;
    }

    .profile-section-dropdown .dropdown {
        border-radius: 10px !important;
    }

    .profile-section-dropdown {
        margin: 15px !important;
    }

    .offcanvas.offcanvas-end {
        max-width: 50%;
    }

    .products-details-page .lg-thumbs .col-3 {
        max-width: 15% !important;
    }

    .colection-product .cardes-priderd img {
        max-width: 90px !important;
        max-height: 90px !important;
    }

    .comment-section {
        max-width: 300px;
    }

    .card-review .icon-account_circle {
        width: 33px;
        height: 33px;
    }

    .questions-card-preview,
    .card-review {
        padding: 10px;
    }

    .user-review-text {
        margin-right: 0 !important;
    }

    .card-name-customer {
        font-weight: 500 !important;
    }

    .card-review .review-reply-card {
        margin-right: 0 !important;
    }

    .card-review .review-images-container img {
        width: 80px !important;
        height: 80px !important;
    }

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

    #add-review-btn,
    #addQuestionButton {
        font-size: 20px;
        max-width: 200px;
        padding: 10px !important;
    }

    .short-wrapper .alls-image:first-child {
        max-height: 650px;
    }

    .short-wrapper .alls-image:nth-child(2),
    .short-wrapper .alls-image:nth-child(3),
    .short-wrapper .alls-image:nth-child(4),
    .short-wrapper .alls-image:nth-child(5) {
        max-height: 320px;
        min-height: 320px;
    }

    .tab-content {
        margin-top: 75px;
    }

    .news-wrapper .nav-item .nav-link {
        font-size: 18px;
        padding: 9px;
    }

    .news-iamge {
        height: 270px;
        width: 80%;
    }

    .opt-bord {
        right: -20px;
    }

    .partners-coment h2 {
        font-size: 16px;
        font-weight: 500;
    }

    .partners-item img {
        max-width: 65px !important;
        max-height: 65px !important;
    }

    .partners-slider .partners-item {
        margin: 0 !important;
    }

    .Qualitys-main .nav-item .nav-link {
        font-size: 19px;
    }

    .quality-products {
        grid-template-columns: repeat(4, 1fr);
    }

    .prod-col:hover .bton-added {
        transform: translate(8px, -40px);
    }



    .testimonials-customer-card {
        margin: 30px 48px !important;
    }

    .content-slider h1 {
        font-size: 27px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        align-self: stretch;
        overflow: hidden;
        min-height: 36px;
    }

    .sliders-wrapper .slick-dots {
        bottom: 15px !important;
    }

    .sliders-wrapper .slick-next {
        left: 15px !important;
    }

    .sliders-wrapper .slick-prev {
        right: 15px !important;
    }

    .content-slider {
        top: 10%;
        right: 65px;
    }

    .content-slider p {
        font-size: 16px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        align-self: stretch;
        overflow: hidden;
    }



    .content-slider {
        gap: 10px;
    }

    .title-dedicated {
        font-size: 22px;
    }

    .dedicated {
        gap: 10px;
    }

    .expalin-dedicated {
        font-size: 17px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        align-self: stretch;
        overflow: hidden;
    }

    .content-exploration h1 {
        font-size: 29px;
    }

    .content-exploration p {
        font-size: 19px;
    }

    .content-exploration {
        gap: 10px;
        padding: 20px;
    }

    .galleryed {
        gap: 10px;
    }

    .time-item span {
        font-size: 40px;
    }

    .content-video p {
        font-size: 19px;
    }

    .content-video h2 {
        font-size: 40px;
    }

    .modern-imaeg {
        height: 300px;
    }

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

    .categories-slider .slick-slide {
        max-width: unset;
    }

    .catergry-svg {
        right: -22%;
    }

    .category-item a,
    .category-item img {
        min-height: 160px;
        min-width: 160px;
    }

    .category-item h3 {
        font-size: 19px;
    }

    .designs-imaeg {
        height: 300px;
    }

    .designs-wrapper {
        grid-template-columns: 1fr;
    }

    .main-pointer {
        max-height: 60px;
        min-height: 60px;
        min-width: 60px;
        height: 60px;
        width: 60px;
    }


    .short-title a {
        font-size: 17px;
    }

    .section-title {
        font-size: 19px;
    }

    .feature-title {
        font-size: 30px;
    }

    .hero-image {
        object-fit: cover;
    }

    .offcanvas.offcanvas-start {
        width: 40%;
    }

    .main-contended h2 {
        font-size: 30px;
        max-width: 95%;
    }

    .main-contended p {
        font-size: 18px;

        max-width: 95%;
    }

    .wishlist-modal-body {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .footer-store-section-bars {
        flex-direction: row !important;
    }

    .footer .logistics-pay-icons {
        margin-right: 0;
        margin-left: 0;
    }

    .featured {
        flex-wrap: no wrap;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .featured::before {
        top: 250px;
    }


    .category-item h3 {
        font-size: 18px;
    }

}

@media (max-width: 768px) {
    .bton-added>.btn {
        margin-bottom: 3px;
    }

    .bton-added>.btn span {
        font-size: 15px !important;
    }

    .Tax-options {
        top: 44%;
    }

    .product-card {
        height: 180px;
    }

    .dd {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .product-card-rating-wrapper {
        top: 50%;
    }

    .ltr .bton-added {
        transform: unset !important;
    }

    .bton-added {
        transform: unset !important;
        position: unset !important;
    }

    .prod-col:hover .bton-added {
        all: unset !important;
    }



    .prodede::before {
        width: 45px;
        height: 45px;
    }

    .prodede::after {
        font-size: 18px;
    }

    .prodede {
        width: 25px;
        height: 25px;
    }



    .totlasgif {
        grid-template-columns: 1fr;
    }

    .cart-product-row {
        justify-content: flex-start;
    }

    .cart-products-action .form-group {
        margin-right: 0 !important;
    }

    .cart-totals-row-wrapper {
        font-size: 15px !important;
        font-weight: 400 !important;
    }

    .cart-product-prices>div {
        margin-right: 0 !important;
    }

    .cart-product-message-not-taxable span {
        font-size: 15px;
    }

    .cart-product-col-details h1 a {
        font-size: 17px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
    }

    .gift-card__body {
        padding: 0 !important;
    }

    .cart-product-col-img {
        width: 80px !important;
    }

    .cart-product-col-img {
        width: 80px !important;
    }

    .cart-product-row {
        gap: 10px;
    }

    .subTitle-detail {
        min-height: 300px;
    }

    .catgred {
        display: grid !important;
    }

    .sort-block-width .dropdown {
        width: 100%;
    }

    .filter-block-width .row {
        flex-direction: row;
        max-width: 100%;
    }

    .form-products-filter .text-color-primary {
        display: block !important;
    }

    .filter-buttons-container {
        max-width: unset;
    }

    .form-products-filter {
        max-width: unset;
    }

    .filters {
        max-width: unset;
    }

    .products-filter {
        max-width: unset;
        min-width: unset;
    }

    .filters {
        position: unset;
        margin-top: 10px;
    }

    .roles {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .products-list-filter-sm {
        display: none !important;
    }

    .aaddress-personal-btn {
        padding: 10px !important;
        background: var(--primary-color) !important;
    }

    .description-text-clear * {
        font-size: 17px !important;
    }

    .products-details-page {
        margin-top: 50px;
    }

    .products-details-page .slick-dots {
        display: none !important;
        bottom: -220px !important;
    }

    .products-details-page .lg-thumbs {
        display: flex !important;
    }

    .colection-product .cardes-priderd img {
        max-width: 80px !important;
        max-height: 80px !important;
    }

    .description-title {
        font-size: 1.5rem !important;
    }

    .user-review-date {
        display: none;
    }

    .card-review .review-reply-card {
        padding: 0 !important;
    }

    .card-name-customer {
        font-size: 18px !important;
    }

    .card-review .review-images-container img {
        width: 70px !important;
        height: 70px !important;
    }

    .card-review .card-body {
        padding: 0 !important;
    }

    #add-review-btn,
    #addQuestionButton {
        font-size: 18px !important;
        padding: 8px !important;
    }

    .comment-section {
        max-width: 223px;
    }

    .short-wrapper .alls-image:nth-child(2),
    .short-wrapper .alls-image:nth-child(3),
    .short-wrapper .alls-image:nth-child(4),
    .short-wrapper .alls-image:nth-child(5) {
        max-height: 279px;
        min-height: 279px;
    }

    .short-wrapper .alls-image:first-child {
        max-height: 575px;
    }

    .short-wrapper {
        grid-template-areas: "item1 item1 item2 item2"
            "item1 item1 item3 item3"
            "item4 item4 item5 item5";
    }

    .news-wrapper .nav-item .nav-link {
        font-size: 17px;
        padding: 8px;
    }

    .news-iamge {
        height: 250px;
        width: 77%;
    }

    .opt-bord {
        right: -11px;
    }

    .partners-slider .partners-item {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .partners-slider {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .content-alls h1 {
        font-size: 17px;
    }

    .quality-products {
        display: grid;
        grid-template-columns: repeat(3, 1fr);

    }

    .Qualitys-main .nav-item .nav-link {
        font-size: 18px;
        padding: 5px;
    }



    .linke-urls a {
        font-size: 19px;
    }


    .alls-image {
        min-height: 470px;
    }

    .alls-wrapper {
        gap: 10px;
    }

    .svg-review {
        top: 26px;
    }

    .testimonials-customer-text {
        white-space: break-spaces;
        font-size: 17px;
    }

    .slider-imgs .slid-imog {
        min-height: 215px;
    }

    .content-slider {
        top: 7%;
        right: 45px;
        gap: 5px;
        max-width: 55%;
    }

    .sliders-wrapper .slick-dots {
        bottom: 5px !important;
    }

    .sliders-wrapper .slick-next {
        left: 5px !important;
    }

    .sliders-wrapper .slick-prev {
        right: 5px !important;
    }

    .sliders-imaeg .bton-link {
        font-size: 17px;
        padding: 10px;
    }

    .content-slider h1 {
        font-size: 21px;
        min-height: 59px;
        line-height: 125%;
    }

    .dedicated {
        grid-template-columns: 1fr;
    }

    .content-dedicated {
        gap: 10px;
    }

    .title-dedicated {
        font-size: 18px;
    }

    .expalin-dedicated {
        font-size: 16px;
    }

    .content-exploration p {
        font-size: 17px;
    }

    .content-exploration {
        padding: 10px;
    }

    .content-exploration h1 {
        font-size: 24px;
    }

    .exploration-image {
        height: 353px;
    }

    .time-item span {
        height: 60px;
        width: 60px;
        padding: 0px 13px;
        font-size: 35px;
    }

    .time-item p {
        font-size: 20px;
        font-weight: 500;
    }

    .video-dedicated-1 video,
    .video-dedicated-2 video {
        min-width: 450px;
        max-height: 500px;
        object-fit: cover;
        width: 100%;
    }

    .content-video h2 {
        font-size: 35px;
        max-width: 70%;
    }

    .content-video p {
        font-size: 16px;
        max-width: 90%;
    }

    .content-video {
        gap: 10px;
    }

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

    .section-title {
        font-size: 18px;
    }

    .category-item h3 {
        font-size: 17px;
    }

    .category-item a,
    .category-item img {
        min-height: 190px;
        min-width: 190px;
    }

    .designs-imaeg {
        height: 250px;
    }



    .ticker-wrap .ticker a.ticker-item {
        font-size: 17px;
    }

    .wishlist-item .icon-delete {
        font-size: 28px;
        font-weight: 700;
    }

    .price-older {
        font-size: 15px;
    }

    .product-price span {
        font-size: 16px;
    }

    .product-title span {
        font-size: 17px;
    }

    .cards-prod-img {
        max-width: 140px;
        height: 140px;
    }

    .container-fluid {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .gear::before,
    .theme-settings button,
    .hearts i,
    .header-theme-icon-primary>.path2,
    .icon-search:before,
    .header-theme-icon-primary,
    .icon-language_white {
        font-size: 28px !important;
    }

    .wishlist-modal-body {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .offcanvas-body .settings-list .slide-menu-static .account-btn {
        display: block !important;
    }


    .upper-bar {
        display: block !important;
    }

    .offcanvas-body .account-btn span,
    .offcanvas-body .language-button-area span {
        font-size: 21px;
    }

    .settings-item {
        border-radius: 6px;
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

    .offcanvas-body .account-lang-currency {
        padding: 8px;
    }

    .main-contended h2 {
        font-size: 28px;
    }

    .main-contended p {
        font-size: 17px;
    }
    .emageprodecut{
        padding-left: 0;
    }
    .ltr .emageprodecut{
        padding-right: 0;
    }
    .price-count {
    
    position: relative;
    top: unset;
    left: unset;
}
   .ltr .price-count {
    
    position: relative;
    top: unset;
    left: unset;
}
    .bton-link {
        font-size: 17px;
        border-radius: 10px;
        padding: 10px;
    } 

    .section-title::before {
        height: 37px;
    }

    .catergry-svg {
        right: -12%;
    }

    .category-item img {
        max-height: 159px;
    }

    .btn-close {
        background: #ffffff var(--bs-btn-close-bg) center / 1em auto no-repeat !important;
    }

    .header-offcanvas {
        overflow-y: auto;
    }
}


@media (max-width: 576px) {
    .all-footers {
        flex-direction: column-reverse !important;
    }

    .quality-products {
        grid-template-columns: repeat(2, 1fr);
    }

    .exploration-image {
        height: 300px;
    }

    .video-dedicated-1 video,
    .video-dedicated-2 video {
        min-width: 390px;
        width: 100%;
    }

    .alls-com {
        display: none;
    }

    .alls-mob {
        display: block;
    }

    .slid-com {
        display: none !important;
    }

    .slid-mob {
        display: block !important;
    }

    .new-com {
        display: none;
    }

    .new-mob {
        display: block;
    }

    .banar-prod-image .pionter-com {
        display: none;
    }

    .banar-prod-image .pionter-mob {
        display: block;
    }

    .main-slider .img-mobile {
        display: block;
    }

    .main-slider .img-desctop {
        display: none;
    }

    .offers-pointers {
        justify-content: center;
    }

    .offers-products {
        gap: 3px;
    }

    .main-pointer {
        max-height: 50px;
        min-height: 50px;
        min-width: 50px;
        height: 50px;
        width: 50px;
    }

    .offered {
        padding: 5px;
        bottom: -5px;
    }

    .added-caret {
        font-size: 18px;
        font-weight: 500;
    }

    .sub-categru {
        max-height: 150px;
        padding: 10px;
        overflow: hidden;
        overflow-y: auto;
        border: 1px solid var(--primary-color);
    }

    .subcategories-image {
        width: 48px;
        height: 48px;
    }

    .categories-row {
        grid-template-columns: 1fr 1fr;
    }

    .subTitle-detail {
        min-height: 280px;
    }

    .bton-filter {
        width: 50%;
    }

    .products-container .products-list {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .profile-item-image {
        font-size: 25px !important;
        width: 30px !important;
    }

    .products-details-page .lg-thumbs {
        gap: 10px;
    }

    .size-box #product-variants-options ul li {
        padding: 5px 7px !important;
    }

    .modal-comment-content {
        max-width: 90%;
        margin: auto;
    }

    #add-review-btn,
    #addQuestionButton {
        max-width: 100%;
    }

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

    .roled::after {
        display: none;
    }

    .producted-settings,
    .setting-descrption,
    .settings-descrptions {
        font-size: 16px;
    }

    .method .method-tex {
        text-align: center;
    }

    .method .method-emg {
        height: 30px;
        width: 30px;
        min-width: 30px;
        min-height: 30px;
    }

    .Payment-methods {
        gap: 10px;
    }

    .roled {
        grid-template-columns: 1fr;
    }

    .ltr .price-count {
        right: 5px;
        left: auto;
    }

    .price-count {
        top: 2px;
        left: 5px;
    }

    .colection-product .cardes-priderd img {
        max-width: 70px !important;
        max-height: 70px !important;
    }

    .colection-product {
        width: 90%;
    }

    .short-wrapper .alls-image:nth-child(2),
    .short-wrapper .alls-image:nth-child(3),
    .short-wrapper .alls-image:nth-child(4),
    .short-wrapper .alls-image:nth-child(5) {
        max-height: 205px;
        min-height: 205px;
    }

    .short-wrapper .alls-image:first-child {
        max-height: 420px;
    }

    .news-wrapper .tab-content {
        margin-top: 20px;
    }

    .news-wrapper .nav-item .nav-link {
        font-size: 16px;
        padding: 7px;
    }

    .news-iamge {
        height: 235px;
        width: 75%;
    }

    .opt-bord {
        right: -8px;
    }

    .partners-coment h2 {
        font-size: 15px;
        font-weight: 600;
    }





    .product-card-rating-count {
        font-size: 15px !important;
    }



    .product-title span {
        font-size: 16px;
    }

    .categorey-title span {
        font-size: 15px;
    }

    .content-alls .bton-link {
        padding: 10px;
        margin-top: 15px;
        max-width: 85% !important;
    }

    .alls-image:hover .linke-urls {
        transform: translateY(156px);
    }

    .content-alls h1 {
        font-size: 16px;
        padding: 10px;
    }

    .linke-urls {
        gap: 10px;
    }

    .linke-urls a {
        font-size: 18px;
    }

    .content-alls .bton-link {
        padding: 8px;
        margin-top: 17px;
        max-width: 50% !important;
        font-size: 15px !important;
    }

    .alls-image:hover .content-alls .bton-link {
        transform: translateY(105px);
    }

    .alls-image:hover .linke-urls {
        transform: translateY(105px);
    }

    .alls-image:hover .content-alls h1 {
        transform: translateY(50px);
    }

    .alls-image {
        min-height: 350px;
    }

    .content-alls h1 {
        transform: translateY(290px);
    }

    .testimonials-customer-card {
        margin: 29px 48px 30px 18px !important;
    }

    .sliders-imaeg .bton-link {
        font-size: 16px;
        padding: 8px;
    }

    .content-slider p {
        font-size: 15px;
    }

    .content-slider h1 {
        font-size: 20px;
        min-height: 55px;
    }

    .exploration-slider {
        grid-template-columns: 1fr;
    }

    .time-item span {
        height: 50px;
        width: 50px;
        padding: 0px 10px;
        font-size: 28px;
    }

    .gallery-section .video-container video {
        min-height: 450px;
        object-fit: cover;
        width: 100%;
    }

    .time-item p {
        font-size: 17px;
        font-weight: 400;
    }

    .content-video h2 {
        font-size: 25px;
    }

    .galleryed {
        grid-template-columns: 1fr;
    }

    .modern-svg1 {
        bottom: -58px;
    }

    .modern-svg {
        top: -58px;
    }

    .modern-imaeg {
        height: 250px;
    }

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

    .catergry-svg {
        right: -19%;
    }

    .category-item a,
    .category-item img {
        min-height: 170px;
        min-width: 170px;
    }

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

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

    }


    .short-title a {
        font-size: 16px;
    }

    .content-designs {
        max-width: 60%;
        gap: 5px;
        right: 15px;
        top: 13%;
    }

    .content-designs h1 {
        font-size: 18px;
    }

    .designs-imaeg {
        height: 210px;
    }

    .features-section-img {
        width: 130px;
    }

    .featured::before {
        right: 60px;
    }

    .feature-title {
        font-size: 26px;
    }

    .feature-title {
        font-size: 26px;
    }

    .wishlist-modal-body {
        grid-template-columns: 1fr 1fr;
    }

    .hero-image {
        height: 90vh !important;
    }

    .main-slider {
        height: 90vh;
    }

    .cart-badge {
        width: 15px;
        height: 15px;
    }

    .offcanvas-body .account-btn span,
    .offcanvas-body .language-button-area span {
        font-size: 19px;
    }

    .settings-item {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .bton-link {
        font-size: 17px;
    }

    .gear::before,
    .theme-settings button,
    .hearts i,
    .header-theme-icon-primary>.path2,
    .icon-search:before,
    .header-theme-icon-primary,
    .icon-language_white {
        font-size: 25px !important;
    }

    .search-header .image-logo {
        max-width: 140px !important;
    }

    .main-contended p {
        font-size: 16px;
    }

    .main-contended h2 {
        font-size: 25px;
    }

    .container-fluid {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    #wishlist-counter {
        width: 16px;
        height: 16px;
    }

    .gift-popover-body {
        width: 100px;
        height: 120px;
    }

    .offcanvas.offcanvas-start {
        width: 55%;
    }

    .content-designs .bton-link {
        padding: 8px;
    }

    .slide-menu a {
        padding: 10px;
    }

}

@media (max-width: 450px) {
    .products-container .products-list {
        grid-template-columns: 1fr 1fr;
    }

    .slide-menu-static .upper-bar>div>div {
        margin: 5px 0px;
    }

    .content-video h2 {
        max-width: 90%;
    }

    .content-slider h1 {
        font-size: 18px;
        min-height: 45px;
    }

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

    .slide-menu {
        width: 65% !important;
    }

    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .offcanvas.offcanvas-end {
        max-width: 70%;
    }

    .alls-image {
        min-height: 270px;
    }

    .alls-image:hover .content-alls .bton-link {
        transform: translateY(55px);
    }

    .alls-image:hover .linke-urls {
        transform: translateY(55px);
    }

    .alls-image:hover .content-alls h1 {
        transform: translateY(15px);
    }

    .content-alls h1 {
        font-size: 17px;
        transform: translateY(220px);
    }

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

    .video-dedicated-1 video,
    .video-dedicated-2 video {
        min-width: 320px;
        width: 100%;
    }

    .offer-formatted_price {
        font-weight: 400;
    }

    .offered {
        padding: 0px 3px;
    }

    .prodede {
        width: 20px;
        height: 20px;
    }

    .prodede::before {
        width: 40px;
        height: 40px;
    }

    .prodede::after {
        font-size: 15px;
    }

    .custom-field-name,
    .custom-field-value {
        font-size: 15px;
    }

    .cart-product-col-img {
        width: 70px !important;
    }

    .subTitle-detail {
        min-height: 250px;
    }

    .profile-item-title {
        font-size: 1rem !important;
    }

    .prod-name {
        font-size: 18px;
        margin-top: 16px;
    }

    .products-details-page {
        margin-top: 25px;
    }

    .col-product-info {
        padding: 15px 10px !important;
    }

    .description-text-clear * {
        font-size: 15px !important;
    }

    .product-title {
        font-size: 15px;
    }

    .producted-settings,
    .setting-descrption,
    .settings-descrptions {
        font-size: 15px;
    }

    .main-3 {
        min-width: 100%;
    }

    .short-wrapper .alls-image:nth-child(2),
    .short-wrapper .alls-image:nth-child(3),
    .short-wrapper .alls-image:nth-child(4),
    .short-wrapper .alls-image:nth-child(5) {
        max-height: 160px;
        min-height: 160px;
    }

    .short-wrapper .alls-image:first-child {

        max-height: 330px;
        min-height: 330px;
    }

    .news-wrapper .nav-item .nav-link {
        padding: 5px;
    }

    .news-iamge {
        height: 215px;
        width: 68%;
    }

    .partners-slider {
        white-space: wrap;
    }

    .partners-item img {
        max-width: 55px !important;
        max-height: 55px !important;
    }

    .Qualitys-main .nav-item .active::after {
        top: 42px;
    }

    .Qualitys-main .nav-item .nav-link {
        font-size: 16px;
        padding: 4px;
    }

    .product-card-bundle-offer {
        padding: 2px 1px !important;
    }



    .prod-col {
        margin: 3px !important;
    }

    .prod-col:hover .bton-added {
        transform: translate(8px, -38px);
    }

    .Tax-options .taxable {
        padding: 1px;
        top: 20%;
    }

    .bton-added>.btn {
        font-size: 15px !important;
        padding: 5px 0px;
    }

    .svg-review svg {
        width: 25px !important;
        height: 25px !important;
    }

    .testimonials-customer-name {
        font-size: 17px;
    }

    .star-review i {
        font-size: 17px;
    }

    .star-review {
        gap: 2px;
    }

    .testimonials-customer-card {
        margin: 29px 35px 30px 20px !important;
    }

    .testimonials-image {
        width: 90px;
        height: 90px;
    }

    .sliders-imaeg .bton-link {
        font-size: 15px;
        padding: 6px;
    }



    .content-slider {
        top: 15%;
        right: 35px;
        max-width: 50%;
    }

    .content-slider h1 {
        font-size: 18px;
        min-height: 43px;
        line-height: 132%;
    }

    .sliders-wrapper .slick-dots {
        bottom: 1px !important;
    }

    .sliders-wrapper .slick-next {
        left: 1px !important;
    }

    .sliders-wrapper .slick-prev {
        right: 1px !important;
    }


    .content-exploration h1 {
        font-size: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .content-exploration p {
        font-size: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .content-exploration h1 {
        font-size: 22px;
    }

    .exploration-image {
        height: 300px;
    }

    .time-item span {
        height: 40px;
        width: 40px;
        padding: 0px 5px;
        font-size: 20px;
    }

    .content-video p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-size: 15px;
        text-align: center;
    }

    .time-item p {
        font-size: 15px;
    }

    .content-video h2 {
        text-align: center;
        font-size: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .modern-svg1 {
        bottom: -60px;
    }

    .modern-svg {
        top: -60px;
    }

    .modern-imaeg {
        height: 165px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .category-item img {
        max-height: 80px;
    }

    .catergry-svg {
        right: -27%;
    }

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

    .category-item a,
    .category-item img {
        min-height: 150px;
        min-width: 150px;
    }

    .short-title a {
        font-size: 15px;
        margin-left: 0;
    }

    .section-title {
        font-size: 17px;
    }

    .category-item h3 {
        font-size: 16px;
    }

    .content-designs {
        max-width: 75%;
    }

    .content-designs h1 {
        font-size: 16px;
    }

    .features-section-img {
        width: 107px;
    }

    .main-contended p {
        font-size: 15px;
    }

    .main-contended h2 {
        font-size: 24px;
    }

    .account-lang-currency .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .hero-image {
        height: 70vh !important;
    }

    .main-slider {
        height: 70vh;
    }

    .bton-link {
        font-size: 16px;
        padding: 8px 15px;
    }

    .search-header .image-logo {
        max-width: 120px !important;
    }

    .gear::before,
    .theme-settings button,
    .hearts i,
    .header-theme-icon-primary>.path2,
    .icon-search:before,
    .header-theme-icon-primary,
    .icon-language_white {
        font-size: 23px !important;
    }

    .c-btn {
        padding: 0 !important;
    }

    .header-cart {
        gap: 5px !important;
    }

    .cards-prod-img {
        max-width: 110px;
        height: 110px;
    }

    .wishlist-item .icon-delete {
        font-size: 24px;
    }

    .product-title span {
        font-size: 16px;
    }

    .product-price span {
        font-size: 16px;
    }

    .header-theme-icon-primary>.path2 {
        padding-left: 25px;
    }

    .cart-badge {
        left: 12px;
    }
}

@media (max-width: 350px) {

    .video-dedicated-1 video,
    .video-dedicated-2 video {
        min-width: 290px;
        width: 100%;
    }


    .Qualitys-main .nav-item .nav-link {
        font-size: 15px;
        padding: 3px;
    }

    .catergry-svg {
        right: -40%;
    }

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

    .category-item a,
    .category-item img {
        min-height: 130px;
        min-width: 130px;
    }

    .feature-title {
        font-size: 22px;
    }

    .features-section-img {
        width: 96px;

    }
}

body[data-template="product"] .footer {
    padding-bottom: 184px;
}

/*** end for css responsiv ***/