.popup {
    position: fixed;
    z-index: 2000;
    top: 0;
    bottom: 0;
    width: 100%;
}

.popup.elementor-section.elementor-section-boxed > .elementor-container {
    position: absolute;
    right: 0;
    top:0;
    bottom:0;
    max-width: 768px;
    overflow-x: hidden;
    overflow-y: auto;
}

.entrapopup {
    animation-name: entrapopup;
    animation-duration: .7s;    
  }
  
.saipopup {
    animation-name: saipopup;
    animation-duration: .7s;  
}
  
@keyframes entrapopup {
    0%   {opacity:0;}
    100% {opacity: 1;}
}
  
@keyframes saipopup {
    0%   {opacity: 1;}
    100% {opacity: 0;}
}
  
@media screen and (max-width: 1023.98px){
    @keyframes entrapopup {
        0%   {right: -768px;}
        100% {right: 0;}
    }
  
    @keyframes saipopup {
        0%   {right: 0;}
        100% {right: -768px;}
    }
}

@media screen and (max-width:768px){
    .popup.elementor-section.elementor-section-boxed > .elementor-container {
        left: 0;
    }
}

@media screen and (min-width:1024px){
    .popup.elementor-section.elementor-section-boxed > .elementor-container {
        left: 0;
        display: flex;
        align-items: flex-start;       
        margin-top: 40px;
    }
}

#dim-overlay {
    background: var(--cor-overlay);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1999;
}