html, body {
    font-family: 'Ubuntu';
    height: 100%;
    min-height: 100vh;
}

p {
    font-family: 'Ubuntu';
}

a, .btn-link {
    color: #006bb7;
}

.blazor-error-ui {
    display: none;
    position: fixed;
    bottom: 0;
    background: #333;
    color: white;
    width: 100%;
    padding: 1rem;
    z-index: 1000;
}

.blazor-error-ui.show {
    /* The Blazor runtime adds the `show` class via blazor.web.js when an unhandled error occurs. */
    display: block;
}

.blazor-error-ui .dismiss {
    cursor: pointer;
}

/* Link-style buttons - used for clickable elements that should look like links but prevent navigation */
.link-button {
    background: none;
    border: none;
    color: #006bb7;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
}

.link-button:hover {
    text-decoration: underline;
    color: #004d82;
}

.top-button-group {
    margin-bottom: 1rem;
}

/*Start of pdc css*/

.info-panel {
    border: 1px solid #000;
    margin-bottom: 1rem;
}

.panel-header {
    background-color: #162538;
    padding: 0.5rem;
    font-weight: bold;
    color: white;
}

.panel-content {
    padding: 0.5rem;
}

/* Compact Bootstrap Accordion Styling */

/* Smaller header with controlled height */
.accordion-button {
    padding: 0.75rem 1.25rem !important;
    min-height: 3.5rem !important;
    transition: none !important; /* Prevent size change on hover */
    background-color: #162538 !important;
    color: white !important;
}

/* Change accordion chevron to white */
.accordion-button::after {
    filter: brightness(0) invert(1);
}

/* For collapsed state too */
.accordion-button.collapsed::after {
    filter: brightness(0) invert(1);
}

/* Keep button from growing on hover/focus */
.accordion-button:hover,
.accordion-button:focus {
    transform: none !important;
    box-shadow: none !important;
}

/* Prevent background color change when not collapsed */
.accordion-button:not(.collapsed) {
    background-color: #f8f9fa;
    color: #212529;
    box-shadow: none;
    background-color: #162538;
    color: white;
}

/* Make the header title smaller */
.accordion-button .h2 {
    font-size: 1.25rem;
    font-weight: 500;
    margin: 0;
    line-height: 1.2;
}

/* Style the badge */
.accordion-button .badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    margin-left: 0.75rem;
    background-color: white;
    color: #162538;
}

/* Reduce padding in accordion body */
.accordion-body {
    padding: 1rem;
}

/* Improve spacing for card containers */
.goal-cards-container > :not(:last-child),
.point-cards-container > :not(:last-child) {
    margin-bottom: 1rem;
}

/* Adjust accordion item borders */
.accordion-item {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
    width: 60rem;
}

/* Custom arrow styling to keep it from moving */
.accordion-button::after {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
}

.abbreviations-grid {
    display: flex;
    justify-content: space-between;
}

.abbreviation-column {
    flex: 1;
}

.abbreviation-item {
    margin-bottom: 0.3rem;
}

