/* HEADER */
.job-header img{
border-radius:12px;
}

/* APPLY */
.btn-apply{
background:linear-gradient(135deg,#d4af37,#b8961f);
color:white;
padding:10px 26px;
border-radius:8px;
text-decoration:none;
font-weight:600;
transition:.3s;
}

.btn-apply:hover{
opacity:.9;
}

/* META */
.meta{
display:flex;
gap:15px;
flex-wrap:wrap;
font-size:14px;
color:#666;
}

.meta i{
color:#d4af37;
}

/* TITLES */
h4{
margin-top:30px;
font-weight:600;
}

/* CHECK LIST */
.check-list{
list-style:none;
padding-left:0;
}

.check-list li{
padding-left:28px;
position:relative;
margin-bottom:10px;
}

.check-list li::before{
content:"\f00c";
font-family:"Font Awesome 6 Free";
font-weight:900;
position:absolute;
left:0;
color:#d4af37;
}

/* OVERVIEW CARD */
.overview-card{
background:#fdfaf3;
padding:25px;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.overview-card h5{
margin-bottom:20px;
font-weight:600;
}

/* ITEMS */
.overview-item{
display:flex;
gap:15px;
margin-bottom:14px;
}

.overview-item i{
color:#d4af37;
font-size:18px;
}

.overview-item span{
font-size:13px;
color:#777;
}

/* MAP */
.map-box{
margin-top:15px;
border-radius:12px;
overflow:hidden;
}

.map-box img{
width:100%;
}

/* MOBILE */
@media(max-width:768px){
.job-header{
flex-direction:column;
gap:15px;
}

.btn-apply{
align-self:flex-start;
}
}


/*recently job*/
.related-jobs-section {
  background: #faf8f3;
}

.related-job-card {
  background: #fff;
  padding: 25px 30px;
  border-radius: 18px;
  margin-bottom: 22px;
  border: 1px solid rgba(212, 175, 55, 0.2);
  transition: 0.35s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.03);
}

.related-job-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(212,175,55,0.25);
}

/* Logo */

.company-logo {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px solid #d4af37;
}

/* Time Badge */

.time-badge {
  background: rgba(212,175,55,0.15);
  color: #b8962e;
  padding: 4px 12px;
  border-radius: 30px;
  font-size: 12px;
  display: inline-block;
}

/* Meta */

.job-meta span {
  font-size: 14px;
  color: #666;
}

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

/* Button */

.job-detail-btn {
  background: linear-gradient(135deg,#d4af37,#caa033);
  color: #fff;
  padding: 9px 22px;
  border-radius: 30px;
  border: none;
  font-size: 14px;
  transition: .3s;
}

.job-detail-btn:hover {
  background: linear-gradient(135deg,#caa033,#b38c24);
  transform: scale(1.05);
}

/* Responsive */

@media(max-width:768px){
  .related-job-card{
    flex-direction: column;
    gap:20px;
    text-align:left;
  }

  .job-detail-btn{
    width:100%;
  }
}