:root {
  --primary-color: #14161e !important;

  --secondary-color: #ffffff !important;

  --font-size-large: 17px !important;
}

body,
.pb-3,
.py-3,
.salla-theme_6 section.section.has-slider .products-listing.slick-slider {
  background: var(--primary-color) !important;
}

/*---------------------- Header ----------------------*/

.salla-theme_6 .site-header .header-top .logo a img {
  height: 90px !important;

  width: 280px !important;

  max-height: unset !important;

  max-width: unset !important;

  margin-right: 450px !important;
}

.site-header.sticky {
  /*display: none !important;*/

  /*visibility: hidden !important;*/

  opacity: 0 !important;
}

.site-header {
  background: var(--primary-color) !important;
}

.site-header .sub-header {
  color: var(--primary-color) !important;

  background: var(--primary-color) !important;
}

.site-header .sub-header * {
  color: var(--primary-color) !important;

  font-weight: 600;
}

body.font-apple.salla-theme_6
  .site-header
  .header-top
  .search-wrapper
  #search
  #searchbox.prompt {
  width: 60% !important;

  padding: 20px 40px !important;

  padding-top: 20px !important;

  margin-right: -350px !important;
}

.site-header .sub-header .dropdown.dropdown-store-header .circle-action,
.site-header .sub-header #cl_switcher_wrapper #cl_switcher #cl_toggle {
  color: var(--primary-color) !important;

  font-size: 16px;

  font-weight: 600;

  background-color: #fff !important;
}

.salla-theme_6
  .site-header
  .sub-header
  #cl_switcher_wrapper
  #cl_switcher
  #cl_toggle:after {
  color: var(--primary-color) !important;

  font-size: 14px !important;

  font-weight: 600 !important;
}

.site-header__cart > div:first-child,
.site-header__cart > div:last-child,
.salla-theme_6 .site-header__cart {
  background-color: transparent !important;
}

.container-fluid {
  color: var(--primary-color) !important;

  background: #fff !important;

  margin-top: 15px;

  margin-bottom: 15px;
}

.sub-nav .main-menu > li,
.sub-nav-content {
  color: #fff !important;

  background: var(--primary-color) !important;

  margin-bottom: 10px !important;

  margin-top: 10px !important;
}

.sub-nav .main-menu > li > a {
  color: #fff !important;

  font-weight: 600 !important;
}

.sub-nav .main-menu > li > a:hover {
  color: var(--primary-color) !important;

  font-weight: 600 !important;

  border-radius: 10px;

  background: #fff !important;
}

.salla-theme_6 .sub-nav .main-menu > li.has-children > a:after {
  left: -5px !important;
}

.main-menu li:nth-of-type(1) {
  color: #fff !important;

  font-weight: 600 !important;

  background: #9b0000 !important;

  border-radius: 10px;
}

.salla-theme_6.font-amazon-ember .main-menu > li > a,
.salla-theme_6.font-apple .main-menu > li > a,
.salla-theme_6.font-dubai .main-menu > li > a {
  padding: 10px 10px 0px 10px !important;
}

.salla-theme_6 .sub-nav .main-menu > li > ul > li {
  border-bottom: 1px solid hsla(0, 0%, 86%, 0.05);

  background: var(--primary-color) !important;
}

.sub-nav .main-menu > li > ul,
.sub-nav .main-menu > li > ul > li a,
.sub-nav .main-menu > li > ul > li:hover > a {
  color: #fff !important;

  background-color: var(--primary-color) !important;
}

/*------------------ End of Header -------------------*/

/*---------------------- Banner ----------------------*/

.main-slider.slick-dotted.slick-slider {
  margin-bottom: -20px !important;
}

.main-slider img {
  width: 85% !important;

  margin: auto !important;

  margin-top: 20px !important;

  border-radius: 15px !important;
}

/*------------------ End of Banner -------------------*/

/*-------------------- Categories --------------------*/

.section-header .section--title {
  color: #fff !important;

  text-align: center !important;

  margin-top: 50px !important;
}

body .section-header h2.section--title span,
.section-header .section--title span {
  color: #fff !important;

  background: var(--primary-color) !important;

  padding: 5px 15px !important;

  border-radius: 10px !important;

  border: 1px solid rgba(255, 255, 255, 0.5) !important;

  text-shadow:
    0 0 9px rgb(56 111 187 / 90%),
    0 0 9px rgb(56 111 187 / 90%),
    0 0 9px rgb(56 111 187 / 90%),
    0 0 9px rgb(56 111 187 / 90%);

  box-shadow:
    0 0 9px rgb(56 111 187 / 70%),
    inset 0 0 9px rgb(56 111 187 / 70%);
}

.section-header .btn.btn-rounded,
.section-header .section-actions .button-more,
body .section-actions .circle-action {
  color: #fff !important;

  border: 1px solid #fff !important;

  font-weight: 600 !important;

  background: var(--primary-color) !important;
}

.section-header .btn.btn-rounded,
.section-header .section-actions .button-more {
  line-height: 33px !important;

  margin-top: 50px !important;
}

section.section:nth-of-type(2) .section-header .section--title {
  text-align: center !important;

  margin-bottom: -40px !important;
}

/*.section[data-type="banner"]

{

padding: 0 0 !important;

}

section.section:nth-of-type(2) .banner,

section.section:nth-of-type(3) .banner,

section.section:nth-of-type(4) .banner,

section.section:nth-of-type(5) .banner,

section.section:nth-of-type(6) .banner,

section.section:nth-of-type(7) .banner

{

padding: 5px;

max-width: 33.33333%;

float: right !important;

margin-left: 0;

margin-bottom: 20px;

margin-right: 0;

}*/

