.fit-height {
    height: fit-content !important;
}

.font-8 {
    font-size: 10px;
}

.font-8-real {
    font-size: 8px;
}

.font-10 {
    font-size: 12px;
}

.font-11 {
    font-size: 13px;
}

.font-12 {
    font-size: 14px;
}


.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 16px;
}

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-24 {
    font-size: 24px;
}

.font--30 {
    font-size:  30px;
}

.font-28 {
    font-size: 28px;
}

.light-black {
    color: rgba(204, 204, 204, 1);
}

.main-radius {
    border-radius: 15px;
}

.inherit {
    color: inherit;
}

.transition {
    transition: 0.3s;
}


.subtitles {
    font-family: yekan-extrabold;
    color: #020249;
    font-size: 24px;
}

.opaticy-5 {
    color: #888888;
}

.opaticy-6 {
    color: #555555;
}

.purple {
    color: #020249;
}

.max-width {
    width: max-content !important;
}

.orange {
    color: #FFB142;
}

.curve {
    border-radius: 20px;
}

.trans {
    background: transparent !important;
}

.opacity-1 {
    opacity: 0.1;
}