.hero .content-wrap { padding: 0 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 } section.opportunities { padding-bottom: 62px; } .opportunities .top h3, .opportunities .opportunities-slider, .opportunities .bottom h4 { margin-bottom: 16px } .opportunities-slider { display: flex; align-items: stretch; gap: 16px; } .opportunities .opportunities-slider .p-slide { display: flex; align-items: center; justify-content: center; min-height: 100%; } .opportunities .opportunities-slider .p-slide .bg-elem { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; height: 100%; z-index: 1; padding: 0 20px 30px 20px } .opportunities .opportunities-slider .p-slide .bg-elem:before { background: #D6593124; top: unset; height: 65%; bottom: 0 } .opportunities .p-slide .bg-elem img { width: 100px; height: 100px } .opportunities .p-slide .bg-elem p { font-weight: 700; font-size: 14px; line-height: 120%; width: 70%; margin-bottom: 0 } .opportunities .bottom h4 { font-weight: 700; font-size: 21px; line-height: 120%; margin-top: 27px; text-align: center } .opportunities .opportunities-slider .p-slide h3 { font-size: 20px; line-height: 120%; margin-bottom: 7px } .dark .opportunities-slider h3, .dark .opportunities-slider p{ color: #FFFFFF; } section.opportunities.dark .opportunities-slider .p-slide .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; } .dark .opportunities-slider { flex-direction: column; } .cta2 .row h3 { text-align: center } .cta2 .row { padding: 40px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap } .cta2 .row h3 { margin-bottom: 16px } .cta2 .content-wrap { padding: 0 0 32px 0 } .cta2 .half { position: relative; } .cta2 .content-wrap .half, .cta2 .content-wrap .half p { margin-bottom: 16px } .cta2 .content-wrap .half h3, .cta2 .content-wrap .half p { text-align: center } .cta2 .content-wrap .no-btn-text .cta-text p:last-of-type { margin: 0; } .cta2 .content-wrap .orange-btn { display: flex; align-items: center; justify-content: center; }