:root {
    --swiper-theme-color: var(--bs-primary);
}

.swiper-wrapper {
    align-items: start;
}

.swiper-pagination {
    position: static;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.swiper-slide > .image {
    margin-bottom: 0;
}

.swiper-slide .ce-textpic .ce-gallery {
    display: none;
}

@media all and (min-width: 992px) {
    .swiper-slide .ce-textpic .ce-gallery {
        display: block;
    }
}

@media screen and (min-width: 1400px) {
    .swiper-has-controls {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.frame-type-container_swiper .ce-image,
.frame-type-container_swiper .ce-gallery,
.frame-type-container_swiper .ce-gallery figure,
.frame-type-container_swiper .ce-row,
.frame-type-container_swiper .ce-column {
    display: block;
    margin: 0;
}

.frame-type-container_swiper .ce-gallery img {
    display: block;
    margin: 0;
    width: 100%;
}

/**********************************************
 * LAYOUT: Outside end - START
 *********************************************/
.frame-layout-1.frame-type-container_swiper {
    overflow: hidden;
}

.frame-layout-1.frame-type-container_swiper .swiper {
    margin-right: -20vw;
}

.frame-layout-1.frame-type-container_swiper .swiper-title-content .swiper-controls {
    height: 2.5rem;
}

.frame-layout-1.frame-type-container_swiper .swiper-title-content .swiper-button-prev,
.frame-layout-1.frame-type-container_swiper .swiper-title-content .swiper-button-next {
    display: inline-flex;
    position: static;
    height: 2.5rem;
    width: 2.5rem;
}
/**********************************************
 * LAYOUT: Outside end - END
 *********************************************/
/**********************************************
 * LAYOUT: GALLERY - START
 *********************************************/
.frame-type-container_swiper.frame-layout-2 {
    overflow: hidden;
}

.frame-type-container_swiper.frame-layout-2 .swiper-wrapper {
    align-items: center;
    padding: 2.5rem 0;
    height: auto;
}

.frame-type-container_swiper.frame-layout-2 .swiper-slide-active {
    text-align: center;
}

@media all and (min-width: 992px) {
    .frame-type-container_swiper.frame-layout-2 .swiper-slide-active {
        background:var(--bs-white);
        border: 6px solid var(--bs-primary);
        padding: 4px;
        z-index: 1;
        transform: scale(1.2);
        transition: none;
    }
}
/**********************************************
 * LAYOUT: GALLERY - END
 *********************************************/