ÿØÿÛC  ÿØÿÛC  .cause-image { width: 100%; height: 460px; overflow: hidden } .cause-tab .nav .nav-item .nav-link { color: #0e0d0d !important; position: relative; display: block; width: 180px; padding: 15px; border-radius: 0 } @media (max-width: 991px) { .cause-tab .nav .nav-item .nav-link { width: 140px } } .cause-tab .nav .nav-item .nav-link::after { content: ""; position: absolute; bottom: 0; width: auto; height: 3px; color: #009e74; background-color: #009e74; left: 0; right: 0; display: none } .cause-tab .nav .nav-item .nav-link.active { color: #009e74 !important; background-color: transparent !important } .cause-tab .nav .nav-item .nav-link.active::after { display: block } .gallery .img-box { width: 100%; height: 100px; overflow: hidden } .gallery .img-box .img-timg { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .gallery .img-box .img-timg:hover { cursor: pointer } .gallery .modal { display: none; position: fixed; z-index: 999; top: 0; left: 0; padding: 5rem 1rem; width: 100%; height: 100%; overflow: auto; background: rgba(0, 0, 0, .9) } .gallery .modal .close, .gallery .modal .previous, .gallery .modal .next { position: absolute; color: #fff; opacity: .7; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .gallery .modal .close:hover, .gallery .modal .previous:hover, .gallery .modal .next:hover { cursor: pointer; opacity: 1; transition: 200ms ease-in } .gallery .modal .close { font-size: 3rem; font-weight: bold; top: 10px; right: 2rem } @media (max-width: 575px) { .gallery .modal .close { font-size: 36px } } .gallery .modal .previous, .gallery .modal .next { font-size: 4rem; top: 45%; z-index: 2 } .gallery .modal .previous { left: 2rem } .gallery .modal .next { right: 2rem } .gallery .modal .modal-content { margin: auto; display: block; height: auto; width: 60%; border-radius: .5rem; -o-object-fit: cover; object-fit: cover } @media (max-width: 991px) { .gallery .modal .modal-content { width: 80% } } @media (max-width: 575px) { .gallery .modal .modal-content { width: 100%; height: 340px } } .counter-section ul li { width: 70px; max-width: 70px; height: 70px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; background-color: #009e74; border-radius: 10px; } @media (max-width: 1199px) { .counter-section ul li { margin: 0 3px; } } @media (max-width: 480px) { .counter-section ul li { width: 60px; max-width: 60px; height: 60px; } } .counter-section .progress { width: 100%; height: 6px; }