:root{
    --bs-body-font-size: 1.1rem;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1450px;
    }
}
@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1500px;
    }
}
@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1700px;
    }
}

/*typography*/
.fs-6 {
    font-size: 1.1rem !important;
    line-height: 1.5;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-blue-secondary {
    background-color: #3C54B1;
}
.bg-primary {
    background-color: #0f1b4b !important;
}

/*btns*/
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3C54B1;
    --bs-btn-border-color: #3C54B1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dd3554;
    --bs-btn-hover-border-color: #dd3554;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dd3554;
    --bs-btn-active-border-color: #dd3554;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3C54B1;
    --bs-btn-disabled-border-color: #3C54B1;
}

.btn-outline-primary {
    --bs-btn-color: #3C54B1;
    --bs-btn-border-color: #3C54B1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dd3554;
    --bs-btn-hover-border-color: #dd3554;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dd3554;
    --bs-btn-active-border-color: #dd3554;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dd3554;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dd3554;
    --bs-gradient: none;
}

/*link*/
a:not(.btn, .nav-link, .btn-menu, .link-light, .link-dark, .text-decoration-none, .navbar-brand, .link-primary, .link-underline-light, .link-secondary) {
    color: #3c54b1;
    font-weight: 500;
    text-decoration: underline !important;
    text-underline-offset: 0.25em !important;
    text-decoration-color: RGBA(var(--bs-link-color-rgb), 0.25) !important;
}

a:not(.btn, .nav-link, .btn-menu, .link-light, .link-dark, .text-decoration-none, .navbar-brand, .link-primary, .link-underline-light .link-secondary):hover {
    color: #dd3554;
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb) !important;
    text-decoration-color: RGBA(var(--bs-link-hover-color-rgb), 1) !important;
}

.link-light {
    color: RGBA(var(--bs-light-rgb, var(--bs-link-opacity, 1)))!important;
    font-weight: 500;
    text-decoration: underline !important;
    text-underline-offset: 0.25em !important;
    text-decoration-color: RGBA(var(--bs-light-rgb), 0.25) !important;
}

.link-light:hover {
    color: RGBA(var(--bs-light-rgb, var(--bs-link-opacity, 1)));
    text-decoration-color: RGBA(var(--bs-light-rgb), 1) !important;
}

.link-dark {
    color: RGBA(var(--bs-dark-rgb, var(--bs-link-opacity, 1)));
    font-weight: 500;
    text-decoration: underline !important;
    text-underline-offset: 0.25em !important;
    text-decoration-color: RGBA(var(--bs-dark-rgb), 0.25) !important;
}
.link-dark:hover {
    color: #dd3554!important;
    text-decoration-color: #dd3554!important;
}

.link-secondary:hover {
    color: RGBA(var(--bs-dark-rgb, var(--bs-link-opacity, 1)));
    text-decoration-color: RGBA(var(--bs-dark-rgb), 1) !important;
}

.link-secondary {
    font-weight: 500;
    text-decoration: underline !important;
    text-underline-offset: 0.25em !important;
    text-decoration-color: RGBA(var(--bs-dark-rgb), 0.25) !important;
}

.link-secondary:hover {
    color: RGBA(var(--bs-dark-rgb, var(--bs-link-opacity, 1)));
    text-decoration-color: RGBA(var(--bs-dark-rgb), 1) !important;
}

/*nav*/
/*nav*/
.nav-pills {
    --bs-nav-pills-link-active-bg: #dd3554;
}
.nav-pills .nav-link {
    color: var(--bs-body-color);
}
.nav-pills  .nav-link:hover {
    color: #fff;
    background-color: #0f1b4b;
}
.nav-pills  .nav-link.active {
    color: #fff!important;
    background-color: #dd3554;
}

/*colors*/
.text-secondary {
    color: #3c54b1 !important;
}