/* Logo Bar Section
 * - Contains styles for in general content and in banner.  
 */

.logo-bar {
    overflow: hidden;
}

.logo-bar .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}

.logo-bar .logo-image {
    max-width: 100%;
    max-height: 80px;
    height: auto;
    display: block;
    object-fit: contain;
}

.logo-bar .logo-image:hover {
    opacity: 1; /* do something funky */
}

/* Banner context  */
.page-banner .logo-bar {
    padding: 0;
    position: relative;
    width: 75vw;
    border: solid 1px transparent;
    border-radius: 20px;
    background: rgb(255 255 255 / 20%)
}
.page-banner .logo-bar::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 2px;
    background: linear-gradient(145deg, rgba(215, 215, 215, 0.6) 0%, rgba(173, 173, 173, 0.6) 33%, rgba(132, 124, 124, 0.3) 66%, rgba(255, 255, 255, 0.8) 97%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.page-banner .logo-bar::after {
    content: "";
    background: #fff;
    position: absolute;
    inset: 7px;
    border-radius: 15px;
}
    .page-banner .logo-bar .swiper {
        width: 100%;
    }
    
    .page-banner .logo-bar .swiper-wrapper {
        display: flex;
        width: 100%;
        min-height: 80px;
    }
    .page-banner .logo-bar .swiper-slide {
        width: auto;
    }
.page-banner .logo-bar .swiper-wrapper {
    min-height: 80px;
    padding-left: 20px;
}


/* First slide left vertical line */


.page-banner .logo-bar .swiper-slide {
    position: relative;
    padding: 20px 0;
}

.page-banner .logo-bar .logo-image {
    max-height: 62px;
    object-fit: contain;
    width: auto;
}

@media (max-width: 991px) {
    .logo-bar-section {
        padding: 40px 0;
    }

    .logo-bar .logo-image {
        max-height: 60px;
    }

    .page-banner .logo-bar .logo-image {
        max-height: 40px;
    }
}

@media (max-width: 575px) {
    .logo-bar-section {
        padding: 30px 0;
    }

    .logo-bar .logo-image {
        max-height: 50px;
    }

    .page-banner .logo-bar .logo-image {
        max-height: 35px;
    }
}