@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700&display=swap');

* {
    font-family: 'Tajawal', sans-serif;
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@-o-keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

a {
    color: inherit
}

ul {
    padding: 0;
    margin: 0;
}

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

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

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

input:focus, input:active, .form-control:focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
}

section {
    padding: 0px 0px;
    padding-bottom: 0;
}

.form-control {
    outline: none;
    border-color: transparent;
    box-shadow: none;
}

.navbar {
    background-color: white !important;
    /* border-bottom: 1px solid #e5e5e5; */
}

.navbar-nav .nav-link, .navbar-nav .nav-link:active, .navbar-nav .nav-link:focus {
    color: #000;
    font-size: 13pt;
}

.navbar-nav .nav-link i {
    margin-left: 5px;
    color: #000
}

.image-container {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}

.dropdown-toggle::after {
    color: black
}

.navbar-brand img {
    height: 70px;
}

.form-inline input {
    padding: .575rem .75rem;
    font-size: 11pt;
    width: 300px !important;
    border: 1px solid #e5e5e5;
}

.form-inline input:active, .form-inline input:focus {
    border: 1px solid #e5e5e5;
}

.form-inline button {
    padding: 0.54rem 0.9rem;
    margin-right: 5px;
    padding: 0.57rem 0.9rem;
    margin-right: 5px;
    background: white;
    color: #000;
    border-color: #eee;
    cursor: pointer;
    font-size: 11pt;
}

.form-inline button:hover, .form-inline button:focus, .form-inline button:active {
    border-color: #eee;
    background: white;
    color: #000;
    box-shadow: none !important;
}

.dropdown-item {
    font-size: 13pt;
}

.dropdown-item:hover {
    background-color: transparent;
    color: black
}

.navbar-nav {
    margin-left: 10px;
    padding-right: 20px;
}

.navbar-brand {
    margin-right: 0;
    margin-left: 20px;
}

.language-switcher {
    color: #000;
    font-size: 12pt;
    cursor: pointer;
    position: relative;
    float: left;
    padding: 10px 0px;

}

.user-profile {
    color: white;
    font-size: 13pt;
    cursor: pointer;
    position: absolute;
    float: left;
    padding: 10px 0px;
    left: 0;
}

.user-profile img {
    width: 40px;
    border-radius: 50%;
    border: 1px solid #eee
}

.user-profile .user-dropdown {
    display: none;
    padding: 12px 17px;
    border-radius: 4px;
    background: white;
    position: absolute;
    width: 175px;
    right: -110px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    z-index: 9999;
}

.user-profile .user-dropdown li {
    color: black;
    list-style-type: none;
    margin-bottom: 5px;
}

.user-profile .user-dropdown li i {
    color: #000;
    margin-left: 5px;
}

.language-switcher span img {
    width: 25px;
    margin-right: 5px;
    margin-left: 3px;
}

.language-switcher span i {
    margin-right: 8px;
    position: relative;
    top: 1px;
}

.language-switcher ul {
    display: none;
    padding: 10px 0px;
    border-radius: 4px;
    background: white;
    position: absolute;
    width: 175px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    z-index: 9999;
}

.language-switcher ul li {
    color: black;
    list-style-type: none;
    padding: 0px 15px;
}

.language-switcher ul li a {
    display: block;
}

.language-switcher ul li img {
    width: 25px;
    margin-left: 5px;
}

.language-overlayer {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    display: none;
}

.home-categories-list {
    width: 100%;
    float: right;
    padding: 0px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    border-top: none;
}

.home-categories-list li {
    padding: 10px 15px;
    list-style-type: none;
    font-weight: 400;
    position: relative;

}

.home-categories-list li img {
    width: 20px;
    margin-left: 5px;
}

.home-categories-list li i {
    margin-left: 5px;
}

.home-categories-list li:hover {
    background-color: #f9f9f9;
}

.home-categories-list li.active {
    background-color: black;
    color: white;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.home-categories-list li .category-dropdown {
    display: none;
    position: absolute;
    padding: 0;
    z-index: 9999;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    width: 500px;
    border-radius: 4px;
    right: 200px;
}

.home-categories-list li:hover .category-dropdown {
    display: block;
}

.home-categories-list li .category-dropdown li {
    float: right;
    width: 33.333333333333%;
    padding: 15px;
    cursor: pointer;
    text-align: center;
}

.home-categories-list li .category-dropdown li i {
    margin-right: 5px;
    color: #003d26;
}

.promotions-slider {
    width: 100%;
    float: right;
}

.promotions-slider .promotion-item {
    width: 100%;
    float: right;
}

.promotions-slider .promotion-item img {
    width: 100%;
    float: right;
    min-height: 395px;
    border-radius: 4px;
    height: 410px;
    object-fit: cover;
}

.owl-theme .owl-dots .owl-dot:focus, .owl-theme .owl-dots .owl-dot:active {
    outline: none;
}

.categories-slider {
    width: 100%;
    float: right;
    padding-top: 15px;
}

.light-bg-1 {
    background-color: #28e49c;
}

.light-bg-2 {
    background-color: #769ca4;
}

.light-bg-3 {
    background-color: #195d5f;
}

.light-bg-4 {
    background-color: #6c99dc;
}

.light-bg-5 {
    background-color: #e93b3c;
}

.slider-category-item {
    width: 125px;
    height: 122px;
    border-radius: 4px;
    /* float: right; */
    position: relative;
    background: white !important;
    border: 2px solid rgba(0, 0, 0, 0.15);
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 50%;
}

.slider-category-item .content i {
    color: white;
    margin-bottom: 5px;
    font-size: 24pt;

}

.slider-category-item .content p {
    margin: 0;
    color: #000;
    font-weight: bold;
    font-size: 11pt;
}

.slider-category-item .content img {
    width: auto;
    max-width: 80%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px;
}

.slider-category-item .content {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    width: 100%;
    padding: 0px 15px;
}

.coupon-code {
    width: 350px;
    border: 5px dotted #003d26;
    height: 100px;
    margin: 25px auto;
    margin-bottom: 10px;
    position: relative;
}

.coupon-code-content {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    width: 300px;
}

.coupon-code-content h2, .coupon-code-content p {
    margin: 0;
}

.coupon-code-content h2 {
    font-size: bold;
    color: #003d26
}

.coupon-code-content p {
    font-weight: 500;
}

.products-slider {
    width: 100%;
    float: right;
    padding: 0px 0px;
}

.product-item {
    border-radius: 6px;
    float: right;
    width: 100%;
    margin-left: 15px;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.10);
    margin-top: 6px;
    margin-bottom: 6px;
    position: relative;
    overflow: hidden;
}

