@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&display=swap');
*{ margin: 0; padding: 0;}
body, html{ width: 100%; height: 100%; font-family: 'Rubik', sans-serif;}
h1,h2,h3,h4,h5,h6{ margin: 0;}
p{ margin: 0;}
a{ text-decoration: none;}
header{ background: #fff; padding: 5px 0; transition: all ease 0.5s;}
.headerLogoAnchor:focus-visible{ outline: none;}
.sticky{
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 0 5px #b5b5b5;
  padding: 0;
  transition: all ease 0.5s;
  z-index: 999;
}
.OSSNavbar{padding: 25px 0 0 15px; justify-content: flex-end;}
.OSSNavbar ul{ margin: 0;}
.OSSNavbar ul li{}
.OSSNavbar ul li a{
  color: #24346f !important;
  padding: 0 !important;
  margin: 0 17px;
  font-weight: 500;
  position: relative;
  transition: all ease 0.5s;
}
/* .mt-69{ margin-top: 69px;} */

.OSSNavbar ul li a:hover{}
.OSSNavbar ul li a:hover::after{
  content: '';
  width: 100%;
  height: 3px;
  background: #28aa4a;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -8px;
  transition: all ease 0.5s;
}
.OSSNavbar ul li a.active{ width: 100%;}
.OSSNavbar ul li a.active::after{
  content: '';
  width: 100%;
  height: 3px;
  background: #28aa4a;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -8px;
  transition: all ease 0.5s;
}
.OSSNavbar ul li a::after{
  content: '';
  width: 0;
  height: 3px;
  background: #28aa4a;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -8px;
  transition: all ease 0.5s;
}
.headerLogin{ display: flex; align-items: center; justify-content: flex-end;}
.headerLogin ul{ margin: 25px 0 0;}
.headerLogin ul li{}
.headerLogin ul li:first-child{}
.headerLogin ul li:first-child a{
  background: transparent;
  color: #68b04b;
  border-bottom: 2px solid rgb(104 176 75 / 30%);
  border-radius: 0;
}
.headerLogin ul li:first-child a i{}
.headerLogin ul li a{
  background: #68b04b;
  color: #fff;
  display: inline-block;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
.headerLogin ul li a i{
  font-size: 12px;
  margin-right: 3px;
}
footer{ width: 100%; background: #152863; padding: 50px 0 0; color: rgb(255 255 255 / 90%); font-size: 15px;}
.footerTop{}
.footerBottom{
  border-top: 1px solid #cdcdcd;
  padding: 12px 0;
  font-size: 13px;
  margin-top: 30px;
}
.footerBottom p{ color: #fff;}
.footerBottom ul{
  margin: 0;
  float: right;
}
.footerBottom ul li{}
.footerBottom ul li.gap{ color: #fff;}
.footerBottom ul li a{ color: #fff;}
.footerBottom ul li a:hover{ color: #68b04b;}
.footerAllBox{}
.footAddress{ font-weight: 300;}
.footAddress h5{
  font-size: 21px;
  font-weight: 500;
  margin: 0 0 15px;
  color: #fff;
}
.footAddress a{ color: rgb(255 255 255 / 90%);}
.footAddress p{margin: 7px 0;}
.footerAllBox h5{ font-weight: 400; color: #fff;}
.footerAllBox ul{
  margin: 0;
  padding: 0 0 0 15px;
}
.footerAllBox ul li{ margin-bottom: 4px;}
.footerAllBox ul li:hover::marker{ color: #68b04b;}
.footerAllBox ul li a{color: rgb(255 255 255 / 90%);}
.footerAllBox ul li a:hover{ color: #68b04b}
.footerInput{
  border: 1px solid #fff;
  border-radius: 30px;
  margin-top: 30px;
}
.footerInput input{
  border-radius: 30px;
  background: transparent;
  color: #fff;
  border: none;
}
.footerInput input:focus{ background: transparent; box-shadow: none; color: #fff;}
.footerInput button{
  background: #ffffff;
  color: #68b04b;
  border-radius: 30px !important;
  width: 40px;
  height: 40px;
  border-color: #ffffff;
}
.footerInput button:hover{ background: #68b04b; color: #fff;}


.homeBannerWrap{ width: 100%; height: 450px; background: url("../images/banner-oss.jpg") no-repeat scroll top center; background-size: cover;}
.homeBannerFlexWrap{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 450px;
  width: 100%;
}
.bannerFlexCommon{
  background: #fff;
  padding: 25px;
  text-align: center;
  min-height: 300px;
}
.bannerFlexCommon h2{color: #0b1f5c;}
.bannerFlexCommon h3{
  font-size: 15px;
  font-weight: 500;
  margin: 10px 0 25px;
}
.bannerFlexCommon p{margin-top: 30px;}
.bannerFlexCommon a, .bannerFlexCommon button{
background: #68b04b;
border: 2px solid #68b04b;
color: #fff;
display: inline-block;
padding: 10px 55px;
font-size: 19px;
transition: all ease 0.5s;
margin-top: 30px;
border-radius: 0;
}
.bannerFlexCommon a:hover, .bannerFlexCommon button:hover{ background: transparent; color: #68b04b; border: 2px solid #68b04b; transition: all ease 0.5s;}
.bannerFlexCommon a:focus, .bannerFlexCommon a:active, .bannerFlexCommon button:focus, .bannerFlexCommon button:active{
box-shadow: none;
background: transparent;
color: #68b04b;
border-color: #68b04b;
}
/* .bannerFlexCommon a:hover{ background: #0b1f5c;} */
.hireTalent{
  width: 450px;
}
.findJob{
  width: 600px;
}
.findJob form{margin-bottom: 25px; width: 100%; float: left;}
.findJob form input{
  width: 47%;
  float: left;
  margin-right: 0;
  height: 50px;
  border-radius: 0;
}
.findJob form input:focus{ box-shadow: none; border-color: #68b04b;}
.chooseJobPortalWrap{ width: 100%; padding: 100px 0;}
.whyChooseJob{}
.whyChooseJob h2{font-size: 35px;}
.whyChooseJob h3{font-size: 17px;line-height: 26px;margin: 0 0 0px;font-weight: 600;}
.whyChooseJob p{margin: 15px 0 25px;}
.whyChooseJob ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.divider{display: flex;justify-content: flex-start;align-items: flex-start;margin-bottom: 18px;}
.whyChooseJob ul li{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 15px;
  padding-right: 3px;
}
.whyChooseJob ul li i{
  color: #68b04b;
  margin: 6px 12px 0 0;
  font-size: 15px;
}
.whyChooseJob ul li span{}
.rghtImg{ float: right;}
.leftImg{ float: left;}
.openJobsWrap{ width: 100%; padding: 70px 0; background: #f8fbff;}
.centerHeadings{
  position: relative;
  font-size: 35px;
  margin: 0 0 10px;
  z-index: 9;
}

.centerHeadings span{background: #fff; padding: 0 20px;}
.centerHeadings span.bgLight{ background: #f8fbff;}
.centerHeadings::after{
  position: absolute;
  content: '';
  bottom: 20px;
  left: 50%;
  width: 75%;
  height: 1px;
  background: #68b04b;
  z-index: -1;
  transform: translateX(-50%);
}
/* .centerHeadings::after{ position: absolute; content: ''; bottom: 0; right: 0; width: 150px; height: 1px; background: #68b04b;}
.centerHeadings::before{ position: absolute; content: ''; bottom: 0; left: 0; width: 150px; height: 1px; background: #68b04b;} */
.centerSubHeading{ margin-bottom: 20px;}
.jobsBoxWrap{
  text-align: center;
  background: #fff;
  border: 2px solid #f3f3f3;
  padding: 20px 20px 40px;
  margin-top: 25px;
  transition: all ease 0.5s;
}
.jobsBoxWrap h4{
  font-size: 17px;
  margin: 15px 0 20px;
}
.jobsBoxWrap p{font-size: 14px;}
.allIcons{
  width: 55px;
  height: 55px;
  margin: 0 auto;
}
.jobsBoxWrap:hover{
  background: #68b04b;
  border-radius: 50px 0 50px 0;
  transition: all ease 0.5s;
}
.jobsBoxWrap:hover h4, .jobsBoxWrap:hover p{ color: #fff;}

.gLabour{background: url(../images/general-labour.png) no-repeat scroll 0 5px; transition: all ease 0.5s;}
.receptionist{background: url(../images/receptionist.png) no-repeat scroll 0 0; transition: all ease 0.5s}
.officeAssis{background: url(../images/office-assistant.png) no-repeat scroll 0 0; transition: all ease 0.5s}
.machineOperator{background: url(../images/machine-operator.png) no-repeat scroll 0 0; transition: all ease 0.5s}
.forkLift{background: url(../images/forklift-operator.png) no-repeat scroll 0 0px; transition: all ease 0.5s}
.welders{background: url(../images/welder.png) no-repeat scroll 0 0; transition: all ease 0.5s}
.shippingIcons{background: url(../images/shipping-eceiving.png) no-repeat scroll 0 0; transition: all ease 0.5s}
.orderPicking{background: url(../images/order-picking.png) no-repeat scroll 0 0; transition: all ease 0.5s}

.jobsBoxWrap:hover .gLabour{ background-position: 0px -50px; transition: all ease 0.5s}
.jobsBoxWrap:hover .receptionist, .jobsBoxWrap:hover .officeAssis, .jobsBoxWrap:hover .machineOperator, .jobsBoxWrap:hover .welders, .jobsBoxWrap:hover .forkLift, .jobsBoxWrap:hover .shippingIcons, .jobsBoxWrap:hover .orderPicking{ background-position: 0px -63px; transition: all ease 0.5s}

.btnCustom{
  display: inline-block;
  background: #68b04b;
  color: #fff;
  padding: 10px 30px;
  font-size: 17px;
  margin-top: 30px;
  font-weight: 500;
  border: 2px solid #68b04b;
  transition: all ease 0.5s;
}
.btnCustom:hover{ background: transparent; color: #68b04b; border: 2px solid #68b04b; transition: all ease 0.5s;}
.btnCustom:focus, .btnCustom:active{
  box-shadow: none;
  background: transparent;
  color: #68b04b;
  border-color: #68b04b;
}
.outsourceStaff ul li{ margin-bottom: 10px;}
.outsourceStaff ul li i{ font-size: 18px;}
.consultBtn a{}
.employementServices{ padding: 0 0 70px;}
.employementServices h3{
  text-align: center;
  font-size: 30px;
}
.employementBoxWrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
.empBoxALL{
  border: 1px solid #e1e1e1;
  width: 33%;
  padding: 15px;
  border-radius: 5px;
  display: flex;
}
.empBoxALL:hover{ background: #68b04b; border-color: #68b04b;}
.empBoxALL:hover h4, .empBoxALL:hover p{ color: #fff;}
.empBoxALL h4{
  font-size: 18px;
  margin-bottom: 15px;
}
.empBoxALL p{font-size: 14px;}
.empBoxDesc{ flex: 1;}
.boxIconsAll{
  width: 47px;
  height: 47px;
  margin: 0 15px 0 0;
}

.temporaryIcon{background: url(../images/Temporary.png) no-repeat 0px 0px; transition: all ease 0.5s;}
.seasonalIcon{background: url(../images/Seasonal.png) no-repeat 0px 0px; transition: all ease 0.5s;}
.permanentIcon{background: url(../images/Permanent.png) no-repeat 0px 0px; transition: all ease 0.5s;}

.empBoxALL:hover .temporaryIcon, .empBoxALL:hover .seasonalIcon, .empBoxALL:hover .permanentIcon{
background-position: 0 -47px;
transition: all ease 0.5s;
}

.clientsReviewWrap{ width: 100%; height: 450px; padding: 50px 0; background: url("../images/clientsBG.jpg") no-repeat scroll 0 0; background-size: cover;}
.clientsHeading{
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 50px;
}
.clientsHeading h3{
  font-size: 30px;
  margin-bottom: 10px;
}
.clientsHeading p{}
.clientsBox{
  background: #fff;
  padding: 50px 50px 92px;
  text-align: center;
  border-radius: 10px 60px;
  box-shadow: 0 0 16px #ebebeb;
  position: relative;
  margin-top: 15px;
  min-height: 320px;
}
.clientsBox p{}
.clientsProfile{
  margin: 25px 0 0;
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
}
.clientsProfile img{}
.clientsProfile strong{
  display: block;
  font-weight: 500;
  margin: 5px 0 0;
  line-height: 19px;
}
.clientsProfile span{}
.flexDiv{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.h-450{ height: 450px;}
.bannerContent{ color: #fff;}
.bannerContent h1{
  font-size: 48px;
  font-weight: 600;
}
.bannerContent p{
  margin: 7px 0 20px;
  font-size: 20px;
  line-height: 28px;
}
.breadCrumb{}
.breadCrumb ul{ margin: 0; font-size: 19px;}
.breadCrumb ul li{ margin: 0 2px !important;}
.breadCrumb ul li a{}
.breadCrumb ul li a.active_breadcrumb{color: #68b04b;}
.loginRegisterTabsWrap{ width: 100%; padding: 0 0 70px;}
.loginRegisterTabsInner ul li button{
  border-radius: 0 !important;
  border: 1px solid #ccc !important;
  text-transform: uppercase;
  color: #5a5a5a;
  font-size: 18px;
  font-weight: 500;
  padding: 12px 0;
  width: 373px;
}
.loginRegisterTabsInner ul li button:hover{ color: #68b04b; border-color: #68b04b !important;}
.loginRegisterTabsInner ul li button.active{
  background-color: #68b04b !important;
  color: #fff !important;
  border-color: #68b04b !important;
  position: relative;
}
.loginRegisterTabsInner ul li button.active::after{
  position: absolute;
  content: '';
  left: 50%;
  bottom: -8px;
  transform: rotate(45deg);
  width: 16px;
  height: 16px;
  background: #68b04b;
}
.loginWrap{
  border: 1px solid #e7e7e7;
  margin: 0px 0 0;
  padding: 30px;
  box-shadow: 0 0 14px #dbdbdb;
}
.loginWrap h3{
  margin: 0 0 30px;
}
.loginWrap form{}
.loginWrap form label{
  margin: 0 0 3px;
  font-weight: 500;
  color: #4e4e4e;
  font-size: 14px;
}
.loginWrap form input, .loginWrap form select{
  border-radius: 0;
  height: 50px;
  transition: all ease 0.5s;
}
.loginWrap form textarea{
  border-radius: 0;
  height: 100px;
}
.loginWrap form button{
  background: #68b04b;
  border-radius: 0;
  border: 2px solid #68b04b;
  padding: 8px 50px;
  font-size: 19px;
  margin-top: 15px;
  transition: all ease 0.5s;
}
.loginWrap form button:hover{ background: transparent; color: #68b04b; border: 2px solid #68b04b; transition: all ease 0.5s;}
.loginWrap form button:focus, .loginWrap form button:active{
  box-shadow: none;
  background: transparent;
  color: #68b04b;
  border-color: #68b04b;
}
.loginWrap form a.forgotP{
  float: right;
  font-size: 15px;
  text-decoration: underline;
  display: inline-block;
  margin-top: 10px;
}
.loginWrap form a.forgotP:hover{ color: #000;}
.loginWrap form input:focus, .loginWrap form textarea:focus{ box-shadow: none; border: 1px solid #68b04b;}

.loginWrap form input::placeholder, .loginWrap form textarea::placeholder{ color: #ccc; font-size: 14px; transition: all ease 0.5s; letter-spacing: 1px;}
.loginWrap form input:-ms-input-placeholder, .loginWrap form textarea:-ms-input-placeholder{ color: #ccc;font-size: 14px; transition: all ease 0.5s; letter-spacing: 1px;}
.loginWrap form input::-webkit-input-placeholder, .loginWrap form textarea::-webkit-input-placeholder{ color: #ccc;font-size: 14px; transition: all ease 0.5s; letter-spacing: 1px;}

.loginWrap form input.fileType{ height: auto;}
.mt-70{ margin-top: 70px;}
.bgLight{ background: #f8fbff;}
.shortLognReqWrap{ width: 100%; margin: 70px 0; position: relative; height: 450px;}
.employerPointers{}
.employerPointers h3{font-size: 18px;line-height: 26px;font-weight: 600;margin: 0 0 17px}
.employerPointers ul{
  list-style-type: disc;
  /**/display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;

}
.live-part p{margin: 0px 0px 10px;font-weight:500;color: #4e4e4e;}
.live-part ul{display: flex;justify-content: flex-start;align-items: center;list-style: none;margin: 0;padding:0;}
.live-part ul li{margin: 0;font-size: 14px;line-height: 24px;padding: 2px 4px;}
.live-part ul li input[type="checkbox"]{margin: 0;height: 13px;}
.live-part ul li span{margin:0px;}

.live-part-safety p{margin: 0px 0px 10px;font-weight:500;color: #4e4e4e;}
/*.live-part-safety ul{display: flex;justify-content: flex-start;align-items: center;list-style: none;margin: 0;padding:0;}
.live-part-safety ul li{margin: 0 5PX;font-size: 14px;}
.live-part-safety ul li input[type="checkbox"]{margin: 0;}
.live-part-safety ul li span{margin:0px;}*/
.live-part-safety .form-check-input[type=radio] {height:16px;}
.employerPointers ul li{
  /*width: 50%;*/
  font-size: 16px;
  font-weight: 400;
  box-shadow: 0 0px 2px rgb(0 0 0 / 25%);
  padding: 10px 8px;
  margin: 0 2px 10px;
}
.employerPointers ul li i{
  font-size: 7px;
  margin: 8px 10px 0 0;
}
.contactHeader{ padding: 50px 30px; box-shadow: 0 0 14px #dbdbdb; margin-top: 50px;}
.contactHeader .loginWrap{ margin: 0; padding-top: 0; padding-bottom: 0;}
.contactHeader h3{
  margin: 0;
  font-size: 23px;
}
.contactHeader p{
  margin: 0 0 30px;
}
.addressWrap{ margin: 30px 0 100px;}
.addressInnerWrap{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.addressInnerWrap i{
  color: #68b04b;
  font-size: 23px;
  margin: 7px 10px 0 0;
}
.addressInnerWrap p{
  margin: 0;
  font-size: 20px;
  line-height: 25px;
  color: #000;
}
.addressInnerWrap a{
  color: #000;
  font-size: 20px;
}
.addressInnerWrap a:hover{color: #68b04b;}

.dashboardWrapper{ width: 100%; background: #f7f8fa; padding: 5px 0;}
.tab {
  float: left;
  background-color: #ffffff;
  width: 20%;
  height: 100%;
  border-radius: 0;
}

.tab button {
  display: block;
  background-color: inherit;
  color: #000;
  padding: 12px 16px;
  width: 94%;
  float: right;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  margin: 7px 0;
  border-radius: 0;
}
.tab button i{
  margin-right: 7px;
  color: #707070;
}

.tab button:hover {
  background-color: rgb(104 176 75 / 20%);
}

.tab button.active {
  background-color: #68b04b; color: #fff;
}
.tab button.active i{ color: #fff;}

.tabcontent {
  float: left;
  padding: 30px 60px;
  width: 80%;
  border-left: none;
  height: auto;
}

.userProfileSec{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 50px 20px 30px;
}
.profileImg{ margin-right: 20px;}
.profileImg img{ width: 50px;}
.profileDesc{ line-height: 15px;}
.profileDesc h4{
  font-size: 18px;
  text-transform: uppercase;
  color: #0b1f5c;
}
.profileDesc p{ font-size: 13px;}
.tabContentBody form{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 50px;
}
.tabContentBody form .dashboardForm{
  width: 22%;
  margin: 0 2px;
}
.tabContentBody form .dashboardForm:last-child{ width: 14%;}
.tabContentBody form .dashboardForm select{
  border-radius: 0;
  border: 1px solid #f1f1f1;
  height: 42px;
  font-size: 14px;
  color: #4e4e4e;
}
.tabContentBody form .dashboardForm select:focus{ box-shadow: none; border-color: #68b04b;}
.tabContentBody form .dashboardForm button{
  background: #68b04b;
  border: 2px solid #68b04b;
  border-radius: 0;
  font-size: 16px;
  height: 40px;
  padding: 0 20px;
  float: right;
}
.tabContentBody form .dashboardForm button:hover{ background: transparent; color: #68b04b; border: 2px solid #68b04b; transition: all ease 0.5s;}
.tabContentBody form .dashboardForm button:focus, .tabContentBody form .dashboardForm button:active{
  box-shadow: none;
  background: transparent;
  color: #68b04b;
  border-color: #68b04b;
}
.filterWrap{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35%;
  float: right;
  color: #b5b5b5;
}
.filterWrap i{}
.filterWrap span{
  width: 100px;
  font-size: 13px;
  margin: 0 7px;
}
.filterWrap select{
  border: none;
  height: 30px;
  padding: 0 5px;
  font-size: 13px;
  color: #0b1f5c;
  font-weight: 500;
  border-radius: 0;
}
.filterWrap select:focus{ box-shadow: none; border: 1px solid #68b04b;}
.showResultWrap{}
.showResultWrap h4{ font-size: 15px; margin-bottom: 5px;}
.showResultWrap p{ font-size: 13px; color: #b5b5b5;}

.jobDescBox{
  width: 100%;
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
  transition: all ease 0.5s;
  border: 1px solid #fff;
}
.jobDescBox:hover{ box-shadow: 3px 3px 11px #e5e5e5; transition: all ease 0.5s;  border: 1px solid #68b04b;}
.jobDescBox img{
  width: 47px;
  margin-bottom: 15px;
}
.jobDescBox h5{font-size: 15px;}
.jobDescBox span.companyName{
  font-size: 13px;
  color: #b5b5b5;
}
.jobDescBox p.jobDescPara{
  font-size: 13px;
  margin: 20px 0;
}
.fulltimeJob{ margin-bottom: 15px;}
.fulltimeJob span{
  background: #eff6ff;
  color: #3f83ff;
  font-size: 12px;
  display: inline-block;
  padding: 2px 10px;
}
.SalaryWrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.SalaryWrap h6{}
.SalaryWrap h6 span{
  font-size: 12px;
  color: #b5b5b5;
  font-weight: normal;
}
.termsBanner{
  height: 145px;
  background: #fafafa;
  border-bottom: 1px solid rgba(204,204,204,.41);
  border-top: 1px solid rgba(204,204,204,.41);
}
.h-175{ height: 145px;}
.termsBanner h1{
  font-size: 37px;
  color: #464646;
  font-weight: 500;
}
.termsBanner .breadCrumb ul{ font-size: 17px;}
.termsBanner .breadCrumb ul li{ color: #000;}
.termsWrapper{}
.termsWrapper strong{
  font-size: 26px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
  color: #464646;
}
.termsWrapper p{
  margin-bottom: 40px;
  line-height: 27px;
  color: #464646;
}
.termsWrapper ul{
  margin: 0;
  padding: 0 0 40px 15px;
}
.termsWrapper ul li{
  line-height: 27px;
  color: #464646;
  margin-bottom: 5px;
}
.termsWrapper p a{}
.termsBanner .flexDiv{ justify-content: center; text-align: center;}
.faqsWrapper{}
.faqsWrapper .accordion-item{ margin-bottom: 15px; border-radius: 6px; color: #464646;}
.faqsWrapper .accordion-item:not(:first-of-type){ border-top: 1px solid rgba(0,0,0,.125);}
.faqsWrapper .accordion-button{ border-radius: 6px 6px 0 0; background: transparent; padding: 20px 12px;}
.faqsWrapper .accordion-button:focus{ box-shadow: none; border-bottom: 1px solid rgba(0,0,0,.125); color: #68b04b;}
.faqsWrapper .accordion-button:not(.collapsed){color: #68b04b;}
.faqsWrapper .accordion-button:not(.collapsed)::after{ filter: grayscale(1);}
.jobHeading{ font-size: 25px;}
.jobSearchBtn form button{ padding: 0 35px !important;}

.alljobs{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 7px 7px 21px #ebebeb;
  border-radius: 13px;
  padding: 15px 15px;
  margin-bottom: 30px;
  transition: all ease 0.5s;
}
.alljobs:hover{box-shadow: 7px 7px 21px #d7d7d7; transition: all ease 0.5s;}
.jobDescAll:last-child{ width: 20%;}
.jobDescAll{
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.jobDescAll h4{
  margin-left: 15px;
  font-size: 19px;
}
.jobDescAll span{
  margin-left: 15px;
  margin-top: 5px;
  display: inline-block;
  font-size: 14px;
  color: #6e5ddf;
}
.jobDescAll h5{
  margin-left: 15px;
  font-size: 16px;
  color: #383838;
}
.jobDescAll p{
  margin-left: 15px;
  margin-top: 5px;
  font-size: 13px;
  color: #7e7e7e;
}
.jobDescAll button{
  background: #68b04b;
  border-color: #68b04b;
  border-radius: 30px;
  padding: 8px 20px;
  margin-right: 20px;
  transition: all ease 0.5s;
}
.jobDescAll button:hover{
  background: transparent;
  color: #68b04b;
  border-color: #68b04b;
  transition: all ease 0.5s;
}
.jobDescAll button:focus{
  box-shadow: none;
  background: transparent;
  color: #68b04b;
  border-color: #68b04b;
  }
  .joinUsUl{background: #68b04b; margin-left: 50px !important;}
  .joinUsUl li.nav-item{}
  .joinUsUl li.nav-item a.nav-link{
    padding: 5px 8px 5px 0 !important;
    color: #fff !important;
  }
  .joinUsUl li.nav-item a.nav-link::after{
    top: 15px;
    right: 0;
    left: 91%;
    background: transparent;
    margin: 0 0 0 8px;
    color: #fff;
  }
  .joinUsUl li.nav-item a.nav-link:hover::after{width: auto;}
  .joinUsUl li.nav-item a.nav-link i{}
  .joinUsUl li.nav-item ul.dropdown-menu{
    width: 250px;
    border-radius: 0 0 20px 20px;
    border: none;
    border-top: none;
    box-shadow: none;
    padding: 0;
    margin: 0 0 0 -130px;
    background: #68b04b;
  }
  .joinUsUl li.nav-item ul.dropdown-menu li{}
  .joinUsUl li.nav-item ul.dropdown-menu li a.dropdown-item{
    margin: 0;
    font-weight: 500;
    padding: 11px 13px !important;
    border-bottom: 1px solid #469129;
    font-size: 15px;
    color: #fff !important;
  }
  .joinUsUl li.nav-item ul.dropdown-menu li a.dropdown-item:hover{
    background-color: #68b04b;
    color: #152863 !important;
  }
  .joinUsUl li.nav-item ul.dropdown-menu li a.dropdown-item:hover::after{
    width: 0;
    height: 0;
  }
  .joinUsUl li.nav-item ul.dropdown-menu li:last-child a.dropdown-item{ border-bottom: none; border-radius: 0 0 20px 20px;}
  .joinUsUl li.nav-item:hover ul.dropdown-menu{ display: block;}
  .viewMore{
    color: #68b04b;
    font-size: 12px;
    margin: 0 3px;
  }
  .viewMore:hover{ text-decoration: underline; color: #3f83ff;}
  .SalaryWrap .icons:hover{ text-decoration: none;}
.resumeWrap{
  background: #fff;
  padding: 50px 68px;
  width: 100%;
  float: left;
}
.attachedResumeSec{}
.attachedResumeSec h4{
  font-size: 15px;
  margin: 0 0 15px;
  color: #303030;
}
.attachDownloadSec{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.attachMain{
  /* background: #f5f5f5;
  border-radius: 10px;
  border: 2px dashed #cfcfcf;   */
}
.attachMain input{
  width: 0;
  height: 0;
  padding: 0;
}
.attachMain input:focus{ box-shadow: none; outline: none;}
.attachMain label{
  width: 100%;
  background: #f5f5f5;
  border-radius: 10px;
  border: 2px dashed #cfcfcf;
  padding: 6px;
  cursor: pointer;
}
.attachMain label:hover{ border: 2px dashed #68b04b;}
.downloadMain{
  /* background: #fff;
  border: 1px solid #68b04b;
  border-radius: 10px;   */
  padding: 0 !important;
}
.downloadMain a{
  color: #000;
  background: #fff;
  border: 1px solid #68b04b;
  border-radius: 10px;
  display: block;
  padding: 10px;
}
.downloadMain a:hover{ background: #f9f9f9;}
.pt-15{ padding-top: 15px;}
.greenColor{ color: #68b04b !important;}
.fontAll{
  width: 47%;
  margin-right: 20px;
  padding: 10px;
}
.fontAll img{
  float: left;
  margin-right: 15px;
}
.fontAll h5{
  font-size: 13px;
  margin: 3px 0 3px;
}
.fontAll p{
  font-size: 12px;
  color: #999;
}
.resumeFormAlign{ display: flex; align-items: flex-start; justify-content: space-between;}
.resumeTabForm{ margin: 50px 0 0;}
.resumeTabForm label{ width: 63%; margin: 0; font-weight: 500;}
.resumeTabForm input, .resumeTabForm select{ width: 60%;}
.resumeTabForm form button{
  background: #68b04b;
  border: 2px solid #68b04b;
  border-radius: 0;
  font-size: 16px;
  height: 40px;
  padding: 0 35px;
  float: right;
}
.resumeTabForm form button:hover{
  background: transparent;
  color: #68b04b;
  border: 2px solid #68b04b;
  transition: all ease 0.5s;
}
.formkgs{display: flex;justify-content: flex-start;align-items: center;width: 61%;}
.formkgsinp{position: relative;width: 40%;left: 0px;}
.formkgsel{position: relative;left: -95px;width: 22%;}
.profileImgInner{ width: 180px;}
.profileDescwrap{}
.profileDescwrap h3{}
.profileDescwrap h4{
  font-size: 17px;
  margin: 5px 0 15px;
}
.profileDescwrap p{}
.editSec{
  color: #248cd5;
  font-size: 16px;
  margin: 15px 0 0;
  cursor: pointer;
  display: inline-block;
}
.editSec i{
  margin-right: 3px;
}
.basicInfoWrap{ margin: 0;}
.basicInfoHeading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-right: 47px;
}
.basicInfoHeading h5{ font-size: 22px;}
.basicInfoWrap form { width: 88%;}
.basicInfoWrap form label{ width: 60%; color: #444;}
.checkbox-s{ width: 61%;}
.checkboxcls{display: flex;justify-content: flex-start;align-items: flex-start;}
.basicInfoWrap .checkboxCont label{width:100%;}
.basicInfoWrap .checkboxCont input[type="checkbox"]{width:15px;}
.checkboxCont label{width:100%;font-weight: normal;}
.checkboxCont .form-check{margin:0px 0 10px;}

.uploadFile label:hover{ border: 1px solid #68b04b;}
.basicInfoWrap form input, .basicInfoWrap form select{ width: 40%;}
.yesNORadio{ width: 61%;}
.yesNORadio input[type="radio"]{
  width: 16px !important;
}
.yesNORadio label{ width: auto !important;}

.ifYes{ margin-top: 10px;}
.ifYes textarea{ width: 100%;}
.mr-15{ margin-right: 35px !important;}
.uploadFile input[type = "file"]{
  width: 0;
  height: 0;
  overflow: hidden;
  padding: 0;
  background: transparent;
  border: none;
}
.uploadFile input[type = "file"]:focus{ box-shadow: none; outline: none;}
.uploadFile{ width: 61%;}
.uploadFile label{
  border: 1px solid #ced4da;
  width: 100% !important;
  text-align: right;
  padding: 6px 10px;
  border-radius: 0.25rem;
  cursor: pointer;
}
.uploadFile span{
  float: left;
  font-size: 15px;
  font-weight: 400;
}
.postAJobBtn{
  padding: 4px 15px;
  font-weight: 400;
  font-size: 15px;
}
.postAJobPopup .modal-header{
  border-bottom: none;
  background: #152863;
  color: #fff;
  padding: 15px 30px;
}
.postAJobPopup .modal-header button{ background-color: #dfdfdf; font-size: 13px;}
.postAJobPopup .modal-footer{ border-top: none; padding: 0;}
.postAJobPopup .modal-footer{ justify-content: space-between;}
.postAJobPopup .modal-footer button{ border-radius: 0; width: 130px; padding: 10px 0;}
.postAJobPopup .modal-footer button:last-child{ background-color: #68b04b; border-color: #68b04b;}
.postAJobPopup .modal-dialog{
  max-width: 800px;
  top: 30%;
  transform: translateY(-30%) !important;
}
.postAJobPopup form{
  padding: 30px;
  background: #152863;
  border-radius: 0 0 0.2rem 0.2rem;
}
.postAJobPopup form label{
  color: #fff;
  margin: 0 0 2px;
  font-size: 15px;
}
.postAJobPopup form input{border-radius: 3px;}
.postAJobPopup form textarea{
  border-radius: 3px;
  height: 100px;
}
.postAJobPopup .modal-body{ padding: 0;}

.timesheetWeekBox{
  background: #fff;
  box-shadow: 0 0 5px #ccc;
}
.week1Box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.week1col1{ width: 11%; padding: 5px 0;}
.week1col1 h4{ font-size: 12px; line-height: 22px;}
.weekName{ width: 100%;}
.weekName h3{ font-size: 19px; padding: 5px; line-height: 11px;}
.employeeNameT{
  font-size: 14px;
  padding: 11px 5px !important;
  line-height: 20px;
}
.timeInOut{ background: #f1f1f1; padding: 5px 3px !important; font-size: 14px; line-height: 24px;}

.day1{}
.day1 h4{}
.inoutDiv{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 3px 0;
}
.inDiv{ width: 50%;}
.outDiv{width: 50%;}
.inoutDiv input{
  height: 24px;
  border-radius: 0;
  padding: 0 0 0 2px;
  font-size: 11px;
}

.grandTotal{}
.grandTotal h5{
  font-size: 15px;
  line-height: 22px;
  color: #000;
}
.inoutDiv p{}
.week2Box{}
.timesheetWrapper{ padding: 30px 20px;}
.subtotalBG{ background: #d7d7d7;}
.totalDiv{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 10px 0;
}
.ttlTxt{ width: 59px;}
.ttlHrs{}
.grandTotalDiv{
  margin: 30px 0 0;
  display: flex;
  justify-content: flex-end;
}
.grandTtlGreen{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #68b04b;
  width: 300px;
  padding: 2px 10px;
  color: #fff;
  font-size: 20px;
  text-align: right;
}
.grandLR{ width: 50%;}
.rglrFnt{
  font-size: 12px;
}
.overTFnt{
  font-size: 12px;
  padding: 0 5px 0 0;
}
.addNewRow{}
.addNewRow a{
  font-weight: 400;
  padding: 7px 30px;
}

/*View More Link Page Here*/
.fHeader{padding:20px;background: #fff;border-radius: 2px;margin:45px;box-shadow: 0 0 14px rgb(228 218 218);}
.logoHeader{}
.logoHeader h2{font-size: 20px;line-height: 20px;color:#000;margin:10px 0 0px;}
.logoHeader p{font-size: 12px;line-height: 18px;color:#aaacb8;margin:5px 0 10px}
.imglogo{display: flex;justify-content: flex-end;align-items: center;}
.imglogo img{padding: 10px 10px;border: 1px solid #ccc;width: 44px;height: 44px;margin: 34px 11px 0px;border-radius: 10px;}

/*HeaderNavigation*/
.HeaderNavigation{padding:10px 0px;}
.HeaderNav ul{list-style: none;display: flex;justify-content: flex-start;align-items: center;padding: 0;margin: 0px;}
.HeaderNav ul li{padding-right:100px;font-size: 17px;line-height: 20px;color:#000;}

/*overviews*/
.overViews{padding:0px 0px;}
.overViewsCont{}
.overViewsCont h3{font-size: 18px;line-height: 20px;color:#000;margin:18px 0 10px;}
.overViewsCont p{font-size: 16px;line-height: 24px;color:#8b8e93;}
.overViewsCont ul{margin:0px 0 10px;}
.overViewsCont ul li{font-size: 16px;line-height: 26px;color:#8b8e93;}

/*overBtn*/
.overBtn{display: flex;justify-content:space-between;align-items: center;padding: 30px 0px;}
.overBtn h2{font-size: 22px;line-height: 20px;color:#000;margin:18px 0 10px;}
.overBtn a{padding:10px 55px;background: #28aa4a;color:#fff;}
.overBtn span{font-size: 16px;color:#aaacb8;}

/*Job Manage*/
.jobAppPage{}
.jobAppPage h2{font-size: 28px;line-height: 30px;color:000;margin:0 0 30px}

/*Manage Jobs*/
.resumeWraps{background: #fff;padding: 27px 68px;width: 100%;float: left;}

.manageCont h5{font-size: 20px;line-height: 25px;color:#000;margin:0 0 10px;}
.manageCont p{font-size: 16px;line-height:26px;color:#bfbebe;}
.bfbebe{font-size: 12px;line-height:26px;color:#bfbebe;}
.tablerCont ul{list-style: none;position: relative;padding: 0px;}
.tablerCont ul li{display: inline-block;color: #000;margin-right: 25px;margin-top: 8px;font-size: 12px;}

.condidateDes{margin:0 0 10px}
.condidateDes h3{font-size:26px;line-height:28px;margin:0 0 18px}
.CandidateList h3{font-size:18px;line-height:28px;margin:10px 0 10px}
.CandidateList h6{font-size:18px;line-height:28px;margin:0 0 10px}
.CandidateList p{font-size:16px;line-height:24px;margin:0 0 10px}
.CandidateList ul{list-style: none;padding: 0px;}
.CandidateList ul li{display: inline-block;font-size: 12px;line-height: 16px;}


/*Job Details*/
.jobDet h2{font-size:26px;line-height:28px;margin:0 0 18px;}
.jobDetTable{}
.jobDetTable h3{font-size:18px;line-height:28px;margin:0 0 10px;}

/*Candidate List*/
.candidateListDet{}
.candidateListDet h2{font-size:26px;line-height:28px;margin:0 0 20px;}
.candidateImg{}
.candidateImgCont{}
.candidateImgCont h3{font-size:18px;line-height:28px;margin:0 0 10px;}
.candidateImgCont ul{list-style: none;padding: 0px;}
.candidateImgCont ul li{display: inline-block;font-size: 12px;line-height: 26px;}
.btnCustoms{
  display: inline-block;
  background: #68b04b;
  color: #fff;
  padding: 10px 30px;
  font-size: 17px;
  font-weight: 500;
  border: 2px solid #68b04b;
  transition: all ease 0.5s;
}
.btnCustoms:hover{ background: transparent; color: #68b04b; border: 2px solid #68b04b; transition: all ease 0.5s;}
.btnCustoms:focus, .btnCustom:active{
  box-shadow: none;
  background: transparent;
  color: #3a477a;
  border-color: #3a477a;
}

.btnCustomc{
  display: inline-block;
  background: #68b04b;
  color: #fff;
  padding: 10px 30px;
  font-size: 17px;
  font-weight: 500;
  border: 2px solid #3a477a;
  transition: all ease 0.5s;
}
.btnCustomc:hover{ background: transparent; color: #3a477a; border: 2px solid #3a477a; transition: all ease 0.5s;}
.btnCustomc:focus, .btnCustom:active{
  box-shadow: none;
  background: transparent;
  color: #3a477a;
  border-color: #3a477a;
}

/*=================================Updated this Other CSS 'change Password' ========================*/
.change-password h3 {
    text-align: center;
}

.change-password form button {
    display: flex;
    justify-content: center;
}

/*Job details*/
.job__detail__main__part {
    margin: 50px 0px;
    background: #fff;
    box-shadow: 0px 0px 2px rgb(0 0 0 / 50%);
    padding: 20px;
}

.job__details__cont {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin: 10px 0 10px;
}

.job__details__conts {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 20px;
    margin: 10px 0 10px;
}

.job__details__log img {
}

.job__details__part {
    margin: 0 20px
}

    .job__details__part h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .job__details__part ul {
        list-style: none;
        margin: 0 -35px;
    }

        .job__details__part ul li {
            display: inline-block;
            font-size: 16px;
            line-height: 22px;
            color: #000;
            margin: 10px 0 0px;
        }

    .job__details__part h3 {
        font-size: 18px;
        line-height: 24px;
        color: #000;
        font-weight: 600;
    }

.job__skill {
    margin: 10px 0 0;
}

    .job__skill h3 {
        font-size: 22px;
        line-height: 24px;
        color: #000;
        font-weight: 400;
    }

.job__details__btn ul {
    list-style: none;
    margin: 10px 0 0;
}

    .job__details__btn ul li {
        display: inline-block;
    }

        .job__details__btn ul li a {
            padding: 10px 20px;
            border: 2px solid #68b04b;
            margin: 0 1px;
            font-size: 15px;
            background: #68b04b;
            color: #fff;
            border-radius: 5px;
            transition: 0.5s;
        }

            .job__details__btn ul li a:hover {
                background: #fff;
                color: #68b04b;
                border: 2px solid #68b04b;
            }

.job__skill_exp {
    margin: 40px -32px
}

    .job__skill_exp ul {
        list-style: none;
        margin: 0px;
    }

        .job__skill_exp ul li {
            padding: 8px 30px;
            border: 1px solid #ccc;
            display: inline-block;
        }

            .job__skill_exp ul li p {
                font-size: 14px;
                line-height: 24px;
                color: #5b4a4a;
                margin: 0 0 10px;
                font-weight: 200;
            }

            .job__skill_exp ul li h4 {
                font-size: 18px;
                line-height: 22px;
                color: #000;
                font-weight: 400;
            }

/*========================Job Details Second part=======================*/
.job__details__second__part {
    text-align: center;
    margin: 50px 0px;
    box-shadow: 0px 0px 2px rgb(0 0 0 / 50%);
    padding: 40px;
}

    .job__details__second__part h2 {
        font-size: 26px;
        line-height: 24px;
        font-weight: 500;
        color: #000;
        margin: 10px 0 10px;
    }

    .job__details__second__part h5 {
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
        color: #000;
        margin: 10px 0 0px;
    }

    .job__details__second__part a.btn-greenweb {
        text-decoration: none;
        color: #152863;
    }

    .job__details__second__part a.btn-green {
        text-decoration: none;
        background: #68b04b;
        color: #fff;
        padding: 12px 15px;
        display: block;
        margin: 12px 0 0px;
    }

        .job__details__second__part a.btn-green:hover {
            background: #000;
        }

.job__details__second__part__cont h3 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    color: #000;
    margin: 28px 0 10px;
}

.job__details__second__part__cont {
    margin: 10px 0 0px;
}

    .job__details__second__part__cont h3 {
        font-size: 22px;
        line-height: 24px;
        color: #000;
        font-weight: 600;
        margin: 10px 0 14px;
    }

    .job__details__second__part__cont p {
        font-size: 15px;
        line-height: 22px;
        color: #000;
    }

        .job__details__second__part__cont p a {
            text-decoration: none;
            color: #68b04b;
            font-size: 16px;
            line-height: 22px;
            font-weight: 600;
            margin: 0px 0 8px;
        }

.job__details__content__part h3 {
    font-size: 22px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
    margin: 10px 0 14px;
}

.job__details__content__part h4 {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
    margin: 10px 0 14px;
}

.job__details__content__part p {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    margin: 10px 0 14px;
}

.job__details__content__part ul {
}

    .job__details__content__part ul li {
        font-size: 16px;
        font-size: 15px;
        line-height: 33px;
        color: #000;
    }

.job__details__second__part__cont ul li {
    font-size: 16px;
    font-size: 15px;
    line-height: 33px;
    color: #000;
}

.job__details__second__part__cont h5 {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
    margin: 20px 0 0px;
}

.job__details__second__part__cont a {
    text-decoration: none;
    color: #68b04b;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}


/*======================Profile Page================================*/
.profile__banner {
    background: url(../images/forprofile-banner.png)no-repeat center;
    background-size: cover;
    height: 136px;
}

.profile__banner__cont {
    margin: -50px 0 0px
}

.profile__banner__content {
}

    .profile__banner__content h2 {
        font-size: 26px;
        line-height: 24px;
        font-weight: 600;
        color: #000;
        margin: 10px 0 10px;
    }

    .profile__banner__content p {
        font-size: 16px;
        line-height: 24px;
        color: #000;
    }

        .profile__banner__content p.para-gray {
            font-size: 16px;
            line-height: 24px;
            color: #595757;
            margin: 10px 0 18px;
            font-weight: 600;
        }

    .profile__banner__content a {
        padding: 8px 15px;
        background: #fff;
        color: #000;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin: 40px 0px 40px;
    }

.resume__uploading {
    margin: 40px 0 40px;
}

.resume__uploading__box {
    border: 1px solid #ccc;
    padding: 53px 46px;
    box-shadow: 1px 0px 4px rgba(0,0,0,.125);
    border-radius: 5px;
}

    .resume__uploading__box h3 {
        font-size: 20px;
        line-height: 22px;
        font-weight: 600;
        color: #000;
        margin: 10px 0 10px;
    }

    .resume__uploading__box p {
        font-size: 16px;
        line-height: 24px;
        color: #000;
    }

.resume__section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px 0 0px;
}

    .resume__section .uploaded__file {
    }

.downloaded__adn_delete__file .downloaded__file {
    margin: 0 0 20px;
}

    .downloaded__adn_delete__file .downloaded__file .fa-download {
        color: #000;
    }

.downloaded__adn_delete__file .fa-trash-can {
    color: #e70a0a;
}

.downloaded__adn_delete__file span {
    color: #e70a0a;
}

.downloaded__file {
    color: #000;
}

.uploaded__resume {
    margin: 38px 0 20px;
    border: 1px dashed #ccc;
    text-align: center;
    padding: 44px;
}

    .uploaded__resume form {
        text-align: center;
    }

    .uploaded__resume p {
        margin: 11px 0 0px;
        text-align: center;
    }

/*================================= END Updated this change Password ========================*/


/*==================Start Four Hundred Four 404================*/
.four-hundred-four {
    padding: 50px 0px;
}

.four__zero__four {
    background: url(https://www.techdotinc.com/testing/Outsource-Staffing-Solutions/images/404.png)no-repeat center;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #455a64;
}

    .four__zero__four div {
        margin: 0px 150px;
    }

    .four__zero__four h2 {
        font-size: 60px;
        line-height: 50px;
        color: #2f3c43;
        margin: 0 0 20px;
        font-weight: 600;
    }

    .four__zero__four h5 {
        font-size: 43px;
        line-height: 49px;
        color: #455a64;
        margin: 0 0 47px;
        font-weight: 400;
        z-index: 999999999;
    }

    .four__zero__four a {
        padding: 13px 40px;
        background: #68b04b;
        color: #fff;
        border-radius: 10px;
        font-size: 26px;
    }
/*==================End Four Hundred Four================*/


/*==========================Start Form with table content==================================*/

.form-box{display: flex;justify-content: space-between;align-items: center;}
.form-input{width:85%;}
.form-btn{width:15%;}

.form-input form a{
background: #68b04b;
border: 2px solid #68b04b;
border-radius: 2;
font-size: 16px;
height: 40px;
padding: 7px 35px;}


.form-input form a:hover{
  background: transparent;
  color: #68b04b;
  border: 2px solid #68b04b;
  transition: all ease 0.5s;
}
.mgt{margin-top:31px;}

.form-btn button{
  background: transparent;
  border: 2px solid #68b04b;
  color:#68b04b;
  border-radius: 2;
  font-size: 16px;
  height: 40px;
  padding: 0 35px;
}
.form-btn button:hover{background: #68b04b;color:#fff;border: 2px solid #68b04b;}

.table-cont{margin-top:30px;}
.punin-details{margin:10px 0 10px;}
.punin-details p{font-size: 16px;line-height: 24px;font-weight: 600;color:#000;}

.back-arrow ul{list-style: none;padding:0px;margin: 0 0 30px;}
.back-arrow ul li{display: inline-block;}
.back-arrow ul li:nth-child(1){background: #68b04b;}
.back-arrow ul li:nth-child(1) a{color:#fff;text-decoration: none;padding: 15px 18px;}
.back-arrow ul li:nth-child(2){margin-left: 20px;}

.pro_punchin a{text-align: center;display: block;border-color: #68b04b;background: #68b04b;color:#fff;padding:12px 0px;font-size: 18px;line-height: 24px;text-transform:uppercase;border-radius: 0;}
.pro_punchin a:hover{border-color: #68b04b;background: #fff;color:#68b04b;}

/*==========================End Form with table content==================================*/












    /* Ipad */
    @media only screen and (max-width: 1023px){
      .OSSNavbar {
        padding: 5px 0 5px 15px;
      }
      .OSSNavbar .navbar-toggler:focus{ box-shadow: none;}


    }

    /* Ipad pro */
    @media only screen and (max-width:1140px){

    }

    /* mobile */
    @media only screen and (max-width:479px){
        header{ position: relative;}
        .alljobs{ flex-wrap: wrap;}
        .jobDescAll{ width: 100%; margin-bottom: 15px;}
        .jobDescAll:last-child{ width: 100%;}
        .jobDescAll:first-child img{ width: 43px;}
        .jobHeading{ margin-bottom: 15px;}
        .tabContentBody form{ flex-wrap: wrap;}
        .tabContentBody form .dashboardForm{ width: 23%;}
        .tabContentBody form .dashboardForm:last-child{ width: 100%;}
        .tabContentBody form .dashboardForm button{ float: left; margin-top: 15px;}
        .termsBanner h1{ font-size: 28px;}
        .OSSNavbar{ padding: 15px 0; justify-content: flex-start;}
        .headerLogin ul{ margin: 0 0 10px 22px; z-index: 999;}
        .OSSNavbar ul li{ margin: 5px 0;}
        .homeBannerFlexWrap{ flex-wrap: wrap; height: auto;}
        .hireTalent{ width: 100%; margin: 0 0 15px;}
        .homeBannerWrap{ height: auto; padding: 20px 0;}
        .whyChooseJob h2 {font-size: 27px; margin: 25px 0;}
        .divider{flex-direction: column;}
        .employementBoxWrap{ flex-wrap: wrap; width: 100%;}
        .empBoxALL{ width: 100%; margin-bottom: 15px;}
        .clientsReviewWrap{ height: auto; padding: 0 0 50px;}
        .clientsHeading{ height: auto; padding: 25px 0;}
        .clientsBox{ height: 400px; padding: 50px 25px 92px;}
        .chooseJobPortalWrap{padding: 16px 0 50px;}
        .loginRegisterTabsInner ul li button{ width: 350px;}
        .loginWrap form button{ width: 100%; padding: 8px 0; font-size: 17px;}
        .loginWrap{ margin: 0 0 30px !important; padding: 30px 15px;}
        .centerHeadings{ font-size: 30px; margin-bottom: 20px !important;}
        .contactHeader{ padding: 50px 0;}
        .loginRegisterTabsInner{ margin: 0 0 30px;}
        .loginRegisterTabsInner:last-child{ margin-bottom: 0;}
        .addressInnerWrap{ margin-bottom: 15px;}
        .addressInnerWrap p, .addressInnerWrap a, .breadCrumb ul{ font-size: 17px;}
        .addressWrap{ margin: 0 0 30px; padding: 0 10px;}
        .addressInnerWrap i{ margin: 0 10px 0 0;}
        .h-450{ height: 350px;}
        .live-part ul li span {margin: 0px;font-size: 12px;}
        .bannerContent h1{ font-size: 35px;}
        .bannerContent p{ font-size: 14px; line-height: 24px;}
        .tab{ width: 100%; height: auto;}
        .tabcontent{ padding: 30px 15px; width: 100%;}
        .filterWrap{ width: 100%;}
        .OSSNavbar button:focus{ background: #68b04b; border-color: #68b04b; box-shadow: none;}
        .tab button{ width: 90%; margin: 7px 18px;}
        .tabContentBody form .dashboardForm select{
            background-position: right 2px center;background-size: 10px;padding: 0 15px 0 5px;font-size: 13px;
        }
        .footerBottom p{text-align: center;}
        .footerBottom ul{float: none;text-align: center;margin:5px 0 0px}
        .joinUsUl{margin-left: 15px !important;}
        .joinUsUl li.nav-item ul.dropdown-menu{ margin: 0;}
        .employerPointers ul li{ font-size: 15px;}
        .joinUsUl li.nav-item a.nav-link:hover::after{ width: 8px;}
        .OSSNavbar ul {
          margin: 0 !important;
          background: #67af49;
        }
        .footAddress{ margin-bottom: 15px;}
        .headerLogin{
          margin: -52px 0 0;
          position: absolute;
          right: 20px;
          top: 135px;
        }
        /*Update Media Quiry*/
        .OSSNavbar ul li a {
            color: #fff !important;
            font-weight: 400;
        }

        .checkboxcls {
            flex-direction: column;
        }

        .HeaderNav ul {
            flex-direction: column;
        }

            .HeaderNav ul li {
                padding: 17px 0px;
                width: 100%;
            }

        .job__details__conts {
            flex-direction: column;
        }

        .four__zero__four {
            height: 29vh;
        }

            .four__zero__four div {
                margin-left: 0px;
            }

            .four__zero__four h2 {
                font-size: 32px;
                line-height: 13px;
            }

            .four__zero__four h5 {
                font-size: 21px;
                line-height: 11px;
            }

            .four__zero__four a {
                padding: 12px 17px;
                font-size: 16px;
            }

    }