.alert{position:fixed;z-index:999;top:139px;right:30px;color:#242424;padding:20px;border-radius:5px;animation-duration:5s;animation-name:slidein;opacity:0;background:linear-gradient(125.72deg,#CEA763 29.08%,#CFB99A 82.37%)}@keyframes slidein{0%{opacity:0}35%{opacity:1}75%{opacity:1}to{opacity:0}}

.box {
    position: fixed;
    width: 100vw;
    height: 100%;
    z-index: 100;
    background-color: #2d2d2d3b;
    display: none;
    backdrop-filter: blur(5px);
}

.box__container {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    height: 100%;
    
}

   .btn_close{
    position: absolute;
    top: 100px;
    right:80px;
    font-size:30px;
    color:white;cursor: pointer;
}   

.box__picture {
    width: 70%;
    padding-top: 65%;
    background-color: #5e584c;
    position: relative;
    transition: src 1s;
   
}
 @media (max-width: 991px) {
       .box__picture { width: 100%;
        padding-top: 70%;}
    }
.box__picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zoomed-navigation_next {
    z-index: 100;
    position: absolute;
    top: 48%;
    left: 30px;
    color: white;
}

.zoomed-navigation_prew {
    z-index: 100;
    position: absolute;
    top: 48%;
    right: 30px;
    color: white;
}