/* ==========================================
CAREER
========================================== */
.title-row{ padding-bottom:0}
.career-jobs{
padding:var(--space-4) 0 var(--space-5);
}
.career-filter{
display:flex;
flex-wrap:wrap;
gap:var(--space-3);
margin:var(--space-8) 0;
}
.career-filter-item{
padding:10px 22px;
border:1px solid var(--box-border);
border-radius:999px;
background:#fff;
color:var(--color-text);
font-size:var(--fs-body);
cursor:pointer;
transition:.3s ease;
}
.career-filter-item:hover,
.career-filter-item.active{
background:var(--color-primary);
color:var(--color-text-light);
border-color:var(--color-primary);
}
/* Cards */
.career-grid{
display:flex;
flex-direction:column;
gap:var(--space-6);
}
.career-card{
background:#fff;
border:1px solid var(--box-border);
border-radius:var(--radius-lg);
transition:.35s ease;
overflow:hidden;
}
.career-card:hover{
transform:translateY(-3px);
border-color:var(--color-highlight);
box-shadow:0 10px 35px rgba(0,0,0,.05);
}
.career-card-header{
display:flex;
justify-content:space-between;
align-items:center;
gap:var(--space-8);
padding:var(--space-7);
}
.career-card-left{
flex:1;
min-width:0;
}
/* Meta */
.career-meta{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2);
list-style:none;
margin:0 0 var(--space-4);
padding:0;
}
.career-meta li{
padding:7px 16px;
border:1px solid var(--box-border);
background:#F8FAFC;
border-radius:999px;
font-size:var(--fs-body-xs);
color:var(--color-text);
line-height:1;
}
.career-meta li strong{ font-weight:500}
/* Title */
.career-card-left h3{
margin:0 0 var(--space-4);
font-size:var(--fs-h5);
line-height:var(--lh-heading);
color:var(--color-primary);
}
/* Description */
.career-card-left p{
margin:0;
max-width:780px;
font-size:var(--fs-body);
line-height:var(--lh-body);
color:var(--color-text);
}
/* Buttons */
.career-card-right{
display:flex;
align-items:center;
gap:var(--space-4);
flex-shrink:0;
}
.career-card-right .btn-outline,
.career-card-right .btn-primary{
min-width:170px;
text-align:center;
padding:20px;
text-decoration:none;
justify-content:center;
}
.career-card-right .btn-outline{ background:none}
/* Expand */
.career-card-body{
display:none;
padding:0 var(--space-7) var(--space-7);
border-top:1px solid var(--box-border);
}
.career-card.active .career-card-body{
display:block;
}
.career-block{
margin-top:var(--space-6);
}
.career-block h4{
margin-bottom:var(--space-3);
font-size:var(--fs-h6);
}
.career-empty{
text-align:center;
padding:var(--space-10);
}
/* Tablet */
@media(max-width:991px){
.career-card-header{
flex-direction:column;
align-items:flex-start;
gap:var(--space-6);
padding:var(--space-6);
}
.career-card-right{
width:100%;
}
.career-card-right .btn-outline,
.career-card-right .btn-primary{
flex:1;
}
.career-card-body{
padding:0 var(--space-6) var(--space-6);
}
}
.career-card-body h3{ font-size:16px; margin:20px 0 10px}	
.career-card-body ul{margin:0 0 0 30px;}
/* Mobile */
@media(max-width:767px){
.career-filter{
flex-wrap:nowrap;
overflow:auto;
padding-bottom:var(--space-2);
}
.career-filter-item{
white-space:nowrap;
}
.career-card-header{
padding:var(--space-5);
gap:var(--space-5);
}
.career-card-right{
flex-direction:column;
width:100%;
}
.career-card-right .btn-outline,
.career-card-right .btn-primary{
width:100%;
}
.career-card-body{
padding:0 var(--space-5) var(--space-5);
}
.career-meta{
gap:var(--space-2);
}
.career-meta li{
font-size:var(--fs-body-xs);
padding:6px 12px;
}
}
/*==================================================
CAREER APPLY POPUP
==================================================*/
#career-apply-popup{
display:none;
width:100%;
max-width:800px;
padding:0;
background:#fff;
border-radius:24px;
overflow:visible;
}
.career-popup-wrap{
display:grid;
grid-template-columns:38% 62%;
min-height:fit-content;
}
.wpcf7-file{ margin-bottom:0!important}
/*==================================================
LEFT SIDE
==================================================*/
.career-popup-left{
position:relative;
overflow:hidden;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
max-width:310px;
display:flex;
padding: 25px;
flex-direction:column;
color:#fff;
inset:0;
background:linear-gradient(180deg,
rgba(10,31,74,.10) 0%,
rgba(10,31,74,.45) 40%,
rgba(10,31,74,.92) 100%);
}
.career-popup-tag{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 18px;
border-radius:999px;
background:rgba(255,255,255,.18);
backdrop-filter:blur(12px);
color:#fff;
font-size:14px;
font-weight:600;
margin-bottom:20px;
}
.career-popup-content h2{
color:#fff;
font-size:32px;
line-height:1.05;
margin:0 0 20px;
font-weight:700;
}
.career-popup-content h2 span{
color:var(--color-highlight);
}
.career-popup-content p{
color:rgba(255,255,255,.82);
line-height:1.7;
font-size:15px;
max-width:310px;
margin:0;
}
/*==================================================
RIGHT SIDE
==================================================*/
/*==================================================
RIGHT SIDE
==================================================*/
.career-popup-right{
display:flex;
justify-content:center;
align-items:center;
padding:20px;
}
/*==================================================
FILE
==================================================*/
input[type=file]{
width:100%;
border:1px dashed var(--box-border);
border-radius:14px;
padding:12px;
background:#fafafa;
cursor:pointer;
height:auto
}
input[type=file]::file-selector-button{
border:none;
background:var(--color-highlight);
color:#fff;
padding:11px 20px;
border-radius:10px;
margin-right:15px;
cursor:pointer;
transition:.3s;
}
input[type=file]::file-selector-button:hover{
background:var(--color-primary);
}
/*==================================================
BUTTON
==================================================*/
input[type=submit],
.wpcf7-submit{
width:100%;
height:56px;
border:none;
border-radius:999px;
background:var(--color-highlight);
color:#fff;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:.3s;
margin-top:4px;
}
input[type=submit]:hover,
.wpcf7-submit:hover{
background:var(--color-primary);
}
/*==================================================
ERROR
==================================================*/
.wpcf7-not-valid-tip{
font-size:12px;
margin-top:6px;
}
.wpcf7-response-output{
margin:18px 0 0!important;
}
/*==================================================
LAPTOP
==================================================*/
@media(max-width:1200px){
#career-apply-popup{
max-width:fit-content;
}
.career-popup-content h2{
font-size:48px;
}
.career-popup-right{
padding:35px;
}
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
#career-apply-popup{
max-width:92vw;
}
.career-popup-wrap{
grid-template-columns:1fr;
}
.career-popup-left{
min-height:260px;
}
.career-popup-left{ max-width:100%}
.career-popup-content h2{
font-size:42px;
}
.career-popup-right{
padding:30px;
}
.career-popup-right .wpcf7{
max-width:100%;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
#career-apply-popup{
max-width:96vw;
}
.cf7-grid{
grid-template-columns:1fr;
}
.career-popup-left{
min-height:220px;
}
.career-popup-content{
left:24px;
right:24px;
bottom:24px;
}
.career-popup-content h2{
font-size:34px;
}
.career-popup-right{
padding:22px;
}
}
/*=========================================
CUSTOM CLOSE BUTTON
=========================================*/
.career-popup-right{
position:relative;
}
.career-popup-close{
position:absolute;
top:-20px;
right:-20px;
width:42px;
height:42px;
border:none;
border-radius:50%;
background:#F5F7FA;
color:var(--color-primary);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition:.3s;
z-index:999;
}
.career-popup-close:hover{
background:var(--color-highlight);
color:#fff;
transform:rotate(90deg);
}
.career-popup-close svg{
width:18px;
height:18px;
}
.career-card-right .btn-primary:hover
{
background: var(--color-primary)!important; color:#fff!important
}