.form_qty, #editCartModal .modal-body .edit-qty-form, #cartModal .product-item .product-info .product-qty {
  background-color: #f5f5f5;
  width: 90px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #EBEBEB;
}
.form_qty .qty-down, #editCartModal .modal-body .edit-qty-form .qty-down, #cartModal .product-item .product-info .product-qty .qty-down,
.form_qty .qty-up,
#editCartModal .modal-body .edit-qty-form .qty-up,
#cartModal .product-item .product-info .product-qty .qty-up {
  background-color: transparent;
  border: none;
  width: 25px;
  height: 25px;
  font-size: 12px;
}
.form_qty .qty-value, #editCartModal .modal-body .edit-qty-form .qty-value, #cartModal .product-item .product-info .product-qty .qty-value {
  width: 40px;
  height: 25px;
  text-align: center;
  outline: none;
}
.form_qty .qty-value::-webkit-outer-spin-button, #editCartModal .modal-body .edit-qty-form .qty-value::-webkit-outer-spin-button, #cartModal .product-item .product-info .product-qty .qty-value::-webkit-outer-spin-button, .form_qty .qty-value::-webkit-inner-spin-button, #editCartModal .modal-body .edit-qty-form .qty-value::-webkit-inner-spin-button, #cartModal .product-item .product-info .product-qty .qty-value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.size-selected, #editCartModal .modal-body .size-product, #modalAddToCart .product-info .size-product {
  color: #555;
  font-size: 14px;
  font-weight: 400;
}
.size-selected .size, #editCartModal .modal-body .size-product .size, #modalAddToCart .product-info .size-product .size {
  color: #111;
  font-weight: 600;
}

.size-option-group input, #filter-sidebar-modal .filter-size-options input, #editCartModal .modal-body .size-options input, #modalAddToCart .product-info .size-options input {
  display: none;
}
.size-option-group input:checked ~ .label-size, #filter-sidebar-modal .filter-size-options input:checked ~ .label-size, #editCartModal .modal-body .size-options input:checked ~ .label-size, #modalAddToCart .product-info .size-options input:checked ~ .label-size {
  background-color: #000;
  color: #fff;
}
.size-option-group .label-size, #filter-sidebar-modal .filter-size-options .label-size, #editCartModal .modal-body .size-options .label-size, #modalAddToCart .product-info .size-options .label-size {
  background-color: #fff;
  border: 1px solid #EBEBEB;
  border-radius: 3px;
  color: #555;
  padding: 6px 19px;
  transition: all 0.4s;
  line-height: 1.2;
  margin-bottom: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.size-option-group .label-size:hover, #filter-sidebar-modal .filter-size-options .label-size:hover, #editCartModal .modal-body .size-options .label-size:hover, #modalAddToCart .product-info .size-options .label-size:hover {
  background-color: #000;
  color: #fff;
}

.checkbox, #filter-sidebar-modal .filter-item .filter-checkbox, #cartModal .cart-checkout .subtotal .policy input {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #919191;
  margin-right: 8px;
  text-align: center;
}
.checkbox::before, #filter-sidebar-modal .filter-item .filter-checkbox::before, #cartModal .cart-checkout .subtotal .policy input::before {
  content: "\f00c";
  display: none;
  width: 100%;
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  font-size: 12px;
  color: #fff;
  line-height: 16px;
}
.checkbox:checked, #filter-sidebar-modal .filter-item .filter-checkbox:checked, #cartModal .cart-checkout .subtotal .policy input:checked {
  background-color: #111;
  border-color: #111;
}
.checkbox:checked::before, #filter-sidebar-modal .filter-item .filter-checkbox:checked::before, #cartModal .cart-checkout .subtotal .policy input:checked::before {
  display: block;
}

.scroll-y, .headerDashboard .dropdown .drop-body, #mayyoulike-slider, .trendProduct .tab-content .tab-pane .wrapper, #filter-sidebar-modal .modal-content {
  overflow-y: scroll;
}
.scroll-y::-webkit-scrollbar, .headerDashboard .dropdown .drop-body::-webkit-scrollbar, #mayyoulike-slider::-webkit-scrollbar, .trendProduct .tab-content .tab-pane .wrapper::-webkit-scrollbar, #filter-sidebar-modal .modal-content::-webkit-scrollbar {
  width: 8px;
}
.scroll-y::-webkit-scrollbar-thumb, .headerDashboard .dropdown .drop-body::-webkit-scrollbar-thumb, #mayyoulike-slider::-webkit-scrollbar-thumb, .trendProduct .tab-content .tab-pane .wrapper::-webkit-scrollbar-thumb, #filter-sidebar-modal .modal-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.scroll-y::-webkit-scrollbar-thumb:hover, .headerDashboard .dropdown .drop-body::-webkit-scrollbar-thumb:hover, #mayyoulike-slider::-webkit-scrollbar-thumb:hover, .trendProduct .tab-content .tab-pane .wrapper::-webkit-scrollbar-thumb:hover, #filter-sidebar-modal .modal-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.price-group .price-product, #filter-sidebar-modal .card .price-group .price-product, #modalAddToCart .product-info .price-group .price-product {
  padding: 20px 0;
  line-height: 1.2;
  color: #111;
  font-size: 30px;
  font-weight: 600;
}
.price-group .price-product.sale, #filter-sidebar-modal .card .price-group .price-product.sale, #modalAddToCart .product-info .price-group .price-product.sale {
  color: #d73f0f;
}
.price-group .price-product-discount, #filter-sidebar-modal .card .price-group .price-product-discount, #modalAddToCart .product-info .price-group .price-product-discount {
  text-decoration: line-through;
  color: #999;
  font-size: 20px;
  font-weight: 400;
  display: none;
}

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

html, body {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
  background-color: #fff;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: inherit;
}

button {
  background-color: transparent;
  border: none;
}

.btn {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 30px;
  padding: 11px 30px;
  border: 1px solid transparent;
  transition: all 0.4s;
  height: 50px;
}

.btn.btn--large {
  padding: 14px 55px;
}

.btn.btn--primary,
.btn.btn--primary:hover,
.btn.btn--secondary:hover {
  background-color: #111;
  color: #fff;
}

.btn.btn--secondary {
  background-color: #fff;
  color: #111;
  border-color: #dedede;
}

.btn.btn--carousel,
.btn.btn--carousel:hover {
  background-color: #fff;
  color: #111;
  font-weight: 700;
  padding: 15px 60px;
}

.btn {
  height: auto;
  padding: 15px 25px;
  border-radius: 5px;
  line-height: 1;
}
.btn.btn-primary-db {
  background-color: #8231D3;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.btn.btn-primary-db:hover {
  background-color: #6726A8;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.btn.btn-secondary-db {
  background-color: #919191;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.btn.btn-secondary-db:hover {
  background-color: #A0A0A0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.btn.btn--buy-now, .btn.btn--buy-now:hover {
  background-color: #df653f;
  border-radius: 30px;
  text-transform: uppercase;
  color: #fff;
}

