section {
    margin-bottom: 0
}

p {
    font-size: 16px;
    line-height: 130%
}

.orange-btn.reverse {
    background-color: #FFF;
    color: #EE6129
}

.orange-btn.reverse:hover {
    background-color: #EE6129;
    color: #FFF
}

.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
}

.opportunities {
    padding: 32px 0 65px 0
}

.opportunities .opportunities-slider {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: column;
    gap: 16px;
    margin: 32px 0
}

.opportunities .opportunities-slider .p-slide {
    position: relative;
    z-index: 1;
    padding: 0 20px 30px 20px;
    min-height: 255px
}

.bg-elem:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    transform: rotate(5deg);
    z-index: -1;
    width: 100%;
    height: calc(100% - 50px);
    background-color: #393E46;
    border-radius: 16px
}

.opportunities .opportunities-slider .p-slide * {
    color: #FFF
}

.opportunities .opportunities-slider .p-slide img {
    display: flex;
    margin-bottom: 16px;
    width: 100px;
    height: 100px
}

.opportunities .opportunities-slider .p-slide h3 {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 7px
}

.opportunities .opportunities-slider .p-slide p {
    font-size: 14px;
    line-height: 140%;
    padding-right: 70px
}

.opportunities .bottom p {
    font-size: 21px;
    line-height: 120%;
    font-weight: 700
}

.cta .content-wrap {
    padding: 0 0 32px 0
}

.cta .content-wrap .half, .cta .content-wrap .half p {
    margin-bottom: 16px
}

.cta .content-wrap .half h3, .cta .content-wrap .half p {
    text-align: center
}

.cta .content-wrap .half .orange-btn:after {
    content: '';
    display: inline-flex;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    transform: rotate(-90deg);
    background-color: #FFF;
    mask: url(../images/lang-arrow.svg) no-repeat center / contain;
    -webkit-mask: url(../images/lang-arrow.svg) no-repeat center / contain;
    transition: all 0.5s ease
}

.cta .content-wrap .half .orange-btn:hover:after {
    background-color: #EE6129;
    transform: translateX(5px) rotate(-90deg)
}