.comments-info {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.mt-4 {
    margin-top: 1rem;
}


/* Base styling is preserved from your original CSS */

/* Global responsive adjustments */
@media (max-width: 1199px) {
    .accordion-item, .goal-card, .point-card {
        width: 100%;
        max-width: 55rem;
    }

    .nav-tabs {
        width: 100%;
        max-width: 700px;
    }
}

/* Tablet styles */
@media (max-width: 991px) {
    /* Tab navigation adjustments */
    .nav-tabs {
        display: flex;
        width: 100%;
    }

    .tab-item {
        flex: 1;
        text-align: center;
    }

    .nav-link {
        padding: 0.5rem 0.75rem;
        font-size: 14px;
    }

    /* Accordion adjustments */
    .accordion-button .h2 {
        font-size: 1.1rem;
    }

    /* Card containers */
    .goal-cards-container,
    .point-cards-container {
        width: 100%;
    }

    /* Detail sections */
    .detail-row {
        flex-direction: column;
    }

    /* Activity info section */
    .activity-info {
        flex-direction: column;
        gap: 10px;
    }

    /* Comment input */
    .comment-input {
        width: 100%;
    }

    /* Radio button groups */
    .radio-group {
        flex-direction: column;
        gap: 5px;
    }
}

/* Mobile styles */
@media (max-width: 767px) {
    /* Tab navigation for smaller screens */
    .nav-link {
        padding: 0.5rem 0.5rem;
        font-size: 13px;
    }

    /* Accordion header */
    .accordion-button {
        padding: 0.5rem 1rem;
        min-height: 3rem;
    }

        .accordion-button .h2 {
            font-size: 1rem;
        }

    /* Card headers */
    .goal-card-title,
    .point-card-title {
        font-size: 1rem;
    }

    /* Status options */
    .status-options {
        flex-wrap: wrap;
    }

    .status-option {
        margin-bottom: 5px;
    }

    /* Radio button layout for mobile */
    .radio-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 5px;
    }

    /* Activity rows for better mobile display */
    .activity-row {
        flex-direction: column;
        padding: 8px;
    }

    .activity-indicator,
    .activity-value,
    .activity-status,
    .activity-date {
        margin-right: 0;
        margin-bottom: 3px;
    }

    /* Footer elements */
    .goal-card-footer,
    .point-card-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .green-button {
        align-self: flex-end;
    }

    /* Category level on points card */
    .category-level {
        flex-direction: column;
        gap: 5px;
    }

    /* Comment input row */
    .input-comment-row {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Extra small devices */
@media (max-width: 575px) {
    .nav-tabs {
        padding-left: 0;
        padding-right: 0;
    }

    .nav-link {
        font-size: 12px;
        padding: 0.4rem 0.3rem;
    }

    .accordion-button .h2 {
        font-size: 0.9rem;
    }

    .accordion-body {
        padding: 0.5rem;
    }

    .point-drilled-down-details,
    .goal-drilled-down-details {
        padding: 0.5rem;
    }

    .status-updaters {
        padding: 0.5rem;
    }

    /* Make sure badges remain visible */
    .accordion-button .badge {
        padding: 0.2rem 0.4rem;
        font-size: 0.7rem;
    }

    /* Button styling for very small screens */
    button.green-button {
        width: 100%;
        margin-top: 5px;
    }
}

/* Utility classes for specific spacing on mobile */
@media (max-width: 767px) {
    .mt-4 {
        margin-top: 0.75rem;
    }

    .mb-4 {
        margin-bottom: 0.75rem;
    }

    .p-3 {
        padding: 0.75rem;
    }

    .my-4 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }
}

/* Add touchable area for radio buttons on mobile */
@media (max-width: 767px) {
    .status-option label {
        padding: 8px 0;
        min-width: 44px; /* Minimum touch target size */
    }
}

/* Ensure form elements and buttons are comfortable to use on touch screens */
@media (max-width: 991px) {
    input[type="text"],
    button {
        padding: 8px;
        min-height: 44px;
    }

    .green-button {
        padding: 8px 16px;
        min-height: 44px;
    }
}

/* Fix for potential scroll issues */
/* .tab-content-outer {
    overflow-x: hidden;
} */

/* Ensure images and icons scale properly */
img, svg {
    max-width: 100%;
    height: auto;
}

/* Fix for potential overflow issues in text fields */
.detail-value {
    word-break: break-word;
}
/*End of pdc css */


.page {
    min-height: 50vh;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
/*    padding-left: 0 !important;*/
}

.px-4 {
/*    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;*/
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.yellow-button {
    background-color: #F4D577;
    border: 1px solid #F4D577;
    width: auto;
    height: auto;
    padding: 4px 8px 4px 8px;
    gap: 4px;
    border-radius: 4px;
    border: 1px;
    color: black;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.green-button {
    background-color: #5FCE94;
    border: 1px solid #5FCE94;
    width: auto;
    height: auto;
    padding: 4px 8px 4px 8px;
    gap: 4px;
    border-radius: 4px;
    border: 1px;
    color: black;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.red-button {
    background-color: #EB3323;
    border: 1px solid #EB3323;
    width: auto;
    height: auto;
    padding: 4px 8px 4px 8px;
    gap: 4px;
    border-radius: 4px;
    border: 1px;
    color: black;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.purple-button {
    background-color: #989BF8;
    border: 1px solid #989BF8;
    width: auto;
    height: auto;
    padding: 4px 8px 4px 8px;
    gap: 4px;
    border-radius: 4px;
    border: 1px;
    color: black;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

/* Table styling */
.points-grid-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.25rem;
}

/* Header row: dark background, white text */
.points-grid-table thead tr {
    background-color: #162538;
    color: #fff;
}

.points-grid-table th,
.points-grid-table td {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid #ccc;
    font-family: 'Ubuntu';
}

/* Hover highlight for table rows */
.points-grid-table tbody tr:hover {
    background-color: #f5f5f5;
}

.goal-selector {
    gap: 0px !important;
    height: auto !important;
    border-radius: 5px !important;
    border: 1px solid #BAB3B3 !important;
    box-shadow: 0px 4px 4px 0px #00000040 !important;
}

button:not(.dropdown-button) {
    transition: transform 0.2s ease;
    transform-origin: center; /* Prevents distortions */
}

button:not(.dropdown-button):hover {
    transform: scale(1.05) translate3d(0, 0, 0);
}

.tooltip-icon {
    background-color: #5FCE94;
    color: black;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
/*    margin-left: 1rem;*/
}

.tooltip-icon:hover::after {
    width: 97px;
    height: 31px;
    top: 156px;
    left: 511px;
    padding: var(--sds-size-space-200) var(--sds-size-space-300) var(--sds-size-space-200) var(--sds-size-space-300);
    gap: var(--sds-size-space-0);
    border-radius: var(--sds-size-radius-200);
    border: var(--sds-size-stroke-border);
    opacity: 0px;
    background: var(--Background-Default-Default, #FFFFFF);
    border-top: 1px solid var(--Border-Default-Default, #D9D9D9);
    box-shadow: 0px 1px 4px 0px #0C0C0D0D;
    box-shadow: 0px 1px 4px 0px #0C0C0D1A;
}

.form-group {
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: 1.5rem;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: .5rem;
    align-items: center;
}

label, input {
    font-family: 'Ubuntu';
}

.form-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
}


.button-group {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 1rem;
}

.radio, .textarea, .checkbox {
    align-items: flex-start;
}

.checkbox-item {
    display: flex;
    align-items: center;
}

.checkbox-item label {
    margin-left: .5rem;
}

.text textarea {
    height: auto !important;
}

label, input {
    font-family: 'Ubuntu';
}

.input-check-group {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.banner-content {
    display: flex;
    justify-content: space-between;
    align-items: anchor-center;
    width: 100%;
}

.modal-content {
    width: 700px;
}

.modal-header {
    background-color: #162538;
    color: white;
}

.modal-content {
    width: 700px !important;
}

.activity-link {
    text-decoration: none;
}

.file-input-zone {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: blue;
    color: white;
    cursor: pointer;
    position: relative;
    width: 120px;
    height: 30px;
}

.file-input-zone:hover {
    background-color: lightblue;
}

.file-input-zone input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.file-upload-button, .select-file-button {
    background-color: #5FCE94 !important;
    height: 28px;
    width: auto;
    border-radius: 4px;
    box-shadow: 0px 0px 0px 0px #00000000;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
}


.fa-upload {
    font-size: 18px;
    padding-left: .5rem;
}

.file-drop-zone {
    width: 320px;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.select-file-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-left: .5rem;
    padding-right: .5rem;
}

.select-file-text-caption {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    padding-top: .5rem;
}

.file-drop-zone-group {
    align-items: flex-start;
    padding-top: 1rem;
}

.select-file-text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
}

.fa-arrow-up-from-bracket {
    color: #d3d3d3;
}

.select-file-button:hover {
    cursor: pointer;
}

.replace-file-text {
    font-family: 'Ubuntu';
}


/* Container for the overall grid section */
.points-grid-container {
    max-width: 1318px;
    margin: 0 auto;
    margin-top: 5rem;
}

/* Header area with the title and top-right actions */
.points-grid-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

    .points-grid-header h2 {
        margin: 0;
        font-size: 1.25rem;
    }

/* Buttons at the top right */
.points-grid-actions button {
    margin-left: 0.5rem;
}

/* Basic button styling (green & outline) */
.btn-green {
    background-color: #28a745;
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s;
}

    .btn-green:hover {
        background-color: #23963b;
    }

.btn-outline {
    background-color: transparent;
    border: 2px solid #28a745;
    color: #28a745;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s;
}

    .btn-outline:hover {
        background-color: #28a745;
        color: #fff;
    }

.stats-group p,
.legend-group p,
.legend-group li,
.pdc-info p {
    margin: 0.25rem 0;
}

/* Legend styling */
.legend-group ul {
    list-style: none;
    padding: 0;
    margin: 0.25rem 0;
}

.legend-group li {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;
}

/* Colored dots in the legend */
.legend-square {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    margin-right: .5rem;
}

.legend-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: .5rem;
    color: black !important;
}

.not-submitted {
    background-color: #5FCE94;
}

.saved {
    background-color: #EB3323;
}

.returned {
    background-color: #EB3323;
}

.approved {
    background-color: #5FCE94;
}

.approved-old-points {
    background-color: #989BF8;
}

.old-points {
    background-color: #989BF8;
}

/* �View Previous Activity Points� button alignment */
.view-previous {
    display: block;
    margin: 0.5rem 0 0 auto;
}

.points-grid-conatiner-header-left {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 37rem;
}

.colors-legend li {
    list-style-type: none;
}

.points-summary {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

.stats-group, .pdc-info {
    border: 1px solid #D9D9D9;
    width: 342px;
    height: 130px;
    font-family: 'Ubuntu';
    font-size: 14px;
    font-weight: 400;
    line-height: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 1rem;
    padding-left: .25rem;
}

.legend-master {
    display: flex;
    flex-direction: row;
    font-family: 'Ubuntu';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border: 1px solid #D9D9D9;
    width: 611px;
    height: 130px;
    align-items: center;
}


.point-data {
    width: 27px;
    height: 32px;
    border-radius: 8px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
}


.points-table-data-row {
    /*    border: 1px solid #ccc;*/
}

.transcripts-table {
    width: 100%;
    font-family: 'Ubuntu';
}

.modal-content {
    width: 700px;
}

.transcript-table-header {
    background-color: #D9D9D9;
}

.modal-header {
    background-color: #162538;
    color: white;
}

.search-container-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between; /* Aligns search box to the right */
    align-items: center;
    height: 100%
}

.total-points-upper {
    padding-left: 1rem;
    font-size: 1.5rem;
}

.search-container {
    position: relative;
    width: 300px; /* Ensures fixed width */
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.search-box {
    width: 100%; /* Takes full width of parent container (300px) */
    height: 40px;
    padding: 10px 35px 10px 40px; /* Extra left padding for the icon */
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box; /* Prevents padding from increasing the width */
}

.search-icon {
    position: absolute;
    left: 12px; /* Adjust icon position */
    top: 50%;
    transform: translateY(-50%);
    color: gray;
    font-size: 16px;
}

.outer-search-wrapper {
    width: auto;
    height: 67px;
    top: 632px;
    left: 70px;
    gap: 0px;
    border: 1px solid #D9D9D9
}

.legend-list {
    list-style-type: none;
    padding: 0;
    margin-left: 1rem;
}

    .legend-list li {
        display: flex;
        align-items: center;
        position: relative;
        margin: 10px 0;
    }

.legend-square {
    display: inline-block;
    position: relative;
    cursor: pointer;
}


/* Tooltip styling */
.tooltip-text {
    visibility: hidden;
    background-color: #162538;
    color: #fff;
    text-align: left;
    padding: 6px 10px;
    border-radius: 4px;
    position: absolute;
    bottom: calc(100% + 10px); /* Position above the icon with 10px spacing */
    left: 50%;
    transform: translateX(-50%); /* Center horizontally */
    font-size: 14px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    z-index: 1000;
    width: 157px; /* Fixed width */
    white-space: normal; /* Allows text wrapping */
    word-wrap: break-word; /* Ensures words wrap properly */
    overflow-wrap: break-word; /* Alternative for word wrapping */
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.tooltip-container {
    position: relative; /* Important! */
    display: inline-block;
}



/* Tooltip arrow - now points at the legend square */
.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%; /* Moves arrow to bottom of tooltip */
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: #222 transparent transparent transparent;
}

/* Show tooltip on hover */
.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}


.activity-link-button {
    background: none;
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    text-align: left;
}


.activity-row {
    display: flex;
    background-color: #F4D577;
    padding: 5px;
    margin-bottom: 5px;
}

.activity-indicator {
    margin-right: 10px;
}

.activity-value {
    flex-grow: 1;
}

.activity-status {
    margin-right: 10px;
}

.activity-date {
    color: #6c757d;
    font-size: 0.9rem;
}

.form-header {
    margin-bottom: 1rem;
}


.leave-requests-outer-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.leave-requests-inner-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-width: 700px;
    width: 100%;
}










/* Fix for file input elements across all screen sizes */
.custom-file {
    position: relative;
    display: inline-block;
}

.custom-file-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-file-label {
    margin-bottom: 0;
    cursor: pointer;
}




/*Login, forgot password, password reset page css from legacy site*/

article {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -.1em !important;
    background: 0 0 !important;
    padding: 0 !important
}

:root {
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-20: #005a87
}

.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border: none;
    border-radius: 28px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word
}

    .wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
        color: #fff
    }

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word
}

@media (max-width:599px) {
    .wp-block-column {
        flex-basis: 100% !important
    }
}

@media (min-width:600px) and (max-width:781px) {
    .wp-block-column {
        flex-basis: calc(50% - 16px) !important;
        flex-grow: 0
    }

        .wp-block-column:nth-child(2n) {
            margin-left: 32px
        }
}

@media (min-width:782px) {
    .wp-block-column {
        flex-basis: 0;
        flex-grow: 1
    }

        .wp-block-column[style*=flex-basis] {
            flex-grow: 0
        }

        .wp-block-column:not(:first-child) {
            margin-left: 32px
        }
}

.wp-block-cover, .wp-block-cover-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    min-height: 430px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px
}

