.job-top{justify-content: center; position: relative;}
.job-tab-list{padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #F0F0F0;}
.job-tab-list li{display: inline-block; margin-right: 60px;}
.job-tab-list li a{font-size: 16px; list-style: none; color: #636266; border-bottom: 3px solid transparent; padding-bottom: 15px; cursor: pointer; text-decoration: none;}
.job-tab-list li.active a{border-bottom-color: var(--blue-color); color: var(--blue-color);}
.job-tab-list li:last-child{margin-right: 0;}
.search-filter{width: 200px; position: absolute; right: 0;}
.search-filter .form-control {font-size: 14px; font-weight: 700;}
.search-filter .form-group svg {position: absolute; top: 12px;left: 12px;}


.job-list{margin: 45px 0 70px;}
.job-item{border-top: 1px solid rgba(112, 119, 119, 0.5); padding: 20px 0; gap: 30px;}
.job-item .job-designation{display: flex; align-items: center; justify-content: space-between; gap: 10px; flex: 1;}
.job-item .job-designation .parasmdheading{color: var(--light-black); font-weight: 700; margin-bottom: 0px;}
.job-item .job-designation p{color: var(--light-gray-color);}
.job-item .job-location{display: flex; align-items: center; flex: 1;}
.job-item .job-location svg{margin-right: 8px;}
.job-item .job-btn{font-size: 24px; color: var(--light-black); font-weight: 700; display: flex; align-items: center; justify-content: flex-end; background: transparent; border: 0; padding: 0; border-radius: 0; cursor: pointer;}
.job-item .job-btn svg{width: 18px; height: 18px; position: relative; top: 4px; margin-left: 15px;}
.job-item .job-btn:hover{color: var(--blue-color);}
.job-item:last-child{border-bottom: 1px solid rgba(112, 119, 119, 0.5);}
.job-item .share-btn.share-mobile{display: none;}
.job-item .share-btn{
    width: 35px;
    height: 35px;
    background: transparent;
    border: 1px solid var(--black-color);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 3px;
    margin: 0px;
    cursor: pointer;
}

.apply-job-modal-wrapper{padding: 60px 50px;}
.apply-job-row .content-wrap{width: 45%; padding-right: 50px;}
.apply-job-row .content-wrap .content{margin-bottom: 10px;}
.apply-job-row .content-wrap .content .label{ margin: 0;}
.apply-job-row .form{width: 55%; padding-left: 50px; border-left: 1px solid rgba(0, 0, 0, .5);}
.apply-job-row .form .paraslgheading{color: var(--light-black); font-weight: 700; margin-bottom: 15px;}
.cont-form .row{margin: 0 -15px;}
.cont-form .col-xl-6{width: 50%; padding: 0 15px; margin-bottom: 15px;}
.cont-form .col-xl-6 .form-label{margin-bottom: 0;}
.cont-form .col-xl-6 .form-control{font-size: 14px;}

.cont-form  .file-border{color: var(--gray-color); border-bottom: 1px solid var(--gray-color); position: relative; display: flex; align-items: center; height: 40px;}
.cont-form  .upload-btn{position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: right; background: transparent; border: 0; padding: 0; cursor: pointer;}
.form-group small{font-size: 14px; color: var(--gray-color); display: inline-block; margin-top: 10px;}
.calendar-btn{width: 18px; top: 35px; right: 0; position: absolute; background: transparent; border: none; padding: 0;}

@media screen and (min-width:992px){
    .apply-job-row .content-wrap{max-height: 395px; overflow: hidden; overflow-y: auto;}
    .apply-job-row .content-wrap::-webkit-scrollbar { width: 6px;}
    .apply-job-row .content-wrap::-webkit-scrollbar-track { background: #f1f1f1;}
    .apply-job-row .content-wrap::-webkit-scrollbar-thumb {background: #ddd;}
}


@media screen and (max-width:1199px) {
.job-tab{order: 2;}
.search-filter{width: 100%; position: relative; margin-bottom: 20px; order: 1;}
.search-filter .form-group{width: 300px; margin: 0 auto;}
}

@media screen and (max-width:767px) {
.job-tab{width: 100%; overflow-x: auto; white-space: nowrap; padding-bottom: 5px;}
.search-filter, .search-filter .form-group{width: 100%;}
.job-list{margin: 35px 0 40px;}
.job-item{padding: 10px 0 15px; gap: 0;}
.job-item .job-designation{width: 100%; flex: auto; margin-bottom: 15px;}
.job-item .job-location{width: 100%; flex: auto; margin-bottom: 5px;}
.job-item .job-btn{font-size: 20px;}
.job-item .job-btn svg{width: 15px; height: 15px; top: 2px;}
.job-item .share-btn.share-mobile{display: flex;}
.job-item .share-btn.share-desktop{display: none;}
.apply-job-modal-wrapper{padding: 40px 20px; height: 650px; overflow-y: auto;}
.apply-job-row .content-wrap{width: 100%; padding-right: 0; padding-bottom: 20px;}
.apply-job-row .form{width: 100%; border-left: 0; border-top: 1px solid rgba(0, 0, 0, .5); padding-left: 0; padding-top: 20px;}
.cont-form .col-xl-6{width: 100%;}
}