section {
    margin-bottom: 0
}

p {
    font-size: 16px;
    line-height: 130%
}

.bg {
    background-color: #393E46
}

.hero .content-wrap {
    padding: 65px 0 32px 0
}

.hero .content-wrap, .hero .content-wrap .btns-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.hero .content-wrap {
    gap: 25px
}

.hero .content-wrap h1, .hero .content-wrap p {
    text-align: center
}

.hero .content-wrap h1 {
    font-size: 34px;
    line-height: 110%
}

.hero .content-wrap p {
    margin-bottom: 32px
}

.hero .content-wrap .btns-wrap {
    width: 100%;
    gap: 16px
}

.orange-btn.reverse {
    background-color: #FFF;
    color: #EE6129
}

.orange-btn.reverse:hover {
    background-color: #EE6129;
    color: #FFF
}

.orange-bg {
    background-color: #EAD8D4
}

.benefits {
    padding: 32px 0
}

.benefits * {
    color: #FFF
}

.benefits h2, .benefits.bg .benefits-slider .content h3, .benefits.bg .benefits-slider .content p, .cta .row h3, .preferences h4 {
    text-align: center
}

.benefits h2 {
    padding: 0 20px;
    margin-bottom: 48px
}

.benefits.bg .benefits-slider {
    display: flex;
    align-items: stretch
}

.benefits.bg .benefits-slider .p-slide {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-right: 32px
}

.benefits.bg .benefits-slider .content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 0 20px 12px 20px;
    height: 100%
}

.benefits.bg .benefits-slider .content .img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: auto;
    margin-bottom: 24px
}

.benefits.bg .benefits-slider .content .img-wrap img {
    max-height: 50px
}

.benefits.bg .benefits-slider .content h3 {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 15px
}

.benefits.bg .benefits-slider .content p {
    font-size: 14px;
    line-height: 140%
}

.cta .row {
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.cta .row h3 {
    margin-bottom: 16px
}

.preferences {
    padding: 60px 0
}

.preferences .card-img .wrap-img, .preferences .card-img .text {
    display: flex;
    align-items: center;
    justify-content: center
}

.preferences h4 {
    font-size: 26px;
    line-height: 110%;
    margin-bottom: 40px
}

.preferences .cards-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 16px
}

.preferences .card-img {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 5px 15px 0 #5B796F26
}

.preferences .card-img .wrap-img {
    width: 35%;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.preferences .card-img .text {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 32px;
    width: 65%;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    background-color: #F1F1F1
}

.preferences .card-img .text h4 {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 8px;
    text-align: left
}

.preferences .card-img .text p {
    font-size: 14px;
    line-height: 140%
}