.client_area_section{
    margin:20px 0;
}
.client_area_section .employer_info, .client_area_section .employer_overview{
    /*padding:5px;*/
    background-color: #fff;
    border: 1px solid #dddee0;
    margin-bottom:20px;
}
.jobs_by_apply{
    padding:5px;
    color:darkslategrey;
}
.jobs_by_apply a{
    color:darkslategrey;
    font-weight: normal;
}
.client_area_section .client_content{
    /*padding:5px;*/
}
.client_area_section .jobseeker_listing{
    padding:5px;
}
.client_area_section .jobseeker_listing a{
    color:darkslategrey;
    font-weight: normal;
}
.client_area_section .jobseeker_listing a:hover{
    color:darkblue;
}
.client_area_section .employer_info{
    padding:10px;
}
.client_area_section .employer_info .client_logo img{
    border:1px solid #dddee0;
}
.client_area_section .employer_info .info-card{
    margin-left:-25px;
}
.client_edit_area {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #dddee0;
}
.top-ads #carouselExampleSlidesOnly .carousel-inner .carousel-item{
    min-height:auto;
    height: auto;
}
li.nav_title {
    padding: 8px;
    background-color: lightgray;
    margin-bottom:5px;
}
li.nav_title {
color:darkslategrey;
}
li.nav_title:hover{
    color:Red;
    background-color: #fff;
}
li.nav_title:hover a{
    color:Red;
}
li.nav_title.active{
    color:Red;
    background-color: #fff;
}
.job_content {
    padding: 10px;
}
.details_sidebar {
    padding: 5px;
    background-color: lightgrey;
    /* font-size: 12px; */
}
.details_content {
    padding: 5px;
    margin:0;
    /* font-size: 12px; */
}
@media (min-width: 992px){
    .modal-lg {
        max-width: 950px !important;
    }
}
.detail_warp {
    padding: 3px 3px 10px 3px;
    margin-bottom: 15px;
    border-bottom: 1px solid lightgray;
}
.details_content .detail_heading{
    border-bottom: 1px solid lightgrey;
}
.details_content .detail_content_section p {
    text-align: justify;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
}
.client_content .notice_wrap .notice_heading{
    padding:10px 15px;
}

.client_content .notice_wrap .notice_content{
    padding:0 15px 10px 15px;
}

.client_content .notice_wrap .notice_content p{
    text-align: justify;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
}
.content-center{
    text-align: center;
}

.package-section{
    background-color: #f8f9fa;
    padding:20px;
    margin:20px 0;
}
.package-section h4{
    text-transform: uppercase;
    padding-bottom: 20px;
}.package-section h4 span{
    border-bottom: 5px solid lightgrey;
    padding-bottom: 5px;
}
.package-section .basic_plan{
    background-color: lightseagreen;
    padding:10px 5px 5px;
    color:#fff;
    margin:10px 0;
    text-align: center;
}
.package-section .feature_plan{
    background-color: orangered;
    padding:10px 5px 5px;
    color:#fff;
    margin:10px 0;
    text-align: center;
}
.package-section .top_plan{
    background-color: dodgerblue;
    padding:10px 5px 5px;
    color:#fff;
    margin:10px 0;
    text-align: center;

}
.package-section .sponsor_plan{
    background-color:lawngreen;
    padding:10px 5px 5px;
    color:#fff;
    margin:10px 0;
    text-align: center;
}
.package-section a{
    color:#fff;
}
.package-section a:hover{
    color:#fff;
}.package-section li{
    line-height: 1px;
}

.package-section .basic_plan:hover, .package-section .feature_plan:hover, .package-section .top_plan:hover, .package-section .sponsor_plan:hover{
    background-color: #082933;
    -webkit-box-shadow: 0 0 2px 1px #54AFFF;
    box-shadow: 0 0 2px 1px #54AFFF;
}
.package-section .basic_plan.active, .package-section .feature_plan.active, .package-section .top_plan.active, .package-section .sponsor_plan.active{
    background-color: #082933;
    -webkit-box-shadow: 0 0 2px 1px #54AFFF;
    box-shadow: 0 0 2px 1px #54AFFF;
}

.search_container_employer .margin-bottom-plan{
    margin-bottom:10px !important;
}

.package-section .feature_details{
    margin-bottom:20px;
}
.package-section .feature_details li{
    line-height: 1.5rem;
}

.package-section .feature_details .sub-details{
    padding-left:15px;
}

.package-section  .register_section{
    margin:10px 0;
    padding:10px;
    border:1px solid lightgrey;
}

.package-section  .register_section h5, .package-section  .register_section .button-register{
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

.package-section  .register_section h5, .package-section  .register_section button{
    width: 100%;
}

.package-section  .new-offer-icon{
    background-color: mediumseagreen; padding:2px; color:#fff; border-radius: 10px;
}
.package-section  .extra-offer-icon{
    background-color: orange; padding:2px; color:#fff; border-radius: 10px;
}
.tender_section{
    background-color: #fff;
    border: 1px solid lightgrey;
    margin:20px 0;
}
.tender_section .tender_heading{
    padding:10px;
    background: #feffff;
    background: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 99%, #a0d8ef 100%);
    background: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 99%,#a0d8ef 100%);
    background: linear-gradient(to bottom, #feffff 0%,#ddf1f9 99%,#a0d8ef 100%);
}
.tender_section .tender-warp{
    padding:10px;
    margin-bottom: 10px;
    border-bottom: 1px solid lightgrey;
    height: 160px; overflow: hidden;
}
.tender_section .tender-warp .tender_image, .tender_section .tender-warp .tender_details{
    padding:5px;
    background: #feffff;
    background: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 99%, #a0d8ef 100%);
    background: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 99%,#a0d8ef 100%);
    background: linear-gradient(to bottom, #feffff 0%,#ddf1f9 99%,#a0d8ef 100%);
    border: 1px solid lightgrey;
}
.tender_section .tender-warp a{
    color:#000;
    font-weight: bold;
}
.tender_section .tender-warp a:hover{
    color:Red;
}
.tender_section .tender_title{
    padding:10px;
}
.tender_section .tender_details{
    padding:10px;
}

.populer-tender{
    padding:2px;
    margin-bottom: 10px;
    background-color: lightyellow;
    border:1px solid lightgrey;
}
.tender_seach_section{
    padding:10px;
}
.footer-logo.my-4 img{
    -webkit-filter: grayscale(1);
}
.footer-logo.my-4 img:hover{
    -webkit-filter: none;
}
.package-section .MultiCarousel .MultiCarousel-inner .item .pad15 img{
    -webkit-filter: grayscale(1);
}
.package-section .MultiCarousel .MultiCarousel-inner .item .pad15 img:hover{
    -webkit-filter: none;
}