.consult-popup {
position: fixed;
top: -120%;
left: 0;
z-index: 99;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
} .consult-popup.active {
top: 44px;
} .consult-popup-form {
position: relative;
z-index: 10;
display: flex;
justify-content: space-between;
flex-direction: column;
max-width: 805px;
width: 100%;
height: fit-content;
background: var(--white-text);
border-radius: 15px;
padding: 15px 25px;
} .consult-popup-form > h2 {
font-size: 32px;
font-weight: 700;
line-height: 117%;
letter-spacing: 5%;
vertical-align: middle;
color: var(--dark);
} .consult-popup-form > p {
font-size: 16px;
font-weight: 400;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: uppercase;
color: var(--light2);
margin: 10px 0 20px;
} .consult-popup-form .form-fields {
margin: 15px 0;
} .consult-popup-form .form-field.checkbox {
margin: 10px 0 20px;
} .form-field.checkbox a {
color: var(--light2);
} .z2 {
z-index: 2;
} .consult-popup-form .consult-buttons {
display: flex;
justify-content: space-between;
gap: 20px;
width: 100%;
} .consult-popup-form .consult-buttons button {
width: 100%;
cursor: pointer;
} .consult-popup-form .consult-buttons .button_light {
max-width: 254px;
font-size: 20px;
} .consult-popup-form .consult-buttons .button {
max-width: 437px;
font-size: 24px;
outline: none;
border: none;
} .consult-popup__bg {
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 100%;
height: 100%;
background: rgba(16, 9, 9, 0.7);
} .consult-popup__close {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
max-width: 40px;
max-height: 40px;
cursor: pointer;
} .consult-popup__close svg {
width: 40px;
height: 40px;
max-width: 40px;
max-height: 40px;
color: var(--dark);
}
@media (max-width: 750px) {
.consult-popup.active {
top: 35px;
} .consult-popup-form {
max-height: calc(100vh - 120px);
overflow: auto;
}
}