.gallery-section{background-color:#0c0609;color:#fff}.gallery-section h2{color:#fff}.gallery-section .view-all-btn{border:1px solid #fff;padding:5px 20px}.gallery-section .item{overflow:hidden}.gallery-section .item .after-img img{transition:.5s;height:440px;width:100%;object-fit:cover}.gallery-section .before-img img{position:absolute;width:50%!important;left:0;top:0;bottom:0;height:440px;object-fit:cover}@keyframes zoomin{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.gallery-item{display:block}.gallery-item img{box-shadow:0 1rem 1rem #00000026;transition:box-shadow .2s}.gallery-item:hover img{box-shadow:0 1rem 1rem #00000059}.myImg{border-radius:5px;cursor:pointer;transition:.3s}.modal.gallery-popup{display:none;position:fixed;z-index:9999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000e6}.gallery-popup .modal-content{margin:auto;display:block;width:80%;max-width:700px;border:none;background:transparent;max-height:80%}.gallery-popup .close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.gallery-popup .close:hover,.gallery-popup .close:focus{color:#bbb;text-decoration:none;cursor:pointer}@media (max-width: 1600px){.gallery-section .item .after-img img,.gallery-section .before-img img{height:380px}}@media (max-width: 1440px){.gallery-section .item .after-img img,.gallery-section .before-img img{height:340px}}@media (max-width: 1366px){.gallery-section .item .after-img img,.gallery-section .before-img img{height:320px}}@media (max-width: 991px){.gallery-section .item .after-img img,.gallery-section .before-img img{height:230px}}@media (max-width: 767px){.gallery-section .item .after-img img,.gallery-section .before-img img{height:180px}}html:lang(ar) .gallery-section .before-img img{left:auto;right:0}