.gdrfa-sticky-bar {
    position: fixed;
    bottom: 0;
    z-index: 5;
    max-width: -webkit-fill-available;
    width: 100%;
    display: flex;
    height: 64px;
    padding: 0px var(--padding-padding-xxl, 32px);
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    background: var(--surface-surface, #fff);
    box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.16);

    left: 0px;
    transform: translateY(0px);
}

.gdrfa-sticky-bar-content {
    display: flex;
    height: 64px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
}

.gdrfa-sticky-bar-left-side {
    display: flex;
    padding: 8px 0px;
    align-items: center;
    align-self: stretch;
}

.gdrfa-sticky-bar-right-side {
    display: flex;
    padding: 8px 0px;
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;
}

.gdrfa-sticky-bar-bordered {
    background-color: unset;
    border: unset;
    border-inline-end: 1px solid var(--surface-outline, #e4e2e6) !important;
    padding-inline-end: 16px;
    height: 40px;
    align-content: center;
}

.gdrfa-sticky-bar-gap {
    padding-inline-start: 16px;
}

.gdrfa-sticky-bar-04-wrapper {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 3.094px 1.335px;
    justify-content: center;
    align-items: center;
}

.gdrfa-sticky-bar-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--6px, 6px);
    align-content: center;
    flex-wrap: wrap;
}


.gdrfa-sticky-bar-link-Container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--gap-gap-xs, 4px);
    align-self: stretch;
    border-radius: var(--radius-sm, 12px);
    height: 24px;
}

.gdrfa-sticky-bar-link-Container .primary-text {
    color: var(--text-body, #A7382B);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}

.gdrfa-sticky-bar-link-Container .links-text {
    color: var(--surface-on-surface, #000);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}


/* LG */
@media (min-width: 769px) and (max-width: 1024px) {
    .gdrfa-sticky-bar {
        display: flex;
        width: 100%;
        height: 48px;
        padding: 0px var(--padding-padding-xxl, 32px) 32px var(--padding-padding-xxl, 32px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: unset;
        box-shadow: unset;

    }

    .gdrfa-sticky-bar-content {
        height: 48px;
    }

    .gdrfa-sticky-bar-left-side,
    .gdrfa-sticky-bar-right-side {
        gap: 16px;
        padding: 0;
    }

    .gdrfa-sticky-bar-icon-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        border-inline-end: unset !important;
        padding-inline-end: 0;
        padding-inline-start: 0;
        border-radius: var(--Roundness-Full-Inside, 128px);
    }

    .gdrfa-sticky-bar-icon-btn-Container {
        display: flex;
        width: 48px;
        height: 48px;
        justify-content: center;
        align-items: center;
        border-radius: var(--radius-pill, 999px);
        background: var(--surface-surface, #FFF);
        padding: 0;

        /* elevation/3 */
        box-shadow: 0px 8px 24px 0px var(--opacity-on-surface-opacity12, rgba(0, 0, 0, 0.12));
    }

}

/* MD */
@media (min-width: 641px) and (max-width: 768px) {
    .gdrfa-sticky-bar {
        display: flex;
        width: 100%;
        height: 48px;
        padding: 0px var(--padding-padding-xxl, 24px) 32px var(--padding-padding-xxl, 24px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: unset;
        box-shadow: unset;

    }

    .gdrfa-sticky-bar-content {
        height: 48px;
    }

    .gdrfa-sticky-bar-left-side,
    .gdrfa-sticky-bar-right-side {
        gap: 16px;
        padding: 0;
    }

    .gdrfa-sticky-bar-icon-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        border-inline-end: unset !important;
        padding-inline-end: 0;
        padding-inline-start: 0;
        border-radius: var(--Roundness-Full-Inside, 128px);
        height: 48px;
        z-index: 1;
    }

    .gdrfa-sticky-bar-icon-btn-Container {
        display: flex;
        width: 48px;
        height: 48px;
        justify-content: center;
        align-items: center;
        border-radius: var(--radius-pill, 999px);
        background: var(--surface-surface, #FFF);
        padding: 0;

        /* elevation/3 */
        box-shadow: 0px 8px 24px 0px var(--opacity-on-surface-opacity12, rgba(0, 0, 0, 0.12));
    }

    .gdrfa-sticky-bar-mobile-Container {
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 10px;

    }

    .gdrfa-sticky-bar-mobile-list {

        border-radius: 120px;
        background: var(--surface-surface, #FFF);
        position: absolute;
        left: -12px;
        top: -390.176px;
        width: 72px;
        height: 450px;
    }

    .gdrfa-sticky-bar-mobile-list-Container {
        display: none;
        padding: 12px 12px 70px 12px;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        position: absolute;
        border-radius: 158px;
        inset-inline-end: 20px;
        transform: translateY(-44%);
        background-color: var(--bg-body);
    }

}

/* sm: ≤ 640px */
@media (max-width: 640px) {
    .gdrfa-sticky-bar {
        display: flex;
        width: 100%;
        height: 48px;
        padding: 0px var(--padding-padding-xxl, 16px) 16px var(--padding-padding-xxl, 16px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: unset;
        box-shadow: unset;

    }

    .gdrfa-sticky-bar-content {
        height: 48px;
    }

    .gdrfa-sticky-bar-left-side,
    .gdrfa-sticky-bar-right-side {
        gap: 16px;
        padding: 0;
    }

    .gdrfa-sticky-bar-icon-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        border-inline-end: unset !important;
        padding-inline-end: 0;
        padding-inline-start: 0;
        border-radius: var(--Roundness-Full-Inside, 128px);
        height: 48px;
        z-index: 1;
    }

    .gdrfa-sticky-bar-icon-btn-Container {
        display: flex;
        width: 48px;
        height: 48px;
        justify-content: center;
        align-items: center;
        border-radius: var(--radius-pill, 999px);
        background: var(--surface-surface, #FFF);
        padding: 0;

        /* elevation/3 */
        box-shadow: 0px 8px 24px 0px var(--opacity-on-surface-opacity12, rgba(0, 0, 0, 0.12));
    }

    .gdrfa-sticky-bar-mobile-Container {
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 10px;

    }

    .gdrfa-sticky-bar-mobile-list {

        border-radius: 120px;
        background: var(--surface-surface, #FFF);
        position: absolute;
        left: -12px;
        top: -390.176px;
        width: 72px;
        height: 450px;
    }

    .gdrfa-sticky-bar-mobile-list-Container {
        display: none;
        padding: 12px 12px 70px 12px;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        position: absolute;
        border-radius: 158px;
        inset-inline-end: 6px;
        transform: translateY(-44%);
        background-color: var(--bg-body);
    }
}

.footer-position {
    bottom: -60px;
}