:root {
    --main: #0b83a1;
    --fontAccent: #424242;
}

.benefitsWrapper{
    display: flex;
    justify-content: center;
    margin-top: 100px;
    margin-bottom: 100px;
    column-gap: 3.5rem;
}

.benefitsWrapper .benefit{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 350px;
}

.benefitsWrapper .benefit .benefitHeader{
    font-size: 1.45rem;
    margin-top: 25px;
    font-weight: bold;
    white-space:nowrap;
    color: #2c2c2c;
}

.benefitsWrapper .benefit p{
    font-size: 1rem;
    margin-top: 10px;
    text-align: center;
    color: var(--fontAccent);
    font-weight: 300;
}

.benefitsWrapper .benefit img{
    width: 100px;
    filter: brightness(0) saturate(100%) invert(41%) sepia(83%) saturate(377%) hue-rotate(154deg) brightness(93%) contrast(85%);
}

.infoTextWrapper{
    display: flex;
    align-items: center;
    flex-direction: column;
    row-gap: 2.5rem;
    margin-bottom: 50px;
}

.infoTextWrapper .infoText{
    width: 100%;
    max-width: 750px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    row-gap: 15px;
}

.infoTextWrapper .infoText .infoTextTitle{
    font-size: 1.5rem;
    font-weight: bold;
    color: #2c2c2c;
    margin-bottom: 0;
}

.infoTextWrapper .infoText p{
    font-size: 1.03rem;
    margin-top: 10px;
    text-align: left;
    color: var(--fontAccent);
    font-weight: 300;
    letter-spacing: 0.2px;
}