.elementor-8470 .elementor-element.elementor-element-8536e86{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8470 .elementor-element.elementor-element-7a47f59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-8470 .elementor-element.elementor-element-0f94147 .breadcrumb{margin:25px 0px 25px 0px;}.elementor-8470 .elementor-element.elementor-element-278d83b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;}.elementor-8470 .elementor-element.elementor-element-9fba63f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8470 .elementor-element.elementor-element-e314b73{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:50px;}.elementor-8470 .elementor-element.elementor-element-e314b73:not(.elementor-motion-effects-element-type-background), .elementor-8470 .elementor-element.elementor-element-e314b73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8470 .elementor-element.elementor-element-01e082b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8470 .elementor-element.elementor-element-95f57f2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8470 .elementor-element.elementor-element-95f57f2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8470 .elementor-element.elementor-element-8033a0e > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-8033a0e .detail-heading-title{color:#000000;font-family:"Helvetica", Sans-serif;font-size:2em;font-weight:600;}.elementor-8470 .elementor-element.elementor-element-e7e5860{--display:flex;}.elementor-8470 .elementor-element.elementor-element-b56414f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-8470 .elementor-element.elementor-element-aea3348 > .elementor-widget-container{margin:-77px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-aea3348 .detail-employer-logo img{border-radius:50% 50% 50% 50%;}.elementor-8470 .elementor-element.elementor-element-1a94664 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-5bc7253{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:55px;--padding-left:0px;--padding-right:0px;}.elementor-8470 .elementor-element.elementor-element-bc789e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:50px;--padding-right:50px;}.elementor-8470 .elementor-element.elementor-element-bc789e4:not(.elementor-motion-effects-element-type-background), .elementor-8470 .elementor-element.elementor-element-bc789e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8470 .elementor-element.elementor-element-3ff02f9{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.elementor-8470 .elementor-element.elementor-element-3ff02f9 .elementor-heading-title{font-size:20px;font-weight:500;color:#000000;}.elementor-8470 .elementor-element.elementor-element-d323481{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.elementor-8470 .elementor-element.elementor-element-d323481 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.6em;font-weight:600;color:#2A2A2A;}.elementor-8470 .elementor-element.elementor-element-46e5f31 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-46e5f31 .btn{fill:#2A2A2A;color:#2A2A2A;background-color:var( --e-global-color-cbea088 );border-style:solid;border-width:2px 2px 2px 2px;border-color:#00000000;width:200px;border-radius:70px 70px 70px 70px;padding:10px 30px 10px 30px;}.elementor-8470 .elementor-element.elementor-element-46e5f31 .btn:hover, .elementor-8470 .elementor-element.elementor-element-46e5f31 .btn:focus{color:#FFFFFF;background-color:var( --e-global-color-9751488 );border-color:var( --e-global-color-9751488 );}.elementor-8470 .elementor-element.elementor-element-46e5f31 .btn:hover svg, .elementor-8470 .elementor-element.elementor-element-46e5f31 .btn:focus svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-8470 .elementor-element.elementor-element-0f94147 .breadcrumb{margin:15px 0px 15px 0px;}.elementor-8470 .elementor-element.elementor-element-9fba63f{--padding-top:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-8470 .elementor-element.elementor-element-e314b73{--border-radius:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-5bc7253{--padding-top:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-8470 .elementor-element.elementor-element-3ff02f9{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-8470 .elementor-element.elementor-element-d323481{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-8470 .elementor-element.elementor-element-46e5f31 .btn{width:auto;}}@media(max-width:767px){.elementor-8470 .elementor-element.elementor-element-0f94147 .breadcrumb{margin:15px 0px 15px 0px;}.elementor-8470 .elementor-element.elementor-element-278d83b{--justify-content:flex-start;--padding-top:0px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8470 .elementor-element.elementor-element-01e082b{--padding-top:15px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-8470 .elementor-element.elementor-element-95f57f2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8470 .elementor-element.elementor-element-b56414f{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8470 .elementor-element.elementor-element-aea3348 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-1a94664 > .elementor-widget-container{margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-46e5f31{width:100%;max-width:100%;}.elementor-8470 .elementor-element.elementor-element-46e5f31 .btn{width:100%;}}@media(min-width:768px){.elementor-8470 .elementor-element.elementor-element-7a47f59{--width:50%;}.elementor-8470 .elementor-element.elementor-element-278d83b{--width:50%;}.elementor-8470 .elementor-element.elementor-element-01e082b{--width:100%;}.elementor-8470 .elementor-element.elementor-element-95f57f2{--width:460px;}.elementor-8470 .elementor-element.elementor-element-b56414f{--width:calc(100% - 100px);}.elementor-8470 .elementor-element.elementor-element-5bc7253{--content-width:1280px;}.elementor-8470 .elementor-element.elementor-element-bc789e4{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8470 .elementor-element.elementor-element-01e082b{--width:70%;}}/* Start custom CSS for container, class: .elementor-element-9fba63f *//*
 * ============================================================
 * SEO INTERACTION — JOB HERO + SALARY CTA / FINAL
 *
 * Complete replacement for si-job-hero.
 * Elementor controls no positioning, sizing or spacing.
 * ============================================================
 */


/* ============================================================
   HERO
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-9fba63f {
    --si-green: #004F4C;
    --si-yellow: #E4B600;
    --si-coral: #F47A55;

    position: relative !important;
    isolation: isolate;

    display: block !important;
    overflow: hidden !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;

    margin: 0 0 24px !important;
    padding: 38px 42px !important;

    background: var(--si-green) !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    border-radius: 0px !important;

    box-shadow:
        0 18px 38px rgba(0, 79, 76, .15),
        0 4px 12px rgba(0, 79, 76, .06) !important;

    box-sizing: border-box !important;
}


/* Decorative circle */

.elementor-8470 .elementor-element.elementor-element-9fba63f::after {
    content: "";

    position: absolute;
    right: -76px;
    bottom: -105px;
    z-index: 0;

    width: 230px;
    height: 230px;

    border-radius: 50%;

    background: var(--si-yellow);
    opacity: .14;

    pointer-events: none;
}


/* ============================================================
   ELEMENTOR OUTER WRAPPER
   ============================================================ */

/* Removes the Elementor white surface and entrance animation */

.elementor-8470 .elementor-element.elementor-element-9fba63f > .elementor-element-e314b73 {
    position: relative !important;
    z-index: 1;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* ============================================================
   MAIN HERO GRID
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-9fba63f .elementor-element-01e082b {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(320px, 370px) !important;

    grid-template-areas:
        "identity cta"
        "title    cta" !important;

    align-items: center !important;
    justify-content: stretch !important;

    column-gap: 56px !important;
    row-gap: 30px !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* ============================================================
   COMPANY IDENTITY
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-9fba63f .elementor-element-b56414f {
    grid-area: identity !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 17px !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 76px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* ============================================================
   COMPANY LOGO
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-logo {
    position: relative !important;

    flex: 0 0 76px !important;

    width: 76px !important;
    max-width: 76px !important;
    height: 76px !important;
    min-height: 76px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-logo > .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    width: 76px !important;
    max-width: 76px !important;
    height: 76px !important;
    min-height: 76px !important;

    margin: 0 !important;
    padding: 7px !important;

    background: #FFFFFF !important;
    background-image: none !important;

    border: 1px solid rgba(255, 255, 255, .42) !important;
    border-radius: 16px !important;

    box-shadow: 0 8px 20px rgba(0, 43, 41, .18) !important;

    box-sizing: border-box !important;
}

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-logo .detail-employer-logo,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-logo .job-thumbnail,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-logo .employer-logo,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-logo a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-logo img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 8px !important;

    box-shadow: none !important;
}


/* ============================================================
   COMPANY NAME
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company {
    position: relative !important;

    flex: 0 1 auto !important;

    width: auto !important;
    max-width: calc(100% - 93px) !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company > .elementor-widget-container,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company .top-detail-job,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company .employer-title {
    display: block !important;

    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company .employer-title,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company .employer-title a {
    color: var(--si-yellow) !important;

    font-size: 19px !important;
    font-weight: 720 !important;
    line-height: 1.25 !important;
    letter-spacing: -.01em !important;

    text-decoration: none !important;
}


/* ============================================================
   JOB TITLE CONTAINER
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-9fba63f .elementor-element-95f57f {
    grid-area: title !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}


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

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 1000px !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 0 0 20px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title > .elementor-widget-container,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title .top-detail-job,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title .title-wrapper {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* Coral marker */

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title::before {
    content: "";

    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;

    width: 6px;

    border-radius: 999px;

    background: var(--si-coral);
}

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title .job-detail-title {
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #FFFFFF !important;

    font-size: clamp(42px, 3.4vw, 56px) !important;
    font-weight: 780 !important;
    line-height: 1.08 !important;
    letter-spacing: -.045em !important;
}


/* Featured tick */

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title .featured {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 22px !important;

    margin-left: 8px !important;

    vertical-align: .15em !important;

    background: var(--si-yellow) !important;
    border-radius: 50% !important;
}

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title .featured i,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title .featured i::before {
    margin: 0 !important;

    color: var(--si-green) !important;

    font-size: 12px !important;
    line-height: 1 !important;
}


/* ============================================================
   SALARY + APPLY CARD
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-cta {
    grid-area: cta !important;

    position: relative !important;
    z-index: 2;

    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: center !important;

    gap: 24px !important;

    width: 100% !important;
    max-width: 370px !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 28px !important;

    background: #FFFFFF !important;
    background-image: none !important;

    border: 1px solid rgba(0, 43, 41, .08) !important;
    border-radius: 24px !important;

    box-shadow:
        0 18px 38px rgba(0, 43, 41, .18),
        0 4px 12px rgba(0, 43, 41, .08) !important;

    box-sizing: border-box !important;
}


/* Reset CTA widgets */

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-apply,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary > .elementor-widget-container,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-apply > .elementor-widget-container {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* ============================================================
   SALARY
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .job-detail-overview,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .list-service-detail {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    list-style: none !important;
}


/*
 * This widget has only one configured field: Min. Salary.
 * Freeio generates the complete salary output from that field.
 */

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .list-service-detail > li {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* No icon is required */

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .list-service-detail .icon {
    display: none !important;
}


/* Salary label and value */

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .list-service-detail .details {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 8px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .list-service-detail .text {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #71817E !important;

    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .list-service-detail .value,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .list-service-detail .value * {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--si-green) !important;

    font-size: 23px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    letter-spacing: -.025em !important;
    text-decoration: none !important;
}


/* ============================================================
   APPLY BUTTON
   ============================================================ */

/* Hide duplicated application deadline */

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-apply .deadline-time {
    display: none !important;
}

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-apply .top-detail-job {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* Button */

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-apply .btn-apply {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 14px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 64px !important;

    margin: 0 !important;
    padding: 15px 22px !important;

    background: var(--si-yellow) !important;
    color: var(--si-green) !important;

    border: 2px solid var(--si-green) !important;
    border-radius: 16px !important;

    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-sizing: border-box !important;

    transition:
        transform .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease !important;
}

.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-apply .btn-apply i,
.elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-apply .btn-apply i::before {
    margin: 0 !important;

    color: inherit !important;

    font-size: 17px !important;
    line-height: 1 !important;
}


/* Button hover */

@media (hover: hover) and (pointer: fine) {

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-apply .btn-apply:hover,
    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-apply .btn-apply:focus {
        transform: translateY(-2px) !important;

        background: var(--si-coral) !important;
        border-color: var(--si-coral) !important;
        color: var(--si-green) !important;
    }

}


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

@media (max-width: 1024px) {

    .elementor-8470 .elementor-element.elementor-element-9fba63f {
        padding: 34px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .elementor-element-01e082b {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(285px, 320px) !important;

        column-gap: 38px !important;
        row-gap: 27px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .elementor-element-b56414f {
        min-height: 68px !important;
        gap: 15px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-logo {
        flex-basis: 68px !important;

        width: 68px !important;
        max-width: 68px !important;
        height: 68px !important;
        min-height: 68px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-logo > .elementor-widget-container {
        width: 68px !important;
        max-width: 68px !important;
        height: 68px !important;
        min-height: 68px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company,
    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company .employer-title,
    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company .employer-title a {
        font-size: 18px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title .job-detail-title {
        font-size: clamp(37px, 4.5vw, 48px) !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-cta {
        padding: 24px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .list-service-detail .value,
    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .list-service-detail .value * {
        font-size: 21px !important;
    }

}


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

@media (max-width: 900px) {

    .elementor-8470 .elementor-element.elementor-element-9fba63f .elementor-element-01e082b {
        grid-template-columns: minmax(0, 1fr) !important;

        grid-template-areas:
            "identity"
            "title"
            "cta" !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-cta {
        justify-self: start !important;

        width: 100% !important;
        max-width: 420px !important;

        margin-top: 4px !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-8470 .elementor-element.elementor-element-9fba63f {
        margin-bottom: 18px !important;
        padding: 24px 20px 28px !important;

        border-radius: 18px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f::after {
        right: -58px;
        bottom: -74px;

        width: 154px;
        height: 154px;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .elementor-element-01e082b {
        row-gap: 23px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .elementor-element-b56414f {
        min-height: 60px !important;
        gap: 13px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-logo {
        flex-basis: 60px !important;

        width: 60px !important;
        max-width: 60px !important;
        height: 60px !important;
        min-height: 60px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-logo > .elementor-widget-container {
        width: 60px !important;
        max-width: 60px !important;
        height: 60px !important;
        min-height: 60px !important;

        padding: 6px !important;

        border-radius: 13px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company {
        max-width: calc(100% - 73px) !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company,
    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company .employer-title,
    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-company .employer-title a {
        font-size: 16px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title {
        padding-left: 15px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title::before {
        width: 5px;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title .job-detail-title {
        font-size: clamp(30px, 9vw, 38px) !important;
        line-height: 1.12 !important;
        letter-spacing: -.035em !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title .featured {
        width: 19px !important;
        height: 19px !important;

        margin-left: 5px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title .featured i,
    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-title .featured i::before {
        font-size: 10px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-cta {
        justify-self: stretch !important;

        width: 100% !important;
        max-width: none !important;

        margin-top: 3px !important;
        padding: 23px !important;

        border-radius: 20px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .list-service-detail .text {
        font-size: 15px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .list-service-detail .value,
    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-salary .list-service-detail .value * {
        font-size: 20px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-apply .btn-apply {
        min-height: 58px !important;

        padding: 14px 18px !important;

        font-size: 17px !important;

        border-radius: 14px !important;
    }

}


/* ============================================================
   ACCESSIBILITY
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-apply .btn-apply {
        transition: none !important;
    }

    .elementor-8470 .elementor-element.elementor-element-9fba63f .si-hero-apply .btn-apply:hover {
        transform: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for apus_element_detail_job_description, class: .elementor-element-4ad2b23 */#jobsdetails{
    
    color:#000!important;
}
#jobsdetails h5{
    
    color:#000!important;
}/* End custom CSS */
/* Start custom CSS for apus_element_detail_job_related, class: .elementor-element-9145c66 */#uzair_jobs_search h4{
        color:#000000!important;
    font-weight:600!important;
}

#uzair_jobs_search h2 a{
    color:#000000!important;
    font-weight:500!important;
    font-size:1.5em;
    font-family: Helvetica!important;
}

#uzair_jobs_search .employer-title a{
    color:#000000!important;
    font-weight:500!important;
    font-size:1.2em;
    font-family: Helvetica!important;
}



#uzair_jobs_search h2 a{
    color:#000000!important;
    font-weight:500!important;
    font-size:1.5em;
    font-family: Helvetica!important;
}


#uzair_jobs_search .job-salary, #uzair_jobs_search .category-job a, #uzair_jobs_search .job-type a, #uzair_jobs_search .job-location{
background:#FBF7E5;
padding:10px 20px;
border-radius:80px;
font-family:Roboto;
font-weight:600;
color:#000000!important;
}

#uzair_jobs_search .job-item {  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bc7253 *//*
 * ============================================================
 * SEO INTERACTION — JOB CONTENT / V1.2
 *
 * Custom CSS del contenedor:
 * si-job-content
 *
 * Incluye:
 * - Job Overview
 * - Job Description
 * - Responsibilities / Skills
 * - Application deadline
 * - Apply Now
 *
 * El título del trabajo ya no pertenece a este contenedor.
 * ============================================================
 */


/* ============================================================
   CONTENT CONTAINER
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-5bc7253 {
    --si-green: #004F4C;
    --si-green-deep: #003B39;
    --si-yellow: #E4B600;
    --si-coral: #F47A55;
    --si-soft-grey: #F3F5F2;
    --si-border: rgba(0, 79, 76, .16);
    --si-copy: #365451;

    overflow: visible;

    width: 100%;
    max-width: none;

    padding: 0;

    background: transparent;
    background-image: none;

    border: 0;
    box-shadow: none;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253 > .elementor-container,
.elementor-8470 .elementor-element.elementor-element-5bc7253 > .e-con-inner {
    background: transparent !important;
}


/* ============================================================
   SHARED SECTION HEADINGS
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-5bc7253 .elementor-heading-title,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-overview > .title,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description > .title,
.elementor-8470 .elementor-element.elementor-element-5bc7253 h2,
.elementor-8470 .elementor-element.elementor-element-5bc7253 h3,
.elementor-8470 .elementor-element.elementor-element-5bc7253 h4,
.elementor-8470 .elementor-element.elementor-element-5bc7253 h5 {
    color: var(--si-green) !important;

    font-weight: 750 !important;
    letter-spacing: -.025em;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-overview > .title,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description > .title {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}


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

.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_overview
> .elementor-widget-container {
    overflow: hidden;

    width: 100%;
    height: auto;
    min-height: 0;

    margin: 0 0 22px;
    padding: 26px;

    background: #FFFFFF !important;
    background-image: none !important;

    border: 1px solid var(--si-border);
    border-radius: 20px;

    box-shadow: 0 9px 24px rgba(0, 79, 76, .055);
}


/* Reset the native Freeio overview wrapper */

.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_overview
.job-detail-overview {
    width: 100%;
    height: auto;
    min-height: 0;

    margin: 0;
    padding: 0;

    background: transparent !important;
    background-image: none !important;

    border: 0;
    border-radius: 0;

    box-shadow: none;
}


/* ============================================================
   OVERVIEW GRID
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;

    gap: 12px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail > li {
    display: flex !important;
    align-items: center !important;

    flex: 0 0 calc(33.333% - 8px) !important;

    width: calc(33.333% - 8px) !important;
    max-width: calc(33.333% - 8px) !important;
    min-height: 94px !important;

    margin: 0 !important;
    padding: 15px !important;

    background: var(--si-soft-grey) !important;
    background-image: none !important;

    border: 1px solid rgba(0, 79, 76, .075) !important;
    border-radius: 14px !important;

    box-shadow: none !important;
}


/* ============================================================
   OVERVIEW ICONS
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;

    flex: 0 0 46px !important;

    width: 46px !important;
    height: 46px !important;

    margin: 0 13px 0 0 !important;
    padding: 0 !important;

    background: var(--si-yellow) !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 13px !important;

    color: var(--si-green) !important;

    box-shadow: none !important;
}


/* Remove Freeio's yellow circle behind the icon */

.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .icon::before,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .icon::after {
    display: none !important;

    content: none !important;
}


/* Actual icon */

.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .icon i,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .icon i::before,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .icon svg {
    position: static !important;

    margin: 0 !important;

    color: var(--si-green) !important;
    fill: currentColor !important;

    font-size: 22px !important;
    line-height: 1 !important;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .icon svg [fill]:not([fill="none"]) {
    fill: currentColor !important;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .icon svg [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}


/* ============================================================
   OVERVIEW TYPOGRAPHY
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .details,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .text {
    color: var(--si-copy) !important;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .details > div:first-child,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .text strong,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .value,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail .value a {
    color: var(--si-green) !important;

    font-weight: 700 !important;
    text-decoration: none !important;
}


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

.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_description
> .elementor-widget-container {
    overflow: hidden;

    width: 100%;
    height: auto;
    min-height: 0;

    margin: 0 0 22px;
    padding: clamp(28px, 4vw, 48px);

    background: #FFFFFF !important;
    background-image: none !important;

    border: 1px solid var(--si-border);
    border-radius: 20px;

    box-shadow: 0 9px 24px rgba(0, 79, 76, .05);
}


/* Reset native Freeio description wrapper */

.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_description
.job-detail-description {
    width: 100%;
    height: auto;
    min-height: 0;

    margin: 0;
    padding: 0;

    background: transparent !important;
    background-image: none !important;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: var(--si-copy) !important;

    font-size: 16px;
    line-height: 1.75;
}


/* Comfortable reading width */

.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description > * {
    max-width: 940px;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description p {
    margin-top: 0;
    margin-bottom: 18px;

    color: var(--si-copy) !important;
}


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

.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h2,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h3,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h4,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h5 {
    position: relative;

    margin-top: 34px;
    margin-bottom: 16px;
    padding-left: 15px;

    color: var(--si-green) !important;

    font-weight: 750 !important;
    line-height: 1.25;
    letter-spacing: -.025em;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h2:first-child,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h3:first-child,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h4:first-child {
    margin-top: 0;
}


/* Coral heading marker */

.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h2::before,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h3::before,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h4::before,
.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h5::before {
    content: "";

    position: absolute;
    top: .1em;
    bottom: .1em;
    left: 0;

    width: 5px;

    background: var(--si-coral);
    border-radius: 999px;
}


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

.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description ul {
    margin: 18px 0 26px;
    padding: 0;

    list-style: none;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description ul > li {
    position: relative;

    margin-bottom: 12px;
    padding-left: 32px;

    color: var(--si-copy) !important;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description ul > li::before {
    content: "✓";

    position: absolute;
    top: .1em;
    left: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 21px;
    height: 21px;

    background: rgba(0, 79, 76, .10);
    color: var(--si-green);

    border-radius: 50%;

    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}


/* Normal ordered lists */

.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description ol {
    margin: 18px 0 26px;
    padding-left: 24px;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description ol > li {
    margin-bottom: 12px;
    padding-left: 5px;

    color: var(--si-copy) !important;
}


/* Links inside description */

.elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description a {
    color: var(--si-green) !important;

    font-weight: 700;
    text-decoration-color: var(--si-yellow);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}


/* ============================================================
   APPLICATION CTA — COMPACT & CLASSY
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_apply_btn {
    width: 100% !important;

    margin: 44px 0 28px !important;
}


/* CTA outer surface */

.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_apply_btn
> .elementor-widget-container {
    position: relative;
    overflow: hidden;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 20px 22px 20px 26px !important;

    background: #FFFFFF !important;
    background-image: none !important;

    border: 1px solid rgba(0, 79, 76, .16) !important;
    border-left: 5px solid var(--si-yellow) !important;
    border-radius: 16px !important;

    color: var(--si-green) !important;

    box-shadow:
        0 10px 26px rgba(0, 79, 76, .065),
        0 2px 7px rgba(0, 79, 76, .025) !important;
}


/* Reset Freeio's original CTA */

.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_apply_btn
.top-detail-job {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 24px !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* ============================================================
   APPLICATION DEADLINE
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_apply_btn
.deadline-time {
    display: flex !important;
    flex-direction: column !important;

    gap: 4px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--si-green) !important;

    font-size: 14px !important;
    line-height: 1.35 !important;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_apply_btn
.deadline-time strong,
.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_apply_btn
.deadline-time span {
    color: var(--si-green) !important;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_apply_btn
.deadline-time strong {
    font-size: 17px !important;
    font-weight: 750 !important;
}


/* ============================================================
   APPLY BUTTON
   ============================================================ */

.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_apply_btn
.btn,
.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_apply_btn
.btn-apply {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 190px !important;
    min-height: 50px !important;

    margin: 0 !important;
    padding: 12px 24px !important;

    background: var(--si-green) !important;
    background-image: none !important;

    color: #FFFFFF !important;

    border: 1px solid var(--si-green) !important;
    border-radius: 12px !important;

    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;

    box-shadow: none !important;
}

.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_apply_btn
.btn i,
.elementor-8470 .elementor-element.elementor-element-5bc7253
.elementor-widget-apus_element_detail_job_apply_btn
.btn-apply i {
    color: inherit !important;
}


/* ============================================================
   DESKTOP INTERACTIONS
   ============================================================ */

@media (hover: hover) and (pointer: fine) {

    .elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail > li {
        transition:
            transform .18s ease,
            border-color .18s ease,
            box-shadow .18s ease;
    }

    .elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail > li:hover {
        transform: translateY(-2px);

        border-color: rgba(0, 79, 76, .24) !important;

        box-shadow: 0 8px 18px rgba(0, 79, 76, .075) !important;
    }

    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .btn,
    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .btn-apply {
        transition:
            transform .18s ease,
            background-color .18s ease,
            color .18s ease,
            border-color .18s ease;
    }

    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .btn:hover,
    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .btn:focus,
    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .btn-apply:hover,
    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .btn-apply:focus {
        transform: translateY(-1px);

        background: var(--si-yellow) !important;
        color: var(--si-green) !important;

        border-color: var(--si-yellow) !important;
    }

}


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

@media (max-width: 1024px) {

    .elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail > li {
        flex-basis: calc(50% - 6px) !important;

        width: calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_overview
    > .elementor-widget-container,
    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_description
    > .elementor-widget-container {
        margin-bottom: 16px;
        padding: 20px;

        border-radius: 17px;
    }


    /* Overview items */

    .elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail > li {
        flex-basis: 100% !important;

        width: 100% !important;
        max-width: 100% !important;
        min-height: 82px !important;
    }


    /* Description */

    .elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description {
        font-size: 15px;
        line-height: 1.68;
    }

    .elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h2,
    .elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h3,
    .elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h4,
    .elementor-8470 .elementor-element.elementor-element-5bc7253 .job-detail-description h5 {
        margin-top: 28px;
    }


    /* CTA */

    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn {
        margin-top: 30px !important;
        margin-bottom: 20px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    > .elementor-widget-container {
        padding: 20px !important;

        border-left-width: 4px !important;
        border-radius: 15px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .top-detail-job {
        align-items: stretch !important;
        flex-direction: column !important;

        gap: 18px !important;
    }

    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .btn,
    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .btn-apply {
        width: 100% !important;
        min-width: 0 !important;
    }

}


/* ============================================================
   ACCESSIBILITY
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail > li,
    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .btn,
    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .btn-apply {
        transition: none !important;
    }

    .elementor-8470 .elementor-element.elementor-element-5bc7253 .list-service-detail > li:hover,
    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .btn:hover,
    .elementor-8470 .elementor-element.elementor-element-5bc7253
    .elementor-widget-apus_element_detail_job_apply_btn
    .btn-apply:hover {
        transform: none !important;
    }

}/* End custom CSS */