.gallery{.content-cover{--bs-gutter-x:28px;--bs-gutter-y:28px;.gallery-img{display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:46/29;border:none;border-radius:12px;img{object-fit:cover;width:100%;height:100%;display:block;transition:all .5s ease-in-out}.gallery-layar{position:absolute;inset:50%;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .5s ease-in-out;&:after,&:before,*{transition:all .5s ease-in-out}&:after,&:before{content:"";position:absolute;display:block;opacity:0;aspect-ratio:1;width:0}&:before{top:24px;left:24px;border-top:3px solid var(--white);border-left:3px solid var(--white)}&:after{bottom:24px;right:24px;border-bottom:3px solid var(--white);border-right:3px solid var(--white)}.eye-button{border-radius:50%;border:none;background-color:var(--white);width:0;display:flex;align-items:center;justify-content:center;aspect-ratio:1;visibility:hidden;opacity:0;transition:all .4s ease-in-out}}&:hover{img{transform:scale(1.1)}.gallery-layar{background-color:var(--secondary-100);inset:0;&:after,&:before{width:80px;opacity:1}.eye-button{visibility:visible;width:52px;opacity:1;&:hover{background-color:var(--third)}}}}}}}.gallery-modal{.modal-content{border:none;border-radius:12px}}.gallery-imgpreviewer #modal-wrapper{padding:0!important;overflow:hidden!important}.image-gallery-slide{text-align:center}.image-gallery-thumbnails-wrapper{display:none}.image-gallery-description{top:0;width:100%;background-color:transparent!important;text-align:center;text-transform:capitalize;font-size:var(--fs-28)}.image-gallery-icon>.image-gallery-svg{width:40px;height:40px}.image-gallery-icon:hover>.image-gallery-svg{stroke:var(--secondary)}@media screen and (max-width:1199px){.our-gallery .gallery-cover{--bs-gutter-x:15px;--bs-gutter-y:15px}.our-gallery .gallery-cover .gallery-img .gallery-layar .eye-button{width:50px;height:50px}}@media screen and (max-width:991px){.our-gallery .gallery-cover{--bs-gutter-x:20px;--bs-gutter-y:20px}}@media screen and (max-width:767px){.our-gallery .gallery-cover{--bs-gutter-x:30px;--bs-gutter-y:25px;max-width:340px}.our-gallery .gallery-cover .col-12{padding:0!important}}@media screen and (max-width:575px){.our-gallery .gallery-cover{--bs-gutter-y:15px}}