@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.slick-next {
    right: 0px !important;
}

.slick-prev {
    left: 0px !important;
}

.slick-next:before {
    content: unset !important;
}

.slick-prev:before {
    content: unset !important;
}

.slick-next, .slick-prev {
    background-color: transparent !important;
    border-radius: 0 !important;
    height: 104px !important;
    width: 50px !important;
    z-index: 8;
}


#defaultLayout, #guestLayout, #root, body, html {
    background-color: #f0f5f8 !important;
    color: #596675 !important;
    font-family: Inter !important;
}

p {
    color: #596675;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.top-0 {
    top: 0px;
}


.slider-wrapper input[type="range"] {
    width: 100%;
}

#slider-tooltip::after {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #4B7ECA transparent transparent transparent;
}

.card.active {
    border-color: #ffffff54;
    background-color: rgba(22, 22, 22, 0.1);
}

#slider-tooltip::after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 10%;
}

  
@media only screen and (max-width: 768px) {
    .active-link-icon {
        bottom: 0px !important;
        left: 45px !important;
    }
}

.slider-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 60px; /* Enough height to accommodate the dot */
}