/*appblade.css*/
input::-ms-reveal,
      input::-ms-clear {
        display: none;
      }
.tenten {
    color: black !important;
    padding: 4px 8px !important;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #e1e1e1;
}
.form-inline .form-group {
  width: 100%;
  margin: 8px 0;
}
.modal-content {
    padding: 0 !important;
}
.panel.panel-default{
  border:none !important;
  box-shadow:none !important;
  margin:0px !important
}
label.error
{
color: red !important;
font-size: 11px;
margin-bottom: 0px;
font-weight: normal;
line-height: 12px;
}
.company a,span.job-type.full-time a,span.office-location a
{
color: #6f7484;
}
ul.nav.navbar-nav.navbar-right.login_li li
{
padding: 6px 0px;
text-align: center;
}
ul.nav.navbar-nav.navbar-right.login_li li span
{
    padding-right: 3px;
    margin-top: 2px;
    float: left;
}
ul.nav.navbar-nav.navbar-right.login_li li span img
{
margin-bottom: 10px;
float:none;
}
input.form-control.login_css::placeholder
{
padding-left: 5px;
}
form#register_form input::placeholder
{
padding-left: 5px;
}

.dropdowns
{
  position: relative;
  display: inline-block;
}

.dropdowns-contents
{
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin-top: 14px;
  height: 180px;
  overflow-y: auto;
}
.avatars
{
  position: absolute;
  left: 0;
}

a.primary-font.rqname:hover {
    color: rgb(137 197 64);
}

.dropdowns:hover .dropdowns-contents {display: block;}

.dropdowns:hover .dropbtn {background-color: #3e8e41;}
.left-br{
  display: flex !important;
}
.dropdowns-contents1 {
    position: absolute;
    background-color: #ffffff;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    left: 4px;
    margin-top: 0px;
    border-radius: 3px !important;
    list-style: none;
    width: max-content;
    top: 57px;
    min-width: 140px;
    margin: 0;
    padding: 0;
    display: none;
}
.dropdowns-contents1 li a{
  color: #35434E;
  display: flex;
  font-size: 13px;
}
.dropdowns-contents1 li i{
  color: rgb(137 197 64);
  margin-right: 10px;
  margin-top: 4px;

}
.dropdowns-contents1 li a:hover{
  color: #6f7484;

}
.show1{
  display:block;
}
svg.feather.feather-chevron-down{
  color: white;
  margin-top: 8px;
}
svg.feather.feather-settings{
  width: 12px;
  height: 12px;
  margin-right: 5px;
  margin-top: 5px;
}
/* i.fas{
  margin-top: 3px;
  margin-right: 4px;
} */

section {
  width: 100%;
  height: 100vh;
  background-color: #d1dadd;
  display: contents;
  justify-content: center;
  align-items: center;
}
section:nth-child(odd) {
  background-color: #ecf0f1;
}
h2 {
  font-size: 3rem;
}
.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.mobile-menu {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 2;
  background: rgba(2, 2, 2, 0.37);
  display: flex;
  flex-flow: column nowrap;
  transform: translateX(-100%);
  transition: transform 0.3s;
}
.mobile-menu a {
    width: 100%;
    margin: 10px 0px 0px;
    padding: 5px 15px;
    color: #3e3b3b;
    text-decoration: none;
    /* text-transform: uppercase; */
}
.mobile-menu .info_drawer{
  padding: 5px 6px;
}
/* .mobile-menu a:hover {
  box-shadow: inset 0 0 1rem rgba(0,0,0,0.7);
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
} */

.container
{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.mobile-menu_open {
  transform: translateX(0%);
  overflow-y: scroll;
    overflow-x: hidden;
  box-shadow: 0 0 2rem #35434E;
}
.mobile-menu_open+.overlay {
  visibility: visible;
  opacity: 1;
}

input.form-control.login_css::placeholder,input.form-control.right-bor::placeholder
{
  padding-left: 0px !important;
}

p.description
{
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px !important;
  line-height: 28px !important;
  font-weight: 300 !important;
}
.footer-widget h4
{
  font-family: 'Roboto', sans-serif !important;
  color: #fff;
  text-transform: uppercase;
  margin: 12px 0 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
}
ul.description li
{
  font-family: 'Roboto', sans-serif !important;
  color: #fff !important;
  line-height: 26px !important;
  margin: 3px 0 3px !important;
  /* font-weight: 500 !important; */
  font-size: 13px !important;
  list-style-type: none;

}

.footer-widget.widget-about .item ul li
{
  font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
    position: relative;
    margin-bottom: 15px;
    margin-left: 1px;
    font-size: 13px;
    display: flex !important;
    align-items: center;
    /* justify-content: center;*/
}
.footer-widget.widget-about .item ul li p
{

font-family: 'Roboto', sans-serif;
    font-size: 14px;
 
}


input.sub_email::placeholder
{
  font-size: 14px;
  padding-left: 10px !important;
}
ul.dropdowns-contents1 li
{
  display: flex;
  padding: 4px 8px !important;
  height: 30px;
  line-height: 22px;
      border-bottom: 1px solid #ddd;
  margin-left: 10px !important;
 margin-right: 10px !important;
}
ul.dropdowns-contents1 li:last-child{

  border-bottom: 0px;
}

ul.dropdowns-contents1 li:hover {
  background: #dbdbdb;
}

.dropdowns-contents1 a
 {
    padding: 0px 0px !important;
 }

li.rigt-br a
 {
  text-transform: none !important;
 }
.modal a.close-modal
 {
   top: -1.5px !important;
    right: -0.5px !important;
 }
 label#terms-error
 {
    font-size: 11px;
    margin-top: -4px !important;
    margin-left: 9px;
 }

 ul.social_icon.pull-right li
 {
    display: inline-block;
    margin-right: 24px;
    margin-top: 5px;
 }

 ul.social_icon.pull-right li svg
 {
   color:white !important;
 }

 p.pull-left.footer_p
 {
  color: #fff;
  font-size: 15px;
  line-height: 28px;
  font-weight: 900;
 }

 .social-med {
  margin-right: 5px;
 }

 .liclass
 {
    padding: 2px 8px;
    background: #e4e4e4;
    border-radius: 20px;
    margin: 2px !important;
    font-size: 13px !important;
    cursor: default;
    font-weight: 400;
 }
 .select2-selection__choice__remove
 {
  padding: 5px;
  background: #e4e4e4;
  border-radius: 5px;
  margin: 4px;
    margin-right: 7px;
 }
 .foot1 {
    font-family: 'Montserrat', sans-serif !important;
    color: #fff;
    font-size: 15px;
    line-height: 28px;
    font-weight: 900;
    text-align: left;
 }
  .foot2 {
    font-family: 'Montserrat', sans-serif !important;
    color: #fff;
    font-size: 15px;
    line-height: 0px;
    font-weight: 900;
    text-align: right;
    list-style: none;
    display: flex;
    float: right;
    margin-bottom: 0px;

  } 
   .foot2 li {
    
    margin-right: 10px;
    margin-top:5px;
 } 
@media(max-width:600px){
    

  .login-ac{
    flex-direction: column;
}

 .foot2 {
    font-family: 'Montserrat', sans-serif !important;
    color: #fff;
    font-size: 15px;
    line-height: 35px;
    font-weight: 900;
    text-align: right;
    list-style: none;
    display: flex;
     float: none;
     align-items: center;
     justify-content: center;
}  
.foot1{
  text-align: center !important;
}
 
}

.seacrhico{
  margin:9px 9px;
  color:black;
}

.popup_border
{
  border-bottom: 4px solid #ccc;
  padding-bottom: 20px;
  background: #35434E;
  border-top-right-radius: 16px;
}
.popup_logo
{
  text-align: center;

}
.popup_logo img 
{
  width: 140px;
}

  .btn.btn-lg {
    padding: 0rem 1rem;
}

@media (max-width: 767px){
  .veriotpstyle
  {
    float:right;
  }
  .btn.btn-lg {
    padding: 0rem 1rem;
}

  .accent-flat-button
{
  margin-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 4px 4px 4px 4px;
}

 .radiobtn li {
    float: left;
    width: 100% !important;
    margin-bottom: 6px;
    display: flex;
    }
}
.search_job_head{
  font-weight: 600;
    font-size: 2.5rem;
}

.opacites
{
 background: rgba(2, 2, 2, 0.37);
}
.navigation
{
  width: 67%;
   height: 100%;
   background: white;
    border-top-right-radius: 34px;
}

 .loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid rgb(137 197 64);
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }

.skill .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    width: 90% !important;
    padding: 6px 22px !important;
}
.location .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 6px 22px !important;
}
.mobildrawer{
  text-transform:capitalize;
  text-align:center;
}
.location_radius i{
  position: absolute;
    top: 36px;
    right: 10px;
}
.navbar-right .global{
    position: absolute;
    top: 7px;
    right: 4px;
}

.navbar .form-control{
 border-radius: 23px;
 height: 34px;
 margin-bottom: 0px!important;
 color: #ffffff !important;
 padding-left:10px !important;
}
.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 1px;
  border-radius: 0px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  border:none;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04AA6D;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04AA6D;
  cursor: pointer;
}
.translated-ltr{
  height: auto !important;
}

#getlocation-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
}

#getlocation:focus {
  border-color: #4d90fe;
}
.goog-te-combo
{
  width: 100%;
    height: 36px;
    border-radius: 23px;
    color: #fff;
    background: #445461;
}
.goog-te-gadget .goog-te-combo {
    margin: 1px 0 !important;
    padding-left: 10px !important;
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-bottom: 4px;
}
div.accordion.active .filter-ttl:after {
    content: "\2212";
}
div.accordion .filter-ttl:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
 .accordion:hover {
  background-color: #ececec; 
}

.panel1 {
  padding: 0 10px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.panel1 .skill_box, .location_box{
    display: inline-block;
 margin:0px !important;
    width: 100%;
}
.panel1 .form-control {
    border-radius: 3px;
    height: 34px;
    margin-bottom: 0px!important;
    color: #969292 !important;
    padding-left: 10px !important;
    background: #fff;
    border: 1px solid #d7dfea;
}
.cd-filter-block{
  display: inline !important;
}
.cd-filter-block input[type=radio]{
  opacity: 1 !important;
  top: 6px !important;
}
.radiobtn li{
  padding:5px !important;
}
.radiobtn li small {
    color: #818e94;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 2px 3px 14px !important;
    display: inline-block;
}
@media only screen and (max-width: 768px){
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
       display: block !important;
    overflow: hidden;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container .select2-selection--multiple{
  height: 65px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
    padding: 2px 4px !important;
}
.select2-container--default .select2-search--inline .select2-search__field {
    padding: 0px 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  display:flex !important;
}

}


@media screen and (max-width: 992px){
  .panel .form-control{
     margin:0px !important;
  }
}
.cd-filter-block h4 {
    position: relative;
    margin-bottom: .2em;
    padding: 10px 0 10px 0px !important;
    color: #35434e !important;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.cd-filter{
  position: fixed !important;
    background: #0000004d !important;
    width: 100% !important;
}
.cd-filter .cd-close {
    position: absolute;
    top: 0;
    right: 0px ;
    height: 50px;
    line-height: 50px;
    width: 60px;
    color: #ffffff;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 3;
}
@media only screen and (max-width: 768px){
#VarifyModal h1 {
  font-size: 1.2em;
    line-height: 0px;
    padding-top: 8px;
   }
  }
  
#VarifyModal h1 {
  font-size: 1.2em;
    line-height: 0px;
    padding-top: 8px;
}
@media only screen and (max-width: 768px){
  .modal .gnder_slct{
  margin: -2px !important;
    padding-right: 3px !important;
  } 
  .normal_password {
    position: absolute;
    right: 7px !important;
    top: 35px;
    font-size: 11px;
}
.modal #login_signup_modal label.error {
     float:left !important;
}
.nex-form-field input[type=checkbox]{
  height: 24px !important;
}
.nex-note-field{
  align-items: normal !important;
}
.adroid_mob_res{
  padding: 0px 15px !important;
  float:left !important;
}
.adroid_mob_res1{
  padding: 0px 15px !important;
  float:left !important;
}
}

