.cta-waiting-reservation-form {
--cta-form-gap: 6rem;
position: relative;
padding: 7.5rem 0;
overflow: hidden; }
.cta-waiting-reservation-form .cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: var(--cta-form-gap);
}
.cta-waiting-reservation-form .cols .col {
width: calc(50% - 0.5 * var(--cta-form-gap));
}
.cta-waiting-reservation-form .cols .right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 900px) {
.cta-waiting-reservation-form .cols {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cta-waiting-reservation-form .cols .col {
width: 100%;
text-align: center;
}
}
.cta-waiting-reservation-form__title {
margin-bottom: 2rem;
text-transform: initial;
}
.cta-waiting-reservation-form__content p { font-size: calc(var(--fs-rate) * 2.5rem);
line-height: normal;
}
.cta-waiting-reservation-form__content p:last-child {
margin-bottom: 0;
}
.cta-waiting-reservation-form__building-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(calc(var(--cta-form-gap) / 2), -50%);
transform: translate(calc(var(--cta-form-gap) / 2), -50%);
width: min(72rem, 80%);
height: 43rem;
mix-blend-mode: multiply;
}
@media screen and (max-width: 900px) {
.cta-waiting-reservation-form__building-icon {
display: none;
}
}
.cta-waiting-reservation-form__building-icon svg, .cta-waiting-reservation-form__building-icon img {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: fill;
object-fit: fill;
height: 100%;
width: auto;
}
.cta-waiting-reservation-form__building-icon svg *[fill], .cta-waiting-reservation-form__building-icon img *[fill] {
fill: #EBEBEB;
}
.cta-waiting-reservation-form__building-icon img {
opacity: 0.3;
}
.cta-waiting-reservation-form .btn--black-primary,
.cta-waiting-reservation-form .sendBtn {
-webkit-transition: background 0.3s ease-out, color 0.3s ease-out;
transition: background 0.3s ease-out, color 0.3s ease-out;
}
.cta-waiting-reservation-form .btn--black-primary:hover,
.cta-waiting-reservation-form .sendBtn:hover {
border: 1px solid var(--black-primary);
}
.cta-waiting-reservation-form.confirmation-loaded .col.left {
display: none;
}
.cta-waiting-reservation-form.confirmation-loaded .col.right {
width: 100%;
}
.cta-waiting-reservation-form.confirmation-loaded .show-form-on-demand__target {
width: 100%;
}
.cta-waiting-reservation-form.confirmation-loaded h3 {
text-transform: initial;
}