/*----top-section-----*/
section{padding:100px 5px;}
section .text-box h3{font-size: 45px;font-weight: bold;color:#1e212e;}


/*Job Listing-----------------------------------------2*/
.job-listing {position: relative;padding: 100px 5px;background: #030014;}

/*right-Job Listing card*/
.job-listing .card,
.job-listing .card.post {border: none;border-radius: 10px;transition: all 250ms;}
.job-listing .card.post:hover{transform: translateY(-5px);box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.job-listing .icon {width: 50px;height: 50px;background-color: #eee;border-radius: 5px;display: flex;align-items: center;justify-content: center;font-size: 39px}
.job-listing .c-details span {font-weight: 300;font-size: 13px}
.job-listing .c-title {min-height:120px;}
.job-listing .c-title h3{font-size: 24px;}

.job-listing .badge span {background-color: #fffbec;width: 60px;height: 25px;padding-bottom: 3px;border-radius: 5px;display: flex;color: #e1b219;justify-content: center;align-items: center}
.job-listing .progress {height: 10px;border-radius: 10px}
.job-listing .progress div {background-color: #4264f5}
.job-listing .progress .progress-bar{width: 50%}

.job-listing .text1 {font-size: 14px;font-weight: 600}
.job-listing .text2 {color: #a5aec0}

/*-------job-listing-filter------*/
.job-listing h4{padding: 15px 15px;border: 0px solid rgba(0,0,0,.125);border-radius: 5px;font-size: 20px;color: #ffffff;}
.job-listing .accordion .card{border:0px;font-size: 16px;}
.job-listing .accordion .card-header {background-color: rgba(0,0,0,0) !important;padding: 15px 15px;cursor: pointer;border:0px;border-bottom: 1px solid rgba(0,0,0,.125);}
.job-listing .accordion .card-header a.card-title{text-decoration: none;font-weight: 500;font-size: 18px;color:#1e212e;}
.job-listing .accordion .card-header:after {font-family: 'FontAwesome';  content: "\f068";float: right;padding: 3px 8px; }
.job-listing .accordion .card-header.collapsed:after {content: "\f067"; }/* symbol for "collapsed" panels */
.job-listing .accordion .card .card-body{font-size: 16px;background:#f6f7ff;}
.job-listing .accordion .card .card-body p{font-size: 16px;}


/*====================================================  RESPONSIVE DESIGN ==========================================*/
@media (max-width: 1440px){
section .text-box h3{font-size: 36px;}
}
@media (max-width: 1280px){

}
@media (max-width: 1199px) {
section .text-box h3{font-size: 30px;}
}
@media (max-width: 991px) {
section .text-box h3{font-size: 30px;}
}
@media (max-width: 799px){
}
@media (min-width: 768px) {/*e*/

}
@media (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
section .text-box h3{font-size: 20px;}
}
@media (max-width: 640px) {/*e*/
}
@media (max-width: 600px){
}
@media only screen and (max-width: 575px) {
section .text-box h3{font-size: 20px;}

}
@media (max-width: 480px) {
}
@media (max-width: 360px) {
}
@media (max-width: 320px) {/*e*/
}