.sgg-wrapper {
width: 100%;
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.swiper-slide.swiper-slide-active {
margin-bottom: 1rem;
} .sgg-slider img {
width: 100%;
display: block;
border-radius: 12px;
aspect-ratio:77/27;
object-fit:cover;
} .sgg-grid {
display: grid;
gap: 14px;
}
.sgg-grid img {
width: 100%;
display: block;
border-radius: 10px;
cursor: pointer;
}
.sgg-grid-item img {
aspect-ratio:19/8;
object-fit:cover;
}
.sgg-wrapper .swiper-button-next,
.sgg-wrapper .swiper-button-prev {
opacity: 1 !important;
pointer-events: all !important;
}
.sgg-slider .swiper-button-prev, .sgg-slider .swiper-button-next {
color: #FFF;
height:2.5rem;
background:#73C19D;
width:2.5rem;
padding:0.75rem;
border-radius:50%;
margin-left: 5px;
margin-right: 5px;
}
@media (min-width: 769px) {
.sgg-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.sgg-grid {
grid-template-columns: repeat(2, 1fr);
}
.sgg-grid-item img {
aspect-ratio:21/9;
object-fit:cover;
}
.sgg-slider img {
aspect-ratio:4/3;
object-fit:cover;
}
}