.popup-wrapper.visible {
display: flex;
}
.popup-wrapper {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
background-color: rgba(168, 168, 168, 0.67);
backdrop-filter: blur(5px) brightness(1.04);
overflow-x: auto;
align-items: center;
display: none;
}
.popup-wrapper section {
max-width: 1040px;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.popup-wrapper section > div {
width: 100%;
background-color: #FFE500;
display: flex;
flex-wrap: wrap;
position: relative;
min-height: 575px;
}
.popup-wrapper section .close {
position: absolute;
right: 50px;
top: 50px;
width: 25px;
height: auto;
cursor: pointer;
}
.popup-wrapper section .left {
width: 48.7%;
}
.popup-wrapper section.noimg .left {
display: none;
}
.popup-wrapper section .left img {
width: 100%;
height: 100%;
object-fit: contain;
}
.popup-wrapper section .right {
width: 51.3%;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 50px;
padding-right: 50px;
}
.popup-wrapper section.noimg .right {
width: 100%;
max-width: 635px;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
}
.popup-wrapper section .right h2 {
font-size: 40px;
line-height: 40px;
margin-bottom: 12px;
}
.popup-wrapper section .right span {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;  
max-width: 370px;
}
.popup-wrapper section.noimg .right span {
max-width: none;
}
.popup-wrapper section .popup-logo {
position: absolute;
right: 50px;
bottom: 50px;
width: 60px;
height: auto;
}
@media screen and (max-width: 992px) {
.popup-wrapper section .right {
padding-left: 25px;
padding-right: 25px;
}
.popup-wrapper section .popup-logo, .popup-wrapper section .close {
right: 25px;
}
}
@media screen and (max-width: 768px) {
.popup-wrapper section {
width: 100%;
}
.popup-wrapper section > div {
display: block;
min-height: auto;
}
.popup-wrapper section .close {
top: 25px;
}
.popup-wrapper section.noimg .close line {
stroke: black;
}
.popup-wrapper section .close line {
stroke: white;
}
.popup-wrapper section .left {
width: 100%;
height: 225px;
}
.popup-wrapper section .right {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.popup-wrapper section .right h2 {
font-size: 32px;
line-height: 40px;
}
.popup-wrapper section .right span {
font-size: 20px;
line-height: 27px;   
max-width: none;
}
.popup-wrapper section .popup-logo {
display: none;
}
.popup-wrapper section.noimg .right {
padding-top: 75px;
}
}