@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap");
body {
  background-color: #f9fafb !important;
  font-family: "Almarai", sans-serif !important;
}
/*****header****/
.top-navbar {
  background-color: #0065c0 !important;
}

input.s-search-input {
  background: #fff !important;
}
a.navbar-brand {
  width: 100px;
  height: 126px;
}
a.navbar-brand img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100%;
}
/*****header****/
/*****banner****/
section.s-block.s-block--fixed-banner.wide-placeholder .container {
  margin: 0;
  padding: 0;
  min-width: 100%;
}
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) {
  margin: 0;
}
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(2)
  .container
  img,
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(5)
  .container
  img,
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(8)
  .container
  img,
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(12)
  .container
  img {
  margin: 20px auto;
  max-width: 70% !important;
  width: 70% !important;
}
@media (max-width: 600px) {
  section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(2)
    .container
    img,
  section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(5)
    .container
    img,
  section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(8)
    .container
    img,
  section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(12)
    .container
    img {
    margin: 20px auto;
    max-width: 100% !important;
    width: 95% !important;
  }
}
/*****banner****/
/*****product****/

.s-product-card-content-main {
  text-align: center;
}

.s-product-card-content-sub {
  justify-content: center;
}

body.index .s-slider-block__title {
  position: relative;
  justify-content: flex-end;
}

.s-slider-block__title-right h2 {
  padding: 0;
  font-size: 28px;
  color: #0065c0;
}

body.index .s-slider-block__title-right {
  padding: 0;
  position: absolute;
  right: 50%;
  top: 0;
  transform: translateX(50%);
}
@media (max-width: 600px) {
  .s-slider-block__title-right h2 {
    font-size: 18px;
    font-weight: 500;
  }
  body.index .s-slider-block__title-right {
    top: -50%;
  }

  body.index .s-block.s-block--best-offers.container.overflow-hidden {
    overflow: visible !important;
  }
}
.s-products-slider-card.swiper-slide.swiper-slide {
  border-radius: 2rem;
  box-shadow: 0px 2px 4px 0.5px rgba(0, 0, 0, 0.55);
  margin-left: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.s-product-card-content {
  background: transparent;
}

/*****product****/
/*****footer****/
footer.store-footer {
  background: #fff;
}

.store-footer__inner {
  background: #dbe5ef;
  padding-top: 20%;
  position: relative;
}
.store-footer__inner:before {
  content: "";
  position: absolute;
  background-image: url(https://i.ibb.co/Z1TYMVfR/logo-Photoroom-2.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 200px;
  height: 100px;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
}
.store-footer__inner:after {
  content: "";
  position: absolute;
  background-color: #0065c0;
  width: 95%;
  height: 1px;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
}
.store-footer__inner * {
  color: #0065c0;
}
@media (max-width: 600px) {
  .store-footer__inner:before {
    width: 100px;
    height: 70px;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
  }
  .store-footer__inner:after {
    width: 95%;
    height: 1px;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
  }
  .store-footer__inner {
    padding-top: 40%;
    position: relative;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .store-footer__inner {
    padding-top: 22%;
  }
  .store-footer__inner:before {
    width: 150px;
    height: 100px;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
  }
  .store-footer__inner:after {
    top: 18%;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .store-footer__inner {
    background: #dbe5ef;
    padding-top: 20%;
    position: relative;
  }
  .store-footer__inner:before {
    content: "";
    position: absolute;
    background-image: url(https://i.ibb.co/Z1TYMVfR/logo-Photoroom-2.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 200px;
    height: 100px;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
  }
  .store-footer__inner:after {
    content: "";
    position: absolute;
    background-color: #0065c0;
    width: 95%;
    height: 1px;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
  }
}

/*****footer****/
.blog-index img.h-full.w-full.object-cover {
   
    object-fit: contain !important;
}