custom-main-menu{
    display: flex;
    justify-content: center;
    align-items: center;
}


.s-button-element:not(:disabled):not([loading]),
.s-slider-block__display-all {
  animation: 1.2s linear infinite signal
}

.footer-is-light .store-footer .store-footer__inner {
  --tw-border-opacity: 1;
  --tw-border-opacity: 1;
  --tw-border-opacity: 1;
  --tw-border-opacity: 1;
  --tw-border-opacity: 1
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
  width: 100%;
  margin: 0;
  padding: 0
}

salla-slider.photos-slider .swiper:where([dir=rtl], [dir=rtl] *) {
  padding-left: 0
}

section.s-block.s-block--photos-slider:first-of-type {
  margin-top: 0
}

.flex-col,
.footer-is-light .store-footer,
.footer-is-light .store-footer .store-footer__inner,
.header-btn_icon,
.main-menu li:hover>.sub-menu,
.main-nav-container.fixed-pinned .inner,
.mm-spn.mm-spn--light,
.s-block,
.s-block--hero-slider .swiper-slide .swiper-lazy:after,
.s-comments-product,
.top-navbar,
body:after {
  border: none
}

#mainnav,
.s-block--categories .swiper-wrapper a {
  background-color: var(--third-color)
}

.s-product-card-content-main,
.store-footer {
  text-align: center
}

:root {
  --second-color: #0da0c0;
  --third-color: #fff
}