.product-item-image {
    width: 100%;
    height: 170px;
    overflow: hidden;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    background-color: #fff;
    float: left;
    display: flex;
    align-items: center;
}

.product-item img {
    width: 100%;
    min-height: auto;
    height: 100%;
    width: auto !important;
    margin: 0 auto;

}

.product-item-info {
    width: 100%;
    float: left;
    padding: 20px 10px;
    padding-bottom: 10px;
}

.product-item-info h3 {
    margin: 0;
    color: #333132;
    font-size: 11pt;
    cursor: pointer;
    height: 35px;
    overflow: hidden;
}

.product-item-meta-data p {
    font-size: 13pt;
    color: #737373;
    float: right;
    margin: 0;
}

.product-item-meta-data span {
    color: #000;
    font-size: 13pt;
    float: right;
    font-weight: bold;
    margin-top: 5px;
}

.advertisement-banner {
    width: 100%;
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
}

.advertisement-banner img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 4px;
}

.ribbon {
    transition: .2s all ease;
    position: absolute;
    width: 250px;
    height: 30px;
    text-align: center;
    background: #ff0000;
    background-size: cover;
    z-index: 10;
    transform: rotate(314deg);
    top: 16px;
    left: -94px;
    line-height: 29px;
    font-weight: bold;
    color: white;
}

.product-item-meta-data strike {
    color: #eb2424;
}

.offer-filter-bar {
    width: 100%;
    float: right;
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    border-left: 1px solid rgba(0, 0, 0, 0.10);
}

.offer-filter-bar li {
    list-style-type: none;
    float: right;
    padding: 15px 20px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    border-left: none;
    font-size: 12pt;
    font-weight: 400;
    cursor: pointer;
    width: auto;
    height: auto;
    text-align: center;
}

.offer-filter-bar li:hover {
    background-color: #f9f9f9;
}

.offer-filter-bar li img {
    width: 20px;
    display: block;
    margin: 0 auto;
    margin-bottom: 3px;
}

.offer-filter-bar li.active {
    width: 260px;
    font-weight: bold;
    cursor: default;
}

.offer-filter-bar li:last-child {
    border-left: 1px solid rgba(0, 0, 0, 0.20);
}

.offer-filter-bar li.current {
    background-color: #003d26;
    color: white;
}

.offer-image {
    width: 100%;
    float: right;
}

.offer-image img {
    width: 100%;
    height: 215px;
    border-radius: 4px;
}

.offers-slider .product-item-image {
    height: 120px;
}

footer {
    width: 100%;
    float: right;
    padding: 75px 0px;
    background-color: #F9F9F9;
    margin-top: 25px;
    padding-bottom: 0;
}

.footer-list {
    width: 100%;
    float: right;
    padding: 0;
}

.footer-list li {
    width: 100%;
    float: right;
    list-style-type: none;
    color: #000;
    opacity: 0.8;
    margin-bottom: 10px;
}

.footer-list li:hover {
    color: #000;
    cursor: pointer;
}

.footer-list li i {
    margin-left: 5px;
}

.footer-widget {
    width: 100%;
    float: right;
}

.footer-widget h3 {
    color: #000;
    font-weight: 500;
    margin-bottom: 25px;
    font-size: 17pt;
}

.footer-widget img {
    max-width: 80px;
    display: block;
    margin: 0 auto;
}

.footer-widget p {
    color: #000;
    opacity: 0.8;
    margin: 15px;
}

.footer-social li {
    width: auto;
    float: right;
    font-size: 16pt;
    cursor: pointer;
    margin-left: 10px;
}

.footer-social li:last-child {
    margin-left: 0;
}

.footer-rights {
    width: 100%;
    float: right;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
}

.footer-rights p {
    margin: 0;
    font-size: 1rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 1rem;
}

.navbar-toggler {
    background: white;
    padding: 10px 15px;
    color: #000;
    border: 1px solid #eee;
}

.navbar-toggler i {
    color: #000
}

.navbar-collapse {
    position: relative;
}

.product-item-meta-data span .new-price {
    float: left;
    margin-right: 7px;
}

.product-item-meta-data span strike {

    font-size: 12pt;
}

.pre-header {
    width: 100%;
    background-color: #fafafa;
    float: right;
    display: block;
}

.pre-header-list {
    width: auto;
    float: right;
    padding: 0;
    direction: ltr;
    margin: 0;
}

.pre-header-list li {
    float: right;
    list-style-type: none;
    padding: 10px 10px;
    cursor: pointer;
    color: black;
    font-size: 11pt;
}

.pre-header-list li i {
    margin-left: 5px;
    color: #cea958;
}

.chat-box {
    width: 330px;
    position: fixed;
    left: 50px;
    bottom: 0px;
    z-index: 99999999999999999;
    bottom: 0px;
    transition: 0.5s ease;
    border: 1px solid rgba(0, 0, 0, 0.05)
}

.chat-box-head {
    background: #003d26;
    color: white;
    float: right;
    width: 100%;
    padding: 13px 15px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    cursor: pointer;
    border: 1px solid rgba(255, 2555, 255, 0.55);
    border-bottom: 0;
}

