.ui-image-swiper-gallery{
    position:relative;
    width:100%;
    background:#fff;
    overflow:hidden;
    margin-top: 20px;
}

.ui-image-swiper-gallery .header{
    display:none;
}

.ui-image-swiper-gallery .ui-image-swiper-container{
    position:relative;
    width:100%;
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image{
    position:relative;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden;
    border-radius:4px;
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-wrapper{
    align-items:stretch;
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-slide{
    position:relative;
    overflow:hidden;
    background:#000;
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-slide .gallery-img__wrapper{
    position:relative;
    width:100%;
    height:0;
    padding-top:62%;
    overflow:hidden;
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-slide .gallery-img__wrapper .gallery-img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-slide .gallery-info__wrapper{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    padding: 8px 20px 20px;
    text-align:center;
    background: linear-gradient(to bottom, rgba(5, 22, 46, 0.7) 0%);
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-slide .gallery-info__wrapper .heading-medium{
    margin:0;
    color:#fff;
    font-size:15px;
    line-height:1.7;
    font-weight:600;
    text-shadow:0 1px 2px rgba(0,0,0,.35);
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-button-prev,
.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-button-next{
    width:46px;
    height:46px;
    margin-top:-23px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(2px);
    transition:all .25s ease;
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-button-prev:hover,
.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-button-next:hover{
    background:rgba(255,255,255,.22);
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-button-prev:after,
.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-button-next:after{
    font-size:22px;
    color:#fff;
    font-weight:700;
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-button-prev{
    left:12px;
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-button-next{
    right:12px;
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-pagination{
    position:absolute;
    left:0;
    right:0;
    bottom: 0px;
    z-index:4;
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    margin:0 4px !important;
    background:rgba(255,255,255,.45);
    opacity:1;
    transition:all .2s ease;
}

.ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background:#fff;
    transform:scale(1.15);
}
@media only screen and (max-width: 768px) {
    .ui-image-swiper-gallery{
        width: 100vw;
        padding: 0 10px;
        margin-top: 0;
    }
    .ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-slide .gallery-img__wrapper {
        height: auto !important;
        padding-top: 0 !important;
        position: relative;
    }
    .ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-slide {
        background: transparent !important;
    }
    .ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-slide .gallery-img__wrapper .gallery-img {
        position: relative !important;
        height: auto !important;
        width: 100% !important;
        object-fit: contain;
    }
    .ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-slide .gallery-info__wrapper {
        position: relative !important;
        background: #fff !important;
        padding: 12px 15px 35px !important;
    }
    .ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-slide .gallery-info__wrapper .heading-medium {
        color: #333 !important;
        text-shadow: none !important;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 600;
    }
    .ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-pagination .swiper-pagination-bullet {
        background: rgba(0,0,0,0.2) !important;
        width: 8px;
        height: 8px;
    }
    
    .ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-container-image .swiper-pagination .swiper-pagination-bullet-active {
        background: #007bff !important;
    }

    .ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-button-next,
    .ui-image-swiper-gallery .ui-image-swiper-container .swiper.swiper-button-prev {
        display: none !important;
    }
}