.collab-hero{
height:70vh;
background:url('../images/collab-banner.jpg') center center/cover;
position:relative;
display:flex;
align-items:center;
justify-content:center;
}

.collab-hero .overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.7);
}

.collab-hero .container{
position:relative;
z-index:2;
}

.collab-hero h1{
font-size:5rem;
font-family:'Cinzel',serif;
}

.roles-section{
padding:120px 0;
background:#080808;
}

.role-card{
background:#111;
padding:40px 25px;
text-align:center;
border-radius:20px;
font-size:45px;
transition:.4s;
height:100%;
}

.role-card:hover{
transform:translateY(-10px);
border:1px solid #c8a06b;
}

.role-card h4{
margin-top:20px;
}

.apply-section{
padding:120px 0;
}

.form-box{
max-width:900px;
margin:auto;
background:#111;
padding:50px;
border-radius:20px;
}

.form-box input,
.form-box textarea{
width:100%;
padding:15px;
background:#000;
border:1px solid rgba(255,255,255,.1);
color:white;
border-radius:10px;
}

@media(max-width:768px){

.collab-hero h1{
font-size:2.5rem;
}

.form-box{
padding:25px;
}

}

/* TEXT COLOR FIX */

.collab-hero h1,
.collab-hero p,
.role-card h4,
.role-card p,
.form-box h2,
footer h4,
footer p{
    color:#fff;
}

.role-card p{
    color:#d0d0d0;
}

.form-box input,
.form-box textarea{
    color:#fff;
}

.form-box input::placeholder,
.form-box textarea::placeholder{
    color:#999;
}

.form-box h2{
    text-align:center;
    margin-bottom:30px;
}

footer{
    background:#000;
    padding:50px 0;
    border-top:1px solid rgba(255,255,255,.08);
}

footer h4{
    color:#c8a06b;
}

footer p{
    color:#ccc;
}