/* edit numbers icon */

section.px-4.s-block.s-block--stats.container.with-animation
  > div
  > div
  > div
  > div {
  width: 4rem !important;
  height: 4rem !important;
}

section.px-4.s-block.s-block--stats.container.with-animation
  > div
  > div
  > div
  > div
  i {
  font-size: 2rem !important;
}

/* sections titles */

section.s-block.s-block--square-links.square-links-2 > div > div > h2,
.s-block--best-offers.container h2,
.s-block--faq p.tracking-tight,
.s-block--blog div.mb-8.home-block-title > h2,
.s-block.s-block--custom-reviews p.tracking-tight,
.product-single__info > h1 {
  text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #186bb9 0% 0%,
    #54a9ff 29%,
    #0056ab 67%,
    #50a8ff 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 5s linear infinite;
  display: inline-block;
  font-weight: 800;
  line-height: 3.5rem;
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

/* img prduct animation  */

@keyframes animate {
  0% {
    transform: translate(0px, 0px);
  }
  25% {
    transform: translate(3px, -3px);
  }
  50% {
    transform: translate(-3px, 3px);
  }
  75% {
    transform: translate(3px, 3px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

.fit-slider-products
  .s-slider-swiper-wrapper
  .swiper-slide
  custom-salla-product-card:hover
  img {
  animation: animate 0.6s linear !important;
}
/* crd btns  */
.product-card--primary-buttons button,
.footer-is-custom .store-footer .store-footer__contacts-row,
.store-footer__inner,
section.s-block.s-block--stats.s-block--animate.with-animation
  > div
  > div
  > div
  > div,
.main-nav-container.fixed-header .inner,
.main-nav-container,
.product-single
  .sticky-product-bar
  salla-add-product-button
  salla-button
  .s-button-btn,
.product-card.hover_style_3 .product-card__buttons div button,
.product-single
  .sticky-product-bar
  salla-add-product-button
  salla-button
  .s-button-btn,
.product-card__enhanced-mini-cart button.s-button-element,
.s-infinite-scroll-btn {
  background: #186bb9;
  background: linear-gradient(90deg, hsl(209, 69%, 53%), #0c59a0) !important;
  color: white !important;
}

.product-card.hover_style_3 .product-card__buttons div button i {
  fill: white !important;
  color: white !important;
  font-size: 1.1rem !important;
}

/* logo in footer */

.product-card--fit-height {
  justify-content: space-between !important;
}

#block-blog-12 > div > div.mb-8.home-block-title {
  text-align: center !important;
}

@media (min-width: 1024px) {
  .s-products-list-vertical-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.s-block.s-block--square-links > div > ul > li > a > h3 {
  color: white !important;
  background: #186bb9 !important;
  padding-bottom: 0.5rem !important;
  border-radius: 20px !important;
}

.footer-is-custom .store-footer .store-footer__curve {
  color: var(--footer-bg);
  background: #186bb9;
  background: linear-gradient(90deg, hsl(209, 69%, 53%), #0c59a0) !important;
  color: transparent !important;
  border-radius: 87% 87% 0 0 !important;
}

#app
  > div.app-inner.flex.flex-col.min-h-full.bg-storeBG
  > section.s-block.s-block--enhanced-features.s-block--animate.container
  > div
  > div
  > div.feature-icon.has-image
  > img {
  border-radius: 50% !important;
}

.footer-is-custom .store-footer .footer-rights p {
  color: #186bb9 !important;
}

.footer-badges {
  display: none;
}