@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
    font-family: 'Inter', sans-serif;
}

.btn-custom {
    background-color: #D9D9D9 !important;
    width: 138px;
    flex-shrink: 0;
    z-index: 999;
}

.btn-custom:hover {
    background-color: #FF662A !important;
    color: #F8F8F8 !important;
}

.custom-arrows {
    top: 50% !important;
    transform: translateY(-50%) !important;
    bottom: unset !important;
}

.z-index-custom {
    z-index: 999;
}

.bg-light-custom {
    background-color: #F8F8F8 !important;
}

.bg-white-custom {
    background-color: #FFFFFF !important;
}

.bg-custom-primary {
    background-color: #FF662A !important;
}

.bg-custom-secondary {
    background-color: #D9D9D9 !important;
}

.text-custom-primary {
    color: #FF662A !important;
}

.text-custom-secondary {
    color: #F8F8F8 !important;
}

.h-116 {
    height: 116px !important;
}

.h-11 {
    height: 11px !important;
}

.fs-50 {
    font-size: 50px !important;
}

.fs-7 {
    font-size: 0.875rem !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-9 {
    font-size: 9px !important;
}

.w-11 {
    width: 11px !important;
}

.w-50 {
    width: 50% !important;
}

.position-absolute-custom {
    position: absolute !important;
}

.border-top-radius-custom {
    border-top-left-radius: 35px !important;
    border-top-right-radius: 35px !important;
}


.border-radius-custom {
    border-radius: 35px !important;
}

.margin-top-negative-custom {
    margin-top: -30px
}

.border-bottom-custom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
}

.translate-y-custom {
    transform: translateY(-20%);
}

.translate-y-custom-footer {
    transform: translateY(4%);
}

.wrapper {
    position: relative;
}


.wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    display: flex;
    pointer-events: none;

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 1) 95%, rgba(255, 255, 255, 1) 100%);

}