@media only screen and (min-width:767px) {
    .hero .content-wrap {
        gap: 50px;
        padding: 80px 0 40px 0
    }

    .hero .content-wrap h1 {
        font-size: 55px
    }

    .hero .content-wrap p {
        margin-bottom: 10px
    }

    .hero .content-wrap .btns-wrap {
        flex-direction: row;
        gap: 32px
    }

    .hero .content-wrap .btns-wrap .orange-btn {
        max-width: 180px
    }

    .opportunities .opportunities-slider {
        flex-wrap: wrap;
        flex-direction: unset;
        justify-content: center
    }

    .opportunities .opportunities-slider .p-slide {
        flex: 0 0 calc(50% - 16px)
    }

    .opportunities .bottom p {
        width: 50%;
        margin-left: auto
    }
}

@media only screen and (min-width:1023px) {
    .hero .content-wrap {
        padding: 154px 0 80px 0
    }

    .hero .content-wrap h1 {
        padding: 0 110px
    }

    .hero .content-wrap p {
        padding: 0 146px
    }

    .hero .content-wrap h1 {
        padding: 0 150px
    }

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

    .opportunities .opportunities-slider {
        justify-content: flex-start;
        margin: 100px 0 60px 0;
        gap: 50px
    }

    .opportunities .opportunities-slider .p-slide {
        flex: 0 0 calc(33.333% - 34px);
        padding: 0 40px 40px 40px
    }

    .opportunities .opportunities-slider .p-slide:nth-child(2) {
        transform: translateY(-60px)
    }

    .opportunities .opportunities-slider .p-slide:last-child {
        transform: translateY(-120px)
    }

    .opportunities .bottom p {
        font-size: 32px
    }

    .cta .content-wrap {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 32px;
        padding: 0 0 80px 0
    }

    .cta .content-wrap .half {
        flex: 0 1 50%;
        margin: 0
    }

    .cta .content-wrap .orange-btn {
        font-size: 16px;
        padding: 16px 20px;
        max-width: 204px
    }

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

    .cta .content-wrap .half p {
        font-size: 18px;
        margin-bottom: 32px
    }
}

@media only screen and (min-width:1440px) {
    .hero .content-wrap h1 {
        font-size: 80px
    }

    .hero .content-wrap p {
        font-size: 20px
    }
}