.jobsection2 {padding-bottom:70px;padding-top:35px}
.carjobs{padding-bottom:45px}
.joblist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    background:#EFEFEF;
    border-radius: 20px;
    margin-bottom: 23px;
    padding: 15px 38px;
    position: relative;
    transition: transform .2s;
}.jobright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-start;
    -ms-flex-pack:flex-start;
    justify-content: flex-start  ;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
   /* width: 37%; */
}
.singlejobrel h4{margin-bottom:10px}
.job_application_form .dnd-upload-status .dnd-upload-details .name,.job_application_form .dnd-upload-status .dnd-upload-details .name em{color:#fff}
.job_application_form .dnd-upload-status .dnd-upload-image span.file,.job_application_form .dnd-upload-status .dnd-upload-details .remove-file span:after{-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);}
.jobleft h5{font-weight:600;margin-bottom:0px}
.jobleft h5 a {color:#000000}
.joblist .jobright>.jobtime:last-child {
    position: relative;
}
.joblist .jobright .jobtime {
    margin-left: 35px;
}
.jobtime {
    display: flex;
    align-items: center;
    font-weight: 400;
}
.jobtime img {
    margin-right: 7px;
}
.joblist .jobright>.jobtime:last-child:before {
    content: "";
    background: #707070;
    position: absolute !important;
    top: 0;
    left: -20px;
    width: 1px;
    height: calc(100% + 10px);
    display: inline-block;
}
.jobbutton {
    font-size: 12px;
    background: #376EE1;
    color: #fff; font-weight:bold;
    border-radius: 100px;
    padding: 8px 40px;
    width: 125px;
    text-align: center;
}
.jobtime {
   font-size: 15px;
    color: #004664;
}
.jobmore {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    content: '';
    left: 0;
    top: 0;
    z-index: 10;
}
.cant_see_offer {
    margin-top: 58px;
}
.cant_see_offer h4{margin-bottom:9px;color:#000000}
.cnbtnright .vc_column-inner {
    padding: 0px;
    text-align: right;
}
.single-jobs .post-navigation, .single-jobs .entry-header {display:none}
.single-jobs .jobsection2 {background: #F5F5F5 }
.relatejob {
    width: 100%;
    padding-top:80px;
    padding-bottom: 30px;
}
.relatejob h3 {
    padding-bottom: 50px; text-align:center
}
.singlejobrel {
    padding-top: 30px;
}
.job_application_form {
  background: #004664;
box-shadow: 0px 3px 6px #00000029;
    padding: 50px 29px;
    color: #ffffff;
}
.job_application_form .wpcf7-form-control-wrap {
    margin-top: 12px;
}
.job_application_form p {
    margin-bottom: 20px !important;
}
.job_application_form h2 {
    font-size: 30px;
    line-height: 38px;
    color: #FFFFFF;
    margin-bottom: 28px;
}
.job_application_form h3 {
    font-size: 16px !important;
    line-height: 20px;
    color: #FFFFFF;
}
.job_application_form .wpcf7-form p{font-size:16px}
.job_application_form .codedropz-btn-wrap a, .job_application_form .codedropz-btn-wrap h3+span {
    font-size: 14px;
    color: #ffffff !important;
}
.job_application_form  input[type=text],.job_application_form  input[type=email],.job_application_form textarea {background:#Fff;border-radius:100px;padding:10px 15px;border:none; height:55px}
.job_application_form .wpcf7-submit {
    background: #376EE1;
    
    color: #fff;
    padding: 20px 60px 20px 60px;
    cursor: pointer;
    border-radius: 100px;
    display: block;
    width: 100%;
    margin-top: 42px;
}
.jobtopdetail{color:#000}
 .banner_jobinfo {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-top: 35px;
    font-size: 15px;
    line-height: 55px;
}
.jobtype, .jobloc {
    display: flex;
}
.jobdivider {
    margin: 0px 14px;
}
.banner_jobinfo img {
    vertical-align: middle;
    margin-right: 6px;
}
.singlejobtop h2{font-size:40px}
.singlejobtop{ padding:40px 0px 20px}
.jobtopdetail {background:#FBFBFB;padding-bottom:30px; }
.jobtopdetail .vc_col-sm-3\/5 {padding-top:20px }
.thankpage{background:url(https://www.ecofficiency.co.uk/wp-content/uploads/2023/10/Group-3334.jpg); background-size:cover;background-position:center; padding:120px 0px 100px}
.thankblue { padding:50px 30px;background:rgba(0, 70, 100,.9);border-radius:50px}
.thankblue h1{font-size:48px;color:#fff}
.thankblue p {font-size:20px;font-weight:500;color:#fff;line-height:31px}
.page-id-31 .downlist .titleblue img{position:absolute;top:0px;left:0px}
.page-id-31 .downlist .titleblue {height:auto;min-height:105px;align-items:flex-start}
.page-id-31 .down3line .titleblue {min-height:120px;}
.page-id-31 .downlist  .titleblue a{padding-left:40px;padding-right:25px }
.page-id-31 .downlist .titleblue a:after {top:-2px}

@media only screen and (min-width:1200px) { 
	.thankblue { padding:70px 80px;}
	.jobtopdetail{overflow:visible  !Important}
	.job_application_form {margin-top:-300px}
	.jobtopdetail .vc_col-sm-3\/5 {padding-right:30px}
	.jobtopdetail .vc_col-sm-2\/5 {padding-left:30px}
}
@media only screen and (max-width:767px) {
	.page-id-31 .downlist .titleblue { min-height:70px}
	.singlejobtop {padding-bottom:0px}
	.jobtopdetail .vc_col-sm-3\/5 { padding-top:0px}
	.singlejobtop .vc_col-sm-6:last-child{display:none}
	.cnbtnright .vc_column-inner{text-align:center}
	.thankblue {padding:30px 20px}
	.thankpage {padding:60px 0px}
.thankblue h1 { font-size: 40px;}
	.thankblue p {font-size:16px }
	.jobtime {margin-top: 20px;}
	.joblist .jobright .jobtime {margin-left:20px; display:inline-block}
	.joblist .jobright>.jobtime:last-child:before {display:none}
	.jobleft h5 { margin-bottom: 20px;}
	.joblist { display: block;text-align: center!important;}
	.jobbutton {display: inline-block;}
	.jobright {
    width: 100%!important;
    text-align: center!important;
    display: block!important;
}
}