@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=El+Messiri:wght@400..700&display=swap");

body {
  font-family: Cairo !important;
}

.loader-init{
  display:none !important
}

/* Navbar */

.main-menu li span{
  font-size: 12px !Important
}  

.fixed-pinned .navbar-brand img,
body:not(body.index) .navbar-brand img{
  filter: invert(1) !important
}

@media (min-width: 992px) {
  .navbar-brand img {
    max-height: 5rem;
  }

  .main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 70px;
  }
}

header.store-header {
  z-index: 11 !important;
}

.index #mainnav:not(.fixed-pinned) .navbar-brand img,
.top-navbar {
  display: none !important;
}

.main-nav-container.fixed-pinned .inner {
  background-color: rgba(255, 255, 255, 0.6);
}

/* Carousel */

.s-block:nth-of-type(1) {
  margin-top: 0 !important;
}

.s-block.s-block--photos-slider * {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

salla-slider.photos-slider .swiper-slide {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* Hero */

section.landing-page-fixed-bannar.landing-page-fixed-bannar-0 {
    background-image: url(https://i.ibb.co/8s1QQ4n/image.png) !important;
    background-size: cover;
    background-position: center;
    justify-content: space-between !Important;
    padding-right: 2rem;
    padding-left: 2rem;
}

.landing-page-fixed-bannar .box-text {
  margin: 0.5rem !important;
  max-width: 700px;
}

.landing-page-fixed-bannar h1,
.landing-page-fixed-bannar p {
  color: #000 !important;
}

.landing-page-fixed-bannar a:not(:hover){
  background-color: #BCBA4D !important
}

.landing-page-fixed-bannar h1 {
  font-size: 3rem !important;
  margin-top: 2rem;
}

@media (max-width: 640px) {
  .landing-page-fixed-bannar h1 {
    font-size: 1rem !important;
  }
  .landing-page-fixed-bannar p {
    display: none;
  }
}

.cat {
  height: 100% !important;
  max-height: 100% !important;
}

.content-image {
  justify-content: center !important;
}

.cat:first-of-type {
  display: none !important;
}

.s-block--banners {
  margin-top: 0 !important;
}

/* Products */

.s-block--tabs-produtcs .tab-trigger.is-active button {
  border-width: 0 !important;
  background: transparent !important;
  font-size: 30px;
  line-height: 1.5;
  color: var(--d-color);
}

/* Offers */

.offers p:after {
  content: " ر.س ";
  font-weight: 400 !important;
  color: var(--color-primary);
}

@media (max-width: 768px) {
  .offers {
    height: 80vh !important;
  }

  .offers .swiper-slide-active {
    margin-bottom: 3rem !important;
  }
  .offers .absolute {
    gap: 1rem !important;
  }
}

.offers > h2 {
  color: #fff;
  text-shadow: none;
  margin-bottom: 2rem;
}

.offers .flex *:not(span) {
  color: var(--color-primary);
}

.offers a:hover span,
.offers a:hover span i:before {
  color: #fff !important;
}

.offers a span:not(a:hover span) {
  color: var(--vd-color) !important;
}

.offers .flex h2 {
  font-size: 2rem;
}

.offers del {
  color: rgb(33 211 207) !important;
}

@media (max-width: 992px) {
  .offers .flex h2 {
    font-size: 1rem;
  }
}

.offers .flex .flex p {
  color: var(--color-primary);
  font-weight: bold;
  font-size: 1.4rem !important;
  margin-top: 1rem !important;
}

/* Squares */

.image-text h2 {
  line-height: 1.6 !important;
}

.sq-images .text h2,
.sq-images .text p {
  color: #fff !important;
}

@media (max-width: 350px) {
  .content-image {
    gap: 12px !important;
  }
  .content-image div.cat {
    width: calc(50% - 12px) !important;
  }
}

.s-block--tabs-produtcs {
  background: transparent !important;
}

@media (max-width: 768px) {
  .sq-images h2 {
    font-size: 26px !important;
  }
}

/* GIF */

.gif-banner .first-bg,
.gif-banner .small-bg {
  background: linear-gradient(
    60.38deg,
    #1D3766 ,
    #0F4473 
  ) !important;
}

.gif-banner h2,
.gif-banner p {
  color: #fff !important;
}

.gif-banner .btn-changing {
  background: #eee;
  color: var(--d-color);
}

.gif-banner .btn-changing:hover {
  color: #eee;
  background: var(--d-color);
}

.gif-banner video {
  scale: 1.5 !important;
}

@media (min-width: 1400px) {
  .gif-banner video {
    scale: 2 !important;
  }
}

@media (max-width: 768px) {
  .gif-banner p {
    display:none !important
  }
  .gif-banner h2{
    font-size: 1rem !Important;
    margin-bottom: 1.5rem !Important
  }
}

@media (max-width: 480px) {
  .gif-banner .gif-video {
    transform: translateX(-15%);
  }
  .gif-banner video {
    scale: 1 !important;
  }
}

.gif-banner {
  padding: 2rem 0;
}



@media (max-width: 600px) {
  .el_features .products,
  .numbers .products {
    grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
  }
  .el_features h3 {
    font-size: 12px !important;
  }
}

.numbers .products {
  display: flex;
}

.content_tistimonial {
  background-image: url(https://i.ibb.co/MS9PvQs/Group-2596.png) !important;
}

/* Footer */

footer > div:nth-of-type(1) {
  display: none !important;
}

@media (max-width: 768px) {
  footer .text-justify {
    text-align: center !important;
  }
}

footer > div:nth-of-type(2) {
   background: linear-gradient(
    60.38deg,
    #1D3766 ,
    #0F4473 
  ) !important;
}

@media (min-width: 992px) {
  footer .grid > div:nth-of-type(1) {
    grid-column: 1/3;
  }

  footer .grid > div:nth-of-type(4) {
    display: none;
  }
}

/* Product Page */

body.dark article#more-content {
  color: #fff;
}

body.dark article#more-content span,
body.dark article#more-content li strong,
body.dark article#more-content p > strong {
  color: #fff !important;
}

/* Dark */

.dark .landing-page-fixed-bannar-0 h1,
.dark .landing-page-fixed-bannar-0 p,
.dark .s-product-card-price,
.dark .s-block--tabs-produtcs .tab-trigger,
.dark .offers a span {
  color: #fff !important;
}

.dark .offers a:hover span {
  color: var(--d-color) !important;
}

@media (max-width: 640px) {
  .is-sticky-product-bar .sticky-product-bar {
    background: rgba(255, 255, 255, 0.8) !important;
  }
}