.form-submit-spinner {
    animation: spin 1s linear infinite;
    position: absolute;
    bottom: 30%;
    left: 85%;
    transform: translate(-50%, -50%);
    z-index: 300;
    width: 20px;
    height: 20px;
    display: none;
    border-radius: 50%;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #00b1e1;
    margin-left: 8px;
}

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

    to {
        transform: rotate(360deg);
    }
}

.odv2-trial-form input[type="email"] {
    border-radius: 40px;
    border: 2px solid #000 !important;
    background: #FFF;
    display: flex;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    width: 100%;
    color: #000;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    padding-right: 80px;
}

.validation-error {
    font-size: 12px;
    color: #f00;
    font-family: "Open Sans", sans-serif;
    display: none;
}

.opt-in {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-bottom: 2px;
    grid-column: span 2;
}

.opt-in label {
    margin-left: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 0px;
}

.opt-in-check {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

#termslink {
    color: black !important;
    text-decoration: underline;
}

.opt-in-text {
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    margin-left: 28px;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid black;
    position: relative;
    cursor: pointer;
}

input[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 108%;
    height: 108%;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M20 10C20 12.6522 18.9464 15.1957 17.0711 17.0711C15.1957 18.9464 12.6522 20 10 20C7.34784 20 4.8043 18.9464 2.92893 17.0711C1.05357 15.1957 0 12.6522 0 10C0 7.34784 1.05357 4.8043 2.92893 2.92893C4.8043 1.05357 7.34784 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10Z" fill="%2300B1E1"/><path d="M14.8841 6.21249C14.7948 6.12351 14.6885 6.05345 14.5715 6.00651C14.4545 5.95956 14.3293 5.93668 14.2033 5.93925C14.0772 5.94182 13.953 5.96977 13.8381 6.02145C13.7231 6.07312 13.6197 6.14745 13.5341 6.23999L9.19286 11.7712L6.57661 9.15374C6.3989 8.98814 6.16384 8.89798 5.92096 8.90227C5.67809 8.90655 5.44635 9.00494 5.27459 9.17671C5.10282 9.34847 5.00443 9.58021 5.00015 9.82308C4.99586 10.066 5.08601 10.301 5.25161 10.4787L8.55911 13.7875C8.64822 13.8764 8.75432 13.9465 8.87109 13.9936C8.98787 14.0406 9.11292 14.0636 9.2388 14.0613C9.36467 14.059 9.48878 14.0313 9.60373 13.98C9.71869 13.9286 9.82212 13.8547 9.90786 13.7625L14.8979 7.52499C15.068 7.34811 15.162 7.11158 15.1596 6.86618C15.1573 6.62079 15.0588 6.38609 14.8854 6.21249H14.8841Z" fill="white"/></svg>');
    background-color: #01b0e1;
    background-repeat: no-repeat;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #01b0e1;
}

input[type="checkbox"]:checked {
    border: none !important;
    /* Remove border when checked */
}

.odv2-email-form-container .section-form__title {
    max-width: 250px;
    margin: 0 auto 1rem;
}