/* <a href="#" class="card-product-link">
<div class="card">
    <div class="card-img">
        <img class="card-img-top" src="../../assets/img/products_sport_1_1.webp" alt="Title" />
        <img src="../../assets/img/product_sneakers/products_sport_1_2.jpg" alt="" class="card-img-hover" />
        <div class="card-product-icon">
            <span class="icon-bg">
                <svg class="product-svg" width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M10.5454 11.3287C10.3922 11.3287 10.2452 11.2672 10.1369 11.1576C10.0285 11.048 9.96763 10.8994 9.96763 10.7444H8.81201C8.81201 11.2093 8.99464 11.6552 9.31972 11.984C9.6448 12.3128 10.0857 12.4975 10.5454 12.4975C11.0052 12.4975 11.4461 12.3128 11.7711 11.984C12.0962 11.6552 12.2789 11.2093 12.2789 10.7444H11.1232C11.1232 10.8994 11.0624 11.048 10.954 11.1576C10.8456 11.2672 10.6987 11.3287 10.5454 11.3287Z"
                        fill="#111"></path>
                    <path
                        d="M6.47907 11.3287C6.32583 11.3287 6.17886 11.2672 6.0705 11.1576C5.96214 11.048 5.90127 10.8994 5.90127 10.7444H4.74023C4.74023 10.9749 4.78514 11.2032 4.87238 11.4162C4.95962 11.6292 5.08748 11.8228 5.24868 11.9858C5.40988 12.1488 5.60125 12.2782 5.81186 12.3664C6.02248 12.4546 6.24822 12.5 6.47618 12.5C6.70415 12.5 6.92989 12.4546 7.1405 12.3664C7.35112 12.2782 7.54249 12.1488 7.70368 11.9858C7.86488 11.8228 7.99275 11.6292 8.07999 11.4162C8.16723 11.2032 8.21213 10.9749 8.21213 10.7444H7.05652C7.05652 10.8993 6.99569 11.0479 6.88741 11.1575C6.77913 11.267 6.63225 11.3286 6.47907 11.3287Z"
                        fill="#111"></path>
                    <path
                        d="M14.0173 1.66048C13.9858 1.65506 13.9539 1.65237 13.9219 1.65244H4.67702C4.52377 1.65244 4.37681 1.71401 4.26845 1.8236C4.16009 1.93319 4.09921 2.08182 4.09921 2.23681C4.09921 2.39179 4.16009 2.54042 4.26845 2.65001C4.37681 2.7596 4.52377 2.82117 4.67702 2.82117H13.2398L13.087 3.74811L12.277 8.66477H4.73949L2.77495 3.74811L1.60308 0.840914C1.54111 0.70415 1.42937 0.596826 1.29113 0.541284C1.15289 0.485742 0.998786 0.486261 0.860911 0.542733C0.723035 0.599206 0.612007 0.70728 0.550938 0.844458C0.489868 0.981637 0.483464 1.13735 0.533058 1.27918L2.40407 5.9223L3.68102 9.34519C3.77528 9.63335 3.96993 9.83349 4.25088 9.83349H12.7663C12.9031 9.83356 13.0355 9.78452 13.14 9.6951C13.2444 9.60568 13.314 9.48168 13.3365 9.34519L14.2589 3.74811L14.4921 2.33286C14.5173 2.18001 14.4814 2.02331 14.3924 1.89722C14.3033 1.77113 14.1684 1.68598 14.0173 1.66048Z"
                        fill="#111"></path>
                </svg>
            </span>
            <span class="icon-bg">
                <svg class="product-svg" width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M11.7441 2.26562C11.9993 2.52083 12.1908 2.8125 12.3184 3.14062C12.446 3.45964 12.5098 3.78776 12.5098 4.125C12.5098 4.46224 12.446 4.79492 12.3184 5.12305C12.1908 5.44206 11.9993 5.72917 11.7441 5.98438L7 10.7285L2.25586 5.98438C2.00065 5.72917 1.80924 5.44206 1.68164 5.12305C1.55404 4.79492 1.49023 4.46224 1.49023 4.125C1.49023 3.78776 1.55404 3.45964 1.68164 3.14062C1.80924 2.8125 2.00065 2.52083 2.25586 2.26562C2.51107 2.01042 2.79818 1.81901 3.11719 1.69141C3.44531 1.5638 3.77799 1.5 4.11523 1.5C4.45247 1.5 4.7806 1.5638 5.09961 1.69141C5.41862 1.81901 5.71029 2.01042 5.97461 2.26562L6.58984 2.88086C6.69922 2.99935 6.83594 3.05859 7 3.05859C7.16406 3.05859 7.30078 2.99935 7.41016 2.88086L8.02539 2.26562C8.28971 2.01042 8.58138 1.81901 8.90039 1.69141C9.2194 1.5638 9.54753 1.5 9.88477 1.5C10.222 1.5 10.5501 1.5638 10.8691 1.69141C11.1973 1.81901 11.4889 2.01042 11.7441 2.26562ZM12.5645 1.44531C12.1999 1.07161 11.7806 0.79362 11.3066 0.611328C10.8418 0.429036 10.3678 0.337891 9.88477 0.337891C9.40169 0.337891 8.92773 0.429036 8.46289 0.611328C7.99805 0.79362 7.57878 1.07161 7.20508 1.44531L7 1.65039L6.79492 1.44531C6.42122 1.07161 6.00195 0.79362 5.53711 0.611328C5.07227 0.429036 4.59831 0.337891 4.11523 0.337891C3.63216 0.337891 3.15365 0.429036 2.67969 0.611328C2.21484 0.79362 1.80013 1.07161 1.43555 1.44531C1.06185 1.8099 0.779297 2.22917 0.587891 2.70312C0.405599 3.16797 0.314453 3.64193 0.314453 4.125C0.314453 4.60807 0.405599 5.08659 0.587891 5.56055C0.779297 6.02539 1.06185 6.4401 1.43555 6.80469L6.58984 11.959C6.69922 12.0775 6.83594 12.1367 7 12.1367C7.16406 12.1367 7.30078 12.0775 7.41016 11.959L12.5645 6.80469C12.9382 6.4401 13.2161 6.02539 13.3984 5.56055C13.5898 5.08659 13.6855 4.60807 13.6855 4.125C13.6855 3.64193 13.5898 3.16797 13.3984 2.70312C13.2161 2.23828 12.9382 1.81901 12.5645 1.44531Z"
                        fill="#111111"></path>
                </svg>
            </span>
            <span class="icon-bg">
                <svg class="product-svg" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M7 1.98047L11.5254 4.25L7 6.51953L2.47461 4.25L7 1.98047ZM6.74023 0.818359L0.902344 3.73047C0.75651 3.80339 0.65625 3.91732 0.601562 4.07227C0.55599 4.2181 0.569661 4.36393 0.642578 4.50977C0.669922 4.57357 0.70638 4.62826 0.751953 4.67383C0.797526 4.71029 0.847656 4.74219 0.902344 4.76953L6.74023 7.68164C6.82227 7.72721 6.90885 7.75 7 7.75C7.09115 7.75 7.17773 7.72721 7.25977 7.68164L13.0977 4.76953C13.2435 4.69661 13.3392 4.58724 13.3848 4.44141C13.4395 4.28646 13.4303 4.13607 13.3574 3.99023C13.3301 3.92643 13.2936 3.8763 13.248 3.83984C13.2025 3.79427 13.1523 3.75781 13.0977 3.73047L7.25977 0.804688C7.17773 0.768229 7.09115 0.75 7 0.75C6.90885 0.75 6.82227 0.768229 6.74023 0.804688V0.818359ZM0.902344 10.6074L6.74023 13.5195C6.82227 13.5651 6.90885 13.5833 7 13.5742C7.09115 13.5742 7.17773 13.556 7.25977 13.5195L13.0977 10.6074C13.2435 10.5345 13.3392 10.4206 13.3848 10.2656C13.4395 10.1107 13.4303 9.96484 13.3574 9.82812C13.2845 9.68229 13.1706 9.58659 13.0156 9.54102C12.8607 9.48633 12.7148 9.49089 12.5781 9.55469L7 12.3438L1.42188 9.56836C1.28516 9.49544 1.13932 9.48633 0.984375 9.54102C0.829427 9.58659 0.715495 9.68229 0.642578 9.82812C0.569661 9.96484 0.55599 10.1107 0.601562 10.2656C0.65625 10.4206 0.75651 10.5345 0.902344 10.6074ZM0.902344 7.68164L6.74023 10.6074C6.82227 10.6439 6.90885 10.6621 7 10.6621C7.09115 10.6621 7.17773 10.6439 7.25977 10.6074L13.0977 7.68164C13.2435 7.61784 13.3392 7.50846 13.3848 7.35352C13.4395 7.19857 13.4303 7.04818 13.3574 6.90234C13.2845 6.75651 13.1706 6.66081 13.0156 6.61523C12.8607 6.56055 12.7148 6.56966 12.5781 6.64258L7 9.43164L1.42188 6.64258C1.28516 6.56966 1.13932 6.56055 0.984375 6.61523C0.829427 6.66081 0.715495 6.75651 0.642578 6.90234C0.569661 7.04818 0.55599 7.19857 0.601562 7.35352C0.65625 7.50846 0.75651 7.6224 0.902344 7.69531V7.68164Z"
                        fill="#111111"></path>
                </svg>
            </span>
            <span class="icon-bg">
                <svg class="product-svg" width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M0.0683594 5.90234C0.0227865 5.98438 0 6.07096 0 6.16211C0 6.25326 0.0227865 6.33984 0.0683594 6.42188C0.0683594 6.42188 0.123047 6.52669 0.232422 6.73633C0.341797 6.93685 0.501302 7.19206 0.710938 7.50195C0.847656 7.69336 0.998047 7.90299 1.16211 8.13086C1.33529 8.34961 1.52669 8.57292 1.73633 8.80078C2.00065 9.08333 2.29232 9.36589 2.61133 9.64844C2.93945 9.93099 3.29492 10.1908 3.67773 10.4277C4.14258 10.7194 4.65299 10.9564 5.20898 11.1387C5.76497 11.321 6.36198 11.4121 7 11.4121C7.63802 11.4121 8.23503 11.321 8.79102 11.1387C9.34701 10.9564 9.85742 10.7194 10.3223 10.4277C10.7051 10.1908 11.056 9.93099 11.375 9.64844C11.7031 9.36589 11.9993 9.08333 12.2637 8.80078C12.4733 8.57292 12.6602 8.34961 12.8242 8.13086C12.9974 7.90299 13.1523 7.69336 13.2891 7.50195C13.4987 7.19206 13.6582 6.93685 13.7676 6.73633C13.877 6.52669 13.9316 6.42188 13.9316 6.42188C13.9772 6.34896 14 6.26693 14 6.17578C14 6.08464 13.9772 5.99349 13.9316 5.90234C13.9316 5.90234 13.877 5.80208 13.7676 5.60156C13.6582 5.39193 13.4987 5.13672 13.2891 4.83594C13.1523 4.64453 12.9974 4.43945 12.8242 4.2207C12.6602 3.99284 12.4733 3.76497 12.2637 3.53711C11.9993 3.25456 11.7031 2.97201 11.375 2.68945C11.056 2.4069 10.7051 2.14714 10.3223 1.91016C9.85742 1.61849 9.34701 1.38151 8.79102 1.19922C8.23503 1.00781 7.63802 0.912109 7 0.912109C6.36198 0.912109 5.76497 1.00781 5.20898 1.19922C4.65299 1.38151 4.14258 1.61849 3.67773 1.91016C3.29492 2.14714 2.93945 2.4069 2.61133 2.68945C2.29232 2.97201 2.00065 3.25456 1.73633 3.53711C1.52669 3.76497 1.33529 3.99284 1.16211 4.2207C0.998047 4.43945 0.847656 4.64453 0.710938 4.83594C0.501302 5.13672 0.341797 5.39193 0.232422 5.60156C0.123047 5.80208 0.0683594 5.90234 0.0683594 5.90234ZM1.24414 6.16211C1.29883 6.08008 1.35807 5.98438 1.42188 5.875C1.49479 5.75651 1.58138 5.62891 1.68164 5.49219C1.80013 5.31901 1.93685 5.13216 2.0918 4.93164C2.24674 4.73112 2.41536 4.5306 2.59766 4.33008C2.83464 4.06576 3.0944 3.81055 3.37695 3.56445C3.65951 3.31836 3.96484 3.09505 4.29297 2.89453C4.6849 2.64844 5.10417 2.45247 5.55078 2.30664C6.00651 2.16081 6.48958 2.08789 7 2.08789C7.51042 2.08789 7.98893 2.16081 8.43555 2.30664C8.89128 2.45247 9.3151 2.64844 9.70703 2.89453C10.0352 3.09505 10.3405 3.31836 10.623 3.56445C10.9056 3.81055 11.1654 4.06576 11.4023 4.33008C11.5846 4.5306 11.7533 4.73112 11.9082 4.93164C12.0632 5.13216 12.1999 5.31901 12.3184 5.49219C12.4186 5.62891 12.5007 5.75651 12.5645 5.875C12.6374 5.98438 12.7012 6.08008 12.7559 6.16211C12.7012 6.24414 12.6374 6.3444 12.5645 6.46289C12.5007 6.57227 12.4186 6.69987 12.3184 6.8457C12.1999 7.01888 12.0632 7.20573 11.9082 7.40625C11.7533 7.60677 11.5846 7.80729 11.4023 8.00781C11.1654 8.26302 10.9056 8.51367 10.623 8.75977C10.3405 9.00586 10.0352 9.23372 9.70703 9.44336C9.3151 9.68034 8.89128 9.8763 8.43555 10.0312C7.98893 10.1771 7.51042 10.25 7 10.25C6.48958 10.25 6.00651 10.1771 5.55078 10.0312C5.10417 9.8763 4.6849 9.68034 4.29297 9.44336C3.96484 9.23372 3.65951 9.00586 3.37695 8.75977C3.0944 8.51367 2.83464 8.26302 2.59766 8.00781C2.41536 7.80729 2.24674 7.60677 2.0918 7.40625C1.93685 7.20573 1.80013 7.01888 1.68164 6.8457C1.58138 6.69987 1.49479 6.57227 1.42188 6.46289C1.35807 6.3444 1.29883 6.24414 1.24414 6.16211ZM9.33789 6.16211C9.33789 5.8431 9.27409 5.54232 9.14648 5.25977C9.02799 4.97721 8.86393 4.73112 8.6543 4.52148C8.44466 4.31185 8.19401 4.14779 7.90234 4.0293C7.61979 3.90169 7.31901 3.83789 7 3.83789C6.68099 3.83789 6.37565 3.90169 6.08398 4.0293C5.80143 4.14779 5.55534 4.31185 5.3457 4.52148C5.13607 4.73112 4.96745 4.97721 4.83984 5.25977C4.72135 5.54232 4.66211 5.8431 4.66211 6.16211C4.66211 6.49023 4.72135 6.79557 4.83984 7.07812C4.96745 7.36068 5.13607 7.60677 5.3457 7.81641C5.55534 8.02604 5.80143 8.19466 6.08398 8.32227C6.37565 8.44076 6.68099 8.5 7 8.5C7.31901 8.5 7.61979 8.44076 7.90234 8.32227C8.19401 8.19466 8.44466 8.02604 8.6543 7.81641C8.86393 7.60677 9.02799 7.36068 9.14648 7.07812C9.27409 6.79557 9.33789 6.49023 9.33789 6.16211ZM8.16211 6.16211C8.16211 6.32617 8.13021 6.48112 8.06641 6.62695C8.01172 6.76367 7.92969 6.88672 7.82031 6.99609C7.72005 7.09635 7.59701 7.17839 7.45117 7.24219C7.31445 7.30599 7.16406 7.33789 7 7.33789C6.83594 7.33789 6.68099 7.30599 6.53516 7.24219C6.39844 7.17839 6.27995 7.09635 6.17969 6.99609C6.07031 6.88672 5.98372 6.76367 5.91992 6.62695C5.86523 6.48112 5.83789 6.32617 5.83789 6.16211C5.83789 6.00716 5.86523 5.86133 5.91992 5.72461C5.98372 5.57878 6.07031 5.45117 6.17969 5.3418C6.27995 5.23242 6.39844 5.15039 6.53516 5.0957C6.68099 5.0319 6.83594 5 7 5C7.16406 5 7.31445 5.0319 7.45117 5.0957C7.59701 5.15039 7.72005 5.23242 7.82031 5.3418C7.92969 5.45117 8.01172 5.57878 8.06641 5.72461C8.13021 5.86133 8.16211 6.00716 8.16211 6.16211Z"
                        fill="#111111"></path>
                </svg>
            </span>
        </div>
        <div class="card-product-discount">
            <div class="red">-25%</div>
            <div class="blue">Pre-Order</div>
        </div>
    </div>
    <div class="card-body">
        <h6 class="product-vendor">UMINO</h6>
        <h4 class="card-title mb-0">UMINO JUNIPER TRAIL 2 NEXT NATURE</h4>
        <div class="product-rating">
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
        </div>
        <div>
            <span class="product-price sale">$120.00</span>
            <span class="product-price-sale">$150.00</span>
        </div>
    </div>
</div>
</a> */
.card-product-link {
  text-decoration: none;
}
.card-product-link .card {
  border: none;
  border-radius: 10px;
}
.card-product-link .card img {
  border-radius: 10px;
}
.card-product-link .card .card-img {
  position: relative;
}
.card-product-link .card .card-img .card-product-icon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2%;
  display: flex;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
