.py-64{
    padding-block: 5rem  !important;
}

.fw-medium{
    font-weight: 500;
}

.fw-semibold{
    font-weight: 600;
}

.fw-regular{
    font-weight: 400;
}

.text-lg {
    /* 18px */
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-normal {
    /* 16px */
    font-size: 1rem;
    line-height: 1.5rem;
}


.text-sm {
    /* 14px */
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-3xl {
    /* 28px */
    font-size: 1.75rem;
    line-height: 2.25rem;
}

.text-2xl {
    /* 24px */
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-xl {
    /* 20px */
    font-size: 1.25rem;
    line-height: 2rem;
}

.text-5xl {
    /* 40px */
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.text-4xl {
    /* 32px */
    font-size: 2rem;
    line-height: 2.5rem;
}


.mt-4{
    margin-top: .25rem;
}

.mb-4{
    margin-bottom: .25rem;
}

.mt-8{
    margin-top: .5rem;
}

.py-12{
    padding-block: .75rem;
}

.px-8{
    padding-inline: .5rem;
}

.black-50{
    color: #f6f6f6;
}

.black-100{
    color:#e7e7e7 ;
}

.black-200{
    color: #d1d1d1;
}

.black-300{
    color: #b0b0b0;
}

.black-400{
    color: #888888;
}

.black-500{
    color: #6d6d6d;
}

.black-600{
    color: #5d5d5d;
}

.black-700{
    color:#4f4f4f ;
}

.black-800{
    color: #454545;
}

.black-900{
    color: #3d3d3d;
}

.black-950{
    color: #222;
}

.bg-950{
    background-color: #222;
}

.chartreuse-400{
    color: #D8FC02 !important;
}

.chartreuse-300{
    color: #dbf545;
}

.chartreuse-500{
    color: #89a808;
}

.p-128{
    padding-block: 8rem;
}

.mt-32{
    margin-top: 2rem;
}

/* Swipper service */
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
  }
  

  @media only screen and (min-width: 769px) {
    .swiper-slide:first-child {
      transition: transform 100ms;
    }

    .swiper-slide:first-child img {
      transition: box-shadow 500ms;
    }

    .swiper-slide.swiper-slide-active:first-child {
      transform: translateX(50%);
      z-index: 2;
    }

    .swiper-slide.swiper-slide-active:first-child img {
      box-shadow: 0px 32px 80px rgba(0, 0, 0, 0.35);
    }

    .swiper-slide:nth-child(2) {
      transition: transform 100ms;
    }

    .swiper-slide.swiper-slide-next:nth-child(2) {
      transform: translateX(55%);
      z-index: 1;
    }

    .swiper[dir="rtl"] .swiper-slide.swiper-slide-active:first-child {
      transform: translateX(-50%);
    }

    .swiper[dir="rtl"] .swiper-slide.swiper-slide-next:nth-child(2) {
      transform: translateX(-55%);
    }
  }