.tc-wrapper {
    margin: 2rem 0;
}

.tc-cards-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.tc-card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.5);
    transition: all 0.1s linear;
    text-decoration: none;
    color: #404040;
    background: var(--background-gray);

    &:hover {
        box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.5);
        transform: scale(1.05);
        transition: all 0.1s linear;
    }

    a {
        text-decoration: none;
        color: var(--text-base);
    }

    .tc-card-image {
        img {
            height: 15rem;
            object-fit: cover;
        }
    }

    .tc-card-text {
        padding: 1rem;
        text-align: center;

        h3 {
            margin: 0;
        }
    }
}