.card-product-link .card .card-img .card-product-icon .icon-bg {
  display: inline-block;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px;
  transition: all 0.4s;
  border: 1px solid transparent;
}
.card-product-link .card .card-img .card-product-icon .icon-bg:hover {
  background-color: #111;
}
.card-product-link .card .card-img .card-product-icon .icon-bg:hover .product-svg path {
  fill: #fff;
}
.card-product-link .card .card-img .card-product-discount {
  position: absolute;
  top: 15px;
  left: 15px;
}
.card-product-link .card .card-img .card-product-discount .red {
  background-color: #d73f0f;
  width: 50px;
  height: 22px;
  text-align: center;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
.card-product-link .card .card-img .card-product-discount .blue {
  margin-top: 6px;
  background-color: #177f91;
  width: 70px;
  height: 22px;
  text-align: center;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
.card-product-link .card .card-body {
  padding: 0;
}
.card-product-link .card .card-body .product-vendor {
  margin-top: 20px;
  margin-bottom: 0;
  color: #919191;
  font-size: 12px;
  font-weight: 600;
}
.card-product-link .card .card-body .card-title {
  margin-top: 5px;
  color: #111;
  font-size: 14px;
  font-weight: 600;
}
.card-product-link .card .card-body .product-rating {
  font-size: 10px;
  margin-top: 5px;
  color: #000000;
}
.card-product-link .card .card-body .product-price {
  color: #111;
  font-size: 16px;
  font-weight: 600;
}
.card-product-link .card .card-body .product-price.sale {
  color: #d73f0f;
  font-size: 16px;
  font-weight: 600;
}
.card-product-link .card .card-body .product-price-sale {
  color: #999;
  font-size: 16px;
  font-weight: 400;
  text-decoration: line-through;
}
.card-product-link .card:hover .card-product-icon {
  bottom: 5%;
  opacity: 1;
  visibility: visible;
}

.myCarousel {
  margin-top: 70px;
}
.myCarousel img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.myCarousel .carousel-caption {
  text-align: left;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 5.5vw 90px;
  max-width: 50%;
}
.myCarousel .carousel-caption h5 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 1vw;
}
.myCarousel .carousel-caption h1 {
  font-size: 4.7vw;
  font-weight: 700;
  margin-bottom: 1vw;
  line-height: 1.15;
}
.myCarousel .carousel-caption p {
  line-height: 1.5;
}
.myCarousel .carousel-caption .btn {
  margin-top: 2vw;
}
.myCarousel .carousel-caption .animate__animated.animate__fadeInLeft.animate__delay-0_6s {
  animation-delay: 0.6s;
}
.myCarousel .carousel-caption .animate__animated.animate__fadeInLeft.animate__delay-0_8s {
  animation-delay: 0.8s;
}
.myCarousel .carousel-caption .animate__animated.animate__fadeInLeft.animate__delay-1s2 {
  animation-delay: 1.2s;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-10%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
.myCarousel .carousel-control-prev,
.myCarousel .carousel-control-next {
  width: 8%;
  opacity: 0;
}
.myCarousel .carousel__wrap-pre-icon,
.myCarousel .carousel__wrap-next-icon {
  width: 60px;
  height: 60px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.4s;
  border: 1px solid #fff;
}
.myCarousel .carousel__wrap-pre-icon .carousel__prev-icon,
.myCarousel .carousel__wrap-pre-icon .carousel__next-icon,
.myCarousel .carousel__wrap-next-icon .carousel__prev-icon,
.myCarousel .carousel__wrap-next-icon .carousel__next-icon {
  width: 18px;
  color: #111;
  line-height: 1;
}
.myCarousel .carousel__wrap-pre-icon:hover,
.myCarousel .carousel__wrap-next-icon:hover {
  background-color: #111;
  border-color: #111;
}
.myCarousel .carousel__wrap-pre-icon:hover .carousel__prev-icon,
.myCarousel .carousel__wrap-pre-icon:hover .carousel__next-icon,
.myCarousel .carousel__wrap-next-icon:hover .carousel__prev-icon,
.myCarousel .carousel__wrap-next-icon:hover .carousel__next-icon {
  color: #fff;
}
.myCarousel:hover .carousel-control-prev,
.myCarousel:hover .carousel-control-next {
  opacity: 1;
}
.myCarousel:hover .carousel__wrap-pre-icon {
  opacity: 1;
  transform: translateX(-12px);
}
.myCarousel:hover .carousel__wrap-next-icon {
  opacity: 1;
  transform: translateX(12px);
}
.myCarousel .carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

@media screen and (max-width: 992px) {
  .myCarousel img {
    height: 70vh;
  }
  .myCarousel .carousel-caption {
    max-width: 100%;
    padding-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .myCarousel img {
    height: 60vh;
  }
  .myCarousel .carousel-caption h1 {
    font-size: 36px;
  }
}
#slider .owl-prev, #slider .owl-next {
  position: absolute;
  left: 25px;
  top: 35%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: #fff;
  opacity: 0.35;
  transition: all 0.4s;
}
#slider .owl-prev span, #slider .owl-next span {
  font-size: 24px;
  line-height: 1;
}
#slider .owl-prev:hover, #slider .owl-next:hover {
  background-color: #111;
  border: 1px solid #111;
  color: #fff;
}
#slider .owl-next {
  transform: translateX(-100%);
  left: calc(100% - 25px);
}
#slider:hover .owl-prev {
  transform: translateX(-10px);
  opacity: 1;
}
#slider:hover .owl-next {
  transform: translateX(calc(-100% + 10px));
  opacity: 1;
}

#modalAddToCart .modal-dialog {
  max-width: 1030px;
  max-height: 515px;
}
#modalAddToCart .modal-content {
  border: none;
  position: relative;
}
#modalAddToCart .modal-content .close-modal {
  position: absolute;
  padding: 10px;
  top: 5px;
  right: 10px;
  line-height: 1;
  font-size: 20px;
  color: #919191;
  transition: all 0.4s;
}
#modalAddToCart .modal-content .close-modal:hover {
  color: #404040;
}
#modalAddToCart .product-img,
#modalAddToCart .product-info {
  width: 50%;
  height: 515px;
}
#modalAddToCart .product-img img,
#modalAddToCart .product-info img {
  width: 100%;
  height: 100%;
}
#modalAddToCart .product-img {
  background-image: url("");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#modalAddToCart .product-info {
  padding: 30px;
  overflow-y: scroll;
}
#modalAddToCart .product-info::-webkit-scrollbar {
  width: 4px;
}
#modalAddToCart .product-info::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
#modalAddToCart .product-info::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
#modalAddToCart .product-info .product-vendor {
  color: #919191;
  font-size: 12px;
  font-weight: 600;
  margin: 5px 0;
}
#modalAddToCart .product-info .product-name {
  color: #111;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  transition: all 0.4s;
  margin-bottom: 5px;
}
#modalAddToCart .product-info .product-name:hover {
  color: #555;
}
#modalAddToCart .product-info .review_product .icon_star {
  font-size: 9px;
  color: #111;
}
#modalAddToCart .product-info .review_product .review-num {
  color: #555;
  font-size: 14px;
  font-weight: 400;
}
#modalAddToCart .product-info .review_product .hot_product {
  color: #d73f0f;
  font-size: 14px;
  font-weight: 400;
}
#modalAddToCart .product-info .review_product .hot_product .icon_fire {
  margin-right: 10px;
  margin-left: 20px;
  line-height: 1;
}
#modalAddToCart .product-info .desc-product {
  color: #555;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
}
#modalAddToCart .product-info .action-group {
  margin-top: 25px;
}
#modalAddToCart .product-info .action-group .qty-input {
  width: 130px;
  height: 45px;
  border: 1px solid #EBEBEB;
  border-radius: 30px;
  margin-right: 10px;
  background-color: #f5f5f5;
}
#modalAddToCart .product-info .action-group .qty-value {
  width: 50px;
  color: #555;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
#modalAddToCart .product-info .action-group .qty-value::-webkit-outer-spin-button, #modalAddToCart .product-info .action-group .qty-value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#modalAddToCart .product-info .action-group .control-value {
  flex-grow: 1;
  border: none;
  font-size: 13px;
  color: #919191;
}
#modalAddToCart .product-info .action-group .add-to-cart-btn {
  border-radius: 30px;
  width: 185px;
  height: 48px;
}
#modalAddToCart .product-info .action-group .circle-action .icon-action {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #EBEBEB;
  font-size: 14px;
  margin-left: 10px;
  transition: all 0.4s;
}
#modalAddToCart .product-info .action-group .circle-action .icon-action.active, #modalAddToCart .product-info .action-group .circle-action .icon-action:hover {
  background-color: #000;
}
#modalAddToCart .product-info .action-group .circle-action .icon-action.active svg path, #modalAddToCart .product-info .action-group .circle-action .icon-action:hover svg path {
  fill: #fff;
}
#modalAddToCart .product-info .policy-product {
  margin: 20px 0;
  color: #111;
  font-size: 14px;
  font-weight: 400;
}
#modalAddToCart .product-info .policy-product .label-check-policy {
  width: 16px;
  height: 16px;
  border: 1px solid #EBEBEB;
  background-color: #f5f5f5;
  transition: all 0.4s;
  position: relative;
  cursor: pointer;
}
#modalAddToCart .product-info .policy-product .label-check-policy .check-icon {
  display: none;
  color: #fff;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
}
#modalAddToCart .product-info .policy-product .policy-text {
  cursor: pointer;
}
#modalAddToCart .product-info .policy-product .policy-detail {
  text-decoration: underline;
  transition: all 0.4s;
}
#modalAddToCart .product-info .policy-product .policy-detail:hover {
  color: #555;
}
#modalAddToCart .product-info .policy-product .input-policy:checked ~ .label-check-policy {
  background-color: #000;
}
#modalAddToCart .product-info .policy-product .input-policy:checked ~ .label-check-policy .check-icon {
  display: block;
}

#cartModal.fade .modal-dialog {
  transform: translate(75px, 0);
}
#cartModal.show .modal-dialog {
  transform: none;
}
#cartModal .modal-dialog {
  margin: 0 0 0 auto;
  max-height: 100vh;
  max-width: 450px;
}
#cartModal .modal-dialog-scrollable {
  height: 100vh;
}
#cartModal .modal-content {
  border-radius: 0;
  border: none;
  height: 100vh;
}
#cartModal .modal__header {
  padding: 14px 30px;
}
#cartModal .modal__header h4 {
  color: #111;
  font-size: 18px;
  font-weight: 600;
}
#cartModal .modal__header button {
  font-size: 20px;
  opacity: 0.5;
  transition: all 0.4s;
}
#cartModal .modal__header button:hover {
  opacity: 1;
}
#cartModal .cart-process {
  padding: 35px 30px 20px 30px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #EBEBEB;
  border-top: 1px solid #EBEBEB;
}
#cartModal .cart-process .truck-process {
  height: 5px;
  background-color: #EBEBEB;
  margin-bottom: 12px;
  position: relative;
  border-radius: 10px;
}
#cartModal .cart-process .truck-process .truck-icon {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translate(100%, -50%);
  color: #d73f0f;
  border: 1px solid #d73f0f;
  background-color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
}
#cartModal .cart-process p {
  color: #111;
  font-size: 14px;
  font-weight: 400;
}
#cartModal .cart-process p span {
  color: #d73f0f;
  font-size: 14px;
  font-weight: 600;
}
#cartModal .cart-list {
  overflow-y: scroll;
}
#cartModal .cart-list .cart-empty-notice {
  padding: 50px 30px 30px;
}
#cartModal .cart-list .cart-empty-notice .heading {
  color: #111;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
