/* Add custom CSS styles below */
@media (min-width: 768px) {
  .md\:mb-\[111px\] {
    margin-bottom: 50px;
  }

  .navbar-brand img {
    max-height: 5rem;
  }
}

@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";
* {
  font-family: cairo, sans-serif;
}
.not-show .s-slider-block__title{
display:none
}


/* Fixed Banner */
.s-block--fixed-banner {
  margin: 0;
}
.banner--fixed img {
  margin: 1rem auto;
  background-color: transparent;
}
.s-block--banners {
  margin: 0 auto;
}

.infooo{
  margin: 5rem 0;
}

.index i.sicon-menu.text-primary.text-2xl {
    color: white;
}
.index .main-nav-container.fixed-header .inner {
  background-color: rgba(0, 0, 0, 0.25);
}

.marquee.bg-\[\#424242\] {
  color: var(--f-color);
  background-color: var(--m-color);
}

.head_img .hover\:bg-white:hover {
  color: var(--m-color) !important;
  background-color: var(--f-color);
}

.head_img .max-w-\[60\%\] {
  margin-left: auto;
  margin-right: auto;
}

.sub-menu.w-56 {
  background-color: transparent;
}

.head_img.lg\:h-\[120vh\] {
  height: 100vh;
}

.index .main-nav-container .mobile-menu ul li a {
  color: #fff;
}

.index .main-nav-container .header-btn__icon {
  color: #fff !important;
}

.head_img h1,.head_img p{
  color: #fff;
}

.categories ul {
  gap: 2rem;
  justify-content: center;
}

.categories .h-\[150px\] {
  width: 100%;
  height: 200px;
}

.categories .w-\[150px\] {
  width: 300px;
}

.categories,
.s-block--best-offers {
  margin-bottom: 2rem;
}

.s-product-card-content-title a {
  line-height: 1.5rem;
}

.s-button-primary:hover {
    border: 2px solid var(--m-color);
    background-color: var(--f-color);
    color: var(--m-color);
}

@media (min-width: 768px) {
  .categories .swiper-wrapper {
    justify-content: center;
  }
}

.categories .swiper {
  overflow: visible;
}

.s-product-card-content-title a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.furnitur_offer h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 500px;
  padding: 1rem;
}

.furnitur_offer .s-button-element {
  margin-top: 2rem;
  width: 50%;
}

.not-show .product-name {
  max-width: 500px;
}

.rooms h1 {
  color: #fff;
}

.double-banner * {
  color: #fff;
  border-color: White;
}

.double-banner .left-\[10\%\] {
  top: 20%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

.double-banner .left-\[10\%\] h1 {
  width: 70%;
}

.videoo-8 .rtl\:justify-end:where([dir="rtl"], [dir="rtl"] *) {
  justify-content: flex-start;
}

.videoo-8 .lg\:mt-\[18rem\] {
  margin-top: 30rem;
}

.color-black * {
  color: #000 !important;
  border-bottom-color: #000 !important;
}

.color-black .bg-\[var\(--m-color\)\] {
  background-color: #000;
}

.features {
  margin: 2rem 0 6rem;
}

.banner .justify-start {
  justify-content: center;
}

.media .bg-\[var\(--f-color\)\] {
  background-color: var(--m-color);
}

.media .text-\[var\(--m-color\)\] {
  color: #fff;
}

footer * {
  color: #000 !important;
  border-color: #000;
}

.footer-is-light .store-footer .store-footer__inner {
  background-color: var(--f-color) !important;
}

@media (max-width: 767px) {
  .head_img .max-w-\[60\%\] {
    max-width: 100%;
  }

.categories ul {
    gap: 1rem;
   flex-direction: column;
}

.categories .h-\[150px\] {
    height: 100%;
}

.categories .w-\[150px\] {
    width: 100%;
    height: 100%;
}


  .head_img p {
    font-size: 14px !important;
  }

  .head_img.lg\:h-\[120vh\] {
    height: 100%;
  }

  .head_img .max-w-\[60\%\].text-center {
    transform: translateY(-20%);
  }

  .categories a {
    font-size: 13px;
    font-weight: 700;
  }



  .videoo-8 .max-w-\[60\%\].text-center {
    transform: translateY(-30%);
  }

  .videoo-8 .lg\:h-\[120vh\] {
    height: 40vh;
  }

  .double-banner .left-\[10\%\] h1 {
    width: 75%;
    line-height: 1.5;
    margin-bottom: 2rem;
  }

  .features .flex.flex-col.flex-1.relative:first-child div:first-of-type {
    justify-content: flex-start;
  }

.banner h1 {
    font-size: 1rem !important;
    line-height: 1.5;
    margin-bottom: 1rem;
}

  .furnitur_offer h1 {
    text-align: center;
    max-width: 100%;
  }

  .s-products-slider-card {
    width: 57%;
  }
  .rooms .s-slider-container .s-slider-swiper-wrapper .swiper-slide .overlay {
    opacity: 1;
  }
  .rooms .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
  }
  salla-product-card * {
    font-size: 14px !important;
}
}

button#mc-embedded-subscribe {
  color: #fff !important;
}

.copyright-text a,
footer .copyright-text p,
footer .copyright-text p a:hover {
  color: #fff !important;
}

/* Edit Product Page Start */
.s-add-product-button-main {
  display: flex;
  width: 100% !important;
  gap: 0.625rem;
}
.s-add-product-button-main .s-add-product-button-mini-checkout,
.s-add-product-button-main > salla-button {
  width: 50% !important;
}
.s-add-product-button-mini-checkout-content {
  direction: rtl;
  display: flex;
}
.s-add-product-button-main .s-add-product-button-mini-checkout span svg {
  margin-right: 0;
  margin-left: 0.375rem;
  width: 1rem;
  position: relative;
  top: -3px;
}

.s-add-product-button-main .s-add-product-button-mini-checkout path {
  stroke: var(--color-primary);
  fill: var(--color-primary);
}

.s-product-card-image img.loaded {
    position: relative;
    opacity: 1;
    object-fit: cover;
    max-height: 300px;
}
 .index .navbar-brand img{
filter:brightness(0) invert(1)
}