#section-dovesiamo {
    padding: 70px 0;
}
#section-dovesiamo-swiper {
    mask-image: none;
}
/*#section-dovesiamo-swiper .card {
    background: none;
    border: none;
}
#section-dovesiamo-swiper .card-body {
    text-align: center;
}
#section-dovesiamo-swiper .card-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--mgh-color-1);
}
#section-dovesiamo-swiper .card-text {
    font-size: 20px;
}*/
#section-dovesiamo .card {
    overflow: hidden;
    border: none;
    border-radius: 0;
    color: #fff;
}
#section-dovesiamo .card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
#section-dovesiamo .card-img-overlay {
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 32px;
    text-align: center;
}
#section-dovesiamo .card-title {
    margin-bottom: 16px;
    font-size: 25px;
    font-weight: 800;
    line-height: 1;
    text-shadow: 0 0 7px #00000066;
}
#section-dovesiamo .card-title a {
    color: #fff;
}
#section-dovesiamo .card.comingsoon .card-title a {
    cursor: default;
}
#section-dovesiamo .card:not(.comingsoon) .card-title a:hover {
    text-decoration: underline;
}
#section-dovesiamo .card-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3;
}
#section-dovesiamo .card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, rgba(var(--mgh-color-1-rgb), 0) 60%, rgba(var(--mgh-color-1-rgb), 1) 100%) 0% 0% no-repeat padding-box;
}
#section-dovesiamo .btn-sedi {
    position: relative;
    bottom: -30px;
    display: inline-flex;
    align-items: center;
    margin: 30px auto 0;
    padding: 12px 30px;
    background: var(--mgh-color-2);
    border: 3px solid var(--mgh-color-2);
    border-radius: 30px;
    font-size: 18px;
    font-weight: 700;
    color: var(--mgh-color-1);
    text-transform: uppercase;
}
#section-dovesiamo .btn-sedi svg {
    height: 21px;
    margin-bottom: 4px;
    margin-left: 16px;
}
#section-dovesiamo .btn-sedi svg line,
#section-dovesiamo .btn-sedi svg path {
    stroke: var(--mgh-color-1);
}
#section-dovesiamo .btn-sedi:hover {
    border-color: var(--mgh-color-1);
}
#section-dovesiamo .swiper-custom-pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    padding-bottom: 10px;
    column-gap: 5px;
}
#section-dovesiamo .swiper-custom-pagination-wrapper .swiper-pagination:not(.swiper-pagination-bullets-dynamic) {
    top: 0;
}
#section-dovesiamo-swiper .swiper-button-next,
#section-dovesiamo-swiper .swiper-button-prev {
    position: relative;
    top: auto;
    bottom: -12px;
    width: 56px;
    height: 36px;
}
#section-dovesiamo-swiper .swiper-button-prev {
    left: -70px;
}
#section-dovesiamo-swiper .swiper-button-next {
    right: -70px;
}
#section-dovesiamo-swiper .swiper-button-next:after,
#section-dovesiamo-swiper .swiper-button-prev:after {
    content: '';
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28.258" height="13.625" viewBox="0 0 28.258 13.625"><g transform="translate(626.652 3219.656) rotate(180)"><line x2="27.652" transform="translate(599 3213)" fill="none" stroke="%23003153" stroke-width="1"/><path d="M3265.445,2060.514l-4.445,7.033,4.445,6.029" transform="translate(-2662 1145.784)" fill="none" stroke="%23003153" stroke-width="1"/></g></svg>') center no-repeat;
    background-size: contain;
}
#section-dovesiamo-swiper .swiper-button-prev:after {
    transform: rotate(180deg);
}
#section-dovesiamo .card.comingsoon img {
    filter: grayscale(1);
}
#section-dovesiamo .card-comingsoon {
    opacity: 1;
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 7px #00000066;
}
@media (max-width: 575px) {
    #section-dovesiamo {
        padding: 0 0 50px;
    }
    #section-dovesiamo-swiper .card-body {
        padding: 16px 10px;
    }
    #section-dovesiamo-swiper .card-title {
        font-size: 23px;
    }
}
@media (min-width: 768px) {
    #section-dovesiamo .card-comingsoon {
        font-size: 30px;
    }
}
@media (min-width: 992px) {
    #section-dovesiamo .card img{
        height: 440px;
    }
}
@media (min-width: 1400px) {
    #section-dovesiamo .card-comingsoon {
        font-size: 30px;
    }
}
@media (min-width: 1600px) {
    #section-dovesiamo .card-comingsoon {
        font-size: 40px;
    }
}