.top-location[data-v-3afe22fb] .gyg-location-card__image-figure picture {
    transition: all .5s
}

.top-location[data-v-3afe22fb]:hover {
    border-color: transparent;
    border-radius: 0
}

    .top-location[data-v-3afe22fb]:hover .gyg-location-card__image-figure picture {
        transform: scale(1.1)
    }

.top-location[data-v-3afe22fb]:after {
    background: linear-gradient(0deg,rgba(26,43,73,.25),rgba(26,43,73,.25));
    border-radius: 4px;
    content: ""
}

.top-location[data-v-3afe22fb]:after, [data-v-3afe22fb] picture {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-v-3afe22fb] img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.top-locations-header[data-v-904ddbc2] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: 32px;
    text-align: left
}

@media(min-width:1024px) {
    .top-locations-header[data-v-904ddbc2] {
        font-size: 2.25rem;
        line-height: 2.75rem
    }
}

.top-locations-list[data-v-904ddbc2] {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4,1fr);
    margin-bottom: 48px
}

@media screen and (max-width:1024px) {
    .top-locations-list[data-v-904ddbc2] {
        gap: 16px;
        grid-template-columns: repeat(3,1fr)
    }
}

@media screen and (max-width:768px) {
    .top-locations-list[data-v-904ddbc2] {
        grid-template-columns: repeat(2,1fr)
    }
}

@media screen and (max-width:576px) {
    .top-locations-list[data-v-904ddbc2] {
        grid-template-columns: repeat(1,1fr)
    }
}

.top-locations-list .top-location[data-v-904ddbc2] {
    border: none
}

@media screen and (min-width:576px) {
    .top-locations-list .top-location[data-v-904ddbc2] {
        height: 184px
    }
}