.elementor-11521 .elementor-element.elementor-element-d0ab3d4:not(.elementor-motion-effects-element-type-background), .elementor-11521 .elementor-element.elementor-element-d0ab3d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hireyy.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-29-2026-05_21_40-PM.png");background-position:center center;background-size:cover;}.elementor-11521 .elementor-element.elementor-element-d0ab3d4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11521 .elementor-element.elementor-element-d0ab3d4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11521 .elementor-element.elementor-element-125d8b5{width:100%;max-width:100%;}.elementor-11521 .elementor-element.elementor-element-e6efad2{margin-top:-50px;margin-bottom:0px;}.elementor-11521 .elementor-element.elementor-element-698f9bf{width:100%;max-width:100%;}.elementor-11521 .elementor-element.elementor-element-0a1299e{margin-top:-50px;margin-bottom:0px;}.elementor-11521 .elementor-element.elementor-element-2305336{width:100%;max-width:100%;}@media(min-width:768px){.elementor-11521 .elementor-element.elementor-element-4071bd8{width:50%;}.elementor-11521 .elementor-element.elementor-element-3422fa9{width:49.917%;}.elementor-11521 .elementor-element.elementor-element-a61a9e7{width:50%;}.elementor-11521 .elementor-element.elementor-element-8f07f0e{width:49.917%;}.elementor-11521 .elementor-element.elementor-element-1d67a9e{width:50%;}.elementor-11521 .elementor-element.elementor-element-f3b7b6e{width:49.917%;}}@media(max-width:1024px){.elementor-11521 .elementor-element.elementor-element-d0ab3d4:not(.elementor-motion-effects-element-type-background), .elementor-11521 .elementor-element.elementor-element-d0ab3d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hireyy.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-29-2026-05_21_40-PM.png");}}@media(max-width:767px){.elementor-11521 .elementor-element.elementor-element-d0ab3d4:not(.elementor-motion-effects-element-type-background), .elementor-11521 .elementor-element.elementor-element-d0ab3d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}}/* Start custom CSS for html, class: .elementor-element-c6f9811 *//*=========================================
CAREER HERO CONTENT
=========================================*/

.career-hero-content{

    max-width:620px;

    position:relative;

    z-index:5;

    padding:120px 0 80px 70px;

}

/*=========================================
BADGE
=========================================*/

.career-badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:14px 28px;

    border-radius:60px;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,193,7,.28);

    backdrop-filter:blur(20px);

    color:#FFC107;

    font-size:15px;

    letter-spacing:2px;

    font-weight:600;

    margin-bottom:35px;

}

.career-badge .dot{

    width:10px;

    height:10px;

    border-radius:50%;

    background:#FFC107;

    box-shadow:0 0 15px #FFC107;

}

/*=========================================
HEADING
=========================================*/

.career-hero-content h1{

    color:#fff;

    font-size:68px;

    line-height:1.05;

    font-weight:700;

    margin:0 0 25px;

}

.career-hero-content h1 span{

    color:#FFC107;

    text-shadow:0 0 20px rgba(255,193,7,.45);

}

/*=========================================
DESCRIPTION
=========================================*/

.career-hero-content p{

    color:rgba(255,255,255,.82);

    font-size:21px;

    line-height:1.8;

    max-width:540px;

    margin:0;

}

/*=========================================
TABLET
=========================================*/

@media(max-width:1024px){

    .career-hero-content{

        padding:90px 40px 60px;

    }

    .career-hero-content h1{

        font-size:54px;

    }

    .career-hero-content p{

        font-size:18px;

    }

}

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

