.MediaBottomCard {
    display: grid;
    column-gap: 30px;
    row-gap: 20px;
    width: 100%;
    max-width: 1200px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    justify-content: center;
    margin: auto;
    margin-top: 50px;
}

.MediaBottomCard .Card {
    display: grid;
    justify-content: center;
    justify-items: center;
    gap: 20px;
    padding: 20px;

    .Icon {
        display: grid;
        justify-content: center;

        .IconImg {
            height: 100px;
            object-fit: contain;
        }
    }
}
.MediaBottomCard .Card .Title {
    font-size: 22px;
    font-weight: bold;
}
.MediaBottomCard .Card .Content {
    display: grid;
    justify-content: center;
    justify-items: center;
    gap: 5px;
    font-size: 15px;
    color: #555;
}
.MediaBottomCard .Card .CTAButton {
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;    
    padding: 15px 40px;
    border-radius: 50px;
}

.MediaBottomCard .Card.Job {
    .Title {
        color: var(--PrimaryColor);
    }
    .CTAButton {
        background-color: var(--PrimaryColor);
    }
}
.MediaBottomCard .Card.Mail {
    .Title {
        color: var(--SecondaryColor);
    }
    .CTAButton {
        background-color: var(--SecondaryColor);
    }
}
.MediaBottomCard .Card.Hidden {
    display: none;
}

@media screen and ( max-width: 768px ) {
    .MediaBottomCard {
        grid-template-columns: 1fr;
    }
    .MediaBottomCard .Card .Title {
        font-size: 18px;
    }
}