.ajax-form {
    padding: 12px 20px 18px 20px;
}

.success,
.error {
    display: none;
    width: 100%;
    text-align: center;
    padding: 12px;
    font-size: 18px;
    color: black
}

.success {
    background: #49d94f
}

.error {
    background: #F44336
}

.ajax-form {
    padding: 12px 20px 18px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ajax-form input,
.ajax-form textarea,
#contactForm input {
    display: block;
    background: transparent;
    width: 100%;
    padding: 20px;
    color: white;
    border: 1px solid transparent;
    border-bottom: 1px solid #b3b3b3;
    margin-top: 8px;
    outline: none;
    border-radius: 0
}

.ajax-form select {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    line-height: 1.3;
    padding: 20px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: 8px;
    border: 1px solid transparent;
    border-bottom: 1px solid #4A4A4A;
    border-radius: 6px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #F6F6F6;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%
}

.ajax-form select::-ms-expand {
    display: none
}

.ajax-form select:hover {
    cursor: pointer
}

.ajax-form select option {
    font-weight: normal
}

*[dir="rtl"] .ajax-form select,
:root:lang(ar) .ajax-form select,
:root:lang(iw) .ajax-form select {
    background-position: left .7em top 50%, 0 0;
    padding: 20px
}

.ajax-form input[readonly] {
    background: rgba(239, 225, 225, 0.46) !important;
    border: 1px solid rgb(220, 220, 220);
    color: #acacac
}

.ajax-form input:focus,
.ajax-form select:focus,
.ajax-form textarea:focus {
    box-shadow: 0 0 0 3px rgba(207, 13, 13, 0.11);
    border: 1px solid #ff9c9c;
    outline: none
}

.ajax-form input[readonly]:focus {
    border: 1px solid rgb(220, 220, 220);
    box-shadow: none;
    outline: none
}

#recaptcha_1,
#recaptcha_2,
#recaptcha_3 {
    width: fit-content;
    margin: 8px auto 0 auto
}

.recaptcha-block {
    position: relative
}

.confidentiality span {
    flex: 0 0 auto;
    width: 90%;
    margin-left: 8px;
    font-weight: 500;
    font-size: 14px;
    color: rgb(255, 255, 255)
}

.confidentiality span.modal-title {
    margin: 0
}

.confidentiality a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px dashed
}

.confidentiality a:hover {
    color: #f10d0d !important;
    border-bottom: 1px dashed #f10d0d !important
}

.confidentiality input {
    width: 15px
}

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

.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    cursor: pointer
}

.custom-checkbox+label::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid rgba(153, 90, 90, 0.5);
    margin-right: .5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox:checked+label::before {
    border-color: rgb(223, 9, 9);
    background-color: rgb(240, 41, 41);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

#ajax-form-modal .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: #e45757
}

.custom-checkbox:not(:disabled):active+label::before {
    background-color: #d64545;
    border-color: #c42525
}

.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 .2rem rgba(209, 8, 8, 0.25)
}

.custom-checkbox:focus:not(:checked)+label::before {
    border-color: #d60c0c
}

.custom-checkbox:disabled+label::before {
    background-color: #efeee9
}

@media(min-width:992px) {
    section.form-section form {
        max-width: 80%
    }
}