/* ===============================
   PAGE HEADER
=================================*/

.page-header{
    background:#f8f9fa;
    padding:70px 0;
    border-bottom:1px solid #e9ecef;
}

.page-title{
    font-size:42px;
    font-weight:700;
    color:#0d6efd;
}

.page-subtitle{
    color:#6c757d;
    font-size:18px;
}


/* ===============================
   CARD
=================================*/


.page-img{

    width:100%;

    height:280px;

    object-fit:cover;

    display:block;

}


/* ===============================
   IMAGE
=================================*/

.page-img{
    width:100%;
    height:280px;
    object-fit:cover;
}


/* ===============================
   SIDEBAR
=================================*/

.sidebar-card{

    border:none;
    border-radius:18px;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

    transition:none !important;

}

.sidebar-card:hover{

    transform:none !important;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}

/* ===============================
   BUTTON
=================================*/

.btn-warning{
    border-radius:50px;
    font-weight:600;
}


/* ===============================
   RESPONSIVE
=================================*/

@media(max-width:768px){

.page-title{

font-size:32px;

}

.page-img{

height:220px;

}

}
/* ==================================================
   PAGE HEADER
================================================== */

.page-header{
    background:#f8f9fa;
    padding:70px 0;
    border-bottom:1px solid #e9ecef;
}

.page-icon{
    width:90px;
    height:90px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#ffc107;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:40px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.page-title{
    font-size:42px;
    font-weight:700;
    color:#0d6efd;
}

.page-subtitle{
    color:#6c757d;
    font-size:18px;
    max-width:700px;
    margin:auto;
}


/* ===============================
   CARD
=================================*/

.page-card{

    border:none;
    border-radius:18px;
    overflow:hidden;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

    transition:none !important;

}

.page-card:hover{

    transform:none !important;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}

/* ==================================================
   IMAGE
================================================== */

.page-img{

    width:100%;

    height:280px;

    object-fit:cover;

}



/* ==================================================
   BUTTON
================================================== */

.btn-page{

    border-radius:50px;

    font-weight:600;

    padding:12px 20px;

}


/* ==================================================
   BADGE
================================================== */

.badge{

    font-size:.9rem;

    padding:8px 14px;

    border-radius:30px;

}


/* ==================================================
   TITLE
================================================== */

.section-title{

    font-size:30px;

    font-weight:700;

    color:#0d6efd;

    margin-bottom:20px;

}


/* ==================================================
   CARD TITLE
================================================== */

.card-title{

    font-weight:700;

    color:#0d6efd;

}


/* ==================================================
   LIST
================================================== */

.page-card ul{

    padding-left:20px;

}

.page-card ol{

    padding-left:20px;

}

.page-card li{

    margin-bottom:8px;

}


/* ==================================================
   TABLE
================================================== */

.table{

    border-radius:15px;

    overflow:hidden;

}


/* ==================================================
   PAGINATION
================================================== */

.pagination .page-link{

    border-radius:10px;

    margin:0 3px;

    color:#0d6efd;

}

.pagination .page-item.active .page-link{

    background:#0d6efd;

    border-color:#0d6efd;

}

.pagination .page-link:hover{

    background:#ffc107;

    color:#000;

}


/* ==================================================
   ICON
================================================== */

.page-icon-sm{

    width:50px;

    height:50px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:#ffc107;

    color:#fff;

    font-size:20px;

}


/* ==================================================
   INFO BOX
================================================== */

.info-box{

    padding:20px;

    border-radius:15px;

    background:#fff;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}


/* ==================================================
   SPACING
================================================== */

.page-section{

    padding:70px 0;

}


/* ==================================================
   RESPONSIVE
================================================== */

@media(max-width:992px){

.page-header{

    padding:50px 0;

}

.page-title{

    font-size:34px;

}

.page-img{

    height:240px;

}

}

@media(max-width:768px){

.page-title{

    font-size:28px;

}

.page-subtitle{

    font-size:16px;

}

.page-img{

    height:220px;

}

.page-section{

    padding:50px 0;

}

}
/* =====================================
   RECRUITMENT
===================================== */

.recruit-item{
    border-bottom:1px solid #dee2e6;
    padding:40px 0;
}

.recruit-item:last-child{
    border-bottom:none;
}



.recruit-img{
    width:100%;
    height:100%;
    min-height:360px;
    object-fit:cover;
}

.recruit-detail{
    height:100%;
    border-left:1px solid #e9ecef;
    border-right:1px solid #e9ecef;
}

.recruit-info{
    height:100%;
}

.recruit-info li{
    padding:12px 0;
    border-bottom:1px solid #eee;
}

.recruit-info li:last-child{
    border-bottom:none;
}