/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
* {
    font-family: "Tajawal", sans-serif;
}



/* Header */
body.index #mainnav:not(#mainnav.fixed-header) * {
  color: #fff !important;
}
body.index #mainnav:not(#mainnav.fixed-header) .sub-menu * {
  color: var(--color-primary) !important;
}


/* Landing-page */
.landing-page-0 .text-center .mb-4 * {
  color: #fff;
}
.landing-page-0 .text-center button {
  color: #fff;
  visibility: hidden;
}
.landing-page-0 > div > div > div {
  margin: -20% auto 0px;
}
.landing-page-0 .text-center button:hover span, .landing-page-0 .text-center button:hover i {
    color: #000;
}
.landing-page-0 h1,
.landing-page-0 p {
    opacity: 1;
    font-weight: 500;
}
@media (min-width: 992px) {
    .landing-page-0 h1 {
        font-size: 46px !important;
        line-height: 3.2rem;
    }
    .landing-page-0 p {
        font-size: 22px !important;
    }
}
@media (max-width: 768px) {
  .landing-page-0 > div > div > div {
    max-width: 78%;
    margin: auto;
    margin-top: 0%;
  }
}




/* Navbar*/

.main-menu li span {
  color: #000 !important;
}



body.index .store-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

@media (max-width: 992px) {
  .hero-section-0 .flex {
    justify-content: center !important;
  }
  .hero-section-0 .flex > div {
    max-width: 90% !important;
    width: 90%;
  }
}

.hero-section-0 > div > div > div{
  margin: auto !important
}

.hero-section-0 h1,
.hero-section-0 p{
  color: #fff !Important
}

.hero-section-0 p {
  opacity: 1 !important;
  font-size: 0.9rem !important;
}

.categories {
  margin-top: 0 !important;
}

.categories{
  margin-top:2rem !important
}

@media(min-width: 1024px){
  .categories li{
    width:200px !important
  }
}
@media(max-width : 1000px) {
.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
a.banner-entry.square-photos {
    zoom: 50%;
}


}
@media (min-width: 768px) {
    .two-row .banner-entry:first-child {
        height: 85%;
    }
}

.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.categories ul {
  justify-content: center !important;
  gap: 3rem;
}

.products-1 .s-slider-block__title {
  display: none !important;
}

.furnitur_offer .flex > div {
  background-color: transparent !important;
}

.furnitur_offer h1 {
  line-height: 1.6 !important;
  margin-bottom: 1rem;
}

.rooms .overlay{
  background-color: rgba(0,0,0,0.5) !important
}

.rooms h1 {
  color: #fff !important;
}

.rooms button {
  color: #fff !important;
}

.rooms button:hover {
  background-color: #fff !important;
  color: var(--m-color) !important;
}

.double-section .container > div:first-child h1,
.double-section .container > div:first-child button a {
  color:  var(--color-primary)!important;
}


.double-section .container > div:last-child h1,
.double-section .container > div:last-child button a {
  color:  #f6f4ea!important;
}

.double-section div:last-child button{
   border-color: #f6f4ea !important
}

.double-section div:first-child button{
   border-color: var(--color-primary) !important
}

.BOTTOM{
  justify-content: center !important
}



/* new */
/* Img Banner Text */
.img-banner-text > div > div:first-child {
    justify-content: center;
}


/* Media */
.media .shape * {
    color: #fff;
}
.media > div {
  background-color: var(--color-primary);
}


/* Footer */
.store-footer > .relative * {
    color: #fff !important;
}
.store-footer .email_button {
    color: var(--color-primary) !important;
}
#mc-embedded-subscribe {
    background: #fff;
    color: var(--color-primary) !important;
}
#mc-embedded-subscribe:hover {
    opacity: 0.7;
}
.store-footer .s-contacts-list.s-contacts-list-vertical {
    align-items: center;
}
.outline-none {
    border: none;
}
article#more-content {
    max-height: unset !important;
}
salla-slider.photos-slider .swiper-slide {
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: 100% !important;
}