.columnimg {
    width: 50vw;
}

.columntxt {
    margin-left: -3vw;
    border-radius: 1rem;
    background-color: white;
    width: 50vw;
}

.first {
    margin-top: 5vh;
    display: flex;
    flex-direction: row;
}

.geral {
    display: flex;
    flex-direction: column;
}

.third {
    margin-top: 5vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    background-color: white;
}

.fourth {
    margin-top: 5vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    background-color: white;
}

.fifth {
    margin-top: 5vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
}

.sixth {
    margin-top: 5vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    background-color: white;
}

.seventh {
    margin-top: 5vh;
    align-items: center;
    display: flex;
    flex-direction: column;
}


.main {
    background-color: rgb(236, 236, 236);
}

.second {
    margin-top: 5vh;
    align-items: center;
    display: flex;
    flex-direction: row;
}

.card {
    background-color: white;
    border-radius: 1rem;
    width: 25vw;
    margin-left: 6vw;
    position: relative;
    text-decoration: none;
}

.cardnoninteractive {
    height: auto;
    background-color: white;
    border-radius: 1rem;
    width: 20vw;
    margin-left: 6vw;
    position: relative;
    text-decoration: none;
}

.card:hover {
    background-color: rgb(241, 241, 241);
    cursor: pointer;
}

.top-line-link {
    position: relative;
    text-decoration: none;
    color: #333;
    padding-bottom: 5px;
}

.card::before {
    content: "";
    position: absolute;
    top: -5px;
    /* Adjust this to move the line further above the text */
    left: 0;
    width: 100%;
    height: 2px;
    /* Thickness of the line */
    background-color: #007bff;
    transform: scaleX(0);
    /* Hidden by default */
    transform-origin: left;
    /* Animates from left to right */
    transition: transform 0.3s ease-in-out;
}

/* Activate the line on hover */
.card:hover::before {
    transform: scaleX(1);
}