/* ==========================================
   FEATURED TALENT SECTION
========================================== */

.featured-talent-section {
    position: relative;
    padding: 120px 40px 170px;
    overflow: hidden;
    min-height: 500px;

    background-image: url("../../images/background/paper-texture2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    clip-path: polygon(
        0 0,
        100% 0,
        100% 100%,
        0 88%
    );
}

/* Dark pink overlay */

.featured-talent-overlay {
    position: absolute;
    inset: 0;

    background: rgba(218, 54, 108, 0.25);
}

.featured-talent-content .upper-text {
    display: inline-block;

    font-size: 34px;
    line-height: 1;

    font-weight: 700;

    margin-bottom: 22px;

    letter-spacing: 1px;

    background: linear-gradient(
        90deg,
        #1DB954 0%,
        #3AF372 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;
}

/* Content */

.featured-talent-content {
    position: relative;
    z-index: 2;

    max-width: 950px;

    margin: 0 auto;

    text-align: center;

    color: #ffffff;
}


/* Subtitle */

.featured-talent-content h4 {
    font-size: 30px;
    font-weight: 700;

    margin-bottom: 34px;
}

/* Paragraph */

.featured-talent-content p {
    font-size: 20px;
    line-height: 1.5;

    color: #ffffff;
}

.wm-experience-title h3 {
    font-size: 34px;
}

.featured-talent-content h2 {
    font-size: 38px;
    line-height: 1.1;

    margin-bottom: 15px;

    color: #ffffff;
}

.featured-talent-btn{
    display:inline-block;

    margin-top:42px;
}

.featured-talent-section .theme-btn .text{
    background:#ffffff;
    color:#DA366C;
}

.featured-talent-section .theme-btn .text:before{
    background:#fdca31;
}

.featured-talent-section .theme-btn:hover .text{
    color:#ffffff;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media only screen and (max-width: 900px) {

    .featured-talent-section {
        padding: 150px 32px 150px;

        background-size: cover;
        background-position: center center;

        clip-path: polygon(
            0 0,
            100% 0,
            100% 100%,
            0 90%
        );
    }

    .featured-talent-content {
        max-width: 850px;
    }

    .coming-soon-text {
        font-size: 30px;
        margin-top: 38px;
    }
}


/* ==========================================
   MID SIZE TABLET / LARGE MOBILE
========================================== */

@media only screen and (min-width: 601px) and (max-width: 767px) {

    .featured-talent-section {
        padding: 80px 22px 90px;

        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;

    }

    .featured-talent-content {
        max-width: 560px;
        margin: 0 auto;
    }

    .featured-talent-content h2 {
        font-size: 32px;
    }

    .featured-talent-content h3{
        font-size: 30px;
    }

    .featured-talent-content p {
        font-size: 17px;
        line-height: 1.5;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media only screen and (max-width: 600px) {

    .featured-talent-section {
        padding: 80px 22px 90px;

        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .featured-talent-content {
        max-width: 430px;
        margin: 0 auto;
    }

    .featured-talent-content .upper-text {
        font-size: 28px;
        margin-bottom: 14px;
    }

    .featured-talent-content h2 {
        font-size: 36px;
        line-height: 1.1;
        max-width: 390px;
        margin: 0 auto 18px;
    }

    .featured-talent-content p {
        font-size: 17px;
        line-height: 1.5;
        max-width: 390px;
        margin: 0 auto;
    }

    .coming-soon-text {
        font-size: 25px;
        margin-top: 32px;
    }

    .featured-talent-btn{
        margin-top:34px;
    }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media only screen and (max-width: 420px) {

    .featured-talent-section {
        padding: 80px 22px 90px;

        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
}