.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 !important;
}

.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;
}

.green-filter {
    filter: invert(86%) sepia(20%) saturate(540%) hue-rotate(56deg)
        brightness(95%) contrast(90%);
}

.purple-border {
    border: 1px solid #020249;
}

.book-a-clinic {
    width: max-content;
    padding: 7px 14px;
    background-color: #020249;
}

.book-a-clinic {
    border: 1px solid #020249;
    transition: 0.5s;
}

.book-a-clinic:hover {
    background-color: transparent;
    color: #020249 !important;
}

.book-a-clinic:hover svg {
    filter: invert(86%) sepia(20%) saturate(540%) hue-rotate(56deg)
        brightness(95%) contrast(90%);
}