.adroid_mob_res{
  padding:25px 10px 10px 10px;
}
.pst_seek{
    border: 1px solid #84be40;
    margin-right: 10px;
    color: #84be40 !important;
    line-height: 10px !important;
    margin-top: 3px;
}
.pst_seek i{
  font-size: 11px !important;
    color: white !important;
    margin-right: 6px !important;
    margin-top: 3px !important;
}
.field-icon{
    position: absolute;
    right: 11px;
    top: 85px;
    font-size: 11px ;
    }
.confrm_password{
   right: 11px;
    top: 40px;
    position: absolute;
    font-size: 11px;
}
.normal_password{
    position: absolute;
    right: 11px;
    top: 40px;
    font-size: 11px;
}
.nex-form-field {
    display: initial;
    
    padding: 3px;
    font-size: 11px;
}
.verified_popup{
       
    text-align: center;
   padding: 0px 0px 15px !important;
  }
.vrysignin{
    background: #89c540;
    color: #ffffff;
    padding: 3px 10px;
    border-radius: 4px;
    border:0px;
}
.verified_popup p{
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 400;
   margin: 5px 0px 5px;
}
.verified_popup p i{
    font-size: 15px;
    color: rgb(137 197 64);
}
#signupmail_msg  h1 {
    font-size: 1.4em;
    line-height: 8px;
    margin-top:8px;
    font-size: 14px;
  }
#search_icon h1{

    padding: 0;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    color: #000;
    margin: 0;
    line-height: 29px;
    font-weight: 600;

}
.footer-widget.footer-shortcut-link .widget-inner ul li a{
  margin-right: 15px;
}
#search_userjob h5{

    padding: 0;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    color: #000;
    margin: 0;
    line-height: 20px;
    font-weight: 600;

}
.footer-widget.footer-shortcut-link .widget-inner ul li a {
    margin-right: 15px;
    font-family: 'Roboto', sans-serif !important;
}
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {

   p.description {
    font-family: 'Raleway', sans-serif !important;
    font-size: 15px !important;
    line-height: 28px !important;
    font-weight: 300 !important;
}

.footer-widget.footer-shortcut-link .widget-inner ul li a {
    margin-right: 15px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 13px;
}
.footer-widget.widget-about .item ul li {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    color: #fff;
    line-height: 26px;
    position: relative;
    margin-bottom: 10px;
    margin-left: 1px;
    font-size: 13px;
    display: flex;
    align-items: baseline;
}
  }
.uploadcv{
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 36px;
    padding-top: 6px !important;
}
.input_box{
     border: none !important;
    border-bottom: 2px solid rgb(153 155 150) !important;
    width: 47px !important;
    margin-right: 10px !important;
    border-radius: 0px !important;
}
#VarifyModal .input_type_box{
    margin-top: 0px;
    display: flex;
    margin-left: 71px;
}
#VarifyModal.modal .form-control {
      width: auto;
}
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 6px;
    font-weight: 300;
    text-align: center;
}
nav.navbar.bootsnav ul.nav>li>a.training {
    background-color: #F66 !important;
    border: 1px solid #F66;
    font-weight: 600;
    border-radius: 5px;
}
@media screen and (max-width: 767px){
.mobile-menu__trigger {
       cursor: pointer;
    content: "";
    position: absolute;
    z-index: 3;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    top: 2.5rem;
    right: -6rem;
    background: rgb(137 197 64);
    display: flex;
    justify-content: center;
    align-items: center;
}
.mobile-menu__trigger.fa.fa-bars {
    color: #333333;
    padding: 9px;
    margin-top: -12px;
}
.gender_mob{
    width:149px !important;
}
#VarifyModal .input_type_box {
    margin-top: 5px;
    display: flex;
    margin-left: 4px;
}
.veriotpstyle1 {
    text-align: center;
}
.infbtn {
    display: flex;
    justify-content: left;
    align-items: center;
    border-top: 1px solid #e7e7f1;
    margin-top: 20px;
    flex-direction: column;
    width: 100%;
}
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
  text-decoration: blink;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease-in-out;
  -webkit-animation-direction: alternate;
}
nav.navbar.bootsnav ul.nav > li > a i.icon_header {
    font-size: 19px;
    color: #f5f5f5;
    margin-right: 0px;
    margin-top:3px;
}
nav.navbar.bootsnav ul.nav>li  p.training1 {
    /* background-color: #96d900!important; */
    border: 1px solid rgb(137 197 64);
    font-weight: 600;
    border-radius: 5px;
    padding: 5px;
    color: white;
    margin-top: 4px !important;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 13px;
}
.dropdownmenu_courses ul {
    position: absolute;
    background-color: #ffffff;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    margin-top: 0px;
    border-radius: 3px !important;
    list-style: none;
    width: max-content;
    top: 47px;
    min-width: 140px;
    margin: 0;
    padding: 0;
    /*display: none;*/
    font-size: 14px;
    text-align: left;
}
.dropdownmenu_courses ul li a {
    color: #35434E;
    display: flex;
    font-size: 13px;
 
}
.dropdownmenu_courses ul li{
   padding: 6px !important;
    height: 32px;
    line-height: 18px;
    display: flex;
 
}
.dropdownmenu_courses li:hover {
    background: #dbdbdb;
   
}
.dropdownmenu_courses ul li:hover a {
  color: #35434E;
}
.dropdownmenu_courses ul li i {
    color: #35434E;
      margin-top: 3px;
    margin-right: 4px !important;
  }
div.whats_app {
    box-sizing: border-box;
    z-index: 300;
    pointer-events: all;
    width: 50px;
    height: 50px;
}
   
span.call_button {
   font-family: sans-serif;
    font-size: 14.4px;
    color: #2d3539;
    background-color: #dddd;
    border-radius: 14px;
    width: 62%;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    box-shadow: 4.8px 4.8px 32px #000;
    box-sizing: border-box;
    position: absolute;
    top: 22px;
    right: 41px;
    font-size: 14px;
    font-weight: 400;
}
.call_button i{
    color:#23527c;
    margin-right: 5px;
}
.whatsapp_cta {
    position: fixed;
    display: flex;
    justify-content: end;
    align-items: center;
    width: 330px;
    height: 76px;
    bottom: 0;
    right: 16px;
    box-sizing: border-box;
    z-index: 100;
    pointer-events: none;
}
div:hover ~ span{
  opacity: 1;
}
.call_button_mobile{
  position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 60px; */
    /* height: 60px; */
    bottom: 30px;
    /* left: 15px; */
    box-sizing: border-box;
    z-index: 300;
    pointer-events: all;
    right: 1%;
    background: rgb(86 60 175) !important;
    border-radius: 25px;
    display: block;
    bottom: 26px;
    padding: 6px 10px;
    flex-direction: row;
    display: flex;

}
.call_button_mobile img{
   width: 35px;
    margin-right: 5px;
}
.call_button_mobile a{
  text-decoration: none !important;
}
.whats-up-btn {
  border-radius: 35px;
position: fixed;
bottom: 16%;
right: 1%;
z-index: 999;
background: #45c655;
color: #ffffff;
padding: 0.4em 0.7em !important;

}

.whats-up-icon {
font-size: 12px;
font-weight: 700;
width: 35px;
transform: rotate(262deg);
}  

.whats-new-text {
font-weight: 700;
font-size: 14px;
line-height: 21px;
margin-left: 6px;
}
.whats-up-btn:hover, .whats-up-btn:focus{
color: #ffffff;
text-decoration: none;
background: #54cf61;
}
@media (max-width: 767px) {
   div.whats_app{
    box-sizing: border-box;
    z-index: 300;
    pointer-events: all;
    width: 40px;
    height: 1px;
   }
 .whatsapp_cta {
    position: fixed;
    display: flex;
    justify-content:end;
    align-items: center;
    width: 330px;
    height: 130px;
    bottom: 0;
    right: 16px;
    box-sizing: border-box;
    z-index: 100;
    pointer-events: none;
}
   
span.call_button {
    font-family: sans-serif;
    font-size: 14.4px;
    color: #2d3539;
    background-color: #dddd;
    border-radius: 14px;
    width: 62%;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    box-shadow: 4.8px 4.8px 32px #000;
    box-sizing: border-box;
    position: absolute;
    top: 52px;
    right: 44px;
    font-size: 14px;
    font-weight: 400;
}
.call_button i{
    color:#23527c;
    margin-right: 5px;
}
.call_button_mobile{
  display: block;
 
}
}
.header_menu{
  display: flex !important;
    flex-direction: column;
    justify-content: center;
    justify-content: space-around;
    align-items: center;
    font-size:12px;
}
.social-links a {
    font-size: 14px;
    line-height: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    color: rgba(27, 47, 69, 0.5);
    margin-right: 10px;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00acee;
    color: #fff;
    border-radius: 50px;
}
.social-links a.facebook {
    background-color: #38618e;
}
.social-links a#insta {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}
.social-links a#linkedin {
    background: #0A66C2;
}
.social-links a.youtube {
    background: #FF0000;
}
.social-links a:hover{
  color:white;
}
.footer-bg {
    /* background: #35434E; */
    padding: 0 0 !important;
    background-color: #161C28;
    position: relative !important;
    bottom: 0px !important;
}
.tooltip_new {
  position: relative;
  display: inline-block;

}

.tooltip_new .tooltiptext {
    visibility: hidden;
    width: 174px;
    background-color: #ffffff;
    color: #000;
    text-align: center;
    border-radius: 24px;
    padding: 11px 11px;
    position: absolute;
    z-index: 1;
    top: 46px;
    left: 0%;
    text-align: left;
    font-size: 13px;
    border: 1px solid rgb(137 197 64);
}

.tooltip_new .tooltiptext::after {
   content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  }
.tooltip_new:hover .tooltiptext {
  visibility: visible;
}
@media (min-width: 1280px){
.container {
    max-width: 1140px !important;
}
}

.social_icon a {
    font-size: 14px;
    line-height: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    color: rgba(27, 47, 69, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00acee;
    color: #fff;
    border-radius: 50px;
}
.social_icon a.facebook {
    background-color: #38618e;
}
.social_icon a.instagram {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}
.social_icon a.linkedin {
    background: #0A66C2;
}
.social_icon a.twitter {
    background-color: #1DA1F2;
}
@media (max-width: 767px) {
#formsearch1.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}
.search_button{
    background-color: rgb(137 197 64) !important;
    border-color: rgb(137 197 64) !important;
    background-image: none;
    color: white !important;
}
}
.nexid{
    position: absolute;
    background: #ddd;
    height: 35px;
    display: flex;
    border-radius: 3px 0px 0px 3px;
    align-items: center;
    padding: 3px;
}
.search_button{
    float: right;
    margin-top: 20px;
    background: rgb(137 197 64);
    border: 0px;
    padding: 6px 14px;
    border-radius: 3px;
    color: white;
}
.modal-dialog{
     margin: 75px auto;
}
.searchjb_id {
   font-size: 15px;
    position: absolute;
    top: 6px;
    left: 8px;
    /* height: 32px; */
    /* background: #89ba16; */
    /* width: 33px; */
    margin-right: 0px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 0px 30px 30px 0px;
    color: #89ba16;
    background: none;
    border: none;
}
.site-navigation .site-menu > li > a.searchbyid{
  border-bottom: 0px;
}
.social_icon a.youtube {
    background: #FF0000;
}
.job {
    line-height: 1.5 !important;
}


#VarifyModal .otps b{
  border-bottom: 2px solid;
   padding-bottom: 5px;
}
#VarifyModal .otps{
  font-size:22px;
}

#VarifyModal .otpline {
  text-align: center;
  padding: 10px !important;
}
#Varify_Modal .otps b{
  border-bottom: 2px solid;
   padding-bottom: 5px;
}
#Varify_Modal .otps{
  font-size:22px;
}

#Varify_Modal .otpline {
  text-align: center;
  padding: 10px !important;
}
.veriotpstyle1{
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 767px){
#VarifyModal .resposive {
    margin-top: 5px;
    display: flex;
    margin-left: -8px;
}
}
.hidelist:before{
  position: absolute;
    top: -8px;
    left: 20px;
    border-bottom: 8px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
  }