.salla-theme_6 .section {
  padding: 0 !important;
}

section.section:nth-of-type(2)
  .category-grid
  > div:first-child
  .category-featured,
section.section:nth-of-type(3)
  .category-grid
  > div:first-child
  .category-featured {
  display: none !important;
}

section.section:nth-of-type(2) .category-grid,
section.section:nth-of-type(3) .category-grid {
  display: grid;

  grid-gap: 5px !important;

  grid-template-columns: 1fr 1fr 1fr !important;

  margin-bottom: -65px !important;
}

section.section:nth-of-type(2) .category-grid > div:nth-child(1),
section.section:nth-of-type(3) .category-grid > div:nth-child(1) {
  grid-row: none !important;
}

.category-grid > div .category-featured {
  border-radius: 25px !important;
}

section.section:nth-of-type(2) .category-grid > div .category-featured,
section.section:nth-of-type(3) .category-grid > div .category-featured {
  border-radius: 25px;

  height: 275px !important;

  margin: 5px 8px !important;

  transition: transform 0.2s ease-out;
}

section.section:nth-of-type(2) .category-grid > div .category-featured:hover,
section.section:nth-of-type(3) .category-grid > div .category-featured:hover {
  transform: scale(1.05);
}

section.section:nth-of-type(2) .category-featured a,
section.section:nth-of-type(3) .category-featured a {
  display: block;

  height: 275px !important;

  background-size: contain !important;
}

.category-grid > div:nth-child(1) {
  grid-column: 1/3;

  grid-row: 2/4 !important;
}

.category-grid > div:nth-child(4),
.category-grid > div:nth-child(5),
.category-grid > div:nth-child(6) {
  grid-column: 3/5;
}

.salla-theme_6 .category-grid {
  margin-bottom: 15px !important;
}

.salla-theme_6 .category-grid > div .category-featured a h3 {
  color: var(--primary-color) !important;

  font-weight: 600 !important;

  /*background: #fff !important;

border: 2px solid var(--primary-color) !important;*/

  border-radius: 10px !important;
}

section.section:nth-of-type(2) .category-grid>div .category-featured:hover::after,

section.section:nth-of-type(3) .category-grid>div .category-featured:hover::after

/*{

animation: ShineAnimation 5s ;

animation-timing-function: cubic-bezier(0.1, 0, 0.1, 1);

content: "";

position: absolute;

left: -6px;

right: -6px;

top: 33px;

bottom: -6px;

border-radius: 30px;

width: 390px;

height: 210px;

}

*/

/*---------------- End of Categories -----------------*/

/*--------------------- Products ---------------------*/

section.section.has-slider .products-listing.slick-slider {
  border-radius: 10px !important;
}

.product {
  color: #fff !important;

  text-align: center !important;

  background: var(--primary-color) !important;
}

.product > a img:hover {
  color: #fff !important;

  transform: scale(1.05);

  margin-bottom: 10px !important;
}

.product > a .promotion-title {
  color: var(--primary-color) !important;

  font-weight: 600 !important;

  background-color: #fff !important;

  border-radius: 5px !important;
}

.salla-theme_6 .product > a .product-title {
  color: #fff !important;

  font-weight: 600;

  text-align: center !important;

  background: #0c0020 !important;

  border-radius: 10px 10px 0 0 !important;

  margin: 0 !important;

  padding: 15px 20px !important;
}

.salla-theme_6 .product > a .product-subtitle,
.img-cont h4 {
  color: #fff !important;

  font-size: 13px !important;

  font-weight: 600 !important;

  background: #0c0020 !important;

  border-radius: 0 !important;

  padding: 10px 10px !important;

  margin: 0 !important;
}

.product .product-footer .product-price,
.product .product-price {
  color: #fff !important;

  background: #0c0020 !important;

  padding: 0px 5px !important;
}

.product .product-footer {
  background: #0c0020 !important;

  border-radius: 0 0 10px 10px !important;

  border-radius: 0 0 10px 10px !important;
}

.product-add {
  color: var(--primary-color) !important;

  font-weight: 600 !important;

  background: #fff !important;

  border: 1px solid var(--primary-color) !important;

  border-radius: 10px !important;
}

.product-add:hover {
  color: #fff !important;

  font-weight: 600 !important;

  background: var(--primary-color) !important;

  border: 1px solid #fff !important;

  border-radius: 10px !important;
}

.product .product-footer .not-available {
  background-color: #aaaaaa !important;

  border-radius: 10px !important;

  color: #f00 !important;

  font-weight: 600 !important;

  height: 46px;

  line-height: 26px;

  margin: 10px 0 0;
}

/*----------------- End of Products ------------------*/

/*----------------- Products Details -----------------*/

.promotion-title.detail,
.salla-theme_6 #ask_button {
  color: var(--primary-color) !important;

  font-weight: 600;

  background: #fff !important;

  border: 1px solid #fff !important;

  border-radius: 10px !important;
}

body.salla-theme_6 .product-details__title {
  color: #f4b262 !important;
}

.product-detials__desc.pd-exp:after {
  background: none !important;
}

body.font-apple #sort #sort-toggle.btn.btn-primary,
.salla-theme_6 .product-details .product-price,
.product-desc b,
.product-desc strong,
.product-detials__desc b,
.product-detials__desc strong,
.product-desc ol li,
.product-desc > ul li,
.product-detials__desc ol li,
.product-detials__desc > ul li,
.product-detials__desc p,
body.font-amazon-ember
  .product-form
  .list--product-fields
  li.form-group
  > label,
body.font-apple .product-form .list--product-fields li.form-group > label,
#ask_register_link,
.product-desc *,
.product-desc p,
.product-detials__desc *,
.product-detials__desc p {
  color: #fff;
}

