:root {
    --bs-primary: #003299;
    --bs-primary-rgb: 0, 50, 153;
}

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active, .btn-primary.show {
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
    }

.btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

    .btn-outline-primary:hover {
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
    }

.text-primary {
    color: var(--bs-primary) !important;
}

.bg-faded-primary {
    background-color: rgba(0, 50, 153, 0.09) !important;
}

.navbar-tool-label {
    background-color: var(--bs-primary) !important;
}

a:hover, a:active, a:focus {
    color: var(--bs-primary) !important;
}

dropdown-item.active, .dropdown-item:active {
    color: var(--bs-primary) !important;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: var(--bs-primary) !important;
}

.form-control:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(0, 50, 153, 0.15) !important;
}

.tns-carousel [data-nav].tns-nav-active {
    background-color: var(--bs-primary) !important;
}

.page-wrapper {
    background-color: #F8F9FB;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

    .nav-tabs .nav-link.active::before {
        background-color: var(--bs-primary) !important;
    }

@media(max-width: 500px) {
    .d-sm-flex {
        text-align: center !important;
    }

        .d-sm-flex img {
            margin-bottom: 16px;
        }
}