:root {
  --main-color: #6bb959;
  --border-color: #fbbd36;
}
body {
  background-color: #fff;
}

/* header  */
.top-navbar {
  background-color: #6bb959 !important;
  border: 0px solid #fff;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.top-navbar *:not(.s-search-results *) {
  color: #fff;
}
custom-main-menu {
  display: flex;
  align-items: center;
}
/* header  */
/* banner */
salla-slider.photos-slider .swiper-slide {
  margin: 0;
  padding: 0;
  width: 100%;
}
salla-slider.photos-slider .swiper {
  padding: 0;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
  padding: 0;
}
section.s-block.s-block--photos-slider {
  margin: 0;
}
img.w-full.object-contain.rounded-md {
  border-radius: 0 !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder .container {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder {
  margin-top: 60px !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin: 0 !important;
}
/* banner */
/* sq-banner */
a.banner-entry.square-photos.has-overlay.with-hover {
  height: 273px;
  width: 300px;
  padding: 0 !important;
  border-radius: 16px;
}

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

section.s-block.s-block--banners.container {
  margin-top: -2rem;
  z-index: 10;
  position: relative;
}

.has-overlay.with-hover:hover:after {
  background: #6bb959cc;
  border: none !important;
  outline: none;
}

h3.text-with-border {
  border: none !important;
}

.two-row .banner-entry h3 span {
  font-size: 3rem;
  text-shadow: 0px 3px 10px #0000008f;
}

@media (max-width: 600px) {
  a.banner-entry.square-photos.has-overlay.with-hover {
    height: 140px;
    width: 150px;
    padding: 0 !important;
    border-radius: 16px;
  }

  section.s-block.s-block--banners.container
    .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  section.s-block.s-block--banners.container {
    margin-top: 2rem;
    z-index: 99;
    position: relative;
  }

  .has-overlay.with-hover:hover:after {
    background: #6bb959cc;
    border: none !important;
    outline: none;
    transform: translateY(0px) !important;
  }

  h3.text-with-border {
    border: none !important;
  }

  .two-row .banner-entry h3 span {
    font-size: 1.6rem;
    text-shadow: 0px 3px 10px #0000008f;
  }
  .has-overlay:after {
    transform: translateY(0) !important;
    top: 0 !important;
    background: #6bb959cc !important;
    opacity: 1 !important;
  }
}
/* sq-banner */
/* product */
section.s-block.container .s-block__title {
  padding: 0 !important;
  justify-content: center;
}

section.s-block.container .right-side {
  padding: 0;
}
section.s-block.container .right-side h2 {
  color: var(--main-color);
  font-size: 2rem;
}

.s-product-card-entry {
  border: 1px solid var(--border-color);
}
/* product */
custom-main-menu {
  display: flex;
  align-items: center;
}

.s-block--features__item {
  border: 1px solid #6bb959cc;
}

/**************/

a.flex.items-center.m-0 h3 {
  height: 70px;
  width: 70px;

  position: relative;
  color: transparent;
}
a.flex.items-center.m-0 h3:before {
  content: "";
  position: absolute;
  background-image: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/QdRwnY/9Me8vF4vhNMgYC83NK5jKJQsY0a1EqN43HCYmovM.png");
  background-size: contain;
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;

  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.store-footer__inner,
footer.store-footer {
  background: #fff;
}

.feature-icon {
  position: relative;
  background-color: #fff !important;
  border-radius: 0 !important;
}
.feature-icon:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.store-footer__inner {
  background: #fff !important;
}

footer.store-footer h3 {
  color: #6bb959 !important;
}
footer.store-footer {background:#6bb959 !important}
footer.store-footer a.flex.items-center.m-0 h3 {color:transparent !important}

img.h-80.mb-10.w-full.object-cover.rounded-md ,

a.post-entry__image.relative.overflow-hidden.hover\:opacity-90.w-full.h-56.bg-border-color.flex.items-center.justify-center {
    height: 100% !important;
}