body.salla-theme_6 .product-details__subtitle {
  color: #eaeaea !important;

  border-bottom: 5px double #fff !important;

  width: 15% !important;
}

.product-detials__desc pd-exp expanded a,
.product-detials__desc pd-exp expanded a:hover {
  color: #eaeaea !important;

  border-bottom: 1px solid #fff !important;
}

.salla-theme_6 .product-detials__desc a,
.salla-theme_6 .product-detials__desc a:hover {
  color: #0f0 !important;

  font-weight: 600 !important;

  font-size: 15px !important;

  text-decoration: underline !important;
}

.product-form,
.product-options {
  color: #fff !important;

  background: var(--primary-color) !important;

  border: 1px solid #fff !important;

  border-radius: 10px !important;
}

.btn.btn-default.expand-toggle.shrink,
.btn.btn-default.expand-toggle,
.list--tags li a {
  color: var(--primary-color) !important;

  font-weight: 600;

  padding-top: 4px !important;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
body.font-apple .qty-field--custom .btn--qty-sub {
  color: var(--primary-color) !important;
}

.product-details__hot {
  color: #fff !important;

  margin-bottom: 15px;
}

.product-details__hot strong {
  display: none !important;
}

.product-option-name {
  font-size: 15px;

  color: #fff !important;
}

#order .add-cart-large {
  color: var(--primary-color) !important;

  background: #fff !important;
}

.fa-heart:before {
  color: #fff !important;
}

.a2a_default_style:not(.a2a_flex_style) a {
  background: #fff !important;
}

.comment {
  color: #fff !important;

  border: 1px solid #fff !important;

  border-radius: 10px !important;
}

.comment-name {
  color: #fff !important;
}

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

.list--tags li a {
  display: none !important;
}

/*------------- End of Products Details --------------*/

/*----------------------- Cart -----------------------*/

ol.breadcrumb li,
ol.breadcrumb li a {
  color: #fff !important;

  font-weight: 600 !important;
}

.salla-theme_6 .cart-box--custom .cart-step.active-step .step-cont svg * {
  fill: #fff !important;

  stroke: #fff !important;
}

.salla-theme_6 .cart-box--custom .cart-step.active-step .step-cont:after {
  background-color: #fff !important;
}

.salla-theme_6
  .cart-box--custom
  .cart-step.active-step
  .step-cont
  .cart-title
  span {
  color: #fff !important;
}

.product-cart {
  background: var(--primary-color) !important;

  border: 1px solid #fff !important;

  border-radius: 15px !important;
}

.product-info .product-name,
.product-info .product-price,
.product-info .product-price:hover,
.product-info .product-summary {
  color: #fff !important;
}

.product-info .product-summary {
  font-size: 15px !important;

  font-weight: 600;

  margin-top: 15px !important;
}

.list--product-fields li.form-group > label {
  font-size: 18px;

  font-weight: 600;
}

.form-group.coupon .form-control {
  border: 1px solid #fff !important;

  border-radius: 8px !important;
}

.form-group.coupon .btn {
  color: #fff !important;

  border: 1px solid #fff !important;

  border-radius: 8px 0 0 8px;

  background: var(--primary-color) !important;
}

#cart-content .cart-total-box {
  font-weight: 600 !important;

  padding: 0px 10px !important;

  border: 1px solid #fff !important;

  border-radius: 8px !important;
}

#submit_cart {
  background: var(--primary-color) !important;

  border: 1px solid #fff !important;

  border-radius: 10px;
}

/*------------------- End of Cart --------------------*/

/*------------------- Testemonials -------------------*/

.text-white {
  color: #fff !important;

  background: var(--primary-color) !important;

  padding: 5px 15px !important;

  border-radius: 10px !important;

  width: 14%;

  margin: auto;

  border: 1px solid rgba(255, 255, 255, 0.5) !important;

  text-shadow:
    0 0 9px rgb(56 111 187 / 90%),
    0 0 9px rgb(56 111 187 / 90%),
    0 0 9px rgb(56 111 187 / 90%),
    0 0 9px rgb(56 111 187 / 90%);

  box-shadow:
    0 0 9px rgb(56 111 187 / 70%),
    inset 0 0 9px rgb(56 111 187 / 70%);
}

.bg-brand {
  background-color: var(--primary-color) !important;

  margin-bottom: 25px;
}

.salla-theme_6 .testimonails-listing .testimonials-item blockquote {
  border-radius: 15px !important;
}

/*--------------- End of Testemonials ----------------*/

/*---------------------- Footer ----------------------*/

.footer-main {
  color: #fff !important;

  font-size: 15px;

  text-align: center !important;

  background: var(--primary-color) !important;

  border: 1px solid #fff !important;

  border-radius: 15px !important;

  width: 98% !important;

  margin: auto !important;
}

footer .footer-title span {
  color: #fff;

  border-radius: 10px !important;

  padding: 5px 10px;

  border: 1px solid rgba(255, 255, 255, 0.5) !important;

  text-shadow:
    0 0 9px rgb(56 111 187 / 90%),
    0 0 9px rgb(56 111 187 / 90%),
    0 0 9px rgb(56 111 187 / 90%),
    0 0 9px rgb(56 111 187 / 90%);

  box-shadow:
    0 0 9px rgb(56 111 187 / 70%),
    inset 0 0 9px rgb(56 111 187 / 70%);
}

.store-contact {
  font-size: 14px;

  font-weight: 600;

  text-align: center !important;
}

.salla-theme_6 .social__item {
  float: none !important;
}

