/* fix header */

body.index {
  padding-top: 70px !important;
}

/* fix header store */
.main-nav-container,
body:not(.index) .main-nav-container.fixed-pinned .inner,
.store-header {
  top: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, #afddff 0%, #60b5ff 100%) !important;
}

.main-menu li.root-level > a {
  color: #001872 !important;
  font-weight: 500;
  font-size: 1rem;
}

.header-btn__icon {
  color: #001872 !important;
}

#mainnav
  > div
  > div
  > div
  > div.flex.items-center.justify-end.ml-2
  > div
  > a
  > button {
  background: #ff9149 !important;
  border: none !important;
  border-radius: 10px;
  color: white !important;
}

/* fix main banner */

salla-slider.photos-slider .swiper-slide {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.s-block--photos-slider salla-slider.photos-slider .swiper {
  padding: 0 !important;
  margin-bottom: 2rem !important;
}
.s-block--photos-slider .swiper-wrapper.s-slider-swiper-wrapper {
  transform: none !important;
}

/* fix about us  */

.raw-fixed-banner-content {
  align-items: center;
}

.raw-fixed-banner-content-text p {
  font-size: 1.3rem;
}

.Ra_articals-title {
  text-align: center !important;
}

div.app-inner.flex div.Ra_articals-title > span {
  margin: auto !important;
  background-color: #ff9149 !important;
}

/* product card */

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

/* .Ra_articals-item-text {
  color: #001849 !important;
} */

/* small top text product card  */

.s-product-card-entry .s-product-card-promotion-title {
  right: 0;
  top: 0;
  padding: 2px !important;
  color: #001849 !important;
  opacity: 0.7;
  background: #60b5ff;
}

.s-product-card-fit-height .s-product-card-image {
  max-height: initial !important;
}

/* img product card 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);
  }
}

.s-product-card-entry:hover img {
  animation: animate 0.6s linear;
}

/* hiddin contact btn */

.s-product-card-entry .card-buttons .contact-us {
  display: none !important;
}

/* product btns */

#submit-button,
.s-button-btn.s-button-element,
.raw-fixed-banner-content-text a,
.s-product-card-entry .card-buttons .custom-button {
  background: linear-gradient(90deg, #afddff 0%, #60b5ff 100%) !important;
  color: #001849 !important;
  border: none !important;
  font-size: 1.1rem !important;
}

/* footer */

.footer-is-light .store-footer .store-footer__inner {
  background: linear-gradient(90deg, #afddff 0%, #60b5ff 100%) !important;
  color: #001849 !important;
}

.s-menu-footer-item,
footer .unicode {
  color: #001849 !important;
}

.store-footer .s-contacts-title,
.store-footer h3 {
  color: #123660 !important;
  font-weight: 700;
  margin-bottom: 1rem;
}

.store-footer .s-contacts-icon svg {
  fill: #001849 !important;
}

/* title colors */

.product-single
  div.flex.items-center.justify-between.w-full
  > div:nth-child(1)
  > h1,
.Ra_articals-title,
.raw-fixed-banner-content-text h3,
.Ra_fqa_section .fqa-title h1,
.testimonials__title {
  text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #ff9149 0%,
    #3dadff 29%,
    #ff7900 67%,
    #66b8ff 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;
  font-weight: 800;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

/* fix features */

.s-block--features {
  text-align: center !important;
}

/* headin icon */

.feature-icon i {
  display: none;
}

/* fix blog */

.Ra_articals-item:before {
  background-color: rgb(110 188 255 / 49%) !important;
}

/* product page */

.product-single .details-slider img {
  object-fit: contain !important;
}

@media (max-width: 720px) {
  footer > div.store-footer__inner > div {
    display: block !important;
  }
  .s-product-card-entry .product-icons {
    display: none;
  }
}
.s-block--features img {
  margin: auto !important;
}