@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

body {
  font-family: 'Poppins', sans-serif;
}
.hover-scale-102 {
    transition: transform 0.3s ease-in-out;
}

.hover-scale-102:hover {
    transform: scale(1.02);
}

.swiper-wrapper {
    height: max-content !important;
    padding-bottom: 56px;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    width: 196px !important;
    height: 2px;
    background-color: #D1D5DB;
    bottom: 21px;
}
@media (max-width: 1003px){
    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        bottom: 0px;
        margin-bottom: 10px;
    }
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    content: ' ';
}
.swiper-scrollbar-drag {
    width: 56px !important;
    background: #818CF8;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: var(--swiper-pagination-bottom,px);
    z-index: 10;
    color: transparent;
    left: 14px;
}
.swiper-pagination{
    color: var(--Colors-Prime-Gray-Prime-Gray-400, #9CA3AF);
    font-family: Manrope;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    position: absolute;
    display: flex;
    align-items: end;
    justify-content: end;
}
.swiper-pagination-current{
    color: white;
    font-family: Manrope;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 62px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '' !important;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: '' !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 24px !important;
    height: 24px !important;
}

.swiper-button-next,
.swiper-button-prev {
    position: relative !important;
}
#beforeImage {
    clip-path: inset(0 50% 0 0);
}

@keyframes pulse {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.05);
    }
  }