.sicon-instagram:before,
.sicon-twitter:before,
.sicon-tiktok:before {
  font-size: 16px !important;

  font-weight: 600;
}

.mb-md-0,
.my-md-0 {
  color: #fff !important;

  font-weight: 600;
}

footer .footer-links a {
  color: #fff !important;

  font-weight: 100 !important;
}

.salla-theme_6 .fs-rights a,
.salla-theme_6 .fs-rights a:hover {
  color: #fff !important;
}

/*------------------ End of Footer -------------------*/

/*------------------ Mobile Screens ------------------*/

@media only screen and (max-width: 767px) {
  :root {
    --font-size-large: 14px !important;

    --font-size-medium2: 14px !important;
  }

  /*------------------- Header -------------------*/

  .salla-theme_6 .site-header .header-top {
    padding-top: 5px !important;
  }

  .salla-theme_6.color-mode-light
    .site-header
    .header-wrapper
    .sub-nav__menu
    svg,
  .salla-theme_6.color-mode-light
    .site-header
    .header-wrapper
    .sub-nav__menu:hover
    svg,
  .salla-theme_6.color-mode-dark
    .site-header
    .header-wrapper
    .sub-nav__menu
    svg,
  .salla-theme_6.color-mode-dark
    .site-header
    .header-wrapper
    .sub-nav__menu:hover
    svg {
    fill: #fff !important;

    border: 1px solid #fff !important;

    border-radius: 5px;
  }

  .salla-theme_6 .site-header__mine-cart .badge {
    color: var(--primary-color) !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    background: #fff !important;

    border: 1px solid var(--primary-color) !important;
  }

  .sicon-cart:before {
    font-size: 18px !important;

    font-weight: 600 !important;
  }

  .salla-theme_6 .site-header .header-top .logo a img {
    margin-right: 10% !important;
  }

  .salla-theme_6 .site-header .header-top .logo a img {
    height: 65px !important;

    width: auto !important;
  }

  body.font-apple.salla-theme_6
    .site-header
    .header-top
    .search-wrapper
    #search
    #searchbox.prompt {
    margin-right: 80px !important;
  }

  .sub-nav-header {
    background: var(--primary-color) !important;
  }

  .salla-theme_6 a,
  .salla-theme_6 a:hover {
    color: var(--primary-color) !important;

    font-weight: 600 !important;

    font-size: 14px !important;

    padding: 4px 10px 2px 10px !important;
  }

  .sub-nav .main-menu li.sub-menu-header.categories-holder > span,
  .sub-nav .main-menu li#ls_switcher_mobile {
    text-align: center !important;

    border-top: 2px solid #eee !important;
  }

  .sub-nav
    .main-menu
    li.sub-menu-header.categories-holder
    ul.store-categories
    li {
    border-bottom: none !important;
  }

  /*------------------- Banner -------------------*/

  .main-slider img {
    width: 100% !important;
  }

  /*----------------- Categories -----------------*/

  .section-header .section--title {
    margin-top: 15px !important;

    margin-bottom: -10px !important;
  }

  .salla-theme_6 body .section-header h2.section--title span {
    font-size: var(--font-size-large) !important;
  }

  section.section:nth-of-type(2) .section-header .section--title {
    text-align: center !important;

    margin-top: -5px !important;

    margin-bottom: -5px !important;
  }

  .salla-theme_6 .category-grid > div .category-featured a h3 {
    font-size: 8px !important;

    padding: 5px 10px !important;

    right: 5px !important;

    top: 5px !important;
  }

  section.section .category-grid {
    /*display: grid !important;*/

    grid-gap: 0px !important;

    grid-template-columns: 1fr 1fr 1fr !important;

    margin-bottom: 0px !important;
  }

  section.section:nth-of-type(2) .category-grid > div:nth-child(1),
  section.section:nth-of-type(3) .category-grid > div:nth-child(1),
  section.section:nth-of-type(4) .category-grid > div:nth-child(1),
  section.section:nth-of-type(5) .category-grid > div:nth-child(1),
  section.section:nth-of-type(6) .category-grid > div:nth-child(1) {
    grid-row: none !important;
  }

  .salla-theme_6 .category-grid > div .category-featured {
    border: 1px solid #013565;

    border-radius: 10px !important;

    height: 85px !important;

    width: 100%;

    margin: 5px auto !important;
  }

  section.section:nth-of-type(2) .category-grid > div .category-featured,
  section.section:nth-of-type(3) .category-grid > div .category-featured {
    border: 1px solid #013565;

    border-radius: 10px !important;

    height: 75px !important;

    width: 100% !important;

    margin: auto !important;
  }

  section.section:nth-of-type(2) .category-grid,
  section.section:nth-of-type(3) .category-grid,
  section.section:nth-of-type(4) .category-grid,
  section.section:nth-of-type(5) .category-grid,
  section.section:nth-of-type(6) .category-grid {
    /*display: grid !important;*/

    margin-bottom: 0px !important;
  }

  .category-featured img {
    width: 100% !important;

    height: 100% !important;
  }

  section.section:nth-of-type(2)
    .category-grid
    > div
    .category-featured:hover::after,
  section.section:nth-of-type(3)
    .category-grid
    > div
    .category-featured:hover::after {
    animation: ShineAnimation 5s infinite;

    animation-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);

    content: "";

    display: block;

    position: absolute;

    left: -6px;

    right: -6px;

    top: -6px;

    bottom: -6px;

    border-radius: 10px;

    width: 150px;

    height: 135px;
  }

  /*------------------ Products ------------------*/

  .section-header .btn.btn-rounded,
  .section-header .section-actions .button-more {
    margin-top: 30px !important;
  }

  .mb-4,
  .my-4 {
    margin-bottom: 25px !important;

    margin-left: 20px !important;
  }

  .salla-theme_6 section.section.has-slider .products-listing.slick-slider {
    margin-top: -15px !important;

    padding: 10px !important;
  }

  .product-add:hover,
  .salla-theme_6 .product .product-footer .product-add.add_to_cart_btn:hover {
    color: #fff !important;

    font-weight: 600 !important;

    background: var(--primary-color) !important;

    border: 1px solid #fff !important;

    border-radius: 8px !important;
  }

  .product .product-footer {
    margin-top: -2px !important;

    margin-right: 10px !important;

    margin-left: 10px !important;
  }

  /*-------------- Products Details --------------*/

  salla-theme_6 a,
  .salla-theme_6 a:hover {
    color: #fff !important;

    font-size: 12px !important;
  }

  .a2a_default_style:not(.a2a_flex_style) a {
    width: 40px !important;

    padding-top: 10px !important;
  }

  .section--title {
    font-size: 14px !important;
  }

  body.font-apple #sort #sort-toggle.btn.btn-primary {
    margin-bottom: -18px !important;
  }

  .salla-theme_6 .product-details__title {
    font-size: 20px !important;
  }

  body.salla-theme_6 .product-details__subtitle {
    width: 20% !important;
  }

  #order .add-cart-large {
    color: #fff !important;

    background: var(--primary-color) !important;

    font-size: 18px !important;

    padding-top: 12px !important;
  }

  #order .add-cart-large:hover {
    color: var(--primary-color) !important;

    background: #fff !important;

    border: 1px solid var(--primary-color) !important;

    border-radius: 8px !important;
  }

  .fa-heart:before {
    color: var(--primary-color) !important;
  }

  /*---------------- Testemonials ----------------*/

  .text-white {
    font-size: 14px !important;

    width: 30% !important;
  }

  /*------------------ Features ------------------*/

  /*-------------------- Cart --------------------*/

  /*------------------- Footer -------------------*/

  .footer-main {
    width: 95% !important;
  }

  .mb-md-0,
  .my-md-0 {
    font-weight: 500;

    margin-left: 0px !important;
  }
}

