ul#menu-coming-soon-menu {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
}
ul#menu-coming-soon-menu li {
color: #474747;
font-size: 16px;
font-weight: 400;
line-height: 20px;
border: none;
margin-bottom: 0;
padding: 0;
} .csf-v1 .csf_container .csf_logo img {
max-width: 80px;
}
.csf-v1 .csf_container .csf_form .ff_submit_btn_wrapper {
text-align: left !important;
}
.csf-v1 .csf_container .csf_form button {
max-width: 158px !important;
} .cf-v1 .quform-submit {
max-width: 140px;
} .modal {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
z-index: 10000;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
}
.modal-body {
width: 100%;
}
.modal.is-visible {
visibility: visible;
}
.modal.is-visible .modal-overlay {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.modal.is-visible .modal-transition {
transform: translateY(0);
opacity: 1;
}
.modal-overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: hsla(0, 0%, 0%, 0.5);
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.modal-wrapper {
z-index: 9999;
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #FFF;
box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
max-width: 600px;
width: 100%;
padding: 40px;
border-radius: 40px;
}
.modal-transition {
transition: all 0.3s 0.12s;
transform: translateY(-10%);
opacity: 0;
}
.modal-close-button-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.modal-close-button-wrapper button {
background-color: transparent;
border: none;
}
.modal-close-button-wrapper i {
font-size: 36px;
color: #000;
}
.modal-close-button-wrapper i:hover {
color: #767676;
}
.custom_modal {
display: none;
position: fixed;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
.custom_modal .gdlr-core-text-box-item-content {
max-width: 980px;
width: 100%;
border-radius: 40px;
background-color: #FFF;
padding: 60px 160px;
}
.custom_modal .gdlr-core-text-box-item-content div:first-child {
display: flex;
justify-content: flex-end;
margin-bottom: 40px;
}
.btn-primary1 button.modal-toggle {
max-width: 260px;
width: 100%;
height: 56px;
display: flex;
justify-content: center;
align-items: center;
border: none;
border-radius: 16px;
background-color: #409EFF;
color: #FFF;
text-align: center;
font-size: 17px;
font-weight: 600;
line-height: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) { .modal-wrapper {
max-width: 600px;
}
}
@media only screen and (max-width: 767px) {  .modal-wrapper {
max-width: 360px;
padding: 20px 40px 40px;
} ul#menu-coming-soon-menu {
flex-direction: column;
}
}