:root {
    --system_primery_gredient1: #1357f2;
    --system_primery_gredient2: #4b76ff;
    --system_primary_gredient1: #1357f2;
    --system_primary_gredient2: #4b76ff;
    --system_primery_color: linear-gradient(110deg, #1357f2 0%, #4b76ff 100%);
    --system_primary_color: linear-gradient(110deg, #1357f2 0%, #4b76ff 100%);
    --system_secendory_color: #111827;
    --footer_background_color: #0b1220;
    --menu_text: #263249;
    --menu_hover_text: #1357f2;
    --system_primery_color_0: #1357f200;
    --system_primery_color_05: #1357f20d;
    --system_primery_color_07: #1357f212;
    --system_primery_color_08: #1357f214;
    --system_primery_color_10: #1357f21a;
    --system_primery_color_20: #1357f233;
    --system_primery_color_30: #1357f24d;
    --system_primery_color_50: #1357f280;
    --system_primery_color_60: #1357f299;
    --system_primery_color_70: #1357f2b3;
    --system_primary_color_0: #1357f200;
    --system_primary_color_05: #1357f20d;
    --system_primary_color_07: #1357f212;
    --system_primary_color_08: #1357f214;
    --system_primary_color_10: #1357f21a;
    --system_primary_color_20: #1357f233;
    --system_primary_color_30: #1357f24d;
    --system_primary_color_50: #1357f280;
    --system_primary_color_60: #1357f299;
    --system_primary_color_70: #1357f2b3;
}

a.heading-logo {
    width: 175px !important;
    max-width: 175px !important;
    height: auto !important;
    flex: 0 0 175px !important;
    margin-right: 18px !important;
}

a.heading-logo img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 175px !important;
    max-height: none !important;
    object-fit: contain;
}

.header__left .logo_img img,
.sidebar .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.theme_btn,
.theme-btn,
.primary-btn {
    box-shadow: 0 10px 24px rgba(19, 87, 242, 0.18);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(19, 87, 242, 0.35) !important;
    outline-offset: 3px;
}

@media (max-width: 1199px) {
    a.heading-logo {
        width: 154px !important;
        max-width: 154px !important;
        flex-basis: 154px !important;
        margin-right: 12px !important;
    }

    a.heading-logo img {
        max-width: 154px !important;
    }
}

@media (max-width: 575px) {
    a.heading-logo {
        width: 136px !important;
        max-width: 136px !important;
        flex-basis: 136px !important;
    }

    a.heading-logo img {
        max-width: 136px !important;
    }
}