.accordion-item:last-of-type .accordion-button.collapsed{
    padding:15px;
}
.content_wrapper{
    padding:5px;
}
.content_wrapper_div{
    padding:5px;
}
.news_main_div{
    position:sticky;
    top:0;
    left:0;
    width:100%;
    background:#1f1f2a;
    z-index:999;
}
.news_main_div .back_btn_div{
    display:flex;
    min-height:70px;
    padding:11px 12px;
    column-gap:9px;
    align-items:center;
    font-weight:bold;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.news_main_div .back_btn_div img{
    color:#fff;
    height:42px;
    width:42px;
    min-width:42px;
    background: #33334e;
    padding: 10px;
    border-radius: 15px;
    cursor:pointer;
}
.news_main_div .back_btn_div span{
    color:#fff;
    font-size:20px;
    line-height:24px;
    font-weight:800;
}
/*--------------------------------------*/
.job_news_image{
    height:240px;
    width:100%;
    position:relative;
    background:#f7f7f7;
    border-bottom: 1px solid gray;
}
.job_news_image img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:auto;
    width:auto;
    max-height:100%;
    max-width:100%;
}
.job_news_image .job_blur_bg {
    inset: 0;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    filter: blur(16px);
    opacity: .58;
    z-index: 0;
}
.job_news_image .job_main_img{
    z-index:1;
}
.job_news_image .slider_image_date {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    padding: 0px 5px;
    z-index: 99;
}