#cartModal .cart-list .cart-empty-notice .text {
  color: #111;
  font-size: 14px;
  font-weight: 400;
}
#cartModal .cart-list .cart-empty-notice .btn {
  border-radius: 30px;
}
#cartModal .product-item {
  padding: 0 30px 30px 30px;
}
#cartModal .product-item .product-img {
  width: 87px;
  height: 87px;
}
#cartModal .product-item .product-img img {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
#cartModal .product-item .product-info {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 10px;
}
#cartModal .product-item .product-info .product-title {
  color: #111;
  font-size: 16px;
  font-weight: 400;
}
#cartModal .product-item .product-info .product-size {
  color: #919191;
  font-size: 14px;
  font-weight: 400;
}
#cartModal .product-item .product-info .product-price {
  margin-top: 6px;
  color: #111;
  font-size: 16px;
  font-weight: 500;
}
#cartModal .product-item .product-btn button {
  line-height: 1;
  transition: all 0.4s;
}
#cartModal .product-item .product-btn i {
  font-size: 12px;
  color: #919191;
  transition: all 0.4s;
}
#cartModal .product-item .product-btn i:hover {
  color: #111;
}
#cartModal .cart-checkout {
  border-bottom: 1px solid #EBEBEB;
  border-top: 1px solid #EBEBEB;
  margin-top: auto;
}
#cartModal .cart-checkout button {
  background-color: transparent;
  border: none;
  padding: 17px 20px;
}
#cartModal .cart-checkout .subtotal {
  background-color: #f5f5f5;
  padding: 20px 30px;
}
#cartModal .cart-checkout .subtotal .price h4 {
  color: #111;
  font-size: 16px;
  font-weight: 600;
}
#cartModal .cart-checkout .subtotal .price p {
  color: #111;
  font-size: 16px;
  font-weight: 600;
}
#cartModal .cart-checkout .subtotal .policy .cart-policy {
  color: #555;
  font-size: 16px;
  font-weight: 400;
}
#cartModal .cart-checkout .subtotal .policy .cart-policy-link {
  color: #111;
  font-size: 16px;
  font-weight: 400;
}
#cartModal .cart-checkout .subtotal .btn {
  border-radius: 30px;
}
#cartModal .cart-checkout .subtotal .btn.btn--secondary {
  background-color: #fff;
  color: #111;
  border-color: #919191;
}
#cartModal .cart-checkout .subtotal .btn.btn--primary,
#cartModal .cart-checkout .subtotal .btn.btn--primary:hover,
#cartModal .cart-checkout .subtotal .btn.btn--secondary:hover {
  background-color: #111;
  color: #fff;
}

#editCartModal.fade .modal-dialog {
  transform: translate(75px, 0);
}
#editCartModal.show .modal-dialog {
  transform: none;
}
#editCartModal .modal-content {
  border: none;
  width: 740px;
}
#editCartModal .modal-dialog {
  max-width: 700px;
}
#editCartModal .modal-header {
  padding: 20px;
  border-bottom: 1px solid #EBEBEB;
}
#editCartModal .modal-header .modal-title {
  color: #111;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}
#editCartModal .modal-header .closeEditBtn {
  font-size: 20px;
  color: #919191;
  transition: all 0.4s;
  line-height: 1;
}
#editCartModal .modal-header .closeEditBtn:hover {
  color: #000;
}
#editCartModal .modal-body {
  padding: 30px;
}
#editCartModal .modal-body .img {
  width: 100px;
  height: 100px;
}
#editCartModal .modal-body .product-info {
  margin-left: 15px;
}
#editCartModal .modal-body .product-info .brand {
  color: #919191;
  font-size: 10px;
  font-weight: 600;
  margin-top: 5px;
}
#editCartModal .modal-body .product-info .product-name,
#editCartModal .modal-body .product-info .price {
  color: #111;
  font-size: 14px;
  font-weight: 600;
  margin: 5px 0;
  line-height: 1.3;
}
#editCartModal .modal-body .edit-qty-form {
  margin-top: 15px;
}
#editCartModal .modal-body .edit-size-options {
  padding: 30px;
  border-left: 1px solid #EBEBEB;
}
#editCartModal .modal-body .edit-btn {
  margin-top: 30px;
}
#editCartModal .modal-body .btn {
  border-radius: 30px;
  font-size: 14px;
  color: #fff;
}

#filter-sidebar-modal.fade .modal-dialog {
  transform: translate(-50px, 0);
}
#filter-sidebar-modal.show .modal-dialog {
  transform: none;
}
#filter-sidebar-modal .modal-dialog {
  margin: auto 0 0 0;
  max-width: 380px;
  height: 100vh;
  padding-right: 0;
  background-color: #fff;
}
#filter-sidebar-modal .modal-content {
  height: 100vh;
  border-radius: 0;
  border: 0;
  font-family: "Jost", sans-serif;
}
#filter-sidebar-modal .modal-header {
  padding: 14px 30px;
  border-bottom: 0;
  border-bottom: 1px solid #EBEBEB;
}
#filter-sidebar-modal .modal-header .close-filter-sidebar {
  font-size: 20px;
  color: #919191;
  transition: all 0.4s;
  line-height: 1;
}
#filter-sidebar-modal .modal-header .close-filter-sidebar:hover {
  color: #111;
}
#filter-sidebar-modal .modal-body {
  padding: 0 30px;
  overflow: unset;
}
#filter-sidebar-modal .filter-block {
  padding-top: 25px;
  margin-bottom: 20px;
  border-top: 1px solid #EBEBEB;
}
#filter-sidebar-modal .filter-block:first-child {
  border-top: 0;
}
#filter-sidebar-modal .filter-options {
  margin-bottom: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.4s;
}
#filter-sidebar-modal .filter-title {
  color: #000;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 20px;
}
#filter-sidebar-modal .filter-title.active ~ .filter-options {
  height: auto;
}
#filter-sidebar-modal .filter-title .filter-title-icon {
  position: relative;
  font-size: 14px;
  color: #555;
}
#filter-sidebar-modal .filter-title .filter-title-icon .nev-rotate-180 {
  transform: rotate(-180deg);
}
#filter-sidebar-modal .filter-title .filter-title-icon .icon-1 {
  transition: all 0.4s;
  position: absolute;
  right: 0;
}
#filter-sidebar-modal .filter-title .filter-title-icon .icon-2 {
  position: absolute;
  transition: all 0.4s;
  right: 0;
  transform: rotate(90deg);
}
#filter-sidebar-modal .filter-size-options .label-size {
  font-size: 16px;
  font-weight: 400;
}
#filter-sidebar-modal .filter-item {
  margin-bottom: 10px;
}
#filter-sidebar-modal .filter-item:last-child {
  margin-bottom: 0;
}
#filter-sidebar-modal .filter-link {
  color: #555;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  transition: all 0.4s;
  display: block;
}
#filter-sidebar-modal .filter-link:hover {
  color: #111;
}
#filter-sidebar-modal .card .card-title {
  color: #111;
  font-size: 16px;
  font-weight: 400;
}
#filter-sidebar-modal .card .icon_star {
  font-size: 9px;
  color: #111;
}
#filter-sidebar-modal .card .price-group .price {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 8px;
}
#filter-sidebar-modal .card .price-group .price-product {
  padding: 0;
}
#filter-sidebar-modal .range-slider {
  width: 100%;
  position: relative;
  margin: 15px 0 40px;
}
#filter-sidebar-modal input[type=range] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  position: absolute;
  left: 0;
}
#filter-sidebar-modal input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
  margin-top: -5px;
  position: relative;
  z-index: 1;
}
#filter-sidebar-modal input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  background: #dfdfdf;
  border-radius: 3px;
  border: none;
}
#filter-sidebar-modal .price-content {
  display: flex;
  align-items: center;
}
#filter-sidebar-modal label {
  font-size: 12px;
  font-weight: 500;
}
#filter-sidebar-modal p {
  font-size: 16px;
  font-weight: 600;
}

#navMobile.fade .modal-dialog {
  transform: translate(-50px, 0);
}
#navMobile.show .modal-dialog {
  transform: none;
}
#navMobile .modal-dialog {
  margin: auto 0 0 0;
  max-width: 400px;
}
#navMobile .modal-dialog-centered {
  height: 100vh;
}
#navMobile .nav-mobile {
  height: 100vh;
}
#navMobile .modal-content {
  border-radius: 0;
  border: none;
}
#navMobile .nav-header {
  background-color: #111;
  padding-left: 15px;
  position: relative;
}
#navMobile .nav-header h3 {
  padding: 15px;
  margin-bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
#navMobile .nav-header button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  color: #fff;
  font-size: 18px;
  transition: all 0.4s;
}
#navMobile .nav-header button:hover {
  color: #d73f0f;
}
#navMobile .nav-body {
  padding: 10px 30px;
}
#navMobile .nav-body .nav-item {
  padding: 15px 0;
  text-transform: uppercase;
  border-bottom: 1px solid #EBEBEB;
}
#navMobile .nav-body .nav-item:last-child {
  border-bottom: none;
}
#navMobile .nav-body .nav-item .nav-link {
  color: #111;
  font-size: 14px;
  font-weight: 600;
  flex-grow: 1;
}
#navMobile .nav-body .nav-item button {
  opacity: 0.5;
  font-size: 14px;
  transition: all 0.4s;
}
#navMobile .nav-body .nav-item button:hover {
  opacity: 1;
}
#navMobile .nav-footer {
  padding: 10px 25px;
  margin-top: auto;
  margin-bottom: 20px;
}
#navMobile .nav-footer button {
  margin-top: 10px;
  width: 100%;
  border-radius: 30px;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
  height: 70px;
}
header .navbar {
  padding: 11px 18px;
}
header .navbar .nav-left .navbar-brand {
  width: 90px;
}
header .navbar .nav-center .nav-link {
  padding: 10px 15px;
  text-transform: uppercase;
  line-height: 28px;
  transition: all 0.4s;
  color: #111;
  font-size: 14px;
  font-weight: 600;
}
header .navbar .nav-center .nav-link .nav-dropdown-icon {
  font-size: 10px;
  opacity: 0.5;
}
header .navbar .nav-center .nav-link:hover {
  color: #d73f0f;
}
header .navbar .nav-center .nav-link.active {
  color: #d73f0f;
}
header .navbar .nav-right .nav-icon {
  margin-left: 20px;
}
header .navbar .nav-right .nav-icon button {
  transition: all 0.4s;
  position: relative;
}
header .navbar .nav-right .nav-icon button:hover {
  color: #d73f0f;
}
header .navbar .nav-right .nav-icon button .wish-list-count {
  content: "";
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  display: block;
  position: absolute;
  right: -10px;
  top: 2px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  background-color: #d73f0f;
}

@media screen and (max-width: 575.98px) {
  header .navModal .nav-mobile {
    width: 100%;
  }
  header .cartModal .modalContainer {
    width: 100%;
  }
}
#modalSearch .modal-fullscreen {
  height: 80%;
}
#modalSearch .modal-content {
  overflow-y: scroll;
}
#modalSearch .modal-content .modalHeader {
  position: relative;
  padding-top: 60px;
}
#modalSearch .modal-content .modalHeader .header-content {
  width: 60%;
}
#modalSearch .modal-content .modalHeader .searchModalClose {
  position: absolute;
  top: 25px;
  right: 50px;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.5);
  transition: all 0.4s;
  z-index: 1;
}
#modalSearch .modal-content .modalHeader .searchModalClose:hover {
  color: black;
}
#modalSearch .modal-content .modalHeader h3 {
  color: #111;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}