/*-------------- End of Mobile Screens ---------------*/

@keyframes ShineAnimation {
  0% {
    background-repeat: no-repeat;

    background-image: -webkit-linear-gradient(
      bottom right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 45%,
      rgba(255, 255, 255, 0.3) 48%,
      rgba(255, 255, 255, 0.3) 50%,
      rgba(255, 255, 255, 0.3) 52%,
      rgba(255, 255, 255, 0) 57%,
      rgba(255, 255, 255, 0) 100%
    );

    background-position: -250px -250px;

    background-size: 600px 600px;
  }

  100% {
    background-repeat: no-repeat;

    background-position: 250px 250px;
  }
}

/*-------------- cheikho salla css code ---------------*/

/* Robust selector for has-3-photos sections */
.has-3-photos {
  display: flex;
}
.has-3-photos .banner-entry {
  width: 100%;
  margin: 0;
  /* zoom: 70%;*/
  border-radius: 18px;
}
.main-nav-container .inner,
.main-nav-container,
.main-nav-container.fixed-pinned .sides-wrap {
  background: #14161e;

  border: none;
}
.left-side * {
  color: #fff;
}
.humb-icon span {
  background: #ee8323 !important;
}
.s-block__title h2,
.s-slider-block__title h2 {
  color: #ee8323;
}
.navbar-brand img {
  display: none;
}
.navbar-brand:before {
  content: " ";

  display: block;

  width: 72px;

  height: 60px;

  background: url(https://i.postimg.cc/5y0PdvYZ/riddle.gif) no-repeat;

  transform: scale(2.5);

  background-size: contain;
}
.top-nav * {
  color: #ee8323;
}
button.btn--gray.rounded.mx-1 {
  background: #ffffff;
}
.top-nav {
  background: #14161e;
}
.product-entry--vertical {
  background: #1b223d85;

  border: none;

  border-radius: 19px;
}
img.lazy-load.loaded {
  background: #181b2d;
}
.triangle-overlay:after {
  background: #181b2d;
}
.text-gray-800,
.product-entry__title a {
  color: #ee8323;
}
.btn--wishlist {
  --tw-shadow-colored: none !important;
  background: #ee8323;
  color: #fff;
  border: none;
}

section#testimonials-slider-7 {
  background: #14161e;
}
salla-button .s-button-btn {
  border-radius: 20px;
}
.duration-300 {
  box-shadow: none;

  border-radius: 23px;

  background: #32396578;
}
.text-gray-600,
.font-bold {
  color: #fff;
}
.main-nav-container.fixed-pinned .sides-wrap,
.px-0 {
  background: #181b2d;
}
.footer-is-light .store-footer {
  background: #14161e;
}
.footer-is-light .store-footer__top {
  background: #181b2d;

  border-top-left-radius: 30px;

  border-top-right-radius: 30px;
}
.footer-is-light .store-footer__top * {
  color: #fff;
}
@keyframes color {
  0%,
  100% {
    color: #ee8323;
  }
  50% {
    color: #fff;
  }
  80% {
    color: #eeb685;
  }
  90% {
    color: #fff;
  }
}
.s-block--features__item i,
.s-block--features__item h4 {
  animation: color 1.6s infinite cubic-bezier(0.27, 0.22, 0.31, 1.96);
}
.s-block--features__item p {
  color: #fff;
}
.bg-white .pb-3 {
  background: none !important;
}
ol.flex.items-center.flex-wrap.text-sm * {
  animation: color 1.6s infinite cubic-bezier(0.27, 0.22, 0.31, 1.96);
}
.menu-is-open #side-panel {
  background: #14161e;
}
.menu-is-open #side-panel * {
  color: #fff;

  border: none;
}
.main-menu li:nth-of-type(1) {
  background: #ee8323 !important;
}
section.cart-item.bg-white.border.overflow-hidden.p-5.sm\:p-7.rounded.mb-5.relative {
  background: #181b2d;

  border: none;

  border-radius: 30px;
}
section.cart-item.bg-white.border.overflow-hidden.p-5.sm\:p-7.rounded.mb-5.relative
  * {
  color: #fff;

  border: none;
}
.duration-1000 {
  border-radius: 30px;
}
salla-slider.details-slider .swiper-slide {
  background: #14161e !important;
}
.only\:px-0:only-child {
  color: #ff6b66;
}
.product-form,
.product-options {
  background: white !important;
}
.hydrated .product-fixed-bar {
  background: #181b2d;
}
.product-fixed-bar .product-form * {
  border: none;
}
.product-fixed-bar .product-form {
  background: #171a2c !important;

  border: none !important;
}
.product-fixed-bar salla-add-product-button button {
  background: #ee8323;

  color: #fff;
}
.main-nav-container.fixed-header .inner {
  background: #181b2d;
}
.no-content-placeholder .icon {
  background: url(https://i.postimg.cc/5y0PdvYZ/riddle.gif) no-repeat;

  background-color: #181b2d;

  background-size: contain;

  color: transparent;
}
.pb-5 .text-gray-600,
.pb-5 .font-bold {
  color: #171a2c;
}
.s-block:first-of-type {
  background: #14161e !important;
}
.site-info-bar {
  background: #181b2d;
}
.grid-cols-2 {
  /* zoom: 80%;*/
}
.banner-entry {
  border-radius: 15px;
}
.banner-entry a:before {
  background-color: #000000b8;

  backdrop-filter: blur(1px);
}
.banner-entry h3 {
  color: #fff;
}
.mobile-collapsible.sub-menu {
  background: #ee832314;

  backdrop-filter: blur(6px);
}
.banner-entry a:hover {
  transform: scale(1.2);

  transition: all 0.6s;
}
@media (min-width: 1000px) {
  .has-3-photos .banner-entry {
    zoom: 100%;
  }
}

/*.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {

padding: 5px;

}*/

salla-slider.photos-slider .swiper-slide {
  width: 80%;
}

@media (max-width: 700px) {
  .has-3-photos .banner-entry {
    zoom: 50% !important;
  }
}

@media (max-width: 500px) {
  .has-3-photos .banner-entry {
    zoom: 60% !important;
  }

  salla-slider.photos-slider .swiper-slide {
    width: 100%;
  }
}
.product-form,
.product-options {
  background: #181b2e !important;

  border: 1px solid #ffa24f !important;
}
.product-form *,
.product-options *,
.pb-5 .text-gray-600,
.pb-5 .font-bold {
  color: #fff;

  border: none;
}
.s-comment-form-action salla-button button,
.s-button-primary {
  background: #ee8323;
}
.comment {
  border: none !important;
}
.product-tabs .tabs a.is-active {
  background: #ee8323;

  color: #fff;
}
.boxsalla {
  max-width: 1250px;
}

/* code css */

.btn--wishlist {
  border-radius: 50% !important;
}
.only\:px-0:only-child .sicon-fire:before {
  content: "";

  display: block;

  width: 60px;

  height: 60px;

  position: absolute;

  background: url(https://www14.0zz0.com/2023/06/10/03/123485038.gif) no-repeat;

  background-size: contain;

  background-position: top;

  right: 2px;

  top: -15px;
}
.only\:px-0:only-child {
  position: relative;

  padding-right: 45px;

  display: block;

  width: 100%;

  color: #ee8323;
}
div.flex-1.relative.md\:z-1.w-full.md\:w-1\/2.mb-6.md\:mb-0
  > div
  > div.mb-5.flex.items-center.text-sm
  > div
  > span:before {
  content: "عدة مرات";

  color: #ee8323 !important;
}
.only\:px-0:only-child span {
  color: #0000;
}
.promotion-badge {
  color: #fff;

  background: #ee8323;
}
.s-product-options-option * {
  color: #181b2d;
}
.flex.rtl\:space-x-reverse.space-x-2 p.text-gray-500.text-sm {
  display: none;
}
i.sicon-special-check.text-green-500.text-sm {
  color: #ee8323;
}
input.s-quantity-input-input {
  background: none;
}
.sicon-shopping-bag:before {
  content: "\ef38";
}
.header-is-light .s-cart-summary-wrapper .s-cart-summary-count {
  background: #ee8323;

  border-color: #ee8323;
}
.s-button-primary {
  color: #ffffff;
}
.duration-1000 {
  background: #181b2d;
}
input#coupon-input {
  border-top-left-radius: 50px;

  border-bottom-left-radius: 50px;
}
b#sub-total,
b#final-total {
  color: #fff;
}
.border-t.border-gray-200.border-b.py-5.mb-5,
.duration-1000 {
  border-color: #ee8323;
}
[dir="rtl"] .s-search-product-details * {
  color: #14161e;
}
a.header-icon-button.w-full.text-white {
  width: fit-content !important;
}
.flex.lg\:hidden salla-user-menu.mb-3.hydrated * {
  color: #14161e !important;
}
.gradient-bg {
  background: #333 !important;
}
tbody.list-container.space-y-5 * {
  color: #fff;
}
.s-button-element:not(:disabled):not([loading]) {
  background: #ee8323;

  border: 1px solid #ee8323 !important;
}
.overflow-hidden .bg-white,
.single-order-header-item,
td.w-full.md\:w-auto.px-6.py-2.md\:py-4.md\:h-20.whitespace-nowrap.text-sm {
  background: #181b2d;

  color: #fff;
}
.shadow-\[0_0_0_1px_\#eee\] {
  --tw-shadow: none;

  border-radius: 10px;
}
.single-order-header-item * {
  color: #fff !important;
}
.overflow-hidden .bg-white {
  background: #181b2d;

  border-color: #ffa24f;
}
.bg-white.border.rounded.p-5.divide-y.divide-border-color.space-y-4 {
  background: #181b2d;

  border: none;
}
.flow-root * {
  color: #fff;
}
tbody.list-container.space-y-5 {
  background: #181b2d;
}
tbody.list-container.space-y-5 {
  color: #fff;

  --tw-shadow: none;

  border: none;

  box-shadow: none;
}
tbody.list-container.space-y-5 {
  border: 1px solid #fff;
}
.s-table tbody tr {
  box-shadow: none;
}
.s-table tbody tr .mobile-title {
  color: #fff;
}
label.block.text-sm {
  color: #fff;
}
.flex-1.border-t.border-b.py-3.xl\:p-0.xl\:border-none.mt-5.xl\:mt-0.w-full.xl\:w-auto.flex.justify-between.items-center.xl\:items-start {
  background: none !important;
}

