/* .sport-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: var(--m-24);
}

.sport-card {
    transition: all .5s ease;
    overflow: hidden;

}

.sport-card img {
    width: 100%;
    height: 190px;
}

.sport-card:hover h3 {
    color: var(--primary-color);
}

.sport-info h2 {
    font-size: var(--title);
    margin-bottom: var(--m-16);
}

.sport-info h3 {
    font-size: var(--sub-title);

}

.sport-info hr {
    width: 100%;
    height: 1px;
    margin: var(--m-24) 0;
} */


.content {
    display: grid;
    grid-gap: var(--m-50);
}

.content h2 {
    font-size: var(--title);
    margin-bottom: var(--m-16);
}

.tournament, .play-ground {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: var(--m-24);
}

.sport-card {
    border-radius: 8px;
    background-color: #fff;
    transition: all .3s ease;
    overflow: hidden;
}

.sport-card-img {
    height: 190px;
    overflow: hidden;
    /* transition: all .3s ease; */
}

.sport-card img {
    width: 100%;
    height: 190px;
}

.sport-card-info {
    padding: 8px 8px 16px 8px;
}

.sport-card:hover {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.sport-card:hover h3 {
    color: var(--primary-color);
}

.sport-card:hover .sport-img {
    transform: scale(1.0976) rotate(1deg);
}

.play-ground span {
    font-size: var(--sub-text);
}