.gallery {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
margin: 0 auto;
}
.gallery h3 {
text-align: center;
}
.gallery-action-swiper.swiper {
width: 100%;
max-width: 91.4rem;
}
@media screen and (max-width: 600px) {
.gallery-action-swiper.swiper {
max-width: 100%;
}
}
.gallery-action-swiper .swiper-slide {
width: 100%;
max-width: 65rem;
border-radius: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: self-start;
-ms-flex-align: self-start;
align-items: self-start;
}
.gallery-action-swiper .swiper-slide img {
width: 100%;
max-width: 65rem;
height: auto;
aspect-ratio: 650/400;
-o-object-fit: cover;
object-fit: cover;
border-radius: 1.2rem;
}
@media screen and (max-width: 768px) {
.gallery-action-swiper .swiper-slide img {
height: auto;
}
}
.swiper {
width: 100%;
padding-top: 2.4rem;
padding-bottom: 5rem;
}
.swiper::before, .swiper::after {
position: absolute;
content: "";
width: 33%;
height: 100%;
z-index: 5;
}
.swiper::before {
background: linear-gradient(303deg, rgba(238, 240, 254, 0.5) 35.8%, rgba(255, 255, 255, 0.5) 55.79%, rgba(238, 240, 254, 0.5) 79.25%), var(--SVE-white, #fff);
-webkit-filter: blur(30px);
filter: blur(30px);
right: -35rem;
top: -1rem;
}
.swiper::after {
background: linear-gradient(303deg, rgba(238, 240, 254, 0.5) 35.8%, rgba(255, 255, 255, 0.5) 55.79%, rgba(238, 240, 254, 0.5) 79.25%), var(--SVE-white, #fff);
-webkit-filter: blur(30px);
filter: blur(30px);
left: -35rem;
top: -1rem;
}
.swiper-slide {
width: 100%;
max-width: 85.6574rem;
border-radius: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: self-start;
-ms-flex-align: self-start;
align-items: self-start;
}
.swiper-slide img {
width: 100%;
max-width: 85.6574rem;
height: 50rem;
-o-object-fit: cover;
object-fit: cover;
border-radius: 1.2rem;
}
@media screen and (max-width: 768px) {
.swiper-slide img {
height: auto;
}
}
.swiper-3d {
-webkit-perspective: 2500px;
perspective: 2500px;
}
.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
background: var(--SVE-Blue-Blue-40, #6381f7);
width: 100%;
max-width: 1.6rem;
height: 1.6rem;
}
.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 7rem) !important;
}
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {
background-image: none;
}
@media screen and (max-width: 800px) {
.gallery .swiper {
padding: 0;
}
.gallery .swiper-pagination-horizontal {
position: absolute;
bottom: var(--swiper-pagination-bottom, 2rem) !important;
}
}