#modalSearch .modal-content .modalHeader .inputGroup {
  position: relative;
  margin-bottom: 10px;
}
#modalSearch .modal-content .modalHeader .inputGroup .form-control {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  padding: 15px 50px 15px 20px;
  box-shadow: none;
  font-size: 14px;
  height: 45px;
  transition: all 0.4s;
}
#modalSearch .modal-content .modalHeader .inputGroup .form-control:focus {
  border-color: #000;
}
#modalSearch .modal-content .modalHeader .inputGroup .input-group-text {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px 20px;
  cursor: pointer;
}
#modalSearch .modal-content .modalHeader .q-search {
  color: #919191;
  font-size: 14px;
  font-weight: 400;
}
#modalSearch .modal-content .modalHeader .q-search p {
  color: #404040;
}
#modalSearch .modal-content .modalBody {
  margin-top: 10px;
  padding: 0 30px;
}
#modalSearch .modal-content .modalBody h4 {
  color: #111;
  font-size: 20px;
  font-weight: 600;
}
#modalSearch .modal-content .modalBody .card-title {
  font-size: 14px;
}
#modalSearch .modal-content .modalBody .product-rating i {
  font-size: 9px;
}
#modalSearch .modal-content .modalBody .product-price {
  font-size: 14px;
}

#accountModal.fade .modal-dialog {
  transform: translate(-50px, 0);
}
#accountModal.show .modal-dialog {
  transform: none;
}
#accountModal .closeLoginIcon {
  position: absolute;
  top: 10px;
  right: 20px;
  padding: 10px;
  line-height: 1;
  font-size: 20px;
  color: #919191;
  transition: all 0.4s;
}
#accountModal .closeLoginIcon:hover {
  color: #111;
}
#accountModal .modal__header {
  padding-top: 35px;
}
#accountModal .modal__header h4 {
  color: #111;
  font-size: 24px;
  font-weight: 600;
}
#accountModal .modal_body {
  padding: 30px;
}
#accountModal .modal_body .form-control {
  color: #555;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 20px;
  border-radius: 30px;
  height: 50px;
  box-shadow: none;
  border: 1px solid #dedede;
  transition: all 0.4s;
}
#accountModal .modal_body .form-control:focus {
  border-color: #111;
}
#accountModal .modal_body .login_forgot {
  color: #555;
  font-size: 14px;
  font-weight: 400;
}
#accountModal .modal_body .login__button {
  margin-top: 30px;
}
#accountModal .modal_body .login__button button {
  width: 100%;
  border-radius: 30px;
}
#accountModal .modal_body .login__button .btn.btn--secondary {
  margin-top: 20px;
}

footer {
  background-color: #111;
  font-size: 14px;
}
footer .container_top {
  padding-top: 95px;
}
footer .container_top p {
  color: #555;
}
footer .container_top h5 {
  font-size: 14px;
  color: white;
}
footer .container_top .container_contact img {
  width: 90px;
  height: 19px;
}
footer .container_top .container_contact ul {
  list-style: none;
  padding-left: 0;
}
footer .container_top .container_contact ul li {
  color: #999;
}
footer .container_top .container_contact ul a {
  text-decoration: none;
  color: #999;
  transition: all 0.5s;
}
footer .container_top .container_contact ul a:hover {
  color: white;
}
footer .container_top .container_contact .container_icon .list-social__item {
  margin-left: 10px;
  position: relative;
}
footer .container_top .container_contact .container_icon .list-social__item svg {
  transition: all 0.5s;
}
footer .container_top .container_contact .container_icon .list-social__item:hover svg circle {
  stroke: white;
}
footer .container_top .container_contact .container_icon .list-social__item:hover svg path {
  fill: white;
}
footer .container_top .container_contact .container_icon .list-social__item:hover .name-icon-1 {
  opacity: 1;
  transform: translateY(0);
  color: white;
}
footer .container_top .container_contact .container_icon .list-social__item:hover .name-icon-2 {
  opacity: 1;
  transform: translateY(0);
}
footer .container_top .container_contact .container_icon .list-social__item:hover .name-icon-3 {
  opacity: 1;
  transform: translateY(0);
}
footer .container_top .container_contact .container_icon .list-social__item:hover .name-icon-4 {
  opacity: 1;
  transform: translateY(0);
}
footer .container_top .container_contact .container_icon .list-social__item:hover .name-icon-5 {
  opacity: 1;
  transform: translateY(0);
}
footer .container_top .container_contact .container_icon .list-social__item:hover .name-icon-6 {
  opacity: 1;
  transform: translateY(0);
}
footer .container_top .container_contact .container_icon .list-social__item .name-icon-1 {
  position: absolute;
  bottom: -33px;
  left: -6px;
  color: white;
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.5s;
}
footer .container_top .container_contact .container_icon .list-social__item .name-icon-2 {
  position: absolute;
  bottom: -33px;
  left: -14px;
  color: white;
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.5s;
}
footer .container_top .container_contact .container_icon .list-social__item .name-icon-3 {
  position: absolute;
  bottom: -33px;
  left: -14px;
  color: white;
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.5s;
}
footer .container_top .container_contact .container_icon .list-social__item .name-icon-4 {
  position: absolute;
  bottom: -33px;
  left: -15px;
  color: white;
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.5s;
}
footer .container_top .container_contact .container_icon .list-social__item .name-icon-5 {
  position: absolute;
  bottom: -33px;
  left: -11px;
  color: white;
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.5s;
}
footer .container_top .container_contact .container_icon .list-social__item .name-icon-6 {
  position: absolute;
  bottom: -33px;
  left: -2px;
  color: white;
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.5s;
}
footer .container_top .container_type ul {
  list-style: none;
  padding-left: 0;
}
footer .container_top .container_type ul a {
  text-decoration: none;
  color: #555;
}
footer .container_top .container_type ul li {
  transform: translateX(1px);
  transition: all 0.4s;
  color: #999;
}
footer .container_top .container_type ul li:hover {
  transform: translateX(10px);
  color: white;
}
footer .container_top .container_service ul {
  list-style: none;
  padding-left: 0;
}
footer .container_top .container_service ul a {
  text-decoration: none;
  color: #555;
}
footer .container_top .container_service ul li {
  transform: translateX(1px);
  transition: all 0.5s;
  color: #999;
  cursor: pointer;
}
footer .container_top .container_service ul li:hover {
  transform: translateX(10px);
  color: white;
}
footer .container_top .container_mail input {
  width: 70%;
  padding: 10px 0px;
  padding-left: 20px;
  margin-right: 10px;
  border-radius: 50px;
  background-color: #111;
  border: 1px solid #333333;
  color: #999;
}
footer .container_top .container_mail button {
  font-size: 14px;
  padding: 10px 35px;
  border-radius: 50px;
  background-color: white;
  color: black;
  font-weight: 600;
}
footer .container_top .container_mail p {
  color: #999;
}
footer .copyright {
  padding: 50px 10px;
  border-top: 1px solid #404040;
  color: #999;
}
footer .copyright .language .language_country {
  display: inline-block;
  margin-right: 10px;
}
footer .copyright .language .language_price {
  display: inline-block;
}
footer .copyright .image_payment img {
  width: 400px;
}

.headerProducts .breadcrumbs ol {
  display: flex;
  list-style: none;
}
.headerProducts .breadcrumbs ol a {
  text-decoration: none;
  color: #404040;
  margin-left: 5px;
  transition: all 0.5s;
}
.headerProducts .breadcrumbs ol a:hover {
  color: #919191;
}