@supports (-webkit-overflow-scrolling:touch) {
    .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

.wp-block-cover-image:after, .wp-block-cover:after {
    display: block;
    content: "";
    font-size: 0;
    min-height: inherit
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wp-block-cover-image:after, .wp-block-cover:after {
        content: none
    }
}

.wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center {
    align-items: flex-start;
    justify-content: center
}

.wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right {
    align-items: flex-start;
    justify-content: flex-end
}

.wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center {
    align-items: center;
    justify-content: center
}

.wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right {
    align-items: center;
    justify-content: flex-end
}

.wp-block-cover-image-text, .wp-block-cover-text {
    color: #fff
}

    .wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover {
        color: #fff
    }

.wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover-image-text {
    font-size: 2em;
    line-height: 1.25;
    z-index: 1;
    margin-bottom: 0;
    max-width: 580px;
    padding: 14px;
    text-align: center
}

.wp-block[data-align=left] > [data-type^=core-embed], .wp-block[data-align=right] > [data-type^=core-embed] {
    max-width: 360px;
    width: 100%
}

.wp-block-embed {
    margin-bottom: 1em
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start
    }
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
        width: auto
    }
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
        height: 100%;
        flex: 1;
        object-fit: cover
    }
}

.wp-block-image {
    margin-bottom: 1em
}

    .wp-block-image img {
        max-width: 100%
    }

.is-style-rounded img {
    border-radius: 9999px
}

@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
    .is-style-circle-mask img {
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-mode: alpha;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        border-radius: 0
    }
}

.wp-block-media-text { /*!rtl:begin:ignore*/
    direction: ltr; /*!rtl:end:ignore*/
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 1fr;
    grid-template-columns: 50% 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

    .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media {
        -ms-grid-row-align: center;
        align-self: center
    }

    .wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1; /*!rtl:end:ignore*/
        margin: 0
    }

    .wp-block-media-text .wp-block-media-text__content {
        direction: ltr; /*!rtl:begin:ignore*/
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1; /*!rtl:end:ignore*/
        padding: 0 8%;
        word-break: break-word
    }

.wp-block-media-text__media img {
    max-width: unset;
    width: 100%;
    vertical-align: middle
}

.is-large-text {
    font-size: 36px
}

.wp-block-post-author {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.5
}

.wp-block-post-author__content {
    flex-grow: 1;
    flex-basis: 0
}

.wp-block-post-author__name {
    font-weight: 700;
    margin: 0
}

.wp-block-search {
    display: flex;
    flex-wrap: wrap
}

    .wp-block-search .wp-block-search__label {
        width: 100%
    }

    .wp-block-search .wp-block-search__input {
        flex-grow: 1;
        max-width: 360px
    }

    .wp-block-search .wp-block-search__button {
        margin-left: 10px
    }

.wp-block-table {
    overflow-x: auto
}

    .wp-block-table table {
        width: 100%
    }

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wp-block-video [poster] {
        object-fit: cover
    }
}

