form#zendrop-signup-form {

}
div#zendrop-signup-response {
    margin: 0 40px;
}
form#zendrop-signup-form button#submit-email {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    background-color: #63d295;
    border: 1px solid #63d295;
    color: #ffffff;
    cursor: pointer;
}
form#zendrop-signup-form input {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    background: #f2f4f8;
    border: transparent;
    box-sizing: border-box;
    margin-bottom: 21px;
    padding: 20px;
}

form#zendrop-signup-form input:focus {
    outline: none;
}

#zendrop-signup-response .error {
    color: red;
    margin: 0;
}

#zendrop-signup-response .success {
    color: green;
    margin: 0;
}

@media (max-width: 1090px) {
    form#zendrop-signup-form {
        margin: 22px 0;
    }
    div#zendrop-signup-response {
        margin: 0;
    }
}
@media (max-width: 1030px) {
    form#zendrop-signup-form {
        margin: 22px 0;
    }
}
@media (max-width: 675px) {
    form#zendrop-signup-form input#email {
        width: 100%;
        margin-bottom: 10px;
    }
    form#zendrop-signup-form button#submit-email {
        width: 100%;
    }
}
.button--loading .button__text {
    display: none;
}
.button--loading::after {
    content: "";
    position: relative;
    width: 15px;
    height: 15px;
    border: 2px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
    display: inline-block;
}
@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }
    to {
        transform: rotate(1turn);
    }
}

.zsfPasswordBox {
    position: relative;
}

.visibility-icon {
    color: #98a6ad;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 15px;
}

.visibility-icon img {
    vertical-align: middle;
    margin-top:2rem;
}

input[type="tel"].invalid {
    border-color: #ff4444;
}

input[type="tel"].invalid:focus {
    border-color: #ff4444;
    box-shadow: 0 0 0 2px rgba(255, 68, 68, 0.2);
}

.zendrop-signup-form label{
    font-size:14px;
}

.marketing-checkbox{
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
    gap:19px;
}

.marketing-checkbox label{
    display: block!important;
    color:#818390;
}

.marketing-checkbox input[type="checkbox"]{
    width: 0.875rem!important;
    height: 0.875rem!important;
    margin-top: 5px;
}

.iti{
    width: 100%;
    margin-bottom: 21px;
}