:root {
    --bs-light-rgb: 247, 250, 255;

}

.bg-gradient-colored {
    background: linear-gradient(167deg, rgba(239, 247, 247, 1) 43%, rgba(227, 240, 255, 1) 69%, rgba(206, 243, 244, 1) 100%);
}

.bg-gradient-primary {
    background: linear-gradient(50deg, var(--bs-primary) 0, var(--bs-primary-bg-subtle) 100%) !important;
}

.bg-gradient-primary-subtle {
    background: linear-gradient(137deg, var(--bs-primary-bg-subtle) 0, rgba(var(--bs-light-rgb)) 100%) !important;
}

.nav-link {
    color: black;
}

.lh-lg {
    line-height: 2.5 !important;
}

.diagonal-clip {
    clip-path: polygon(0 0%, 100% 0, 100% 90%, 0 100%);
}

@media (min-width: 768px) {
    .diagonal-clip {
        clip-path: polygon(0 0%, 100% 0, 100% 80%, 0 100%);
    }
}

.dropdown-toggle::after {
    display: inline-block;
    border: 0;
    font-family: bootstrap-icons !important;
    margin-left: .255em;
    vertical-align: .255em;
    content: "\f282";
    float: right;
}

.bg-navy {
    background-color: #1b2b53;
}