:root {
    --bs-blue: #2D388C;
    --border-color: #dee2e6;
    --nav-color: rgba(0,0,0,.5);
}
.btn {
    padding: 10px 30px;
}
.btn-primary {
    background: var(--bs-blue);
    border-color: var(--bs-blue);
    transition: all .3s;
    border-radius: 50px;
}
.btn-primary:hover {
    background: #fff;
    border-color: #fff;
    color: #000;
}
.list-group-item.active {
    background: var(--bs-blue);
    border-color: var(--bs-blue);
}
h1,h2,h3,h4,h5,h6 {
    color: var(--bs-blue) !important;
}
.footer-nav {
    font-size: 80%;
    gap: 10px;
}
.footer-nav a {
    color: var(--nav-color);
}
.footer-nav a:hover {
    color: rgba(0,0,0,.7);;
}
body {
    min-height: 100vh;
}
.header {
    margin-bottom: 50px;
}
.col-left {
    border-bottom: 1px solid var(--border-color);
}
@media screen and (min-width: 768px) {
    .col-left {
        border-right: 1px solid var(--border-color);
        border-bottom: none;
    }
}

input,
select {
    color: #2d388c !important;
}