.elementor-2 .elementor-element.elementor-element-24ff02a{--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;}.elementor-2 .elementor-element.elementor-element-9a0fa51{--display:flex;}.elementor-2 .elementor-element.elementor-element-0e0fa37.elementor-element{--align-self:center;}.elementor-2 .elementor-element.elementor-element-75a4cad{--display:flex;--min-height:57px;--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;}.elementor-2 .elementor-element.elementor-element-c0328a2{--display:flex;}.elementor-2 .elementor-element.elementor-element-c80eba6 .elementor-heading-title{color:#0050B7;}.elementor-2 .elementor-element.elementor-element-0caabf6{--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;--flex-wrap:wrap;}.elementor-2 .elementor-element.elementor-element-49cfa1a{--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;}.elementor-2 .elementor-element.elementor-element-1124b03{--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;}.elementor-2 .elementor-element.elementor-element-a4da7c4{--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;}.elementor-2 .elementor-element.elementor-element-3d186c7{--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;}.elementor-2 .elementor-element.elementor-element-95f7ae5{--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;}.elementor-2 .elementor-element.elementor-element-4910cc5{--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;}.elementor-2 .elementor-element.elementor-element-6b9bda7{--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;}.elementor-2 .elementor-element.elementor-element-d751708{--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;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-49cfa1a{--width:50%;}.elementor-2 .elementor-element.elementor-element-1124b03{--width:50%;}.elementor-2 .elementor-element.elementor-element-a4da7c4{--width:50%;}.elementor-2 .elementor-element.elementor-element-3d186c7{--width:50%;}.elementor-2 .elementor-element.elementor-element-95f7ae5{--width:50%;}.elementor-2 .elementor-element.elementor-element-4910cc5{--width:50%;}.elementor-2 .elementor-element.elementor-element-6b9bda7{--width:50%;}.elementor-2 .elementor-element.elementor-element-d751708{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-6ce6493 *//* BUTTON */
.job-btn{
    margin-top:12px;
    padding:12px 26px;
    border-radius:12px;
    background:#0073ff;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border:2px solid #0073ff;
    position:relative;
    overflow:hidden;
    display:inline-block;
    transition:all .25s ease;
    box-shadow:0 6px 18px rgba(0,115,255,0.25);
}

/* HOVER — lift + glow */
.job-btn:hover{
    transform:translateY(-4px) scale(1.03);
    background:#ffffff;
    color:#0073ff;
    border-radius:50px;
    box-shadow:
        0 12px 28px rgba(0,115,255,0.35),
        0 0 0 6px rgba(0,115,255,0.10);
}

/* CLICK PRESS EFFECT */
.job-btn:active{
    transform:translateY(1px) scale(.98);
    box-shadow:0 4px 10px rgba(0,115,255,0.25);
}

/* SHINE SWEEP EFFECT */
.job-btn::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:120%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent 30%,
        rgba(255,255,255,.6),
        transparent 70%
    );
    transition:left .6s ease;
}