.job_news_image .cat_div {
    color: #fff;
    font-weight: bold;
    border-radius: 0px;
    font-size: 12px;
    padding: 6px 6px;
    margin-top: 10px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 99;
    background:#0c7005;
}
.job_detail_badge_row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:10px 12px;
    background:#fff;
}
.job_detail_badge_row .cat_div{
    position:static;
    inset:auto;
    margin:0;
    color:#fff;
    background:#0f766e;
    font-weight:700;
    border-radius:999px;
    font-size:11px;
    line-height:1;
    padding:7px 10px;
    display:inline-block;
    max-width:48%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.job_detail_badge_row .slider_image_date{
    position:static;
    inset:auto;
    margin:0;
    font-weight:700;
    font-size:10px;
    line-height:1;
    color:#475569;
    background:#f3f5f9;
    border-radius:999px;
    padding:7px 9px;
    max-width:54%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.job_box_div{
    padding:10px 0px;
    background:#fff;
    border-bottom:1px solid lightgray;
}
.job_box_div  .category_name{
    display:flex;
    justify-content:space-between;
    font-size:14px;
    font-weight:500;
    margin-top:10px;
}
.job_box_div .category_name span{
    color:#2496EF;
    margin-top:-5px;
    font-weight:bold;
    font-size:15px;
}
.job_box_div .category_name i{
    font-size:20px;
    cursor:pointer;
}

.job_box_div  .company_name{
    font-size:14px;
    font-weight:bold;
    display:block;
}
.job_box_div  .job_requirement{
    display:block;
    font-size:12px;
    line-height:15px;
}

.job_box_div .vacancy{
    color:#185DAA;
    background:#E7F4FF;
    font-weight:bold;
    border-radius:10px;
    font-size:12px;
    padding:6px 6px;
    display:inline-block;
}
.content_wrapper_div{
    padding:5px 8px;
    background:#fff;
}
.job_box_div .view{
    font-size:12px;
    display:block;
    color:#000;
}
.job_detail_div{
    padding:0px 0px;
    background:#fff;
    border-bottom:1px solid lightgray;
    margin-bottom:10px;
}
.job_detail_div .detail_head{
    font-weight:bold;
    font-size:13px;
}
.job_detail_div .detail_icon{
    font-size:12px;
    margin-top:5px;
    margin-bottom:5px;
    color:#686868;
}
.job_detail_div .detail_icon span:nth-child(1){
    font-size:14px;
}
.job_detail_div .detail_icon span:nth-child(2){
    font-weight:bold;
    font-size:14px;
}

.job_detail_div .detail_content{
    margin-top:7px;
    font-size:13px;
    line-height:14px;
    display:block;
}

.job_detail_div .job_salary{
    color:#30A438;
}


.job_box_sub_3{
    display:flex;
    align-items:center;
    justify-content:space-between;
    column-gap:15px;
    padding:5px 5px;
    position:sticky;
    bottom:0;
    left:0;
    width:100%;
    background:#fff;
    position:fixed;
    bottom:0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    z-index:999;
}
.job_box_sub_3 .dropdown button{
    color:#9E9E9E;
    padding:4px 10px;
    background:#fff;
}
.job_box_sub_3 .job_btn{
    display:flex;
    align-items:center;
    justify-content:center;
    column-gap:4px;
    padding:10px;
    border-radius:5px;
    width:100%;
    text-decoration:none;
    color:#000;
}
.job_box_sub_3 .job_btn img{
    height:17px;
    width:17px;
}
.job_box_sub_3 .job_btn span{
    font-weight:bold;
    font-size:14px;
}
.job_box_sub_3 .job_btn_whatsapp{
    border:1px solid #FFBB00;
}
.job_box_sub_3 .job_btn_call{
    background:#FFBB00;
}
#accordionPanelsStayOpenExample{
    margin-top:10px;
    margin-bottom:50px;
}


.accordion-item .accordion-button{
    font-size:12px;
    font-weight:bold;
}
.accordion-item .accordion-button:hover{
    box-shadow:none;
}
.accordion-button::after{
    background-size: 13px;
}
.accordion-button:not(.collapsed) {
    color: #000; 
    background-color: #e7f1ff;
    box-shadow:none;
}
/*==========================slider images===========================*/
.slider_image_div .carousel-item {
    width: 100%;
    height: 220px;
    position: relative;
    background: #000;
}

.slider_image_div .carousel-inner {
    position: realtive;
    padding: 5px;
    padding-bottom: 0;
    background:#000;
}
.slider_image_div .carousel-item img {
    height: auto;
    width: auto!important;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.slider_image_div .slider_image_date {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    padding: 0px 5px;
    z-index: 99;
}
.slider_image_div .slider_business_image{
    background:#185DAA;
}
.slider_image_div .cat_div {
    color: #fff;
    font-weight: bold;
    border-radius: 0px;
    font-size: 12px;
    padding: 6px 6px;
    margin-top: 10px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 99;
}
.slider_image_div .slider_business_cat{
    background:#185DAA;
}
.accordion-item:first-of-type .accordion-button{
    padding:10px 5px;
}

/* Modern job detail app UI */
.job_detail_page{
    background:#f3f5fb;
}
.job_detail_page .content_wrapper_div{
    padding:10px 8px 86px;
    background:#f3f5fb;
}
.job_detail_page .job_news_image{
    height:auto;
    aspect-ratio:16 / 10;
    background:#111827;
    border:0;
}
.job_detail_page .job_box_div,
.job_detail_page .job_detail_div,
.job_detail_page #accordionPanelsStayOpenExample{
    border:1px solid #e7eaf1;
    border-radius:12px;
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.08);
    margin:0 0 14px;
    padding:14px;
}
.job_detail_page .job_box_div .category_name{
    margin:0;
}
.job_detail_page .job_box_div .category_name span{
    color:#111827;
    font-size:19px;
    line-height:25px;
    font-weight:800;
    margin:0;
}
.job_detail_page .job_box_div .company_name{
    margin-top:8px;
    color:#111827;
    font-size:15px;
    line-height:20px;
    font-weight:700;
}
.job_detail_page .job_box_div .job_requirement{
    margin-top:8px;
    color:#475569;
    font-size:14px;
    line-height:22px;
}
.job_detail_page .job_detail_div .detail_head{
    display:block;
    margin-bottom:10px;
    color:#111827;
    font-size:16px;
    line-height:22px;
    font-weight:800;
}
.job_detail_page .job_detail_div .row{
    row-gap:12px;
}
.job_detail_page .job_detail_div .detail_icon{
    display:flex;
    align-items:center;
    gap:7px;
    margin:0 0 4px;
    color:#0f766e;
    font-size:14px;
}
.job_detail_page .job_detail_div .detail_icon span{
    color:#667085;
    font-size:12px!important;
    line-height:15px;
    font-weight:700!important;
}
.job_detail_page .job_detail_div .detail_content{
    margin:0;
    color:#111827;
    font-size:14px;
    line-height:20px;
    font-weight:700;
}
.job_detail_page #accordionPanelsStayOpenExample{
    padding:0;
    overflow:hidden;
    margin-bottom:14px;
}
.job_detail_page #accordionPanelsStayOpenExample .accordion-item{
    border:0;
    border-bottom:1px solid #eef0f4;
    border-radius:0;
}
.job_detail_page #accordionPanelsStayOpenExample .accordion-item:last-child{
    border-bottom:0;
}
.job_detail_page .accordion-item .accordion-button{
    min-height:50px;
    padding:14px;
    color:#111827;
    background:#fff;
    font-size:15px;
    font-weight:800;
}
.job_detail_page .accordion-body{
    padding:14px;
    color:#475569;
    font-size:14px;
    line-height:22px;
    border-top:1px solid #eef0f4;
}
.job_detail_page .job_box_sub_3{
    left:50%;
    transform:translateX(-50%);
    max-width:430px;
    width:min(100%, 430px);
    gap:12px;
    padding:10px 12px 12px;
    border-top:1px solid #eef0f4;
    box-shadow:0 -8px 24px rgba(15,23,42,.12);
}
.job_detail_page .job_box_sub_3 .dropdown button{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#f8fafc;
}
.job_detail_page .job_box_sub_3 .job_btn{
    min-height:46px;
    border-radius:10px;
    gap:7px;
    font-size:14px;
    font-weight:800;
}
.job_detail_page .job_box_sub_3 .job_btn_whatsapp{
    border:1px solid #0f766e;
    color:#0f766e;
    background:#fff;
}
.job_detail_page .job_box_sub_3 .job_btn_call{
    border:1px solid #185DAA;
    color:#fff;
    background:#185DAA;
}
.job_detail_page .job_btn_icon{
    width:18px;
    height:18px;
}