@import url("./fonts/font.css");
:root{
	--primary-color:var(--brand-light);
	--grey-color:#707070;
    --primary-light-color:#221afbb0;
    --light-grey-color:#f3f3f3;
    --mid-grey-color: #efefef
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {font-family: "STC", sans-serif;line-height: 1;font-size: 16px;font-weight: 400; overflow-x: hidden;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{
color: #000;
text-decoration: none;
transition: .3s ease-in;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.loader {
    width: 80px;
    height: 80px;
    position: relative;
  }
.circle {
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 50%;
    position: absolute;
    transform-origin: center;
  }

  .circle-front {
    opacity: 1;
  }

  .circle-rear {
    animation: rear-grow 1s infinite, fade-out 1s 1s infinite;
  }

  @keyframes rear-grow {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.4);
    }
  }

  @keyframes fade-out {
    0% {
      opacity: 0.5;
    }
    100% {
      opacity: 0;
    }
  }


.page-loader {display: flex;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.9);z-index: 9999;}


/*FONTS SIZES----------------------------------------------------------------------------------------------------------------------------------------------------------FONTS SIZES*/

h1,h2,h3,h4,h6 {font-family: "STC", sans-serif;}
h1 {font-size: 50px;}
h2 {font-size: 30px;}
h3 {font-size: 20px;}
h6 {font-size: 16px;}

.p-lg {font-size: 24px;}
.p-xs {font-size: 12px;}
.p-sm {font-size: 14px;}
.p-md {font-size: 20px;}
.p-lg {font-size: 26px;}
.p-xl {font-size: 32px;}

/*FONTS SIZES----------------------------------------------------------------------------------------------------------------------------------------------------------FONTS SIZES*/


/*SHADES----------------------------------------------------------------------------------------------------------------------------------------------------------SHADES*/

.text-primary{color: var(--primary-color) !important;}
.text-light-primary{color: var(--primary-light-color) !important;}
.text-grey{color: var(--grey-color) !important;}
.bg-primary{background-color: var(--primary-color) !important;}
.bg-grey{background-color: var(--light-grey-color) !important;}
.bg-midgrey{background-color: var(--mid-grey-color) !important;}

/*SHADES----------------------------------------------------------------------------------------------------------------------------------------------------------SHADES*/

/*HEADER----------------------------------------------------------------------------------------------------------------------------------------------------------HEADER*/

/*BUTTON CSS----------------------------------------------------------------------------------------------------------------------------------------------------------BUTTON CSS*/

.transparent-btn {background: transparent;padding: 0;border: 0;}
.site-btn {background: var(--primary-color);border-radius: 13px;border: 1px solid var(--primary-color);color: white;font-size: 16px;font-weight: 600;padding: 13px 25px;min-width: 160px;transition: ease-in-out 0.2s;text-align: center;border-radius:99px;}
.site-btn:hover {background: transparent;color: var(--primary-color);}
.white-btn {background: #fff;color: var(--primary-color);border: 1px solid transparent;}
.white-btn:hover {color: #fff;background: transparent;border-color: #fff;}

input:focus-visible{border: none;outline: none;}

/*BUTTON CSS----------------------------------------------------------------------------------------------------------------------------------------------------------BUTTON CSS*/
/* ---------------------------------------------------
    CUSTOM INPUT STYLIMG
----------------------------------------------------- */

.site-input{width:100%;border:1px solid rgb(206 206 206 / 30%);border-radius:5px;color:#333;background:#fff;padding:12px 17px;appearance:none;box-shadow:2px 2px 8px rgba(0,0,0,.16);min-height: 55px;}
.site-label {
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--primary-color);
}
/* ---------------------------------------------------
    CUSTOM INPUT STYLIMG
----------------------------------------------------- */



.center-between {
    justify-content: space-between;
}
.center-between, .flex-center {
    align-items: center;
    display: flex;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.align-middle {
    vertical-align: middle;
}
.inline-block {
    display: inline-block;
}
.flex-1 {
    flex: 1 1 0%;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
    /* color: white; */
}
.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
    color: white;
}
.py-2\.5 {
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
}










.sitesHeaderLogo {
    height: 100px;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1001; /* Adjust z-index as needed */
    background-color: #ffffff; /* Optionally, set a background color for the sticky header */
}
.cont-overflow{
    overflow: hidden;
}
.border-n{
    border: none;
    background: #f3f3f3;
    padding: 3px;
}

li.navbar-dropdown {
    position: relative;
    direction: rtl;
  }
  li.navbar-dropdown:hover .mydropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
  }
  li.navbar-dropdown .mydropdown {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding: 20px 0;
    top: 100%;
    transform: translateY(50px);
    /* right: 0; */
    width: 250px;
    background-color: #fff;
    box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.3);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    z-index: 111;
    transition: 0.4s all;
  }
  /* English version */
    html[lang="en"] li.navbar-dropdown .mydropdown {
    left: 0;
    }

    /* Arabic version */
    html[lang="ar"] li.navbar-dropdown .mydropdown {
    right: 0;
    }

  li.navbar-dropdown .mydropdown a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
  }
  .navbar-dropdown .mydropdown a:hover {
    padding-left: 30px;
  }

  .mydropdown a {
      display: block;
      text-decoration: none;
      color: #444;
      padding: 20px 20px;
      font-weight: 700;
      transition: 0.4s all;
  }
  .langDrop a {
    background: transparent;
    /* outline: 1px solid #000; */
    color: var(--brand) !important;
    font-size: 16px;
    border: none;
    padding: 0;
}
.dropdown-btn {
    border: none;
    background-color: transparent;
    color: var(--brand);
}
.langDrop a:hover, .langDrop .btn.show {
    background-color: transparent;
}
.langDrop a:active, .langDrop a:focus-visible {
    background-color: unset !important;
    color: unset !important;
}

header .site-btn {
    padding: 10px 10px;
    min-width: 120px;
    font-size: 14px;
    border-radius: 99px;
    transition: .5s;
    background-color: var(--primary-color);
    color: #fff;
    border-color: transparent;
}
header .site-btn:hover {
    background-color:transparent;
    color: #000;
    border-color: var(--primary-color);
}
button.navbar-toggler:focus, button.navbar-toggler:focus-visible, button.navbar-toggler  {
    outline: none !important;
    border: none !important;
    box-shadow: none;
}





header ul.dropdown-menu.show {
    padding-top: 0px;
    width: 50px;
    max-width: 50px;
}

header ul.dropdown-menu.show li {
    padding: 5px 10px;
}
.header-cart .counter, .header-wishlist .counter {
    vertical-align: 0.3em;
}
.counter {
    background: var(--brand-light);
}

.counter {
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 11px;
    min-width: 18px;
    height: 18px;
    border-radius: 12px;
    font-weight: 700;
    padding: 4px;
    background: #7601ff;
    position: relative;
    top: -9px;
    display: inline-block;
    left: 14px;
}
.cart-btn{
    font-size:large;
    position: relative;
    top: -9px;
}
.btn-tab {
    display: block;
    text-align: center;
    padding: 10px 0;
    background-color: transparent;
}

.btn-tab span {
    vertical-align: inherit;
}

.btn-tab.active {
    background-color: #000; /* Change this to the desired background color for active tab */
    color: #fff; /* Change this to the desired text color for active tab */
}

.searchDrop .dropdown-toggle::after {content: unset;}

#navbarNav ul.navbar-nav li.nav-item a.nav-link:hover {
    color:var(--primary-color);
    direction: rtl;
}
.thumb-list {
    max-height: 204px !important;
}
.swiper-button-prev{
    color: var(--brand-light);
}
.swiper-button-next{
    color: var(--brand-light);
}
.nav-link {
    position: relative;
    display: inline-block;
}

html[lang="ar"] .nav-link i.fa-chevron-down {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 5px; /* Adjust as needed */
}
html[lang="en"] .nav-link i.fa-chevron-down {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 10px; /* Adjust as needed */
}

#navbarNav ul.navbar-nav li.nav-item a.nav-link {
    position: relative;
    text-wrap: nowrap;
    direction: rtl;
}

#navbarNav ul.navbar-nav li.nav-item a.nav-link:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 0;
    transition: width .3s;
    border-bottom: 1px solid;
}
html[lang="ar"] .pagination {
    justify-content: center;
    direction: rtl;
}
.pagination{
    justify-content: center;
}
.page-item{
    margin-right: 8px;
}
.dropdown-item:hover{
    background-color: var(--brand-light);
    color: white;

}
.profile-heading{
    display: flex;
    justify-content: center;
    padding: 5px;
}
html[lang="ar"] .dropdown-item{
    text-align: justify;
    display: flex;
    justify-content: flex-end;
}
html[lang="en"].dropdown-item{
    text-align: justify;
    display: flex;
    justify-content: flex-start;
}
html[lang="ar"] header ul.dropdown-menu.show li{
    display: flex;
    justify-content: flex-start;
}
html[lang="en"] header ul.dropdown-menu.show li{
    display: flex;
    justify-content: flex-start;
}
#navbarNav ul.navbar-nav li.nav-item a.nav-link:hover:after {
    width: 100%;
    left: 0;
}
 .regular-price {
    color: #a5a5a5;
    text-decoration: line-through;
    margin-right: 10px;
}
/*HEADER----------------------------------------------------------------------------------------------------------------------------------------------------------HEADER*/


/*FOOTER----------------------------------------------------------------------------------------------------------------------------------------------------------FOOTER*/

