:root {
  --swiper-navigation-size: 1.6875rem !important;
  --swiper-theme-color: #006461 !important
}

@media (min-width: 640px) {

:root {
    --swiper-navigation-size: 2.5rem !important
}
  }

.custom-swiper-container{
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
}
.custom-swiper-container>div{
  width:20rem;
  margin:0.5rem 0.5rem;
}
@media (max-width: 1380px) {

.custom-swiper-container>div {
  width: 15rem;
}
}
@media (max-width: 1042px) {

.custom-swiper-container>div {
  width: 12rem;
}
}
@media (max-width: 450px) {

.custom-swiper-container>div {
  width: 18rem;
}
}
#top_slider .swiper-container {
  height: 14rem;
  border-radius: 0.75rem
}

@media (min-width: 640px) {

#top_slider .swiper-container {
    height: 32rem
}
  }

@media (min-width: 1024px) {

#top_slider .swiper-container {
    height: 36.975rem
}
  }

#top_slider .swiper-pagination-bullet {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  --bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  opacity: 0.75 !important
}

@media (min-width: 640px) {

#top_slider .swiper-pagination-bullet {
    height: 0.75rem;

    width: 0.75rem
}
  }

#top_slider .swiper-pagination-bullet-active {
  width: 1.25rem !important;
  border-radius: 9999px !important;
  --bg-opacity: 1 !important;
  background-color: #006461 !important;
  background-color: rgba(0, 100, 97, var(--bg-opacity)) !important;
  opacity: 1 !important
}

@media (min-width: 640px) {

#top_slider .swiper-pagination-bullet-active {
    width: 1.5rem !important
}
  }

#brands_slider .swiper-container {
  height: 4rem;
}

#brands_slider .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

/* .products_slider .swiper-container {
    @apply h-20rem;
  } */

.products_slider .swiper-slide {
  height: auto
}

.products_slider .swiper-slide:hover > a > .details-cover {
    opacity: 100%;
  }

.products_slider .swiper-slide > a > .details-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  will-change: opacity;
  transition: opacity 200ms ease-out;
  z-index: 1
}

.products_slider .swiper-slide > a > .details-cover > .details-cover__black-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    opacity: 75%;
  }

.products_slider .swiper-slide > a > .details-cover > .details-cover__details {
    padding: 1rem;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center
  }

.products_slider .swiper-slide > a > .details-cover > .details-cover__details > .details-cover__details__detail {
      text-align: center
    }

.products_slider .swiper-slide > a > .details-cover > .details-cover__details > .details-cover__details__detail:not(:last-child) {
        margin-bottom: 1rem;
      }

.products_slider .swiper-slide > a > .details-cover > .details-cover__details > .details-cover__details__detail > .details-cover__details__detail__title {
        --text-opacity: 1;
        color: #e2e8f0;
        color: rgba(226, 232, 240, var(--text-opacity));
      }

.products_slider .swiper-slide > a > .details-cover > .details-cover__details > .details-cover__details__detail > .details-cover__details__detail__value {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        font-weight: 700;
      }

.product-section {
    display: flex;
    align-items: center;
    padding-bottom: 0.5rem;
  }

.product-section::before {
    content: "";
    height: 2px;
    flex: 1 1 0%;
    --bg-opacity: 1;
    background-color: #006461;
    background-color: rgba(0, 100, 97, var(--bg-opacity));
  }

.product-section::after {
    content: "";
    height: 2px;
    flex: 1 1 0%;
    --bg-opacity: 1;
    background-color: #006461;
    background-color: rgba(0, 100, 97, var(--bg-opacity));
  }

.product-section span {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    font-size: 1.25rem;
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
    font-weight: 700
  }

@media (min-width: 640px) {

.product-section span {
      font-size: 1.5rem
  }
    }

.text-icon-hover-almas:hover {
  --text-opacity: 1;
  color: #006461;
  color: rgba(0, 100, 97, var(--text-opacity))
}

.text-icon-hover-almas:hover > div {
    --border-opacity: 1;
    border-color: #006461;
    border-color: rgba(0, 100, 97, var(--border-opacity));
  }

.text-icon-hover-almas:hover svg {
    --text-opacity: 1;
    color: #006461;
    color: rgba(0, 100, 97, var(--text-opacity));
  }