.dropdowns2{
    border: 2px solid rgb(137 197 64);
    padding: 3px 5px 5px 5px;
    border-radius: 4px;
    height: 33px;
}
.lowerpopup{

    border: 0px;
    position: absolute;
    bottom: 112px;
    width: 65%;
    /* padding-bottom: 27px;*/
}
.probtn_1
{
  padding: 5px; padding-left: 15px; font-size: 21px; border: 2px solid rgb(137 197 64); border-radius: 5px; padding-right: 15px;
}
.confirmpopup{
  width:400px;
}
 .home_icon{
    font-size: 23px !important;
    color: #35434e !important;
    margin-right: 9px !important;
    margin-top: -3px !important;
    background: #f1f1f1;
    padding: 4px;
    border-radius: 4px;
}
@media (max-width: 767px) {
.modal-dialog.popaccount {
   margin:80px 17px !important;
  }
.confirmpopup{
  width:93%;
}
#Verify_otp_email_mob .input_text {
    width: 36px;
    border: none;
    border-bottom: 2px solid rgb(137 197 64);
    margin-right: 13px;
}
.popupvar{
  padding:80px 20px !important;
}

  }

  .button_new {
      /* background-color: #004A7F; */
    -webkit-border-radius: 10px;
    border-radius: 6px !important;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
    border: 2px solid rgb(137 197 64);
    margin-right: 9px;
    font-size: 16px !important;
    font-weight: 600;
}
@-webkit-keyframes glowing {
  0% { background-color: #fff; -webkit-box-shadow: 0 0 3px #fff; }
  50% { background-color: #fff; -webkit-box-shadow: 0 0 20px #fff; }
  100% { background-color: #fff; -webkit-box-shadow: 0 0 3px #fff; }
}

@-moz-keyframes glowing {
  0% { background-color: #fff; -moz-box-shadow: 0 0 3px #fff; }
  50% { background-color: #fff; -moz-box-shadow: 0 0 20px #fff; }
  100% { background-color: #fff; -moz-box-shadow: 0 0 3px #fff; }
}

@-o-keyframes glowing {
  0% { background-color: #fff; box-shadow: 0 0 3px #fff; }
  50% { background-color: #fff; box-shadow: 0 0 20px #fff; }
  100% { background-color: #fff; box-shadow: 0 0 3px #fff; }
}

@keyframes glowing {
  0% { background-color: #fff; box-shadow: 0 0 3px #fff; }
  50% { background-color: #fff; box-shadow: 0 0 20px #fff; }
  100% { background-color: #fff; box-shadow: 0 0 3px #fff; }
}


.dropdowns1{
  width:170px;
}
.dropdowns2 a:hover{
  color:white;
}
@media (max-width: 768px){
.sendverification {
    float: unset;
}
}

.py-4 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}
.px-4 {
    padding-left: 14px !important;
    padding-right: 14px !important;
}
#signup.modal .form-control{
  font-size: 12px !important;
}
@media (min-width: 768px){
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}
}
 #OtpModal .panel-body{  
   /* background: #dddddd5e;*/
    border-radius: 10px;
    padding: 0px 17px;
    margin: 10px;
  }
  #OtpModal .desription-head {
    display: flex;
     padding: 0px; 
     font-size: 14px; 
    
}
#OtpModal span{
    font-size: 12px;
    font-weight: 400;
}

#OtpModal .nex-form-field {
    display: flex;
    padding: 0;
    font-size: 11px;
}
#OtpModal.modal .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: unset !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  /*  letter-spacing: 2px;*/
}
#OtpModal.modal .nex-submit-field{
  margin-top:10px;
  margin-bottom: 10px;
}
#OtpModal.modal fieldset{
  margin-bottom: 0px;
}
/*appblade.css*/
/*landing page css*/
 .site-navigation .site-menu > li {
    display: inline-block;
}
.site-navigation .site-menu > li:first-child{
  margin-right: 20px;
}
.site-navigation .site-menu .active {
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
}
.site-navigation .site-menu > li > a {
     padding: 12px 9px !important;
    color: rgb(255 255 255);
    display: inline-block;
    text-decoration: none !important;
    font-size: 15px;
}
.site-navigation .site-menu > li > a:hover {
    color: white;
    border-bottom: 2px solid white;
}
 .site-navigation .site-menu .has-children {
    position: relative;
}
.site-navigation .site-menu .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 100%;
    position: absolute;
    text-align: left;
    border-top: 2px solid #89ba16;
    -webkit-box-shadow: 0 2px 20px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 20px -2px rgba(0, 0, 0, 0.2);
    padding: 0px 0;
    margin-top: 20px;
    margin-left: 0px;
    background: #fff;
    -webkit-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s;
}
 .site-navigation {
    position: absolute;
    left: 58%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
}
.right-cta-menu {
    position: absolute;
    right: 0%;
}
.text-right {
    text-align: right!important;
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.btn.btn-outline-white:hover {
    background: #fff;
    color: #000;
    border-width: 2px;
    line-height: 1.8;
    border: 2px solid #fff;

}

.btn.btn-outline-white {
    background: transparent;
    border-width: 2px;
    border-color: #fff;
    color: #fff;
    margin-right: 10px;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-add:before {
    content: "\e145";
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #678c11;
    border-color: #5f810f;
}

.btn.btn-primary:hover {
    background: #90c317;
    border-color: #90c317;
}

.btn-primary {
    color: #212529;
    background-color: rgb(137 197 64) !important;
    border-color: rgb(137 197 64) !important;
    background-image: none;
    color: white !important;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #7f848c;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 1.75rem;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

nav.navbar.navbar-default.navbar-fixed.white.bootsnav.on.no-full.navbar-transparent {
    background-color: #161C28;
    opacity: 1 !important;
}
.navbar-brand{
    float: left;
    height: 50px;
    padding: 1px 12px;
    font-size: 18px;
    line-height: 20px;
}
main{
  padding: 10px 0px !important;
}
.topGreyBar {
    background-color: #f2f3f8;
    height: 40px;
}
.banner{
   /*background: url(../newpage/header1.jpg) no-repeat fixed 50% center/cover;*/
    width: 100%;
    height: 359px;
    position: relative;
    margin-bottom: 0;
    background: linear-gradient(180deg,#f5f4fa,rgba(251,251,253,0));

}
.banner-caption {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 0px 110px;
}
form.form-horizontal{
  justify-content: center;
}
.search_design{
  width: 100%;
    display: flex;
    justify-content: center;
    box-shadow: 3px 3px 14px rgba(113,106,147,.2);
    border-radius: 52px;
    /*background: white;
    padding: 7px; */           
}
#skill .select2-container .select2-selection--multiple{
      border-radius: 50px 0px 0px 50px !important;
}
#location .select2-container .select2-selection--multiple{
  border-radius: 0px 50px 50px 00px !important;
}
@media only screen and (min-width: 1024px){
nav.navbar .navbar-brand img.logo {
    width: 154px;
}
}
.sski{
    height: 49px;
    background: white;
    border-radius: 50px 0px 0px 50px;
    padding: 8px 26px 8px 26px !important;
    border-right: 1px solid #ddd;
}
.sski input{
  border:none;
  font-weight: 700;
    font-size: 15px;
/*    direction: rtl;*/
}
.sski input:focus{
  border:none !important;
}
.sski input.form-control:hover, .sski input.form-control:focus{
  border:none;
}
#css_search input.form-control:hover, #css_search input.form-control:focus{
  border:none !important;

}
#css_search input{
  border:none !important;
  font-weight: 700;
    font-size: 15px;
   /* direction: rtl;*/
}
#css_search{
   background: white;
    border-radius: 00px 00px 00px 0px;
    padding: 7px 17px !important;
     height: 49px;
}
#searchjobs{
       background: rgb(137 197 64);
    padding: 2px 15px;
    border-radius: 0px 50px 50px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
