.overlay-container { 
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    justify-content: center;
    background: rgba(0, 0, 0, 0.527);
    backdrop-filter: blur(1px);
    align-items: center; 
    opacity: 0; 
    z-index:2;

}
.poptext{
    display: flex;
    justify-content: center;
    align-items: center;
}
.poptext img{
margin-left: 13px;
    width: 15%;
}
.popup-box { 
    background: #000000b5; 
    padding: 24px; 
    border-radius: 22px; 
    box-shadow: 0 0 6px rgb(255, 255, 255); 
    width: 320px; 
    text-align: center; 
    opacity: 0; 
    color: white;
    transform: scale(0.8); 
    animation: fadeInUp 0.7s ease-out forwards; 
} 
.popup-box h2{
    font-family: "KoHo", sans-serif;
}
#qrinsta{
    margin-top: 23px;
    border-radius: 24px;
    width: 90%;
    
}
.btn-submit, 
.btn-close-popup { 
    padding: 6px 24px; 
    border: none; 
    font-family: "KoHo", sans-serif;
    border-radius: 8px; 
    cursor: pointer; 
    transition: background-color 0.3s ease, color 0.3s ease; 
} 

.btn-close-popup,.btn-submit { 
    border: Solid rgba(255, 255, 255, 0.338) 1px;
    background-color: rgba(255, 255, 255, 0.368);
    transition: 0.25s; 
    color: #fff; 
} 

.btn-close-popup { 
    margin-top: 12px; 
    /* background-color: orangered;  */
    color: #fff; 
} 

.btn-submit:hover, 
.btn-close-popup:hover { 
    background-color: orangered;
    color: white;
    /* border-radius: 4px; */

    /* transform: scale(1.06); */
    box-shadow: 0px 0px 14px rgb(213, 44, 7);
} 

/* Keyframes for fadeInUp animation */ 
@keyframes fadeInUp { 
    from { 
        opacity: 0; 
        transform: translateY(20px); 
    } 

    to { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

/* Animation for popup */ 
.overlay-container.show { 
    display: flex; 
    opacity: 1; 
}