.job-btn:hover::after{
    left:120%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b148b20 *//* WRAPPER */
.job-wrapper{
    display:flex;
    gap:20px;
    padding:0;
    background:transparent;
}

/* CARD */
.job-card{
    width:100%;
    height:350px; /* 👈 back to fixed height */
    border-radius:18px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
    transition:all .45s cubic-bezier(.2,.8,.2,1);

    /* 👇 Background image settings */
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* EDGE TITLE (VISIBLE BEFORE HOVER) */
.job-edge{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:18px;
    background:linear-gradient(transparent, rgba(0,0,0,.75));
    color:#fff;
    font-weight:800;
    font-size:18px;
    transition:opacity .35s ease;
}

.job-edge h3{
    margin:0;
    color:#fff;
}

/* OVERLAY */
.job-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    gap:12px;
    background:rgba(0,0,0,0.65);
    backdrop-filter: blur(6px);
    opacity:0;
    transition:all .45s cubic-bezier(.2,.8,.2,1);
    padding:20px;
}

/* TEXT */
.job-type{
    color:#ffffffcc;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    margin:0;
}

.job-role{
    color:#fff;
    font-size:22px;
    font-weight:800;
    margin:0;
}

/* BUTTON */
.job-btn{
    margin-top:10px;
    padding:11px 22px;
    border-radius:12px;
    background:#0073ff;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border:2px solid #0073ff;
    transition:all .35s ease;
}

/* ---------- HOVER EFFECT ---------- */

/* Hide bottom title */
.job-card:hover .job-edge{
    opacity:0;
}

/* Show overlay */
.job-card:hover .job-overlay{
    opacity:1;
}

/* Button invert */
.job-card:hover .job-btn{
    background:#fff;
    color:#0073ff;
    border-radius:50px;
}
/* WRAPPER */
/*.job-wrapper{*/
/*    display:flex;*/
/*    gap:20px;*/
/*    padding:0;*/
/*    background:transparent;*/
    flex-wrap:wrap; /* 👈 allow wrapping */
/*}*/

/* DEFAULT = Desktop (3 cards) */
/*.job-card{*/
/*    width: calc(33.333% - 14px);*/
/*    height:350px;*/
/*    border-radius:18px;*/
/*    overflow:hidden;*/
/*    position:relative;*/
/*    cursor:pointer;*/
/*    box-shadow:0 10px 25px rgba(0,0,0,0.12);*/
/*    transition:all .45s cubic-bezier(.2,.8,.2,1);*/
/*    background-size:cover;*/
/*    background-position:center;*/
/*    background-repeat:no-repeat;*/
/*}*/

/* TABLET = 2 cards */
/*@media (max-width: 992px){*/
/*    .job-card{*/
/*        width: calc(50% - 10px);*/
/*    }*/
/*}*/

/* MOBILE = 1 card */
/*@media (max-width: 600px){*/
/*    .job-card{*/
/*        width: 100%;*/
/*    }*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e4c28b *//* WRAPPER */
.job-wrapper{
    display:flex;
    gap:20px;
    padding:0;
    background:transparent;
}

/* CARD */
.job-card{
    width:100%;
    height:350px; /* 👈 back to fixed height */
    border-radius:18px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
    transition:all .45s cubic-bezier(.2,.8,.2,1);

    /* 👇 Background image settings */
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* EDGE TITLE (VISIBLE BEFORE HOVER) */
.job-edge{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:18px;
    background:linear-gradient(transparent, rgba(0,0,0,.75));
    color:#fff;
    font-weight:800;
    font-size:18px;
    transition:opacity .35s ease;
}

.job-edge h3{
    margin:0;
    color:#fff;
}

/* OVERLAY */
.job-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    gap:12px;
    background:rgba(0,0,0,0.65);
    backdrop-filter: blur(6px);
    opacity:0;
    transition:all .45s cubic-bezier(.2,.8,.2,1);
    padding:20px;
}

/* TEXT */
.job-type{
    color:#ffffffcc;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    margin:0;
}

.job-role{
    color:#fff;
    font-size:22px;
    font-weight:800;
    margin:0;
}

/* BUTTON */
.job-btn{
    margin-top:10px;
    padding:11px 22px;
    border-radius:12px;
    background:#0073ff;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border:2px solid #0073ff;
    transition:all .35s ease;
}

/* ---------- HOVER EFFECT ---------- */

/* Hide bottom title */
.job-card:hover .job-edge{
    opacity:0;
}

/* Show overlay */
.job-card:hover .job-overlay{
    opacity:1;
}

/* Button invert */
.job-card:hover .job-btn{
    background:#fff;
    color:#0073ff;
    border-radius:50px;
}
/* WRAPPER */
/*.job-wrapper{*/
/*    display:flex;*/
/*    gap:20px;*/
/*    padding:0;*/
/*    background:transparent;*/
    flex-wrap:wrap; /* 👈 allow wrapping */
/*}*/

/* DEFAULT = Desktop (3 cards) */
/*.job-card{*/
/*    width: calc(33.333% - 14px);*/
/*    height:350px;*/
/*    border-radius:18px;*/
/*    overflow:hidden;*/
/*    position:relative;*/
/*    cursor:pointer;*/
/*    box-shadow:0 10px 25px rgba(0,0,0,0.12);*/
/*    transition:all .45s cubic-bezier(.2,.8,.2,1);*/
/*    background-size:cover;*/
/*    background-position:center;*/
/*    background-repeat:no-repeat;*/
/*}*/

/* TABLET = 2 cards */
/*@media (max-width: 992px){*/
/*    .job-card{*/
/*        width: calc(50% - 10px);*/
/*    }*/
/*}*/

/* MOBILE = 1 card */
/*@media (max-width: 600px){*/
/*    .job-card{*/
/*        width: 100%;*/
/*    }*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fdfc172 *//* WRAPPER */
.job-wrapper{
    display:flex;
    gap:20px;
    padding:0;
    background:transparent;
}

/* CARD */
.job-card{
    width:100%;
    height:350px; /* 👈 back to fixed height */
    border-radius:18px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
    transition:all .45s cubic-bezier(.2,.8,.2,1);

    /* 👇 Background image settings */
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* EDGE TITLE (VISIBLE BEFORE HOVER) */
.job-edge{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:18px;
    background:linear-gradient(transparent, rgba(0,0,0,.75));
    color:#fff;
    font-weight:800;
    font-size:18px;
    transition:opacity .35s ease;
}

.job-edge h3{
    margin:0;
    color:#fff;
}

/* OVERLAY */
.job-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    gap:12px;
    background:rgba(0,0,0,0.65);
    backdrop-filter: blur(6px);
    opacity:0;
    transition:all .45s cubic-bezier(.2,.8,.2,1);
    padding:20px;
}

/* TEXT */
.job-type{
    color:#ffffffcc;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    margin:0;
}

.job-role{
    color:#fff;
    font-size:22px;
    font-weight:800;
    margin:0;
}

/* BUTTON */
.job-btn{
    margin-top:10px;
    padding:11px 22px;
    border-radius:12px;
    background:#0073ff;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border:2px solid #0073ff;
    transition:all .35s ease;
}

/* ---------- HOVER EFFECT ---------- */

/* Hide bottom title */
.job-card:hover .job-edge{
    opacity:0;
}

/* Show overlay */
.job-card:hover .job-overlay{
    opacity:1;
}

/* Button invert */
.job-card:hover .job-btn{
    background:#fff;
    color:#0073ff;
    border-radius:50px;
}
/* WRAPPER */
/*.job-wrapper{*/
/*    display:flex;*/
/*    gap:20px;*/
/*    padding:0;*/
/*    background:transparent;*/
    flex-wrap:wrap; /* 👈 allow wrapping */
/*}*/

/* DEFAULT = Desktop (3 cards) */
/*.job-card{*/
/*    width: calc(33.333% - 14px);*/
/*    height:350px;*/
/*    border-radius:18px;*/
/*    overflow:hidden;*/
/*    position:relative;*/
/*    cursor:pointer;*/
/*    box-shadow:0 10px 25px rgba(0,0,0,0.12);*/
/*    transition:all .45s cubic-bezier(.2,.8,.2,1);*/
/*    background-size:cover;*/
/*    background-position:center;*/
/*    background-repeat:no-repeat;*/
/*}*/

/* TABLET = 2 cards */
/*@media (max-width: 992px){*/
/*    .job-card{*/
/*        width: calc(50% - 10px);*/
/*    }*/
/*}*/

/* MOBILE = 1 card */
/*@media (max-width: 600px){*/
/*    .job-card{*/
/*        width: 100%;*/
/*    }*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6538e86 *//* WRAPPER */
.job-wrapper{
    display:flex;
    gap:20px;
    padding:0;
    background:transparent;
}

/* CARD */
.job-card{
    width:100%;
    height:350px; /* 👈 back to fixed height */
    border-radius:18px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
    transition:all .45s cubic-bezier(.2,.8,.2,1);

    /* 👇 Background image settings */
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* EDGE TITLE (VISIBLE BEFORE HOVER) */
.job-edge{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:18px;
    background:linear-gradient(transparent, rgba(0,0,0,.75));
    color:#fff;
    font-weight:800;
    font-size:18px;
    transition:opacity .35s ease;
}

.job-edge h3{
    margin:0;
    color:#fff;
}

/* OVERLAY */
.job-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    gap:12px;
    background:rgba(0,0,0,0.65);
    backdrop-filter: blur(6px);
    opacity:0;
    transition:all .45s cubic-bezier(.2,.8,.2,1);
    padding:20px;
}

/* TEXT */
.job-type{
    color:#ffffffcc;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    margin:0;
}

.job-role{
    color:#fff;
    font-size:22px;
    font-weight:800;
    margin:0;
}

/* BUTTON */
.job-btn{
    margin-top:10px;
    padding:11px 22px;
    border-radius:12px;
    background:#0073ff;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border:2px solid #0073ff;
    transition:all .35s ease;
}

/* ---------- HOVER EFFECT ---------- */

/* Hide bottom title */
.job-card:hover .job-edge{
    opacity:0;
}

/* Show overlay */
.job-card:hover .job-overlay{
    opacity:1;
}

/* Button invert */
.job-card:hover .job-btn{
    background:#fff;
    color:#0073ff;
    border-radius:50px;
}
/* WRAPPER */
/*.job-wrapper{*/
/*    display:flex;*/
/*    gap:20px;*/
/*    padding:0;*/
/*    background:transparent;*/
    flex-wrap:wrap; /* 👈 allow wrapping */
/*}*/

/* DEFAULT = Desktop (3 cards) */
/*.job-card{*/
/*    width: calc(33.333% - 14px);*/
/*    height:350px;*/
/*    border-radius:18px;*/
/*    overflow:hidden;*/
/*    position:relative;*/
/*    cursor:pointer;*/
/*    box-shadow:0 10px 25px rgba(0,0,0,0.12);*/
/*    transition:all .45s cubic-bezier(.2,.8,.2,1);*/
/*    background-size:cover;*/
/*    background-position:center;*/
/*    background-repeat:no-repeat;*/
/*}*/

/* TABLET = 2 cards */
/*@media (max-width: 992px){*/
/*    .job-card{*/
/*        width: calc(50% - 10px);*/
/*    }*/
/*}*/

/* MOBILE = 1 card */
/*@media (max-width: 600px){*/
/*    .job-card{*/
/*        width: 100%;*/
/*    }*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fef5742 *//* WRAPPER */
.job-wrapper{
    display:flex;
    gap:20px;
    padding:0;
    background:transparent;
}

/* CARD */
.job-card{
    width:100%;
    height:350px; /* 👈 back to fixed height */
    border-radius:18px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
    transition:all .45s cubic-bezier(.2,.8,.2,1);

    /* 👇 Background image settings */
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* EDGE TITLE (VISIBLE BEFORE HOVER) */
.job-edge{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:18px;
    background:linear-gradient(transparent, rgba(0,0,0,.75));
    color:#fff;
    font-weight:800;
    font-size:18px;
    transition:opacity .35s ease;
}

.job-edge h3{
    margin:0;
    color:#fff;
}

/* OVERLAY */
.job-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    gap:12px;
    background:rgba(0,0,0,0.65);
    backdrop-filter: blur(6px);
    opacity:0;
    transition:all .45s cubic-bezier(.2,.8,.2,1);
    padding:20px;
}

/* TEXT */
.job-type{
    color:#ffffffcc;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    margin:0;
}

.job-role{
    color:#fff;
    font-size:22px;
    font-weight:800;
    margin:0;
}

/* BUTTON */
.job-btn{
    margin-top:10px;
    padding:11px 22px;
    border-radius:12px;
    background:#0073ff;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border:2px solid #0073ff;
    transition:all .35s ease;
}

/* ---------- HOVER EFFECT ---------- */

/* Hide bottom title */
.job-card:hover .job-edge{
    opacity:0;
}

/* Show overlay */
.job-card:hover .job-overlay{
    opacity:1;
}

/* Button invert */
.job-card:hover .job-btn{
    background:#fff;
    color:#0073ff;
    border-radius:50px;
}
/* WRAPPER */
/*.job-wrapper{*/
/*    display:flex;*/
/*    gap:20px;*/
/*    padding:0;*/
/*    background:transparent;*/
    flex-wrap:wrap; /* 👈 allow wrapping */
/*}*/

/* DEFAULT = Desktop (3 cards) */
/*.job-card{*/
/*    width: calc(33.333% - 14px);*/
/*    height:350px;*/
/*    border-radius:18px;*/
/*    overflow:hidden;*/
/*    position:relative;*/
/*    cursor:pointer;*/
/*    box-shadow:0 10px 25px rgba(0,0,0,0.12);*/
/*    transition:all .45s cubic-bezier(.2,.8,.2,1);*/
/*    background-size:cover;*/
/*    background-position:center;*/
/*    background-repeat:no-repeat;*/
/*}*/

/* TABLET = 2 cards */
/*@media (max-width: 992px){*/
/*    .job-card{*/
/*        width: calc(50% - 10px);*/
/*    }*/
/*}*/

/* MOBILE = 1 card */
/*@media (max-width: 600px){*/
/*    .job-card{*/
/*        width: 100%;*/
/*    }*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-283f260 *//* WRAPPER */
.job-wrapper{
    display:flex;
    gap:20px;
    padding:0;
    background:transparent;
}

/* CARD */
.job-card{
    width:100%;
    height:350px; /* 👈 back to fixed height */
    border-radius:18px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
    transition:all .45s cubic-bezier(.2,.8,.2,1);

    /* 👇 Background image settings */
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* EDGE TITLE (VISIBLE BEFORE HOVER) */
.job-edge{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:18px;
    background:linear-gradient(transparent, rgba(0,0,0,.75));
    color:#fff;
    font-weight:800;
    font-size:18px;
    transition:opacity .35s ease;
}

.job-edge h3{
    margin:0;
    color:#fff;
}

/* OVERLAY */
.job-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    gap:12px;
    background:rgba(0,0,0,0.65);
    backdrop-filter: blur(6px);
    opacity:0;
    transition:all .45s cubic-bezier(.2,.8,.2,1);
    padding:20px;
}

/* TEXT */
.job-type{
    color:#ffffffcc;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    margin:0;
}

.job-role{
    color:#fff;
    font-size:22px;
    font-weight:800;
    margin:0;
}

/* BUTTON */
.job-btn{
    margin-top:10px;
    padding:11px 22px;
    border-radius:12px;
    background:#0073ff;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border:2px solid #0073ff;
    transition:all .35s ease;
}

/* ---------- HOVER EFFECT ---------- */

/* Hide bottom title */
.job-card:hover .job-edge{
    opacity:0;
}

/* Show overlay */
.job-card:hover .job-overlay{
    opacity:1;
}

/* Button invert */
.job-card:hover .job-btn{
    background:#fff;
    color:#0073ff;
    border-radius:50px;
}
/* WRAPPER */
/*.job-wrapper{*/
/*    display:flex;*/
/*    gap:20px;*/
/*    padding:0;*/
/*    background:transparent;*/
    flex-wrap:wrap; /* 👈 allow wrapping */
/*}*/

/* DEFAULT = Desktop (3 cards) */
/*.job-card{*/
/*    width: calc(33.333% - 14px);*/
/*    height:350px;*/
/*    border-radius:18px;*/
/*    overflow:hidden;*/
/*    position:relative;*/
/*    cursor:pointer;*/
/*    box-shadow:0 10px 25px rgba(0,0,0,0.12);*/
/*    transition:all .45s cubic-bezier(.2,.8,.2,1);*/
/*    background-size:cover;*/
/*    background-position:center;*/
/*    background-repeat:no-repeat;*/
/*}*/

/* TABLET = 2 cards */
/*@media (max-width: 992px){*/
/*    .job-card{*/
/*        width: calc(50% - 10px);*/
/*    }*/
/*}*/

/* MOBILE = 1 card */
/*@media (max-width: 600px){*/
/*    .job-card{*/
/*        width: 100%;*/
/*    }*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ec4fce *//* WRAPPER */
.job-wrapper{
    display:flex;
    gap:20px;
    padding:0;
    background:transparent;
}

/* CARD */
.job-card{
    width:100%;
    height:350px; /* 👈 back to fixed height */
    border-radius:18px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
    transition:all .45s cubic-bezier(.2,.8,.2,1);

    /* 👇 Background image settings */
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* EDGE TITLE (VISIBLE BEFORE HOVER) */
.job-edge{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:18px;
    background:linear-gradient(transparent, rgba(0,0,0,.75));
    color:#fff;
    font-weight:800;
    font-size:18px;
    transition:opacity .35s ease;
}

.job-edge h3{
    margin:0;
    color:#fff;
}

/* OVERLAY */
.job-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    gap:12px;
    background:rgba(0,0,0,0.65);
    backdrop-filter: blur(6px);
    opacity:0;
    transition:all .45s cubic-bezier(.2,.8,.2,1);
    padding:20px;
}

/* TEXT */
.job-type{
    color:#ffffffcc;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    margin:0;
}

.job-role{
    color:#fff;
    font-size:22px;
    font-weight:800;
    margin:0;
}

/* BUTTON */
.job-btn{
    margin-top:10px;
    padding:11px 22px;
    border-radius:12px;
    background:#0073ff;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border:2px solid #0073ff;
    transition:all .35s ease;
}

/* ---------- HOVER EFFECT ---------- */

/* Hide bottom title */
.job-card:hover .job-edge{
    opacity:0;
}

/* Show overlay */
.job-card:hover .job-overlay{
    opacity:1;
}

/* Button invert */
.job-card:hover .job-btn{
    background:#fff;
    color:#0073ff;
    border-radius:50px;
}
/* WRAPPER */
/*.job-wrapper{*/
/*    display:flex;*/
/*    gap:20px;*/
/*    padding:0;*/
/*    background:transparent;*/
    flex-wrap:wrap; /* 👈 allow wrapping */
/*}*/

/* DEFAULT = Desktop (3 cards) */
/*.job-card{*/
/*    width: calc(33.333% - 14px);*/
/*    height:350px;*/
/*    border-radius:18px;*/
/*    overflow:hidden;*/
/*    position:relative;*/
/*    cursor:pointer;*/
/*    box-shadow:0 10px 25px rgba(0,0,0,0.12);*/
/*    transition:all .45s cubic-bezier(.2,.8,.2,1);*/
/*    background-size:cover;*/
/*    background-position:center;*/
/*    background-repeat:no-repeat;*/
/*}*/

/* TABLET = 2 cards */
/*@media (max-width: 992px){*/
/*    .job-card{*/
/*        width: calc(50% - 10px);*/
/*    }*/
/*}*/

/* MOBILE = 1 card */
/*@media (max-width: 600px){*/
/*    .job-card{*/
/*        width: 100%;*/
/*    }*/
/*}*//* End custom CSS */