#searchjobs:hover{
  background: rgb(122 175 59);
}
.searchjob_nex {
  border:none;
  background:none;
}
.searchjob_nex i{
  color:white;
 font-size: 16px !important;
 margin-top: 0px !important;
}
.location_search{
    position: absolute;
    left: 0px;
    z-index: 9;
    top: 8px;
    font-size: 17px;
    color: #666666;
}
.btn.btn-primary.search-job{
     border-radius: 0px 50px 50px 0px !important;

}
.margin-bottom-60{
    margin-bottom: 60px;
}
.bg-image.overlay-primary {
    position: relative;
}
.bg-image.fixed {
    background-attachment: fixed;
}
.bg-image {
   background:url(../newpage/hero_1.webp) no-repeat fixed 50% center/cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.py-5 {
    padding-bottom: 3rem!important;
}
.pt-5, .py-5 {
    padding-top: 3rem!important;
}
.bg-image.overlay-primary:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(137, 186, 22, 0.9);
    z-index: 0;
}
.align-items-center {
    -webkit-box-align: start;
    -ms-flex-align: center!important;
    align-items: start;
    text-align: left !important;
}
.text-white {
    color: #fff!important;
}
.btn-lg {
    padding: 0.5rem 1rem !important;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.btn-warning {
    color: #212529;
    background-color: #fff568;
    border-color: #fff568;
}
 

 .job_count{ 
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.iimg1{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #e8e9eb;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}
.iimg1 img{
    height: 30px;
    width:30px;
}
/*.companies-area{
    padding:30px;
}*/
.scan-app-img {
    background-image: url(../newpage/banner_image.png);
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    padding: 25px 0px;
}
.scan-app-img.visible {
    background-image: url(../newpage/banner_image.png);
  
}
.scan-app-section{
    background-color: #dde1e6;
}
.acan-code {
    float: right;
}

.acan-code {
    padding: 10%;
}
.acan-code h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 45px;
   font-family: Helvetica;
}
.acan-code p {
    color: #fff;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px;
}
.input-container .Sgdef {
    position: absolute;
    color: #b4b4b4;
    z-index: 1;
    font-size: 13px;
    padding: 13px 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.btn-app {
    border-radius: 50px;
     background-color: #89c540;
    border-color: #88c440;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 30px;
    margin-left: 10px;
    line-height: normal;
}
.input-container .form-search-mob {
    display: flex;
    position: relative;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    height: 45px;
    width: 60%;
    color: grey;
    font-size: 13px;
    padding: 0 10px 0 60px !important;
    background: #fff;
    border: 2px solid #dfe1e6;
    box-shadow: rgba(0,0,0,.09) 0 3px 12px;
    border-radius: 50px;
}
.input-container-mobile {
    display: none;
}
.input-container {
    display: flex;
    align-items: stretch;
}
.howitwrap {
    padding: 30px 0 30px;
   /* background: #f1f1f1d1;*/
/*    border-radius: 0px 168px 168px 0px;*/
border-top:1px solid #f1f1f1;
}
.featured_job{
     padding: 50px 0;
}
.titleTop {
    text-align: center;
    margin-bottom: 30px;
}
.titleTop .subtitle {
    font-size: 24px;
    font-weight: 600;
    color: #888;
}
.titleTop h3 {
    font-size: 48px;
    font-weight: 400;
    color: #000;
    margin-bottom: 28px !important;
}
.jobslist li .jobint:hover {
    box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
    border-color: rgb(137 197 64);
}

.jobslist li .jobint {
    background: #fff;
    padding: 15px;
    transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    min-height: 125px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-bottom: 2px solid #fff;
}
.jobslist li {
    margin-top: 30px;
    list-style-type: none;
}
.jobslist li h4 {
    margin-bottom: 5px;
}
.jobslist li .company {
    color: #212529;
    display: grid;
    width: 228px;
    justify-content: space-between;
}
.job_box .dis{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.jobslist li h4 {
    margin-bottom: 15px;
    font-size: 20px;

}
.jobslist li h4 a:hover {
    color: #263bd6;
}

.jobslist li h4 a {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
}
.jobslist li .company a {
    color: #263bd6;
}
.partTime {
    background: #f8a60c;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 0px 6px;
}
.fulltime {
/*    background: #6ACA00;*/
      color: #212529;
    font-size: 14px;
    display: inline-block;
    padding: 0px 6px;
    padding-left: 0px !important;
}
.fulltime i{
    color: #212529;
}
.jobslist li .jobloc {
       color: #212529;
    display: flex;
    justify-content: left;
    /* width: 213px; */
    align-items: center;
    margin-top: 7px;
    flex-wrap: wrap;
}
.jobloc span{
    margin-right: 10px;
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 13px;
}
.jobloc span i{
  margin-right: 5px;
}
.jobslist {
    list-style: none;
}
.freelance {
    background: #ff0000;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 0px 6px;
}

.jobslist li .applybtn {
    background: none;
    display: inline-block;
    color: rgb(137 197 64);
    font-weight: 600;
    padding: 6px 14px;
    margin-top: 10px;
    border: none;
    border-radius: 50px;
    position: absolute;
    right: 8px;
    bottom: 2px;

}

.viewallbtn button:hover {
   color: #fff;
    background: rgb(137 197 64);
    text-decoration: none;
    border: 1px solid rgb(137 197 64);
}

.viewallbtn button {
    display: inline-block;
    background:white;
    color:rgb(137 197 64);
    font-size: 18px;
    font-weight: 600;
    border: 1px solid rgb(137 197 64);
    padding: 15px 30px;
}
.viewallbtn {
    text-align: center;
    margin-top: 40px;
}
.viewbtn{
    text-align: center;
}
#har{
    text-align: center;
    padding:50px 0px;
    background: #f1f1f170;
}
#har .botm_space{
    padding-bottom: 30px;
}
.appwraper .subtitle {
    color: #fff;
}


.appwraper .titleTop h3 {
    color: #fff;
    margin-top: 10px !important;
}
.appwraper .subtitle2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #fff;
}
.appwraper p {
    color: #fff;
    line-height: 24px;
}
.appwraper .appbtn {
   margin-top: 22px;
    margin-bottom: 22px;
    margin-left: 8px;
}
.appwraper .titleTop {
    text-align: left;
    margin-bottom: 10px;
}
.videowraper {
   /* background: url(../newpage/videobg.jpg) no-repeat top;
    background-size: cover;
    background-attachment: fixed;*/
    text-align: center;
   /* padding: 50px 0px 74px;*/
}


/*contact-us css*/
.pageTitle {
    background: url(../newpage/page-title-bg.jpg) no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.pageTitle h1 {
    font-size: 40px;
    font-weight: 500;
    color: #fff;
}
.breadCrumb {
    text-align: right;
    color: #fff;
    margin-top: 0px;
}

.mt-70 {
    margin-top: 70px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}

.color-brand-2 {
    color: #3C65F5;
}

.font-md {
    font-size: 16px !important;
    line-height: 24px !important;
}
.color-text-paragraph-2 {
    color: #66789C;
}

.color-text-paragraph-2 {
    color: #66789C;
}
.font-sm {
    font-weight: 500;
    font-size: 14px !important;
    line-height: 22px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
textarea {
    border: 1px solid #E0E6F6;
    border-radius: 10px;
    height: 50px;
    box-shadow: none;
    padding: 10px 10px 10px 20px;
    font-size: 16px;
    width: 100%;
    min-height: 66px;
}
.btn-send-message {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    padding: 15px 28px 15px 60px;
    background: rgb(137 197 64) url(../newpage/icon-email.svg) no-repeat 25px 15px;
    border-radius: 4px;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.btn-send-message:hover {
    background: #89ba16 url(../newpage/icon-email.svg) no-repeat 25px 15px;
    color: #ffffff;
}
.ml-20 {
    margin-left: 8px !important;
}
.contact_box {
    border: 1px solid #f1f1f1;
    padding: 30px !important;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 1px 1px 18px 0 rgb(0 0 0 / 10%);
}
.rounded {
    border-radius: 2px !important;
}
.bg-light {
    background-color: #fafafa !important;
    border: 1px solid #f1f1f1;
    border-radius: 10px !important;
}
.p-4 {
    padding: 1.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}


.justify-content-center {
     justify-content: center !important; 
}
.d-flex_1 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
}
.border {
    border: 1px solid #dee2e6 !important;
}
.bg-white i{
margin-right: 0px !important;
margin-top: 0px !important;
}
.text-primary {
    color: #00B074 !important;
}
.signin{
    margin-right: 10px;
}
.account-area::after {
    content: '';
    border-top-left-radius: 50% 100%;
    border-top-right-radius: 50% 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 100%;
    background-color: #0f0f10;
    height: 85%;
}
.category_section h3.title-sm{
    color: #0e101a;
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-bottom: 45px;
}
.category_section .available-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.category_section .available-list li {
    /* width: 214px; */
    height: 70px;
    margin-bottom: 30px;
    background: #c3c4c14f;
    margin: 20px;
    background: #FFFFFF;
    border: 1px solid #E7E7F1;
    -webkit-box-shadow: 0px 6px 12px var(--Ev100, rgba(30,10,58,0.04));
    box-shadow: 0px 6px 12px var(--Ev100, rgba(30,10,58,0.04));
    border-radius: 10px;
    padding: 10px;
    margin-right: 10px;
  }

.category_section li {
     margin-bottom: 30px;
    border-radius: 17px;
    cursor: default;
    background-color: #fff;
    display: flex;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
   justify-content: space-between;
    max-width: 244px;
    padding: 30px;
    /* box-shadow: rgba(0,0,0,.09) 0 3px 12px; */
    /*border: 1px solid #96d900;*/
}
 .category_section .available-list li a {
    text-decoration: none;
    color: #0e101a;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    width:100%;
}
.cat_sec span{
    font-size: 16px;
    font-weight: 500;
}
 .category_section .available-list li:hover {
  box-shadow: 0px 14px 40px rgba(30,10,58,0.1);
   }
.category_section .available-list li .candi-value {
    font-size: 13px;
    color: #76787a;
    font-weight: 300;
}
.category_section {
    padding: 50px 0px;
  /* box-shadow: 1px 1px 10px #ddd;*/
}
.category_section .available-list li a i{
    font-size: 20px;
    color: #565555;
    margin-right: 14px !important;
    margin-top: 0px !important;
    background: aliceblue;
    /* padding: 10px; */
    border-radius: 50px;
    height: 40px;
    width: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cat_sec{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.available-list .ntc__chip-arrow{
      margin-left: 10px;
}
.viewbtn a {
       /* border: 1px solid #96d900; */
    padding: 8px;
    border-radius: 61px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: none;
    color: black !important;
    text-decoration: none !important;
    position: absolute;
    right: 0px;
    top: 14px;
    font-size: 15px;
    font-weight: 600;
}
/*.category_section .available-list li:hover a span{
    color:white;
}
.category_section .available-list li:hover a i{
    color:white;
}*/
.breadcrumb1 {
    display: flex;
    flex-wrap: wrap;
    padding: 9px 0px 0px;
    margin-bottom: 2rem;
    list-style: none;
    background: #f1f1f1;
}
.breadcrumb1 ul {
    padding-left: 0px;
    margin-bottom: 10px;
}
.breadcrumb1 li {
    display: inline-block;
    font: 14px Archivo, sans-serif;
    padding: 0 5px 0 0;
    color: #656464;
    vertical-align: middle;
}
.breadcrumb1 li a::after {
    content: "/";
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 5px;
}
.breadcrumb1 a{
 color: rgb(137 197 64) ;
}
.info-item i {
   font-size: 20px;
    background:rgb(137 197 64);
    color: white !important;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    margin-right: 15px !important;
    }
.info-item h4 {
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #35434e;
}
.info-item{
    margin: 31px 53px !important;
}
.flex-shrink-0 {
    flex-shrink: 0!important;
}
.info-item.d-flex p{
    font-weight: 400;
}
.section-box{
    background: url("../newpage/contact-bg.png") left top no-repeat;
    background-size: cover;
    position: relative;
}
.section-box:before {
    content: "";
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
.social-links{
    display:flex;
}
@media screen and (max-width:767px) {
    .appwraper .titleTop {
     text-align: center;
    }
  }

  @media screen and (max-width:767px) {
  .appwraper p {
    text-align: center;
    padding: 9px;
    font-size: 14px !important;
    }
  }


  @media screen and (max-width:767px) {
    .appwraper .appbtn {
     text-align: center;
    }
  }

  @media screen and (max-width:767px) {
    .margin-bottom-20 {
     margin-bottom: 0px;
     margin-top: 0px;
    }
  }
  


  @media screen and (max-width:767px) {
    .category_section .available-list li {
    width: 173px;
/*    height: 128px;*/
    margin-bottom: 5px;
    background: #c3c4c14f;
}
    .jobs-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 21px;
    }
    .category_section .available-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
     flex-wrap: wrap; 
    justify-content: center;
  }
  .cat-item2{
    margin:30px;
  }
}

  @media screen and (max-width:767px) {
    .jobslist {
        display: flex;
        margin: 8px 9px !important;
        padding: 0 !important;
        flex-direction: column;
        text-align: center;
    }
  }
 

  
  @media screen and (max-width:767px) {
    .text-white {
        text-align: center;
    }
  }


  @media screen and (max-width:767px) {
    .viewbtn a {
        text-align: center;
    }
  }
  

@media screen and (max-width:767px) {
.banner-text h1 {
    font-weight: 500 !important;
    font-size: 35px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 55px;
}
.banner-text p {
    margin-bottom: 20px;
    font-size: 13px !important;
    color: yellow;
}
.banner .scanner_phone{
    display:none;
}
.banner-caption {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 0px 20px;
}
.banner-text {
    position: absolute;
    margin-top: 0px;
    text-align: center!important;
}

.howitwrap {
    padding: 30px 0 30px;
    background: #f1f1f1d1;
    border-radius: 0px 0px 0px 0px;
}
.howitwrap {
 display: none;
}

.stepper-wrapper {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 40px;
    /* box-shadow: 0 0 30px rgba(0,0,0,0.1); */
    background: white;
    border-radius: 10px;
 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px;
    border: 1px solid #ddd;
}
.lazy-background{
     background-image: url(../images/backgroundr.webp);
}
.lazy-background.visible{
     background-image: url(../images/backgroundr.webp);
}
.responsive_button{
    text-align: center;
    margin-top: 30px;
}
.btn_signup{
    width: 200px;
}
}
  
.ribbon3 {
   /* width: 86px; */
    height: 31px;
    line-height: 24px;
    padding: 3px 6px;
    position: relative;
    /* left: -15px; */
    top: 0px;
    background: #f2f2f2;
    color: rgb(113 116 110);
    font-weight: bold;
    font-family: 'Roboto',sans-serif;
    position: absolute;
    right: 8px;
    border-radius: 0px 10px 0px 0px;
    font-size: 13px;
}
.ribbon3:before, .ribbon3:after {
    content: "";
    position: absolute;
}
.ribbon3:after {
    /* height: 0; */
    /* width: 0; */
    top: 0px;
    left: -11px;
    border-top: 16px solid #f2f2f2;
    border-bottom: 16px solid #f2f2f2;
    border-left: 12px solid transparent;
}
.nexid_1{
    background: #ffff;
    position: absolute;
   padding: 0px 0px 0px 9px;
    height: 34px;
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    align-items: center;
    color: black;
    top: -4px;
    border-radius: 50px 0px 0px 50px;
}
.nexjobid1{    
    position: absolute;
    left: 9px;
    margin-top: 5px;
    font-size: 14px;
    background: #ddd;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
}
.modal #job_id.form-control {
  padding-left: 56px !important;
  }
  .widget-inner ul.description{
    padding-left: 4px;
  }

.change::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #a3a1a1;
}
.change:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #a3a1a1;
    opacity: 1;
}
.change::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #a3a1a1;
    opacity: 1;
}
.change:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #a3a1a1;
}
 input.change::-webkit-inner-spin-button {
        display: none;
      }


      #nexid_11{
        display: none;
      }
       @media screen and (max-width:767px) {
        #nexid_1{
        display: block;
        }
        .job_box {
                padding-left: 25px !important;
                padding-top: 21px;
            }
      
       }
  
