* {
    font-family: "Manrope", "sans-serif";
}

@media (max-width: 767px) {
    .container {
        max-width: calc(100vw - 15px) !important;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: calc(100vw - 70px) !important;
    }
}

.topbar-menu {
    margin-right: auto !important;
    margin-left: auto !important;
}

#switch-language-checkbox {
    background-color: #eeeff0;
    border: 0px;
    /* width: 1.85rem;
    height: 1.2rem; */
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 59, 134, 1%29'/%3e%3c/svg%3e");
}

#switch-language-checkbox:checked {
    background-color: #eeeff0;
    border: 0px;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 59, 134, 1%29'/%3e%3c/svg%3e");
}

.text-hints-primary {
    color: #003b86;
}

.text-hints-info {
    color: #60697b;
}

.text-hints-secondary {
    color: #00a2de;
}

.bg-hints-soft-primary {
    background-color: #edf2fc;
}

.bg-hints-primary {
    background-color: #003b86;
}

.bg-hints-gray {
    background-color: #959CA9;
}

.btn-hints-primary {
    background-color: #003b86 !important;
}

.btn-hints-info {
    background-color: #E0E9FA !important;
    color: #003B86 !important;
}

.btn-hints-cancel {
    background-color: #EEEFF0 !important;
}

.btn-load-comment {
    background-color: #fff !important;
    color: #003B86 !important;
}

.btn-close-toast {
    color: '#308970' !important;
}

.btn-close-toast::before {
    background: rgba(0, 0, 0, 0) !important;
    color: #308970 !important;
}

.contact-us-btn {
    background: var(--blue-bg-pale-blue, #e0e9fa) !important;
    color: #003b86 !important;
    display: flex;
    padding: 11.5px 26px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border: 0px !important;
}

.certificate-licence {
    color: var(--brand-hints-tertiary, #ff910c);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: 0.12px;
}

.certificate-text {
    color: var(--border-card, #eceff3);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    /* 20.4px */
    letter-spacing: 0.12px;
}

.chat-container {
    z-index: 15;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
}

.stick {
    color: var(--brand-hints-primary, #003B86) !important;
}

.unstick {
    color: var(--text-white, #ffffff) !important;
}

/* .navbar-stick .hamburger {
    color: var(--brand-hints-primary, #003B86) !important;
}

.navbar .hamburger {
    color: var(--text-white, #ffffff) !important;
} */


@media screen and (max-width: 420px) {
    .chat-container {
        z-index: 15;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        position: fixed;
        bottom: 0.5rem;
        right: 0.5rem;
    }
}

.chat-button {
    font-size: 48px !important;
    width: 85px !important;
    height: 85px !important;
    background-color: #25d366 !important;
    color: #ffffff !important;
}

.footer-note {
    color: var(--neutral-gray-bs-gray-500, #959ca9);

    /* 12px - blockquote,footer/regular */
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%; /* 20.4px */
    letter-spacing: 0.12px;
}

.title {
    color: var(--neutral-bs-heading-color, #343f52);
    text-align: center;

    /* 22px - h3/bold */
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 30.8px */
    letter-spacing: 0.22px;
}

.subtitle {
    color: var(--neutral-bas-body-color, #60697b);
    text-align: center;

    /* 16px - lists, dropcap, link/regular */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%; /* 27.2px */
    letter-spacing: 0.16px;
}

.member-title {
    color: var(--brand-hints-primary, #003b86);

    /* 19px - h4/bold */
    font-family: Manrope;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 145%; /* 27.55px */
    letter-spacing: 0.19px;
}

.title-primary {
    color: var(--brand-hints-primary, #003b86);

    /* 36px - d4/bold */
    font-family: Manrope;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 46.8px */
    letter-spacing: 0.36px;
}

.description {
    color: var(--neutral-bas-body-color, #60697b);

    /* 21px - lead/regular */
    font-family: Manrope;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 33.6px */
    letter-spacing: 0.21px;
}

.btn-hints-outline-primary {
    border: 3px solid var(--brand-hints-primary, #003b86) !important;
}

.btn-hints-outline-primary:hover {
    background: var(--brand-hints-primary, #003b86) !important;
}

.btn-hints-outline-primary:not(.btn-gradient) {
    background: transparent !important;
    color: var(--brand-hints-primary, #003b86) !important;
}

.btn-hints-outline-primary:not(.btn-gradient):hover {
    background: var(--brand-hints-primary, #003b86) !important;
    color: var(--text-white, #ffffff) !important;
}

.btn-login-mobile:hover,
.btn-login-mobile:active,
.btn-login-mobile:focus {
    background: var(--brand-hints-primary, #003b86) !important;
    color: var(--text-white, #ffffff) !important;
}

.nav-link:focus,
.nav-link:hover,
.nav-link.active {
    color: var(--brand-nav-link-active-color, #003b86) !important;
}

.btn-type {
    width: 100px;
    height: 20px;
}