@font-face {
    font-family: slick;
    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=?#iefix) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,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) format("truetype"),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0 !important;
    padding: 0 !important;
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

a {
    background-color: transparent
}

b {
    font-weight: bolder
}

img {
    border-style: none
}

button, input, select {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

dl, h1, h2, h3, h4, h5, h6, p {
    margin: 0
}

button {
    background-color: transparent;
    background-image: none
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

ul {
    margin: 0;
    padding: 0
}

ul {
    list-style: none
}

html {
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
    line-height: 1.5
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 solid #c7c6c6
}

img {
    border-style: solid
}

input::-webkit-input-placeholder {
    color: #a0aec0
}

input::-moz-placeholder {
    color: #a0aec0
}

input::-ms-input-placeholder {
    color: #a0aec0
}

input::placeholder {
    color: #a0aec0
}

[role=button], button {
    cursor: pointer
}

table {
    border-collapse: collapse
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

button, input, select {
    padding: 0;
    line-height: inherit;
    color: inherit
}

canvas, embed, img, svg {
    display: block;
    vertical-align: middle
}

img {
    max-width: 100%;
    height: auto
}

.ll-bg-white {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255,255,255,var(--bg-opacity)) !important
}

.ll-bg-gray-100 {
    --bg-opacity: 1 !important;
    background-color: #eae8e9 !important;
    background-color: rgba(234,232,233,var(--bg-opacity)) !important
}

.ll-bg-gray-200 {
    --bg-opacity: 1 !important;
    background-color: #e1e0e1 !important;
    background-color: rgba(225,224,225,var(--bg-opacity)) !important
}

.ll-bg-gray-300 {
    --bg-opacity: 1 !important;
    background-color: #c7c6c6 !important;
    background-color: rgba(199,198,198,var(--bg-opacity)) !important
}

.ll-bg-gray-500 {
    --bg-opacity: 1 !important;
    background-color: #444 !important;
    background-color: rgba(68,68,68,var(--bg-opacity)) !important
}

.ll-bg-primary {
    --bg-opacity: 1 !important;
    background-color: #01d28e !important;
    background-color: rgba(1,210,142,var(--bg-opacity)) !important
}

.ll-bg-secondary {
    --bg-opacity: 1 !important;
    background-color: #f5b700 !important;
    background-color: rgba(245,183,0,var(--bg-opacity)) !important
}

.ll-bg-secondary-light {
    --bg-opacity: 1 !important;
    background-color: #f9d466 !important;
    background-color: rgba(249,212,102,var(--bg-opacity)) !important
}

.ll-bg-third {
    --bg-opacity: 1 !important;
    background-color: #122539 !important;
    background-color: rgba(18,37,57,var(--bg-opacity)) !important
}

.ll-bg-third-medium {
    --bg-opacity: 1 !important;
    background-color: #415161 !important;
    background-color: rgba(65,81,97,var(--bg-opacity)) !important
}

.hover\:ll-bg-gray-200:hover {
    --bg-opacity: 1 !important;
    background-color: #e1e0e1 !important;
    background-color: rgba(225,224,225,var(--bg-opacity)) !important
}

.hover\:ll-bg-primary:hover {
    --bg-opacity: 1 !important;
    background-color: #01d28e !important;
    background-color: rgba(1,210,142,var(--bg-opacity)) !important
}

.hover\:ll-bg-primary-dark:hover {
    --bg-opacity: 1 !important;
    background-color: #11a872 !important;
    background-color: rgba(17,168,114,var(--bg-opacity)) !important
}

.ll-bg-center {
    background-position: 50% !important
}

.ll-bg-top {
    background-position: top !important
}

.ll-bg-no-repeat {
    background-repeat: no-repeat !important
}

.ll-bg-fixed {
    background-attachment: fixed !important
}

.ll-bg-70 {
    background-size: 70% !important
}

.ll-bg-cover {
    background-size: cover !important
}

.ll-bg-full {
    background-size: 100% !important
}

.ll-rounded {
    border-radius: .25rem !important
}

.ll-rounded-lg {
    border-radius: .5rem !important
}

.ll-rounded-xl {
    border-radius: 1rem !important
}

.ll-rounded-2xl {
    border-radius: 2rem !important
}

.ll-rounded-4xl {
    border-radius: 4rem !important
}

.ll-rounded-full {
    border-radius: 9999px !important
}

.ll-rounded-t-2xl {
    border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important
}

.ll-rounded-t-full {
    border-top-right-radius: 9999px !important
}

.ll-rounded-l-full, .ll-rounded-t-full {
    border-top-left-radius: 9999px !important
}

.ll-rounded-l-full {
    border-bottom-left-radius: 9999px !important
}

.ll-rounded-br-4xl {
    border-bottom-right-radius: 4rem !important
}

.ll-block {
    display: block !important
}

.ll-inline-block {
    display: inline-block !important
}

.ll-inline {
    display: inline !important
}

.ll-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.ll-hidden {
    display: none !important
}

.ll-flex-col {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.ll-flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.ll-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.ll-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.ll-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.ll-justify-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.ll-justify-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.ll-flex-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 0% !important;
    flex: 1 1 0% !important
}

.ll-font-primary {
    font-family: moret,sans-serif !important
}

.ll-font-secondary {
    font-family: brandon-grotesque,sans-serif !important
}

.ll-font-third {
    font-family: din-condensed,sans-serif !important
}

.ll-font-light {
    font-weight: 300 !important
}

.ll-font-normal {
    font-weight: 400 !important
}

.ll-h-1 {
    height: .25rem !important
}

.ll-h-4 {
    height: 1rem !important
}

.ll-h-6 {
    height: 1.5rem !important
}

.ll-h-8 {
    height: 2rem !important
}

.ll-h-10 {
    height: 2.5rem !important
}

.ll-h-12 {
    height: 3rem !important
}

.ll-h-16 {
    height: 4rem !important
}

.ll-h-20 {
    height: 5rem !important
}

.ll-h-24 {
    height: 6rem !important
}

.ll-h-28 {
    height: 7rem !important
}

.ll-h-32 {
    height: 8rem !important
}

.ll-h-36 {
    height: 9rem !important
}

.ll-h-40 {
    height: 10rem !important
}

.ll-h-48 {
    height: 12rem !important
}

.ll-h-52 {
    height: 13rem !important
}

.ll-h-64 {
    height: 16rem !important
}

.ll-h-80 {
    height: 20rem !important
}

.ll-h-88 {
    height: 22rem !important
}

.ll-h-96 {
    height: 24rem !important
}

.ll-h-120 {
    height: 30rem !important
}

.ll-h-152 {
    height: 38rem !important
}

.ll-h-auto {
    height: auto !important
}

.ll-h-full {
    height: 100% !important
}

.ll-h-3\/4 {
    height: 75% !important
}

.ll-text-xxs {
    font-size: .65rem !important
}

.ll-text-xs {
    font-size: .75rem !important
}

.ll-text-sm {
    font-size: .875rem !important
}

.ll-text-lg {
    font-size: 1.5rem !important
}

.ll-text-xl {
    font-size: 2rem !important
}

.ll-text-2xl {
    font-size: 2.5rem !important
}

.ll-mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.ll-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.ll--mx-4 {
    margin-left: -1rem !important;
    margin-right: -1rem !important
}

.ll-mb-0 {
    margin-bottom: 0 !important
}

.ll-mb-2 {
    margin-bottom: .5rem !important
}

.ll-mb-4 {
    margin-bottom: 1rem !important
}

.ll-mb-6 {
    margin-bottom: 1.5rem !important
}

.ll-mb-8 {
    margin-bottom: 2rem !important
}

.ll-mb-12 {
    margin-bottom: 3rem !important
}

.ll-mb-24 {
    margin-bottom: 6rem !important
}

.ll--mb-24 {
    margin-bottom: -6rem !important
}

.ll-max-w-xs {
    max-width: 20rem !important
}

.ll-max-w-xl {
    max-width: 36rem !important
}

.ll-max-w-4xl {
    max-width: 56rem !important
}

.ll-max-w-full {
    max-width: 100% !important
}

.ll-min-h-screen {
    min-height: 100vh !important
}

.ll-overflow-hidden {
    overflow: hidden !important
}

.ll-p-1 {
    padding: .25rem !important
}

.ll-p-2 {
    padding: .5rem !important
}

.ll-p-4 {
    padding: 1rem !important
}

.ll-p-12 {
    padding: 3rem !important
}

.ll-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.ll-py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.ll-px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.ll-py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.ll-px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.ll-py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.ll-px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.ll-py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.ll-px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.ll-py-24 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}

.ll-py-40 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important
}

.ll-pb-0 {
    padding-bottom: 0 !important
}

.ll-pt-4 {
    padding-top: 1rem !important
}

.ll-pt-8 {
    padding-top: 2rem !important
}

.ll-pt-12 {
    padding-top: 3rem !important
}

.ll-pb-12 {
    padding-bottom: 3rem !important
}

.ll-pt-20 {
    padding-top: 5rem !important
}

.ll-pt-24 {
    padding-top: 6rem !important
}

.ll-pb-24 {
    padding-bottom: 6rem !important
}

.ll-pt-48 {
    padding-top: 12rem !important
}

.ll-pt-full {
    padding-top: 100% !important
}

.ll-fixed {
    position: fixed !important
}

.ll-relative {
    position: relative !important
}

.ll-top-0 {
    top: 0 !important
}

.ll-right-0 {
    right: 0 !important
}

.ll-top-4 {
    top: 1rem !important
}

.ll-right-4 {
    right: 1rem !important
}

.ll-top-8 {
    top: 2rem !important
}

.ll-right-8 {
    right: 2rem !important
}

.ll-top-12 {
    top: 3rem !important
}

.ll-right-12 {
    right: 3rem !important
}

.ll-right-16 {
    right: 4rem !important
}

.ll-right-20 {
    right: 5rem !important
}

.ll-top-24 {
    top: 6rem !important
}

.ll-right-24 {
    right: 6rem !important
}

.ll-right-28 {
    right: 7rem !important
}

.ll-right-32 {
    right: 8rem !important
}

.ll-top-44 {
    top: 11rem !important
}

.ll-top-64 {
    top: 16rem !important
}

.ll-top-76 {
    top: 19rem !important
}

.ll-top-96 {
    top: 24rem !important
}

.ll-top-120 {
    top: 30rem !important
}

.ll-top-124 {
    top: 31rem !important
}

.ll-top-152 {
    top: 38rem !important
}

.ll-top-196 {
    top: 48rem !important
}

.ll-top-204 {
    top: 50rem !important
}

.ll-top-208 {
    top: 51rem !important
}

.ll-top-224 {
    top: 55rem !important
}

.ll-top-232 {
    top: 57rem !important
}

.ll-top-264 {
    top: 65rem !important
}

.ll-top-276 {
    top: 68rem !important
}

.ll-top-300 {
    top: 74rem !important
}

.ll-top-304 {
    top: 77rem !important
}

.ll-top-332 {
    top: 98rem !important
}

.ll-top-348 {
    top: 110rem !important
}

.ll-top-364 {
    top: 122rem !important
}

.ll-top-392 {
    top: 143rem !important
}

.ll-top-396 {
    top: 144rem !important
}

.ll-top-440 {
    top: 177rem !important
}

.ll-top-444 {
    top: 180rem !important
}

.ll-top-472 {
    top: 201rem !important
}

.ll-top-480 {
    top: 207rem !important
}

.ll-top-508 {
    top: 228rem !important
}

.ll-top-512 {
    top: 231rem !important
}

.ll-top-552 {
    top: 258rem !important
}

.ll-top-588 {
    top: 285rem !important
}

.ll-top-1\/2 {
    top: 50% !important
}

.ll-right-1\/2 {
    right: 50% !important
}

.ll--top-4 {
    top: -1rem !important
}

.ll--right-4 {
    right: -1rem !important
}

.ll--right-8 {
    right: -2rem !important
}

.ll--top-12 {
    top: -3rem !important
}

.ll--right-12 {
    right: -3rem !important
}

.ll--right-16 {
    right: -4rem !important
}

.ll--right-20 {
    right: -5rem !important
}

.ll--top-24 {
    top: -6rem !important
}

.ll--right-24 {
    right: -6rem !important
}

.ll--right-28 {
    right: -7rem !important
}

.ll--top-48 {
    top: -12rem !important
}

.ll-shadow {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) !important
}

.ll-shadow-md {
    -webkit-box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06) !important
}

.ll-shadow-2xl {
    -webkit-box-shadow: 0 25px 50px -12px rgba(0,0,0,.5) !important;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.5) !important
}

.ll-shadow-card {
    -webkit-box-shadow: 0 9px 6px rgba(0,0,0,.16) !important;
    box-shadow: 0 9px 6px rgba(0,0,0,.16) !important
}

.ll-text-center {
    text-align: center !important
}

.ll-text-right {
    text-align: right !important
}

.ll-text-white {
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255,255,255,var(--text-opacity)) !important
}

.ll-text-gray-300 {
    --text-opacity: 1 !important;
    color: #c7c6c6 !important;
    color: rgba(199,198,198,var(--text-opacity)) !important
}

.ll-text-gray-400 {
    --text-opacity: 1 !important;
    color: #8f8f8f !important;
    color: rgba(143,143,143,var(--text-opacity)) !important
}

.ll-text-gray-500 {
    --text-opacity: 1 !important;
    color: #444 !important;
    color: rgba(68,68,68,var(--text-opacity)) !important
}

.ll-text-primary {
    --text-opacity: 1 !important;
    color: #01d28e !important;
    color: rgba(1,210,142,var(--text-opacity)) !important
}

.ll-text-secondary {
    --text-opacity: 1 !important;
    color: #f5b700 !important;
    color: rgba(245,183,0,var(--text-opacity)) !important
}

.ll-text-third {
    --text-opacity: 1 !important;
    color: #122539 !important;
    color: rgba(18,37,57,var(--text-opacity)) !important
}

.hover\:ll-text-white:hover {
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255,255,255,var(--text-opacity)) !important
}

.hover\:ll-text-primary:hover {
    --text-opacity: 1 !important;
    color: #01d28e !important;
    color: rgba(1,210,142,var(--text-opacity)) !important
}

.hover\:ll-text-primary-dark:hover {
    --text-opacity: 1 !important;
    color: #11a872 !important;
    color: rgba(17,168,114,var(--text-opacity)) !important
}

.hover\:ll-text-secondary:hover {
    --text-opacity: 1 !important;
    color: #f5b700 !important;
    color: rgba(245,183,0,var(--text-opacity)) !important
}