@media(max-width:767px){

    .career-hero-content{

        padding:70px 25px;

    }

    .career-hero-content h1{

        font-size:40px;

    }

    .career-hero-content p{

        font-size:16px;

        line-height:1.7;

    }

    .career-badge{

        font-size:12px;

        padding:12px 22px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-125d8b5 *//*=========================================
            GOOGLE FONT
=========================================*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

/*=========================================
            RESET
=========================================*/

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

body{

    font-family:'Outfit',sans-serif;

    background:#050505;

    color:#ffffff;

}

/*=========================================
        CAREER SECTION
=========================================*/

.hy-career-section{

    width:100%;

    padding:60px 20px;

    background:#050505;

}

.hy-career-container{

    max-width:1200px;

    margin:auto;

}

/*=========================================
            JOB CARD
=========================================*/

.hy-job-card{

    position:relative;

    width:100%;

    max-width:650px;

    margin:auto;

    padding:24px;

    border-radius:22px;

    background:

    linear-gradient(

    180deg,

    #1B1B1B,

    #101010

    );

    border:1px solid rgba(255,255,255,.05);

    overflow:hidden;

    transition:.35s ease;

}

/*=========================================
            GOLD GLOW
=========================================*/

.hy-job-card::before{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    top:-120px;

    right:-120px;

    border-radius:50%;

    background:

    radial-gradient(

    circle,

    rgba(244,197,66,.16),

    transparent 70%

    );

}

.hy-job-card:hover{

    transform:translateY(-6px);

    box-shadow:

    0 18px 45px rgba(0,0,0,.45),

    0 0 22px rgba(244,197,66,.08);

}

/*=========================================
            HEADER
=========================================*/

.hy-job-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

/*=========================================
            TAGS
=========================================*/

.hy-job-tags{

    display:flex;

    gap:10px;

}

.hy-job-tag{

    padding:7px 14px;

    border-radius:40px;

    background:rgba(244,197,66,.08);

    border:1px solid rgba(244,197,66,.25);

    color:#F4C542;

    font-size:11px;

    font-weight:600;

    letter-spacing:.5px;

}

/*=========================================
            JOB NUMBER
=========================================*/

.hy-job-id{

    font-size:52px;

    font-weight:700;

    color:rgba(255,255,255,.08);

    line-height:1;

}

/*=========================================
            TITLE
=========================================*/

.hy-job-title{

    font-size:30px;

    line-height:1.2;

    font-weight:700;

    color:#F4C542;

    margin-bottom:20px;

}
/*=========================================
            JOB INFO
=========================================*/

.hy-job-info{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:12px;

    margin-bottom:20px;

}

.hy-info-box{

    background:#171717;

    border:1px solid rgba(255,255,255,.05);

    border-radius:14px;

    padding:14px 16px;

    transition:.3s ease;

}

.hy-info-box:hover{

    border-color:rgba(244,197,66,.25);

    background:#1D1D1D;

}

.hy-info-box span{

    display:block;

    font-size:10px;

    color:#888;

    text-transform:uppercase;

    letter-spacing:.6px;

    margin-bottom:5px;

}

.hy-info-box strong{

    display:block;

    color:#fff;

    font-size:16px;

    font-weight:600;

}

/*=========================================
            BUTTONS
=========================================*/

.hy-job-buttons{

    display:flex;

    gap:12px;

}

.hy-btn{

    flex:1;

    height:46px;

    border-radius:12px;

    border:none;

    cursor:pointer;

    font-size:14px;

    font-weight:600;

    transition:.3s ease;

    font-family:'Outfit',sans-serif;

}

.hy-btn-outline{

    background:transparent;

    border:1px solid #F4C542;

    color:#F4C542;

}

.hy-btn-outline:hover{

    background:#F4C542;

    color:#000;

    transform:translateY(-2px);

}

.hy-btn-primary{

    background:#F4C542;

    color:#000;

}

.hy-btn-primary:hover{

    background:#FFD95A;

    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(244,197,66,.25);

}

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

@media(max-width:768px){

    .hy-career-section{

        padding:40px 15px;

    }

    .hy-job-card{

        padding:18px;

        border-radius:18px;

    }

    .hy-job-header{

        flex-direction:column;

        align-items:flex-start;

        gap:12px;

    }

    .hy-job-id{

        font-size:42px;

    }

    .hy-job-title{

        font-size:24px;

        margin-bottom:16px;

    }

    .hy-job-info{

        grid-template-columns:1fr;

        gap:10px;

    }

    .hy-info-box{

        padding:12px 14px;

    }

    .hy-job-buttons{

        flex-direction:column;

    }

    .hy-btn{

        width:100%;

    }

}
/*=========================================
            POPUP
=========================================*/

.hy-popup{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:25px;

    background:rgba(0,0,0,.82);

    backdrop-filter:blur(10px);

    opacity:0;

    visibility:hidden;

    transition:.35s ease;

    z-index:99999;

}

.hy-popup.active{

    opacity:1;

    visibility:visible;

}

/*=========================================
            OVERLAY
=========================================*/

.hy-popup-overlay{

    position:absolute;

    inset:0;

    cursor:pointer;

}

/*=========================================
            POPUP CONTENT
=========================================*/

.hy-popup-content{

    position:relative;

    width:100%;

    max-width:760px;

    max-height:88vh;

    overflow-y:auto;

    background:linear-gradient(180deg,#1A1A1A,#101010);

    border-radius:20px;

    border:1px solid rgba(255,255,255,.06);

    padding:28px;

    animation:popupOpen .35s ease;

    box-shadow:

    0 25px 70px rgba(0,0,0,.55),

    0 0 18px rgba(244,197,66,.08);

}

/*=========================================
            CLOSE BUTTON
=========================================*/

.hy-popup-close{

    position:absolute;

    top:18px;

    right:18px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#1E1E1E;

    color:#fff;

    font-size:24px;

    cursor:pointer;

    transition:.3s;

}

.hy-popup-close:hover{

    background:#F4C542;

    color:#000;

    transform:rotate(90deg);

}

/*=========================================
            POPUP HEADER
=========================================*/

.hy-popup-header{

    padding-bottom:20px;

    margin-bottom:22px;

    border-bottom:1px solid rgba(255,255,255,.06);

}

.hy-popup-header .hy-job-tags{

    margin-bottom:16px;

}

.hy-popup-header h2{

    font-size:30px;

    color:#F4C542;

    line-height:1.2;

}

/*=========================================
            BODY
=========================================*/

.hy-popup-body h3{

    color:#fff;

    font-size:20px;

    margin:24px 0 14px;

}

.hy-popup-body ul{

    padding-left:20px;

}

.hy-popup-body li{

    color:#D8D8D8;

    line-height:1.8;

    margin-bottom:10px;

    font-size:15px;

}

/*=========================================
            FOOTER
=========================================*/

.hy-popup-footer{

    display:flex;

    gap:12px;

    margin-top:28px;

    padding-top:22px;

    border-top:1px solid rgba(255,255,255,.06);

}

.hy-popup-footer .hy-btn{

    flex:1;

}

/*=========================================
            SCROLLBAR
=========================================*/

.hy-popup-content::-webkit-scrollbar{

    width:6px;

}

.hy-popup-content::-webkit-scrollbar-track{

    background:#111;

}

.hy-popup-content::-webkit-scrollbar-thumb{

    background:#F4C542;

    border-radius:20px;

}

/*=========================================
            ANIMATION
=========================================*/

@keyframes popupOpen{

    from{

        opacity:0;

        transform:translateY(30px) scale(.96);

    }

    to{

        opacity:1;

        transform:translateY(0) scale(1);

    }

}

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

@media(max-width:768px){

    .hy-popup{

        padding:15px;

    }

    .hy-popup-content{

        padding:20px;

        border-radius:16px;

    }

    .hy-popup-header h2{

        font-size:24px;

    }

    .hy-popup-body h3{

        font-size:18px;

    }

    .hy-popup-body li{

        font-size:14px;

        line-height:1.7;

    }

    .hy-popup-footer{

        flex-direction:column;

    }

    .hy-popup-footer .hy-btn{

        width:100%;

    }

}
/*=========================================
            APPLY EMAIL
=========================================*/

.hy-apply-email{

    display:flex;

    align-items:center;

    gap:8px;

    margin-top:24px;

    padding-top:20px;

    border-top:1px solid rgba(255,255,255,.08);

    font-size:16px;

    color:#ffffff;

}

.hy-apply-email strong{

    color:#ffffff;

    font-weight:600;

}

.hy-apply-email a{

    color:#F4C542;

    text-decoration:none;

    font-weight:600;

    transition:.3s ease;

}

.hy-apply-email a:hover{

    color:#FFD95A;

    text-decoration:underline;

}

@media(max-width:768px){

    .hy-apply-email{

        flex-direction:column;

        align-items:flex-start;

        gap:6px;

        font-size:15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c1b1c9 *//*=========================================
            GOOGLE FONT
=========================================*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

/*=========================================
            RESET
=========================================*/

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

body{

    font-family:'Outfit',sans-serif;

    background:#050505;

    color:#ffffff;

}

/*=========================================
        CAREER SECTION
=========================================*/

.hy-career-section{

    width:100%;

    padding:60px 20px;

    background:#050505;

}

.hy-career-container{

    max-width:1200px;

    margin:auto;

}

/*=========================================
            JOB CARD
=========================================*/

.hy-job-card{

    position:relative;

    width:100%;

    max-width:650px;

    margin:auto;

    padding:24px;

    border-radius:22px;

    background:

    linear-gradient(

    180deg,

    #1B1B1B,

    #101010

    );

    border:1px solid rgba(255,255,255,.05);

    overflow:hidden;

    transition:.35s ease;

}

/*=========================================
            GOLD GLOW
=========================================*/

.hy-job-card::before{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    top:-120px;

    right:-120px;

    border-radius:50%;

    background:

    radial-gradient(

    circle,

    rgba(244,197,66,.16),

    transparent 70%

    );

}

.hy-job-card:hover{

    transform:translateY(-6px);

    box-shadow:

    0 18px 45px rgba(0,0,0,.45),

    0 0 22px rgba(244,197,66,.08);

}

/*=========================================
            HEADER
=========================================*/

.hy-job-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

/*=========================================
            TAGS
=========================================*/

.hy-job-tags{

    display:flex;

    gap:10px;

}

.hy-job-tag{

    padding:7px 14px;

    border-radius:40px;

    background:rgba(244,197,66,.08);

    border:1px solid rgba(244,197,66,.25);

    color:#F4C542;

    font-size:11px;

    font-weight:600;

    letter-spacing:.5px;

}

/*=========================================
            JOB NUMBER
=========================================*/

.hy-job-id{

    font-size:52px;

    font-weight:700;

    color:rgba(255,255,255,.08);

    line-height:1;

}

/*=========================================
            TITLE
=========================================*/

.hy-job-title{

    font-size:30px;

    line-height:1.2;

    font-weight:700;

    color:#F4C542;

    margin-bottom:20px;

}
/*=========================================
            JOB INFO
=========================================*/

.hy-job-info{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:12px;

    margin-bottom:20px;

}

.hy-info-box{

    background:#171717;

    border:1px solid rgba(255,255,255,.05);

    border-radius:14px;

    padding:14px 16px;

    transition:.3s ease;

}

.hy-info-box:hover{

    border-color:rgba(244,197,66,.25);

    background:#1D1D1D;

}

.hy-info-box span{

    display:block;

    font-size:10px;

    color:#888;

    text-transform:uppercase;

    letter-spacing:.6px;

    margin-bottom:5px;

}

.hy-info-box strong{

    display:block;

    color:#fff;

    font-size:16px;

    font-weight:600;

}

/*=========================================
            BUTTONS
=========================================*/

.hy-job-buttons{

    display:flex;

    gap:12px;

}

.hy-btn{

    flex:1;

    height:46px;

    border-radius:12px;

    border:none;

    cursor:pointer;

    font-size:14px;

    font-weight:600;

    transition:.3s ease;

    font-family:'Outfit',sans-serif;

}

.hy-btn-outline{

    background:transparent;

    border:1px solid #F4C542;

    color:#F4C542;

}

.hy-btn-outline:hover{

    background:#F4C542;

    color:#000;

    transform:translateY(-2px);

}

.hy-btn-primary{

    background:#F4C542;

    color:#000;

}

.hy-btn-primary:hover{

    background:#FFD95A;

    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(244,197,66,.25);

}

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

@media(max-width:768px){

    .hy-career-section{

        padding:40px 15px;

    }

    .hy-job-card{

        padding:18px;

        border-radius:18px;

    }

    .hy-job-header{

        flex-direction:column;

        align-items:flex-start;

        gap:12px;

    }

    .hy-job-id{

        font-size:42px;

    }

    .hy-job-title{

        font-size:24px;

        margin-bottom:16px;

    }

    .hy-job-info{

        grid-template-columns:1fr;

        gap:10px;

    }

    .hy-info-box{

        padding:12px 14px;

    }

    .hy-job-buttons{

        flex-direction:column;

    }

    .hy-btn{

        width:100%;

    }

}
/*=========================================
            POPUP
=========================================*/

.hy-popup{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:25px;

    background:rgba(0,0,0,.82);

    backdrop-filter:blur(10px);

    opacity:0;

    visibility:hidden;

    transition:.35s ease;

    z-index:99999;

}

.hy-popup.active{

    opacity:1;

    visibility:visible;

}

/*=========================================
            OVERLAY
=========================================*/

.hy-popup-overlay{

    position:absolute;

    inset:0;

    cursor:pointer;

}

/*=========================================
            POPUP CONTENT
=========================================*/

.hy-popup-content{

    position:relative;

    width:100%;

    max-width:760px;

    max-height:88vh;

    overflow-y:auto;

    background:linear-gradient(180deg,#1A1A1A,#101010);

    border-radius:20px;

    border:1px solid rgba(255,255,255,.06);

    padding:28px;

    animation:popupOpen .35s ease;

    box-shadow:

    0 25px 70px rgba(0,0,0,.55),

    0 0 18px rgba(244,197,66,.08);

}

/*=========================================
            CLOSE BUTTON
=========================================*/

.hy-popup-close{

    position:absolute;

    top:18px;

    right:18px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#1E1E1E;

    color:#fff;

    font-size:24px;

    cursor:pointer;

    transition:.3s;

}

.hy-popup-close:hover{

    background:#F4C542;

    color:#000;

    transform:rotate(90deg);

}

/*=========================================
            POPUP HEADER
=========================================*/

.hy-popup-header{

    padding-bottom:20px;

    margin-bottom:22px;

    border-bottom:1px solid rgba(255,255,255,.06);

}

.hy-popup-header .hy-job-tags{

    margin-bottom:16px;

}

.hy-popup-header h2{

    font-size:30px;

    color:#F4C542;

    line-height:1.2;

}

/*=========================================
            BODY
=========================================*/

.hy-popup-body h3{

    color:#fff;

    font-size:20px;

    margin:24px 0 14px;

}

.hy-popup-body ul{

    padding-left:20px;

}

.hy-popup-body li{

    color:#D8D8D8;

    line-height:1.8;

    margin-bottom:10px;

    font-size:15px;

}

/*=========================================
            FOOTER
=========================================*/

.hy-popup-footer{

    display:flex;

    gap:12px;

    margin-top:28px;

    padding-top:22px;

    border-top:1px solid rgba(255,255,255,.06);

}

.hy-popup-footer .hy-btn{

    flex:1;

}

/*=========================================
            SCROLLBAR
=========================================*/

.hy-popup-content::-webkit-scrollbar{

    width:6px;

}

.hy-popup-content::-webkit-scrollbar-track{

    background:#111;

}

.hy-popup-content::-webkit-scrollbar-thumb{

    background:#F4C542;

    border-radius:20px;

}

/*=========================================
            ANIMATION
=========================================*/

@keyframes popupOpen{

    from{

        opacity:0;

        transform:translateY(30px) scale(.96);

    }

    to{

        opacity:1;

        transform:translateY(0) scale(1);

    }

}

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

@media(max-width:768px){

    .hy-popup{

        padding:15px;

    }

    .hy-popup-content{

        padding:20px;

        border-radius:16px;

    }

    .hy-popup-header h2{

        font-size:24px;

    }

    .hy-popup-body h3{

        font-size:18px;

    }

    .hy-popup-body li{

        font-size:14px;

        line-height:1.7;

    }

    .hy-popup-footer{

        flex-direction:column;

    }

    .hy-popup-footer .hy-btn{

        width:100%;

    }

}
/*=========================================
            APPLY EMAIL
=========================================*/

.hy-apply-email{

    display:flex;

    align-items:center;

    gap:8px;

    margin-top:24px;

    padding-top:20px;

    border-top:1px solid rgba(255,255,255,.08);

    font-size:16px;

    color:#ffffff;

}

.hy-apply-email strong{

    color:#ffffff;

    font-weight:600;

}

.hy-apply-email a{

    color:#F4C542;

    text-decoration:none;

    font-weight:600;

    transition:.3s ease;

}

.hy-apply-email a:hover{

    color:#FFD95A;

    text-decoration:underline;

}

@media(max-width:768px){

    .hy-apply-email{

        flex-direction:column;

        align-items:flex-start;

        gap:6px;

        font-size:15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-698f9bf *//*=========================================
            GOOGLE FONT
=========================================*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

/*=========================================
            RESET
=========================================*/

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

body{

    font-family:'Outfit',sans-serif;

    background:#050505;

    color:#ffffff;

}

/*=========================================
        CAREER SECTION
=========================================*/

.hy-career-section{

    width:100%;

    padding:60px 20px;

    background:#050505;

}

.hy-career-container{

    max-width:1200px;

    margin:auto;

}

/*=========================================
            JOB CARD
=========================================*/

.hy-job-card{

    position:relative;

    width:100%;

    max-width:650px;

    margin:auto;

    padding:24px;

    border-radius:22px;

    background:

    linear-gradient(

    180deg,

    #1B1B1B,

    #101010

    );

    border:1px solid rgba(255,255,255,.05);

    overflow:hidden;

    transition:.35s ease;

}

/*=========================================
            GOLD GLOW
=========================================*/

.hy-job-card::before{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    top:-120px;

    right:-120px;

    border-radius:50%;

    background:

    radial-gradient(

    circle,

    rgba(244,197,66,.16),

    transparent 70%

    );

}

.hy-job-card:hover{

    transform:translateY(-6px);

    box-shadow:

    0 18px 45px rgba(0,0,0,.45),

    0 0 22px rgba(244,197,66,.08);

}

/*=========================================
            HEADER
=========================================*/

.hy-job-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

/*=========================================
            TAGS
=========================================*/

.hy-job-tags{

    display:flex;

    gap:10px;

}

.hy-job-tag{

    padding:7px 14px;

    border-radius:40px;

    background:rgba(244,197,66,.08);

    border:1px solid rgba(244,197,66,.25);

    color:#F4C542;

    font-size:11px;

    font-weight:600;

    letter-spacing:.5px;

}

/*=========================================
            JOB NUMBER
=========================================*/

.hy-job-id{

    font-size:52px;

    font-weight:700;

    color:rgba(255,255,255,.08);

    line-height:1;

}

/*=========================================
            TITLE
=========================================*/

.hy-job-title{

    font-size:30px;

    line-height:1.2;

    font-weight:700;

    color:#F4C542;

    margin-bottom:20px;

}
/*=========================================
            JOB INFO
=========================================*/

.hy-job-info{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:12px;

    margin-bottom:20px;

}

.hy-info-box{

    background:#171717;

    border:1px solid rgba(255,255,255,.05);

    border-radius:14px;

    padding:14px 16px;

    transition:.3s ease;

}

.hy-info-box:hover{

    border-color:rgba(244,197,66,.25);

    background:#1D1D1D;

}

.hy-info-box span{

    display:block;

    font-size:10px;

    color:#888;

    text-transform:uppercase;

    letter-spacing:.6px;

    margin-bottom:5px;

}

.hy-info-box strong{

    display:block;

    color:#fff;

    font-size:16px;

    font-weight:600;

}

/*=========================================
            BUTTONS
=========================================*/

.hy-job-buttons{

    display:flex;

    gap:12px;

}

.hy-btn{

    flex:1;

    height:46px;

    border-radius:12px;

    border:none;

    cursor:pointer;

    font-size:14px;

    font-weight:600;

    transition:.3s ease;

    font-family:'Outfit',sans-serif;

}

.hy-btn-outline{

    background:transparent;

    border:1px solid #F4C542;

    color:#F4C542;

}

.hy-btn-outline:hover{

    background:#F4C542;

    color:#000;

    transform:translateY(-2px);

}

.hy-btn-primary{

    background:#F4C542;

    color:#000;

}

.hy-btn-primary:hover{

    background:#FFD95A;

    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(244,197,66,.25);

}

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

@media(max-width:768px){

    .hy-career-section{

        padding:40px 15px;

    }

    .hy-job-card{

        padding:18px;

        border-radius:18px;

    }

    .hy-job-header{

        flex-direction:column;

        align-items:flex-start;

        gap:12px;

    }

    .hy-job-id{

        font-size:42px;

    }

    .hy-job-title{

        font-size:24px;

        margin-bottom:16px;

    }

    .hy-job-info{

        grid-template-columns:1fr;

        gap:10px;

    }

    .hy-info-box{

        padding:12px 14px;

    }

    .hy-job-buttons{

        flex-direction:column;

    }

    .hy-btn{

        width:100%;

    }

}
/*=========================================
            POPUP
=========================================*/

.hy-popup{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:25px;

    background:rgba(0,0,0,.82);

    backdrop-filter:blur(10px);

    opacity:0;

    visibility:hidden;

    transition:.35s ease;

    z-index:99999;

}

.hy-popup.active{

    opacity:1;

    visibility:visible;

}

/*=========================================
            OVERLAY
=========================================*/

.hy-popup-overlay{

    position:absolute;

    inset:0;

    cursor:pointer;

}

/*=========================================
            POPUP CONTENT
=========================================*/

.hy-popup-content{

    position:relative;

    width:100%;

    max-width:760px;

    max-height:88vh;

    overflow-y:auto;

    background:linear-gradient(180deg,#1A1A1A,#101010);

    border-radius:20px;

    border:1px solid rgba(255,255,255,.06);

    padding:28px;

    animation:popupOpen .35s ease;

    box-shadow:

    0 25px 70px rgba(0,0,0,.55),

    0 0 18px rgba(244,197,66,.08);

}

/*=========================================
            CLOSE BUTTON
=========================================*/

.hy-popup-close{

    position:absolute;

    top:18px;

    right:18px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#1E1E1E;

    color:#fff;

    font-size:24px;

    cursor:pointer;

    transition:.3s;

}

.hy-popup-close:hover{

    background:#F4C542;

    color:#000;

    transform:rotate(90deg);

}

/*=========================================
            POPUP HEADER
=========================================*/

.hy-popup-header{

    padding-bottom:20px;

    margin-bottom:22px;

    border-bottom:1px solid rgba(255,255,255,.06);

}

.hy-popup-header .hy-job-tags{

    margin-bottom:16px;

}

.hy-popup-header h2{

    font-size:30px;

    color:#F4C542;

    line-height:1.2;

}

/*=========================================
            BODY
=========================================*/

.hy-popup-body h3{

    color:#fff;

    font-size:20px;

    margin:24px 0 14px;

}

.hy-popup-body ul{

    padding-left:20px;

}

.hy-popup-body li{

    color:#D8D8D8;

    line-height:1.8;

    margin-bottom:10px;

    font-size:15px;

}

/*=========================================
            FOOTER
=========================================*/

.hy-popup-footer{

    display:flex;

    gap:12px;

    margin-top:28px;

    padding-top:22px;

    border-top:1px solid rgba(255,255,255,.06);

}

.hy-popup-footer .hy-btn{

    flex:1;

}

/*=========================================
            SCROLLBAR
=========================================*/

.hy-popup-content::-webkit-scrollbar{

    width:6px;

}

.hy-popup-content::-webkit-scrollbar-track{

    background:#111;

}

.hy-popup-content::-webkit-scrollbar-thumb{

    background:#F4C542;

    border-radius:20px;

}

/*=========================================
            ANIMATION
=========================================*/

@keyframes popupOpen{

    from{

        opacity:0;

        transform:translateY(30px) scale(.96);

    }

    to{

        opacity:1;

        transform:translateY(0) scale(1);

    }

}

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

@media(max-width:768px){

    .hy-popup{

        padding:15px;

    }

    .hy-popup-content{

        padding:20px;

        border-radius:16px;

    }

    .hy-popup-header h2{

        font-size:24px;

    }

    .hy-popup-body h3{

        font-size:18px;

    }

    .hy-popup-body li{

        font-size:14px;

        line-height:1.7;

    }

    .hy-popup-footer{

        flex-direction:column;

    }

    .hy-popup-footer .hy-btn{

        width:100%;

    }

}
/*=========================================
            APPLY EMAIL
=========================================*/

.hy-apply-email{

    display:flex;

    align-items:center;

    gap:8px;

    margin-top:24px;

    padding-top:20px;

    border-top:1px solid rgba(255,255,255,.08);

    font-size:16px;

    color:#ffffff;

}

.hy-apply-email strong{

    color:#ffffff;

    font-weight:600;

}

.hy-apply-email a{

    color:#F4C542;

    text-decoration:none;

    font-weight:600;

    transition:.3s ease;

}

.hy-apply-email a:hover{

    color:#FFD95A;

    text-decoration:underline;

}

@media(max-width:768px){

    .hy-apply-email{

        flex-direction:column;

        align-items:flex-start;

        gap:6px;

        font-size:15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c5cce5 *//*=========================================
            GOOGLE FONT
=========================================*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

/*=========================================
            RESET
=========================================*/

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

body{

    font-family:'Outfit',sans-serif;

    background:#050505;

    color:#ffffff;

}

/*=========================================
        CAREER SECTION
=========================================*/

.hy-career-section{

    width:100%;

    padding:60px 20px;

    background:#050505;

}

.hy-career-container{

    max-width:1200px;

    margin:auto;

}

/*=========================================
            JOB CARD
=========================================*/

.hy-job-card{

    position:relative;

    width:100%;

    max-width:650px;

    margin:auto;

    padding:24px;

    border-radius:22px;

    background:

    linear-gradient(

    180deg,

    #1B1B1B,

    #101010

    );

    border:1px solid rgba(255,255,255,.05);

    overflow:hidden;

    transition:.35s ease;

}

/*=========================================
            GOLD GLOW
=========================================*/

.hy-job-card::before{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    top:-120px;

    right:-120px;

    border-radius:50%;

    background:

    radial-gradient(

    circle,

    rgba(244,197,66,.16),

    transparent 70%

    );

}

.hy-job-card:hover{

    transform:translateY(-6px);

    box-shadow:

    0 18px 45px rgba(0,0,0,.45),

    0 0 22px rgba(244,197,66,.08);

}

/*=========================================
            HEADER
=========================================*/

.hy-job-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

/*=========================================
            TAGS
=========================================*/

.hy-job-tags{

    display:flex;

    gap:10px;

}

.hy-job-tag{

    padding:7px 14px;

    border-radius:40px;

    background:rgba(244,197,66,.08);

    border:1px solid rgba(244,197,66,.25);

    color:#F4C542;

    font-size:11px;

    font-weight:600;

    letter-spacing:.5px;

}

/*=========================================
            JOB NUMBER
=========================================*/

.hy-job-id{

    font-size:52px;

    font-weight:700;

    color:rgba(255,255,255,.08);

    line-height:1;

}

/*=========================================
            TITLE
=========================================*/

.hy-job-title{

    font-size:30px;

    line-height:1.2;

    font-weight:700;

    color:#F4C542;

    margin-bottom:20px;

}
/*=========================================
            JOB INFO
=========================================*/

.hy-job-info{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:12px;

    margin-bottom:20px;

}

.hy-info-box{

    background:#171717;

    border:1px solid rgba(255,255,255,.05);

    border-radius:14px;

    padding:14px 16px;

    transition:.3s ease;

}

.hy-info-box:hover{

    border-color:rgba(244,197,66,.25);

    background:#1D1D1D;

}

.hy-info-box span{

    display:block;

    font-size:10px;

    color:#888;

    text-transform:uppercase;

    letter-spacing:.6px;

    margin-bottom:5px;

}

.hy-info-box strong{

    display:block;

    color:#fff;

    font-size:16px;

    font-weight:600;

}

/*=========================================
            BUTTONS
=========================================*/

.hy-job-buttons{

    display:flex;

    gap:12px;

}

.hy-btn{

    flex:1;

    height:46px;

    border-radius:12px;

    border:none;

    cursor:pointer;

    font-size:14px;

    font-weight:600;

    transition:.3s ease;

    font-family:'Outfit',sans-serif;

}

.hy-btn-outline{

    background:transparent;

    border:1px solid #F4C542;

    color:#F4C542;

}

.hy-btn-outline:hover{

    background:#F4C542;

    color:#000;

    transform:translateY(-2px);

}

.hy-btn-primary{

    background:#F4C542;

    color:#000;

}

.hy-btn-primary:hover{

    background:#FFD95A;

    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(244,197,66,.25);

}

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

@media(max-width:768px){

    .hy-career-section{

        padding:40px 15px;

    }

    .hy-job-card{

        padding:18px;

        border-radius:18px;

    }

    .hy-job-header{

        flex-direction:column;

        align-items:flex-start;

        gap:12px;

    }

    .hy-job-id{

        font-size:42px;

    }

    .hy-job-title{

        font-size:24px;

        margin-bottom:16px;

    }

    .hy-job-info{

        grid-template-columns:1fr;

        gap:10px;

    }

    .hy-info-box{

        padding:12px 14px;

    }

    .hy-job-buttons{

        flex-direction:column;

    }

    .hy-btn{

        width:100%;

    }

}
/*=========================================
            POPUP
=========================================*/

.hy-popup{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:25px;

    background:rgba(0,0,0,.82);

    backdrop-filter:blur(10px);

    opacity:0;

    visibility:hidden;

    transition:.35s ease;

    z-index:99999;

}

.hy-popup.active{

    opacity:1;

    visibility:visible;

}

/*=========================================
            OVERLAY
=========================================*/

.hy-popup-overlay{

    position:absolute;

    inset:0;

    cursor:pointer;

}

/*=========================================
            POPUP CONTENT
=========================================*/

.hy-popup-content{

    position:relative;

    width:100%;

    max-width:760px;

    max-height:88vh;

    overflow-y:auto;

    background:linear-gradient(180deg,#1A1A1A,#101010);

    border-radius:20px;

    border:1px solid rgba(255,255,255,.06);

    padding:28px;

    animation:popupOpen .35s ease;

    box-shadow:

    0 25px 70px rgba(0,0,0,.55),

    0 0 18px rgba(244,197,66,.08);

}

/*=========================================
            CLOSE BUTTON
=========================================*/

.hy-popup-close{

    position:absolute;

    top:18px;

    right:18px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#1E1E1E;

    color:#fff;

    font-size:24px;

    cursor:pointer;

    transition:.3s;

}

.hy-popup-close:hover{

    background:#F4C542;

    color:#000;

    transform:rotate(90deg);

}

/*=========================================
            POPUP HEADER
=========================================*/

.hy-popup-header{

    padding-bottom:20px;

    margin-bottom:22px;

    border-bottom:1px solid rgba(255,255,255,.06);

}

.hy-popup-header .hy-job-tags{

    margin-bottom:16px;

}

.hy-popup-header h2{

    font-size:30px;

    color:#F4C542;

    line-height:1.2;

}

/*=========================================
            BODY
=========================================*/

.hy-popup-body h3{

    color:#fff;

    font-size:20px;

    margin:24px 0 14px;

}

.hy-popup-body ul{

    padding-left:20px;

}

.hy-popup-body li{

    color:#D8D8D8;

    line-height:1.8;

    margin-bottom:10px;

    font-size:15px;

}

/*=========================================
            FOOTER
=========================================*/

.hy-popup-footer{

    display:flex;

    gap:12px;

    margin-top:28px;

    padding-top:22px;

    border-top:1px solid rgba(255,255,255,.06);

}

.hy-popup-footer .hy-btn{

    flex:1;

}

/*=========================================
            SCROLLBAR
=========================================*/

.hy-popup-content::-webkit-scrollbar{

    width:6px;

}

.hy-popup-content::-webkit-scrollbar-track{

    background:#111;

}

.hy-popup-content::-webkit-scrollbar-thumb{

    background:#F4C542;

    border-radius:20px;

}

/*=========================================
            ANIMATION
=========================================*/

@keyframes popupOpen{

    from{

        opacity:0;

        transform:translateY(30px) scale(.96);

    }

    to{

        opacity:1;

        transform:translateY(0) scale(1);

    }

}

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

@media(max-width:768px){

    .hy-popup{

        padding:15px;

    }

    .hy-popup-content{

        padding:20px;

        border-radius:16px;

    }

    .hy-popup-header h2{

        font-size:24px;

    }

    .hy-popup-body h3{

        font-size:18px;

    }

    .hy-popup-body li{

        font-size:14px;

        line-height:1.7;

    }

    .hy-popup-footer{

        flex-direction:column;

    }

    .hy-popup-footer .hy-btn{

        width:100%;

    }

}
/*=========================================
            APPLY EMAIL
=========================================*/

.hy-apply-email{

    display:flex;

    align-items:center;

    gap:8px;

    margin-top:24px;

    padding-top:20px;

    border-top:1px solid rgba(255,255,255,.08);

    font-size:16px;

    color:#ffffff;

}

.hy-apply-email strong{

    color:#ffffff;

    font-weight:600;

}

.hy-apply-email a{

    color:#F4C542;

    text-decoration:none;

    font-weight:600;

    transition:.3s ease;

}

.hy-apply-email a:hover{

    color:#FFD95A;

    text-decoration:underline;

}

@media(max-width:768px){

    .hy-apply-email{

        flex-direction:column;

        align-items:flex-start;

        gap:6px;

        font-size:15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2305336 *//*=========================================
            GOOGLE FONT
=========================================*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

/*=========================================
            RESET
=========================================*/

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

body{

    font-family:'Outfit',sans-serif;

    background:#050505;

    color:#ffffff;

}

/*=========================================
        CAREER SECTION
=========================================*/

.hy-career-section{

    width:100%;

    padding:60px 20px;

    background:#050505;

}

.hy-career-container{

    max-width:1200px;

    margin:auto;

}

/*=========================================
            JOB CARD
=========================================*/

.hy-job-card{

    position:relative;

    width:100%;

    max-width:650px;

    margin:auto;

    padding:24px;

    border-radius:22px;

    background:

    linear-gradient(

    180deg,

    #1B1B1B,

    #101010

    );

    border:1px solid rgba(255,255,255,.05);

    overflow:hidden;

    transition:.35s ease;

}

/*=========================================
            GOLD GLOW
=========================================*/

.hy-job-card::before{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    top:-120px;

    right:-120px;

    border-radius:50%;

    background:

    radial-gradient(

    circle,

    rgba(244,197,66,.16),

    transparent 70%

    );

}

.hy-job-card:hover{

    transform:translateY(-6px);

    box-shadow:

    0 18px 45px rgba(0,0,0,.45),

    0 0 22px rgba(244,197,66,.08);

}

/*=========================================
            HEADER
=========================================*/

.hy-job-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

/*=========================================
            TAGS
=========================================*/

.hy-job-tags{

    display:flex;

    gap:10px;

}

.hy-job-tag{

    padding:7px 14px;

    border-radius:40px;

    background:rgba(244,197,66,.08);

    border:1px solid rgba(244,197,66,.25);

    color:#F4C542;

    font-size:11px;

    font-weight:600;

    letter-spacing:.5px;

}

/*=========================================
            JOB NUMBER
=========================================*/

.hy-job-id{

    font-size:52px;

    font-weight:700;

    color:rgba(255,255,255,.08);

    line-height:1;

}

/*=========================================
            TITLE
=========================================*/

.hy-job-title{

    font-size:30px;

    line-height:1.2;

    font-weight:700;

    color:#F4C542;

    margin-bottom:20px;

}
/*=========================================
            JOB INFO
=========================================*/

.hy-job-info{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:12px;

    margin-bottom:20px;

}

.hy-info-box{

    background:#171717;

    border:1px solid rgba(255,255,255,.05);

    border-radius:14px;

    padding:14px 16px;

    transition:.3s ease;

}

.hy-info-box:hover{

    border-color:rgba(244,197,66,.25);

    background:#1D1D1D;

}

.hy-info-box span{

    display:block;

    font-size:10px;

    color:#888;

    text-transform:uppercase;

    letter-spacing:.6px;

    margin-bottom:5px;

}

.hy-info-box strong{

    display:block;

    color:#fff;

    font-size:16px;

    font-weight:600;

}

/*=========================================
            BUTTONS
=========================================*/

.hy-job-buttons{

    display:flex;

    gap:12px;

}

.hy-btn{

    flex:1;

    height:46px;

    border-radius:12px;

    border:none;

    cursor:pointer;

    font-size:14px;

    font-weight:600;

    transition:.3s ease;

    font-family:'Outfit',sans-serif;

}

.hy-btn-outline{

    background:transparent;

    border:1px solid #F4C542;

    color:#F4C542;

}

.hy-btn-outline:hover{

    background:#F4C542;

    color:#000;

    transform:translateY(-2px);

}

.hy-btn-primary{

    background:#F4C542;

    color:#000;

}

.hy-btn-primary:hover{

    background:#FFD95A;

    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(244,197,66,.25);

}

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

@media(max-width:768px){

    .hy-career-section{

        padding:40px 15px;

    }

    .hy-job-card{

        padding:18px;

        border-radius:18px;

    }

    .hy-job-header{

        flex-direction:column;

        align-items:flex-start;

        gap:12px;

    }

    .hy-job-id{

        font-size:42px;

    }

    .hy-job-title{

        font-size:24px;

        margin-bottom:16px;

    }

    .hy-job-info{

        grid-template-columns:1fr;

        gap:10px;

    }

    .hy-info-box{

        padding:12px 14px;

    }

    .hy-job-buttons{

        flex-direction:column;

    }

    .hy-btn{

        width:100%;

    }

}
/*=========================================
            POPUP
=========================================*/

.hy-popup{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:25px;

    background:rgba(0,0,0,.82);

    backdrop-filter:blur(10px);

    opacity:0;

    visibility:hidden;

    transition:.35s ease;

    z-index:99999;

}

.hy-popup.active{

    opacity:1;

    visibility:visible;

}

/*=========================================
            OVERLAY
=========================================*/

.hy-popup-overlay{

    position:absolute;

    inset:0;

    cursor:pointer;

}

/*=========================================
            POPUP CONTENT
=========================================*/

.hy-popup-content{

    position:relative;

    width:100%;

    max-width:760px;

    max-height:88vh;

    overflow-y:auto;

    background:linear-gradient(180deg,#1A1A1A,#101010);

    border-radius:20px;

    border:1px solid rgba(255,255,255,.06);

    padding:28px;

    animation:popupOpen .35s ease;

    box-shadow:

    0 25px 70px rgba(0,0,0,.55),

    0 0 18px rgba(244,197,66,.08);

}

/*=========================================
            CLOSE BUTTON
=========================================*/

.hy-popup-close{

    position:absolute;

    top:18px;

    right:18px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#1E1E1E;

    color:#fff;

    font-size:24px;

    cursor:pointer;

    transition:.3s;

}

.hy-popup-close:hover{

    background:#F4C542;

    color:#000;

    transform:rotate(90deg);

}

/*=========================================
            POPUP HEADER
=========================================*/

.hy-popup-header{

    padding-bottom:20px;

    margin-bottom:22px;

    border-bottom:1px solid rgba(255,255,255,.06);

}

.hy-popup-header .hy-job-tags{

    margin-bottom:16px;

}

.hy-popup-header h2{

    font-size:30px;

    color:#F4C542;

    line-height:1.2;

}

/*=========================================
            BODY
=========================================*/

.hy-popup-body h3{

    color:#fff;

    font-size:20px;

    margin:24px 0 14px;

}

.hy-popup-body ul{

    padding-left:20px;

}

.hy-popup-body li{

    color:#D8D8D8;

    line-height:1.8;

    margin-bottom:10px;

    font-size:15px;

}

/*=========================================
            FOOTER
=========================================*/

.hy-popup-footer{

    display:flex;

    gap:12px;

    margin-top:28px;

    padding-top:22px;

    border-top:1px solid rgba(255,255,255,.06);

}

.hy-popup-footer .hy-btn{

    flex:1;

}

/*=========================================
            SCROLLBAR
=========================================*/

.hy-popup-content::-webkit-scrollbar{

    width:6px;

}

.hy-popup-content::-webkit-scrollbar-track{

    background:#111;

}

.hy-popup-content::-webkit-scrollbar-thumb{

    background:#F4C542;

    border-radius:20px;

}

/*=========================================
            ANIMATION
=========================================*/

@keyframes popupOpen{

    from{

        opacity:0;

        transform:translateY(30px) scale(.96);

    }

    to{

        opacity:1;

        transform:translateY(0) scale(1);

    }

}

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

@media(max-width:768px){

    .hy-popup{

        padding:15px;

    }

    .hy-popup-content{

        padding:20px;

        border-radius:16px;

    }

    .hy-popup-header h2{

        font-size:24px;

    }

    .hy-popup-body h3{

        font-size:18px;

    }

    .hy-popup-body li{

        font-size:14px;

        line-height:1.7;

    }

    .hy-popup-footer{

        flex-direction:column;

    }

    .hy-popup-footer .hy-btn{

        width:100%;

    }

}
/*=========================================
            APPLY EMAIL
=========================================*/

.hy-apply-email{

    display:flex;

    align-items:center;

    gap:8px;

    margin-top:24px;

    padding-top:20px;

    border-top:1px solid rgba(255,255,255,.08);

    font-size:16px;

    color:#ffffff;

}

.hy-apply-email strong{

    color:#ffffff;

    font-weight:600;

}

.hy-apply-email a{

    color:#F4C542;

    text-decoration:none;

    font-weight:600;

    transition:.3s ease;

}

.hy-apply-email a:hover{

    color:#FFD95A;

    text-decoration:underline;

}

@media(max-width:768px){

    .hy-apply-email{

        flex-direction:column;

        align-items:flex-start;

        gap:6px;

        font-size:15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02b6386 *//*=========================================
            GOOGLE FONT
=========================================*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

/*=========================================
            RESET
=========================================*/

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

body{

    font-family:'Outfit',sans-serif;

    background:#050505;

    color:#ffffff;

}

/*=========================================
        CAREER SECTION
=========================================*/

.hy-career-section{

    width:100%;

    padding:60px 20px;

    background:#050505;

}

.hy-career-container{

    max-width:1200px;

    margin:auto;

}

/*=========================================
            JOB CARD
=========================================*/

.hy-job-card{

    position:relative;

    width:100%;

    max-width:650px;

    margin:auto;

    padding:24px;

    border-radius:22px;

    background:

    linear-gradient(

    180deg,

    #1B1B1B,

    #101010

    );

    border:1px solid rgba(255,255,255,.05);

    overflow:hidden;

    transition:.35s ease;

}

/*=========================================
            GOLD GLOW
=========================================*/

.hy-job-card::before{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    top:-120px;

    right:-120px;

    border-radius:50%;

    background:

    radial-gradient(

    circle,

    rgba(244,197,66,.16),

    transparent 70%

    );

}

.hy-job-card:hover{

    transform:translateY(-6px);

    box-shadow:

    0 18px 45px rgba(0,0,0,.45),

    0 0 22px rgba(244,197,66,.08);

}

/*=========================================
            HEADER
=========================================*/

.hy-job-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

/*=========================================
            TAGS
=========================================*/

.hy-job-tags{

    display:flex;

    gap:10px;

}

.hy-job-tag{

    padding:7px 14px;

    border-radius:40px;

    background:rgba(244,197,66,.08);

    border:1px solid rgba(244,197,66,.25);

    color:#F4C542;

    font-size:11px;

    font-weight:600;

    letter-spacing:.5px;

}

/*=========================================
            JOB NUMBER
=========================================*/

.hy-job-id{

    font-size:52px;

    font-weight:700;

    color:rgba(255,255,255,.08);

    line-height:1;

}

/*=========================================
            TITLE
=========================================*/

.hy-job-title{

    font-size:30px;

    line-height:1.2;

    font-weight:700;

    color:#F4C542;

    margin-bottom:20px;

}
/*=========================================
            JOB INFO
=========================================*/

.hy-job-info{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:12px;

    margin-bottom:20px;

}

.hy-info-box{

    background:#171717;

    border:1px solid rgba(255,255,255,.05);

    border-radius:14px;

    padding:14px 16px;

    transition:.3s ease;

}

.hy-info-box:hover{

    border-color:rgba(244,197,66,.25);

    background:#1D1D1D;

}

.hy-info-box span{

    display:block;

    font-size:10px;

    color:#888;

    text-transform:uppercase;

    letter-spacing:.6px;

    margin-bottom:5px;

}

.hy-info-box strong{

    display:block;

    color:#fff;

    font-size:16px;

    font-weight:600;

}

/*=========================================
            BUTTONS
=========================================*/

.hy-job-buttons{

    display:flex;

    gap:12px;

}

.hy-btn{

    flex:1;

    height:46px;

    border-radius:12px;

    border:none;

    cursor:pointer;

    font-size:14px;

    font-weight:600;

    transition:.3s ease;

    font-family:'Outfit',sans-serif;

}

.hy-btn-outline{

    background:transparent;

    border:1px solid #F4C542;

    color:#F4C542;

}

.hy-btn-outline:hover{

    background:#F4C542;

    color:#000;

    transform:translateY(-2px);

}

.hy-btn-primary{

    background:#F4C542;

    color:#000;

}

.hy-btn-primary:hover{

    background:#FFD95A;

    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(244,197,66,.25);

}

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

@media(max-width:768px){

    .hy-career-section{

        padding:40px 15px;

    }

    .hy-job-card{

        padding:18px;

        border-radius:18px;

    }

    .hy-job-header{

        flex-direction:column;

        align-items:flex-start;

        gap:12px;

    }

    .hy-job-id{

        font-size:42px;

    }

    .hy-job-title{

        font-size:24px;

        margin-bottom:16px;

    }

    .hy-job-info{

        grid-template-columns:1fr;

        gap:10px;

    }

    .hy-info-box{

        padding:12px 14px;

    }

    .hy-job-buttons{

        flex-direction:column;

    }

    .hy-btn{

        width:100%;

    }

}
/*=========================================
            POPUP
=========================================*/

.hy-popup{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:25px;

    background:rgba(0,0,0,.82);

    backdrop-filter:blur(10px);

    opacity:0;

    visibility:hidden;

    transition:.35s ease;

    z-index:99999;

}

.hy-popup.active{

    opacity:1;

    visibility:visible;

}

/*=========================================
            OVERLAY
=========================================*/

.hy-popup-overlay{

    position:absolute;

    inset:0;

    cursor:pointer;

}

/*=========================================
            POPUP CONTENT
=========================================*/

.hy-popup-content{

    position:relative;

    width:100%;

    max-width:760px;

    max-height:88vh;

    overflow-y:auto;

    background:linear-gradient(180deg,#1A1A1A,#101010);

    border-radius:20px;

    border:1px solid rgba(255,255,255,.06);

    padding:28px;

    animation:popupOpen .35s ease;

    box-shadow:

    0 25px 70px rgba(0,0,0,.55),

    0 0 18px rgba(244,197,66,.08);

}

/*=========================================
            CLOSE BUTTON
=========================================*/

.hy-popup-close{

    position:absolute;

    top:18px;

    right:18px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#1E1E1E;

    color:#fff;

    font-size:24px;

    cursor:pointer;

    transition:.3s;

}

.hy-popup-close:hover{

    background:#F4C542;

    color:#000;

    transform:rotate(90deg);

}

/*=========================================
            POPUP HEADER
=========================================*/

.hy-popup-header{

    padding-bottom:20px;

    margin-bottom:22px;

    border-bottom:1px solid rgba(255,255,255,.06);

}

.hy-popup-header .hy-job-tags{

    margin-bottom:16px;

}

.hy-popup-header h2{

    font-size:30px;

    color:#F4C542;

    line-height:1.2;

}

/*=========================================
            BODY
=========================================*/

.hy-popup-body h3{

    color:#fff;

    font-size:20px;

    margin:24px 0 14px;

}

.hy-popup-body ul{

    padding-left:20px;

}

.hy-popup-body li{

    color:#D8D8D8;

    line-height:1.8;

    margin-bottom:10px;

    font-size:15px;

}

/*=========================================
            FOOTER
=========================================*/

.hy-popup-footer{

    display:flex;

    gap:12px;

    margin-top:28px;

    padding-top:22px;

    border-top:1px solid rgba(255,255,255,.06);

}

.hy-popup-footer .hy-btn{

    flex:1;

}

/*=========================================
            SCROLLBAR
=========================================*/

.hy-popup-content::-webkit-scrollbar{

    width:6px;

}

.hy-popup-content::-webkit-scrollbar-track{

    background:#111;

}

.hy-popup-content::-webkit-scrollbar-thumb{

    background:#F4C542;

    border-radius:20px;

}

/*=========================================
            ANIMATION
=========================================*/

@keyframes popupOpen{

    from{

        opacity:0;

        transform:translateY(30px) scale(.96);

    }

    to{

        opacity:1;

        transform:translateY(0) scale(1);

    }

}

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

@media(max-width:768px){

    .hy-popup{

        padding:15px;

    }

    .hy-popup-content{

        padding:20px;

        border-radius:16px;

    }

    .hy-popup-header h2{

        font-size:24px;

    }

    .hy-popup-body h3{

        font-size:18px;

    }

    .hy-popup-body li{

        font-size:14px;

        line-height:1.7;

    }

    .hy-popup-footer{

        flex-direction:column;

    }

    .hy-popup-footer .hy-btn{

        width:100%;

    }

}
/*=========================================
            APPLY EMAIL
=========================================*/

.hy-apply-email{

    display:flex;

    align-items:center;

    gap:8px;

    margin-top:24px;

    padding-top:20px;

    border-top:1px solid rgba(255,255,255,.08);

    font-size:16px;

    color:#ffffff;

}

.hy-apply-email strong{

    color:#ffffff;

    font-weight:600;

}

.hy-apply-email a{

    color:#F4C542;

    text-decoration:none;

    font-weight:600;

    transition:.3s ease;

}

.hy-apply-email a:hover{

    color:#FFD95A;

    text-decoration:underline;

}

@media(max-width:768px){

    .hy-apply-email{

        flex-direction:column;

        align-items:flex-start;

        gap:6px;

        font-size:15px;

    }

}/* End custom CSS */