/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
   .ribbon3 {
   /* width: 86px; */
    height: 31px;
    line-height: 24px;
    padding: 3px 6px;
    position: relative;
    /* left: -15px; */
    top: 0px;
    background: #f2f2f2;
    color: rgb(113 116 110);
    font-weight: bold;
    font-family: 'Roboto',sans-serif;
    position: absolute;
    right: 8px;
    border-radius: 0px 10px 0px 0px;
    font-size: 13px;
}
.ribbon3:before, .ribbon3:after {
    content: "";
    position: absolute;
}
.ribbon3:after {
    /* height: 0; */
    /* width: 0; */
    top: 0px;
    left: -11px;
    border-top: 16px solid #f2f2f2;
    border-bottom: 15px solid #f2f2f2;
    border-left: 12px solid transparent;
} 
}
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
   .ribbon3 {
   /* width: 86px; */
    height: 31px;
    line-height: 24px;
    padding: 3px 6px;
    position: relative;
    /* left: -15px; */
    top: 0px;
    background: #f2f2f2;
    color: rgb(113 116 110);
    font-weight: bold;
    font-family: 'Roboto',sans-serif;
    position: absolute;
    right: 8px;
    border-radius: 0px 10px 0px 0px;
    font-size: 13px;
}
.ribbon3:before, .ribbon3:after {
    content: "";
    position: absolute;
}
.ribbon3:after {
    /* height: 0; */
    /* width: 0; */
    top: 0px;
    left: -11px;
    border-top: 16px solid #f2f2f2;
    border-bottom: 15px solid #f2f2f2;
    border-left: 12px solid transparent;
}

}

@media only screen and (max-width:768px){
    .align-items-center {
        display: block !important;
    }
    }

    @media only screen and (max-width:768px){
        .g-4 {
            display: block !important;
        }
        }

        
        @media only screen and (max-width:1200px){
            .category_section .available-list li {
                width: 227px;
            }
            }

            @media only screen and (max-width:1200px) {
                .videobox {
                    padding-bottom: 2pc;
                }
                }
            
                @media (max-width:1200px) and (min-width:768px) {
                    .join {
                        width: 119%;
                    }
                    }

/* about page css */
@media only screen and (max-width:768px){
    .aboutline {
        display: block !important;
    }
    }

    @media (max-width:1200px) and (min-width:768px) {
        .aboutgap {
            padding-bottom: 17px;
        }
        }

      
    
        @media (max-width:1200px) and (min-width:768px) {
            .popupvar1 {
                padding: 23px !important;
                padding-top: 132px !important;
                padding-right: 109px !important;
            }

             .mobile-menu__trigger {
                    cursor: pointer;
                    content: "";
                    position: absolute;
                    z-index: 3;
                    width: 32px;
                    height: 32px;
                    border-radius: 50%;
                    top: 14px;
                    right: -4.4rem;
                    background: rgb(137 197 64);
                    display: flex !important;
                    justify-content: center;
                    align-items: center;
                }
                nav.mobile-menu {
                display: block !important;
                 }
            .container.tab_container{
                width:unset  !important;
            }
            }
    

            @media (max-width:1200px) and (min-width:768px) {
                .category-small-box {
                 width: 21%;
                }
                }
           
                @media (max-width:1200px) and (min-width:768px) {
                    .popaccount1 {
                        margin: 141px !important;
                        margin-top: 93px !important;
                    }
                    }
               

                    @media (max-width:1200px) and (min-width:768px) {
                        .popaccount1 {
                            margin: 141px !important;
                            margin-top: 93px !important;
                        }
                        .popuptab {
                            margin: 139px !important;
                            margin-top: 99px !important;
                        }

                        .popuptabc{
                            margin: 200px !important;
                            margin-top: 99px !important;
                        }
                        .inpopuptab{
                            margin-top: 36px !important;
                            padding: 62px !important;
                        }
                        .popuptabd {
                            margin: 227px !important;
                            margin-top: 99px !important;
                        }
                    }
                        @media (max-width:1200px) and (min-width:768px) {
                            .aboutcolmR {
                                display: flex !important;
                                flex-direction: column !important;
                                padding: 84px 0px;
                                /* background: none !important;
                                border: none !important;
                             box-shadow: none !important; */
                             background: white;
                             border: 1px solid #ddd;
                             box-shadow: 18px 0 87px rgb(10 15 70 / 7%);
                                border-radius: none !important;
                                padding-left: 72px !important;
                            }
                            .aboutcolmL {
                                display: flex !important;
                                flex-direction: column !important;
                                padding: 84px 0px;
                                /* background: none !important;
                                border: none !important;
                             box-shadow: none !important; */
                             background: white;
                             border: 1px solid #ddd;
                             box-shadow: 18px 0 87px rgb(10 15 70 / 7%);
                                border-radius: none !important;
                                padding-right: 27px !important;
                            }

                            .aboutbox{
                                margin-right: 7px;
                                margin-left: 8px;
                            }
                            .third-section{
                                margin-right: 7px;
                                margin-top: 30px;
                                display: flex;
                                flex-direction: column;
                            }

                            .secnd_section{
                                margin-left: 7px;
                                display: flex;
                                flex-direction: column-reverse;
                            }
                            .forth_section{
                                margin-left: 7px;
                                display: flex;
                                flex-direction: column-reverse;
                                padding-bottom: 26px;
                            }
                        }
                            @media (max-width:1200px) and (min-width:768px) {
                                .infbtn a {
                                    padding: 9px 0px 10px 0px;
                                    background: rgb(137 197 64);
                                }
                                .apply-job-header a i{
                                    color: white;
                                }
                                .sidebar-box-thumb a {
                                     display: none;
                                }
                                .container-detail-box{
                                    margin: 0px 30px 21px -45px;
                                   width: 112%;
                                }
                            }

                            @media (max-width:1200px) and (min-width:768px) {
                                .dashboard-container .dashboard-sidebar {
                               display: none;
                            }
                        }

                        @media (max-width:1200px) and (min-width:768px) {
                            .acc-setting {
                          width: 130% !important;
                        }
                    }

                    @media (max-width:1200px) and (min-width:768px) {
                        #sticky {
                     display: none !important;
                    }
                }
                        
                
                @media (max-width:1200px) and (min-width:768px) {
                    .btn.btn-primary.search-job.high {
                height:30px !important;
                }

                .scanner_phone{
                    display: none;
                }
            }
            @media (max-width:1200px) and (min-width:768px) {
                .dashboard-container1 .dashboard-sidebar {
                    display: none;
                }
                .dashboard-container1 .dashboard-content-wrapper, .dashboard-container1 .dashboard-sidebar{
                    padding-top: 66px !important;
                }

            }

            @media (max-width:1200px) and (min-width:768px) {
            .seach_icons{
                display: unset;
                float: right;
                margin-top: 2%;
                background: rgb(137 197 64);
                border-radius: 50%;
                height: 30px;
                width: 30px;
            }
            
            #getForm{
                display: none !important;
            }
            .formforsearch.banner_search {
                background: none !important;
            }
           .navigation {
                    width: 32% !important;
                    height: 100% !important;
                    background: white !important;
                    border-top-right-radius: 34px !important;
                }
            }
           

            @media (max-width:1200px) and (min-width:768px) {
            .brand img.logo{
                width: 203px !important;
            }
        }

        @media (max-width:1200px) and (min-width:768px) {
        
        .breadcrumbs_2{
            min-height: 22vh !important;
        }
    }

    @media (max-width:1200px) and (min-width:768px) {
        .banner-text{
            
            margin-top: 147px !important;
        }

        .banner-caption{
            width: 104% !important;
            padding: 0px !important;
         }

         .banner-caption.innerbanner-catpion{
            padding-top: 95px !important;
         } 
    }

    @media (max-width:1200px) and (min-width:768px) {
        .input-group{
            display: inline !important;
        }
    }
    
    @media (max-width:1200px) and (min-width:768px) {
        .mailsearch {
            display: flex !important;
            flex-direction: column-reverse !important;
        }
        #search_box .btn {
          padding: 5px 2px !important;
        }
        #search_box #search{
            width:208px;
            margin-bottom: 20px;
        }
    }
    .para{
        color: black;
    }

    .aboutcolm1  .para p{
        font-size: 17px;
    }

    @media only screen and (max-width:768px){
        .para{
            padding: 14px;
        }
    }

    @media (max-width:1200px) and (min-width:768px) {
        .para{
            padding: 5px 16px;
        }
    }

    @media (max-width:1200px) and (min-width:768px) {
       #formsearch .iconch {
            background: white;
            position: absolute;
            z-index: 9;
            top: -5px;
            left: 1px;
            font-size: 17px;
            margin-top: 0px !important;
            height: 30px;
        }
    }


    @media (max-width:1200px) and (min-width:768px){
        .btnnn{
         left:-22px;
        }
    }

    @media (max-width:1200px) and (min-width:768px){
   
   .popline{
    height: 36px;
    border: 1px solid #e4ebf3;
    color: #000;
    width: 100%;
    margin: 0;
    font-size: 13px;
    border-radius: 3px;
    box-shadow: none;
    background: #fff;
 }   
    }



    @media (max-width:1200px) and (min-width:768px){
    .popside{
        margin-left: 27px;
    }
    }

    /*landing page css*/
    /*nexjob.in*/
    .stepper-wrapper {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    /*padding: 40px;*/
    /* box-shadow: 0 0 30px rgba(0,0,0,0.1);*/
   /* background-image: url(../images/backgroundr.webp);*/
   /* background: #f1f1f170;*/
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px;
/*    border:1px solid #ddd;*/
}


.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
  @media (max-width: 768px) {
    .stepper-item{
    font-size: 12px;
  }
}
.step-name{
    font-weight: 500;
    margin-bottom: 10px;
    color: #1f2020 !important;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    font-family :'Roboto',sans-serif;
}
.stepper-item::before {
   position: absolute;
    content: "";
    border-bottom: 2px dashed rgb(173 177 169);
    width: 100%;
    top: 124px;
    left: -51%;
    z-index: 2;
    transform: rotate(-139deg);
}

.stepper-item::after {
     position: absolute;
    content: "";
    border-bottom: 2px dashed rgb(173 177 169);
    width: 100%;
    top: 122px;
    left: 54%;
    z-index: 2;
    transform: rotate(-38deg);
}

.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    flex-direction: column;
    height: 50px;
    border-radius: 50%;
    background: rgb(199 237 152);
    margin-bottom: 6px;
    color: #4a4949;
    /* padding-left: 10px; */
    padding-top: 5px;
    text-align: center;
    line-height: normal;
}

.stepper-item.active {
  font-weight: bold;
  color:white;
}

.stepper-item.completed .step-counter {
  background-color: white;
}

.stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px dashed rgb(137 197 64);
    width: 100%;
    top: 165px;
    left: 50%;
    z-index: 3;
}
.stepper-item .step-counter span{
    padding: 1px 5px;
    border-radius: 50px;
    display: flex; 
    height: 20px;
    width: 20px;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.stepper-item:first-child::before {
  content: none;
}
.stepper-item:nth-child(2)::after {
  content: none;
}
.stepper-item:nth-child(2)::before {
  content: none;
}
.stepper-item:nth-child(4)::after{
  content: none;
}
.stepper-item:nth-child(4)::before{
  content: none;
}
.stepper-item:nth-child(6)::before{
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}
.job_provider .stepper-wrapper {
  font-family: Arial;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.job_provider .stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
  @media (max-width: 768px) {
  .job_provider  .stepper-item{
    font-size: 12px;
  }
}

.section-title h2.jobprovider_heading {
    font-weight: 600 !important;
    font-size: 30px;
    margin-bottom: 0;
    padding: 10px 0px;
    font-family: "Roboto" !important;
    border: 1px solid #ddd;
    width: 25%;
    /* text-align: center; */
    margin: auto;
    border-radius: 32px;
    color: rgb(137 197 64);
    background: #f8f8f8;
}
.job_provider .step-name{
    font-weight: 600;
    margin-bottom: 10px;
    color: black !important;
    font-size: 15px;
    text-align: center;
}
.job_provider .stepper-item::before {
   position: absolute;
    content: "";
    border-bottom: 2px dashed rgb(137 197 64);
    width: 100%;
    top: 118px;
    left: -55%;
    z-index: 2;
    transform: rotate(-147deg);

}

.job_provider .stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px dashed rgb(137 197 64);
    width: 100%;
    top: 122px;
    left: 54%;
    z-index: 2;
    transform: rotate(-33deg);
}
.job_provider .stepper-item .step-counter span{
   border: 1px solid white;
    padding: 1px 5px;
    border-radius: 50px;
    /* display: flex; */
    height: 20px;
    width: 20px;
    justify-content: center;
    text-align: center;
}
.job_provider .stepper-item .step-counter {
  position: relative;
    z-index: 5;
    display: inline-table;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    /* border-radius: 50%; */
    background: rgb(137 197 64);
    margin-bottom: 6px;
    border: 1px dashed white;
    color: #fcfdff;
    /* padding-left: 10px; */
    padding-top: 5px;
    text-align: center;
}

.job_provider .stepper-item.active {
  font-weight: bold;
  color:white;
}

.job_provider .stepper-item.completed .step-counter {
  background-color: white;
}

.job_provider .stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px dashed #ffffff;
    width: 100%;
    top: 165px;
    left: 50%;
    z-index: 3;
}

