/* HERO SEARCH SECTION */

.career-hero-section{
/*padding:100px 20px;*/
background:#FDFCFA;
}



/* SEARCH WRAPPER */

.ai-search-wrapper{
max-width:1000px;
margin:auto;
}



/* SEARCH BOX */

.ai-search-box{
display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    padding: 8px;
    border-radius: 20px;
    /* box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); */
    width: 750px;
    border: none;
}



/* INPUT */

.ai-search-box input{
width:100% !important;
height:60px !important;
padding:0 20px !important;
border:1px solid #EAE9E9 !important;
border-radius:14px !important;
font-size:16px !important;
outline:none !important;
transition:0.3s !important;
}



/* SELECT */

.ai-search-box select{
width:220px;
height:60px;
padding:0 20px;
border:1px solid #ddd;
border-radius:14px;
font-size:16px;
outline:none;
background:#fff;
cursor:pointer;
}



/* FOCUS */

.ai-search-box input:focus,
.ai-search-box select:focus{
border-color:#8B0000;
}



/* BUTTON */

.ai-search-box button{
height:60px;
padding:0 35px;
border:none;
border-radius:14px;
background:#8B0000;
color:#fff;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:0.3s;
}



/* BUTTON HOVER */

.ai-search-box button:hover{
background:#6f0000;
}



/* RESULT SECTION */

.career-result-section{
padding:80px 20px;
background:#f5f5f5;
}



/* MAIN GRID */

.ai-layout{
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:280px 1fr 320px;
gap:25px;
align-items:start;
}



/* COMMON CARD */

.ai-sidebar,
.ai-results,
.ai-topmatch{
background:#fff;
padding:25px;
border-radius:20px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
}



/* HEADING */

.ai-sidebar h3,
.ai-results h3,
.ai-topmatch h3{
font-size:24px;
margin-bottom:25px;
}



/* FILTER TITLE */

.ai-sidebar h4{
font-size:18px;
margin-top:25px;
margin-bottom:10px;
}



/* FILTER TEXT */

.ai-sidebar p{
padding:12px 0;
border-bottom:1px solid #eee;
font-size:15px;
color:#444;
}



/* CAREER CARD */

.career-card{
padding:25px;
border:1px solid #eee;
border-radius:18px;
margin-bottom:20px;
background:#fff;
transition:0.3s;
}



/* CARD HOVER */

.career-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}



/* CARD TITLE */

.career-card h3{
font-size:24px;
margin-bottom:15px;
}



/* CARD TEXT */

.career-card p{
font-size:15px;
line-height:1.7;
margin-bottom:10px;
color:#555;
}



/* TOP MATCH CARD */

.top-card{
padding:25px;
border-radius:18px;
background:#fafafa;
border:1px solid #eee;
}



/* TOP TITLE */

.top-card h3{
font-size:24px;
margin-bottom:15px;
}



/* TOP TEXT */

.top-card p{
font-size:15px;
line-height:1.7;
margin-bottom:12px;
}



/* SCROLLBAR */

.ai-results::-webkit-scrollbar{
width:6px;
}

.ai-results::-webkit-scrollbar-thumb{
background:#ccc;
border-radius:10px;
}



/* TABLET */

@media(max-width:1200px){

.ai-layout{
grid-template-columns:250px 1fr;
}

.ai-topmatch{
grid-column:1/-1;
}

}



/* MOBILE */

@media(max-width:991px){

.ai-layout{
grid-template-columns:1fr;
}

.ai-search-box{
flex-direction:column;
}

.ai-search-box select{
width:100%;
}

.ai-search-box button{
width:100%;
}

}



/* SMALL MOBILE */

@media(max-width:600px){

.career-hero-section{
padding:60px 15px;
}

.career-result-section{
padding:50px 15px;
}

.ai-search-box{
padding:18px;
}

.ai-sidebar,
.ai-results,
.ai-topmatch{
padding:20px;
}

.career-card{
padding:20px;
}

}