@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

body {
    font-family: "Inter", sans-serif;
    color: #0F172A;
}

.bg-custom { 
    background-color: #EFEFFA;
}

.bg-main {
    background-color: white;
    border-radius: 22px;
}

.bg-tab-container {
    background-color: #D9D9FF;
}

.nav-item .active {
    background-color: white !important;
    color: black !important;
}

.nav-item .nav-link {
    color: black !important;
    cursor: pointer;
}

.btn-custom {
    background-color: #494EDD;
    color: white;
    width: 150px;
    height: 50px;
}

.btn-custom:disabled, .btn-custom:hover  {
    color: white;
    opacity: 0.5;
}

.card-custom {
    border: 1px solid #CBD5E1;
    border-radius: 8px;
}

.swal2-title {
    font-family: "Inter", sans-serif;
    color: #0F172A;
}

.swal2-html-container {
    font-family: "Inter", sans-serif;
}

@media only screen and (min-width: 768px) {
    .nav-fill {
        max-width: 300px;
    }
}