.job_provider .stepper-item:first-child::before {
  content: none;
}
.job_provider .stepper-item:nth-child(2)::after {
  content: none;
}
.job_provider .stepper-item:nth-child(2)::before {
  content: none;
}
.job_provider .stepper-item:nth-child(4)::after{
  content: none;
}
.job_provider .stepper-item:nth-child(4)::before{
  content: none;
}
.job_provider .stepper-item:nth-child(6)::before{
  content: none;
}
.job_provider .stepper-item:last-child::after {
  content: none;
}
.job_provider .stepper-item .step-counter:hover {
    border: 2px solid rgb(137 197 64);
}
.job_provider{
    padding-top: 20px;
    padding-bottom: 30px;
    background-image: url(../newpage/job_123.jpg);
    background-repeat: no-repeat;
       background-position: center center;
    background-size: 1370px 100%;
    border-radius: 20px;
}
.banner-btn1 a {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    color: #565656;
    width: 210px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-right: 8px;
    margin-left: 8px;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid rgb(137 197 64);
}
.banner-btn1 a:hover{
    background-color:  #8ac703;
}
.banner-btn a.creat1:hover{
    background-color:  #8ac703;
    color: white;
}
.banner-btn a.creat2:hover{
    background-color:  #8ac703;
    color:white;
}
.banner-btn1 {
    margin-top: 30px;
    text-align: center;
}
.step-name img{
   width:100%;
}

.jobsek{   position: absolute;
    right: 12px;
    opacity: 0.031111111;
}
.arrow_left{
    margin-left:10px;
}
.section-title h2 {
   font-weight: 600 !important;
    font-size: 27px;
    margin-bottom: 0;
    padding: 10px 0px;
    font-family: "Roboto", sans-serif !important;
    text-align: left;
  }
.companies-area {
    background-color: #f7faf7;
}
*+address, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul {
    margin-top: 0px !important;
}
.viewbtn button {
  /* border: 1px solid #96d900; */
    padding: 8px;
    border-radius: 61px;
    padding-left: 26px;
    padding-right: 26px;
    background-color: white;
    color: black !important;
    text-decoration: none !important;
    position: absolute;
    right: 0px;
    top: 17px;
    font-size: 17px;
}
.video_box1 {
    /* height: 200px; */
    /* border: 1px solid #fcfdfd; */
    border-radius: 20px;
    cursor: pointer;
    text-align: center;
    padding: 10px;
    /* margin-top: 124px; */
    /* background-color: white; */
    /* background-image: url(../newpage/background_curve.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px 44%;
    box-shadow: -1px -1px 7px #6d6464dd;
    border: 1px solid #8f8f8f;
}
.video_box1 h3 {
    font-size: 28px;
    color: #fbfbff;
    font-weight: 900 !important;
    padding-top: 10px;
}
.video_icon {
    position: absolute;
    z-index: 99;
    color: #4cce5b;
    font-size: 48px;
    left: 44%;
    top: 68%;
}

.video_box{
        height: 200px;
    border: 1px solid #4cce5b;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
}
.video_box h3{
    font-size: 28px;
    color: white;
    font-weight: 900 !important;
    padding-top: 10px;
}
.video_box p{
    color:white;
}
.video_icon1 {
        position: absolute;
    z-index: 99;
    color: white;
    font-size: 48px;
    left: 42%;
    top: 82%;
    color: rgb(137 197 64);
}

.video_box1 {
    /* height: 200px; */
    /* border: 1px solid #fcfdfd; */
    border-radius: 20px;
    cursor: pointer;
    text-align: center;
    padding: 10px;
    /* margin-top: 124px; */
    /* background-color: white; */
    /* background-image: url(../newpage/background_curve.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px 44%;
    box-shadow: -1px -1px 7px #6d6464dd;
    border: 1px solid #8f8f8f;
}

.video_box1 h3 {
    font-size: 28px;
    color: #fff;
    font-weight: 900 !important;
    padding-top: 10px;
}
.video_box1 p{
    color:#ffffff;
}
.close_video 
{
    -webkit-appearance: none;
    position: absolute;
    right: 10px;
    top: 1px;
    z-index: 1;
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 0;
    color: white;
    background: none;
    border: none;
    font-size: 22px;
}
#jobseeker_video .modal-content{
       border-radius: 0.8rem;
}
#jobseeker_video video{
      border-radius: 0.8rem;
}
#jobprovider_video .modal-content{
      border-radius: 0.8rem;
}
#jobprovider_video video{
       border-radius: 0.8rem;
}


.cat-item2 {
    display: flex;
    /* box-shadow: rgba(0,0,0,.09) 0 3px 12px; */
    transition: .5s;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: none;
}
.join{
      margin-bottom: 50px;
}
.imagescol ul li img {
  width: 160px; 
  display: flex; 
  align-items: center; 
  justify-content: center;
}

.imagescol ul li {
  display: flex;
  justify-content: center;
  align-items: center;

}
.footer-legal {
    background: #ffffff;
    padding: 15px 10px;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    border-top: 5px solid #ddd;
}
.viewbtn1 button {
    border: 1px solid rgb(137 197 64);
    padding: 8px;
    border-radius: 61px;
    padding-left: 44px;
    padding-right: 44px;
    background-color: white;
}
.modal-lg_video {
    width: 900px;
}
.modal-content {
    border-radius: 0.8rem;
}
.banner-text h1 {
   font-weight: 900 !important;
    font-size: 40px;
    color: black;
    margin-bottom: 27px;
    /* line-height: 80px; */
    padding-right: 73px;
    margin-top:42px;
}
.cat-item2:hover {
    display: flex;
    transition: .5s;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border:none;
}
.video_box1 p {
    color: #f9f9f9;
}
.widget-inner p.description{
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
    line-height: 28px !important;
    font-weight: 300 !important;
    color: #CCCCCC;
}
.inner-header-title.advance-header-title h2 span, .inner-header-title.advance-header-title p span{
  color:white;
}
    /*nexjob.in*/
    /*about*/

.font-heading {
  font-family: "Roboto", sans-serif;
  color: #000;
}



.text-black {
  color: #000 !important;
}

.text-primary {
  color: #2d71a1 !important;
}

.border-top {
  border-top: 1px solid #f2f2f2 !important;
}

.border-bottom {
  border-bottom: 1px solid #f2f2f2 !important;
}

figure figcaption {
  margin-top: 0.5rem;
  font-style: italic;
  font-size: 0.8rem;
}

section {
  overflow: hidden;
}

.section {
  padding: 35px 0;
}

