.okthemes-popup-wrapper {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
display: flex;
align-items: center;
justify-content: center;
}
.okthemes-popup-wrapper:not(.editing) {
visibility: hidden;
transition: transform 0.5s cubic-bezier(0.165,0.84,0.44,1); 
transform: translateX(-100%);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.okthemes-popup-wrapper:not(.editing) .popup-overly {
opacity: 0;
transition: all 0.3s ease-out;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.okthemes-popup-wrapper:not(.editing).show {
visibility: visible !important;
transform: none;
z-index: 9999;
}
.okthemes-popup-wrapper:not(.editing).show .popup-overly {
opacity: 0.8;
}
.okthemes-popup-wrapper .popup-close {
position: fixed;
right: 30px;
top: 30px;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border: none;
} .okthemes-popup-wrapper.show {
overflow: hidden;
}
.okthemes-popup-wrapper .popup-container {
position: relative;
width: 100%;
height: 100vh;
max-height: 100vh;
z-index: 2;
overflow-y: auto;
overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } body.popup-open {
overflow: hidden !important;
height: 100vh;
position: fixed;
width: 100%;
} @supports (overflow: clip) {
body.popup-open {
overflow: clip !important;
}
} .okthemes-popup-wrapper .elementor-section-wrap {
min-height: 100vh;
} @media (max-width: 767px) {
.okthemes-popup-wrapper .popup-close {
right: 15px;
top: 15px;
}
}