body{
/*font-family: 'Inter', sans-serif;*/
    font-family: "Nunito", sans-serif !important;
    background: #F9FAFB;
    font-weight: 400;
    line-height: 1.5;
    font-size: 1.1rem;
}
body a{color:#d97706;}
body a:hover{color:#b45309;}

/* Navbar */
.navbar{
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,.05);
}
.nav-link{
position:relative;
}
.nav-link::after{
content:'';
position:absolute;
width:0;
height:2px;
background:#d97706;
left:0;
bottom:-4px;
transition:.3s;
}

.nav-link:hover::after{
width:100%;
}

.custom-navbar{
background:#fff;
transition:.3s;
}

.navbar-sticky{
position:fixed;
top:0;
width:100%;
z-index:9999;
box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.btn-book-appointment{
background:#d97706;
color:#fff;
padding:8px 18px;
border-radius:8px;
font-size:14px;
}
.btn-book-appointment:hover {
    background: #b45309;
    color: #fff;
}

.job-details-card strong{color:#d97706;}
.job-details-card ul {padding-left: 0 !important}
.job-details-card li {
  list-style: none;
  padding-left: 0;
}

.job-details-card li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}

.job-details-card li::before {
  content: "\f00c"; /* Font Awesome icon code */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 2px;
  color: #0d6efd; /* Change icon color */
}


/* HERO BACKGROUND */
/*.career-hero{
background:#eff6ff;
padding:90px 0 110px;
}
.career-title{
font-size:56px;
font-weight:700;
line-height:1.15;
margin:0;
}
.text-orange{
color:#d97706;
}

.text-blue{
color:#5b6f8f;
}*/

/* HERO BACKGROUND */
.career-hero{
position:relative;
min-height:420px;
background:url("../images/hero.png") center/cover no-repeat;
}

/* DARK OVERLAY */
/*.career-hero::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.55);
}*/
.career-hero::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;  
background:linear-gradient(to right,rgba(0,0,0,.50),rgba(0,0,0,.35));
}


/* TEXT ABOVE OVERLAY */
.career-hero .container{
position:relative;
z-index:2;
}

/* TITLE */
.career-title{
font-size:56px;
font-weight:700;
line-height:1.2;
}

/* COLORS */
.text-orange{
color:#ff8c00;
}

.text-white{
color:#fff;
}

/* SUBTITLE */
.career-subtitle{
color:#e5e7eb;
font-size:20px;
max-width:760px;
margin:auto;
line-height:1.6;
}


/* SUBTITLE */
/*.career-subtitle{
font-size:20px;
color:#5f6b7a;
max-width:780px;
margin:auto;
line-height:1.6;
}*/


/* SECTION BG */
.jobs-section{
background:#F9FAFB;
}

/* HEADER */
.jobs-title{
font-size: 25px;  
color:#d97706;
font-weight:700;
}

.jobs-subtitle{
font-size: 18px;  
color:#16427a;
}

/* LIST BUTTON */
.btn-list{
background:#5b6f8f;
color:#fff;
padding:6px 14px;
border-radius:8px;
font-size:14px;
}

/* CARD */
.job-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
padding:24px;
margin-bottom:20px;
box-shadow:0 2px 6px rgba(0,0,0,.04);
}

.job-card:hover {
    opacity: 1;
    border-color: rgb(253 230 138);
}

/* TITLE */
.job-title{
font-size: 30px;	
color:#d97706;
font-weight:700;
margin-bottom:2px;

}

/* COMPANY */
.company{
font-size: 20px;  
color:#16427a;
margin-bottom:10px;
}

/* META */
.job-meta{
display:flex;
gap:20px;
color:#16427a;
font-size:14px;
margin-bottom:12px;
}

.job-meta i{
margin-right:6px;
}

/* BADGE */
.badge-job{
background:#e7f0ff;
color:#4f6fa3;
padding:6px 12px;
border-radius:20px;
font-size:13px;
display:inline-block;
margin-bottom:10px;
}

/* BUTTON */
.btn-interest{
background:#16427a;
color:#fff;
padding:8px 18px;
border-radius:8px;
font-size:14px;
}

.btn-interest:hover{
opacity: 1;
background:#4a5d78;
color:#fff;
}

/* DESCRIPTION */
.job-desc{
color:#16427a;
font-size:18px;
margin-top:10px;
}

/* TAGS */
.job-tags span{
background:#f3f4f6;
padding:6px 10px;
border-radius:20px;
font-size:12px;
margin-right:8px;
color:#16427a;
}


/* Footer */
/*.footer{
background:#d97706;
color:#fff;
padding:50px 0 20px;
margin-top:60px;
}

.footer a{
color:#fff;
text-decoration:none;
}

.social i{
margin-right:12px;
}*/

.footer{
/*background:linear-gradient(135deg,#d97706,#f59e0b);*/
background:linear-gradient(135deg,#111827,#111827);
color:#fff;
padding:60px 0 25px;
overflow:hidden;
}

/* Pattern overlay */
.footer::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url("../images/footer.png") center/cover no-repeat;
opacity:.08;
}

/* Text above overlay */
.footer .container{
position:relative;
z-index:2;
}

/* Links */
.footer a{
color:#fff;
text-decoration:none;
opacity:.9;
}

.footer a:hover{
opacity:1;
text-decoration:underline;
}

/* Social icons */
.social i{
font-size:18px;
margin-right:14px;
cursor:pointer;
transition:.3s;
}

.social i:hover{
transform:translateY(-3px);
opacity:.8;
}

/* Divider */
.footer-line{
border-color:rgba(255,255,255,.3);
}

/* BACK TO TOP BUTTON */
.back-to-top{
position:fixed;
bottom:30px;
right:30px;
width:48px;
height:48px;
background:#5b6f8f;
color:#fff;
border:none;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
cursor:pointer;
opacity:0;
visibility:hidden;
transition:.3s;
z-index:9999;
box-shadow:0 4px 12px rgba(0,0,0,.15);
animation:pulse 2s infinite;
}

/* Hover */
.back-to-top:hover{
background:#d97706;
transform:translateY(-3px);
}

@keyframes pulse{
0%{box-shadow:0 0 0 0 rgba(91,111,143,.5);}
70%{box-shadow:0 0 0 12px rgba(91,111,143,0);}
100%{box-shadow:0 0 0 0 rgba(91,111,143,0);}
}



/* Show Button */
.back-to-top.show{
opacity:1;
visibility:visible;
}




@media(max-width:768px){

.career-title{
font-size:34px;
}

.career-subtitle{
font-size:16px;
padding:0 15px;
}

.career-hero{
min-height:320px;
}

.back-to-top{
bottom:20px;
right:20px;
width:42px;
height:42px;
font-size:16px;
}

}




/* HERO */
.job-hero{
background:linear-gradient(135deg,#5b6f8f,#3f4f6b);
color:#fff;
padding:60px 0;
}

/* CARD */
.job-details-card{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 4px 18px rgba(0,0,0,.05);
margin-bottom:25px;
}

/* SIDEBAR */
.job-sidebar{
background:#fff;
padding:25px;
border-radius:12px;
box-shadow:0 4px 18px rgba(0,0,0,.05);
position:sticky;
top:100px;
}

/* APPLY BUTTON */
.btn-apply{
background:#d97706;
color:#fff;
font-weight:600;
padding:12px;
border-radius:8px;
width:100%;
}

.btn-apply:hover{
background:#b45309;
color:#fff;
}