h2.font-bold.mb-5.unicode,
h1.font-bold.text-lg.mb-2\.5.thanks-item.opacity-0 {
  color: #fff;

  text-align: center;
  margin: 0 !important;
}
span.s-user-menu-dropdown-item-title {
  color: #14161e;
}

/*

.s-button-light-outline {

color: #fff;

}*/

salla-product-options.s-product-options-wrapper.hydrated * {
  color: #ee8323;
}
salla-product-options.s-product-options-wrapper.hydrated {
  background: none;
}

.text-sm b {
  color: #fff;
}

.s-block--faqs .faqs-list label {
  color: #fff !important;

  background-color: #181b2d !important;
}

.faq-answer {
  background-color: #181b2d !important;

  color: #fff !important;
}

.sicon-add:before {
  color: #181b2d !important;
}

.s-block--faqs .faqs-list label:hover span {
  background-color: #ee8323 !important;
}

.content {
  background: #181b2e !important;

  border: 1px solid #ffa24f !important;
}

.ql-direction-rtl strong {
  color: #fff !important;
}

ul li.ql-direction-rtl {
  color: #fff !important;
}

ul li.ql-direction-rtl span {
  color: #fff !important;
}

.content-entry p span:nth-child(1) {
  color: #fff !important;
}

.content-entry p span:nth-child(2) {
  color: #fff !important;
}

