.company-values-container {
    padding: 4rem 6rem;
}

.company-values {
    height: 16rem;
    background: #F0F1F2;
    color: #00233A;
    padding: 2rem 3rem 1rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
}

    .company-values:hover {
        background: #18BDE6;
        color: #00233A;
        cursor: pointer;
    }

    .company-values.blue {
        background: #00233A;
        color: #F0F1F2;
    }

        .company-values.blue:hover {
            background: #18BDE6;
            color: #00233A;
            cursor: pointer;
        }

    .company-values h1 {
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 38px;
    }


@media (max-width: 481px) {

    .company-values-container {
        padding: 3rem 0rem;
    }
}