.hero-banner{background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.7)),url('../images/index-16/header/bg.png');background-size: cover;background-position: center;padding:120px 0;text-align:center;color:#fff;}
.hero-text h1{font-size:55px;font-weight:700; color: #fff;}
.hero-text h1 span{color:#4f8cff;}
.hero-text p{font-size:18px;margin-top:10px;opacity:.9; color: #fff;}
.job-search-box{margin-top:40px;display:flex;justify-content:center;}
.job-search-box form{display:flex;background:rgba(255,255,255,0.15);backdrop-filter: blur(12px);padding:10px;border-radius:50px;width:600px;max-width:90%;}
.search-group{flex:1;display:flex;align-items:center;padding:0 15px;}
.search-group i{margin-right:10px;color:#fff;}
.search-group input{border:none;background:transparent;outline:none;color:#fff;width:100%;}
.search-btn{background:#4f8cff;border:none;padding:12px 30px;border-radius:40px;color:#fff;font-weight:600;transition:.3s;}
.search-btn:hover{background:#2e6df6;}
.company-card{transition: all 0.3s ease;border-radius: 12px;}
.company-card:hover{transform: translateY(-8px);box-shadow: 0 10px 25px rgba(0,0,0,0.15);}
.company-logo img{border: 3px solid #f1f1f1;padding: 5px;background: #fff;object-fit:cover; margin: 10px;}
section h2{font-weight:700;}
.work-section{padding:80px 0;background:#f8fafc;}
.work-title h2{font-weight:700;margin-bottom:40px;}
.work-card{background:#fff;border-radius:14px;padding:30px 25px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,0.05);transition:all .35s ease;height:100%;position:relative;overflow:hidden;}
.work-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,0.1);}
.work-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;}
.work-card h5{font-weight:600;margin-bottom:10px;}
.work-card p{font-size:14px;color:#6b7280;margin-bottom:0;}
.candidate .work-icon{background:linear-gradient(135deg,#10b981,#059669);}
.card img{transition: transform .4s ease;}
.card:hover img{transform: scale(1.05);}
h2{font-size: 32px;}
p{font-size: 16px;line-height: 1.8;}
.app-section {background: #f8fafc;}
.app-section h2 {font-size: 40px;line-height: 1.3;}
.app-section .btn {border-radius: 12px;font-weight: 500;}
.app-section img {transition: 0.3s;}
.app-section img:hover {transform: translateY(-5px);}
.category-icon{font-size:50px;color:#0d6efd;}
.category-card h6{font-size:16px;}
.job-card{transition: all 0.3s ease;}
.job-card:hover{transform: translateY(-5px);box-shadow: 0 15px 35px rgba(0,0,0,0.1);}
.company-card {background: #fff; height:200px;backdrop-filter: blur(12px);border-radius: 20px;padding: 30px 20px;transition: all 0.3s ease;box-shadow: 0 10px 25px rgba(0,0,0,0.08);}
.company-card:hover {transform: translateY(-10px) scale(1.03);box-shadow: 0 20px 40px rgba(0,0,0,0.15);}
.company-logo img {width: 90px;height: 90px;object-fit: cover;border-radius: 50%;border: 4px solid #fff;padding: 5px;background: #f8f9fa;}
.company-card h6 {margin-top: 15px;font-weight: 600;font-size: 16px;}
/* Swiper spacing */
.swiper {padding-bottom: 50px;}