.career-hero{
    background: #075859;
    min-height:100vh;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
}
.hero-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:100px;
    align-items:center;
}
.career-tag{
    color:#ba8b39;
    font-size:14px;
    letter-spacing:3px;
    font-weight:600;
}
.hero-content h1{
    color:white;
    font-size:64px;
    line-height:1.1;
    margin-top:20px;
    margin-bottom:25px;
}
.hero-content h1 span{
    color:#ba8b39;
    display:block;
}
.gold-line-career{
    width:90px;
    height:4px;
    background:#ba8b39;
    margin-bottom:30px;
}
.intro-text{
    color:white;
    margin-bottom:20px;
    font-size:18px;
}
.career-points{
    list-style:none;
}
.career-points li{
    color:white;
    margin-bottom:18px;
    font-size:18px;
    display:flex;
    align-items:center;
}

.career-points li::before{
    content:'✓';
    width:28px;
    height:28px;
    background:#ba8b39;
    border-radius:50%;
    margin-right:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-size:14px;
    flex-shrink:0;
}

.role-text{
    margin-top:25px;
    color:#ba8b39;
    font-size:20px;
    font-weight:600;
}

.apply-btn{
    margin-top:35px;
    display:inline-block;
    background:#ba8b39;
    color:white;
    text-decoration:none;
    padding:16px 42px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.apply-btn:hover{
    transform:translateY(-3px);
}

.quote-wrapper{
    display:flex;
    justify-content:center;
}

.quote-card{
    background:white;
    padding:60px;
    border-radius:30px;
    max-width:550px;
    position:relative;
}

.quote-mark{
    color:#ba8b39;
    font-size:70px;
    margin-bottom:15px;
}

.quote-card h2{
    color:#222;
    font-size:38px;
    line-height:1.5;
    font-weight:500;
}

.quote-card span{
    color:#ba8b39;
    font-size:22px;
    margin-top:25px;
    display:block;
}

@media(max-width:991px){

.hero-grid{
    grid-template-columns:1fr;
    gap:60px;
}

.hero-content h1{
    font-size:55px;
}

.quote-card h2{
    font-size:28px;
}

}

@media(max-width:768px){

.career-hero{
    padding:80px 0;
}

.hero-content h1{
    font-size:42px;
}

.quote-card{
    padding:35px;
}

.quote-card h2{
    font-size:24px;
}

.career-points li{
    font-size:16px;
}

}
.section{padding:70px 30px}
.section h2{text-align:center;color:#0d4f57;font-size:42px;margin-bottom:40px}
.gold{color:#d9a441}
.hero{
background:linear-gradient(135deg,#074a4b,#075859);
color:#fff;
padding:90px 40px;
}
.hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
}

.hero h1{font-size:64px;line-height:1.15;margin-bottom:25px}
.hero ul{list-style:none}
.hero li{margin:14px 0;font-size:20px}
.hero li i{color:#d9a441;margin-right:10px}
.quote{
font-size:46px;
font-family:Georgia,serif;
line-height:1.4
}
.cards{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:20px;
}
.card{
background:#fff;
padding:30px 20px;
text-align:center;
border-radius:12px;
box-shadow:0 4px 15px rgba(0,0,0,.08)
}
.card i{font-size:42px;color:#d9a441;margin-bottom:15px}
.dark{
background:linear-gradient(135deg,#074a4b,#075859);
color:#fff
}
.dark h2{color:#fff}
.grid4{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}
.info-box{
border:1px solid rgba(255,255,255,.2);
padding:30px;
border-radius:12px
}
.info-box i{font-size:40px;color:#d9a441;margin-bottom:15px}
.two-col{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}
.white-box{
background:#fff;
padding:35px;
border-radius:12px;
box-shadow:0 4px 15px rgba(0,0,0,.08)
}
.white-box ul{padding-left:20px}
.why-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
text-align:center
}
.why-item i{
font-size:40px;
color:#d9a441;
margin-bottom:15px
}
.path{
display:flex;
justify-content:center;
align-items:center;
gap:20px;
flex-wrap:wrap
}
.step{
text-align:center
}
.circle{
width:100px;height:100px;
border-radius:50%;
background:#075859;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:36px;
margin:auto auto 10px;
}
.footer-bar{
background:#075859;
color:#fff;
padding:25px;
border-radius:12px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
text-align:center;
margin-top:40px
}
.footer-bar i{color:#d9a441;margin-right:8px}
.cta{
background:linear-gradient(135deg,#013d46,#075859);
color:#fff;
text-align:center;
padding:60px 20px
}
.cta h2{color:#fff;margin:0}
@media(max-width:991px){
.hero-grid,.two-col,.grid4,.footer-bar{grid-template-columns:1fr}
.cards{grid-template-columns:repeat(2,1fr)}
.why-grid{grid-template-columns:repeat(2,1fr)}
.hero h1{font-size:42px}
.quote{font-size:30px}
}
@media(max-width:600px){
.cards,.why-grid{grid-template-columns:1fr}
h2{font-size:30px}
}