.inforAboutProducts {
  margin-bottom: 100px;
}
.inforAboutProducts .details_product .content_left {
  position: sticky;
  top: 0;
}
.inforAboutProducts .details_product .content_left img {
  border-radius: 5px;
  cursor: zoom-in;
}
.inforAboutProducts .details_product .content-right a {
  text-decoration: none;
  color: #A0A0A0;
}
.inforAboutProducts .details_product .content-right h4 {
  font-weight: 600;
}
.inforAboutProducts .details_product .content-right .evalute {
  display: flex;
  gap: 15px;
}
.inforAboutProducts .details_product .content-right .evalute .star {
  font-size: 14px;
}
.inforAboutProducts .details_product .content-right .evalute .review {
  cursor: pointer;
}
.inforAboutProducts .details_product .content-right .evalute .review span {
  color: #A0A0A0;
  font-size: 14px;
}
.inforAboutProducts .details_product .content-right .evalute .flex {
  display: flex;
  gap: 5px;
}
.inforAboutProducts .details_product .content-right .evalute .flex .text {
  color: #e9977d;
  font-size: 14px;
}
.inforAboutProducts .details_product .content-right .price {
  color: #111;
  font-size: 24px;
  font-weight: 600;
}
.inforAboutProducts .details_product .content-right .describe {
  color: #A0A0A0;
  font-size: 14px;
}
.inforAboutProducts .details_product .content-right .size .size_product .sizeofProduct:hover span {
  background-color: #000;
  color: white;
  border: 1px solid #000;
}
.inforAboutProducts .details_product .content-right .size .size_product .sizeofProduct:hover .showSize {
  opacity: 1;
}
.inforAboutProducts .details_product .content-right .size .size_product .sizeofProduct span {
  padding: 10px 15px;
  border: 1px solid #919191;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s;
}
.inforAboutProducts .details_product .content-right .size .size_product .sizeofProduct .showSize {
  top: -30px;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2px 15px;
  font-size: 10px;
  border-radius: 2px;
  opacity: 0;
  background-color: #000;
  color: white;
  transition: all 0.5s;
}
.inforAboutProducts .details_product .content-right .size .size_product .sizeofProduct .showSize::after {
  content: "";
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid black;
  border-bottom: 8px solid transparent;
}
.inforAboutProducts .details_product .content-right .infor_product .infor_size .ruler {
  margin-right: 7px;
}
.inforAboutProducts .details_product .content-right .infor_product .infor_size .modal-content {
  transform: translate(-50%);
  left: 50%;
  top: 50%;
  min-width: 805px;
}
.inforAboutProducts .details_product .content-right .infor_product .infor_size .modal-content .modal-body table {
  border-collapse: collapse;
}
.inforAboutProducts .details_product .content-right .infor_product .infor_size .modal-content .modal-body table th {
  padding: 10px 0px;
  padding-left: 10px;
  padding-right: 40px;
  border: 1px solid #A0A0A0;
}
.inforAboutProducts .details_product .content-right .infor_product .infor_size .modal-content .modal-body table td {
  border: 1px solid #A0A0A0;
  padding: 5px 0;
  padding-left: 10px;
  padding-right: 60px;
}
.inforAboutProducts .details_product .content-right .infor_product .askQuestion .icon_question {
  margin-right: 6px;
}
.inforAboutProducts .details_product .content-right .infor_product .share_product svg {
  margin-right: 6px;
}
.inforAboutProducts .details_product .content-right .button_order {
  border-top: 1px solid #f5f5f5;
  padding-top: 25px;
}
.inforAboutProducts .details_product .content-right .button_order .buy_amount .minus-btn {
  padding: 10px 20px;
  border: none;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.inforAboutProducts .details_product .content-right .button_order .buy_amount .input_value {
  padding: 10px;
  width: 40px;
  border: none;
  background-color: #efefef;
}
.inforAboutProducts .details_product .content-right .button_order .buy_amount .input_value:focus-visible {
  outline: none;
}
.inforAboutProducts .details_product .content-right .button_order .buy_amount .plus-btn {
  padding: 10px 20px;
  border: none;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.inforAboutProducts .details_product .content-right .button_order .submit_add button {
  min-width: 250px;
}
.inforAboutProducts .details_product .content-right .button_order .icon_heart {
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border: 2px solid #f5f5f5;
  border-radius: 50px;
  margin-right: 5px;
}
.inforAboutProducts .details_product .content-right .button_order .icon_heart:hover {
  background-color: black;
}
.inforAboutProducts .details_product .content-right .button_order .icon_heart:hover svg {
  filter: invert(100%);
}
.inforAboutProducts .details_product .content-right .button_order .icon_heart:hover .tooltips {
  opacity: 1;
}
.inforAboutProducts .details_product .content-right .button_order .icon_heart .tooltips {
  width: 100px;
  padding: 7px 15px;
  top: -120%;
  left: 50%;
  font-size: 10px;
  transform: translate(-50%, 50%);
  background-color: black;
  text-align: center;
  color: white;
  opacity: 0;
  transition: all 0.5s;
}
.inforAboutProducts .details_product .content-right .button_order .icon_heart .tooltips::after {
  content: "";
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid black;
  border-bottom: 10px solid transparent;
}
.inforAboutProducts .details_product .content-right .button_order .icon_compare {
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border: 2px solid #f5f5f5;
  border-radius: 50px;
}
.inforAboutProducts .details_product .content-right .button_order .icon_compare:hover {
  background-color: black;
}
.inforAboutProducts .details_product .content-right .button_order .icon_compare:hover svg {
  filter: invert(100%);
}
.inforAboutProducts .details_product .content-right .button_order .icon_compare:hover .tooltips {
  opacity: 1;
}
.inforAboutProducts .details_product .content-right .button_order .icon_compare .tooltips {
  padding: 7px 15px;
  top: -120%;
  left: 50%;
  font-size: 10px;
  transform: translate(-50%, 50%);
  background-color: black;
  text-align: center;
  color: white;
  opacity: 0;
  transition: all 0.5s;
}
.inforAboutProducts .details_product .content-right .button_order .icon_compare .tooltips::after {
  content: "";
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid black;
  border-bottom: 10px solid transparent;
}
.inforAboutProducts .details_product .content-right .check_boxRule .check {
  margin-right: 5px;
}
.inforAboutProducts .details_product .content-right .check_boxRule .rule {
  font-size: 14px;
}
.inforAboutProducts .details_product .content-right .check_boxRule .rule .modal-content {
  max-width: 645px;
}
.inforAboutProducts .details_product .content-right .check_boxRule a:hover {
  color: blue;
}
.inforAboutProducts .details_product .content-right .button_buyItNow button {
  background-color: #df653f;
  color: white;
  width: 100%;
}
.inforAboutProducts .details_product .content-right .button_buyItNow button:hover {
  border: none;
}
.inforAboutProducts .details_product .content-right .return_information {
  border-bottom: 2px solid #f5f5f5;
}
.inforAboutProducts .details_product .content-right .return_information svg {
  margin-right: 10px;
}
.inforAboutProducts .details_product .content-right .return_information p {
  color: #A0A0A0;
  font-size: 14px;
  margin-bottom: 0px;
}
.inforAboutProducts .details_product .content-right .return_information span {
  font-weight: 600;
  color: #000;
}
.inforAboutProducts .details_product .content-right .typeofProduct ul {
  padding-left: 0;
  list-style: none;
  color: #A0A0A0;
}
.inforAboutProducts .details_product .content-right .typeofProduct ul li .property {
  min-width: 8rem;
  display: inline-block;
}
.inforAboutProducts .details_product .content-right .paymet_trust_badge {
  border-radius: 5px;
  border: 1px solid #EBEBEB;
}
.inforAboutProducts .details_product .content-right .paymet_trust_badge span {
  font-weight: 600;
  top: -25%;
  left: 50%;
  transform: translate(-50%);
  background-color: white;
  padding: 0px 20px;
}
.inforAboutProducts .details_product .content-right .paymet_trust_badge img {
  padding: 20px 25px;
  width: 300px;
  margin: auto;
}

.reviewAboutProducts {
  border-top: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  padding: 60px 0px;
}
.reviewAboutProducts .nav-item .nav-link {
  color: black;
  font-weight: 600;
  background-color: #f5f5f5;
  margin-right: 10px;
  border-radius: 40px;
}
.reviewAboutProducts .nav-item .nav-link.active {
  background-color: #000;
  color: white;
}
.reviewAboutProducts .tab-content {
  margin-top: 55px;
}
.reviewAboutProducts .tab-content #pillDesc .content_left h5 {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.reviewAboutProducts .tab-content #pillDesc .content_left p {
  color: #A0A0A0;
  font-size: 14px;
}
.reviewAboutProducts .tab-content #pillDesc .content_left ul {
  list-style: none;
  padding-left: 0;
  color: #A0A0A0;
  font-size: 14px;
}
.reviewAboutProducts .tab-content #pillDesc .content_right h5 {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.reviewAboutProducts .tab-content #pillDesc .content_right p {
  margin-bottom: 10px;
  color: #A0A0A0;
}
.reviewAboutProducts .tab-content #pillDesc .content_right .icon {
  margin-right: 5px;
}
.reviewAboutProducts .tab-content #pillDesc .title_description p {
  color: #A0A0A0;
  font-size: 14px;
}
.reviewAboutProducts .tab-content #pillRev .header_rev .leftHand {
  margin-top: 10px;
}
.reviewAboutProducts .tab-content #pillRev .header_rev .leftHand .icon_star {
  margin-right: 10px;
}
.reviewAboutProducts .tab-content #pillRev .header_rev .leftHand .numberEvalute {
  color: #A0A0A0;
  font-size: 14px;
}
.reviewAboutProducts .tab-content #pillRev .content-none {
  display: none;
  border-top: 1px solid #A0A0A0;
  overflow: hidden;
  max-height: 800px;
}
.reviewAboutProducts .tab-content #pillRev .content-none .name input {
  padding: 10px;
  padding-left: 20px;
  border-radius: 30px;
  border: 1px solid #919191;
}
.reviewAboutProducts .tab-content #pillRev .content-none .email input {
  padding: 10px;
  padding-left: 20px;
  border-radius: 30px;
  border: 1px solid #919191;
}
.reviewAboutProducts .tab-content #pillRev .content-none .rate h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
}
.reviewAboutProducts .tab-content #pillRev .content-none .rate .rating {
  font-size: 24px;
}
.reviewAboutProducts .tab-content #pillRev .content-none .rate .star {
  cursor: pointer;
  color: gray;
}
.reviewAboutProducts .tab-content #pillRev .content-none .rate .star:hover,
.reviewAboutProducts .tab-content #pillRev .content-none .rate .star.active {
  color: black;
}
.reviewAboutProducts .tab-content #pillRev .content-none .review input {
  padding: 10px;
  padding-left: 20px;
  border-radius: 30px;
  border: 1px solid #919191;
}
.reviewAboutProducts .tab-content #pillRev .content-none .bodyofReview textarea {
  max-height: 200px;
  padding: 10px;
  padding-left: 20px;
  border-radius: 30px;
  border: 1px solid #919191;
}
.reviewAboutProducts .tab-content #pillRev .commentofCustomer {
  border-top: 2px dotted #A0A0A0;
}
.reviewAboutProducts .tab-content #pillRev .commentofCustomer .content_command .icon_star {
  margin-right: 10px;
}
.reviewAboutProducts .tab-content #pillRev .commentofCustomer .content_command .header_command span {
  font-size: 14px;
  font-weight: 600;
}
.reviewAboutProducts .tab-content #pillRev .commentofCustomer .inforCustomer {
  margin-bottom: 10px;
}
.reviewAboutProducts .tab-content #pillRev .commentofCustomer .inforCustomer span {
  color: #A0A0A0;
  font-size: 14px;
}
.reviewAboutProducts .tab-content #pillRev .commentofCustomer .contentCustommer p {
  font-size: 14px;
}
.reviewAboutProducts .tab-content #pillShip .content_ship ul {
  list-style: none;
  font-size: 14px;
}
.reviewAboutProducts .tab-content #pillShip .content_ship ul li {
  margin-bottom: 15px;
  color: #A0A0A0;
}
.reviewAboutProducts .tab-content #pillRe .returnPolicy p {
  color: #A0A0A0;
  font-size: 14px;
}
.reviewAboutProducts .tab-content #pillRe .returnPolicy ul {
  padding-left: 0;
  list-style: none;
}
.reviewAboutProducts .tab-content #pillRe .returnPolicy ul li {
  color: #A0A0A0;
}

.recentlyViewed {
  padding: 100px 0px;
}
.recentlyViewed .recentlyViewed_header h2 {
  font-weight: 600;
}
.recentlyViewed .recentlyViewed_header p {
  font-size: 14px;
  color: #A0A0A0;
}

.peopleAlsoBuy {
  padding-bottom: 100px;
}
.peopleAlsoBuy .peopleAlsoBuy_header h2 {
  font-weight: 600;
}
.peopleAlsoBuy .peopleAlsoBuy_header p {
  font-size: 14px;
  color: #A0A0A0;
}