footer {background-color: var(--brand-light) !important;border-top-right-radius: 2rem;border-top-left-radius: 2rem;padding: 2.5rem 0;}
footer a, footer {color: #fff;text-decoration: none; padding:3px;}
.sitesFooterLogo {max-width: 70px;height: 70px;object-fit: contain;object-position: center center;}
ul.footerMenu {column-count: 2;}
ul.footerMenu li {padding-bottom: 0.5rem;}
.mobileAppsDownloadLinks {display: flex;align-items: center;justify-content: center;gap: 1rem;}
.appsImage {width: 100%;max-width: 120px;}
.payIcons, .deliveryIcons {display: flex;align-items: center;justify-content: center;gap: 0.5rem;}
.w-img{
    width: 10%;
}
.paymentOption{height: 28px;width: 45px;}
.copyright {border-top: 1px solid;padding-top: 1.75rem;text-align: center;font-weight: 700;}

/* .footerMenu a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    border-bottom: 1px solid;
    transition: width .4s;
    bottom: -4px;
}
.footerMenu a:hover:after, .footerMenu a.active:after {
    width: 25%;
    left: 61px;
} */

/*FOOTER----------------------------------------------------------------------------------------------------------------------------------------------------------FOOTER*/

/*OFFERS SLIDER CSS----------------------------------------------------------------------------------------------------------------------------------------------------------OFFERS SLIDER CSS*/

.offerSliderImg {max-height: 250px;object-fit: cover;object-position: center center;border-radius: 1rem;}

/*OFFERS SLIDER CSS----------------------------------------------------------------------------------------------------------------------------------------------------------OFFERS SLIDER CSS*/

/*BRAND/CATEGORY SLIDER CSS----------------------------------------------------------------------------------------------------------------------------------------------------------BRAND/CATEGORY SLIDER CSS*/

.brandImage {width: 100%;max-width: 250px;height: 250px;object-fit: contain;margin: auto;}
.brandBox {background: #fff;margin: 1rem;transform: scale(0.9);transition: .5s;border-radius: 34px;}
a.brandLink.slick-center {transform: scale(1.1);transition: .5s;}
.brandBox:hover {box-shadow: 0px 0px 15px 0px #00000069;background-color: var(--brand-light);}
.brandBox:hover img {filter: brightness(0) invert(1);}

/*BRAND/CATEGORY SLIDER CSS----------------------------------------------------------------------------------------------------------------------------------------------------------BRAND/CATEGORY SLIDER CSS*/
section.productsArena, section.newProducts, section.bestSellerProducts {padding: 25px 0 50px; border-radius: 100px;}
h2.productsArenaHeading {margin-bottom: 150px;}

.productBox { background: #e2e2e2;border-radius: 15px;padding: 1rem 0.5rem 1rem;padding: 1.5rem 0 3rem;position: relative;transition: .5s; min-height: 325px;}
.itemImage {margin-top: -120px;
    /* transform: rotateY(20deg) rotateX(10deg); */
    transition: .5s;
     mix-blend-mode: darken;
    }
/* .productImg img:hover {transform: rotateY(0deg) rotateX(0deg);} */
.bg-remove{
    mix-blend-mode: darken;
}
.cart-border{
    /* border: 1px solid var(--brand-light); */
     border-radius:8px;
}
.owl-carousel, .owl-carousel .owl-item{
    mix-blend-mode: darken;
    background: transparent;
}
.owl-carousel.owl-drag .owl-item{
    width: 254px !important;
}
.productTitle {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 20px;
    width: auto;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    direction: rtl;
}
.product-list-empty{
    line-height: 42px;
}
.s-button-loader {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    transition-duration: 0.15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.lazy__bg {
    --tw-translate-y: 0.75rem;
    background-position: 50%;
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
}
.lazy__bg.loaded {
    --tw-translate-y: 0px;
    opacity: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.banner-entry {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.375rem;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    height: 260px;
    overflow: hidden;
    padding: 0.75rem;
    position: relative;
    text-align: center;
}
.banner-entry a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    transition-duration: 0.5s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}
.banner-entry a:hover {
    opacity: 1 !important;
}
.has-overlay.with-hover:hover:after {
    opacity: 1;
}
.has-overlay:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
}
.has-overlay.with-hover:after {
    opacity: 0;
    /* transition: opacity 0.3s; */
}
.has-overlay:after {
    --tw-content: "";
    background-color: rgba(0, 0, 0, 0.4);
    content: var(--tw-content);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition-duration: 0.3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
}

.banner-entry h3 {
    line-height: 1.5rem;
}
.md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sm\:gap-8 {
    gap: 2rem;
}
.grid-flow-row {
    grid-auto-flow: row;
}
.grid {
    display: grid;
}
.sold-out{
    text-align: center;
    background-color: #9132ff;
    color: #fff;
    border-radius: 7px;
    font-size: 13px;
    margin: 0 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 40%;
}
.sold-out-count{
    font-size: 24px;
    font-weight: bold;
}
.productPrice {font-size: 14px;margin-top: 0.5rem;}
.productDescription {text-align: center;position: relative;padding: 0rem 0 2.5rem;}

.originalProductPrice {text-decoration: line-through;}
.discountedPrice {color: #ff6d6d;font-weight: 600;font-size: 18px;}
span.discountPercentage {background: #ff6d6d;position: absolute;right: 0;padding: 6px 10px;border-radius: 6px;border-bottom-right-radius: 0;border-top-right-radius: 0;color: #fff;font-size: 13px; font-weight: 700;bottom: 10px;}
.blog_date{
    top: 15px !important; background: #ff6d6d;position: relative;right:-585px;padding: 6px 10px;
    border-radius: 6px;border-bottom-right-radius: 0;border-top-right-radius: 0;color: #fff;font-size: 13px; font-weight: 700;
}
.productBox:hover {box-shadow: 0px -10px 15px 0px #00000014;}
.productBox:hover .itemImage {
    /* transform: rotateY(0deg) rotateX(0deg); */
}
html[lang="en"] .singleProductDescription{
    background-color: white;
    padding: 15px;
    border-radius: 30px;
    direction: ltr;
}

html[lang="ar"] .singleProductDescription{
    background-color: white;
    padding: 15px;
    border-radius: 30px;
    direction: rtl;
}
.singleProductDescription p {
    padding: 10px !important;
}

.productActionButtons {position: absolute;bottom: 0;right: 0;left: 0;display: flex;align-items: center;width: 100%;}
.view-product-btn{flex-shrink: 0;padding: 1rem 2rem ;color: lightgray;border: none;background-color: transparent;transition: .5s;}
.add-to-cart-btn{flex-grow: 1;padding: 1rem 1rem;background: var(--brand-light);border-top-left-radius: 15px;color: #fff;border-bottom-right-radius: 15px; border: 1px solid transparent;transition: .5s}

.add-to-cart-btn:hover {border-color: var(--brand-light);color: #000;background: transparent;}

.add-to-cart-btn-dull{flex-grow: 1;padding: 1rem 1rem; cursor: not-allowed; text-align: center; background: #c4bdbd;border-top-left-radius: 15px;color: #fff;border-bottom-right-radius: 15px; border: 1px solid transparent;transition: .5s}

.add-to-cart-btn:hover {border-color: #e2e2e2;color: #000;background: transparent;}
.view-product-btn:hover {color: #000;}

.productBox {margin: 0 10px;}

.productSlider .slick-list, .recentProductSlider .slick-list, .bestProducts .slick-list {overflow: visible;}
h2.newProductsHeading, h2.bestSellerProductHeading {margin-bottom: 150px;}

.videoOfferText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 35px;
    text-transform: capitalize;
    font-weight: 700;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.img-round{
    border-radius: 20px;
    mix-blend-mode: difference;
}
.dropdown-btn{
    border:none;
    background-color: transparent;
}
.quantity-btn{
    border: none;
    background-color: #f3f3f3;
    font-size: 25px;
}
.towishlist{
    position: absolute;
    right: 0;
}
/* Styling for Owl Carousel slides */
#slider1 .owl-item {
    margin-right: 10px; /* Adjust the spacing between slides */
}

#slider1 .owl-item img {
    width: 100%; /* Make sure images fill the entire slide container */
    border-radius: 8px; /* Add rounded corners to images */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow effect */
}

/* Styling for the second slider */
#slider2 .slide {
    margin-right: 15px; /* Adjust the spacing between slides */
}

#slider2 .slide img {
    width: 100%; /* Make sure images fill the entire slide container */
    border: 1px solid #ddd; /* Add a border around images */
    border-radius: 10px; /* Add rounded corners to images */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); /* Add a shadow effect */
}

.blog-post {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 5px;
  }

  .blog-post img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 10px;
  }

  .blog-post h2 {
    color: #333;
  }

  .blog-post p {
    color: #666;
  }

  .blog-post a {
    color: #3498db;
    text-decoration: none;
  }

  .blog-post a:hover {
    text-decoration: underline;
  }


.helpIcons {height: 70px;width: 100%;max-width: 70px;object-fit: contain;}
.helpBox {background: #fff;border-radius: 1rem;padding: 2rem 1rem;}
p.helpDelivery {margin-top: 1rem;text-transform: capitalize;}

.clientSayings {margin: 0 10px;}
p.clientName {font-weight: 600;font-size: 20px;margin-top: 0.75rem;}
p.testimonialSaying {max-width: 500px;margin: auto;}

section.testimonial .slick-dots li button {width: 20px;height: 20px;background: var(--brand-light)40;border-radius: 99px;}
section.testimonial .slick-dots li button:before {opacity: .75;color: var(--brand-light);font-size: 30px; opacity: 0.5;}
section.testimonial .slick-dots li.slick-active button:before {opacity: 1;color: var(--brand-light);}
section.testimonial .slick-dotted.slick-slider {margin-bottom: 30px;padding-bottom: 50px;}

section.allProducts {
    padding: 70px 0 70px;
}
section.singleProduct {
    padding: 50px 0 50px;
}

.singleProductImage {
    background: #fff;
    /* border-radius: 50px; */
    text-align: center;
    width: 100%;
    max-width: 600px;
    margin: auto;
}
.sticky-product-counter {
    padding: 0.5rem 0.5rem;
    background: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 1000;
}
.addtocartSticky {
    display: grid;
    align-items: center;
    gap: 1rem;
    grid-template-columns: 5fr 5fr 2fr;
}
.disabled-btn{
    background-color: #cdcfd0 !important;
    color: white !important;
    border:none;

}
.sticky-add-btn-disabled{
    background: #7c7b7b;
    border-radius: 10px;
    flex-grow: 1;
}
.sticky-add-btn{
    background: #000;
    border-radius: 10px;
    flex-grow: 1;
}
.sticky-add-btn:hover{
    background: #000;
    color: #fff;
    opacity: 0.7;
}
.stickyQuantity{
    flex-shrink: 0;
    margin-bottom: 0 !important;
    border: none !important;
    width: 25%;
}

.text-page{
    line-height: normal;
    text-align: end;
}

.g-price{
    color: #ffa200;
    font-weight: bold;
    margin: auto;
}
.item-price{
    color: #090909;
    font-weight: bold;
    margin: auto;
}

/* loading gif */
.loading-container {
    height: 0vh;
    width: 0vh;
    left: 95px;
    position: relative;
    top: -30px;
    
}
/* loading gif */

.checkout-payment-option {
    border: 2px solid var(--color-white);
    flex-direction: column;
    padding: 10px;
    align-items: center;
    display: flex;
}
.checkout-method-group .line-one {
    display: inline-flex;
}

.radio-container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
    padding: 5px;
}
.checkout-payment-img {
    display: block;
    max-width: 70px;
    max-height: 37px;
}
.field-list {
    background-color: #fbfbfc;
    border-radius: 5px;
    padding: 13px;
}
.field-list>div img {
    opacity: .05;
    width: 80px;
    float: inline-start;
}
.field-list>div ul {
    align-items: flex-start;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0 20px 0 0;
}
.field-list>div ul li {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 0 5px;
    width: 100%;
}
.field-list>div ul li div {
    background: #f8f8f8;
    border-radius: 5px;
    flex: auto;
    margin-left: 15px;
    padding: 0 10px 5px;
}
.payment-methods{
    box-shadow: rgb(170, 170, 170) 0px 0px 6px 0px;
    border: 1px solid rgb(255, 162, 0);
    background-color: white;
    border-radius: 7px;
}

.img_display{
    width: 10%;
    margin: auto;
}

.product-group-heading li {
    list-style-type: initial; /* Remove bullet points */
    margin-bottom: 10px; /* Add space between list items */
}

.product-group-heading li a {
    text-decoration: none; /* Remove underline from links */
    color: #333; /* Change link color */
}

.product-group-heading li a:hover {
    color: #555; /* Change link color on hover */
}

.sidebar-cat{
    background: white;
    box-shadow: 0 0 6px 0 #aaa;
    height: fit-content;
    border-radius: 12px;
    min-height: 110px;
}
.thankyou-page{
    background: white;
    border: 1px solid #ffa200;
    box-shadow: 0 0 6px 0 #aaa;
    height: fit-content;
}

.blog-desc{
    background: white;
    border: 1px solid #ffa200;
    box-shadow: 0 0 6px 0 #aaa;
    height: fit-content;
    padding: 23px;
    line-height: 25px;
}
.blog-img{
    width: 200px;;
}
.comment-date{
    margin-left: 0;
    font-size: 10px;
    color: #858585;
}

.products-navigation {
    padding-top: 0;
    margin-top: 45px;
}
.next-posts-navigation {
    text-align: center;
    /* padding-top: 40px;
     */
}
.next-posts-navigation .nav-links {
    display: inline-block;
}
.next-posts-navigation a {
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #e3e7e8;
    vertical-align: middle;
}
.next-posts-navigation a {
    font-size: 13px;
    font-family: kanun medium,sans-serif!important;
    font-weight: 400;
    justify-content: center;
    background-color: #fff;
}
.filepond--drop-label{
    background-color: #e3cdfd;
}
.control-group .control-error{
    color: red;
    top: 3px;
    position: relative;
}
.item-title{
    text-align: center;
    font-size: 15px;
    color: #ff6d6d;
    font-weight: bold;
    width: 95%;
}
.item-price{
    text-align: center;
    font-weight: bold;
}
.item-qnt{
    text-align: center;
    font-weight: bold;
}
.item-image{
    width: 15%;
}
.item-prod{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    border-bottom: 1px solid #E4E4E4;
    padding: 10px;
}
.item-counter {
    position: absolute;
    font-size: 9px;
    padding: 3px;
    background: #e2e2e2;
    margin: auto;
    color: black;
    margin-top: -10px;
    border-radius: 13px;
    font-weight: bold;
    width: 15px;
    text-align: center;
}
.item-img{
    mix-blend-mode: darken;
}
.item-details{
    display: flex;
}
.order-summary{
    border-radius: 6px;
}

.lb-outerContainer{background-color: transparent;}

.entry-summary #offer_timer {
    margin-top: 5px;
    direction: rtl;
    line-height: 1;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #ff6d6d;
    padding: 4px 10px;
    padding-top: 10px;
    padding-left: 12px;
    position: relative;
    right: 70%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 3px 3px 0 #cdcdcd;
}
.entry-summary #offer_timer .timer.d-flex {
    justify-content: center;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 15px;
    color: #fff;
}

.singleProductRating {
    flex-direction: column;
}

.top-info {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 30px;
}

h3.singleProductTitle {
    font-weight: 700;
    font-size: 28px;
    text-transform: capitalize;
}

.singleProductPrice {
    margin-top: 10px;
    font-size: 24px;
}

.custom-select{
    display: block;
    border-radius: 10px;
    text-align: center;
    width: 90%;
    margin: auto;
    color: #000;
    height: 60px;
    line-height: 30px;
    font-family: kanun heavy,sans-serif!important;
    border: 0;
    font-size: 14px;
    appearance: none;
    background: url(data:image/svg+xml;utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMTkyIDM4NGMtOC4xODggMC0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTYwLTE2MGMtMTIuNS0xMi41LTEyLjUtMzIuNzUgMC00NS4yNXMzMi43NS0xMi41IDQ1LjI1IDBMMTkyIDMwNi44bDEzNy40LTEzNy40YzEyLjUtMTIuNSAzMi43NS0xMi41IDQ1LjI1IDBzMTIuNSAzMi43NSAwIDQ1LjI1bC0xNjAgMTYwQzIwOC40IDM4MC45IDIwMC4yIDM4NCAxOTIgMzg0eiIvPjwvc3ZnPg==) 15px 50% no-repeat #fff;
    background-size: 10px;

}


.singleProductDetails ins {
    color: #ff6d6d;
    text-decoration: none;
}

.singleProductPrice del {
    font-size: 14px;
}

div#offer_timer {
    text-align: center;
    color: #fff;
    background-color: #ff6d6d;
    padding: 10px 10px;
    padding-left: 12px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 3px 3px 0 #cdcdcd;
}

#offer_timer .timer.d-flex {
    justify-content: center;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
}

.singleProductDiscount {
    right: unset !important;
    top: 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
}

.quickViewModal .modal-header {padding: 10px 20px;border: unset;display: none;}
.quickViewModal .modalSlider .slick-prev {left: 15px;}
.quickViewModal .modalSlider .slick-next {right: 15px;}
.quickViewModal .modalSlider .slick-prev:before {content: '\f053';font-family: 'FontAwesome';}
.quickViewModal .modalSlider .slick-next:before {content: '\f054';font-family: 'FontAwesome';}
.quickViewModal .modalSlider .slick-prev:before, .quickViewModal .modalSlider .slick-next:before {font-size: 14px;opacity: 1; color: #000;}

h4.qvProductTitle {
    color: #000;
    font-size: 22px!important;
    margin-bottom: 15px!important;
    margin: 25px 0 5px;
    text-align: center;
}

.qvProductRating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.qvProduct-rating {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    display: inline-block;
    color: #cdcfd0;
}

.qvProduct-rating .startRating .active {
    color: red !important;
}

.starRating.active {
    color: red;
}

.qvProduct-rating .starRating.active {
    color: #faa202;
}

p.qvProductPrice {
    text-align: center;
    color: #5f5f5f;
    font-size: 22px;
    margin: 15px 0 27px;
}

.qvProductQuantity {
    margin-bottom: 1rem;
    display: flex;
    border: 1px solid #cdcfd0;
    transition: .4s;
    justify-content: space-between;
    padding: 0.5rem 0.5rem;
}

button.addMin {
    border: none;
    background: transparent;
}

.qvProduct-meta {
    margin-top: 20px;
    text-align: center;
}

.qvProduct-meta p {
    padding-top: 6px;
    font-weight: 600;
}

.productMetaTitle {
    color: #838889;
    font-weight: 400 !important;
}
.qvProduct-input {
    /* width: 100%; */
    text-align: center;
    border: none;
    padding: 0;
}

section.auth {
    padding: 50px 0 50px;
}
.eye-password {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.auth-card {
    background: #fff;
    padding: 2.5rem 1rem;
    box-shadow: 0px 5px 7px -1px #00000054;
    border-radius: 14px;
}
.authTabs button.nav-link {
    color: var(--primary-color);
    padding: 14px 0;
    border-radius: 0px;
}

.authTabs {
    border: 1px dotted var(--primary-color);
}

.authTabs button.nav-link.active {
    background-color: var(--primary-color);
}

.cart_item_img {
    width: 50px !important;
    height: 50px;
    object-fit: cover;
    /* border: 1px solid #000; */
    object-position: center center;
}

.cart_img_desc {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cart_item {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.cartItemBox {
    /* position: relative; */
    background: #fff;
    padding: 2rem 2rem;
    border-radius: 10px;
}

p.cart_item_total {
    font-weight: 700;
}

/* .cartItemBox a.remove {color: #a2a5a6;position: absolute;right: 10px;top: 5px;line-height: 1;} */
.svg-icon {color:var(--brand); font-size: 24px;font-size: 1.5rem;line-height: 1;display: inline-block;}
.cartItemBox a.remove .svg-icon {transition:.5s;font-size: 18px;font-size: 12px;border: 1px solid #000;height: 18px;width: 18px;display: flex;align-items: center;justify-content: center;border-radius: 99px;}
.cartItemBox a.remove .svg-icon:hover{background-color: var(--primary-color); color: #fff; border-color: #fff;}
.top-links-icon{
    color:var(--brand);
}
section.cartArea, section.accountDetails {
    padding: 50px 0 75px;
}
.float-end{
    float: inline-end;
}
.cartItemBox:not(:first-child) {
    margin-top: 20px; }

.coupon-btn {
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 10px 10px !important;
    min-width: 120px;
}

.mainside{
    display: flex;
    gap: 10px;
    width: 100%;
}
.column_one{
    flex-shrink: 0;
    height: 100% !important;
    position: sticky !important;
    top: 0;
}
.column_two{
    flex-grow: 1;
    width: 100%;
}
.accountSidebar ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: #fff;
    width: 100%;
    min-width: 200px;
    height: 100%;
    transition: .5s;
}
ul.stickyMenuAccount li a {
    border-bottom: 1px solid;
    display: block;
    padding: 1rem 1rem;
    transition: .5s;
}
ul.stickyMenuAccount li a.active {
    background-color: var(--primary-color);
    color: #fff;
}
ul.stickyMenuAccount li a:hover {
    background: var(--primary-color);
    color: #fff;
}

.addressBox {
    border: 1px solid var(--primary-color);
    padding: 1rem 1rem;
    min-height: 200px;
}
.blogpage {
    min-height: 300px;
}
.card-height{
    min-height: 250px;
}
.blog-title{
    color: var(--brand-light);
    overflow: hidden;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
}
.blog_title{
    color: #000000;
    font-weight: bold;
    text-align: center;
}
.blog_img{
    max-height: 275px;
    min-height: 275px;
}
.desc_text{
    font-size: 18px;
    color: black !important;
    padding: 26px;
    text-align: justify;
    line-height: 35px;
}
.desc-heading{
    color: var(--brand-light);
    text-align: center;
    font-weight: bold;
}
.cat-sticky{
    position: sticky;
    top: 180px;
}

/*****/
.product-specs{
    background-color: white;
    padding: 15px;
    text-align: justify;
    border-radius: 15px;

}
.center-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto; 
  }
.grid-container{
    display: grid;
    grid-template-columns: repeat(5, 255px); /* Creates 4 equal-width columns */
    gap: 20px;
    row-gap: 50px;
}
.product-group-divider{
    height: 2px;
    background-color: var(--brand-light);
    position: relative;
}
.product-group-divider-count::before {
    content: attr(data-counter-start);
    position: absolute;
    transform: translateY(-50%);
    color: #ffa200;
    font-weight: bold;
    /* left: 198px; */
    background: rgb(255, 255, 255);
    border: 1px solid #ffa200;
    padding: 4px;
    width: 26px;
    text-align: center;
}

.product-group-divider-count::after {
    content: attr(data-counter-end);
    position: absolute;
    transform: translateY(-50%);
    color: #8e8e8e;
    font-weight: bold;
    right: 198px;
    background: rgb(255, 255, 255);
    border: 1px solid #8e8e8e;
    padding: 4px;
    width: 26px;
    text-align: center;
}

.product-group-divider-count{
    padding: 1px;
    background-color: #ffa200;
}
.product-group{
    margin-top: 130px;
}


.product-divider{
    height: 2px;
    background-color: var(--brand-light);
    position: relative;
}
.product-divider-count::before {
    content: attr(data-counter-start);
    position: absolute;
    transform: translateY(-50%);
    color: #ffffff;
    font-weight: bold;
    left: 198px;
    background: #ffa200;
    border: 1px solid #ffa200;
    padding: 4px;
    width: 26px;
    text-align: center;
}

.product-divider-count::after {
    content: attr(data-counter-end);
    position: absolute;
    transform: translateY(-50%);
    color: #ffa200;
    font-weight: bold;
    right: 198px;
    background: rgb(255, 255, 255);
    border: 1px solid #ffa200;
    padding: 4px;
    width: 26px;
    text-align: center;
}

.product-divider-count{
    padding: 1px;
    background-color: #ffa200;
}

.shipping-bg{
    background: white;
    border: 1px solid #ffa200;
    box-shadow: 0 0 6px 0 #aaa;
    padding: 10px;
    width: 85%;
}
.label-color{
    color: #ffa200;
    font-weight: bold;
}

.summary-title{    
    font-size: 24px;
    font-weight: 700;
}

/* Hide the default checkbox */
input[type="checkbox"] {
    display: none;
}

/* Toggle switch style */
.toggle-checkbox {
    display: inline-block;
}

.toggle-button {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    background-color: #ddd;
    border-radius: 15px;
    cursor: pointer;
}

.toggle-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px; /* Half of toggle-button width */
    height: 30px;
    background-color: #ccc; /* Background color of toggle button */
    border-radius: 50%; /* Make it round */
    transition: transform 0.3s ease; /* Add transition effect */
}

.toggle-switch {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px; /* Half of toggle-button width */
    height: 30px;
    background-color: white; /* Color of the toggle switch */
    border-radius: 50%; /* Make it round */
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); /* Add shadow */
    transition: left 0.3s ease; /* Add transition effect */
}

/* Hide the checkbox */
.toggle-checkbox input {
    display: none;
}

/* Change background color of toggle switch when checkbox is checked */
.toggle-checkbox input:checked + .toggle-button .toggle-switch {
    left: 30px; /* Move the toggle switch to the right */
    background-color: black; /* Set the background color of toggle-background to transparent */

}

/* Change background color of toggle background when checkbox is checked */
.toggle-checkbox input:checked + .toggle-button .toggle-background {
    background-color: #dddddd; /* Change background color to indicate it's on */
}

.checkbox-label{
    font-size: 20px;
    font-weight: bold;
    margin: 0 12px;
    top: -8px;
    position: relative;
}

.home-img{
    object-fit: cover;
    object-position: center center;
    border-radius: 1rem;
    mix-blend-mode: exclusion;
}
.brands {
    padding: 70px 0 40px;
}
.brand-img {
    background: #fff;
    width: 100%;
    max-width: 350px;
    height: 150px;
    object-fit: contain;
    border-radius: 6px;
    padding: 10px 20px;
    margin: auto;
}
#brands_index {
    align-items: center;
    justify-content: center;
    margin: 30px auto;
    max-width: 600px;
    width: 100%;
    background: var(--brand-light);
    padding: 22px;
    border-radius: 7px;
}
#brands_index li {
    margin: 0 5px 10px;
}
.brand-section__content .brands-list {
    grid-gap: 10px;
    display: grid;
    grid-auto-rows: minmax(120px, auto);
    grid-template-columns: repeat(6, 1fr);
    height: auto;
    margin: 0;
    position: relative;
    width: 100%;
}
.brand-section__content .brands-list li a {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    padding: 10px;
    transition: all 0.35s cubic-bezier(0.2, 1, 0.3, 1);
    width: 100%;
}
.brand-section__content .brands-list li {
    display: block;
    margin: 0;
    position: relative;
    width: 100%;
}
.brand-section__title, .brand-section__title b {
    align-items: center;
    display: flex;
    flex-direction: row;
    /* padding-right: 5px; */
    background-color: #fff;
    border-radius: 7px;
}
.brand-section__content .brands-list li a img {
    display: block;
    margin: 0 auto;
    max-height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.list--horizontal {
    display: flex;
    flex-direction: row;
}

#brands_index li a {
    align-items: center;
    background: #fafafa;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    font-size: 15px;
    justify-content: center;
    line-height: 1;
    min-height: 30px;
    text-align: center;
    transition: all 0.35s cubic-bezier(0.2, 1, 0.3, 1);
    width: 30px;
}
.marquee-text {
    white-space: nowrap;
    overflow: hidden;
    animation: marqueeAnimation 30s linear infinite;
}



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


.offcanvas-body{overflow-y: initial;padding-left: 0px;padding-right: 0px;flex: 1;padding-top: 10px;padding-bottom: 0px;}
.cartOffcanvas {width: 80% !important; max-width: 600px !important;border-top-left-radius: 50px;border-bottom-left-radius: 50px;}
.cartOffcanvas .offcanvas-header {padding: 60px;justify-content: space-between;text-align: center;}
.cartOffcanvas h5.offcanvas-title{font-size: 30px;}

#cart-shipping {margin-top: 5px;padding: 0px 40px;background: unset;width: 100%;}
#cart-shipping .cart-shipping-header .cart-shipping-notice .shipping-progress {position: relative;display: block;width: 100%;height: 5px; margin-top: 0px;background: #e0e0e0;border-radius: 10px;}
#cart-shipping .cart-shipping-header .cart-shipping-notice .shipping-progress.active .bar {background: var(--brand-light);height: 10px;top: -2px;}

#cart-shipping .cart-shipping-header .cart-shipping-notice .shipping-progress .bar {position: absolute;top: 0; left: 0;height: 5px;border-radius: 5px;}
#cart-shipping .shipping-alert {font-size: 13px!important;}
#cart-shipping .cart-shipping-header .cart-shipping-notice .shipping-alert {margin-top: 10px;color: #606060;font-size: 12px !important;direction: rtl;line-height: 1.2;}
#cart-shipping .cart-shipping-header .cart-shipping-notice .shipping-alert:before {content: "\f0d1";padding-right: 10px;float: left;margin-top: 0px;font-family: 'Font Awesome 5 Free';font-weight: 900;color: #565656; font-size: 16px;}
#cart-shipping .shipping-alert span.free-shipping {color: #000000;font-size: 13px!important;}
span.emoji {font-size: 18px;margin: 0px 2px;}


.cart-wrapper {display: flex;flex: 1 1 auto;align-items: stretch;flex-direction: column;justify-content: space-between;}
.widget_shopping_cart_content {display: flex;flex-direction: column;height: 100%;}


.cart-content {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;overflow: hidden;width: 100%; background-color: white;}
.cart-content,  .fixed-scroll {padding-left: 20px;padding-right: 20px;}
.fixed-scroll {position: absolute;top: 0;right: 0;bottom: 0;left: 0; overflow: auto;overflow-x: hidden;}
.cart-content,  .fixed-scroll {padding-left: 20px;padding-right: 20px;}
.widget_shopping_cart_content ul.cart_list {margin: 0;padding: 0;}
.widget_shopping_cart_content .cart_list {flex: 1;}
.widget_shopping_cart_content ul.cart_list .mini-cart-item {display: flex;padding: 0;margin-bottom: 24px;position: relative;padding-right: 30px;}
.widget_shopping_cart_content .mini-cart-item__thumbnail {padding-right: 0;}
.widget_shopping_cart_content .mini-cart-item__thumbnail img {display: block;float: none;margin-right: 0;}
.mini-cart-item__thumbnail img {max-height: 120px;max-width: 140px;object-fit: contain;}
.mini-cart-item__summary {overflow: hidden;}
.widget_shopping_cart_content .mini-cart-item__summary {flex: 1;display: flex;flex-flow: column;justify-content: center;}
.rtl .widget_shopping_cart_content .mini-cart-item__summary {margin-right: 10px;}
.widget_shopping_cart_content .mini-cart-item__name {font-size: 16px;font-size: 1rem;font-weight: 500;color: #161619;margin-bottom: 9px;padding-right: 20px;display: block;}
.widget_shopping_cart_content .mini-cart-item__name {font-size: 18px;font-size: 1.125rem;}
.widget_shopping_cart_content .mini-cart-item__name {font-size: 13px;padding-right: 0px;margin-bottom: -2px;}
.widget_shopping_cart_content .mini-cart-item__name a {color: #000;font-size: 16px;text-decoration: none;}
.widget_shopping_cart_content .mini-cart-item__qty {font-size: 14px;font-size: .875rem;}
/* .price {direction: rtl;text-align: right;} */
.widget_shopping_cart_content .mini-cart-item__qty .price {font-weight: 400!important;float: left;margin: 5px 0;}
.widget_shopping_cart_content .price .amount, .price .amount ins {font-size: unset;color: #4a4a4a;}
.widget_shopping_cart_content .price .amount,  .cart-footer .mini-cart__total .amount, table.cart .product-name .product-price .amount,  .cart-collaterals .cart-subtotal-table .amount,  .cart-collaterals .order-total-table .amount {direction: rtl;}
.mini-cart-item__qty .price .amount > * {font-size: 13px!important;}
.price .amount.price_range del {color: #878787;}
.mini-cart-item__qty .price .amount.price_range del {margin-left: 3px;font-size: 12px!important;}
.widget_shopping_cart_content a.remove {color: #a2a5a6;position: absolute;right: 40px;top: 33%;margin-top: -40px;line-height: 1;}
.svg-icon {font-size: 24px;font-size: 1.5rem;line-height: 1;display: inline-block;}
.widget_shopping_cart_content a.remove .svg-icon {transition:.5s;font-size: 18px;font-size: 12px;border: 1px solid #000;height: 26px;width: 26px;display: flex;align-items: center;justify-content: center;border-radius: 99px;}
.widget_shopping_cart_content a.remove .svg-icon:hover{background-color: var(--primary-color); color: #fff; border-color: #fff;}
.widget_shopping_cart_content .mini-cart-item__name {font-size: 16px;font-size: 1rem;font-weight: 500;color: #161619;margin-bottom: 9px;padding-right: 20px; display: block;}
.widget_shopping_cart_content .mini-cart-item__name {font-size: 18px;    font-size: 1.125rem;}
.widget_shopping_cart_content .mini-cart-item__name {font-size: 13px;padding-right: 0px;margin-bottom: -2px;}
.widget_shopping_cart_content .mini-cart-item__qty {font-size: 14px;font-size: .875rem;}
.mini-cart-item__qty .price .amount > * {font-size: 16px!important;}
.price .amount.price_range ins.product-price {color: #ff6d6d;}
.products .quantity {display: inline-block;border: 1px solid #cdcfd0;transition: .4s;}
.widget_shopping_cart_content .quantity {border: 0;}
.input-container {display: block;position: relative;}
.mini-cart .mini-cart-item__qty .button.xsmall {padding: 1px 6px;border-radius: 4px;font-size: 18px;line-height: 1;background-color: #f3f3f3;color: #a7a7a7;border: none;}
.products .quantity input { background: 0 0;border: 0;font-size: 14px;display: inline-block;text-align: center;appearance: none;max-width: 1em;}
.widget_shopping_cart_content.products.cart-wrapper {display: flex;flex-direction: column;height: 100%;}

.offcanvas-footer {padding: 15px 15px 0;background-color: #f1f1f1;color: #000;border-top-left-radius: 20px;border-top-right-radius: 20px; flex: 0 0 auto;border-bottom-left-radius: 50px;}
.coupon-apply {display: flex;align-items: stretch;padding: 1rem 1rem;position: relative;}
.promo-input:focus-visible{border: inherit; outline: inherit;}
.promo-input {flex-grow: 1;box-shadow: none;border: none;}
.promo-btn{border-top-right-radius: 5px !important;border-bottom-right-radius: 5px !important;border-radius: 0px;flex-shrink: 0;}
.promo-btn:hover {background-color: var(--primary-color);color: #fff;opacity: 0.8;}

.widget_shopping_cart_content .mini-cart__total {justify-content: center;flex-direction: column;padding: 10px;}
.widget_shopping_cart_content .mini-cart__total > div.totals {display: flex;justify-content: space-between;margin-bottom: 5px;}
.widget_shopping_cart_content .mini-cart__total .totals#products_total, .widget_shopping_cart_content .mini-cart__total .totals#products_total span {font-size: 16px;color: #5d5d5d;}
.widget_shopping_cart_content .mini-cart__total .totals#discount_value, .widget_shopping_cart_content .mini-cart__total .totals#discount_value span {font-size: 16px;color: #9132ff;}
.cart-footer .mini-cart__total span.amount {text-align: left;float: left;}
.widget_shopping_cart_content .mini-cart__total .totals#total {padding-top: 5px;}
.widget_shopping_cart_content .mini-cart__total .totals#total span {font-size: 18px;color: #000;}

 .widget_shopping_cart_content .price .amount,  .cart-footer .mini-cart__total .amount,  table.cart .product-name .product-price .amount,  .cart-collaterals .cart-subtotal-table .amount,  .cart-collaterals .order-total-table .amount {
    direction: rtl;
}
.checkout-button {margin-left: -15px;margin-right: -15px;}
.checkout-btn {border-radius: 0px;border-radius: 6px;padding: 25px 20px;}
/*DATA TABLE CSS----------------------------------DATA TABLE CSS*/

table{border-spacing:0 20px!important;}
table tbody tr td ul li{list-style:none}
table tbody tr td ul.onhover li a{padding:3px 20px;font-size:15px;transition:.5s!important;display:inline-block;width:100%;border-bottom:1px solid #e0e0e0;color:#848484}
table tbody tr td ul li a:hover{color:#ea3715}
table tbody tr td ul li a i{margin:0 7px 0 0}
table order-column tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3{background-color:transparent!important}
table tbody tr{box-shadow:0 0 10px 0 #00000026;border-radius:5px!important;overflow:hidden}
table thead th,table.dataTable tfoot th{font-weight:600!important}
table tbody th,table.dataTable tbody td{padding:20px 20px!important;font-size:15px}
table no-footer{border:none!important}
table thead th,table.dataTable thead td{border:none!important}
table thead tr th{text-transform:capitalize;color:#36dc90;font-size:15px;padding:0 20px!important}
div#example_length label{display:flex;align-items:center;font-size:15px;font-weight:600;color:#000}
div#example_length label select{margin:0 10px;height:36px;background-color:#fff!important}
div#example_filter label{display:flex;align-items:center;font-size:15px;font-weight:600;color:#000}
html body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{color:#2b2541!important}
html body .dataTables_wrapper .dataTables_paginate .paginate_button.current,html body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#fff!important;background:var(--primary-color);border-color:transparent}
table.dataTable tbody tr,table.dataTable.order-column tbody tr>.sorting_1{background-color:#fff}
table.dataTable tbody tr{box-shadow:2px 2px 8px rgba(0,0,0,.16);border-radius:5px!important;overflow:hidden;border:1px solid}
.dataTables_wrapper .dataTables_filter input,div#example_length label select{border:1px solid #00000029!important;box-shadow:none!important;border-radius:6px!important;background-color:#fff!important}
table#example td:first-child{border-radius:5px 0 0 5px!important}
table#example td:last-child{border-radius:0 5px 5px 0!important}
table.dataTable.no-footer{border-bottom:none!important}
div#example_paginate{border-radius:10px;box-shadow:none;border:1px solid #c0c3c9;padding-top:0}
#example_filter{padding-bottom:1.5rem}
.actionDropDown{right:unset}
.data-table-img{height:50px;width:50px;object-fit:cover;object-position:center}
table.styleTable2 tbody tr,table.styleTable2.order-column tbody tr>.sorting_1{background:#fafafa;box-shadow:none}
table.styleTable2 thead tr th{color:#000;font-weight:500!important}
table.styleTable2 tbody tr td{color:#666}
.table>:not(caption)>*>* {
    padding: 1.5rem 0.5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table>tbody {
    vertical-align: inherit;
    top: 13px;
    /* position: relative; */
}
.input-group{
    position: inherit;
}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
    position: inherit;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
/*DATA TABLE CSS----------------------------------DATA TABLE CSS*/

table#example .site-btn{padding:.75rem 0!important;min-width:130px}
table#example .paidBtn{background:#f7ffec!important;border:1px solid #cbdfb0;color:#71a728!important}
table#example .completedBtn{background:#8dc73f!important;border:1px solid #cbdfb0;color:#fff!important}

/*DATA TABLE Filter Settings----------------------------------DATA TABLE Filter Settings*/

div#example_length label{font-weight:400;color:#666;text-transform:capitalize}
div#example_filter label{font-size:0}
div#example_filter input{border-radius:10px!important;min-width:300px;background-image:url(https://devu4.onlinetestingserver.com/rose/wp-content/uploads/2023/06/Icon-feather-search.png);background-repeat:no-repeat;background-position:90% center;padding:1rem 1rem;font-size:14px}
div#example_length label select{border-radius:14px!important}


span.order_status {color: #fff;padding: 8px 12px;border-radius: 99px;font-size: 12px;font-weight: 700;}
.order_processing{background-color: #4caf50;}
.order_pending{background-color: #ffc107;}
.order_cancelled{background-color: #fc6868;}

.sale-summary tbody tr {box-shadow: none;}


.datagrid-filters {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.input-group-text{
    font-size: 1.5rem !important;
}

.address-card {
    width: 350px;
    border: 1px solid #ffa200;
    padding: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    background-color: white;
}
.address-card-add {
    width: 350px;
    padding: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    background-color: white;
    min-height: 148px;
}

.address-holder {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}
.s-product-options-image-input .filepond--drop-label {
    cursor: pointer;
    border-radius: 0.375rem;
    border-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: #e5e7eb;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.filepond--root .filepond--drop-label {
    min-height: 4.75em;
}
.filepond--drop-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    color: #4f4f4f;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform, opacity;
}
.filepond--drop-label {
    right: 0;
    margin: 0;
    color: #4f4f4f;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.filepond--drop-label label {
    cursor: default;
    font-size: 0.875em;
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
}
.filepond--drop-label.filepond--drop-label label {
    display: block;
    margin: 0;
    padding: 0.5em;
}
.s-product-options-filepond-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.checkout-process .col-main .step-content .form-header {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 30px;
}
.checkout-process .col-main .step-content .form-header .checkout-step-heading {
    font-size: 24px;
    font-weight: 700;
    
}
.result {
    display: flex;
    align-items: center;
    margin-bottom: 10px; /* Adjust margin as needed */
}

.image {
    margin-right: 10px; /* Adjust margin as needed */
}
.image img {
    width: 80px; /* Set the width of the image */
    height: auto; /* Maintain aspect ratio */
}
.content {
    flex: 1; /* Take up remaining space */
    margin-right: 10px; /* Add space between image and content */
}
.order-title{
    font-size: 20px;
    font-weight: bold;
    color: #ef6d6d;
}

.box-title{
    font-size: 18px;
    font-weight: bold;
}

.product--light {
    align-items: flex-start;
    border: 1px solid #000000 !important;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    margin: 0 !important;
    overflow: hidden;
    padding: 5px;
}

.program-border {
    border: 3px solid var(--brand-light) !important;
}
.product--light__footer {
    border-top: 1px solid #eee;
    color: var(--brand);
    font-size: 18px;
    padding: 8px;
    text-align: center;
    width: 100%;
}
.product--light__meta {
    color: #2c2c2c;
    font-size: 15px;
    padding: 10px;
    width: 100%;
}


.mm-spn li {
    background: inherit;
    cursor: pointer;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    position: relative;
}


.dropdown-toggle.dropdown-arrow {
    float: inline-end;
    margin-left: 10px; /* Adjust as needed */
    position: relative;
    top: -14px;
}

.mbl-sub-menu{
    text-align: justify;
    line-height: 27px;
    position: relative;
    border: none;
    z-index: auto;
    margin-bottom: 13px;
    display: block;
}
.sub_menu-text{
    color: #000000;
    font-weight: 400;
    text-align: start;
    font-size: small;
    padding-left: 20px;
}

/* Adjust link padding to create space for the icon */
a.text-gray-500 {
    padding-right: 25px; /* Adjust to match the width of the icon */
}

.product-bottom-row .icon-shopping-cart, .product-bottom-row #wishlist-changer {
    width: 36px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px !important;
    border-left: 1px solid var(--brand-light) !important;
    border-radius: 0;
}
svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
}
/* .btn:not([disabled]), .btn-primary:not([disabled]), a.btn:not([disabled]), a.btn-primary:not([disabled]) {
    color: var(--brand);
} */
.add-to-wishlist:hover {
    background-image: url(../images/wishlist-added.svg);
}
.add-to-wishlistt {
    background-image: url(../images/wishlist-added.svg) !important;
    position: absolute;
    top: 10px;
    right: 105px;
    z-index: 1000;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
}
.add-to-wishlist {
    background-image: url(../images/wishlist.svg);
    position: absolute;
    top: 10px;
    right: 105px;
    z-index: 1000;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
}
.s-button-light-outline {
    --tw-border-opacity: 1 !important;
    z-index: 1000;
    --tw-bg-opacity: 1;
    fill: #6b7280;
    --tw-text-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    color: #ef4444;
}

.s-button-icon {
    align-items: center;
    z-index: 1000;
    border-radius: 9999px !important;
    display: inline-flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 2.5rem;
    justify-content: center;
    line-height: 1 !important;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    padding: 0 !important;
    position: relative;
    transition-duration: 0.3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 2.5rem;
}
.icon-heart:before{
    font-weight: bolder;
}
.btn--wishlist.is-added {
    z-index: 1000;
    fill: #ef4444;
    --tw-text-opacity: 1;
    color: rgb(169 163 163)
}
.loading-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #ccc;
    border-radius: 50%;
    margin-left: 5px;
    vertical-align: middle;
    animation: spin 1s linear infinite; /* Add a spinning animation */
}

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


.md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:gap-8 {
    gap: 2rem;
}
.hover-effect h3 {
    display: none; /* Hide the h3 initially */
}

.hover-effect:hover h3 {
    display: block; /* Show the h3 when the link is hovered */
}
.text-lg{
    color: white;
    font-weight: bold;
    font-size: large;
}
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
    flex-wrap: wrap !important;
}
.order-lg-2{
    width:78%;
}


/* tabby styling */

.styles__snippetWrapper--d68e9 {
    background-color: inherit;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px;
    max-width: 720px;
    border: 1px solid #d6d6d3;
    font-family: inherit;
    font-size: 14px;
    line-height: 21px;
}

.styles__tabbyPromoSnippet--ed9ac {
    /* direction: ltr; */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 18px 10px;
    width: 100%;
    /* max-width: 335px; */
    box-sizing: border-box;
    border: 1px solid rgb(41 41 41 / 15%);
    border-radius: 7px;
    font-size: 12px;
    line-height: 18px;
    font-family: Inter, sans-serif;
    transition: all 0.5s;
    cursor: pointer;
}
.styles__tabbyPromoSnippetContent--ef3e6 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 16px 0 0;
}
.styles__tabbyPromoSnippetText--b30d0 {
    color: inherit;
    color: black;
}
.styles__tabbyPromoSnippetText--b30d0 {
    color: inherit;
    color: black;
}
.styles__tabbyPromoSnippetLink--fc364 {
    display: flex;
    color: inherit;
    color: black;
    transition: opacity 0.2s;
    text-decoration: underline;
    margin: 5px 0;
    font-size: 14px;
}
.styles__containerPortal--c9f84 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.styles__ramadan--cb03c {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.taby-popup__logo svg {
    height: 28px !important;
    width: 130px !important;
}
.modal-taby-w{
    width: 562px;
    max-width: 100vw;
    max-height: 85vh;
    border-radius: 20px;
    padding: 25px 40px 40px;
}
.styles__body--bea30 *, .styles__body--bea30 *::before, .styles__body--bea30 *::after {
    box-sizing: inherit;
    text-transform: none;
    text-transform: initial;
}
.styles__container--df46d {
    width: 100%;
    padding: 20px;
    border-radius: 24px;
}
.styles__ltr--d55a8.styles__body1--d3f47 {
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -0.02em;
}
.styles__titleContainer--d4724 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px;
}
.styles__body--e5ead {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    color: #1d2329;
}
.styles__body--bea30 *, .styles__body--bea30 *::before, .styles__body--bea30 *::after {
    box-sizing: inherit;
    text-transform: none;
    text-transform: initial;
}
.styles__ltr--d55a8.styles__body1--d3f47 {
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -0.02em;
}
.styles__ltr--d55a8.styles__fontFamilyDefault--e16c4 {
    font-family: Inter, Helvetica, Arial, sans-serif;
}
.styles__body--e5ead {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    color: #1d2329;
}
.styles__body--bea30 *, .styles__body--bea30 *::before, .styles__body--bea30 *::after {
    box-sizing: inherit;
    text-transform: none;
    text-transform: initial;
}
.styles__ltr--d55a8.styles__body1--d3f47 {
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -0.02em;
}
.styles__body--bea30 *, .styles__body--bea30 *::before, .styles__body--bea30 *::after {
    box-sizing: inherit;
    text-transform: none;
    text-transform: initial;
}
.styles__bottomContainer--af63d {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
}
.styles__description--ce50b.styles__free--cbf47 {
    color: #179958;
}
.styles__ltr--d55a8.styles__caption1--e561e {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
}

.styles__body--bea30 *, .styles__body--bea30 *::before, .styles__body--bea30 *::after {
    box-sizing: inherit;
    text-transform: none;
    text-transform: initial;
}
.styles__container--e8db9 {
    padding: 24px 20px 16px;
    border-radius: 24px;
}
.styles__ltr--d55a8.styles__heading2--d9aaa {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: -0.01em;
    margin-bottom: 12px;
}
.styles__title--e9b29 {
    margin-bottom: 19px;
}
.styles__body--e5ead {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    color: #1d2329;
}
.styles__body--bea30 *, .styles__body--bea30 *::before, .styles__body--bea30 *::after {
    box-sizing: inherit;
    text-transform: none;
    text-transform: initial;
}
.styles__list--adc5f {
    padding: 0;
}
.styles__body--bea30 *, .styles__body--bea30 *::before, .styles__body--bea30 *::after {
    box-sizing: inherit;
    text-transform: none;
    text-transform: initial;
}
.styles__listItem--c1aee {
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
}
.styles__ltr--d55a8.styles__body2--f3eff {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.01em;
}
.styles__howItWorksListItemCircle--b7eb0 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    border-radius: 50%;
    background: #f2f5f7;
}
.styles__body--e5ead {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    color: #1d2329;
}
.styles__ltr--d55a8.styles__body2--f3eff {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.01em;
}
.styles__text--e3caa {
    margin-top: 5px;
}
.styles__body--e5ead {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    color: #1d2329;
}
.styles__container--cd61f {
    display: grid;
    grid-template-columns: 40px auto;
    grid-gap: 20px;
    gap: 20px;
    padding: 18px 24px 18px 20px;
    border-radius: 24px;
    background-color: white;
}
.styles__iconContainer--f848a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f2e8ff;
}
.styles__body--bea30 {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin: auto;
    box-sizing: border-box;
    overflow: auto;
    padding: 20px 32px 32px;
    border-radius: 32px;
    background: #f2f5f7;
    color: #182430;
    font-family: "Inter", sans-serif;
    max-width: 440px;
}
.styles__iconContainer--f848a > svg {
    width: 24px;
    height: 24px;
    color: #5d21de;
}
.styles__ltr--d55a8.styles__body1--d3f47 {
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -0.02em;
}
.styles__title--ac42c {
    margin-top: 0;
    margin-bottom: 2px;
}
.styles__body--e5ead {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    color: #1d2329;
}
.styles__ltr--d55a8.styles__caption1--e561e {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #8698ad;
}
.styles__body--e5ead {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    color: #1d2329;
}

.styles__button--ca377:hover {
    background-color: #182430;
    opacity: 0.7;
    transition: all 150msease-out;
}
.styles__button--ca377:not(:active) {
    transition: -webkit-transform 120msease-in;
    transition: transform 120msease-in;
    transition: transform 120msease-in, -webkit-transform 120msease-in;
}
.styles__button--ca377 {
    height: 64px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 40px;
    border-radius: 20px;
    background-color: #182430;
    border: none;
    cursor: pointer;
}
.styles__ltr--d55a8.styles__body1--d3f47 {
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -0.02em;
}
.styles__buttonText--a72fc {
    color: white;
}
.styles__body--e5ead {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    color: #1d2329;
}

/* tamara styling */
.tamara-product-widget, #tabbyPromo>[class*=styles__tabby] {
    background-color: rgb(255, 255, 255) !important;
    color: black !important;
    border-color: #414042 !important;
    border-color: black !important;
    border-radius: 10px !important;
}

.tamara-product-widget, .spotii-wrapper {
    min-height: 100px;
    position: relative;
    color: black;
    font-size: black;
    line-height: 1.25;
    background: white;
    border-radius: 0.375rem;
    -webkit-transition: -webkit-box-shadow 0.5scubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-box-shadow 0.5scubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.5scubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.5scubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5scubic-bezier(0.4, 0, 0.2, 1);
}
.tamara-product-widget {
    margin-bottom: 20px;
}

.tamara-popup__row {
    display: flex;
}
.tamara-popup__icon, .tamara-popup__icon svg {
    width: 56px !important;
    height: 56px !important;
}
.tamara-popup__point-title {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    margin-top: 8px;
}
html[lang="en"] .tamara-logo{
    right: 16px !important;
}
html[lang="ar"] .tamara-logo{
    left: 16px !important;
    width: -webkit-fill-available;
}
html[lang="en"] .tamara-product-widget{
    direction: ltr;
    text-align: left;
    padding: 16px 122px 16px 16px;
}
html[lang="ar"] .tamara-product-widget{
    direction: rtl;
    text-align: right;
    padding: 15px 21px 16px 90px;
}
.modal-w{
    width: 664px;
    max-width: 100vw;
    max-height: 85vh;
    border-radius: 20px;
    padding: 25px 40px 40px;
}
.tamara-popup__inner{
    border-radius: 20px;
    padding: 26px;
}
html[lang="ar"] .tamara-popup__inner{
    direction: rtl;
}
.tamara-popup__logo svg {
    height: 28px !important;
    width: 130px !important;
}
.tamara-popup__payment-method-note{
    text-align: center !important;
    font-size: 11px;
    line-height: 18px;
    margin-top: 16px;
    margin-bottom: 28px;
}
.tamara-popup__why-title {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-align: center;
}
.tamara-popup__cta {
    margin-top: 24px;
    color: #666666;
    font-size: 14px;
    line-height: 22px;
}
.tamara-popup__footer {
    font-size: 12px;
    padding: 18px;
    line-height: 17px;

}


/* Custom CSS to style the sidebar menu */
/* Custom CSS to style the sidebar menu */
@media (max-width: 992px) {
    .navbar-collapse {
        position: fixed;
        top: 0;
        left: -300px; /* Set the initial position of the sidebar */
        width: 300px; /* Set the width of the sidebar */
        height: 100vh; /* Set the height of the sidebar to cover the entire viewport */
        background-color: #fff; /* Set the background color of the sidebar */
        padding: 15px; /* Add padding to the sidebar */
        transition: left 0.3s ease; /* Add transition for smooth animation */
        height: calc(107vh - 56px); /* Adjust the height as needed */
        overflow-y: auto; /* Enable vertical scrolling */
    }

    .navbar-collapse.show {
        left: 0; /* Show the sidebar by setting left position to 0 */
        z-index: 2;
    }
    
}


/*RESPONSIVE CSS----------------------------------------------------------------------------------------------------------------------------------------------------------RESPONSIVE CSS*/

@media screen and (max-width: 1399px) {
    
    .order-lg-2{
        width:75%;
    }
}

@media (max-width: 1312px) {
    .order-lg-2{
        width:70%;
    }
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
    .grid-container{
        display: grid;
        grid-template-columns: repeat(5, 255px); /* Creates 4 equal-width columns */
        gap: 20px;
        row-gap: 50px;
    }
}

@media screen and (max-width: 1199px) {
    /* h1,h2 {font-size: 50px !important;} */
    h3 {font-size: 35px !important;}
    h4 {font-size: 30px !important;}
    .p-lg {font-size: 18px;}
    .p-md {font-size: 16px;}
    /* span.discountPercentage{left: 12px; border-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px;} */
    .grid-container{
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Creates 4 equal-width columns */
        gap: 20px;
        row-gap: 50px;
    }
}
@media (max-width: 1023px) {

}
@media screen and (max-width: 992px){
    .brandImage {max-width: 150px;height: 200px;}
    .top-info{display: block;}
    .order-lg-2{
        width:0%;
    }
}
@media (max-width: 908px) {
    
}
@media (max-width: 800px) {
    .grid-container{
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Creates 4 equal-width columns */
        gap: 20px;
        row-gap: 50px;
    }
}
@media screen and (max-width: 767px) {
    .cart-btn{
        font-size:large;
        position: relative;
        top: 1px;
    }
    .nested-dropdown-menu{
        position: relative;
        padding-left: 20px;
        border: none;
        padding-right: 0px;
        text-align: justify;
    }
    html[lang="ar"] .nested-dropdown-menu {
        padding-right: 20px;
        padding-left: 0px;
        }
    .text-sm {
        font-size: 17.875px !important;
        line-height: 1.25rem;
        /* color: white; */
    }
    .order-lg-2{
        width:20%;
    }
    .md\:grid-cols-5 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .blog_date {
        top: 15px !important;
        background: #ff6d6d;
        position: relative;
        right: -126px;
        padding: 4px 8px;
        border-radius: 6px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        color: #fff;
        font-size: 9px;
        font-weight: 700;
    }
    .item-counter {
        position: absolute;
        font-size: 8px;
        padding: 4px;
        background: #e2e2e2;
        margin: auto;
        color: black;
        margin-top: -22px;
        border-radius: 5px;
        font-weight: bold;
        border-radius: 15px;
        width: 16px;
        text-align: center;
    }
    .add-to-wishlist {
        background-image: url(../images/wishlist.svg);
        position: absolute;
        top: 10px;
        left: 315px;
        z-index: 1000;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        padding: 0;
        width: 32px;
        height: 32px;
    }
    .product-group-divider-count::after {
        content: attr(data-counter-end);
        position: absolute;
        transform: translateY(-50%);
        color: var(--brand-light);
        font-weight: bold;
        right: 23px;
        background: rgb(255, 255, 255);
        border: 1px solid #8e8e8e;
        padding: 4px;
        width: 26px;
        text-align: center;
    }
    .product-divider-count::before {
        content: attr(data-counter-start);
        position: absolute;
        transform: translateY(-50%);
        color: #ffffff;
        font-weight: bold;
        left: 2px;
        background: #ffa200;
        border: 1px solid #ffa200;
        padding: 4px;
        width: 26px;
        text-align: center;
    }
    
    .product-divider-count::after {
        content: attr(data-counter-end);
        position: absolute;
        transform: translateY(-50%);
        color: #ffa200;
        font-weight: bold;
        right: 15px;
        background: rgb(255, 255, 255);
        border: 1px solid #ffa200;
        padding: 4px;
        width: 26px;
        text-align: center;
    }
    .site-btn {
        padding: 3px 10px;
        font-size:16px !important;
    }

    .hide-menu-mbl{
        display: none;
    }
    .widget_shopping_cart_content a.remove {
        color: #a2a5a6;
        position: absolute;
        right: 0px;
        top: 33%;
        margin-top: -30px;
        line-height: 1;
    }
    h1,
    h2 {font-size: 40px !important;}
    h3 {font-size: 35px;}
    h4 {font-size: 26px !important;}
    ul.footerMenu{column-count: 1;}
    .brandBox {transform: unset;}
    .sitesHeaderLogo {height: 70px;}
    div#offer_timer{border-radius: 0px !important;}
    .cart_item {display: block;}
    .mainside {display: block;}

    .sticky-product-counter {
        padding: 0.5rem 0.5rem;
        background: #fff;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 1000;
    }
    #brands_index li {
        margin: 0 0px 5px;
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sm\:gap-8 {
        gap: 2rem;
    }
    .counter {
        font-size: 11px;
        font-size: .6875rem;
        font-weight: 500;
        color: #fff;
        text-align: center;
        line-height: 11px;
        min-width: 18px;
        height: 18px;
        border-radius: 18px;
        font-weight: 700;
        padding: 4px;
        background: #7601ff;
        position: relative;
        top: -16px;
        display: inline-block;
        left: 2px;
    }
    .profile-bg{
        background-color: var(--brand-light);
        border-radius: 12px;
        padding: 8px;
        text-align: center;
        color: white;
    }
    .site-btn {
        font-size: 18px;
    }

    .dropdown-toggle::after{
        color: white !important;
    }
    .header ul.dropdown-menu.show{
        width: 100% !important;
        max-width: 100%;
    }
    .grid-container{
        display: grid;
        grid-template-columns: repeat(2, 162px);
        gap: 9px;
        row-gap: 50px;
    }
    .productTitle {
        font-weight: 700;
        text-transform: capitalize;
        font-size: 20px;
        width: auto;
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 26px;
        direction: rtl;
    }
    .productBox {
        background: #e2e2e2;
        border-radius: 15px;
        padding: 1rem 0.5rem 1rem;
        padding: 1.5rem 0 3rem;
        position: relative;
        transition: .5s;
        width: 100%;
        min-height: 325px;
    }
    .center-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
    }
    .owl-carousel.owl-drag .owl-item {
        width: 178px !important;
    }
    .special-price{
        font-size: 12px;
    }
    .price{
        font-size: 15px;
    }
    .span.discountPercentage{
        right: 0;
    }



}
@media screen and (max-width: 575px) {
    .blog_date {
        top: 15px !important;
        background: #ff6d6d;
        position: relative;
        right: -126px;
        padding: 4px 8px;
        border-radius: 6px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        color: #fff;
        font-size: 9px;
        font-weight: 700;
    }
    .item-counter {
        position: absolute;
        font-size: 8px;
        padding: 4px;
        background: #e2e2e2;
        margin: auto;
        color: black;
        margin-top: -22px;
        border-radius: 5px;
        font-weight: bold;
        border-radius: 15px;
        width: 16px;
        text-align: center;
    }
    .product-divider-count::before {
        content: attr(data-counter-start);
        position: absolute;
        transform: translateY(-50%);
        color: #ffffff;
        font-weight: bold;
        left: 2px;
        background: #ffa200;
        border: 1px solid #ffa200;
        padding: 4px;
        width: 26px;
        text-align: center;
    }
    
    .product-divider-count::after {
        content: attr(data-counter-end);
        position: absolute;
        transform: translateY(-50%);
        color: #ffa200;
        font-weight: bold;
        right: 15px;
        background: rgb(255, 255, 255);
        border: 1px solid #ffa200;
        padding: 4px;
        width: 26px;
        text-align: center;
    }
    .add-to-wishlist {
        background-image: url(../images/wishlist.svg);
        position: absolute;
        top: 10px;
        left: 315px;
        z-index: 1000;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        padding: 0;
        width: 32px;
        height: 32px;
    }
    .product-group-divider-count::after {
        content: attr(data-counter-end);
        position: absolute;
        transform: translateY(-50%);
        color: #8e8e8e;
        font-weight: bold;
        right: 23px;
        background: rgb(255, 255, 255);
        border: 1px solid #8e8e8e;
        padding: 4px;
        width: 26px;
        text-align: center;
    }
    .widget_shopping_cart_content a.remove {
        color: #a2a5a6;
        position: absolute;
        right: 0px;
        top: 33%;
        margin-top: -30px;
        line-height: 1;
    }
    .hide-menu-mbl{
        display: none;
    }
  h3 {font-size: 25px !important;}
  h1,
  h2 {font-size: 32px !important;}
  h4 {font-size: 23px !important;}
  .p-lg {font-size: 16px;}
  .p-md {font-size: 15px;}
  body {font-size: 14px !important;}
  .copyright {padding-top: 1rem;}
  footer {padding: 1.5rem 0 1rem;}
  .videoOfferText {font-size: 23px;}

   .grid-container{
        display: grid;
        grid-template-columns: repeat(2, 162px);
        gap: 9px;
        row-gap: 50px;
    }
    .productTitle {
        font-weight: 700;
        text-transform: capitalize;
        font-size: 20px;
        width: auto;
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 26px;
        direction: rtl;
    }
    #brands_index li {
        margin: 0 0px 5px;
    }
    .site-btn {
        font-size: 18px;
    }
    .productBox {
        background: #e2e2e2;
        border-radius: 15px;
        padding: 1rem 0.5rem 1rem;
        padding: 1.5rem 0 3rem;
        position: relative;
        transition: .5s;
        width: 100%;
        min-height: 325px;
    }
    .center-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
    }
    .owl-carousel.owl-drag .owl-item {
        width: 178px !important;
    }
    .special-price{
        font-size: 12px;
    }
    .price{
        font-size: 15px;
    }
    .span.discountPercentage{
        right: 0;
    }
}
@media screen and (max-width:480px){
    .blog_date {
        top: 15px !important;
        background: #ff6d6d;
        position: relative;
        right: -126px;
        padding: 4px 8px;
        border-radius: 6px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        color: #fff;
        font-size: 9px;
        font-weight: 700;
    }
    .item-counter {
        position: absolute;
        font-size: 8px;
        padding: 4px;
        background: #e2e2e2;
        margin: auto;
        color: black;
        margin-top: -22px;
        border-radius: 5px;
        font-weight: bold;
        border-radius: 15px;
        width: 16px;
        text-align: center;
    }
    .product-divider-count::before {
        content: attr(data-counter-start);
        position: absolute;
        transform: translateY(-50%);
        color: #ffffff;
        font-weight: bold;
        left: 2px;
        background: #ffa200;
        border: 1px solid #ffa200;
        padding: 4px;
        width: 26px;
        text-align: center;
    }
    
    .product-divider-count::after {
        content: attr(data-counter-end);
        position: absolute;
        transform: translateY(-50%);
        color: #ffa200;
        font-weight: bold;
        right: 15px;
        background: rgb(255, 255, 255);
        border: 1px solid #ffa200;
        padding: 4px;
        width: 26px;
        text-align: center;
    }
    .add-to-wishlist {
        background-image: url(../images/wishlist.svg);
        position: absolute;
        top: 10px;
        left: 315px;
        z-index: 1000;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        padding: 0;
        width: 32px;
        height: 32px;
    }
    .product-group-divider-count::after {
        content: attr(data-counter-end);
        position: absolute;
        transform: translateY(-50%);
        color: #8e8e8e;
        font-weight: bold;
        right: 23px;
        background: rgb(255, 255, 255);
        border: 1px solid #8e8e8e;
        padding: 4px;
        width: 26px;
        text-align: center;
    }
    .widget_shopping_cart_content a.remove {
        color: #a2a5a6;
        position: absolute;
        right: 0px;
        top: 33%;
        margin-top: -30px;
        line-height: 1;
    }
    .hide-menu-mbl{
        display: none;
    }
    .grid-container{
        display: grid;
        grid-template-columns: repeat(2, 162px);
        gap: 9px;
        row-gap: 50px;
    }
    .site-btn {
        font-size: 18px;
    }
    #brands_index li {
        margin: 0 0px 5px;
    }
    .productTitle {
        font-weight: 700;
        text-transform: capitalize;
        font-size: 20px;
        width: auto;
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 26px;
        direction: rtl;
    }
    .productBox {
        background: #e2e2e2;
        border-radius: 15px;
        padding: 1rem 0.5rem 1rem;
        padding: 1.5rem 0 3rem;
        position: relative;
        transition: .5s;
        width: 100%;
        min-height: 325px;
    }
    .center-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
    }
    .owl-carousel.owl-drag .owl-item {
        width: 178px !important;
    }
    .special-price{
        font-size: 12px;
    }
    .price{
        font-size: 15px;
    }
    .span.discountPercentage{
        right: 0;
    }

}
.attributes .attribute.control-group .swatch-container {
    margin-top: 10px;
    display: block;
}
.swatch-container .swatch input[type=radio] {
    display: none;
}
/* section.product-detail div.layouter .form-container .details .attributes .attribute.control-group .swatch-container .swatch img { */
.attributes .attribute.control-group .swatch-container .swatch img {
    width: 50px;
    height: 50px;
    margin: 0 10px;
    border-radius: 3px;
    cursor: pointer;
}
.attributes .attribute.control-group .swatch-container .swatch span {
    min-width: 38px;
    height: 38px;
    float: left;
    border: 1px solid var(--brand-light);
    border-radius: 3px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    margin: 10px;
}
    .attributes
    .attribute.control-group
    .swatch-container
    .swatch
    input:checked
    + img,
    .attributes
    .attribute.control-group
    .swatch-container
    .swatch
    input:checked
    + span {
    border: 5px solid #000;
}

.s-block--features__item .feature-icon {
    margin-bottom: .75rem;
    display: flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    background-color: #414042;
    background-color: var(--brand);
}
.s-block--features__item * {
    pointer-events: none;
}
.s-block--features__item {
    display: flex;
    flex-grow: 1;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 500ms;
}
.s-block--features__item .feature-icon i {
    font-size: 1.875rem;
    line-height: 2.25rem;
    color: var(--brand-light);
}
.s-block--features__item:hover .feature-icon i {
    animation: toRightFromLeft .3s forwards;
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

.phone-fix{
    direction: ltr;
    text-align: right;
}

.color-red{
    color: red;
}
banner-entry-list {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.375rem;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    /* height: 260px; */
    aspect-ratio: 4/2;
    overflow: hidden;
    padding: 0.75rem;
    position: relative;
    text-align: center;
}
banner-entry-list a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    transition-duration: 0.5s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}
banner-entry-list a:hover {
    opacity: 1 !important;
}
banner-entry-list h3 {
    line-height: 1.5rem;
}
/* ul li:not(:last-of-type) {
    margin-bottom: 10px;
} */
.booking__details .booking__reserved ul li {
    align-items: center;
    background-color: #fcfcfc;
    border: 1px solid #cecece;
    border-radius: 3px;
    display: flex
;
    flex-direction: row;
    justify-content: space-between;
    padding: 3px 15px 5px;
}
.booking__details .booking__reserved ul li div {
    align-items: center;
    display: flex
;
    flex: auto;
    flex-direction: row;
    justify-content: flex-start;
}
.booking__details .booking__reserved ul li div>span.has-time:first-of-type {
    border-right: 1px solid #cecece;
    margin-right: 20px;
    padding-right: 20px;
}
.booking__details .booking__reserved ul li div>span {
    align-items: center;
    display: flex
;
    flex-direction: row;
    justify-content: flex-start;
}
.booking__details .booking__reserved ul li div>span i {
    margin-right: 10px;
    transform: translateY(1px);
}
.booking__details .booking__reserved ul li div>span.time {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
}
.booking__details .booking__reserved ul li div>span {
    align-items: center;
    display: flex
;
    flex-direction: row;
    justify-content: flex-start;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}
.flex-col {
    flex-direction: column;
}
.flex {
    display: flex;
}
.relative {
    position: relative;
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
.loyalty__banner {
    --tw-bg-opacity: 1;
    --tw-shadow: 5px 10px 30px #2b2d340d;
    --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    border-radius: 0.375rem;
    box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    margin: 5rem auto 7rem;
    overflow: hidden;
    padding: 2.5rem;
    position: relative;
}
@media (min-width: 1024px) {
    .lg\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(4rem* var(--tw-space-y-reverse));
        margin-top: calc(4rem*(1 - var(--tw-space-y-reverse)));
    }
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem* var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)));
}
.pt-6 {
    padding-top: 1.5rem;
}
@media (min-width: 640px) {
    .loyalty__banner-inner {
        display: flex
;
    }
}
.loyalty__banner-inner {
    align-items: center;
    flex: 1 1 0%;
    position: relative;
    text-align: center;
    z-index: 10;
}
.text-amber-400 {
    --tw-text-opacity: 1;
    color: rgba(251, 191, 36, var(--tw-text-opacity));
}
.text-7xl {
    font-size: 4.5rem;
    line-height: 1;
}
@media (min-width: 640px) {
    [dir="rtl"] .loyalty__banner-inner > :not([hidden]) ~ :not([hidden]) {
        margin-right: calc(3rem*(1 - var(--tw-space-s-reverse)));
    }
}
@media (min-width: 640px) {
    [dir="rtl"] .loyalty__banner-inner > :not([hidden]) ~ :not([hidden]) {
        margin-left: calc(3rem* var(--tw-space-s-reverse));
    }
}
@media (min-width: 640px) {
    .loyalty__banner-inner > :not([hidden]) ~ :not([hidden]) {
        --tw-space-s-reverse: 0;
    }
}
@media (min-width: 768px) {
    .loyalty__banner-content {
        display: flex
;
    }
}
.store-loyalty-program .breadcrumbs {
    padding-bottom: 0;
    padding-top: 4rem;
}
.store-loyalty-program .breadcrumbs ol {
    justify-content: center;
}
@media (min-width: 1024px) {
    .store-loyalty-program .breadcrumbs ol {
        justify-content: flex-start;
    }
}
.store-loyalty-program .breadcrumbs .arrow,
.store-loyalty-program .breadcrumbs a,
.store-loyalty-program .breadcrumbs span {
    color: hsla(0, 0%, 100%, 0.9);
}
.loyalty__banner {
    --tw-bg-opacity: 1;
    --tw-shadow: 5px 10px 30px #2b2d340d;
    --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    border-radius: 0.375rem;
    box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),
        var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    margin: 5rem auto 7rem;
    overflow: hidden;
    padding: 2.5rem;
    position: relative;
}
.product-entry twsaa-add-product-button.loyalty__banner .s-button-element {
    border-radius: 6px;
}
.product-entry.loyalty__banner .s-slider-container {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
@media (min-width: 1024px) {
    .loyalty__banner {
        padding: 4rem 5rem;
    }
}
.loyalty__banner-inner {
    align-items: center;
    flex: 1 1 0%;
    position: relative;
    text-align: center;
    z-index: 10;
}
@media (min-width: 640px) {
    .loyalty__banner-inner {
        display: flex;
    }
    [dir="ltr"] .loyalty__banner-inner > :not([hidden]) ~ :not([hidden]) {
        margin-right: calc(3rem * var(--tw-space-s-reverse));
    }
    [dir="rtl"] .loyalty__banner-inner > :not([hidden]) ~ :not([hidden]) {
        margin-left: calc(3rem * var(--tw-space-s-reverse));
    }
    [dir="ltr"] .loyalty__banner-inner > :not([hidden]) ~ :not([hidden]) {
        margin-left: calc(3rem * (1 - var(--tw-space-s-reverse)));
    }
    [dir="rtl"] .loyalty__banner-inner > :not([hidden]) ~ :not([hidden]) {
        margin-right: calc(3rem * (1 - var(--tw-space-s-reverse)));
    }
    .loyalty__banner-inner > :not([hidden]) ~ :not([hidden]) {
        --tw-space-s-reverse: 0;
    }
}
.loyalty__banner-content {
    align-items: center;
    flex: 1 1 0%;
    justify-content: space-between;
}
@media (min-width: 768px) {
    .loyalty__banner-content {
        display: flex;
    }
}
.loyalty__banner-content .info {
    margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
    .loyalty__banner-content .info {
        margin-bottom: 0;
    }
}
.loyalty__banner-content .info h1 {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin-bottom: 0.625rem;
}
.loyalty__banner-content .info p {
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
    max-width: 20rem;
}
.loyalty__banner .loyalty-points,
.loyalty__banner-content .info p {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
}
.loyalty__banner .loyalty-points {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.loyalty__banner .loyalty-points .count-number {
    color: #414042;
    color: var(--color-primary);
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.5rem;
}
[dir="ltr"] .loyalty__banner .loyalty-points .count-number {
    margin-left: 0.625rem;
}
[dir="rtl"] .loyalty__banner .loyalty-points .count-number {
    margin-right: 0.625rem;
}
.loyalty-star {
    opacity: 0.7;
    position: absolute;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    z-index: 0;
}
input[type="radio"].sr-only div.loyalty-star {
    transition: all 0.3s;
}
input[type="radio"].sr-only:checked ~ div.loyalty-star {
    border-color: var(--color-main);
}
.loyalty-star i {
    --tw-text-opacity: 1;
    color: rgba(243, 244, 246, var(--tw-text-opacity));
    font-size: 400px;
}
.loyalty-star--first {
    --tw-rotate: -45deg;
    right: -6rem;
    top: -12rem;
}
.loyalty-star--first,
.loyalty-star--second {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.loyalty-star--second {
    --tw-rotate: -90deg;
    bottom: -10rem;
    left: -4rem;
}
.points-ways__list {
    grid-gap: 0.625rem;
    display: grid;
    gap: 0.625rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
    .points-ways__list {
        gap: 2rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 768px) {
    .points-ways__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 1024px) {
    .points-ways__list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.points-ways__list .way-item {
    --tw-bg-opacity: 1;
    --tw-shadow: 5px 10px 30px #2b2d340d;
    --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    border-radius: 0.375rem;
    box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),
        var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    display: flex;
    flex-direction: column;
    opacity: 1;
    padding: 1.5rem;
    width: 100%;
}
.product-entry
    twsaa-add-product-button.points-ways__list
    .way-item
    .s-button-element {
    border-radius: 6px;
}
.product-entry.points-ways__list .way-item .s-slider-container {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.points-ways__list .way-item__icon {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 3rem;
    justify-content: center;
    position: relative;
    width: 3rem;
}
.points-ways__list .way-item__icon span {
    border-radius: 9999px;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}
input[type="radio"].sr-only div.points-ways__list .way-item__icon span {
    transition: all 0.3s;
}
input[type="radio"].sr-only:checked
    ~ div.points-ways__list
    .way-item__icon
    span {
    border-color: var(--color-main);
}
@media (min-width: 768px) {
    .min--2 .points-ways__list .way-item__icon span {
        margin-left: auto;
        margin-right: auto;
        max-width: 50%;
    }
    .min--3 .points-ways__list .way-item__icon span {
        margin-left: auto;
        margin-right: auto;
        max-width: 60%;
    }
    .min--4 .points-ways__list .way-item__icon span {
        margin-left: auto;
        margin-right: auto;
        max-width: 70%;
    }
    .min--5 .points-ways__list .way-item__icon span {
        margin-left: auto;
        margin-right: auto;
        max-width: 80%;
    }
    .min--10 .points-ways__list .way-item__icon span,
    .min--6 .points-ways__list .way-item__icon span {
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
    }
}
.product-entry
    twsaa-add-product-button.points-ways__list
    .way-item__icon
    span
    .s-button-element {
    border-radius: 9999px;
}
.product-entry.points-ways__list .way-item__icon span {
    border-radius: 0.75rem;
}
.product-entry.points-ways__list .way-item__icon span .s-slider-container {
    border-top-left-radius: 0.7rem;
    border-top-right-radius: 0.7rem;
}
.points-ways__list .way-item__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.points-ways__list .way-item__content h4 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    word-break: break-all;
}
.points-ways__list .way-item__content p {
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.dark .points-ways__list .way-item__content p {
    color: var(--dark-text-sec);
}
.points-ways__list .way-item__action {
    margin-top: auto;
    padding-top: 1rem;
}
.product-entry {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    display: flex;
    height: 100%;
    justify-content: space-between;
    position: relative;
    transition-duration: 0.3s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dark .product-entry {
    background-color: var(--dark-grey);
}
.product-entry:hover {
    --tw-shadow: 5px 10px 30px #2b2d340d;
    --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),
        var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}
.product-entry--full-image {
    height: 20rem;
}
@media (min-width: 768px) {
    .product-entry--full-image {
        height: auto;
    }
}
.product-entry--full-image .product-entry__title a {
    --tw-text-opacity: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    display: -webkit-box;
    overflow: hidden;
    text-shadow: 0 0 1px #999;
}
.product-entry .s-slider-container {
    padding: initial !important;
}
.product-entry__image {
    flex-shrink: 0;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.product-entry__image:hover {
    opacity: 0.9;
}
.product-entry__image:before {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    --tw-text-opacity: 1;
    color: rgba(229, 231, 235, var(--tw-text-opacity));
    content: "\ec1f";
    display: inline-block;
    font-family: mbicon;
    font-size: 1.875rem;
    left: 50%;
    line-height: 2.25rem;
    position: absolute;
    top: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
input[type="radio"].sr-only div.product-entry__image:before {
    transition: all 0.3s;
}
input[type="radio"].sr-only:checked ~ div.product-entry__image:before {
    border-color: var(--color-main);
}
.product-entry__image img {
    opacity: 0;
    transition-duration: 0.5s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.product-entry__image img.aspect-auto {
    aspect-ratio: auto;
}
.product-entry__image img.aspect-square {
    aspect-ratio: 1/1;
}
.product-entry__image img.aspect-mobile {
    aspect-ratio: 9/16;
}
.product-entry__image img.aspect-video {
    aspect-ratio: 16/9;
}
.product-entry__image img.loaded {
    opacity: 1;
    position: relative;
}
.product-entry__image twsaa-slider .swiper {
    margin-left: 0;
    margin-right: 0;
}
.product-entry.out-of-stock img {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.product-entry.out-of-stock.sold-out twsaa-add-product-button {
    display: none;
}
.product-entry.out-of-stock.sold-out:after {
    --tw-translate-y: -50%;
    --tw-translate-x: -50%;
    --tw-rotate: -12deg;
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    --tw-content: "SOLD-OUT";
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
    border-width: 3px;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
    content: var(--tw-content);
    display: block;
    font-size: 1.25rem;
    left: 50%;
    line-height: 1.75rem;
    line-height: 1;
    opacity: 0.8;
    padding: 0.5rem 0.75rem 0.25rem;
    position: absolute;
    top: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: -moz-max-content;
    width: max-content;
    z-index: 2;
}
input[type="radio"].sr-only div.product-entry.out-of-stock.sold-out:after {
    transition: all 0.3s;
}
input[type="radio"].sr-only:checked
    ~ div.product-entry.out-of-stock.sold-out:after {
    border-color: var(--color-main);
}
.product-entry__title a {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, var(--tw-text-opacity));
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 0.25rem;
}
.dark .product-entry__title a {
    color: var(--dark-text-main);
}
.product-entry__title a:hover {
    color: #414042;
    color: var(--color-primary);
}
.product-entry--horizontal .product-entry__title a {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
}
.product-entry .s-progress-bar-header {
    color: #6b7280;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
}
.product-entry .s-progress-bar-target-section {
    display: flex;
    font-size: 0.875rem;
    justify-content: space-between;
    line-height: 1.25rem;
    margin-bottom: 0.625rem;
}
.product-entry .s-progress-bar-container {
    margin-bottom: 0.625rem;
}
.product-entry .s-progress-bar-wrapper {
    background-color: #e5e7eb;
    border-radius: 9999px;
    height: 0.625rem;
    margin-bottom: 0.375rem;
    width: 100%;
}
.product-entry .s-progress-bar-progress {
    border-radius: 9999px;
    height: 0.625rem;
}
.product-entry .s-progress-bar-message {
    color: #a2a8b4;
    display: block;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 0.625rem;
}
.product-entry twsaa-add-product-button.rounded-none .s-button-element {
    border-radius: 0;
    border-radius: initial;
}
.product-entry twsaa-add-product-button.rounded-md .s-button-element {
    border-radius: 6px;
}
.product-entry twsaa-add-product-button.rounded-full .s-button-element {
    border-radius: 9999px;
}
.product-entry twsaa-add-product-button .s-button-wrap {
    display: flex;
}
.product-entry twsaa-add-product-button .s-button-wrap .s-button-element {
    padding: 0.25rem;
}
.product-entry--horizontal .product-entry__image {
    height: auto;
    width: 8rem;
}
[dir="ltr"] .product-entry--horizontal .product-entry__image {
    border-bottom-left-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
}
[dir="rtl"] .product-entry--horizontal .product-entry__image {
    border-bottom-right-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
@media (min-width: 640px) {
    .product-entry--horizontal .product-entry__image {
        width: 14rem;
    }
}
.product-entry--vertical {
    flex-direction: column;
}
.product-entry--vertical twsaa-button.btn--wishlist {
    border-style: none;
    display: flex;
}
.product-entry--vertical twsaa-button.btn--wishlist:hover {
    opacity: 1;
}
.product-entry--vertical twsaa-button.btn--wishlist button {
    background-color: transparent !important;
    background-color: initial !important;
    border: initial !important;
    height: 100% !important;
    width: 100% !important;
}
.tabs__item .product-entry {
    align-self: flex-start;
    height: 100%;
}
.product-entry--wishlist {
    border-radius: 0.375rem;
    gap: 0.5rem;
    height: 9rem;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.product-entry
    twsaa-add-product-button.product-entry--wishlist
    .s-button-element {
    border-radius: 6px;
}
.product-entry.product-entry--wishlist .s-slider-container {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.product-entry--wishlist .product-entry__image {
    height: 100%;
    max-width: 9rem;
    overflow: hidden;
    width: 100%;
}
.product-entry--wishlist twsaa-button {
    display: flex;
}
.product-entry.rounded-full {
    border-radius: 0.75rem;
}
@media (min-width: 768px) {
    .products-container.list .product-entry {
        flex-direction: row;
    }
    .products-container.list .product-entry__image {
        height: 100%;
        width: 240px;
    }
}
.s-loyalty-prize-item.swiper-slide {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
    margin-left: 5px;
    margin-right: 5px;
    min-width: 200px;
    width: calc(33.33% - 10px);
}
.s-loyalty-prize-item.swiper-slide > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
    margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
}
.s-loyalty-prize-item.swiper-slide {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    background-size: cover;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    border-radius: 0.375rem;
    border-width: 1px;
    font-size: 1.875rem;
    line-height: 2.25rem;
    overflow: hidden;
    padding: 0 !important;
    text-align: center;
}
.s-loyalty-prize-item.swiper-slide * {
    pointer-events: none;
}
img {
    max-width: 100%;
}
/* [dir="rtl"] .rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
} */
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 1rem;
    margin-right: 1rem;
}
@media (min-width: 768px) {
    .s-block__title {
        margin-bottom: 2rem;
    }
}
.s-block__title {
    align-items: center;
    display: flex
;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.mini-checkout {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
}
.mini-checkout__header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    padding: 10px;
}
.mini-checkout__body,
.mini-checkout__header {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.summary-widget {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: 1rem;
}

.mini-checkout__body {
    position: relative;
    margin-top: 3rem;
    display: flex;
    width: 100%;
    flex: 1 1 0%;
    flex-direction: column;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    padding: 1rem;
}

.gap-x-2 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
.gap-x-2 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
.items-center {
    align-items: center;
}
.flex {
    display: flex;
}
.user-avatar {
    height: 5rem;
    width: 5rem;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.flex-col {
    flex-direction: column;
}
.text-darker-var {
    color: var(--color-text);
}
.font-semibold {
    font-weight: 500;
}
.text-darker-100 {
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-xs {
    font-size: 0.8rem;
}
.justify-between {
    justify-content: space-between;
}
.duration-300 {
    transition-duration: 0.3s;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.font-semibold {
    font-weight: 500;
}
.duration-100 {
    transition-duration: 0.1s;
}
.overflow-hidden {
    overflow: hidden;
}
.opacity-0 {
    opacity: 0;
}
.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.duration-200 {
    transition-duration: 0.2s;
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.max-h-0 {
    max-height: 0;
}
.underline {
    text-decoration-line: underline;
}
.text-red-50 {
    --tw-text-opacity: 1;
    color: rgb(255 59 48 / var(--tw-text-opacity, 1));
}
.font-light {
    font-weight: 300;
}
.summary-widget--bg {
    display: flex;
    height: 12px;
    --tw-translate-y: 12px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    justify-content: center;
    background-image: URL(../images/paper_shred.svg);
    background-position: 20px;
    background-repeat: repeat-x;
}
.summary-widget--btn,
.summary-widget--toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.summary-widget--toggle {
    top: 0.25rem;
    z-index: 20;
    width: auto;
    flex-direction: row;
    border-radius: 50px;
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
    padding: 0.375rem;
}
.summary-widget--btn {
    gap: 1rem;
    overflow: hidden;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 12px;
    line-height: 1;
    color: var(--color-reverse-text);
}
.summary-widget--btn,
.summary-widget--toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}


.input-field {
    display: block;
    min-height: 3rem;
    width: 100%;
    border-radius: 0.5rem;
    border-width: 1px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 1rem;
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity, 1));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
}

.cursor-pointer {
    cursor: pointer;
}

.mt-3 {
    margin-top: 1.25rem;
}
.mb-3 {
    margin-bottom: 1.25rem;
}
.pt-3 {
    padding-top: 1.25rem;
}
.pb-3 {
    padding-bottom: 1.25rem;
}
#loadingoverlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}
.installment-price {
    display: contents !important;
}
.collapsed-area.is-show {
    max-height: 170px;
    opacity: 1;
}
.collapsed-area {
    display: block;
    margin: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: .4s cubic-bezier(.55,0,.1,1) 0s;
    width: 250px;
}
.upload-text {
    align-items: center;
    border: 1px dashed #ddd;
    border-radius: 4px;
    color: #999;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 16px !important;
    height: 100%;
    justify-content: center;
}
.gap-4 {
    gap: 1.5rem !important;
}
.align-items-start {
    align-items: flex-start !important;
}
.flex-column {
    flex-direction: column !important;
}
.field-list>div img {
    display: none;
}
@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }
}
@media only screen and (max-width: 767px) {
    .field-list>div {
        flex-direction: column;
    }
}
@media only screen and (max-width: 767px) {
    .field-list>div ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }
}
.field-list>div ul li {
    flex-direction: column;
    margin: 0;
}