.openEnquireForm{
    position: absolute !important;
    top:1rem;
    left:50%;
    transform: translateX(-50%);
    z-index: 20;
}
/* body[data-page-url="contact-us"] .openEnquireForm{
    display: none;
} */
.contactsEnquireButton{
    display: inline-block !important;
    position: relative !important;
    left: 0;
    transform: none;
}
.resultMessage{
    text-align: center;
    margin: 0.5em 0;
}
.resultMessage.fail{
    color: var(--colorError);
}
.resultMessage.success{
    color: var(--colorSuccess);
}
.mailForm{
    transition: all 0.0s !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a0;
    backdrop-filter: blur(10px);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}
.formContent{
    max-width: 640px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-height: 100%;
    padding-right: 0.5rem;
    overflow-y: auto;
}

.formContent form {
    font-size: clamp(12px, 2.5vw, 1rem);
}
.formContent form {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    justify-content: space-between;
    width: 100%;
    height: fit-content;
    padding: 1.25rem;
    background: var(--colorWhite);
    border-radius: 0.5rem;
    color: var(--colorTextDark);
    position: relative;
    border-top: 10px solid var(--colorPrimary2);
}
.mailFormCloseButton{
    position: absolute !important;
    top:1rem;
    right: 1rem;
    z-index: 1;
}
.mailFormCloseButton i{
    font-size: 1rem !important;
}
.formImageContainer img{
    width: 100%;
    overflow: hidden;
    height: auto;
    border-radius: 0.5rem;
}

form .buttonsLine{
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}


.formSubTitle{
    opacity: 0.7;
}

form label {
    display: flex;
    margin: 8px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    user-select: none;
    width: 100%;
}
form input:not([type="checkbox"], [type="radio"]), textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--colorSecondaryDeepBlueGray);
    width: 100%;
    padding: 10px;
}
form h4, form h3{
    color:var(--colorSecondaryDeepBlueGray)
}

.checkbox-container > label, .radio-container > label {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    cursor: pointer;
}
.checkbox-container label {
    margin-left: 10px;
}
.checkbox-container input[type="checkbox"]:checked {
    background-color: var(--colorSecondaryDeepBlueGray);
    border-color: var(--colorSecondaryDeepBlueGray);
}
.checkbox-container input[type="checkbox"] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: white;
    border: 2px solid var(--colorSecondaryDeepBlueGray);
    appearance: none;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.checkbox-container input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12"><path d="M1 5l3 3l5-6" stroke="white" stroke-width="2" fill="none"/></svg>') no-repeat center;
    background-size: 60%;
}

.radio-container input[type="radio"]:checked {
    background-color: white;
    border-color: var(--colorSecondaryDeepBlueGray);
}
.radio-container input[type="radio"] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: white;
    border: 2px solid var(--colorSecondaryDeepBlueGray);
    appearance: none;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.radio-container input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 52%;
    width: 14px;
    height: 14px;
    background-color: var(--colorSecondaryDeepBlueGray);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.buttonBlock{
    pointer-events: none !important;
    opacity: 0.5 !important;
}
/* 
.buttonBlock i{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 50 50"><defs><linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="white" stop-opacity="1" /><stop offset="100%" stop-color="white" stop-opacity="0" /></linearGradient></defs><g transform="translate(25, 25)"><!-- 12 лепестков с постепенным затуханием --><g><circle cx="0" cy="-15" r="4" fill="url(%23gradient)" opacity="1"><animate attributeName="opacity" values="1;0" dur="1s" repeatCount="indefinite" begin="0s" /></circle><circle cx="0" cy="-15" r="4" fill="url(%23gradient)" opacity="0" transform="rotate(30)"><animate attributeName="opacity" values="1;0" dur="1s" repeatCount="indefinite" begin="0.083s" /></circle><circle cx="0" cy="-15" r="4" fill="url(%23gradient)" opacity="0" transform="rotate(60)"><animate attributeName="opacity" values="1;0" dur="1s" repeatCount="indefinite" begin="0.166s" /></circle><circle cx="0" cy="-15" r="4" fill="url(%23gradient)" opacity="0" transform="rotate(90)"><animate attributeName="opacity" values="1;0" dur="1s" repeatCount="indefinite" begin="0.25s" /></circle><circle cx="0" cy="-15" r="4" fill="url(%23gradient)" opacity="0" transform="rotate(120)"><animate attributeName="opacity" values="1;0" dur="1s" repeatCount="indefinite" begin="0.333s" /></circle><circle cx="0" cy="-15" r="4" fill="url(%23gradient)" opacity="0" transform="rotate(150)"><animate attributeName="opacity" values="1;0" dur="1s" repeatCount="indefinite" begin="0.416s" /></circle><circle cx="0" cy="-15" r="4" fill="url(%23gradient)" opacity="0" transform="rotate(180)"><animate attributeName="opacity" values="1;0" dur="1s" repeatCount="indefinite" begin="0.5s" /></circle><circle cx="0" cy="-15" r="4" fill="url(%23gradient)" opacity="0" transform="rotate(210)"><animate attributeName="opacity" values="1;0" dur="1s" repeatCount="indefinite" begin="0.583s" /></circle><circle cx="0" cy="-15" r="4" fill="url(%23gradient)" opacity="0" transform="rotate(240)"><animate attributeName="opacity" values="1;0" dur="1s" repeatCount="indefinite" begin="0.666s" /></circle><circle cx="0" cy="-15" r="4" fill="url(%23gradient)" opacity="0" transform="rotate(270)"><animate attributeName="opacity" values="1;0" dur="1s" repeatCount="indefinite" begin="0.75s" /></circle><circle cx="0" cy="-15" r="4" fill="url(%23gradient)" opacity="0" transform="rotate(300)"><animate attributeName="opacity" values="1;0" dur="1s" repeatCount="indefinite" begin="0.833s" /></circle><circle cx="0" cy="-15" r="4" fill="url(%23gradient)" opacity="0" transform="rotate(330)"><animate attributeName="opacity" values="1;0" dur="1s" repeatCount="indefinite" begin="0.916s" /></circle></g></g></svg>') no-repeat center;
    width: 2em;
    height: 2em;
    display: inline-block;
    margin: -0.5em 0.5em -0.5em 0;
    vertical-align: middle;
} */