.chat-box-head h2 {
    float: right;
    margin: 0;
    font-size: 15pt;
}

.chat-box-head i {
    float: left;
    font-size: 21pt;
}

.chat-box ul {
    width: 100%;
    float: right;
    padding: 15px;
    background: white;
    margin: 0;
    display: none;
}

.chat-box ul li {
    list-style-type: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01);
    padding: 10px 15px;
    background-color: #f1f0f0;
    border-radius: 25px;
    margin-bottom: 15px;
}

.chat-box ul li.messenger {
    width: 100%;
    background: #0078FF;
    color: white;
    border: 0;
    border-radius: 4px;
    margin-bottom: 5px;
    font-size: 11pt;
}

.chat-box ul li.whatsapp {
    width: 100%;
    background: #4AC959;
    color: white;
    border: 0;
    font-size: 11pt;
    border-radius: 4px;
}

.chat-box ul li.right {
    float: right;
    background-color: #cea958;
    color: white
}

.chat-box ul li.left {
    float: left;
}

.chat-box ul li p {
    margin: 0;
    float: right;
}

.chat-box ul li i {
    float: right;
    font-size: 14pt;
    margin-left: 10px;
    position: relative;
    top: 2px;
}

.chat-box-send {
    width: 100%;
    float: right;
    display: none;
}

.chat-box-send input {
    width: 80%;
    float: right;
    border: 1px solid rgba(0, 0, 0, 0.10);
    padding: 13px 10px;
}

.chat-box-send button {
    width: 20%;
    float: right;
    padding: 8px 10px;
    height: 52px;
    border: none;
    font-size: 17pt;
    background-color: #003d26;
    color: white
}

.auth-holder {
    padding: 100px 0px;
}

.member-auth-header {
    width: 100%;
}

.member-auth-header h3 {
    color: #191919;
    font-size: 19pt;
    text-align: center;
    font-weight: 500;
    display: block;
    margin-bottom: 30px;
}

.member-auth-header h3 i {
    margin-left: 5px;
}

.member-auth-form {
    width: 450px;
    margin: 0 auto;
    overflow: auto;
}

.member-auth-form input {
    display: block;
    padding: 13px 15px;
    border-radius: 6px;
    border: 1px solid rgba(87, 82, 82, 0.2);
    width: 100%;
    margin-bottom: 15px;
    font-size: 13pt;
}

.member-auth-social {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 5px;
}

.member-auth-form button {
    width: 100%;
    background: black;
    color: White;
    padding: 16px 0px;
    border-radius: 6px;
    border: none;
    font-size: 14pt;
}

.member-auth-social a:first-child {
    color: #4267B2;
}

.member-auth-social a:nth-child(2) {
    color: #DB4437;
}

.member-auth-form .switch-auth {
    margin-top: 25px;
    color: lightslategray;
}

.member-auth-form .switch-auth a {
    font-weight: bold;
}

.member-auth-social i {
    font-size: 27pt;
    margin-left: 10px;
}

.mobile-store-img {
    width: 160px;
    display: block;
    margin-bottom: 0px;
}

.shopping-cart {
    position: absolute;
    left: 70px;
}

.shopping-cart a {
    color: black
}

.shopping-cart a i {
    font-size: 15pt;
}

.shopping-cart span {
    display: none;
    position: absolute;
    top: -15px;
    background: red;
    color: white;
    padding: 1px 7px;
    border-radius: 50%;
    font-size: 9pt;
    right: -13px;
    z-index: 9;
    border: 1px solid #eee;
}

.has-sub {
    margin-right: 5px;
    float: left
}

.favourite-ic {
    left: 120px;
}

.single-product {
    padding: 30px 0px;
}

.single-product-title {
    width: 100%;
    float: right;
    margin-bottom: 15px;
    font-size: 17pt;
}

.single-product-tags {
    width: 100%;
    float: right;
    padding: 0;
    margin: 0;
}

.single-product-tags li {
    float: right;
    list-style-type: none;
    background: white;
    color: #000;
    padding: 4px 9px;
    border-radius: 4px;
    margin-left: 10px;
    font-size: 10pt;
    border: 1px solid #eee;
}

.single-product-description {
    float: right;
    margin-top: 15px;
    font-size: 13pt;
    color: gray;
    line-height: 1.7;
    width: 100%;
    margin-bottom: 15px;
}

.single-product-select {
    width: 100%;
    float: right;
    margin-bottom: 20px;
}

.single-product-select p {
    font-size: 15pt;
    display: inline-block;
    margin: 0;
    width: 60px;
    margin-bottom: 10px;
}

.single-product-select select {
    width: 300px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 30px;
}

.single-product-btns {
    width: 100%;
    float: right;
    margin-top: 20px;
}

.single-product-btns a {
    float: right;
    background: white;
    color: #000;
    padding: 10px 25px;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 13pt;
    /*border: 1px solid rgba(0,0,0,0.15);*/
}

.single-product-btns a i {
    margin-left: 5px;
}

.single-product-image {
    width: 100%;
    float: right;
}

.product-preview {
    width: 100%;
    float: right;
    position: relative;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.product-preview {
    display: flex;
    height: 350px;
    align-items: center;
    margin-bottom: 20px;
    justify-content: center;
    /* overflow: hidden; */
}

.product-preview img.preview {
    width: 100%;
    float: right;
    padding: 0px;
    border-radius: 4px;
    height: auto;
    max-width: 100%;
    transition: 0.5s ease-in-out;
    display: block;
    margin: 0 auto;
    float: none;
    max-width: 100%;
    max-height: 350px;

}

.product-preview:hover img {
    /* cursor: zoom-in;
    transform: scale(1.3); */
}

.product-images-bar {
    width: 100%;
    float: right;
    margin-bottom: 20px;
}

.product-images-bar img {
    width: 100% !important;
    border-radius: 0px;
    float: right;
    cursor: pointer;
}

.product-preview span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    cursor: pointer;
}