.ql-align-justify strong {
  color: #fff !important;
}

.content-entry p strong {
  color: #fff !important;
}

.content-entry ul li span {
  color: #fff !important;
}

.content-entry ul li.ql-align-justify {
  color: #fff !important;
}

.content-entry p {
  color: #fff !important;
}

.promotion-badge {
  background: #e33535 !important;
}

.out-of-stock .promotion-badge {
  background: #e5e7eb !important;
}

.s-table tr {
  color: #fff !important;
}

[data-content] {
  background: unset !important;

  font-size: 18px !important;
}

.s-button-element:not(:disabled):not([loading]) {
  border: none !important;
}

#invoice-form {
  background: #181b2e !important;

  border: 1px solid #ffa24f !important;
}

.thankyou-block {
  background: #181b2e !important;

  border: 1px solid #ffa24f !important;

  color: #fff !important;
}

img.thanks-item {
  background-color: #fff !important;
}

[class^="sicon-"] {
  color: #000 !important;
}

.no-content-placeholder--comments i {
  color: #fff !important;
}

.sicon-instagram {
  color: #fff !important;
}

.sicon-twitter {
  color: #fff !important;
}

.sicon-snapchat {
  color: #fff !important;
}

.sicon-tiktok {
  color: #fff !important;
}

.payment-methods-list li {
  background: #fff !important;
}

.sicon-quote-open {
  color: #fff !important;
}

.s-block--faqs .faqs-list input:checked + div {
  --tw-shadow-color: #e5e7eb30 !important;
}

.sicon-discount-calculator {
  color: #fff !important;
}

#total-discount b {
  color: red !important;
}

.bg {
  transition: all 0.4s ease-in-out;
}

input,
textarea {
  color: #000 !important;
}

.sicon-shopping-bag:before {
  z-index: -1;
}

.sicon-packed-box:before {
  z-index: -1;
}

.sicon-star2:before {
  color: #ee8323;
}

.close {
  display: none !important;
}

.sicon-keyboard_arrow_left:before {
  color: #505157 !important;
}

.s-quantity-input-input {
  color: #fff !important;
}

.sicon-mail,
.sicon-search,
.sicon-phone {
  color: #e67f3f !important;
}

.container .col-span-3 a i,
.sicon-special-check {
  color: #e67f3f !important;
}

.sicon-whatsapp,
.sicon-newspaper,
.sicon-reply,
.sicon-printer2 {
  color: #fff !important;
}

.s-button-text {
  color: #fff !important;
}

.rating-share-section .rtl\:ml-6 {
  transform: scale(0.8) !important;
}

.s-button-text span {
  color: #ee8323 !important;
}

.s-block--faqs .faqs-list__item {
  border-radius: 11px;
}

.product-entry__title a:hover {
  color: #fff !important;
}

.sicon-shopping,
.sicon-heart {
  color: #fff !important;
}

label[for="product-filter"] {
  color: #fff !important;
}

.copy-icon {
  color: #fff !important;
}

