.gallery{position:relative;padding:100px 0}.filter{gap:3rem}.gallery .image-gallery{width:100%;height:273px;max-width:100%;position:relative;cursor:pointer;overflow:hidden;border-radius:10px}.gallery .image-gallery:before{content:"\f00e";font-family:FontAwesome;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;color:#fff;font-weight:900;display:flex;justify-content:center;align-items:center;text-transform:capitalize;font-size:70px;transition:.6s;opacity:0;z-index:1;background-color:rgba(0,0,0,.301)}.gallery .image-gallery img{width:100%;height:100%;max-width:100%;transition:.6s;border-radius:10px}.gallery .image-gallery:hover:before{opacity:1;font-size:30px}.gallery .image-gallery:hover img{scale:1.1}img.zoom{width:auto;height:auto!important;max-height:720px;padding:40px 0!important;margin:0 auto}.modal-content{background-color:transparent!important;border:none!important;align-items:center!important;justify-content:center!important;flex-direction:row!important}.modal-backdrop.show{opacity:80%}.modal{--bs-modal-padding:0!important;--bs-modal-margin:0!important}.modal-body{width:-moz-fit-content!important;width:fit-content!important;margin:auto!important}.close-icon{position:absolute;top:15px;right:0;font-size:20px;color:white;cursor:pointer;z-index:10;transition:.4s;font-weight:700}.close-icon:hover{color:var(--primary-color)}.filter span{font-size:18px;font-family:var(--mainmenu-font);cursor:pointer;transition:.4s}.filter span:hover{color:var(--primary-color)!important}@media(max-width:992px){img.zoom{width:700px!important}.gallery:after,.gallery:before{display:none}}@media(max-width:768px){img.zoom{width:350px!important}.close-icon{right:20px}.filter span{font-size:14px}.filter{gap:12px!important}}