.swiper-donations {
     position: relative;
 }

 .swiper-donations .swiper-slide {
     width: 100%;
     height: 100%;
     position: relative;
     opacity: 0.25;
 }

 .swiper-donations .swiper-slide.swiper-slide-active {
     opacity: 1;
 }

 .swiper-donations .swiper-slide a {
     display: block;
     width: 100%;
     height: 100%;
 }

 .swiper-donations .swiper-slide img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 .swiper-donations-titles .swiper-slide-thumb-active {
     opacity: 1;
     color: #000 !important;
     font-weight: bold !important;
     position: relative;
 }

 .swiper-donations-titles .swiper-slide-thumb-active::before,
 .swiper-donations-titles .swiper-slide-thumb-active::after {
     content: '';
     position: absolute;
     display: inline;
     width: 4px;
     padding-top: 48px;
     top: 50%;
     transform: translateY(-50%);
     background-color: #00c1f3;
     left: 100%;
 }

 .swiper-donations-titles .swiper-slide-thumb-active::before {
     left: 0;
 }

 .swiper-donations .swiper-button-prev {
     left: -3rem;
 }

 .swiper-donations .swiper-button-next {
     right: -3rem;
 }

 @media screen and (max-width:767px) {

     .swiper-donations .swiper-button-prev,
     .swiper-donations .swiper-button-next {
         display: none
     }
 }

 #slide-caption {
     text-align: center;
     margin: 2rem auto;
     font-weight: bold;
 }


 /* New Grid */
 #news-grid {
     position: relative;
     margin-bottom: 3rem;
     border-bottom: 1px solid #BBBBBB;
 }

 .news-item-wrapper {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     background-color: #00c1f3;
 }

 .news-thumb {
     aspect-ratio: 16/11;
     overflow: hidden;
     padding: 0px
 }

 .news-thumb a {
     display: block;
     width: 100%;
     height: 100%;

 }

 .news-thumb a img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 #news-grid .news-title {
     font-weight: 500;
     flex: 1;
     margin-top: 0;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 #news-grid .news-title a {
     color: #FFF;
     outline: none;
 }

 #news-grid .news-item-wrapper:hover a {
     color: rgba(255, 255, 255, 0.85) !important;
 }