.last\:border-0:last-child {
  display: flex !important;

  justify-content: center !important;

  align-items: center !important;
}

.cont {
  display: flex;
  flex-direction: column;
}
.section[data-type="banner"] {
  padding: 0 !important;
  margin: 0 !important;
}
.cont div img {
  width: 100%;
  border-radius: 8px;
}
.cont div {
  width: 95%;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 10px;
}
.cont div:hover img {
  transform: scale(1.2) rotate(1deg) translateY(10px);
  transition: all 0.8s;
}
.masseg {
  position: relative;
  width: 90%;
  background: #fff;
  height: fit-content;
  padding: 20px 0px;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  z-index: 9999999999;
  max-width: 530px;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.links {
  padding: 8px;
}
.flexcont {
  display: flex;
  width: 100%;
  justify-content: center;
}
.flexcont a img {
  width: 100%;
  border-radius: 0px;
}
.flexcont a {
  margin: 1%;
}
.masseg > div > a:last-child {
  border-bottom: 1px solid #eee;
}
.bg {
  position: fixed;
  background: rgba(20, 22, 30, 0.85);
  width: 100%;
  top: 0;
  height: 100%;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  left: 0;
  z-index: 99999999;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Modal open state */
.bg.modal-open {
  opacity: 1;
  visibility: visible;
}

/* Modal content animation when opening */
.bg.modal-open .masseg {
  transform: translateY(0);
}

/* Modal content initial state (hidden) */
.bg:not(.modal-open) .masseg {
  transform: translateY(-30px);
}
.bg .masseg img {
  width: 200px;
  margin: auto;
  display: flex;
  margin-bottom: 10px;
}
.masseg h3 {
  text-align: center;
}
.masseg span.close img {
  width: 20px;
  margin: 10px;
}

.masseg .close {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #ee8323 0%, #f5a665 100%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: -12px;
  right: -12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow: 0 4px 12px rgba(238, 131, 35, 0.4);
  border: 2px solid #fff;
}

.masseg .close:hover {
  transform: rotate(90deg) scale(1.1);
  box-shadow: 0 6px 20px rgba(238, 131, 35, 0.6);
}

.masseg .close:active {
  transform: rotate(90deg) scale(0.95);
}

.masseg span.close img {
  width: 16px;
  height: 16px;
  filter: brightness(0) invert(1);
  transition: transform 0.2s ease;
}
/* الصور */
.tousbox section img {
  width: 100%;
}
.tousbox section {
  margin-top: -5px;
}
.boxsalla {
  width: 98%;
  margin: auto;
  display: block;
}
.boxsalla .boxing {
  display: flex;
  width: 100%;
}
.boxing a {
  width: 33.3%;
  margin: 8px;
}
.boxing a img {
  width: 100%;
}
section.s-block.s-block--photos-slider
  + section.s-block.s-block--banners
  + section.s-block.s-block--banners {
  display: none;
}
.boxsalla .boxing .linkstop:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  border-radius: 8px;
  background-color: #000000b8;
  opacity: 0;
  z-index: 10;
}
a.linkstop {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.boxsalla .boxing .linkstop:hover:before {
  transition: all 0.4s;
  opacity: 1;
}
.linkstop:hover img {
  transform: scale(1.2);
  transition: all 0.3s;
}
salla-slider.photos-slider .swiper-slide {
  width: 100%;
  margin: auto 11px;
  padding: 0;
}
@media (max-width: 710px) {
  a.linkstop {
    border-radius: 8px;
  }
  .boxing a {
    margin: 4px;
  }
}

.s-product-card-vertical,
.s-product-card-image {
  background: #1b223d85;
  border: none;
  border-radius: 19px;
}
.s-product-card-content-title a {
  color: #fff !important;
}
[product-status="out"] .s-button-text {
  color: #181d2e !important;
}
.s-button-text span {
  color: #fff !important;
}
.s-product-card-price {
  color: #fff !important;
}
.thanks-item salla-button button .s-button-text span {
  color: #ee8323 !important;
}
img.thanks-item {
  display: none;
}
[dir="rtl"] .rtl\:-scale-x-100 {
  transform: none !important;
}
[dir="rtl"] .rtl\:-scale-x-100:before {
  background-image: url(https://i.postimg.cc/BnW63Mxb/Comp-1.gif);
  background-size: 200px 200px;
  content: "";
  display: inline-block;
  width: 200px;
  height: 200px;
}
.changeBg {
  background-color: #181b2e !important;
  border: 1px solid #ffa24f !important;
}

.tyh1 {
  color: #fff !important;
}
.boxTy {
  background: #ee8323 !important;
  width: 30%;
  margin: auto;
  border-radius: 45px;
  padding: 5px !important;
}
.break-all,
.sicon-debit-card-back,
.tyP {
  color: #fff !important;
}

@media only screen and (max-width: 767px) {
  .boxTy {
    background: #e57231 !important;
    width: 100% !important;
    margin: auto;
  }
}
.banner-entry a {
  background-size: cover !important;
}
.sicon-sar:before,
.s-breadcrumb-wrapper,
.only\:px-0:only-child span {
  color: #fff !important;
}
.s-breadcrumb-arrow svg {
  fill: #fff !important;
}
.sicon-heart {
  color: #fff !important;
}
.sidebar__inner .sicon-heart {
  color: #fff !important;
}
.s-product-card-sale-price h4 .sicon-sar:before {
  color: #ef4444 !important;
}
.s-product-card-sale-price span .sicon-sar:before {
  color: #9ca3af !important;
}
.s-product-card-promotion-title {
  background: #e33535 !important;
}
.s-product-card-vertical .s-product-card-wishlist-btn button {
  background-color: #ee8323 !important;
}