@media (min-width: 1200px) {
    #hero {
        position: relative;
        z-index: 0;
    }

        #hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: url('/img/hero.svg');
            background-position: top right;
            background-repeat: no-repeat;
            background-size: 500px;
            z-index: -1;
        }
}

#final {
    position: relative;
    z-index: 0;
}

@media (min-width: 1200px) {
    #final::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url('/img/final-left.svg');
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 250px;
        z-index: -1;
    }
}

@media (min-width: 1200px) {
    #final::after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url('/img/final-right.svg');
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 250px;
        z-index: -1;
    }
}

footer {
    position: relative;
    z-index: 0;
}

    footer::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url('/img/footer-background.svg');
        background-position: center;
        background-size: cover;
        opacity: 0.1;
        z-index: -1;
    }

#footer-bottom {
    position: relative;
    z-index: 0;
}

@media (min-width: 1200px) {
    #footer-bottom::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url('/img/footer-bottom.svg');
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 250px;
        z-index: -1;
    }
}

.form-range::-webkit-slider-thumb {
    background-color: var(--bs-dark);
}

.form-range::-moz-range-thumb {
    background-color: var(--bs-dark);
}

.form-range::-ms-thumb {
    background-color: var(--bs-dark);
}

.active > .page-link, .page-link.active {
    color: var(--bs-pagination-active-color) !important;
    background-color: #212529;
    border-color: #212529;
}

.coverage-scroll {
    max-height: 16rem;
    overflow-y: auto;
    padding-right: 0.25rem;
}