/* Custom Variables */
    :root {
        --vrs-primary: #1FA6E4;
        --vrs-secondary: #115A78;
        --vrs-secondary-dark: #0d4459;
    }

    /* Custom List Styling with checkmarks */
    .textmedia ul {
        margin: 2.1875rem 0;
        padding-left: 0;
    }

    .textmedia ul li {
        position: relative;
        list-style-type: none;
        margin-bottom: 1.5625rem;
        padding-left: 2.1875rem;
    }

    .textmedia ul li:after,
    .textmedia ul li:before {
        content: "";
        position: absolute;
        left: .125rem;
        top: .0625rem;
        height: 1.3125rem;
        width: .1875rem;
        margin: 0 1.25rem 0 .8125rem;
        transform: rotate(25deg) scaleX(.8);
        border-radius: .1875rem;
    }

    .textmedia ul li:before {
        background-color: var(--vrs-primary);
    }

    .textmedia ul li:after {
        background-color: var(--vrs-secondary);
        margin-left: .3125rem;
    }

    /* Tab Slider Animation */
    .filter-toggle__slide {
        position: relative;
        left: 0;
        top: -25px;
        height: 10px;
        width: 100%;
        pointer-events: none;
        z-index: 1;
    }

    .filter-toggle__slide::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #e0e0e0;
        top: 4px;
    }

    .filter-toggle__slide span {
        position: absolute;
        left: 0;
        height: 10px;
        width: 42px;
        background-color: var(--vrs-secondary);
        border-radius: 5px;
        transition: left 0.3s ease-in-out;
        z-index: 1;
    }

    /* Custom Utilities */
    .text-vrs-secondary {
        color: var(--vrs-secondary) !important;
    }

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

    .icon-vrs-secondary {
        color: var(--vrs-secondary);
    }

    .btn-vrs-primary {
        background-color: var(--vrs-secondary);
        border-color: var(--vrs-secondary);
        color: white;
    }

    .btn-vrs-primary:hover {
        background-color: var(--vrs-secondary-dark);
        border-color: var(--vrs-secondary-dark);
        color: white;
    }

    /* Typography overrides */
    body {
        font-family: 'Lato', Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        font-size: 1.0625rem;
        line-height: 1.5625rem;
    }

    a {
        color: #115A78;
        text-decoration: none;
    }

    a:hover {
        color: #0d4459;
        text-decoration: none;
    }

    li::marker {
        color: var(--bs-primary);
    }