/*Email Sign Up */

#email-sign-up-form span.text-error {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    line-height: 1;
}
#email-sign-up-form span.text-error::before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        flex-shrink: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c00' d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
 }
#email-sign-up-form input::placeholder {
    color: var(--c-near-black) !important;
    font-family: var(--font-primary);
    opacity: 1;
}

#email-sign-up-form input::-moz-placeholder {
    color: var(--c-near-black) !important;
    font-family: var(--font-primary);
    opacity: 1;
}

/*Request Call back form*/

#callback-form span.text-error {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    line-height: 1;
}

    #callback-form span.text-error::before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        flex-shrink: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c00' d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
    }

#callback-form input::placeholder {
    color: var(--c-near-black) !important;
    font-family: var(--font-primary);
    opacity: 1;
}

#callback-form input::-moz-placeholder {
    color: var(--c-near-black) !important;
    font-family: var(--font-primary);
    opacity: 1;
}

#callback-form .toggle:has(.toggle__input:checked):before {
    background-color: var(--c-navy-blue);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' fill='none'%3E%3Cpath fill='%23fff' d='M10.195.469c.117-.117.305-.117.399 0l.68.656c.093.117.093.305 0 .398L4.241 8.555a.27.27 0 0 1-.398 0L.704 5.438c-.095-.118-.095-.305 0-.399l.679-.68c.094-.093.281-.093.398 0l2.25 2.274L10.195.469Z'/%3E%3C/svg%3E");
    border-color: var(--c-navy-blue)
}

#callback-form .toggle + span.text-error {
    display: block;
    width: 100%;
    margin-top: -1.5rem;
}
.slide-out-panel {
    transform: translateX(100%) translateY(0%);
    visibility: hidden;
    transition: transform .9s ease, visibility 0s linear 0.9s;
}

    .slide-out-panel.slide-in {
        transform: translateX(0) translateY(0%);
        visibility: visible;
        transition: transform .9s ease, visibility 0s linear 0s;
    }