.product-preview span img {
    width: 75px;
    float: none;
    padding: 0px;
    border-radius: 0px;
    padding-top: 0px;
}

.product-preview span i {
    margin-left: 5px;
}

.single-product-details {
    width: 100%;
    float: right;
    padding: 20px 0px;
}

.single-product-details ul {
    width: 100%;
    float: right;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.single-product-details ul li {
    float: right;
    list-style-type: none;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-top: none;
    font-size: 13pt;
}

.single-product-details ul li p {
    width: 50%;
    text-align: right;
    float: right;
    margin: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    padding: 15px;
}

.single-product-details ul li p:first-child {
    font-weight: bold;
    color: black
}

.single-product-details ul li p:last-child {
    border-left: none;
}

.single-product-comments {
    width: 100%;
    float: right;
    margin-top: 15px;
}

.single-product-comments p.heading {
    font-size: 18pt;
}

.rating-list {
    width: 100%;
    float: right;
}

.rating-list li {
    float: right;
    width: 100%;
    list-style-type: none;
    border-right: 5px solid #003d26;
    padding: 15px;
    margin-bottom: 25px;
    background: #FCFCFC;
}

.rating-list li .rate-picture {
    float: right;
    font-size: 15pt;
    margin-top: 4px;
    margin-left: 10px;
}

.rating-list li ul {
    width: 100%;
    float: right;
}

.rating-list li ul li {
    float: right;
    color: #ffce00;
    border-right: none;
    padding: 0;
    list-style-type: none;
    width: auto;
    margin-bottom: 0;
}

.rating-list p {
    float: right;
    font-size: 14pt;
    margin-bottom: 0;
}

.rate-box {
    width: 100%;
    float: right;
    margin-top: 15px;
}

.rate-box p {
    font-size: 18pt;
}

.rate-box textarea {
    width: 80%;
    float: right;
    border: 1px solid rgba(0, 0, 0, 0.10);
    padding: 13px 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.rate-box button {
    width: 20%;
    float: right;
    padding: 8px 10px;
    height: 52px;
    border: none;
    font-size: 13pt;
    background-color: #003d26;
    color: white;
    height: 76px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.single-section-heading {
    width: 100%;
    float: right;
}

.single-section-heading h2 {
    float: right;
    font-size: 25px;
}

.single-section-heading .section-filter {
    float: left;
    margin-left: 10px;
}

.single-section-heading .section-filter select {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 5px;
}

.m-0 {
    margin: 0
}

.section-bar {
    margin-top: 20px;
}

.section-bar li:first-child {
    padding-top: 35px;
}

.section-bar li {
    width: 100px;
    height: 100px;
}

.section-products .product-item {
    margin-top: 15px;
    margin-left: 0;
    margin-bottom: 0;
}

.loading-icon {
    margin: 0;
    text-align: center;
    padding: 50px;
    padding-bottom: 0;
    font-size: 22pt;
    color: #cea958;
}

.loading-icon i {
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotateY(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.w3-bar {
    width: 100%;
    float: right;
}

.w3-bar .w3-bar-item {
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: transparent;
    padding: 10px 45px;
    border-radius: 4px;
    text-align: right;
    /* padding-left: 50px; */
    cursor: pointer;
}

.w3-bar .active {
    background-color: white;
    color: #000;
    font-weight: bold;
}

.single-section-filter {
    width: 100%;
    float: right;
}

.right-filter-item {
    width: 100%;
    float: right;
    background: white;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    border: 1px solid #eee;
}

.right-filter-item ul {
    padding: 0;

}

.right-filter-item ul li {
    list-style-type: none;
    cursor: pointer;
    font-size: 11.5pt;
    padding: 4px 0px;
    font-weight: 400;
}

.right-filter-item ul li i {
    margin-left: 3px;
}

.right-filter-item p {
    font-weight: bold;
    margin-bottom: 10px;
}

.right-filter-item ul li.active {
    /* font-weight: bold;
    color: #cea958; */
}

.right-filter-item p i {
    margin-right: 9px;
}

.cart-items {
    width: 100%;
    float: right;
    padding: 25px 0px;
}

.cart-items li {
    float: right;
    width: 100%;
    list-style-type: none;
    background-color: white;
    padding: 20px 15px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
}

.cart-items li:last-child {
    margin-bottom: 0;
}

.cart-items li img {
    width: 90px;
    height: 90px;
    float: right;
    border-radius: 4px;
}

.cart-item-info h4 {
    font-size: 20px;
    margin: 0;
}

.cart-items li .cart-item-info {
    float: right;
    padding: 0px 15px;
}

.cart-items li .cart-item-info span {
    font-size: 14pt;
    float: right;
    width: 100%;
    color: black;
    font-weight: bold;
    margin-bottom: 0px;
}

.cart-items li .cart-item-info {
    float: right;
}

.cart-items li .cart-item-info p {
    width: 300px;
    color: gray;
}

.cart-item-remove {
    position: absolute;
    top: 15px;
    left: 25px;
    color: black;
    font-size: 16pt;
    cursor: pointer;
}

.cart-summary {
    width: 100%;
    float: right;
    margin-top: 15px;
}

.cart-summary-info {
    width: 100%;
    float: right;
    background-color: white;
    padding: 15px;
    border-radius: 4px;
}

.cart-summary-info p {
    margin-bottom: 0;
    width: 100%;
    float: right;
    font-size: 16pt;
    color: black;
    font-weight: bold;
}

.cart-summary .order-btn {
    background-color: black;
    width: 100%;
    float: right;
    padding: 15px 10px;
    font-size: 13pt;
    text-align: center;
    border-radius: 4px;
    color: white;
    margin-top: 15px;
    border: none
}

.cart-summary .order-btn i {
    margin-left: 5px;
}

.order-items li p {
    display: none;
}

.order-items li img {
    width: auto;
    height: 70px;
}

.order-items li .cart-item-remove {
    display: none;
}

.order-summary .cart-summary-info p {
    font-size: 14pt;
    margin-bottom: 5px;
}

.order-summary .cart-summary-info {
    margin-top: 15px;
}

.order-summary .right-filter-item ul li {
    font-weight: bold;
    font-size: 13.5pt;
}

.order-summary .right-filter-item p {
    margin-bottom: 10px;
}

.order-summary .right-filter-item ul li i {
    margin-left: 8px;
}

.order-summary .right-filter-item {
    margin-top: 0;
}

.order-summary .right-filter-item ul li .payment-option-holder input {
    width: 48%;
    margin-left: 5px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 10px;
    margin-top: 10px;
    float: right;
}

.order-summary .right-filter-item ul li .payment-option-holder input:last-child {
    margin-bottom: 10px;
}

.order-summary .right-filter-item ul li .payment-option-holder {
    width: 100%;
    float: right;
    display: none;
}

.select-address {
    width: 100%;
    float: right;
    padding: 10px
}

.select-address select {
    width: 100%;
    float: right;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-bottom: 10px;
}

.select-address textarea {
    width: 100%;
    float: right;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-bottom: 0px;
    font-size: 12pt;
    min-height: 100px;
}

.select-address input {
    width: 100%;
    float: right;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 12pt;
}

.table .thead-dark th {
    background-color: black;
}

.table {
    margin-top: 15px;
}

.order-information {
    width: 100%;
    float: right;
    margin-top: 10px;
}

.order-information p {
    font-weight: bold;
    font-size: 14pt;
}

.order-information ul li {
    list-style-type: none;
    font-size: 14pt;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 15px;
    padding-top: 15px;
}

.write-rate-stars {
    float: right;
    margin-top: 10px;
}

.write-rate-stars li {
    float: right;
    list-style-type: none;
    color: #ffce00;
    font-size: 17pt;
    margin-left: 10px;
}

.single-product-quantity {
    width: 100%;
    float: right;
}

.single-product-quantity p {
    margin: 0;
    font-size: 19pt;
    float: right;
    margin-bottom: 10px;
    color: #000;
    font-weight: bold;
}

.select-quantity {
    font-weight: 500;
    font-size: 14pt;
    text-align: center;
    margin-bottom: 10px;
}

.cart-counter {
    border: 1.5px solid rgba(0, 0, 0, 0.15);
    padding: 0px 8px;
    cursor: pointer;
    width: auto !important;
    margin-bottom: 0 !important;
    float: none !important;
}

.cart-product-count {
    border: 1px solid rgba(0, 0, 0, 0.15);
    height: 29px !important;
    display: inline-block;
    padding: 0px 10px;
    position: relative;
    cursor: default;
    max-width: 50px;
    text-align: center;
    border-radius: none !important;
}

.cart-product-count:active, .cart-product-count:focus {
    outline: auto;
}

/* -------------------------------------------------------------------------
  VERTICAL STEPPERS
-------------------------------------------------------------------------- */

/* Steps */
.step {
    position: relative;
    min-height: 1em;
    color: gray;
}

.step + .step {
    margin-top: 1.5em
}

.step > div:first-child {
    position: static;
    height: 0;
}

.step > div:not(:first-child) {
    margin-right: 1.5em;
    padding-right: 1em;
}

.step.step-active {
    color: black !important
}

.step.step-active .circle {
    background-color: black !important;
}

/* Circle */
.circle {
    background: gray;
    position: relative;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    box-shadow: 0 0 0 3px #fff;
}

/* Vertical Line */
.circle:after {
    content: ' ';
    position: absolute;
    display: block;
    top: 1px;
    right: 50%;
    bottom: 1px;
    left: 50%;
    height: 100%;
    width: 1px;
    transform: scale(1, 2);
    transform-origin: 50% -100%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: -1;
}

.step:last-child .circle:after {
    display: none
}

/* Stepper Titles */
.title {
    line-height: 1.6em;
    font-weight: bold;
}

.caption {
    font-size: 0.8em;
    font-weight: bold;
}

.steps-holder {
    width: 100%;
    float: right;
    padding: 15px 0px;
}

#address-canvas {
    width: 100%;
    height: 400px;
    margin-top: 20px;
    position: relative;
    float: right;
}

.shopping-cart-mobile, .search-mobile {
    display: none;
}

.mobile-tabs {
    width: 100%;
    float: right;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999999999999999999;
    background: white;
    display: none;
}

.mobile-tabs ul {
    width: 100%;
    float: right;
    padding: 0;
    margin: 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.mobile-tabs ul li {
    width: 25%;
    float: right;
    list-style-type: none;
    text-align: center;
    padding: 10px;
    font-size: 13pt;
}

.mobile-tabs ul li i {
    color: black
}

.mobile-tabs ul li span {
    display: block;
}

.container-outer {
    overflow: scroll;
    width: 500px;
    margin-bottom: 15px;
}

.container-inner {
}

.social-widget {
    margin-top: 20px;
}

.single-product-btns a.add-basket {
    color: white;
    background: black;
}

.single-section-heading h2 i {
    margin-left: 5px;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.user-profile:hover .user-dropdown {
    display: block;
}

.navbar-nav li {
    float: right;
}

.product-add-cart {
    width: 100%;
    border: none;
    padding: 8px 10px;
    background: whitesmoke;
    color: black;
}

.product-add-cart:focus, .product-add-cart:hover {
    outline: none;
}

.product-add-cart i {
    margin-left: 5px;
}

.form-error {
    background: red;
    color: white;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.form-error i {
    margin-left: 5px;
}

.form-label {
    text-align: center;
}

.go-home {
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
    display: block;
}

.green {
    color: green !important
}

.cat-image {
    height: 35px;
    margin-left: 10px;
    float: right;
}

.section-categories .slider-category-item {
    width: 100%;
    height: 130px;
    border-radius: 4px;
}

.single-product .single-section-heading {
    margin-bottom: 20px;
}

.single-product .slider-category-item .content img {
    height: 40px;
}

.single-product .slider-category-item .content p {
    font-size: 12pt;
    margin-top: 4px;
}

.add-basket {
    cursor: pointer;
}

.product-details-overlayer {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999999999;
    display: none;
}

.product-details {
    width: 350px;
    /*background: white;*/
    border-radius: 4px;
    padding: 25px 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 9999999999999;
    display: none;
}

.product-details .pd-label {
    margin: 0;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
    display: none;

}

.product-details ul li {
    list-style-type: none;
    width: 100%;
    float: right;
    padding: 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 0px;
    border-radius: 4px;
    cursor: pointer;

}

.product-details ul li p {
    float: right;
    margin: 0;
    padding: 0;
    font-weight: 500;
}

.product-details ul li span {
    float: left;
    font-weight: bold;
}

.product-details ul li.active {
    background: transparent;
    border: 3px solid #000;
}

.product-details button {
    width: 100%;
    padding: 10px;
    background: white;
    color: black;
    border: none;
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
    border: 1px solid black;
    font-weight: 500;
}

.product-details-err {
    margin: 0;
    color: red;
    font-weight: 500;
    padding: 5px;
    float: left;
    width: 100%;
    display: none;
}

textarea:focus, textarea:active, select:focus, select:active {
    outline: none;
}

.cart-empty {
    text-align: center;
    color: gray;
    padding: 50px 0px;
}

.cart-empty i {
    margin-left: 5px;
}

.form-inline button:active, .form-inline button:focus, .btn-outline-success:not([disabled]):not(.disabled).active, .btn-outline-success:not([disabled]):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
    background: white;
    color: black;
    border-color: #eee !important;
}

.suggested {
    margin-top: 50px;
    margin-bottom: 15px;
}

.category-heading h4 {
    display: inline-block;
}

.category-heading .show-more {
    float: left;
    font-weight: 500;

}

.nav-search {
    margin-right: 15%;
}

.nav-search input {
    margin: 0 !important;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 13px 10px;
    width: 300px !important;
}

.nav-search select {
    border: 1px solid #e5e5e5;
    height: 50px !important;
    border-radius: 4px;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.nav-search select:hover, .nav-search select:focus, .nav-search select:active {
    border: 1px solid #e5e5e5;
    border-left: 0;
}

.nav-search input:focus {
    border: 1px solid #e5e5e5;
    border-right: 0;
}

.nav-search button {
    padding: 13px 20px;
}

@media screen and (max-width: 991px) {
    .promotions-slider .promotion-item img {
        height: auto;
        margin-bottom: 15px;
    }

    .home-categories-list {
        display: none;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        display: block !important;
    }
}

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

.section-categories .product-item {
    max-width: 204px;
    float: none;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

.mobile-scroll-menu {
    margin: 0;
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
    background: #f8f9fa;
    padding: 5px 10px;
    display: none;
}

.mobile-scroll-menu li {

    float: none !important;
    display: inline-block;
    margin-left: 15px;

}

.mobile-scroll-menu::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge add Firefox */
.mobile-scroll-menu {
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */
}

.preheader-logo {
    float: right;
    display: flex;
    align-items: center;
    padding: 17px 0px;
    display: none;
}

.preheader-logo img {
    height: 25px;
    display: inline-block;
    margin-left: 5px;
}

.preheader-logo p {
    display: inline-block;
    font-weight: 500;
    margin: 0;
}

.swal2-icon.swal2-info {
    font-size: 17px !important;
}

.swal2-styled.swal2-confirm {
    background: white !important;
    color: black !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
}

.footer-description {
    margin: 0;
    margin-top: 15px;
    line-height: 1.6;
}

.a2a_kit {
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 0px;
    padding: 25px 0px;
}

.a2a_default_style:not(.a2a_flex_style) a {
    float: right !important;
}

.a2a_dd {
    display: none !important;
}

.by-supercode {
    font-weight: 500;
    margin-bottom: 1rem;
    display: block;
}

.by-supercode i {
    color: red !important;
    animation: pulse 0.5s ease infinite;
    margin-right: 3px;
    margin-left: 3px;
}

#galley {
    display: none !important;
}

@media screen and (max-width: 991px) {
    .viewer-footer {
        bottom: 75px !important;
    }
}

.checkout-header {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.checkout-header p {
    margin-bottom: 0 !important;
}

.checkout-header a {
    margin-right: auto;
    font-size: 11pt;
    font-weight: 500;
}

.checkout-header a:hover, .checkout-header a:active, .checkout-header a:focus {
    outline: none !important;
    box-shadow: none !important;
}

.custom-control {
    padding-left: 0;
    padding-right: 1.5rem;
    font-size: 15pt;
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #333;
    margin-top: 10px;
}

.select-address .form-check {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.select-address .form-check input {
    width: auto;
    zoom: 1.3;
    padding: 0;
    /* margin: 0 !important; */
    margin-bottom: 0 !important;
}

.select-address .form-check label {
    margin: 0;
    font-size: 13pt;
    margin-right: 10px;
    line-height: 20px;
}

.select-address .form-check label span {
    color: gray;
    font-size: 9pt;
    display: block;
}

.select-address .form-check .address-options {
    margin-right: auto;
    margin-left: 0px;
}

.select-address .form-check .address-options i {
    font-size: 14pt;
    margin-left: 15px;

}

.zoom-box .viewer-box > img {
    /* width: 500px !important;
    height: auto !important; */
}

.zoom-box .viewer-box {
    left: -220px !important;
    z-index: 999999999999999999;
}

.payment-method-header {
    margin-top: 15px;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.form-check-method {
    width: 100%;
    float: right;
    margin-top: 10px;
}

.payment-methods {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 1rem;
}

.payment-methods img {
    height: 30px;
    margin-right: 5px;
}

.show-filter {
    background: white;
    color: black;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
    display: none;
}

.show-filter i {
    margin-left: 5px;
}

.show-filter:hover, .show-filter:active, .show-filter:focus {
    background: white !important;
    color: black !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.product-item-info {
    background: white;
}

.home-categories-list {
    background: white;
}

.promotions-slider {
    background: white;
}

.filter-products {
    width: 100%;
    padding: 13px 10px;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 20px;
}

.filter-products i {
    margin-left: 5px;
}

.right-filter-item ul li label {
    margin-bottom: 0px;
    font-size: 12pt;
}

.right-filter-item ul li {
    display: flex;
    align-items: center;
}

.right-filter-item ul li input {
    margin-left: 5px;
}

.product-details ul li p {
    display: flex;
    align-items: center;
}

.product-details ul li p input {
    margin-left: 8px;
}

.cart-color {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px
}

.product-details ul li {
    display: flex;
    align-items: center;
}

.product-details ul li span {
    margin-right: auto;
}

.add-cart-color {
    width: 22px;
    height: 22px;
}

.product-details ul li p img {
    height: 30px;
    margin-left: 10px;
}

.inline-cart {
    display: block;
    width: 100%;
    position: static;
    top: 0;
    left: 0;
    transform: none;
    float: right;
    padding: 0;
}

.inline-cart .select-quantity {
    text-align: right;
}

.inline-cart .product-details-list p.pd-label {
    display: block;
    text-align: right;
}

.inline-cart button {
    width: auto;
    background: white;
    color: #000;
    padding: 10px 25px;
    /*border-radius: 25px;*/
    margin-left: 0px;
    font-size: 13pt;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.go-to-product {
    float: right;
    text-align: center;
}

.inline-cart ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.inline-cart ul li {
    width: auto;
    margin-left: 15px;
    flex: 0 0 30%;
}

.inline-cart ul li span {
    margin-right: 20px;
}

.inline-cart .select-quantity {
    margin-top: 15px;
}

/* Custom Radio Button */
.product-details ul li {
    position: relative;
}

.product-details ul li .custom-check-select input {
    position: absolute;
    opacity: 0;
}

/* .checkmark {
    position: relative;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: white;
    display: flex;
    align-items: center;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.10);
    border-radius: 4px;
    margin-left: 10px;
}
.checkmark:after {
    content: "";
    right: 7px;
    top: -2px;
    width: 8px;
    height: 14px;
    border: solid rgb(29, 155, 240);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    display: none;

} */
.product-details ul li .custom-check-select input[type="radio"]:checked + .checkmark:after {
    display: block;
}

.add-favourite {
    display: inline-block;
    background: white;
    color: #000;
    padding: 10px 25px;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 13pt;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.section-model {
    width: 100%;
    direction: rtl !important;
    /* float: left; */
    /* margin: 50px 0px;
    margin-bottom: 25px; */
}

.section-model-item {
    width: 100%;
    position: relative;
    /* margin-bottom: 25px; */
}

.section-model .section-model-item img {
    width: 100%;
    height: 100%;
}

.load-more-btn {
    width: 100%;
    float: left;
    text-align: center;
}

.load-more, .load-more-products {
    display: inline-block;
    background: transparent;
    padding: 10px 25px;
    color: white;
    border-radius: 4px;
    margin-top: 20px;
    font-weight: 500;
    cursor: pointer;
}

.load-more i, .load-more-products i {
    color: white !important;
    margin-left: 5px;
}

.load-more, .load-more-offers {
    display: inline-block;
    background: transparent;
    padding: 10px 25px;
    color: white;
    border-radius: 4px;
    margin-top: 20px;
    font-weight: 500;
    cursor: pointer;
}

.load-more i, .load-more-offers i {
    color: white !important;
    margin-left: 5px;
}

.product-img-item {
    height: 80px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    float: right;
    cursor: pointer;
}

.section-overlayer {
    width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(240, 248, 255, 0.7);
    height: 100%;
    text-align: center;
    opacity: 0;
    flex-direction: column;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: 0.5s ease-in-out;
}

.section-model-item:hover .section-overlayer {
    opacity: 1;
}

.section-overlayer a {
    background: black;
    color: white;
    padding: 9px 25px;
    border-radius: 4px;
    font-weight: 500;
    display: block;
}

.section-overlayer h2 {
    color: #000;
    margin-bottom: 0px;
}

.outside-category-text {
    text-align: center;
    width: 100%;
    font-weight: 500;
}

.detail-type-image {
    display: block !important;
    width: 150px !important;
    padding: 0 !important;
}

.detail-type-image img {
    width: auto;
    /*height: 120px;*/
    display: block;
    /* border-bottom: 1px solid rgba(0,0,0,0.20); */
    max-width: 100%;
    max-height: 120px;
    display: block;
    margin: 0 auto;
    padding: 10px 0px;
}

.detail-type-image-content {
    /* border: 1px solid rgba(0,0,0,0.15); */
    border-radius: 0px;
    padding: 10px;
    width: 100%;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

.product-details ul li.active .detail-type-image-content {
    /* border: 1px solid transparent; */
}

.form-inline .loner-search {
    border: 1px solid #e5e5e5 !important;
    border-radius: .25rem !important;
}

.cart-items .select-quantity {
    text-align: right;
}

.single-product-description p {
    margin-bottom: 0;
}

#iFeatures {
    position: relative;
    width: 100%;
    background-color: black;
    padding: 7px 0px;
    direction: ltr;


}

.ticker {
    position: relative;
    overflow: hidden;
    display: none;
}

.ticker p {
    position: relative;
    top: 0;
    white-space: nowrap;
    width: 50px;
    color: white;
    direction: rtl;
    margin: 0;
}

.ticker a {
    color: white;
}

.filter-custom-radio {
    display: block;
    position: relative;
    padding-right: 28px;
    margin-bottom: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.filter-custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.filter-custom-radio .checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.20);
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.filter-custom-radio:hover input ~ .checkmark {
    /* background-color: #ccc; */
}

/* When the checkbox is checked, add a blue background */
.filter-custom-radio input:checked ~ .checkmark {
    background-color: #000
}

/* Create the checkmark/indicator (hidden when not checked) */
.filter-custom-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.filter-custom-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.filter-custom-radio .checkmark:after {
    left: 50%;
    top: 50%;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;

    transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.product-group-selection {
    width: 100%;
    float: right;
    margin-bottom: 15px;
}

.product-group-selection ul li {
    list-style-type: none;
    float: right;
    margin: 3px;
    padding: 10px 20px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    
    border-radius: 4px;
    cursor: pointer;
}

.product-group-selection ul li.active {
    background: #ebebeb !important;
}

.product-sizes-selection {
    display: none;
}

.member-auth-form select {
    display: block;
    padding: 13px 15px;
    border-radius: 6px;
    border: 1px solid rgba(87, 82, 82, 0.2);
    width: 100%;
    margin-bottom: 15px;
    font-size: 13pt;
}

.lsb-play {
    display: none !important;
}

.category-children {
    margin: 0;
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
    background: #f8f9fa;
    padding: 5px 10px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-top: 10px;
}

.category-children li {
    float: none !important;
    display: inline-block;
    margin-left: 0px;
    padding: 10px;
}

.category-children::-webkit-scrollbar {
    height: 4px; /* height of horizontal scrollbar ← You're missing this */
    width: 4px; /* width of vertical scrollbar */
    background: #f8f9fa;;
}

.category-children::-webkit-scrollbar-thumb:horizontal {
    background: #000;
    border-radius: 4px;
}

.order-by-whatsapp {
    margin-top: 0px;
    margin-bottom: 10px;
    background: #25d366 !important;
    color: white !important;
    border: 1px solid transparent;
}

.order-by-whatsapp i {
    color: white !important;
    margin-left: 5px !important;
}

.order-by-whatsapp-checkout {
    float: right;
    width: 100%;
    padding: 15px;
    text-align: center;
    font-size: 13pt !important;
    margin-top: 20px;
}

.not-found-page {
    width: 100%;
    height: calc(100vh - 140px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.not-found-page img {
    background: rgba(0, 0, 0, 0.05);
    max-width: 100%;
    margin-bottom: 50px;
    max-height: 120px;
    padding: 10px;
    border-radius: 4px;
}

.not-found-page h2 {
    margin: 0;
    text-align: center;
    max-width: 80%;
}

.not-found-page h2 i {
    margin-left: 5px;
    margin-right: 5px;
}

.prices-switcher {
    float: left;
    height: 44px;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.prices-switcher i {
    color: white !important;
}

@media screen and (max-width: 991px) {
    .prices-switcher {
        height: 60px;
    }

    .mobile-tabs ul li {
        font-size: 10pt !important;
    }

    .footer-rights-holder {
        margin-bottom: 62px;
    }

}

.product-group-selection li s {
    color: red;
}

.landing {
    padding: 100px 0px;
}

.landing-image {
    width: 100%;
    text-align: center;
}

.landing-image img {
    max-width: 100%;
    text-align: center;
    max-height: 300px;
    width: auto;
    margin: 0 auto;
}

.landing-intro p.slogan {
    margin: 0;
    font-size: 30pt;
    text-align: center;
}

.landing-intro p.desc {
    margin: 0;
    margin-top: 25px;
    color: gray;
    font-size: 13pt;
    width: 100%;
    text-align: center;
}

.landing-intro {
    width: 100%;
}

.btns-holder {
    text-align: center;
    padding: 30px 0px;
}

.btns-holder a {
    padding: 0px 15px;
    font-size: 13pt;
}

.landing-section p.slogan {
    text-align: right;
    font-size: 20pt;
}

.landing-section p.desc {
    text-align: right;
    font-size: 12pt;
    line-height: 1.7;
    margin-top: 15px;
}

@media screen and (max-width: 991px) {
    .landing-image {
        padding: 15px 0px;
    }
}

.spinner {
    margin: 0;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: darkgray;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.sort-order-by, .sort-order-by:active, .sort-order-by:focus {
    float: left;
    width: auto;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.out-of-stock {
    color: red !important;
    font-weight: 500;
    font-size: 11pt;
    float: left;
    position: relative;
    top: 2px;
}

.out-of-stock i {
    color: red !important;
}

.lightspeed-box .lsb-download {
    display: block !important;
    color: #ffffff !important;
    text-shadow: 0 0 2px #000, 0 0 20px #ffffff !important;
}

.lightspeed-box .lsb-download svg {
    opacity: 1 !important;
    /* transform: scale(1.2); */
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.lightspeed-box .lsb-download {
    width: 50px !important;
    height: 31px !important;
}

@media screen and (max-width: 776px) {
    .lightspeed-box .lsb-control-panel {
        bottom: 55px !important;
    }


}

.product-details-total-price {
    display: none;
    margin: 0;
    font-size: 17pt;
    text-align: center;
    font-weight: bold;
}

.play-video {
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 9;
    background: white;
    padding: 9px 20px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    border-radius: 4px;
    font-size: 13pt;
    cursor: pointer;
}

.share-popup {
    display: block;
    width: 100%;
    float: right;
    font-size: 14pt;
    margin-top: 25px;
}

.share-popup i {
    margin-left: 5px;
}

.lightspeed-box.lsb-active {
    z-index: 99999999 !important;
}

.details-out-of-stock {
    display: none;
    margin-bottom: 20px;
}