.hover\:ll-text-third:hover {
    --text-opacity: 1 !important;
    color: #122539 !important;
    color: rgba(18,37,57,var(--text-opacity)) !important
}

.ll-uppercase {
    text-transform: uppercase !important
}

.ll-no-underline {
    text-decoration: none !important
}

.hover\:ll-underline:hover {
    text-decoration: underline !important
}

.ll-tracking-wide {
    letter-spacing: .2em !important
}

.ll-w-4 {
    width: 1rem !important
}

.ll-w-6 {
    width: 1.5rem !important
}

.ll-w-8 {
    width: 2rem !important
}

.ll-w-10 {
    width: 2.5rem !important
}

.ll-w-12 {
    width: 3rem !important
}

.ll-w-16 {
    width: 4rem !important
}

.ll-w-20 {
    width: 5rem !important
}

.ll-w-24 {
    width: 6rem !important
}

.ll-w-28 {
    width: 7rem !important
}

.ll-w-32 {
    width: 8rem !important
}

.ll-w-36 {
    width: 9rem !important
}

.ll-w-40 {
    width: 10rem !important
}

.ll-w-48 {
    width: 12rem !important
}

.ll-w-52 {
    width: 13rem !important
}

.ll-w-64 {
    width: 16rem !important
}

.ll-w-80 {
    width: 20rem !important
}

.ll-w-88 {
    width: 22rem !important
}

.ll-w-96 {
    width: 24rem !important
}

.ll-w-120 {
    width: 30rem !important
}

.ll-w-full {
    width: 100% !important
}

.ll-w-1\/2 {
    width: 50% !important
}

.ll-w-1\/3 {
    width: 33.333333% !important
}

.ll-w-1\/4 {
    width: 25% !important
}

.ll-w-3\/4 {
    width: 75% !important
}

.ll-w-1\/5 {
    width: 20% !important
}

.ll-w-7\/12 {
    width: 58.333333% !important
}

