.dnxtePopup_wrap {
position: relative;
background: #fff;
padding: 20px;
display: grid;
max-width: 1000px;
width: 100%;
margin: 0 auto;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.dnxtePopupcontent {
font-size: 16px;
line-height: 25px;
}
.dnxte_popup_btn {
font-size: 16px;
color: #fff;
background: #5425cd;
padding: 12px 18px;
font-family: "Helvetica", Arial, Lucida, sans-serif;
line-height: 1;
vertical-align: middle;
cursor: pointer;
text-decoration: none;
transition: all 0.5s;
border-radius: 50px;
}
.dnxte_popup_btn:hover {
background: #f6724c;
color: #fff;
} .dnxte_popup_custom button.dnxte_popup-close {
background: #5425cd;
color: #fff;
opacity: 1;
font-size: 40px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
padding: 10px 20px;
} .dnxte_popup_overlay.dnxte_popup_custom.animate__animated.dnxte_popup-ready {
background: rgba(0, 0, 0, 0.25);
} .et-waypoint:not(.et_pb_counters) {
opacity: 1 !important;
}
.dnxte_popup-removing {
animation: close 1s;
}
@keyframes open {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes close {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .dnxte_popup_pro_top_left_close {
position: absolute;
left: 0;
top: 0 !important;
text-align: center;
} .dnxte_popup_pro_top_center_close {
position: absolute;
left: 50%;
transform: translateX(-50%);
text-align: center;
} .dnxte_popup_pro_top_right_close {
position: absolute;
left: auto;
right: 0;
top: 0;
text-align: center;
} .dnxte_popup_pro_bottom_left_close,
.dnxte_popup_pro_bottom_left_close:active {
position: absolute;
left: 0;
top: auto !important;
transform: translateY(-100%);
text-align: center;
} .dnxte_popup_pro_bottom_center_close,
.dnxte_popup_pro_bottom_center_close:active {
position: absolute;
left: 50%;
top: auto !important;
bottom: 0;
transform: translateX(-50%);
} .dnxte_popup_pro_bottom_right_close,
.dnxte_popup_pro_bottom_right_close:active {
position: absolute;
left: auto;
top: auto !important;
transform: translateY(-100%);
text-align: center;
} .dnxte_popup_pro_position_top_left {
position: fixed;
left: 0;
top: 0;
}
.dnxte_popup_pro_position_top_center {
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.dnxte_popup_pro_position_top_right {
position: fixed;
left: auto;
top: 0;
right: 0;
} .dnxte_popup_pro_position_center_left {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.dnxte_popup_pro_position_center_center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.dnxte_popup_pro_position_center_right {
position: absolute;
left: auto;
top: 50%;
right: 0;
transform: translateY(-50%);
} .dnxte_popup_pro_position_bottom_left {
position: fixed;
left: 0;
bottom: 0;
}
.dnxte_popup_pro_position_bottom_center {
position: fixed;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.dnxte_popup_pro_position_bottom_right {
position: fixed;
left: auto;
right: 0;
bottom: 0;
}
.dnxte_popup_overlay.dnxte_popup_custom {
z-index: 999991;
background: rgba(0, 0, 0, 0.25);
}
.dnxte_popup_wrap.dnxte_popup_custom {
z-index: 99999214748;
top: 0 !important;
position: fixed !important;
}
.dnxte-clickable-under-overlay.dnxte_popup_overlay,
.dnxte-clickable-under-overlay.dnxte_popup_wrap {
pointer-events: none !important;
}
.dnxte-clickable-under-overlay .dnxte_popup-content,
.dnxte-clickable-under-overlay .dnxte_popup-close {
pointer-events: all !important;
}
.dnxte_popup_wrap.dnxte_popup_custom.dnxte-prevent-scrolling {
position: fixed !important;
}
.dnxte_popup_pro_layout_full_width {
position: relative;
top: 0;
left: 0;
bottom: 0;
transform: translate(0, 0);
}
.et_fixed_nav.et_show_nav .dnxte_popup_custom #page-container {
padding-top: 0;
}
.dnxte_popup_content {
pointer-events: all;
}
input,
textarea,
select,
button,
a {
pointer-events: all !important;
}
.clr-both {
clear: both;
} .dnxte_popups_counting .gform_wrapper,
.dnxte_popups_counting iframe {
display: block !important;
}   .dnxte_popup_overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.dnxte_popup_wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.dnxte_popup_container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
z-index: 999999;
}
.dnxte_popup_container:before {
content: '';
display: none; }
.dnxte_popup-align-top .dnxte_popup_container:before {
display: none;
}
.dnxte_popup-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
width: 100%;
}
.dnxte_popup-inline-holder .dnxte_popup-content,
.dnxte_popup-ajax-holder .dnxte_popup-content {
width: 100%;
cursor: auto;
}
.dnxte_popup-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
z-index: 999992;
cursor: pointer;
border: none;
}
.dnxte_popup-close:hover,
.dnxte_popup-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.dnxte_popup-close:active {
top: 1px;
}
.dnxte_popup-close-btn-in .dnxte_popup-close {
color: #333;
} body.dnxte-popup-open {
overflow: hidden;
} .close-btn-tooltip::after {
content: attr(data-tooltip);
position: absolute;
top: 100%;
right: 100%; background: #000;
color: #fff;
padding: 6px 10px;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
font-size: 14px;
}
.close-btn-tooltip:hover::after {
opacity: 1;
} .et_block_row:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
width: 0;
}