.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(25%,1fr))}.gallery-section .image{overflow:hidden;position:relative}.gallery img{cursor:pointer;height:100%!important;transition:transform .3s;width:100%}.lightbox{align-items:center;background:rgba(0,0,0,.9);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.lightbox.active{display:flex}.lightbox img{border-radius:10px;max-height:70%;max-width:80%;object-fit:cover;opacity:0;transform:scale(.95);transition:opacity .5s ease,transform .5s ease;width:50%}.lightbox img.show{opacity:1;transform:scale(1)}.gallery-section .lightbox .close,.gallery-section .lightbox .next,.gallery-section .lightbox .prev{background:rgba(0,0,0,.4);border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:50px;line-height:normal;padding:10px;position:absolute;text-align:center;transition:.3s;user-select:none;width:50px}.lightbox .close{right:20px;top:20px}.lightbox .prev{left:30px}.lightbox .next,.lightbox .prev{top:50%;transform:translateY(-50%)}.lightbox .next{right:30px}.gallery-section .gallery-content{text-align:center}.gallery-section .image:hover img{transform:scale(1.1)}.gallery-section .gallery-content h2{letter-spacing:2px;line-height:120%;margin-bottom:28px;text-transform:capitalize}.gallery-section .image .gallery_img_hover{align-items:center;background:linear-gradient(180deg,hsla(36,26%,57%,0) 48.56%,#000);display:flex;flex-direction:column;height:100%;justify-content:end;left:0;padding-bottom:47px;pointer-events:none;position:absolute;row-gap:15px;top:0;transition:all .4s ease-in-out;width:100%}.gallery-section .image .gallery_img_hover h4{color:#fff;font-size:26px;font-weight:600;letter-spacing:3px;line-height:100%;margin:0;text-align:center;text-transform:uppercase;vertical-align:middle}@media only screen and (max-width:767px){.gallery{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.gallery-section .gallery-content h2{font-size:30px;margin-bottom:15px}.lightbox .prev{left:8px}.lightbox .next{right:8px}.gallery-section .image .gallery_img_hover h4{font-size:20px}.lightbox img{width:65%}.gallery-section .gallery-content h2{font-size:28px}}@media only screen and (min-width:768px) and (max-width:1024px){.gallery{grid-template-columns:repeat(auto-fill,minmax(50%,1fr))}.lightbox img{width:65%}.gallery-section .image .gallery_img_hover h4{font-size:24px}.gallery-section .gallery-content h2{font-size:32px}}@media only screen and (min-width:1025px) and (max-width:1240px){.gallery{grid-template-columns:repeat(auto-fill,minmax(33.3%,1fr))}.lightbox img{max-height:85%;width:70%}}