body:after {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 999999;
  background: url(https://cdn.files.salla.network/theme/1622869530/3fe4bbe2-b7ca-47fa-ad9e-afbfdbf3c007.webp) center/160px no-repeat #fff;
  left: 0;
  animation-name: fade-in;
  animation-duration: 3s;
  animation-fill-mode: forwards
}

@keyframes fade-in {

  0%,
  50% {
    opacity: 1
  }

  100% {
    opacity: 0;
    visibility: hidden
  }
}

.header-btnicon,
.leading-6,
.main-menu,
.s-blocktitle,
.s-button-primary-outline,
.s-cart-summary-total,
.s-product-card-content-title a,
.s-slider-blocktitle,
.slide--cat-entry i,
.store-footer h3 {
  color: var(--main-color)
}

.carousel-slider .swiper-wrapper>div {
  margin: 10px auto
}

.header-btn__icon,
.s-block--features__item .feature-icon,
.s-product-card-vertical,
.s-slider-nav-arrow,
.store-footer a .rtl\:ml-2\.5 {
  box-shadow: rgba(0, 0, 0, .24) 0 3px 8px
}

.banner--fixed img,
.container,
.lg\:p-8,
.s-block--features__item {
  background: 0 0 !important
}

@media only screen and (min-width:600px) {
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .lg\:col-span-2 {
    grid-column: span 1/span 1
  }
}

.flex.mb-6,
.footer-is-light .store-footer .store-footer__inner,
.md\:flex,
.s-product-card-content-sub,
.s-product-card-content-title a,
.store-footer .contact-social ul,
.store-footer a {
  text-align: center !important;
  justify-content: center !important
}

[dir=ltr] .mm-spn.mm-spn--navbar.mm-spn--main:after,
[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after,
[dir=rtl] .mm-spn.mm-spn--navbar:after {
  text-align: inherit
}

.rtl .fix-align,
.s-block--features__item p,
.sicon-menu:before,
.slide--cat-entry i,
.text-gray-400,
[dir=rtl] .fix-align {
  color: #000 !important
}

.top-navbar {
  display: none
}

::-webkit-scrollbar {
  width: 10px
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #fff;
  border-radius: 10px
}

::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
  background: #000
}

.s-slider-block__display-all {
  padding: 3px 6px 8px;
  border-radius: 37px;
  line-height: 18px;
  background: 0 0
}

.store-footer h3 {
  color: #344a50 !important
}

.slide--cat-entry {
  background: #e8cdad;
  box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
  color: #000
}

@media only screen and (max-width:600px) {
  .s-products-slider-card {
    max-width: 185px
  }

  .slide--cat-entry {
    width: 106px !important;
    height: 106px !important;
    border-radius: 65px !important
  }

  .swiper-slide.slide--one-sixth,
  .swiper-slide.slide--one-sixth.swiper-slide-active,
  .swiper-slide.slide--one-sixth.swiper-slide-next,
  .swiper-slide.slide--one-sixth.swiper-slide-prev {
    width: 40%
  }

  .slide--cat-entry h4 {
    font-size: .775rem
  }

  .slide--cat-entry i {
    font-size: 28px
  }
}

.store-footer .contact-social ul li:first-child a {
  background: #cc38a5
}

.store-footer .contact-social ul li:nth-child(2) a {
  background: #5098fd
}

.store-footer .contact-social ul li:nth-child(3) a {
  background: #d8c837
}

.store-footer .contact-social ul li:nth-child(4) a {
  background: #333
}

.store-footer .contact-social ul li:nth-child(5) a {
  background: #f50000
}

.store-footer .contact-social ul li:nth-child(6) a {
  background: #0084ff
}

.footer-is-light .store-footer .store-footerinner {
  background_color: transparent
}

.store-footerinner {
  background-color: transparent !important;
  text-align: center
}

.store-footerinner .flex {
  justify-content: center
}

.store-footerinner .max-w-sm {
  margin: auto
}

.footer-list,
.store-footer a,
.store-footer h3:hover,
.store-footer_inner .max-w-sm {
  color: var(--second-color);
  color: var(--main-color)
}

.store-footer h3:hover {
  opacity: 1;
}

.store-footer i {
  color: var(--main-color);
  border-color: var(--main-color)
}

.footer-is-light .store-footer .store-footer__inner {
  border-bottom-color: #c0a794;
  border-bottom-color: rgb(229 231 235/var(--tw-border opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.footer-is-light .store-footer .store-footer__inner:before {
  text-align: center;
  content: "";
  display: block;
  height: 110px;
  width: 140px;
  margin: auto auto 20px;
  background-image: url(https://cdn.files.salla.network/theme/1622869530/3fe4bbe2-b7ca-47fa-ad9e-afbfdbf3c007.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  animation: 1.2s linear infinite sigal
}

@keyframes sigal {
  0% {
    filter: drop-shadow(2px 4px 6px #504d46)
  }

  100% {
    filter: none
  }
}

[dir=rtl] .s-slider-block__title h2 {
  text-shadow: 2px 4px #c7c7c7;
  font-size: 25px
}

@keyframes logobg {

  0%,
  50% {
    opacity: 1
  }

  100% {
    opacity: 0;
    visibility: hidden
  }
}

.store-footer a .rtl\:ml-2\.5 {
  background: #e8cdad !important;
  background: var(--main-color) !important;
  color: var(--second-color)
}

.s-slider-block__title {
  margin: 10px auto;
  display: none
}

@keyframes signal {
  0% {
    box-shadow: 0 0 0 0 #000;
    box-shadow: 0 0 0 0 #e8cdad
  }

  100% {
    box-shadow: 0 0 0 5px #e8cdad;
    box-shadow: 0 0 0 5px #fff
  }
}

.footer-is-light .store-footer .social-link {
  border-color: transparent;
  box-shadow: rgba(0, 0, 0, .24) 0 3px 8px
}

.store-footer .contact-social ul li:first-child a,
.store-footer .contact-social ul li:nth-child(2) a,
.store-footer .contact-social ul li:nth-child(3) a,
.store-footer .contact-social ul li:nth-child(4) a,
.store-footer .contact-social ul li:nth-child(5) a,
.store-footer .contact-social ul li:nth-child(6) a {
  background: var(--third-color);
  color: #fff
}

.s-block--features__item .feature-icon {
  background-color: #fff;
  background-color: var(--main-color)
}

.store-footer h3 {
  font-size: 1.3rem;
  color: var(--second-color) !important;
  background: #fff
}

.sicon-user-circle:before {
  content: "\f072";
  color: var(--second-color)
}

.sicon-shopping-bag:before {
  content: "\ef36";
  color: var(--second-color)
}

.s-block--features__item .feature-icon i {
  color: var(--second-color);
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #ff6767;
  color: var(--main-color)
}

.bg-inherit {
  background-color: var(--second-color);
  background-color: #fff
}

.rtl .fix-align,
.s-block--features__item p,
.sicon-menu:before,
.slide--cat-entry i,
.text-gray-400,
[dir=rtl] .fix-align {
  color: var(--main-color) !important
}

.footer-list,
.leading-6,
.s-cart-summary-total {
  color: var(--second-color)
}

.mm-spn.mm-spn--navbar.mm-spn--main {
  cursor: default;
  background-color: var(--second-color);
  color: var(--main-color)
}

.sicon-user-circle:before {
  content: "\f072";
  color: var(--main-color)
}

.sicon-shopping-bag:before {
  content: "\ef36";
  color: var(--main-color)
}

.s-button-element:not(:disabled):not([loading]) {
  background: var(--main-color);
  background: #0da0c0 !important;
  color: #000;
  border: none;
  box-shadow: rgba(0, 0, 0, .24) 0 3px 8px
}

.s-block--features__item h2 {
  --tw-text-opacity: 1;
  color: var(--second-color)
}

.footer-is-light .store-footer .store-footer__inner {
  border-bottom-color: rgb(229 231 235/var(--tw-border opacity));
  --tw-bg-opacity: 1;
  background-color: var(--second-color);
  border-bottom-color: rgb(229 231 235/var(--tw-border opacity));
  --tw-bg-opacity: 1;
  background-color: #fff
}

.store-footer h3 {
  color: var(--second-color) !important;
  background: var(--main-color)
}

.header-btn__icon {
  box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
  background-color: var(--second-color)
}

.s-block--features__item .feature-icon {
  height: 5rem;
  width: 5rem;
  background-color: var(--second-color)
}

.s-block--features__item h2 {
  margin-bottom: .25rem;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: var(--main-color)
}

.s-block--features__item p {
  color: var(--second-color) !important
}

.store-footer h3 {
  color: var(--main-color) !important;
  background: var(--second-color);
  border-radius: 8px;
  font-weight: 700;
  padding-top: .3rem;
  width: 100%;
  padding-bottom: .3rem;
  box-shadow: rgba(0, 0, 0, .1) 0 4px 12px
}

.leading-6 {
  line-height: 1.5rem
}

.footer-list,
.store-footer a,
.store-footer h3:hover,
.store-footer_inner .max-w-sm {
  color: var(--scond-color)
}

.s-product-card-entry,
.top-navbar .s-search-input {
  box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
  border: 1px solid #41b5ce
}

.banner--fixed img {
  display: block;
  width: 100%;
  border-radius: 3.375rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: #f3f4f6;
  background-color: rgb(243 244 246/var(--tw-bg-opacity));
  -o-object-fit: cover;
  object-fit: cover
}

.two-row .banner-entry:first-child {
  grid-column: span 1/span 1;
  grid-row: 1/2
}

.md\:grid-cols-3 {
  grid-template-columns: repeat(6, minmax(0, 1fr))
}

.banner-entry {
  height: 210px
}

.lazy__bg {
  background-size: contain;
  background-repeat: no-repeat
}

section.s-block.s-block--fixed-banner.wide-placeholder .banner--fixed img {
  background-color: unset
}

[dir=rtl] .carousel-slider .swiper,
[dir=rtl] salla-slider.photos-slider .swiper,
[dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div,
[dir=rtl] salla-slider[type]:not(.hydrated)>div {
  padding-left: 0
}

@media (max-width:767px) {
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .banner-entry {
    height: 139px
  }

  .swiper-wrapper>div {
    width: 50%
  }
}

.s-products-slider-card swiper-slide {
  border: 3px solid red
}

@media (min-width:768px) and (max-width:1200px) {
  .banner-entry {
    height: 123px
  }
}


.navbar-brand img {
    max-height: 6rem !important;
}

section:nth-of-type(2) .grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
section:nth-of-type(2) .grid a{
  background: transparent !important;
}