.gallery_box_container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);background-color:rgba(0,0,0,.201);font-family:"Raleway";.gallery_box{width:90%;height:90%;background-color:rgba(0,0,0,.818);border-radius:10px;padding:10px;overflow:hidden;position:relative;@media screen and (max-width:768px){width:calc(100% - 40px);height:90%}.loader{width:50px;height:50px;border-radius:50%;border:3px solid;border-color:#ffffff #0000;animation:l1 1s infinite;position:absolute;top:50%;left:50%;z-index:1000}.gallery_box_navigation{position:absolute;bottom:140px;transform:translateY(-50%);right:30px;width:fit-content;height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:1000;button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid #ffffff9e;border-radius:50px;padding:0;background-color:transparent;color:#ffffff9e;font-weight:800;cursor:pointer;transition:all ease .3s;&:hover{color:#fff;border-color:#fff}}}.gallery_box_description{position:absolute;bottom:50px;left:50px;color:#fff;z-index:1000;@media screen and (max-width:481px){left:20px}h2{font-size:29px;@media screen and (max-width:768px){font-size:24px}@media screen and (max-width:480px){font-size:18px}}h4{font-weight:500;@media screen and (max-width:768px){font-size:14px}@media screen and (max-width:480px){font-size:12px}}}.gallery_box_header{width:100%;height:40px;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:1000;background-color:#0000007b;border-radius:20px;@media screen and (max-width:481px){font-size:14px}.gallery_close{position:absolute;top:5px;right:5px;width:15px;height:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:20px;transition:all ease .3s;padding:15px;border-radius:50%;&:hover{background-color:#ff000079}&::after{content:"";position:absolute;height:2px;width:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transition:all ease .3s}&::before{content:"";position:absolute;height:2px;width:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);transition:all ease .3s}}}.gallery_box_body{width:100%;height:calc(100% - 40px);display:flex;align-items:center;justify-content:center;.gallery_item{height:150px;width:215px;background-position:center;background-size:cover;position:absolute;top:90%;transform:translateY(-70%);left:70%;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.3);background-position:50% 50%;background-size:cover;z-index:100;transition:1s;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none;img{height:100%;width:100%;object-fit:cover;float:left;overflow:hidden;transition:1s}&:nth-child(1),&:nth-child(2){top:0;left:0;transform:translate(0,0);border-radius:0;width:100%;height:100%;pointer-events:all;img{cursor:zoom-out}}&:nth-child(1){opacity:0}&:nth-child(3){left:70%}&:nth-child(4){left:calc(70% + 230px)}&:nth-child(5){left:calc(70% + 460px)}&:nth-child(6){left:calc(70% + 690px)}&:nth-child(7){left:calc(70% + 920px)}&:nth-child(8){left:calc(70% + 1150px)}&:nth-child(9){left:calc(70% + 1380px)}&:nth-child(10){left:calc(70% + 1610px)}&:nth-child(11){left:calc(70% + 1840px)}&:nth-child(12){left:calc(70% + 2070px)}&:nth-child(13){left:calc(70% + 2300px)}}}}}@keyframes l1{from{transform:translate(-50%,-50%) rotate(0turn)}to{transform:translate(-50%,-50%) rotate(.5turn)}}