.ll-transition {
    -webkit-transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform !important;
    transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform !important;
    -o-transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,-o-transform !important;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform !important;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-box-shadow,-webkit-transform,-o-transform !important
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75%,to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@-o-keyframes ping {
    0% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75%,to {
        -o-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes ping {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75%,to {
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

@-o-keyframes pulse {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

@keyframes pulse {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

@-webkit-keyframes bounce {
    0%,to {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8,0,1,1);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

@-o-keyframes bounce {
    0%,to {
        -o-transform: translateY(-25%);
        transform: translateY(-25%);
        -o-animation-timing-function: cubic-bezier(.8,0,1,1);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        -o-transform: translateY(0);
        transform: translateY(0);
        -o-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

@keyframes bounce {
    0%,to {
        -webkit-transform: translateY(-25%);
        -o-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8,0,1,1);
        -o-animation-timing-function: cubic-bezier(.8,0,1,1);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
        -o-animation-timing-function: cubic-bezier(0,0,.2,1);
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

.ll-transition-bg {
    -webkit-transition: background-color .35s !important;
    -o-transition: background-color .35s !important;
    transition: background-color .35s !important
}

.ll-transition-h {
    -webkit-transition: height .35s !important;
    -o-transition: height .35s !important;
    transition: height .35s !important
}

html {
    overflow-x: hidden
}

.ll-content a {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    text-decoration: underline;
    --text-opacity: 1;
    color: #01d28e;
    color: rgba(1,210,142,var(--text-opacity))
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700
}

.ll-body--is-front-end .ll-content {
    position: relative
}

.ll-body--is-front-end .ll-h1, .ll-body--is-front-end h1 {
    font-size: 2rem
}

.ll-body--is-front-end .ll-h2, .ll-body--is-front-end h2 {
    font-size: 1.5rem;
    line-height: 1.25
}

.ll-body--is-front-end .ll-h3, .ll-body--is-front-end .ll-h4, .ll-body--is-front-end h3, .ll-body--is-front-end h4 {
    font-size: 1.25rem
}

.ll-body--is-front-end .ll-h5, .ll-body--is-front-end h5 {
    font-size: .875rem
}

.ll-body--is-front-end .ll-h6, .ll-body--is-front-end h6 {
    font-size: .75rem
}

.ll-body--is-front-end .ll-h1, .ll-body--is-front-end .ll-h2, .ll-body--is-front-end .ll-h3, .ll-body--is-front-end .ll-h4, .ll-body--is-front-end .ll-h5, .ll-body--is-front-end .ll-h6 {
    font-weight: 400;
    font-family: moret,sans-serif
}

.ll-body--is-front-end .ll-content ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 1.5rem
}

.ll-body--is-front-end .ll-content li {
    margin-bottom: 1.5rem
}

.ll-body--is-front-end .ll-content, .ll-body--is-front-end .ll-content li, .ll-body--is-front-end .ll-content span {
    font-weight: 300 !important
}

    .ll-body--is-front-end .ll-content p {
        margin-bottom: 1rem
    }

@media (min-width:640px) {
    .ll-body--is-front-end .ll-h1, .ll-body--is-front-end h1 {
        font-size: 2.5rem
    }

    .ll-body--is-front-end .ll-h2, .ll-body--is-front-end h2 {
        font-size: 2rem
    }

    .ll-body--is-front-end .ll-h3, .ll-body--is-front-end h3 {
        font-size: 1.5rem
    }
}

@media (min-width:1024px) {
    .ll-body--is-front-end .ll-h1, .ll-body--is-front-end h1 {
        font-size: 3.25rem
    }

    .ll-body--is-front-end .ll-h2, .ll-body--is-front-end h2 {
        font-size: 2.5rem
    }

    .ll-body--is-front-end .ll-h3, .ll-body--is-front-end h3 {
        font-size: 2rem
    }

    .ll-body--is-front-end .ll-h4, .ll-body--is-front-end h4 {
        font-size: 1.5rem
    }

    .ll-body--is-front-end .ll-h5, .ll-body--is-front-end h5 {
        font-size: 1.25rem
    }

    .ll-body--is-front-end .ll-h6, .ll-body--is-front-end h6 {
        font-size: .875rem
    }
}

picture {
    display: block
}

    picture.ll-rounded-full > img {
        border-radius: 9999px !important
    }

.post-password-form {
    font-family: brandon-grotesque,sans-serif
}

    .post-password-form input[type=password], .post-password-form input[type=text] {
        border-width: 1px !important;
        border-style: solid !important
    }

    .post-password-form select {
        border-style: solid;
        border-width: 1px;
        border-radius: 0;
        background-color: transparent
    }

    .post-password-form input[type=email], .post-password-form input[type=text], .post-password-form select {
        height: 57px;
        border-radius: .25rem !important;
        -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) !important;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) !important
    }

    .post-password-form input[type=submit] {
        position: relative;
        z-index: 30;
        --bg-opacity: 1;
        background-color: #01d28e;
        background-color: rgba(1,210,142,var(--bg-opacity));
        -webkit-transition: background-color .35s;
        -o-transition: background-color .35s;
        transition: background-color .35s;
        border-radius: 9999px;
        padding: 1rem 2rem;
        font-family: din-condensed,sans-serif;
        font-weight: 300;
        letter-spacing: .2em;
        --text-opacity: 1;
        color: #fff;
        color: rgba(255,255,255,var(--text-opacity));
        text-transform: uppercase;
        text-align: center;
        display: inline-block;
        -webkit-box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
        box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
        cursor: pointer
    }

        .post-password-form input[type=submit]:hover {
            --bg-opacity: 1;
            background-color: #11a872;
            background-color: rgba(17,168,114,var(--bg-opacity))
        }

    .post-password-form label {
        font-family: din-condensed,sans-serif !important;
        font-weight: 300 !important;
        text-transform: uppercase !important;
        font-size: 1.25rem !important;
        letter-spacing: .2em !important
    }

.post-password-form {
    padding-left: 1rem;
    padding-right: 1rem
}

    .post-password-form input[type=password] {
        height: 56px
    }

@media (min-width:1024px) {
    input[type=submit] {
        font-size: 1.5rem !important
    }
}

h2.is-style-primary {
    margin-bottom: 2rem
}

h1.is-style-primary, h2.is-style-primary, h3.is-style-primary, h4.is-style-primary, h5.is-style-primary, h6.is-style-primary {
    font-family: moret,sans-serif;
    margin-bottom: 1rem
}

.wp-block-table, p.is-style-primary, ul.is-style-primary {
    font-family: brandon-grotesque,sans-serif;
    font-size: 1.25rem
}

.wp-block-table {
    width: 100% !important
}

.wp-block-button.is-style-primary .wp-block-button__link {
    position: relative;
    z-index: 20;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    --bg-opacity: 1;
    background-color: #01d28e;
    background-color: rgba(1,210,142,var(--bg-opacity));
    -webkit-transition: background-color .35s;
    -o-transition: background-color .35s;
    transition: background-color .35s;
    border-radius: 9999px;
    padding: 1rem 2rem;
    font-family: din-condensed,sans-serif;
    font-weight: 300;
    letter-spacing: .2em;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--text-opacity));
    text-transform: uppercase;
    text-align: center;
    display: inline-block
}

    .wp-block-button.is-style-primary .wp-block-button__link:hover {
        --bg-opacity: 1;
        background-color: #11a872;
        background-color: rgba(17,168,114,var(--bg-opacity))
    }

@media (min-width:1024px) {
    .wp-block-button.is-style-primary .wp-block-button__link {
        font-size: 1.5rem
    }
}

.template-pdp-toolbox h1.is-style-primary, .template-pdp-toolbox h2.is-style-primary, .template-pdp-toolbox h3.is-style-primary, .template-pdp-toolbox h4.is-style-primary, .template-pdp-toolbox h5.is-style-primary, .template-pdp-toolbox h6.is-style-primary, .template-pdp-toolbox p.is-style-primary {
    max-width: 1140px;
    padding: 0 .5rem;
    margin: 0 auto;
    position: relative;
    z-index: 43
}

@media (min-width:315px) {
    .xxs\:ll-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        max-width: 315px
    }

    @media (min-width:359px) {
        .xxs\:ll-container {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .xxs\:ll-container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .xxs\:ll-container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .xxs\:ll-container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .xxs\:ll-container {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .xxs\:ll-container {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .xxs\:ll-container {
            max-width: 1500px
        }
    }
}

@media (min-width:359px) {
    .xs\:ll-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .xs\:ll-container {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .xs\:ll-container {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .xs\:ll-container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .xs\:ll-container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .xs\:ll-container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .xs\:ll-container {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .xs\:ll-container {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .xs\:ll-container {
            max-width: 1500px
        }
    }
}

@media (min-width:640px) {
    .sm\:ll-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .sm\:ll-container {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .sm\:ll-container {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .sm\:ll-container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .sm\:ll-container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .sm\:ll-container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .sm\:ll-container {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .sm\:ll-container {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .sm\:ll-container {
            max-width: 1500px
        }
    }

    .sm\:ll-h-16 {
        height: 4rem !important
    }

    .sm\:ll-mb-0 {
        margin-bottom: 0 !important
    }

    .sm\:ll-px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .sm\:ll-px-16 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .sm\:ll-text-left {
        text-align: left !important
    }

    .sm\:ll-w-64 {
        width: 16rem !important
    }

    .sm\:ll-w-1\/2 {
        width: 50% !important
    }

    .sm\:ll-w-2\/3 {
        width: 66.666667% !important
    }
}

@media (min-width:768px) {
    .md\:ll-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .md\:ll-container {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .md\:ll-container {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .md\:ll-container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .md\:ll-container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .md\:ll-container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .md\:ll-container {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .md\:ll-container {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .md\:ll-container {
            max-width: 1500px
        }
    }

    .md\:ll-bg-gray-100 {
        --bg-opacity: 1 !important;
        background-color: #eae8e9 !important;
        background-color: rgba(234,232,233,var(--bg-opacity)) !important
    }

    .md\:ll-rounded-2xl {
        border-radius: 2rem !important
    }

    .md\:ll-rounded-4xl {
        border-radius: 4rem !important
    }

    .md\:ll-rounded-l {
        border-top-left-radius: .25rem !important;
        border-bottom-left-radius: .25rem !important
    }

    .md\:ll-rounded-l-full {
        border-top-left-radius: 9999px !important;
        border-bottom-left-radius: 9999px !important
    }

    .md\:ll-block {
        display: block !important
    }

    .md\:ll-inline {
        display: inline !important
    }

    .md\:ll-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .md\:ll-hidden {
        display: none !important
    }

    .md\:ll-flex-col {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .md\:ll-items-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .md\:ll-justify-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .md\:ll-justify-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .md\:ll-justify-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .md\:ll-order-first {
        -webkit-box-ordinal-group: -9998 !important;
        -ms-flex-order: -9999 !important;
        order: -9999 !important
    }

    .md\:ll-order-last {
        -webkit-box-ordinal-group: 10000 !important;
        -ms-flex-order: 9999 !important;
        order: 9999 !important
    }

    .md\:ll-h-8 {
        height: 2rem !important
    }

    .md\:ll-h-12 {
        height: 3rem !important
    }

    .md\:ll-h-16 {
        height: 4rem !important
    }

    .md\:ll-h-20 {
        height: 5rem !important
    }

    .md\:ll-h-24 {
        height: 6rem !important
    }

    .md\:ll-h-28 {
        height: 7rem !important
    }

    .md\:ll-h-32 {
        height: 8rem !important
    }

    .md\:ll-h-36 {
        height: 9rem !important
    }

    .md\:ll-h-40 {
        height: 10rem !important
    }

    .md\:ll-h-44 {
        height: 11rem !important
    }

    .md\:ll-h-48 {
        height: 12rem !important
    }

    .md\:ll-h-52 {
        height: 13rem !important
    }

    .md\:ll-h-56 {
        height: 14rem !important
    }

    .md\:ll-h-60 {
        height: 15rem !important
    }

    .md\:ll-h-64 {
        height: 16rem !important
    }

    .md\:ll-h-88 {
        height: 22rem !important
    }

    .md\:ll-h-3\/4 {
        height: 75% !important
    }

    .md\:ll-text-xs {
        font-size: .75rem !important
    }

    .md\:ll-text-base {
        font-size: 1.25rem !important
    }

    .md\:ll-text-lg {
        font-size: 1.5rem !important
    }

    .md\:ll-text-4xl {
        font-size: 4.5rem !important
    }

    .md\:ll-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .md\:ll-my-4 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .md\:ll-mt-0 {
        margin-top: 0 !important
    }

    .md\:ll-mb-0 {
        margin-bottom: 0 !important
    }

    .md\:ll-mr-4 {
        margin-right: 1rem !important
    }

    .md\:ll-mb-4 {
        margin-bottom: 1rem !important
    }

    .md\:ll-mb-8 {
        margin-bottom: 2rem !important
    }

    .md\:ll-mr-12 {
        margin-right: 3rem !important
    }

    .md\:ll-mb-12 {
        margin-bottom: 3rem !important
    }

    .md\:ll-mr-16 {
        margin-right: 4rem !important
    }

    .md\:ll-mt-24 {
        margin-top: 6rem !important
    }

    .md\:ll-mb-24 {
        margin-bottom: 6rem !important
    }

    .md\:ll--mt-72 {
        margin-top: -18rem !important
    }

    .md\:ll-max-w-2xl {
        max-width: 42rem !important
    }

    .md\:ll-max-w-3xl {
        max-width: 48rem !important
    }

    .md\:ll-opacity-100 {
        opacity: 1 !important
    }

    .md\:ll-p-0 {
        padding: 0 !important
    }

    .md\:ll-p-2 {
        padding: .5rem !important
    }

    .md\:ll-p-4 {
        padding: 1rem !important
    }

    .md\:ll-p-8 {
        padding: 2rem !important
    }

    .md\:ll-p-12 {
        padding: 3rem !important
    }

    .md\:ll-p-24 {
        padding: 6rem !important
    }

    .md\:ll-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .md\:ll-px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .md\:ll-px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .md\:ll-py-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .md\:ll-px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .md\:ll-px-16 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .md\:ll-py-24 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .md\:ll-pt-0 {
        padding-top: 0 !important
    }

    .md\:ll-pb-0 {
        padding-bottom: 0 !important
    }

    .md\:ll-pr-4 {
        padding-right: 1rem !important
    }

    .md\:ll-pl-4 {
        padding-left: 1rem !important
    }

    .md\:ll-pl-12 {
        padding-left: 3rem !important
    }

    .md\:ll-pr-20 {
        padding-right: 5rem !important
    }

    .md\:ll-pt-24 {
        padding-top: 6rem !important
    }

    .md\:ll-pr-24 {
        padding-right: 6rem !important
    }

    .md\:ll-pb-24 {
        padding-bottom: 6rem !important
    }

    .md\:ll-pl-24 {
        padding-left: 6rem !important
    }

    .md\:ll-pt-32 {
        padding-top: 8rem !important
    }

    .md\:ll-pr-36 {
        padding-right: 9rem !important
    }

    .md\:ll-pt-48 {
        padding-top: 12rem !important
    }

    .md\:ll-pb-48 {
        padding-bottom: 12rem !important
    }

    .md\:ll-fixed {
        position: fixed !important
    }

    .md\:ll-top-8 {
        top: 2rem !important
    }

    .md\:ll-left-8 {
        left: 2rem !important
    }

    .md\:ll-top-12 {
        top: 3rem !important
    }

    .md\:ll-left-12 {
        left: 3rem !important
    }

    .md\:ll-right-20 {
        right: 5rem !important
    }

    .md\:ll-top-24 {
        top: 6rem !important
    }

    .md\:ll-left-24 {
        left: 6rem !important
    }

    .md\:ll-left-32 {
        left: 8rem !important
    }

    .md\:ll-right-44 {
        right: 11rem !important
    }

    .md\:ll-right-92 {
        right: 23rem !important
    }

    .md\:ll-left-92 {
        left: 23rem !important
    }

    .md\:ll--top-2 {
        top: -.5rem !important
    }

    .md\:ll--top-12 {
        top: -3rem !important
    }

    .md\:ll--right-16 {
        right: -4rem !important
    }

    .md\:ll--top-24 {
        top: -6rem !important
    }

    .md\:ll--right-28 {
        right: -7rem !important
    }

    .md\:ll--left-28 {
        left: -7rem !important
    }

    .md\:ll--left-44 {
        left: -11rem !important
    }

    .md\:ll--bottom-48 {
        bottom: -12rem !important
    }

    .md\:ll--left-80 {
        left: -20rem !important
    }

    .md\:ll--top-88 {
        top: -22rem !important
    }

    .md\:ll--bottom-88 {
        bottom: -22rem !important
    }

    .md\:ll--bottom-136 {
        bottom: -34rem !important
    }

    .md\:ll-text-left {
        text-align: left !important
    }

    .md\:ll-w-8 {
        width: 2rem !important
    }

    .md\:ll-w-12 {
        width: 3rem !important
    }

    .md\:ll-w-16 {
        width: 4rem !important
    }

    .md\:ll-w-20 {
        width: 5rem !important
    }

    .md\:ll-w-24 {
        width: 6rem !important
    }

    .md\:ll-w-28 {
        width: 7rem !important
    }

    .md\:ll-w-32 {
        width: 8rem !important
    }

    .md\:ll-w-36 {
        width: 9rem !important
    }

    .md\:ll-w-40 {
        width: 10rem !important
    }

    .md\:ll-w-44 {
        width: 11rem !important
    }

    .md\:ll-w-48 {
        width: 12rem !important
    }

    .md\:ll-w-52 {
        width: 13rem !important
    }

    .md\:ll-w-56 {
        width: 14rem !important
    }

    .md\:ll-w-60 {
        width: 15rem !important
    }

    .md\:ll-w-64 {
        width: 16rem !important
    }

    .md\:ll-w-88 {
        width: 22rem !important
    }

    .md\:ll-w-full {
        width: 100% !important
    }

    .md\:ll-w-1\/2 {
        width: 50% !important
    }

    .md\:ll-w-1\/3 {
        width: 33.333333% !important
    }

    .md\:ll-w-2\/3 {
        width: 66.666667% !important
    }

    .md\:ll-w-1\/4 {
        width: 25% !important
    }

    .md\:ll-w-3\/4 {
        width: 75% !important
    }

    .md\:ll-w-5\/12 {
        width: 41.666667% !important
    }

    .md\:ll-w-7\/12 {
        width: 58.333333% !important
    }
}

@media (min-width:1024px) {
    .lg\:ll-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .lg\:ll-container {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .lg\:ll-container {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .lg\:ll-container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .lg\:ll-container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .lg\:ll-container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .lg\:ll-container {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .lg\:ll-container {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .lg\:ll-container {
            max-width: 1500px
        }
    }

    .lg\:ll-rounded-4xl {
        border-radius: 4rem !important
    }

    .lg\:ll-rounded-r-none {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .lg\:ll-block {
        display: block !important
    }

    .lg\:ll-justify-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .lg\:ll-justify-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .lg\:ll-h-24 {
        height: 6rem !important
    }

    .lg\:ll-h-48 {
        height: 12rem !important
    }

    .lg\:ll-h-52 {
        height: 13rem !important
    }

    .lg\:ll-h-80 {
        height: 20rem !important
    }

    .lg\:ll-h-92 {
        height: 23rem !important
    }

    .lg\:ll-h-96 {
        height: 24rem !important
    }

    .lg\:ll-h-124 {
        height: 31rem !important
    }

    .lg\:ll-text-sm {
        font-size: .875rem !important
    }

    .lg\:ll-text-base {
        font-size: 1.25rem !important
    }

    .lg\:ll-text-lg {
        font-size: 1.5rem !important
    }

    .lg\:ll-text-xl {
        font-size: 2rem !important
    }

    .lg\:ll-text-2xl {
        font-size: 2.5rem !important
    }

    .lg\:ll-text-3xl {
        font-size: 3.25rem !important
    }

    .lg\:ll-text-4xl {
        font-size: 4.5rem !important
    }

    .lg\:ll-text-6xl {
        font-size: 8.5rem !important
    }

    .lg\:ll-mt-0 {
        margin-top: 0 !important
    }

    .lg\:ll-mb-0 {
        margin-bottom: 0 !important
    }

    .lg\:ll-mb-8 {
        margin-bottom: 2rem !important
    }

    .lg\:ll-mr-16 {
        margin-right: 4rem !important
    }

    .lg\:ll-mb-24 {
        margin-bottom: 6rem !important
    }

    .lg\:ll-mb-28 {
        margin-bottom: 7rem !important
    }

    .lg\:ll-mr-32 {
        margin-right: 8rem !important
    }

    .lg\:ll-mt-48 {
        margin-top: 12rem !important
    }

    .lg\:ll--mt-28 {
        margin-top: -7rem !important
    }

    .lg\:ll--mt-48 {
        margin-top: -12rem !important
    }

    .lg\:ll--mt-68 {
        margin-top: -17rem !important
    }

    .lg\:ll-p-8 {
        padding: 2rem !important
    }

    .lg\:ll-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .lg\:ll-py-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .lg\:ll-py-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .lg\:ll-px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .lg\:ll-py-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .lg\:ll-px-16 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .lg\:ll-py-24 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .lg\:ll-px-24 {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .lg\:ll-py-32 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .lg\:ll-px-32 {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .lg\:ll-pt-0 {
        padding-top: 0 !important
    }

    .lg\:ll-pl-12 {
        padding-left: 3rem !important
    }

    .lg\:ll-pt-24 {
        padding-top: 6rem !important
    }

    .lg\:ll-pr-24 {
        padding-right: 6rem !important
    }

    .lg\:ll-pb-36 {
        padding-bottom: 9rem !important
    }

    .lg\:ll-pt-44 {
        padding-top: 11rem !important
    }

    .lg\:ll-absolute {
        position: absolute !important
    }

    .lg\:ll-top-0 {
        top: 0 !important
    }

    .lg\:ll-left-0 {
        left: 0 !important
    }

    .lg\:ll-bottom-4 {
        bottom: 1rem !important
    }

    .lg\:ll-top-12 {
        top: 3rem !important
    }

    .lg\:ll-right-12 {
        right: 3rem !important
    }

    .lg\:ll-bottom-12 {
        bottom: 3rem !important
    }

    .lg\:ll-left-12 {
        left: 3rem !important
    }

    .lg\:ll-bottom-16 {
        bottom: 4rem !important
    }

    .lg\:ll-top-24 {
        top: 6rem !important
    }

    .lg\:ll-right-24 {
        right: 6rem !important
    }

    .lg\:ll-bottom-24 {
        bottom: 6rem !important
    }

    .lg\:ll-left-24 {
        left: 6rem !important
    }

    .lg\:ll-right-32 {
        right: 8rem !important
    }

    .lg\:ll-bottom-36 {
        bottom: 9rem !important
    }

    .lg\:ll-left-36 {
        left: 9rem !important
    }

    .lg\:ll-right-40 {
        right: 10rem !important
    }

    .lg\:ll-right-44 {
        right: 11rem !important
    }

    .lg\:ll-top-48 {
        top: 12rem !important
    }

    .lg\:ll-left-48 {
        left: 12rem !important
    }

    .lg\:ll-bottom-56 {
        bottom: 14rem !important
    }

    .lg\:ll-right-60 {
        right: 15rem !important
    }

    .lg\:ll-bottom-72 {
        bottom: 18rem !important
    }

    .lg\:ll-top-76 {
        top: 19rem !important
    }

    .lg\:ll-left-76 {
        left: 19rem !important
    }

    .lg\:ll-right-80 {
        right: 20rem !important
    }

    .lg\:ll-left-88 {
        left: 22rem !important
    }

    .lg\:ll-left-96 {
        left: 24rem !important
    }

    .lg\:ll-left-1\/2 {
        left: 50% !important
    }

    .lg\:ll--left-4 {
        left: -1rem !important
    }

    .lg\:ll--top-8 {
        top: -2rem !important
    }

    .lg\:ll--right-8 {
        right: -2rem !important
    }

    .lg\:ll--right-12 {
        right: -3rem !important
    }

    .lg\:ll--left-12 {
        left: -3rem !important
    }

    .lg\:ll--left-16 {
        left: -4rem !important
    }

    .lg\:ll--top-24 {
        top: -6rem !important
    }

    .lg\:ll--right-24 {
        right: -6rem !important
    }

    .lg\:ll--bottom-24 {
        bottom: -6rem !important
    }

    .lg\:ll--left-24 {
        left: -6rem !important
    }

    .lg\:ll--right-32 {
        right: -8rem !important
    }

    .lg\:ll--left-32 {
        left: -8rem !important
    }

    .lg\:ll--top-52 {
        top: -13rem !important
    }

    .lg\:ll--top-88 {
        top: -22rem !important
    }

    .lg\:ll--bottom-104 {
        bottom: -26rem !important
    }

    .lg\:ll--bottom-144 {
        bottom: -36rem !important
    }

    .lg\:ll-w-24 {
        width: 6rem !important
    }

    .lg\:ll-w-48 {
        width: 12rem !important
    }

    .lg\:ll-w-52 {
        width: 13rem !important
    }

    .lg\:ll-w-80 {
        width: 20rem !important
    }

    .lg\:ll-w-92 {
        width: 23rem !important
    }

    .lg\:ll-w-96 {
        width: 24rem !important
    }

    .lg\:ll-w-124 {
        width: 31rem !important
    }

    .lg\:ll-w-1\/3 {
        width: 33.333333% !important
    }

    .lg\:ll-w-2\/3 {
        width: 66.666667% !important
    }

    .lg\:ll-w-1\/4 {
        width: 25% !important
    }

    .lg\:ll-w-3\/4 {
        width: 75% !important
    }

    .lg\:ll-w-1\/5 {
        width: 20% !important
    }

    .lg\:ll-w-4\/5 {
        width: 80% !important
    }

    .lg\:ll-w-4\/12 {
        width: 33.333333% !important
    }

    .lg\:ll-w-5\/12 {
        width: 41.666667% !important
    }

    .lg\:ll-w-7\/12 {
        width: 58.333333% !important
    }

    .lg\:ll-w-8\/12 {
        width: 66.666667% !important
    }

    .lg\:ll-tx-0 {
        -webkit-transform: translateX(0) !important;
        -o-transform: translateX(0) !important;
        transform: translateX(0) !important
    }

    .lg\:ll-txy-50 {
        -webkit-transform: translate(-50%,-50%) !important;
        -o-transform: translate(-50%,-50%) !important;
        transform: translate(-50%,-50%) !important
    }
}

@media (min-width:1280px) {
    .xl\:ll-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .xl\:ll-container {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .xl\:ll-container {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .xl\:ll-container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .xl\:ll-container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .xl\:ll-container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .xl\:ll-container {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .xl\:ll-container {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .xl\:ll-container {
            max-width: 1500px
        }
    }

    .xl\:ll-h-12 {
        height: 3rem !important
    }

    .xl\:ll-h-16 {
        height: 4rem !important
    }

    .xl\:ll-h-20 {
        height: 5rem !important
    }

    .xl\:ll-h-24 {
        height: 6rem !important
    }

    .xl\:ll-h-28 {
        height: 7rem !important
    }

    .xl\:ll-h-32 {
        height: 8rem !important
    }

    .xl\:ll-h-36 {
        height: 9rem !important
    }

    .xl\:ll-h-40 {
        height: 10rem !important
    }

    .xl\:ll-h-48 {
        height: 12rem !important
    }

    .xl\:ll-h-52 {
        height: 13rem !important
    }

    .xl\:ll-h-56 {
        height: 14rem !important
    }

    .xl\:ll-h-64 {
        height: 16rem !important
    }

    .xl\:ll-h-68 {
        height: 17rem !important
    }

    .xl\:ll-h-72 {
        height: 18rem !important
    }

    .xl\:ll-h-80 {
        height: 20rem !important
    }

    .xl\:ll-h-88 {
        height: 22rem !important
    }

    .xl\:ll-h-92 {
        height: 23rem !important
    }

    .xl\:ll-h-96 {
        height: 24rem !important
    }

    .xl\:ll-h-104 {
        height: 26rem !important
    }

    .xl\:ll-h-112 {
        height: 28rem !important
    }

    .xl\:ll-h-124 {
        height: 31rem !important
    }

    .xl\:ll-h-132 {
        height: 33rem !important
    }

    .xl\:ll-h-136 {
        height: 34rem !important
    }

    .xl\:ll-h-140 {
        height: 35rem !important
    }

    .xl\:ll-text-sm {
        font-size: .875rem !important
    }

    .xl\:ll-text-4xl {
        font-size: 4.5rem !important
    }

    .xl\:ll-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .xl\:ll-mb-4 {
        margin-bottom: 1rem !important
    }

    .xl\:ll-mb-12 {
        margin-bottom: 3rem !important
    }

    .xl\:ll-mr-24 {
        margin-right: 6rem !important
    }

    .xl\:ll-p-4 {
        padding: 1rem !important
    }

    .xl\:ll-px-24 {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .xl\:ll-px-48 {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .xl\:ll-pl-16 {
        padding-left: 4rem !important
    }

    .xl\:ll-bottom-92 {
        bottom: 23rem !important
    }

    .xl\:ll-right-96 {
        right: 24rem !important
    }

    .xl\:ll-right-116 {
        right: 29rem !important
    }

    .xl\:ll--left-12 {
        left: -3rem !important
    }

    .xl\:ll--top-16 {
        top: -4rem !important
    }

    .xl\:ll--right-24 {
        right: -6rem !important
    }

    .xl\:ll--left-48 {
        left: -12rem !important
    }

    .xl\:ll-w-12 {
        width: 3rem !important
    }

    .xl\:ll-w-16 {
        width: 4rem !important
    }

    .xl\:ll-w-20 {
        width: 5rem !important
    }

    .xl\:ll-w-24 {
        width: 6rem !important
    }

    .xl\:ll-w-28 {
        width: 7rem !important
    }

    .xl\:ll-w-32 {
        width: 8rem !important
    }

    .xl\:ll-w-36 {
        width: 9rem !important
    }

    .xl\:ll-w-40 {
        width: 10rem !important
    }

    .xl\:ll-w-44 {
        width: 11rem !important
    }

    .xl\:ll-w-48 {
        width: 12rem !important
    }

    .xl\:ll-w-52 {
        width: 13rem !important
    }

    .xl\:ll-w-56 {
        width: 14rem !important
    }

    .xl\:ll-w-64 {
        width: 16rem !important
    }

    .xl\:ll-w-68 {
        width: 17rem !important
    }

    .xl\:ll-w-72 {
        width: 18rem !important
    }

    .xl\:ll-w-80 {
        width: 20rem !important
    }

    .xl\:ll-w-88 {
        width: 22rem !important
    }

    .xl\:ll-w-92 {
        width: 23rem !important
    }

    .xl\:ll-w-96 {
        width: 24rem !important
    }

    .xl\:ll-w-104 {
        width: 26rem !important
    }

    .xl\:ll-w-112 {
        width: 28rem !important
    }

    .xl\:ll-w-124 {
        width: 31rem !important
    }

    .xl\:ll-w-132 {
        width: 33rem !important
    }

    .xl\:ll-w-136 {
        width: 34rem !important
    }

    .xl\:ll-w-140 {
        width: 35rem !important
    }

    .xl\:ll-w-5\/12 {
        width: 41.666667% !important
    }

    .xl\:ll-w-7\/12 {
        width: 58.333333% !important
    }

    .xl\:ll-z-20 {
        z-index: 20 !important
    }
}

@media (min-width:1366px) {
    .\32xl\:ll-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .\32xl\:ll-container {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .\32xl\:ll-container {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .\32xl\:ll-container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .\32xl\:ll-container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .\32xl\:ll-container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .\32xl\:ll-container {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .\32xl\:ll-container {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .\32xl\:ll-container {
            max-width: 1500px
        }
    }

    .\32xl\:ll-h-152 {
        height: 38rem !important
    }

    .\32xl\:ll-pt-48 {
        padding-top: 12rem !important
    }

    .\32xl\:ll-pt-76 {
        padding-top: 19rem !important
    }

    .\32xl\:ll-w-152 {
        width: 38rem !important
    }
}

@media (min-width:1500px) {
    .\33xl\:ll-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:315px) {
        .\33xl\:ll-container {
            max-width: 315px
        }
    }

    @media (min-width:359px) {
        .\33xl\:ll-container {
            max-width: 359px
        }
    }

    @media (min-width:640px) {
        .\33xl\:ll-container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .\33xl\:ll-container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .\33xl\:ll-container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .\33xl\:ll-container {
            max-width: 1280px
        }
    }

    @media (min-width:1366px) {
        .\33xl\:ll-container {
            max-width: 1366px
        }
    }

    @media (min-width:1500px) {
        .\33xl\:ll-container {
            max-width: 1500px
        }
    }

    .\33xl\:ll-p-16 {
        padding: 4rem !important
    }
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: din-condensed;
    src: url(https://use.typekit.net/af/cfbead/0000000000000000000146b3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/cfbead/0000000000000000000146b3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/cfbead/0000000000000000000146b3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: din-condensed;
    src: url(https://use.typekit.net/af/f50d41/00000000000000003b9b2c84/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/f50d41/00000000000000003b9b2c84/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/f50d41/00000000000000003b9b2c84/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: moret;
    src: url(https://use.typekit.net/af/b0aec3/00000000000000003b9b379f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/b0aec3/00000000000000003b9b379f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/b0aec3/00000000000000003b9b379f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700
}