:root {
    --bs-primary: #E3B600;
    --bs-secondary: #06163A;
    --bs-dark-blue: #06163A;
    --bs-yellow: #E3B600;
    --bs-border-radius: 0.525rem;
    --bs-body-bg: #f4f5f5;
    --bs-font-family-sans-serif: "Inter", sans-serif;
    --bs-font-size-base: 2rem;
}

body {
    background-color: var(--bs-body-bg);
    font-family: var(--bs-font-family-sans-serif);
}

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

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.pill-red {
    background: var(--bs-secondary);
    color: #f25353;
    box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.75);
}

.pill-green {
    background: var(--bs-secondary);
    color: #41cf7c;
    box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.75);
}

.pill-yellow {
    background: var(--bs-secondary);
    color: #feb32b;
    box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.75);
}

.pill-small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 18px;
    padding: 0 5px;
    font-weight: 400;
    line-height: 18px;
    border-radius: 3px;
}

.logo {
    width: 100px;
    margin-right: 20px;
}

.nav-link {
    color: #192a3d;
}


.accordion-button:not(.collapsed) {
    color: #192a3d;
    background-color: #dfdfdf;
}

.accordion-button:focus {
    z-index: unset !important;
    outline: none !important;
    box-shadow: none !important;
}

.sidebar {
    position: sticky;
    top: 80px;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}

.testimonial-container {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 20px 0;
    gap: 15px;
}

.testimonial-container::-webkit-scrollbar {
    height: 8px;
}

.testimonial-container::-webkit-scrollbar-thumb {
    background: #ececec;
    border-radius: 10px;
}

.testimonial-card {
    flex: 0 0 300px;
    scroll-snap-align: start;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.two-columns {
    column-count: 2;
    column-gap: 20px;
}

.two-columns li {
    margin: 20px;
}

.card {
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04),
        9px 4px 10px 0px rgba(2, 69, 122, 0.03),
        19px 10px 13px 0px rgba(2, 69, 122, 0.02),
        35px 17px 15px 0px rgba(2, 69, 122, 0.01),
        54px 27px 17px 0px rgba(2, 69, 122, 0);
}