.newCustomGallery{margin-bottom: 50px;}
.ngovisit {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 12px 30px rgb(26 77 175 / 20%);
    border-radius: 10px;
    height: calc(100% - 30px);
}
.ngovisit a{height: 100%;}
.ngovisit .image-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ngovisit .image-link.image-link-auto img {
    height: auto;
}
.csr-ed-sec2 span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    transform: scale(0);
    transition: all .5s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ngovisit:hover span {
    transform: scale(1.3);
}
.csr-ed-sec2 span .fa {
    font-size: 20px;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    margin-top: 0;
    line-height: 50px;
}
.csr-ed-sec2 h2 {
    font-size: 30px;
    padding-bottom: 20px;
    color: #161616;
}
.csr-headicon {
    float: left;
    margin: 220px 93px;
}
.csr-grad {
    transition: all .5s ease;
}
.csr-sec1 .col-xs-12:hover .csr-grad {
    transform: rotate(360deg);
}
.ngovisit a{display: inline-block;width: 100%;}
/* ========================================= CUSTOM LIGHTBOX ========================================= */ .custom-lightbox { position: fixed; inset: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 999999; display: none; overflow: hidden; } .custom-lightbox.active { display: block; } /* Lightbox image wrapper */ .custom-lightbox-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: calc(100% - 100px); max-height: calc(100% - 60px); background: #fff; padding: 10px; border-radius: 8px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); } /* Image */ .custom-lightbox-image { display: block; width: auto; height: auto; max-width: calc(100vw - 120px); max-height: calc(100vh - 80px); object-fit: contain; } /* ========================================= CLOSE BUTTON ========================================= */ .custom-lightbox-close { position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #fff; color: #333; font-size: 28px; line-height: 36px; text-align: center; cursor: pointer; z-index: 20; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); } .custom-lightbox-close:hover, .custom-lightbox-close:focus { background: #222; color: #fff; outline: 2px solid #fff; outline-offset: 2px; } /* ========================================= PREVIOUS / NEXT ========================================= */ .custom-lightbox-prev, .custom-lightbox-next { position: fixed; top: 50%; transform: translateY(-50%); width: 55px; height: 75px; border: 0; background: rgba(0, 0, 0, 0.55); color: #fff; font-size: 45px; line-height: 65px; text-align: center; cursor: pointer; z-index: 10; } .custom-lightbox-prev { left: 15px; } .custom-lightbox-next { right: 15px; } .custom-lightbox-prev:hover, .custom-lightbox-next:hover, .custom-lightbox-prev:focus, .custom-lightbox-next:focus { background: rgba(0, 0, 0, 0.9); outline: 2px solid #fff; outline-offset: 2px; } /* Hide navigation when only one image */ .custom-lightbox.single-image .custom-lightbox-prev, .custom-lightbox.single-image .custom-lightbox-next { display: none; } /* ========================================= LOADER ========================================= */ .custom-lightbox-loader { position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; margin-left: -22px; margin-top: -22px; border: 5px solid rgba(0, 0, 0, 0.2); border-top-color: #333; border-radius: 50%; animation: customLightboxSpin 0.8s linear infinite; z-index: 5; } @keyframes customLightboxSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .custom-lightbox-content { max-width: calc(100% - 50px); max-height: calc(100% - 40px); padding: 5px; } .custom-lightbox-image { max-width: calc(100vw - 60px); max-height: calc(100vh - 60px); } .custom-lightbox-prev, .custom-lightbox-next { width: 40px; height: 55px; font-size: 30px; line-height: 48px; } .custom-lightbox-prev { left: 5px; } .custom-lightbox-next { right: 5px; } .custom-lightbox-close { width: 35px; height: 35px; top: 10px; right: 10px; font-size: 24px; line-height: 31px; } } /* Prevent background scrolling */ body.lightbox-open { overflow: hidden; }