.section-heading {
  font-size: 5rem;
    font-weight: 700;
    padding-bottom: 60px;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
/* .back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #2d71a1;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
} */

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #3687c1;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/* Default btn sre-tyling */




/* Feature 1 */
.feature-1 .wrap-icon {
  margin: 0 auto;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  position: relative;
  margin-bottom: 30px;
  box-shadow: 0 0px 0.9px 0 rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.feature-1 .wrap-icon.icon-1 {
  /* background: linear-gradient(-45deg, #3b87bd, #2d71a2); */
background: #F3F4F8;
}

.feature-1 .wrap-icon i {
  font-size: 40px;
  line-height: 0;
  color: #fff;
}

.feature-1 h3 {
  font-size: 23px;
}

.feature-1 p {
  color: #4d4444;
    font-size: 18px;
    padding-bottom: 31px;
}

.step {
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 40px;
  height: 160px;
}

.step .number {
  background: linear-gradient(-45deg, #89ba16, #89ba16);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  letter-spacing: 0.2rem;
  margin-bottom: 10px;
  display: block;
}

.step p:last-child {
  margin-bottom: 0px;
}

/* Review */
.review h3 {
  font-size: 20px;
}

.review p {
  line-height: 1.8;
  font-style: italic;
  color: #333333;
}

.review .stars span {
  color: #FF8803;
}

.review .stars .muted {
  color: #ccc;
}

.review .review-user img {
  width: 70px;
  margin: 0 auto;
}

/* Testimonial Carousel */
.testimonials-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.testimonials-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #2d71a1;
}

.testimonials-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2d71a1;
}

/* Pricing */
.pricing {
  padding: 50px;
  background: linear-gradient(-45deg, #1391a5, #274685);
  color: #fff;
  padding-bottom: 12rem !important;
  position: relative;
  border-radius: 4px;
  color: #000000;
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
}

.pricing h3 {
  color: #2d71a1;
}

.pricing .price-cta {
  text-decoration: none;
  position: absolute;
  bottom: 50px;
  width: 100%;
  text-align: center;
  left: 0;
}

.pricing .price-cta .price {
  display: block;
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 300;
}

.pricing .popularity {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.2rem;
  display: block;
  margin-bottom: 20px;
}

.pricing ul {
  margin-bottom: 50px;
}

.pricing ul li {
  margin-bottom: 10px;
}

.pricing .btn-white {
  background: #fff;
  border: 2px solid rgb(241, 241, 241);
  border-radius: 4px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
}

.pricing .btn-white:hover {
  color: #2d71a1;
}

.pricing.popular {
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  color: #000000;
  background: linear-gradient(-45deg, #1391a5, #274685);
  color: #fff;
  box-shadow: none;
}

.pricing.popular .popularity {
  color: #b3b3b3;
}

.pricing.popular h3 {
  color: #fff;
  background: none;
}

.pricing.popular .btn-white {
  border: 2px solid #2d71a1;
}

/* CTA Section */
.cta-section {
  background: linear-gradient(to right, rgb(39, 70, 133) 0%, rgb(61, 179, 197) 100%);
  color: #fff;
}

.cta-section h2 {
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .cta-section h2 {
    font-size: 2rem;
  }
}

.cta-section .btn {
  background: #000000;
  color: #fff;
}

.cta-section .btn i {
  margin-right: 5px;
  font-size: 24px;
  line-height: 0;
}

/* Contact Form */
.form-control {
  height: 48px;
  border-radius: 0;
  border: 1px solid #dae0e5;
}

.form-control:active,
.form-control:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #2d71a1;
}

.php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.php-email-form .error-message br+br {
  margin-top: 25px;
}

.php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}

.php-email-form textarea {
  min-height: 160px;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Blog */
.post-entry {
  margin-bottom: 60px;
}

.post-entry .post-text .post-meta {
  text-decoration: none;
  color: #ccc;
  font-size: 13px;
  display: block;
  margin-bottom: 10px;
}

.post-entry .post-text h3 {
  font-size: 20px;
  color: #000000;
}

.post-entry .post-text h3 a {
  text-decoration: none;
  color: #000000;
}

.post-entry .post-text h3 a:hover {
  text-decoration: none;
  color: #2d71a1;
}

.post-entry .post-text .readmore {
  color: #2d71a1;
}

.sidebar-box {
  margin-bottom: 30px;
  padding: 25px;
  font-size: 15px;
  width: 100%;
  float: left;
  background: #fff;
}

.sidebar-box *:last-child {
  margin-bottom: 0;
}

.sidebar-box h3 {
  font-size: 18px;
  margin-bottom: 15px;
}

.categories li,
.sidelink li {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted gray("300");
  list-style: none;
}

.categories li:last-child,
.sidelink li:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.categories li a,
.sidelink li a {
  text-decoration: none;
  display: block;
}

.categories li a span,
.sidelink li a span {
  position: absolute;
  right: 0;
  top: 0;
  color: #ccc;
}

.categories li.active a,
.sidelink li.active a {
  text-decoration: none;
  color: #000000;
  font-style: italic;
}

.comment-form-wrap {
  clear: both;
}

.comment-list {
  padding: 0;
  margin: 0;
}

.comment-list .children {
  padding: 50px 0 0 40px;
  margin: 0;
  float: left;
  width: 100%;
}

.comment-list li {
  padding: 0;
  margin: 0 0 30px 0;
  float: left;
  width: 100%;
  clear: both;
  list-style: none;
}

.comment-list li .vcard {
  width: 80px;
  float: left;
}

.comment-list li .vcard img {
  width: 50px;
  border-radius: 50%;
}

.comment-list li .comment-body {
  float: right;
  width: calc(100% - 80px);
}

.comment-list li .comment-body h3 {
  font-size: 20px;
}

.comment-list li .comment-body .meta {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.1em;
  color: #ccc;
}

.comment-list li .comment-body .reply {
  padding: 5px 10px;
  background: #e6e6e6;
  color: #000000;
  text-transform: uppercase;
  font-size: 14px;
}

.comment-list li .comment-body .reply:hover {
  color: #000000;
  background: #e3e3e3;
}

.search-form {
  background: #f7f7f7;
  padding: 10px;
}

.search-form .form-group {
  position: relative;
}

.search-form .form-group input {
  padding-right: 50px;
}

.search-form .icon {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}





@media screen and (max-width: 992px) {

  .hero-section .iphone-wrap .phone-2,
  .hero-section .iphone-wrap .phone-1 {
    position: relative;
    top: 0;
    max-width: 100%;
  }
}

.hero-section .iphone-wrap .phone-2,
.hero-section .iphone-wrap .phone-1 {
  width: 250px;
}

@media screen and (max-width: 992px) {
  .hero-section .iphone-wrap .phone-1 {
    margin-left: -150px;
  }
}

.hero-section .iphone-wrap .phone-2 {
  margin-top: 50px;
  margin-left: 100px;
  width: 250px;
}

@media screen and (max-width: 992px) {
  .hero-section .iphone-wrap .phone-2 {
    width: 250px;
    position: absolute;
    margin-top: 0px;
    margin-left: 100px;
  }
}

.breadcrumbs {
    padding: 0px 0 60px 0;
    min-height: 30vh;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}




.fa-sharp {
  color: rgb(137 197 64);
}


.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 9px 0px 0px;
  margin-bottom: 2rem;
  list-style: none;
  background: #f1f1f1;
}

.breadcrumb li {
  display: inline-block;
  font: 14px Archivo, sans-serif;
  padding: 0 5px 0 0;
  color: #656464;
  vertical-align: middle;

}
.breadcrumbs_2 {
    padding: 140px 0 60px 0 !important;
    min-height: 30vh;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    align-items: center;
}
.breadcrumbs_2:before {
    content: "";
    background-color: rgba(27, 47, 69, 0.7);
    position: absolute;
    inset: 0;
}
.breadcrumbs_2 h2 {
    font-size: 45px;
    font-weight: 500;
    color: #fff;
    z-index: 99;
}
.center-align{
  justify-content: center;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 9px 0px 0px;
    margin-bottom: 2rem;
    list-style: none;
    background: #f1f1f1;
}
.breadcrumb ul {
    padding-left: 0px;
    margin-bottom: 10px;
}
.breadcrumb li {
    display: inline-block;
    font: 14px Archivo, sans-serif;
    padding: 0 5px 0 0;
    color: #656464;
    vertical-align: middle;
}
.breadcrumb li a::after {
    content: "/";
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 5px;
}

img{
  max-width: 100%;
}
@media only screen and (min-width: 1024px){
.about p {
    font-size: 15px;
    line-height: 1.9;
    padding: 0 0px;
}
}
.aboutcolm {
  display: flex;
    flex-direction: column;
    padding: 84px 0px;
    background: white;
    border: 1px solid #ddd;
    box-shadow: 18px 0 87px rgb(10 15 70 / 7%);
    padding: 20px;
    border-radius: 10px;
    /* align-items: center; */
}

@media screen and (max-width:767px) {
  .aboutcolm {
    padding-left: 20px;
    padding-right: 18px;
  }
  .aboutcolm1{
    padding:30px !important;
  }
  .breadcrumbs_2 h2 {
    font-size: 39px;
    font-weight: 500;
    color: #fff;
    z-index: 99;
    padding: 10px;
}
.barcode-image-border{
  display: none !important;
}
}

@media screen and (max-width:767px) {
  .step {
   margin:30px;
  }
}



@media screen and (max-width:767px) {
  .about .video-box {
    padding-left: 20px;
    
  }
}








@media screen and (max-width:767px) {
  .about .video-box  {
   height: 250px;
  }
  .secnd_section {
    display: flex;
    flex-direction: column-reverse;
    margin-left: 0px !important;
    margin: 0px;
  }
.aboutcolm{
  margin-top:30px;
}
.first_section{
  margin:0px !important;
}
.third-section{
  margin:0px !important;
}
.video-box img{
    margin-top: 20px;
    margin-bottom: 30px;
    padding-left: 0px !important;
    width: 100% !important;
    height: 100% !important;
}
.forth_section{
  display: flex;
    flex-direction: column-reverse;
    margin-left: 0px !important;
    margin: 0px;
}
}


/*about us*/
:focus:not([tabindex^='-']) {
    outline: 2px dotted #333;
    outline-offset: 1px;
    outline: none !important;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background: #fff !important;
    color: #000 !important;
    border: 2px solid #fff !important;
    line-height: 1.6 !important;
}
@media (min-width: 768px){
.navbar-collapse.collapse {
    display: block!important;
    height: 45px !important;
    padding-bottom: 0;
    overflow: visible!important;
}
}
.nexjob_qrcode{
    width: 20%;
    border: 2px solid #ddd;
    padding: 7px;
    border-radius: 15px;

}
.moobile_number{
    position: absolute;
    background: white;
    left: 46px;
    font-size: 14px !important;
    top: 18px;
    font-weight: 600 !important;
    padding: 0px 10px;

}
@media screen and (max-width: 767px){
  .banner-text h1 {
       font-weight: 500 !important;
    font-size: 34px;
    color: #000;
    margin-bottom: 0px;
    padding-right: 0px;
    margin-top: 10px;
}
.moobile_number {
    position: absolute;
    background: white;
    left: 31px;
    font-size: 14px;
    top: 20px;
    font-weight: 600 !important;
    padding: 0px 10px;
  }
.viewbtn a {
    /* border: 1px solid #96d900; */
    padding: 8px;
    border-radius: 61px;
    padding-left: 26px;
    padding-right: 26px;
    background-color: none;
    color: black !important;
    text-decoration: none !important;
    position: absolute;
    right: 0px;
    bottom: -27px;
    font-size: 15px;
    font-weight: 600;
    top: unset;
}
.companies-area .viewbtn a {
    /* border: 1px solid #96d900; */
    padding: 8px;
    border-radius: 61px;
    padding-left: 26px;
    padding-right: 26px;
    background-color: none;
    color: black !important;
    text-decoration: none !important;
    position: absolute;
    right: 0px;
    top: 4px !important;
    font-size: 15px;
    font-weight: 600;
}
.video_box1:first-child{
   margin-bottom: 30px;
}
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.fulltime {
    /* background: #6ACA00; */
    color: #212529;
    font-size: 14px;
    display: inline-block;
    padding: 0px 6px;
    padding-left: 0px !important;
    text-align: left;
}
.jobloc span{
  text-align:left;
}
.company{
  text-align :left;
}
.stepper-wrapper{
  padding:11px;
}
.section-title h2 {
    font-weight: 600 !important;
    font-size: 30px;
    margin-bottom: 0;
    padding: 10px 0px;
    font-family: "Roboto" !important;
    text-align: center;
}
.jobslist li {
    margin-top: 30px;
    list-style-type: none;
    margin-bottom: 20px;
}
.img1 {
    padding: 0px !important;
    margin-bottom: 43px !important;
    margin-top: 9px;
}
.step-name {
    font-weight: 500;
    margin-bottom: 10px;
    color: #1f2020 !important;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    font-family :'Roboto',sans-serif;
}
  .img2{  
    margin-top: 23px !important;
    width: 135% !important;
    margin-left: 0px !important;
  }
  .img3{
    padding: 1px !important;
    margin-bottom: 48px !important;
    margin-top: 10px;
  }
  .img5{
    margin-bottom: 48px !important;
    padding: 0px !important;
    margin-top: 15px;
  }
  .stepname5{
        margin-top: 3px !important;
  }
  .stepname1{
    margin-top:17px !important;
  }
  
  .stepper-item .step-counter span{
    border:none;
  }
  .stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    /* border-radius: 50%; */
    background: rgb(137 197 64);
    margin-bottom: 6px;
    border: none;
    color: #fcfdff;
    /* padding-left: 10px; */
    /* padding-top: 5px; */
    text-align: center;
}
.stepper-item .step-counter span {
    padding: 1px 5px;
    border-radius: 50px;
     display: flex; 
    /* height: 20px; */
    /* width: 20px; */
    justify-content: center;
    text-align: center;
}
.stepname4{
  margin-top: 18px !important;
}

}
ul.jobslist {
  padding-left: 0px;
}
.category-small-box {
    width:250px;
}
.category-small-box {
    background-color: #f7f7f7;
    border-radius: 17px;
    margin: 20px 0 0 30px;
    padding: 20px;
    text-align: center;
    color: #777;
    transition: 0.4s;
    transform: scale(1);
    vertical-align: top;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 124px;
    overflow: hidden;
    border:1px solid rgb(137 197 64);
}
.category-small-box i {
    color: #26ae61;
}

.category-small-box i {
    font-size: 36px;
    height: 42px;
    transition: 0.4s;
    color: #505050;
    display: inline-block;
    margin-right:0px;
}

.category-small-box h4 {
    font-size: 15px;
   /* color: #666;*/
   /* transition: 0.4s;*/
    line-height: 22px;
    margin-top: 6px;
}
.resumes-list.alternative li:before, .category-small-box:hover {
    background-color: #26ae61;
}

.category-small-box:hover , .category-small-box:focus {
    background-color: rgb(137 197 64);
    color: #fff !important;
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.07);
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

.category-small-box:hover i{
    color:white;
}

.category-small-box:hover span{
/*    background-color: rgba(0,0,0,0.1);*/
    color: #fff;
}

