.swiper-controls .swiper-pagination .swiper-pagination-bullet {
    -webkit-backface-visibility: visible;
    transition: all .2s ease-in-out;
    position: relative;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 .3rem;
    padding: 0;
    background: #aab0bc;
    opacity: .5;
    border-radius: 100%;
    border: 3px solid transparent;
    transform: scale(.6);
}

.aboutBg {
    background-image: url('/media/hc0cnm2q/1500x400-abous-us-banner-3.jpg');
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center center; /* Centers the image */
    margin: 0; /* Removes default margin */
}

.blogBg {
    background-image: url('/media/pmhd4rrr/opaque-blog-banner.jpg');
    background-repeat: no-repeat; /* Prevents the image from repeating */
    margin: 0; /* Removes default margin */
}

.eventBg {
    background-image: url('/media/hmbp2ilx/blur-show.jpg');
    background-repeat: no-repeat; /* Prevents the image from repeating */
    margin: 0; /* Removes default margin */
}