section.images-w-popup{padding-bottom:30px;padding-top:30px}section.images-w-popup .popup-wrapper{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){section.images-w-popup .popup-wrapper{gap:2.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){section.images-w-popup .popup-wrapper{grid-template-columns:repeat(4,minmax(0,1fr))}}section.images-w-popup .popup-wrapper .wrapper-el{cursor:pointer;display:flex;flex-direction:column;gap:1.5rem}section.images-w-popup .popup-wrapper .wrapper-el .el-img{aspect-ratio:1/1;border-radius:.75rem;overflow:hidden;position:relative}section.images-w-popup .popup-wrapper .wrapper-el .el-img img{border-radius:.75rem;max-height:300px;transition-duration:.3s;width:100%}section.images-w-popup .popup-wrapper .wrapper-el .el-img:before{background-image:url(/wp-content/themes/wysscenter_theme/public/images/icons/icon-plus.217b62.svg);background-repeat:no-repeat;background-size:cover;border-radius:.75rem;bottom:.75rem;content:"";display:block;height:3rem;padding:.75rem;position:absolute;right:.75rem;width:3rem;z-index:10}section.images-w-popup .popup-wrapper .wrapper-el .el-img:hover:before{background-image:url(/wp-content/themes/wysscenter_theme/public/images/icons/icon-plus-grey.7fe55d.svg)}section.images-w-popup .popup-wrapper .wrapper-el .el-title{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-family:IBM Plex Sans;font-size:1.125rem;font-weight:600;line-height:1.75rem}section.images-w-popup .popup-wrapper .wrapper-el:hover .el-img img{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.popup-courses{height:100dvh;overflow:scroll;position:fixed;top:0;width:100%;z-index:30}@media (min-width:768px){.popup-courses{overflow:hidden}}.popup-courses{align-content:center;transform:translateX(100%)}.popup-courses .close-popup svg{--tw-rotate:45deg;cursor:pointer;margin-left:auto;margin-top:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.popup-courses .popup-wrapper{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.5rem;height:100%;margin-left:auto;margin-right:auto;overflow:auto;padding:1rem;width:-moz-fit-content;width:fit-content}@media (min-width:768px){.popup-courses .popup-wrapper{height:-moz-fit-content;height:fit-content;padding:1.5rem 1.75rem}}.popup-courses .popup-wrapper{left:50%;transform:translateX(100%);transition:transform .3s ease-in-out}.popup-courses .popup-wrapper .info-popup{height:377px;margin-top:2.25rem;max-width:910px;overflow-y:auto;overscroll-behavior:contain;padding-bottom:3rem}.popup-courses .popup-wrapper .info-popup .popup-title{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-family:IBM Plex Sans;font-size:1.5rem;font-weight:600;line-height:2rem}@media (min-width:768px){.popup-courses .popup-wrapper .info-popup .popup-title{font-size:32px;line-height:40px}}.popup-courses .popup-wrapper .info-popup .popup-text{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;margin-top:1rem}@media (min-width:768px){.popup-courses .popup-wrapper .info-popup .popup-text{font-size:1.125rem;line-height:1.75rem}}.popup-courses.open{background:#00000080;transform:translateX(0);z-index:30}.popup-courses.open .popup-wrapper{transform:translateX(0);transition:transform .3s ease-in-out}