.card_product .item-product .image_product {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.card_product .item-product .image_product .sale {
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 1;
}
.card_product .item-product .image_product .sale h5 {
  margin: 0;
  padding: 0;
  display: flex;
  background-color: #d73f0f;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: white;
  font-size: 14px;
  width: 50px;
  height: 25px;
}
.card_product .item-product .image_product .sale p {
  margin: 0;
  padding: 0;
  display: flex;
  background-color: #177f91;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: white;
  font-size: 14px;
  width: 70px;
  height: 25px;
}
.card_product .item-product .image_product .option {
  position: absolute;
  bottom: -90px;
  left: 55%;
  transform: translate(-50%, -50%);
  width: 150px;
  opacity: 0;
  z-index: 1;
  transition: all 0.5s;
}
.card_product .item-product .image_product .option .icon {
  position: relative;
}
.card_product .item-product .image_product .option .icon span {
  font-size: 9px;
  width: 80px;
  top: -25px;
  left: 60%;
  transform: translate(-50px, -50%);
  position: absolute;
  border-radius: 5px;
  background-color: black;
  color: white;
  padding: 5px 10px;
  opacity: 0;
  transition: all 0.5s;
}
.card_product .item-product .image_product .option .icon span::after {
  content: "";
  position: absolute;
  top: 23px;
  left: 50%;
  transform: translate(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid black;
  border-bottom: 10px solid transparent;
}
.card_product .item-product .image_product .option .icon .icon-details {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50px;
  text-align: center;
  margin-right: 10px;
  transition: all 0.5s;
}
.card_product .item-product .image_product .option .icon:hover span {
  opacity: 1;
}
.card_product .item-product .image_product .option .icon:hover .icon-details {
  filter: invert(100%);
}
.card_product .item-product .image_product .img-2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(1);
  transition: all 0.6s;
}
.card_product .item-product .image_product .img-1 {
  transform: scale(1);
  transition: all 0.6s;
}
.card_product .item-product .image_product:hover .img-1 {
  transform: scale(1.1);
}
.card_product .item-product .image_product:hover .img-2 {
  opacity: 1;
  transform: scale(1.1);
}
.card_product .item-product .image_product:hover .option {
  bottom: 5px;
  opacity: 1;
}
.card_product .item-product h5 {
  color: #555;
  font-size: 14px;
  font-weight: 600;
}
.card_product .item-product h4 {
  color: #111;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.card_product .item-product .star {
  font-size: 10px;
  margin: 10px 0px;
}

.content-empty {
  display: none;
  min-height: 600px;
}
.content-empty a {
  text-decoration: none;
  color: black;
}
.content-empty button {
  background-color: white;
  border-color: #404040;
  padding: 10px 30px;
  border-radius: 50px;
  transition: all 0.5s;
  outline: none;
}
.content-empty button:hover {
  background-color: black;
  box-shadow: none;
  border-color: white;
}
.content-empty button:hover a {
  color: white;
}

.content-haveProduct {
  min-height: 600px;
}
.content-haveProduct a {
  text-decoration: none;
  color: black;
  transition: all 0.5s;
}
.content-haveProduct .payment-left table {
  border-collapse: collapse;
}
.content-haveProduct .payment-left table .title-3 {
  padding-right: 20px;
}
.content-haveProduct .payment-left table th {
  padding: 5px 10px;
  padding-left: 20px;
  border: 1px solid #A0A0A0;
}
.content-haveProduct .payment-left table td {
  border: 1px solid #A0A0A0;
  padding: 10px 45px;
}
.content-haveProduct .payment-left table .content-product .img-product {
  margin-right: 10px;
}
.content-haveProduct .payment-left table .content-product .img-product img {
  width: 70px;
  height: 70px;
  border-radius: 5px;
}
.content-haveProduct .payment-left table .content-product .name-product h4 {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.content-haveProduct .payment-left table .content-product .name-product h5 {
  color: #919191;
  font-weight: 500;
  font-size: 14px;
}
.content-haveProduct .payment-left table select {
  padding: 10px 20px;
  margin-right: 70px;
  margin-left: 20px;
}
.content-haveProduct .payment-left .product_short .content-product .img-product {
  margin-right: 10px;
}
.content-haveProduct .payment-left .product_short .content-product .img-product img {
  width: 70px;
  height: 70px;
  border-radius: 5px;
}
.content-haveProduct .payment-left .product_short .content-product .name-product h4 {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.content-haveProduct .payment-left .product_short .content-product .name-product h5 {
  color: #919191;
  font-weight: 500;
  font-size: 14px;
}
.content-haveProduct .payment-left .discount p {
  font-weight: 600;
  font-size: 14px;
}
.content-haveProduct .payment-left .discount p span {
  color: #919191;
}
.content-haveProduct .payment-left .discount textarea {
  display: block;
  width: 50%;
}
.content-haveProduct .payment-left .discount .feedBack label {
  font-weight: 600;
}
.content-haveProduct .payment-right {
  padding: 40px;
  width: 100%;
  max-height: 1500px;
  background-color: #f5f5f5;
  border-radius: 5px;
}
.content-haveProduct .payment-right .truck-process {
  height: 5px;
  background-color: #d73f0f;
  margin-bottom: 12px;
  position: relative;
  border-radius: 10px;
}
.content-haveProduct .payment-right .truck-process .truck-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #d73f0f;
  border: 1px solid #d73f0f;
  background-color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
}
.content-haveProduct .payment-right .process_title p {
  font-size: 10px;
}
.content-haveProduct .payment-right .process_title h4 {
  font-size: 14px;
  font-weight: 600;
}
.content-haveProduct .payment-right .choose_country label {
  font-size: 14px;
  color: #919191;
}
.content-haveProduct .payment-right .choose_provine label {
  font-size: 14px;
  color: #919191;
}
.content-haveProduct .payment-right .choose_zip label {
  font-size: 14px;
  color: #919191;
}
.content-haveProduct .payment-right .submit-form button {
  width: 100%;
}
.content-haveProduct .payment-right .add_coupon {
  border-top: 1px solid #919191;
  border-bottom: 1px solid #919191;
  font-weight: 600;
}
.content-haveProduct .payment-right .sum_money span {
  color: #000;
  font-weight: 600;
}
.content-haveProduct .payment-right .sum_money p {
  font-size: 10px;
  color: #919191;
}
.content-haveProduct .payment-right .check_boxRule .check {
  margin-right: 5px;
}
.content-haveProduct .payment-right .check_boxRule .rule {
  font-size: 14px;
}
.content-haveProduct .payment-right .check_boxRule .rule .modal-content {
  max-width: 645px;
}
.content-haveProduct .payment-right .check_boxRule a:hover {
  color: blue;
}
.content-haveProduct .payment-right .paymet_paypal {
  background-color: yellow;
  border: 2px solid white;
  padding: 20px;
  cursor: pointer;
  transition: all 0.5s;
}
.content-haveProduct .payment-right .paymet_paypal:hover {
  border-color: black;
}
.content-haveProduct .payment-right .paymet_paypal img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 996px) {
  table {
    display: none;
  }
}
@media screen and (min-width: 996px) {
  .product_short {
    display: none;
  }
}
.section-header {
  margin-bottom: 40px;
}
.section-header .section-heading {
  color: #111;
  font-size: 45px;
  font-weight: 600;
  margin-bottom: 5px;
}
.section-header p {
  color: #555;
}

.trendProduct .nav-tabs {
  border-bottom: none;
}
.trendProduct .nav-tabs .nav-item {
  margin-right: 20px;
  margin-left: 20px;
}
.trendProduct .nav-tabs .nav-item .nav-link {
  color: #111;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 0;
  border: none;
  text-align: center;
  line-height: 1.4;
}
.trendProduct .nav-tabs .nav-item .nav-link::after {
  content: "";
  display: block;
  height: 2px;
  background-color: #111;
  width: 0;
  transition: all 0.4s;
}
.trendProduct .nav-tabs .nav-item .nav-link:hover::after {
  width: 100%;
}
.trendProduct .nav-tabs .nav-item .nav-link.active {
  border: none;
}
.trendProduct .nav-tabs .nav-item .nav-link.active::after {
  width: 100%;
}
.trendProduct .tab-content .tab-pane .wrapper {
  max-width: 100%;
  overflow-x: scroll;
  padding-bottom: 10px;
}
.trendProduct .tab-content .tab-pane .wrapper::-webkit-scrollbar {
  height: 8px;
}

.banner .bg-img {
  width: 100%;
  padding-top: 50%;
  border-radius: 20px;
  background-image: url("../img/home-banner.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner .text {
  bottom: 3vw;
  left: 3vw;
}
.banner .text h6 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 10px;
}
.banner .text h3 {
  color: #fff;
  font-size: 5vw;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 0;
}
.banner .text .btn {
  margin-top: 3vw;
  padding-left: 4vw;
  padding-right: 4vw;
}

.banner-gender .banner-item {
  overflow: hidden;
  border-radius: 10px;
}
.banner-gender .banner-item img {
  width: 100%;
  transition: all 0.4s;
}
.banner-gender .banner-item .gender-heading {
  left: 30px;
  bottom: 30px;
  background-color: #EBEBEB;
  padding: 11px 50px;
  border-radius: 30px;
  color: #111;
  font-size: 14px;
  font-weight: 600;
}
.banner-gender .banner-item:hover img {
  transform: scale(1.1);
}

.policy .policy-item img {
  width: 42px;
}
.policy .policy-item h3 {
  margin: 20px 0;
  color: #111;
  font-size: 16px;
  font-weight: 600;
}
.policy .policy-item p {
  color: #555;
  font-size: 16px;
  font-weight: 400;
}

.inspire-product .item {
  overflow: hidden;
  border-radius: 10px;
}
.inspire-product .item img {
  transition: all 0.4s;
}
.inspire-product .item img:hover {
  transform: scale(1.1);
}
.inspire-product .item .cart-svg {
  top: 10px;
  right: 10px;
}

#mayyoulike-slider {
  overflow-x: scroll;
  padding-bottom: 10px;
}
#mayyoulike-slider::-webkit-scrollbar {
  height: 8px;
}

