@keyframes logobg {
    0% {
      transform: scale(1);
    }
    75% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  
  body:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #00000074
     ;
    position: fixed;
    z-index: 99999999999999999 !important;
    transform: scale(0);
    background-size: 50rem !important;
    background-repeat: no-repeat;
    background-position: center !important;
    animation-name: logobg;
    animation-duration: 1.1s;
    backdrop-filter: blur(4px);
  }
  
  .s-product-card-image img.loaded {
    background: white !important;
  }
  
  .main-nav-container.fixed-pinned .navbar-brand img {
    transform: scale(1.3);
  }
  
    #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(3){
          margin-top:2rem;
      }
      
      #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(3) > div{
          width: 100%;
      padding: 0;
      margin: 0;
      max-width: 100%;
  }
  
  [dir="rtl"] .s-slider-block__title h2 {
    font-size: 2rem;
  }
  
  .s-product-card-entry {
    border-image: linear-gradient(
        transparent,
        transparent,
        #36e5eb,
        #2cb1b6,
        #218589
      )
      27;
    border-style: solid;
    border-width: 3px;
  }
  #app > div.app-inner.flex.flex-col.min-h-full > div > div > div > div > a,
  div.main-content.w-full.md\:w-2\/4.md\:pb-16
    > form
    > section
    > salla-add-product-button
    > salla-button
    > button,
  .s-button-primary-outline {
    color: #e9cb99;
    background: rgb(0, 3, 6);
    background: linear-gradient(0deg, #1d787b 0%, #36d5da 100%);
  }

  
  div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none > salla-add-product-button > div > salla-button > button{
  
  color: #e9cb99;
    background: rgb(0, 3, 6);
    background: linear-gradient(0deg, #1d787b 0%, #36d5da 100%);
  
  }
  
  #app > div.app-inner.flex.flex-col.min-h-full > div > div > div > div > a:hover,
  div.main-content.w-full.md\:w-2\/4.md\:pb-16
    > form
    > section
    > salla-add-product-button
    > salla-button
    > button:hover,
  .s-button-primary-outline:hover {
    background: linear-gradient(0deg, #1e787b 0%, #35d6db 100%);
    color: #e9cb99;
    opacity: 1;
    border-color: rgba(0, 3, 6, 1);
  }
  
  .s-product-card-content-sub {
    justify-content: center;
  }
  
  .s-product-card-content {
    text-align: center;
  }
  
  [dir="rtl"] .s-slider-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient(
      -225deg,
      #218589 0%,
      #3be0e5 29%,
      #069a9f 67%,
      #006161 100%
    );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    display: inline-block;
    font-weight: 800;
    line-height: 1.5;
  }
  @keyframes textclip {
    to {
      background-position: 200% center;
    }
  }
  
  @keyframes textclip {
    to {
      background-position: 200% center;
    }
  }
  .slide--cat-entry i::before,
  .s-block--features__item .feature-icon i::before {
    content: "";
  }
  
  .s-block--features__item .feature-icon {
    height: 6rem;
    width: 6rem;
  }
  
  @keyframes up-down {
    0%,
    100% {
      top: 0;
    }
    50% {
      top: -25px;
    }
  }
  
  button.s-slider-nav-arrow,
  salla-button .s-button-btn,
  #mainnav
    > div
    > div
    > div.left-side.flex.items-center.justify-center.lg\:justify-end.px-4.lg\:px-0
    > salla-cart-summary
    > a,
  #mainnav > div,
  #app
    > div.app-inner.flex.flex-col.min-h-screen.relative
    > footer
    > div
    > div.store-footer__top.pb-4.lg\:pb-10.pt-10.lg\:pt-22.space-y-8.divide-y.divide-dashed.divide-white\/10,
  #app > div.app-inner.flex.flex-col.min-h-screen.relative > header > div.top-,
  .header-btn__icon,
  .s-cart-summary-total,
  #app
    > div.app-inner.flex.flex-col.min-h-full
    > footer
    > div.md\:flex.items-center.justify-between.py-4.container.text-center
    > span
    > p,
  .topnav-is-dark .top-navbar .topnav-link-item {
    color: #ffffff !important;
  }
  
  .banner img {
    box-shadow: 1px 1px 6px -1px #218589;
  
    position: relative;
    animation: up-down 8s ease infinite;
  }
  .top-navbar,
  .main-nav-container,
  .store-footer {
    background: #218589 !important;
  }
  .store-footer__inner {
    background: #218589;
  }
  
  .s-block--categories .swiper-wrapper {
    justify-content: space-evenly;
  }
  
  
  @media screen and (max-width: 667px) {
  salla-slider.photos-slider .swiper-slide{
  width:100%
  }
    .store-footer * {
      justify-content: center;
      text-align: center;
    }
    .s-block--categories .swiper-wrapper {
      justify-content: start;
    }
    body:before {
      background-size: 18rem !important;
    }
    .banner--fixed img {
      margin: auto;
      width: 100%;
    }
  }
  .main-nav-container.fixed-header .inner {
    width: 96%;
    margin: 5px auto 0;
    border-radius: 50px;
  }
  
  .store-footer {
    width: 95%;
    margin: 3rem auto 0.5rem;
    border-radius: 28px;
    overflow: hidden;
  }
  .store-footer .container {
    max-width: 1200px;
  }
  
  .store-footer h3 {
    color: #e9cb99 !important;
  }
  
  .s-block--features__item {
    text-align: center;
  }
  
  salla-slider.photos-slider .swiper{
  padding:0 !important
  }
  
  body {
    background-image: url("https://i.ibb.co/Nrmyf5C/abstract-soft-color-background-painting-texture-modern-artistic-pattern-191234-851.jpg");
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-size: cover;
  }
  
  /*----------------------*/
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div:nth-child(2) > a > img {
    display: block;
    margin-left: 80%;
    margin-right: auto;
  
  }
  @media only screen and (max-width : 600px){
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div:nth-child(2) > a > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }}
  @media only screen and (max-width : 1000px){
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div:nth-child(2) > a > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }}
  
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div:nth-child(2) > a > p{
    display: block;
    margin-left: 77%;
    margin-right: auto;
  
  }
  @media only screen and (max-width : 600px){
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div:nth-child(2) > a > p{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }}
  @media only screen and (max-width : 1000px){
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div:nth-child(2) > a > p{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }}
  
  a.s-reviews-display-all {
    color: #1a4850 !important;
}

.s-slider-block__display-all {
    color: #1a4850 !important;
}

.s-slider-block__display-all {
    color: #1a4850 !important;
}