@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-Book.otf') format('otf'),
    url('/fonts/Futura Font Family 2/FuturaStd-Book.otf') format('otf');
    font-weight: 500;
}

@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/Futura.ttf') format('ttf'),
    url('/fonts/Futura Font Family 2/Futura.ttf') format('ttf');
    font-weight: 600;
}


/* Futura Standard (Std) */
@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-BookOblique.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-LightOblique.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-MediumOblique.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-BoldOblique.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-ExtraBoldOblique.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-Heavy.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('/fonts/Futura Font Family 2/FuturaStd-HeavyOblique.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
}

/* Futura Condensed */
@font-face {
    font-family: 'Futura Condensed';
    src: url('/fonts/Futura Font Family 2/FuturaStd-Condensed.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Condensed';
    src: url('/fonts/Futura Font Family 2/FuturaStd-CondensedBold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Condensed';
    src: url('/fonts/Futura Font Family 2/FuturaStd-CondensedLight.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

/* Futura Cyrillic */
@font-face {
    font-family: 'Futura Cyrillic';
    src: url('/fonts/Futura Font Family 2/FuturaCyrillicBook.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Cyrillic';
    src: url('/fonts/Futura Font Family 2/FuturaCyrillicBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Cyrillic';
    src: url('/fonts/Futura Font Family 2/FuturaCyrillicLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Cyrillic';
    src: url('/fonts/Futura Font Family 2/FuturaCyrillicExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* Basic usage in CSS */
body {
    font-family: 'Futura', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* For Cyrillic text */
.cyrillic {
    font-family: 'Futura Cyrillic', 'Futura', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* For condensed text */
.condensed {
    font-family: 'Futura Condensed', 'Futura', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}



* {
    font-family: 'Futura', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body,
.table td,
.table th,
.table tr,
select,
input,
.aside-dark .menu .menu-item .menu-link .menu-title,
.aside-dark .menu .menu-item .menu-link,
drop-icon,
a {
    color: #111 !important;
}

#kt_aside,
#kt_aside_logo {
    background: #FFFFFF;
}

.menu .menu-item .active,
.menu .menu-link .active,
.menu .menu-link:hover,
.menu-link:hover {
    border-radius: 0 10px 10px 0;
    width: 90%;
    background: linear-gradient(to right, #C8347E, #F26B3A);
    color: #FFFFFF !important;
}

.menu .menu-accordion .menu-link .active,
.menu .menu-accordion .menu-link:hover {
    border-radius: 0 10px 10px 0;
    width: 100%;
    background: linear-gradient(to right, #C8347E, #F26B3A);
    color: #FFFFFF !important;
}

.menu-item.menu-accordion {
    width: 90%;
    margin: 5px 0;
}

.menu-item .active,
.menu-item .active .menu-title {
    background: linear-gradient(to right, #C8347E, #F26B3A);
    color: #FFFFFF !important;
}

.aside-dark .menu .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #fff !important;
}

.aside.aside-dark .aside-toggle svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #000 !important;
}

.aside-dark .menu .menu-item .menu-link.active .menu-icon i,
.menu-item .menu-link .menu-bullet .active {
    color: #FFFFFF !important;
}

.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active),
.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) {
    transition: color .2s ease, background-color .2s ease;
    background: linear-gradient(to right, #C8347E, #F26B3A) !important;
    color: #fff;
    border-radius: 0 10px 10px 0;
}

.aside-dark .menu .menu-item.here>.menu-link,
.aside-dark .menu .menu-item.show>.menu-link {
    transition: color .2s ease, background-color .2s ease;
    background: linear-gradient(to right, #C8347E, #F26B3A) !important;
    color: #fff !important;
    border-radius: 0 10px 10px 0;
}

.aside-dark .menu .menu-item.here>.menu-link .menu-icon i,
.aside-dark .menu .menu-item.show>.menu-link .menu-icon i {
    color: #fff !important;
}

.aside-dark .menu .menu-item.here>.menu-link .menu-title,
.aside-dark .menu .menu-item.show>.menu-link .menu-title {
    color: #fff !important;
}

.aside-menu .menu .menu-sub:not([data-popper-placement])>.menu-item>.menu-content,
.aside-menu .menu .menu-sub:not([data-popper-placement])>.menu-item>.menu-link.active,
.sub-menu.active {
    transition: color .2s ease;
    background: #ffffff !important;
    color: #F1416C !important;
}

.aside-menu .menu .menu-sub:not([data-popper-placement])>.menu-item>.menu-content,
.aside-menu .menu .menu-sub:not([data-popper-placement])>.menu-item>.menu-link:hover,
.sub-menu:hover {
    transition: color .2s ease;
    background: #ffffff !important;
    color: #F1416C !important;
}

.aside-dark .menu .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: #F1416C;
}

.aside-dark .menu .menu-item .menu-link.active .menu-bullet .bi {
    color: #F1416C !important;
}

.auth_name {
    font-size: 14px;
    font-weight: 800;
    color: #000000;
}

.role p {
    color: #000000;
}

.menu-lg-row>.menu-item {
    width: 100%;
    font-size: 24px;
    color: #000;
}

.sub-menu .bi {
    color: #000000 !important;
}

.aside-dark .menu .menu-link:hover .bi {
    color: #FFFFFF !important;
}

.aside-dark .menu .here .active .bi {
    color: #FFFFFF !important;
}

.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title,
.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-title {
    color: #FFFFFF !important;
}

.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title,
.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-title {
    color: #FFFFFF !important;
}

.aside-menu .menu .menu-sub:not([data-popper-placement])>.menu-item>.menu-content,
.aside-menu .menu .menu-sub:not([data-popper-placement])>.menu-item>.menu-link.active>.menu-title {
    transition: color .2s ease;
    background: #ffffff !important;
    color: #F1416C !important;
}

.aside-menu .menu .menu-sub:not([data-popper-placement])>.menu-item>.menu-content,
.aside-menu .menu .menu-sub:not([data-popper-placement])>.menu-item>.menu-link:hover>.menu-bullet>.bi {
    transition: color .2s ease;
    color: #F1416C !important;
}

.aside-menu .menu .menu-sub:not([data-popper-placement])>.menu-item>.menu-content,
.aside-menu .menu .menu-sub:not([data-popper-placement])>.menu-item>.menu-link:hover>.menu-title {
    transition: color .2s ease;
    background: #ffffff !important;
    color: #F1416C !important;
}

.title-heading {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}

.title-subtitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
}
p{
    font-weight: 450; !important;
    font-size: 16px; !important;
    line-height: 21px; !important;
}
.subtext{
    font-weight: 450;
    font-size: 16px;
    line-height: 21px;
}

form .form-control:focus {
  border-color:  #C62676;
    box-shadow: 0 0 0 2px rgba(73, 19, 45, 0.2);  /* Creates a subtle pink glow */
    outline: none;
}

.fa,
.fas,
.far,
.fal,
.fab,
.fa-check {
    font-family: "Font Awesome 6 Free" !important;  /* or whichever FA version you're using */
}

/* If you're specifically targeting just the check icon */
.fa-check.text-success {
    font-family: "Font Awesome 6 Free" !important;
}

.main-wrapper {
    min-height: 70vh;
    background-color: #fff !important;
    flex: 1;
    border-radius: 0 10px 10px 0;
    padding: 20px !important;
}

.main-wrapper form {
    height: auto;
    margin-top: 25px;
    border-radius: 8px;
    border: 1px #CCCCCC solid;
    padding: 24px 15px;
}

.sidebar {
    background-color: white;
    padding: 10px 0 !important;
    border-right: 1px solid #eee;
    overflow-y: auto;
    border-radius: 10px 0 0 10px;
}

.nav-menu {
    list-style: none;
    padding: 10px 0;
}

.nav-item {
    margin-bottom: 8px;
}

.sidebar .nav-link {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    padding-left: 40px !important;
    color: #6B7280 !important;
    text-decoration: none;
    border-radius: 0 8px 8px 0;
    transition: background-color 0.2s;
    width: 90%;
    font-size: 14px;
}

.nav-link.active,
.nav-link:hover {
    background-color: #f6cfbe;
    color: #e67e4f !important;
}

.nav-link.active i,
.nav-link:hover i {
    color: #e67c4e;
}

.nav-link i {
    margin-right: 12px;
    font-size: 1.3rem;
    color: #929292;
}

.button-group {
    width: 100%;
    text-align: end;
    padding: 0;
}

.btn-profile,
.btn-profile-outlined {
    min-width: 100px;
    color: #FFFFFF !important;
    background: linear-gradient(to right, #C8347E, #F26B3A) !important;
    font-size: 13px;
    padding: 7px 15px !important;
    border-radius: 5px;
    border: 0 !important;
    margin-right: 10px;
}

.btn-profile-outlined {
    color: #F26B3A !important;
    background: transparent !important;
    border: 1px #F26B3A solid !important;
}

.button-group .btn-profile:hover {
    color: #FFFFFF !important;
}

#termsModal #termsModalLabel {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    margin-bottom: 15px;
}

#termsModal .modal-body p {
    font-size: 16px;
    font-weight: 450;
    line-height: 20.51px;
    text-align: left;
    margin-bottom: 10px;
}