.sgg-wrapper {
    width: 100%;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.swiper-slide.swiper-slide-active {
    margin-bottom: 1rem;
}
/* Slider */
.sgg-slider img {
    width: 100%;
    display: block;
    border-radius: 12px;
    aspect-ratio:77/27;
    object-fit:cover;
}

/* Grid */
.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;
    }
}