.category-small-box span {
    font-size: 13px;
    color: rgb(137 197 64);
    border-radius: 3px;
 /*   background-color: rgba(0,0,0,0.04);*/
    text-align: center;
    margin:0 auto;
    left: auto;
    right: auto;
    transition: 0.4s;
 /*   padding: 5px 10px;*/
}
.categories-boxes-container {
    width: calc(100% + 20px);
    left: -20px;
    top: -10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.all-categories .cat-title {
    font-size: 17px;
    /*text-transform: uppercase;*/
    background: rgb(137 197 64);
    padding: 10px 20px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #ffffff;
    line-height: 24px;
}
.all-categories ul {
    box-shadow: 0px 0px 14px rgb(191 191 191 / 24%);
    padding: 15px;
    margin-bottom: 20px;
    height: 264px;
}
.all-categories ul li {
    padding: 2px 0px;
    font-size: 14px;
    line-height: 26px;
    list-style: none;
}
.all-categories ul li a {
    color: #9a9a9a;
}
.all-categories .cat-title span {
    color: #9a9a9a;
    font-size: 12px;
}
.all-categories ul li a:hover {
    color: rgb(137 197 64);
}
.info i {
    margin: 0 4px 0 0 !important;
    color: #212529 !important;
}
.discreption p, ul {
      color: #212529;
}
.discreption ul {
      color: #212529;
      padding-left: 35px;
}
.companies-area {
/*    background-color: #f7faf7;*/
    padding: 40px;
}
.pri-wrap {
    width: 59px;
    height: 70px ;
    margin: 0 auto 8px;
    display: block;
    background: url(//www.zohowebstatic.com/sites/zweb/images/zoho_general_pages/zh-newhome-sprite.png) left top no-repeat;
    background-size: 465px auto;
    background-position: -404px -10px;
}

.videowraper p {
    font-size: 18px;
    margin: 0 auto 20px;
    max-width: 770px;
    color: var(--secondary-color);
    line-height: 1.7;
    letter-spacing: -0.2px;
}
.videowraper .vid-btm {
    display: flex;
    justify-content: center;
    align-items: center;
}
.watchVid.learnMorebtn {
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    color: rgb(123 125 120);
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}
.vid-btm a::before {
    content: "";
    margin-right: 10px;
    width: 18px;
    height: 18px;
    display: inline-block;
    transition: transform .5s ease;
    vertical-align: middle;
    background: url(//www.zohowebstatic.com/sites/zweb/images/zoho_general_pages/zh-newhome-sprite.png) left top no-repeat;
    background-size: 500px auto;
    background-position: -86px -102px;
    transform: scale(1.2);
} 

.learnMorebtn{
    background: transparent;
    border: 1px solid rgb(123 125 120);
    margin-top: 15px;
    transition: background-color .3s ease;
    color: var(--highlight-color);
    padding-right: 46px;
    margin-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.companies-area.countbox{
  background-color: white;
  padding: 0px !important;
  box-shadow:1px -2px 9px 1px #ddd;
}

.timer {
  text-align: center;
  margin-left: 20px;
}
.timer_count{
  text-align: left;
  margin-left: 20px;
  font-weight: 500 !important;
  font-size: 16px;

}
.first_num{
  font-size: 35px;
 font-family: digital-7regular;
}
.barcode-image-border {
    background: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 12px;
    border: 1px solid #efedff;
    border-radius: 8px;
    width: 114px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.barcode-scanner-image {
    width: 89px;
    height: 89px;
    margin: 3px 11px 3px 11px;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    display: flex; 
}

.barcode-text {
    font-weight: 500  !important;
    font-size: 12px !important;
    line-height: 15px !important;
    color: #717B9E !important;
    margin: 0 6px !important;
    padding-bottom: 6px !important;
}
 .wdgt-input {
       background: #fff;
    border: 1px solid #E7E7F1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50px;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #121224;
    min-width: 313px;
    text-align: left;
    min-height: 52px;
    padding: 16px 17px !important;
}
.wdgt-form-btn {
    border: 0px;
    background-color: rgb(137 197 64);
    border-radius: 40px;
    margin: 10px 0px 10px 0px;
    padding: 7px 14px !important;
    color: #fff;
    margin-left: -88px;
    z-index: 1;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    cursor: pointer !important;
}
.appsection{
  display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.wdgt-form-download-app {
    margin-top: 30px;
    width: 355px;
}
.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover
{
  text-decoration: none;
}
.nexid_search_inp{
      min-width: 190px;
    border-radius: 27px !important;
    background: #fff;
    height: 36px !important;
    font-size: 13px;
    font-weight: 300;
     color: black !important; 
    padding-left: 34px !important;
    opacity: 1;
    /* opacity: 1; */
    border: none;
}

.footer-home{
    font-size: unset !important;
    color:#A6A6A6;
    font-weight:bold !important;
}
.footer-home:hover{
  color:white;
}
.skill_grid{
  justify-content: start;
    align-items: start;
    margin: 10px 0px !important;
    flex-direction: column;
}
.skill_grid ul.skills {
    margin-left: 0px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background: #F2F5F8 !important;
  color:#666666 !important;
  font-weight: 500 !important;
}
#signup.modal .country_code {
    padding: 0px 3px;
    position: absolute;
    height: 41px;
    background: #f1f1f1;
    border: none;
    border-right: 1px solid #ddd;
    border-radius: 3px 0px 0px 3px;
    font-size: 14px !important;
    font-weight: 400;
    color: #333;
    margin: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-family: 'Roboto',sans-serif;
  }
#signup.modal .country_code img {
    margin: 0px !important;
    display: unset !important;
    max-width: none;
    margin-right: 5px !important;
}
.Designation_list p {
    color: #202020;
    font-weight: 500;
    margin-bottom: 0px !important;
    padding-left: 1px;
    font-size: 13px !important;
    opacity: 0.9;
    text-transform: capitalize;
}

.discreption h4{
  color: #202020;
    padding: 18px 14px;
    margin-left: 14px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 700;
}
.banner-caption h2 span.cl-white{
  font-size: 42px !important;
    margin-top: 0;
   

}
.banner-caption h2{ margin-bottom: 36px !important;}
.login-google{
    background: none;
    border: 1px solid #dee2e6;
    width: 100%;
    padding: 8px 10px;
    height: unset;
/*    border-radius: 3px;*/
    margin-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black !important;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none !important;
     border-radius: 50px;

}
.login-google:hover{
  background: #f1f1f1;
}
.login-google img{
    margin: 0px !important;
    width: 19px !important;
    margin-right: 10px !important;
    display: unset !important;
}

.left-right-divider {
    display: flex;
    align-items: center;
    text-align: center;
}
.left-right-divider::before, .left-right-divider::after {
    height: 1px;
    width: auto;
    background-color: rgb(0 0 0 / .35);
    --tw-content: '';
    content: var(--tw-content);
    flex-grow: 1;
}
.left-right-divider .px-2 {
    padding-left: 16px;
    padding-right: 16px;
}
.size_heading a span{

    text-transform: none;
}
.info {
    margin-top: 3px !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: left;
  }
  .container{
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 767px){
.timer_count {
    text-align: left;
    margin-left: 10px;
    font-weight: 500 !important;
    font-size: 14px;
}
.howitwrap {
    display:none;
}
.first_num {
    font-size: 20px;
}
  .iimg1{
    background: none !important;
  }
  .navigation{
    width: 67%;
    height: 100%;
    background: white;
    border-top-right-radius: 34px;
    display: flex;
    justify-content: left;
    /* align-items: center; */
    flex-direction: column;
  }
  .appsection{
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .barcode-image-border{
    display: none;
  }
  .accent-flat-button{
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 16px;
    background: #e4ebf3;
    border: none;
    cursor: pointer;
    width: auto;
    color: #000;
    border: 1px solid #e4ebf3;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
  }
  .primary-flat-button{
    border-radius: 50px;
    height: 35px;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 16px;
    background: #ffffff;
    border: 1px solid rgb(137 197 64);
    cursor: pointer;
    /* width: auto; */
    color: rgb(137 197 64);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #signup .form-group.resform-grp{
       padding: 0px 8px !important; 
  }
  .tab-pane p {
    color: #707c88;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    margin-top: 6px !important;
}
.viewbtn{
  margin-top:10px;
}
.navigation a i{
  margin-right: 10px;
}
.signin-form {    display: flex;
    justify-content: left;
    flex-direction: column; padding: 0 !important; 

  }
  .input_box {
    border: none !important;
    border-bottom: 2px solid rgb(153 155 150) !important;
    width: 43px !important;
    margin-right: 7px !important;
    border-radius: 0px !important;
}
}
.signupterms1 {
    display: flex;
    align-items: center;
    justify-content: left;
    margin-top: 15px;
    font-size: 13px;
    font-weight: 500;
  }
 .signupterms1  input#terms_condition { height: 14px !important;
    width: 14px !important;
    margin: 0;
    margin-right: 10px;
  }
.search_section
 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    padding: 10px;
    border-radius: 50px;
    box-shadow: 0 25px 60px rgba(113,106,147,.2);
 }
 .search_section .form-group{
  margin-bottom: 0px;
 }
.search_section .primary-flat-button{
    height: 43px;
    margin-left: 15px;
    background: rgb(137 197 64);
    color: white;
  }
.search_icon {
    position: absolute;
    left: 29px;
    top: 23px;
    font-size: 15px;
}

.search_section .search_icon.location_icon{
      margin-left: 14px;
      left:unset !important;
}
.resume_head_sec{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.resume_heading{
    display: flex;
    align-items: center;
}
.resume_heading h4 
{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
  }

.resume_heading h4 i{
    margin-right: 5px;
  }
.cvPreview {
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top:10px;
}
.cvPreview .exten {
    vertical-align: top;
    display: inline-block;
    max-width: 595px;
    margin-bottom: 4px;
    color: #121224;
    font-weight: 700;
}
.resume_text_part{
  padding-left: 23px;
}

.cvPreview .icon-wrap {
    width: 36px;
    height: 36px;
    background: #f7f7f9;
    border-radius: 50px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
.cvPreview .right{
  display:flex;
  padding-top: 10px;
}
.input-file-container {
  position: relative;
  width: 130px;
} 
.js .input-file-trigger {
    display: block;
    padding: 5px 11px;
    background: #ffffff;
    color: rgb(137 197 64);
    font-size: 1em;
    transition: all .4s;
    cursor: pointer;
    border: 1px solid rgb(137 197 64);
    border-radius: 31px;
    width: 150
}
.js .input-file {
  position: absolute;
  top: 0; left: 0;
  width: 225px;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
}
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
  background: rgb(137 197 64);
  color: #ffffff;
}

.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 1em 0;
}
.js .file-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
}
.js .file-return:not(:empty):before {
  content: "Selected file: ";
  font-style: normal;
  font-weight: normal;
}
.upload_cv{
    margin: 30px;
    text-align: center;
    padding: 35px 0 25px;
    border: 1px dashed #979ec2;
    border-radius: 16px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.upload_res{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.error-text{
  margin-top:10px !important;
}
@media screen and (max-width: 767px){
    .placed_count{
      margin-left: -33px;
    }
    .placed_count .timer_count{
    margin-left: 0px;
    }
.mobile-menu__trigger.fa.fa-bars {
    color: #333333;
    padding: 9px;
    margin-top: -16px !important;
}
.member-img {
    display: block;
    box-shadow: none;
    border: 1px solid #d5d5d5;
    transition: .5s;
    padding-top: 9px;
    padding-bottom: 15px;
    background: white;
    border-radius: 12px;
    text-align: center;
    padding: 25px;
    width: 235px;
    margin: auto;
    margin-bottom: 10px;
}
#pagination {
    display: inline-flex !important;
    margin-left: 30px;
}
.job-description p {
    margin: 0;
    font-size: 13px;
    color: #212529;
    line-height: 20px;
}
.whats-up-btn {
    border-radius: 35px;
    position: fixed;
    bottom: 15% !important;
    right: 4%;
    z-index: 999;
    background: #45c655;
    color: #ffffff;
    padding: 0.4em 0.7em !important;
}
.playstor_sec{
  display: none !important;
}
.skill_dnt_mob{
  margin-top: -20px;
}


}


.verify_phn{
    position: absolute;
    color: #fb0d37;
    top: 40px;
    right: 34px;
    font-size: 12px;
    cursor: pointer;
}
.verify_phn:hover,.verify_phn:focus{
  color:#fb0d37;
}
.verified_num{
      position: absolute;
    right: 32px;
    top: 43px;
    color: rgb(137 197 64);
    font-size: 16px;
}
.skill_search{
    position: absolute;
    left: -7px;
    z-index: 9;
    top: 8px;
    font-size: 17px;
    color: #666666;
}
.section1{
  display: none;
}
.mobile_p{
  display: none;
}
.desktop_p{
  display: block;
}
@media screen and (max-width: 767px){
  .section1{
    display: block;
  }
  .section1{
    margin-top: 72px;
      background: #ffffff;
      /* display: flex; */
      /* flex-direction: row-reverse; */
      padding: 14px;
  }
  .tab-res{
    margin-bottom: 0px;
      display: flex;
      flex-direction: row-reverse;
      list-style: none;
  }
  .tab-res-list1{
    font-size: 17px;
      border: 1px solid #89c540;
      padding: 7px 25px;
      border-radius: 32px;
      background: #89c540;
      color: white;
  }
  .tab-res-list{
    margin-right: 10px;
      font-size: 18px;
      border-right: 1px solid #a5a3a3;
      padding-right: 10px;
      font-size: 17px;
      border: 1px solid #ddd;
      padding: 7px 25px;
      border-radius: 32px;
      color:#333;
  }
  .tab-res-list:hover{
    background-color:#f1f1f1;
  }
  .banner{
    height: 295px;
  }
  .banner-caption h2 {
    margin-bottom: 10px !important;
}
.mobile_p{
  display: block;
}
.desktop_p{
  display: none;
}
}