.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}
@media (min-width: 576px) {
    .container {
        max-width: 576px
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}
@media (min-width: 1320px) {
    .container {
        max-width: 1320px
    }
}
.relative {
    position: relative
}
.mx-\[var\(--spacing-6\)\] {
    margin-left: var(--spacing-6);
    margin-right: var(--spacing-6)
}
.my-\[var\(--spacing-9\)\] {
    margin-top: var(--spacing-9);
    margin-bottom: var(--spacing-9)
}
.mb-0 {
    margin-bottom: 0px
}
.mt-\[var\(--spacing-3\)\] {
    margin-top: var(--spacing-3)
}
.flex {
    display: flex
}
.hidden {
    display: none
}
.w-full {
    width: 100%
}
.list-none {
    list-style-type: none
}
.flex-row {
    flex-direction: row
}
.flex-col {
    flex-direction: column
}
.items-center {
    align-items: center
}
.justify-between {
    justify-content: space-between
}
.gap-\[var\(--spacing-3\)\] {
    gap: var(--spacing-3)
}
.gap-\[var\(--spacing-6\)\] {
    gap: var(--spacing-6)
}
.bg-quaternary-200 {
    background-color: var(--quaternary-200)
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.py-\[24px\] {
    padding-top: 24px;
    padding-bottom: 24px
}
.pl-0 {
    padding-left: 0px
}
.pt-3 {
    padding-top: 0.75rem
}
.text-center {
    text-align: center
}
.text-\[7px\] {
    font-size: 7px
}
.text-sm {
    font-size: var(--font-sm)
}
.text-xs {
    font-size: var(--font-xs)
}
.font-regular {
    font-weight: 400
}
.font-semibold {
    font-weight: 600
}
.text-sectionBackground-txt {
    color: var(--SectionBackground-txt)
}

/* Auto-generated CSS for partials/site/footer/footer_bottom_menu.htm */

.before\:bg-quaternary-200::before {
    content: var(--tw-content);
    background-color: var(--quaternary-200)
}

@media not all and (min-width: 768px) {
    .max-md\:gap-\[var\(--spacing-9\)\] {
        gap: var(--spacing-9)
    }
}

@media (min-width: 768px) {
    .md\:\!flex-row {
        flex-direction: row !important
    }
}

@media (min-width: 1024px) {
    .lg\:\!text-sm {
        font-size: var(--font-sm) !important
    }
}