@media screen and (max-width: 575.98px) {
  .section-header {
    margin-bottom: 20px;
  }
  .section-header .section-heading {
    color: #111;
    font-size: 36px;
    font-weight: 600;
  }
}
.main_banner {
  background-image: url("../../../assets/img/port_bg_cate.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
}
.main_banner h1 {
  margin-bottom: 5px;
  color: #fff;
  font-size: clamp(20px, 4vw, 45px);
}
.main_banner p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.main_banner a {
  color: #fff;
  text-decoration: none;
  transition: all 0.5s;
}
.main_banner a:hover {
  color: #555;
}

.typeofshoes .item {
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.5s;
  position: relative;
}
.typeofshoes .item p {
  margin-bottom: 0;
}
.typeofshoes .item img {
  transition: all 0.5s;
}
.typeofshoes .item .button_name {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 200px;
  padding: 12px 0;
  background-color: white;
  border-radius: 50px;
  text-align: center;
  line-height: 1.2;
  color: #111;
  font-size: 14px;
  font-weight: 700;
}
.typeofshoes .item:hover img {
  transform: scale(1.1);
}

.all-products .filter-bar {
  margin-bottom: 20px;
}
.all-products .toggle-wrapper .filter-toggle, .all-products .toggle-wrapper .clear-all {
  background-color: black;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 5px 20px;
  transition: all 0.5s;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.all-products .toggle-wrapper .filter-toggle:hover, .all-products .toggle-wrapper .clear-all:hover {
  background-color: white;
  border-color: black;
  color: black;
}
.all-products .toggle-wrapper .clear-all:hover {
  background-color: black;
  color: #fff;
}
.all-products .toggle-wrapper .filter-notice {
  color: #555;
  font-size: 14px;
  font-weight: 400;
}
.all-products .clear-all {
  margin-bottom: 30px;
}
.all-products .grid-layout .icon {
  margin-right: 15px;
}
.all-products .grid-layout .icon:last-child {
  margin-right: 0;
}
.all-products .grid-layout .icon svg path {
  transition: all 0.4s;
}
.all-products .grid-layout .icon:hover svg path {
  fill: #111;
}
.all-products .grid-layout .icon.active svg path {
  fill: #111;
}
.all-products .sort-by {
  color: #111;
  font-size: 14px;
  font-weight: 400;
}
.all-products .sort-by .sort-options {
  font-weight: 500;
}
.all-products .sort-by .sort-options i {
  font-size: 10px;
}

@media screen and (min-width: 1200px) {
  .col-lg-24 {
    flex: 0 0 auto;
    width: 20%;
  }
}
.app__dashboard {
  font-family: "Jost", sans-serif;
}

.headerDashboard {
  background-color: #fff;
  height: 84px;
}
.headerDashboard .navbar {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.headerDashboard .navbar .navbar-brand {
  width: 120px;
}
.headerDashboard .navbar .navbar-brand .brand-text {
  color: #111;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 3px;
}
.headerDashboard .navbar .navbar__toogle-sidebar {
  width: 40px;
  height: 40px;
  background-color: transparent;
  transition: all 0.4s;
  color: #404040;
}
.headerDashboard .navbar .navbar__toogle-sidebar:hover {
  background-color: rgba(130, 49, 211, 0.1);
  color: #8231D3;
}
.headerDashboard .navbar .navbar__toogle-sidebar:hover svg {
  fill: #8231D3;
}
.headerDashboard .navbar .navbar-toggler {
  font-size: 16px;
}
.headerDashboard .navbar .nav-item {
  margin-left: 24px;
  position: relative;
}
.headerDashboard .navbar .nav-item.message::before, .headerDashboard .navbar .nav-item.notice::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #01B81A;
  position: absolute;
  top: 4px;
  right: -2px;
}
.headerDashboard .navbar .nav-item.notice::before {
  background-color: #ff0f0f;
}
.headerDashboard .navbar .nav-item.message:hover .dropdown {
  display: block;
}
.headerDashboard .navbar .nav-item.notice:hover .dropdown {
  display: block;
}
.headerDashboard .navbar .nav-item.setting:hover .dropdown {
  display: block;
}
.headerDashboard .navbar .nav-item.setting .dropdown {
  width: 700px;
  padding: 10px;
}
.headerDashboard .navbar .nav-item.setting .dropdown .feature-item {
  padding: 20px;
  transition: all 0.4s;
}
.headerDashboard .navbar .nav-item.setting .dropdown .feature-item:hover {
  box-shadow: 0 5px 10px rgba(64, 64, 64, 0.05);
}
.headerDashboard .navbar .nav-item.setting .dropdown .feature-item .feature-icon {
  margin-right: 16px;
}
.headerDashboard .navbar .nav-item.setting .dropdown .feature-item .feature-icon img {
  width: 24px;
  height: 24px;
}
.headerDashboard .navbar .nav-item.setting .dropdown .feature-item .feature-name {
  flex-grow: 1;
}
.headerDashboard .navbar .nav-item.setting .dropdown .feature-item .feature-name .title {
  color: #111;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0;
}
.headerDashboard .navbar .nav-item.setting .dropdown .feature-item .feature-name .desc {
  color: #919191;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.headerDashboard .navbar .nav-item.lang:hover .dropdown {
  display: block;
}
.headerDashboard .navbar .nav-item.lang .dropdown {
  width: 130px;
}
.headerDashboard .navbar .nav-item.lang .dropdown .lang-list {
  padding: 5px 0;
}
.headerDashboard .navbar .nav-item.lang .dropdown .lang-list .lang-item {
  padding: 7px 20px;
  transition: all 0.4s;
}
.headerDashboard .navbar .nav-item.lang .dropdown .lang-list .lang-item:hover {
  background-color: rgba(130, 49, 211, 0.1);
}
.headerDashboard .navbar .nav-item.lang .dropdown .lang-list .lang-item:hover .lang-name {
  color: #8231D3;
}
.headerDashboard .navbar .nav-item.lang .dropdown img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 10px;
}
.headerDashboard .navbar .nav-item.lang .dropdown .lang-name {
  color: #A0A0A0;
  font-size: 14px;
  font-weight: 400;
}
.headerDashboard .navbar .nav-item.profile:hover .dropdown {
  display: block;
}
.headerDashboard .navbar .nav-item.profile .dropdown {
  width: 280px;
}
.headerDashboard .navbar .nav-item.profile .dropdown .drop-header {
  margin: 10px;
  padding: 20px 25px;
}
.headerDashboard .navbar .nav-item.profile .dropdown .drop-header img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 15px;
}
.headerDashboard .navbar .nav-item.profile .dropdown .drop-header .name {
  color: #111;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}
.headerDashboard .navbar .nav-item.profile .dropdown .drop-header .job-name {
  color: #919191;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
.headerDashboard .navbar .nav-item.profile .dropdown .drop-body {
  margin-bottom: 15px;
}
.headerDashboard .navbar .nav-item.profile .dropdown .drop-body .profile-item {
  transition: all 0.4s;
  padding: 9px 25px;
}
.headerDashboard .navbar .nav-item.profile .dropdown .drop-body .profile-item:hover {
  padding-left: 35px;
  background-color: rgba(130, 49, 211, 0.05);
}
.headerDashboard .navbar .nav-item.profile .dropdown .drop-body .profile-item:hover .profile-icon,
.headerDashboard .navbar .nav-item.profile .dropdown .drop-body .profile-item:hover .profile-title {
  color: #8231D3;
}
.headerDashboard .navbar .nav-item.profile .dropdown .drop-body .profile-item .profile-icon {
  margin-right: 12px;
  color: #747474;
}
.headerDashboard .navbar .nav-item.profile .dropdown .drop-body .profile-item .profile-title {
  color: #747474;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.headerDashboard .navbar .nav-item.profile .dropdown .drop-footer {
  padding: 18px 15px;
  background-color: #f4f5f7;
  color: #868eae;
  font-size: 13px;
  font-weight: 500;
}
.headerDashboard .navbar .nav-item.profile .dropdown .drop-footer .profile-icon {
  margin-right: 6px;
}
.headerDashboard .navbar .nav-item .nav-link {
  padding: 0;
}
.headerDashboard .navbar .nav-item .nav-link img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.headerDashboard .navbar .profile-name {
  color: #404040;
  font-size: 14px;
  font-weight: 600;
  padding: 20px 0;
}
.headerDashboard .navbar .profile-name .profile-name-icon {
  font-size: 10px;
}
.headerDashboard .navbar .navbar-toggler {
  box-shadow: none;
}
.headerDashboard .dropdown {
  width: 360px;
  background-color: #fff;
  top: calc(100% + 35px);
  right: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  display: none;
  transform-origin: top right;
  animation: dropdownFadeIn 0.2s linear;
  position: absolute;
}
@keyframes dropdownFadeIn {
  from {
    opacity: 0.5;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.headerDashboard .dropdown::after {
  content: "";
  display: block;
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  height: 40px;
  z-index: 1000;
}
.headerDashboard .dropdown .drop-header {
  padding: 15px;
  margin: 10px;
  background-color: #f4f5f7;
  border-radius: 6px;
  justify-content: center;
}
.headerDashboard .dropdown .drop-header h2 {
  color: #111;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.headerDashboard .dropdown .drop-header .circle {
  width: 20px;
  height: 20px;
  background-color: #01B81A;
  color: #fff;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
}
.headerDashboard .dropdown .drop-body {
  height: 320px;
}
.headerDashboard .dropdown .drop-body .drop-items {
  padding: 15px 25px;
  transition: all 0.4s;
}
.headerDashboard .dropdown .drop-body .drop-items:hover {
  background-color: #f5f5f5;
}
.headerDashboard .dropdown .drop-body .drop-items .notice-img {
  margin-right: 15px;
}
.headerDashboard .dropdown .drop-body .drop-items .notice-img img {
  width: 40px;
  height: 40px;
}
.headerDashboard .dropdown .drop-body .drop-items .title {
  color: #111;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.headerDashboard .dropdown .drop-body .drop-items .time {
  color: #01b81a;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}
.headerDashboard .dropdown .drop-body .drop-items .detail {
  color: #919191;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.headerDashboard .dropdown .drop-body .drop-items .num {
  color: #fff;
  font-size: 8px;
  font-weight: 500;
  background-color: #01b81a;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  text-align: center;
  line-height: 14px;
}
.headerDashboard .dropdown .drop-footer {
  padding: 15px;
}
.headerDashboard .dropdown .drop-footer a {
  color: #A0A0A0;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.4s;
}
.headerDashboard .dropdown .drop-footer a:hover {
  color: #6726A8;
}

.main-content {
  background-color: #fff;
  margin-top: 84px;
}
.main-content .sidebar {
  width: 74px;
  text-align: center;
  height: 100vh;
  overflow: scroll;
  position: fixed;
  top: 84px;
  left: 0;
  bottom: 0;
  background-color: #fff;
}
.main-content .sidebar::-webkit-scrollbar {
  width: 8px;
}
.main-content .sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.main-content .sidebar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.main-content .sidebar .sidebar-link {
  text-decoration: none;
  color: #A0A0A0;
  padding: 10px 0;
  display: block;
}
.main-content .sidebar .sidebar-icon {
  color: #A0A0A0;
  border-radius: 50%;
}
.main-content .sidebar .sidebar-icon:hover {
  color: #8231D3;
}
.main-content .sidebar .sidebar-name,
.main-content .sidebar .sidebar-toggle,
.main-content .sidebar .sidebar-title,
.main-content .sidebar .sidebar-changlog,
.main-content .sidebar .sidebar-chat {
  display: none;
}
.main-content .sidebar.show {
  width: 280px;
  padding: 10px;
}
.main-content .sidebar.show ~ .data-list {
  padding-left: 280px;
}
.main-content .sidebar.show .sidebar-title {
  text-align: left;
  display: block;
  padding-left: 30px;
  margin-top: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #747474;
  font-size: 12px;
  font-weight: 500;
}
.main-content .sidebar.show .sidebar-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 10px 20px;
  transition: all 0.4s;
  color: #404040;
  font-size: 14px;
  font-weight: 500;
}
.main-content .sidebar.show .sidebar-link:hover {
  color: #8231D3;
}
.main-content .sidebar.show .sidebar-link .sidebar-name {
  display: inline-block;
  margin-left: 20px;
}
.main-content .sidebar.show .sidebar-link .sidebar-toggle {
  display: inline-block;
  margin-left: auto;
  font-size: 10px;
}
.main-content .sidebar.show .sidebar-link .sidebar-changlog {
  padding: 0 6px;
  color: #00AAFF;
  font-size: 10px;
  font-weight: 700;
  border-radius: 10px;
  background-color: rgba(0, 170, 255, 0.1);
}
.main-content .sidebar.show .sidebar-link .sidebar-chat {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  border-radius: 10px;
  background-color: #01B81A;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-content .data-list {
  background-color: #f4f5f7;
  padding-left: 74px;
  min-height: 100vh;
}
.main-content .data-list .content-header {
  padding: 33px 0;
}
.main-content .data-list .content-header .content-title {
  color: #111;
  font-size: 20px;
  font-weight: 500;
  margin-right: 22px;
}
.main-content .data-list .content-header .input-group {
  width: 300px;
  height: 40px;
}
.main-content .data-list .content-header .search-pd-btn {
  font-size: 14px;
  color: #747474;
  transition: all 0.4s;
  cursor: pointer;
}
.main-content .data-list .content-header .search-pd-btn:hover {
  color: #6726A8;
}
.main-content .data-list .content-header .form-control {
  border: transparent;
  box-shadow: none;
  line-height: 1.5;
  color: #111;
  font-size: 14px;
  font-weight: 400;
}
.main-content .data-list .content-header .form-control::-moz-placeholder {
  color: #A0A0A0;
}
.main-content .data-list .content-header .form-control::placeholder {
  color: #A0A0A0;
}
.main-content .data-list .content-body {
  background-color: #fff;
  padding: 0 25px;
  margin-bottom: 30px;
  border-radius: 10px;
}
.main-content .data-list .content-body .table-header {
  min-height: 66px;
  border-bottom: 1px solid #EBEBEB;
}
.main-content .data-list .content-body .table-header h3 {
  color: #111;
  font-size: 16px;
  font-weight: 500;
}
.main-content .data-list .content-body .table-header .sort-price .sort-label {
  cursor: pointer;
}
.main-content .data-list .content-body .table-body {
  padding: 16px 0;
}
.main-content .data-list .content-body .table-body .product-list {
  min-width: 1150px;
}
.main-content .data-list .content-body .table-body .product-list .col-5per {
  width: 5%;
}
.main-content .data-list .content-body .table-body .product-list .col-10per {
  width: 10%;
}
.main-content .data-list .content-body .table-body .product-list .col-15per {
  width: 15%;
}
.main-content .data-list .content-body .table-body .product-list .col-20per {
  width: 15%;
}
.main-content .data-list .content-body .table-body .product-list .table-title th {
  padding: 13px 20px;
  background-color: #f8f9fb;
  color: #404040;
  font-size: 14px;
  font-weight: 500;
}
.main-content .data-list .content-body .table-body .product-list .table-title th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.main-content .data-list .content-body .table-body .product-list .table-title th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.main-content .data-list .content-body .table-body .product-list th {
  padding: 10px 20px;
  color: #111;
  font-size: 14px;
  font-weight: 500;
}
.main-content .data-list .content-body .table-body .product-list .action-icon button {
  color: #747474;
  margin-left: 8px;
}
.main-content .data-list .content-body .table-body .product-list .product-img {
  width: 70px;
  height: 70px;
}
.main-content .data-list .content-body .table-body .content-footer {
  padding-top: 20px;
}
.main-content .data-list .content-body .table-body .content-footer .page-item {
  margin: 0 3px;
}
.main-content .data-list .content-body .table-body .content-footer .page {
  width: 32px;
  height: 32px;
  line-height: 1;
  border-radius: 4px;
  border: 1px solid #f1f2f6;
  background-color: #fff;
  color: #404040;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.4s;
}
.main-content .data-list .content-body .table-body .content-footer .page:hover, .main-content .data-list .content-body .table-body .content-footer .page.active {
  border: 1px solid #8231D3;
  background-color: #8231D3;
  color: #fff;
}
.main-content .data-list .content-body .table-body .content-footer .page-control {
  font-size: 12px;
}
.main-content .data-list .page-footer {
  background-color: #fff;
  padding: 25px 30px;
  border-radius: 10px;
}
.main-content .data-list .page-footer .footer__left {
  color: #404040;
  font-size: 14px;
  font-weight: 500;
}
.main-content .data-list .page-footer .footer__left a {
  color: #8231D3;
  transition: all 0.4s;
}
.main-content .data-list .page-footer .footer__left a:hover {
  color: #5840FF;
}
.main-content .data-list .page-footer .nav-link {
  color: #747474;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.4s;
}
.main-content .data-list .page-footer .nav-link:hover {
  color: #8231D3;
}

#addProductForm .form-group.invalid .form-message {
  color: #ff0f0f;
}
#addProductForm .form-label {
  margin-bottom: 6px;
  line-height: 1.2;
}
#addProductForm .form-control {
  box-shadow: none;
  border: 1px solid rgba(103, 38, 168, 0.3);
  transition: all 0.4s;
}
#addProductForm .form-control:focus {
  border-color: #6726A8;
}
#addProductForm .form-control[disabled] {
  background-color: #fff;
}

.notice-status {
  position: fixed;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  color: #fff;
  padding: 4px 40px;
  border-radius: 32px;
  font-size: 14px;
  animation: fadeIn 0.3s ease-in-out;
  display: none;
}
.notice-status.show {
  display: block;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    top: -5%;
  }
  to {
    top: 5%;
    opacity: 1;
  }
}/*# sourceMappingURL=main.css.map */