/* latin-ext */
@font-face {
    font-family: 'chillax_variablebold';
    src: url('../../font/herkey_brand/chillax-variable-webfont.woff2') format('woff2'),
         url('../../font/herkey_brand/chillax-variable-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Chillax-Semibold';
    src: url('../../font/herkey_brand/Chillax-Semibold.woff2') format('woff2'),
         url('../../font/herkey_brand/Chillax-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Chillax-Regular';
    src: url('../../font/herkey_brand/Chillax-Regular.woff2') format('woff2'),
         url('../../font/herkey_brand/Chillax-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.header-divider-line {
  position: absolute;
  top: 0;
  left: 300px; /* sidebar width */
  width: 6px;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);
  z-index: 1050;
}

.header_company_name {
  font-family: Poppins;
  font-size:16px;
  font-weight: 500;
  color: #fff;
}

/* Modal Outer */
#modal-contactus .modal-content {
  border-radius: 24px;
  padding: 30px 30px 20px;
  background-color: #fff;
  border: none;
  position: relative;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

/* Cross Button */
#modal-contactus .close {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  background: #D9D9D9;
  color: #000;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 24px;
  font-weight: bold;
  border: none;
  opacity: 1;
  line-height: 0.6;
}

/* Modal Heading */
#modal-contactus .modal-heading-text {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
}

/* Title Line */
#modal-contactus .modal-title-text {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #00031E;
}

/* Message Paragraph */
#modal-contactus .modal-msg-text {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #00031E;
}

/* Phone Label */
#modal-contactus .modal-title1-text {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #00031E;
}

/* Phone Input Block */
#modal-contactus .success-phone {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #ccc;
  padding: 6px 0;
}

/* Country Code Dropdown */
#modal-contactus .success-phone select {
  border: none;
  font-size: 16px;
  font-weight: 500;
  width: 80px;
  padding: 0;
  background: none;
  appearance: none;
}

/* Phone Number Input */
#modal-contactus .success-phone input.phone-input {
  border: none;
  outline: none;
  font-size: 16px;
  width: 100%;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}

/* Submit Button */
#modal-contactus #contact_action {
  background-color: #8BC34A;
  color: white;
  width: 100%;
  padding: 12px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 14px;
  border: none;
  margin-top: 24px;
  font-family: 'Poppins', sans-serif;
}

@media (max-width: 576px) {
  #modal-contactus .modal-dialog {
    margin: 1.75rem auto;
  }

  #modal-contactus .modal-content {
    padding: 20px;
  }
}

.bee-txt1{
  font-family: 'Chillax-Regular';
  color: #000000;
  font-weight: 600;
}

.bee-sub-txt1{
  font-family: 'Poppins';
  color: #000;
  font-weight: 400;
}

.styled-carousel-image {
  display: inline-block;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
  background-color: #fff; 
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.styled-carousel-image img {
  border-radius: 8px;
  display: block;
  max-width: 100%;
  height: auto;
}

.alert_view_mode {
    position: fixed;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    background-color: #BFEBBB;
    color: #155724;
    font-weight: 400;
    border-radius: 12px 12px;
    z-index: 1050;
    text-align: center;
    max-width: 55%;
    width: auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.alert-view-mode {
  position: fixed;
  top: 90px;
  left: 50%;
  width: auto;
  max-width: 55%;
  transform: translateX(-50%);
  right: 0;
  z-index: 1050;
  border-radius: 12px;
  margin: 0;
  text-align: center;
}

.alert-view-mode .alert {
  border-radius: 12px;
  margin: 0;
}

.contactus-text1{
  font-size: 30px;
  color: #000;
  font-weight: 600;
  text-align: left;
}

.contactus-text2{
  font-size: 16px;
  color: #000;
  font-family: Poppins;
  font-weight: 400;
  text-align: left;
}

.divvbg-cream{
  background-color: #F1F2ED;
  padding: 40px 40px;
  border-radius: 12px;
  margin-top: 70px;
  margin-left: 30px;
}

.star-topright{
  position: absolute;
  right: -38px;
  top: -33px;
}

.star-bottomleft{
  position: absolute;
  bottom: -38px;
  left: -8px;
}

.form-text{
  font-size: 16px;
  color: #000000;
  font-family: 'Poppins';
}

.new-background {
  background-color: #F3F2F0;
}

.card-title-text {
  font-size: 14px; 
  color: #484848; 
  font-family: Poppins;
}

#callback-footer-form #callback-footer-form-btn{
  background-color: #87C05A;
}

.loader_place{
/*  position: fixed;*/
  margin: auto;
  /*top: 45%;
  left: 55%;*/
  z-index: 1000;
}

body,h5,h6,p,span{
    font-family:'Open Sans Regular';
    color:#6F6E6E;
    margin-bottom: 1em;
}

blockquote  {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    color: #6F6E6E;
}
.selectize-control.input-skills .selectize-input {
  max-height: 37px;
  overflow-y: auto;
}

.selectize-dropdown.multiple-selectize1 .selectize-dropdown-content .create {
      display: none;
}

.bordercls {
    border-bottom: 3px dashed #94a4cb;
}

.gallery-overlay-text{
  position: absolute;
  bottom: 0;
  background-color: #000000;
  opacity: 0.68;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  border-radius: 0.25rem!important;
}

.color-92C139{
    color:#92C139 !important;
}

.color-272727{
    color:#272727 !important;
}

.color-4b4b4b{
    color:#4b4b4b;
}

.color-1d1d1d{
    color:#1d1d1d;
}

#otp-form input {
  border: 0;
  border-bottom: 2px solid #C0C0C0;
  outline: 0;
  color: #111111;
  width: 37px;
  padding: 0 5px;
  margin-right: 15px;
  text-align: center;
  font-size: 1.5em;
  will-change: border;
  transition: border .3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

#otp-form input[type=number]::-webkit-inner-spin-button,
#otp-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-appearance:textfield;
    appearance: none;
    margin: 0;
}


#otp-form input:disabled {
  background: #fff;
}

#otp-form input:last-child {
  margin-right: 0;
}

.group-signin-header-2 {
    font-family: 'Open Sans Regular';
    font-size: 24px;
    color: #272727;
}

.gallery-img-div{
  overflow: hidden;
}

.gallery-img{
  width: 300px;
  height: 300px;
}

.view_gallery_img img{
  width: 250px;
  height: 250px;
}

.gallery-delete-icon{
  top: 35px;
  border-radius: 50% !important;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    /* margin-bottom: 1em; */
    color: #6F6E6E;
}
li{
    margin-top: 0;
    margin-bottom: 1rem;
    color: #6F6E6E;
}

.disabledElement {
    pointer-events: none;
    opacity: 0.5;
    white-space:nowrap;
}

.navbar-topcompany
{
    background-color: #EBEDF2;
    box-shadow: 0px 0px 6px #00000029;
    padding: 0;
   /* min-height: 40px;*/
}
.banner-mt
{
  margin-top: 118px;
}


.fixed-top-2{ margin-top: 56px;z-index:1011;}

.grey-header
{
  height: 60px;
}

.job-margin
{
  margin-top: 112px;
}

.additional_btn {
  /*border: 2px solid black;
  color: black;*/
  background-color: white;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border-color: 2px solid #99CA3C;
  color: #99CA3C;
}

.additional_green {
  border-color: #99CA3C;
  color: #99CA3C;
}

.my-sticky-footer {
  z-index: 1000;
  text-align: left;
  background-color: #404040;
  color: #fff;
  position: sticky;
  bottom: 0;
  margin-left: 17px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #98ca3b;
}

.company-options
{
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    line-height: 18px;
    display: inline-block;  
    padding: 12px 35px;
    margin: 5px;
    word-break: break-all;
    word-wrap: break-word;
}
.custom-control-label{
    cursor: pointer;
}

.border-company{
  border:1px solid #dee2e6!important;
  padding:20px;
}

.employer-page-btn {
    width: 223px;
    height: 45px;
    font-family: 'Poppins';
    background: #99CA3B 0% 0% no-repeat padding-box;
    border-radius: 12px !important;
    opacity: 1;
}
.title_f {
  letter-spacing: 0px;
  color: #000000 !important;
  text-transform: uppercase;
  opacity: 1;
  font-weight: bold;
}
.title_f_l {
  letter-spacing: 0px;
  color: #000000 !important;
  align-items: left;
  font-size: 16px; 
  font-family: poppins; 
  font-weight: 600;
}
.title_f_12_600 {
  letter-spacing: 0px;
  color: #000000 !important;
  align-items: left;
  font-size: 12px; 
  font-family: poppins; 
  font-weight: 600;
}
.title_f_12_400 {
  letter-spacing: 0px;
  color: #000000 !important;
  align-items: left;
  font-size: 12px; 
  font-family: poppins; 
  font-weight: 400;
}
.title_f_s {
  letter-spacing: 0px;
  color: #000000 !important;
  align-items: left;
  font-size: 16px; 
  font-family: poppins; 
  font-weight: 400;
}
.texts_f_l {
  text-align: left;
  letter-spacing: 0px;
  color: #000000 !important;
  opacity: 1;
  font-size: 16px; 
  font-family: poppins; 
  font-weight: 400;
}
.news-item {
  background-color: rgba(252, 229, 241, 0.2);
  padding: 20px;
  margin: 10px;
  border-radius: 10px;
  text-align: left;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  position: relative;
}
.news-description p {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 10px;
}
.full-text {
  display: none;
}
.texts_f_s {
  text-align: left;
  letter-spacing: 0px;
  color: #000000 !important;
  opacity: 1;
  font-size: 14px; 
  font-family: poppins; 
  font-weight: 400;
}
.read-more-wrapper {
    display: block;
    margin-top: 0.5rem;
}
.texts_f {
  text-align: center;
  letter-spacing: 0px;
  color: #000000 !important;
  opacity: 1;
}
.divvbg-pink {
  background-color: #FAF7F8 !important;
}
.card-box {
  box-shadow: 0px 3px 6px #0000001A;
  border-radius: 11px;
  opacity: 1;
}
.align-box {
  justify-content: center;
}
.text-21 {
  font-size: 21px;
  padding-top: 20px;
}
.title_cp {
  font-family: 'Open Sans Regular';
  font-size: 12px;
  color: #6D6D6D;
  font-weight: bold;
}
.btn-border-black {
    background-color: transparent;
    border: 2px solid #484848;
    color:#484848;
    font-size: 18px;
    text-align: center;
    border-radius: 0;
    font-family: 'open sans semibold';
}
@media only screen and (min-width: 768px) {
  .btn_width {
    width: 50%;
  }
}
/*job success popup css*/
 .job-success-20 {
        font-size: 20px;
        color:#484848;
        font-family:'Open Sans Bold';
    }
    .job-success-14 {
        font-size: 14px;
        color:#484848;
        font-family:'Open Sans Bold';
    }
    .job-success-12 {
        font-size: 12px;
        color:#484848;
        font-family:'Open Sans Bold';
    }
/*progress percentage css start*/
.lh-30{
    line-height: 40px;
  }
  .sticky {
  position: fixed;
  top: 59px;
  width: 100%;
  z-index: 2;
}
div.mce-fullscreen {
    position: fixed;
    top: 98px !important;
    left: 89px !important;
}
.sticky + .content {
  padding-top: 180px !important;
}
.stickyblogs{
  position: sticky;
  top: 59px;
  width: 100%;
  z-index: 2;
}
.applicant_disable_class{
  color:#CACACA;
  pointer-events: none;
}
.applicant_bottom_border{
  border-bottom: 1px solid #CCCCCC;
}
.applicant_action_size{
    max-width: 120px;
  }
.applicant_shortlist_size{
  max-width: 150px;
}
.mnupip_applicant {
  line-height: 57px;
  color: #A2A3B7;
}
.head-title-12{
  font-size:12px;
  color:#7D7D7D;
}
.head-res-16{
  font-size:16px;
  color:#7D7D7D;
}
.border_profilemenu {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: #FFFFFF;
  border-bottom:  1px solid #CCCCCC;
}
.title-profile{
  font-size: 14px;
  color: #6B6B6B;
  font-family:'Open Sans Semibold'; 
}
.res-profile{
  font-size: 14px;
  color: #6B6B6B;
}
.des-profile{
  font-size: 16px;
  color: #6B6B6B;
  font-family:'Open Sans Regular'; 
}
.education-profile{
  font-size: 16px;
  color: #000000;
  font-family:'Open Sans Semibold'; 
}
.education-details{
  font-size: 16px;
  color: #000000;
}
.education-date{
  font-size: 16px;
  color: #484848;
}
.applicant-skill-button {
  padding: 10px;
  display: inline;
  width: auto;
  background-color: #f3f3f3;
  color: black;
  margin-left: 0px;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 25px;
  line-height: 50px;
}
.applicantavatar-container {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    height: 143px;
    width: 143px;
    padding: 2px;
    /* border: 1px solid #e6e6e6; */
}
.applicantavatar-container .applicantavatar {
    display: block;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 100;
    padding: 0px;
}
.applicantavatar-circle {
    top: 9px;
    left: 9px;
    width: 120px;
    height: 120px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: relative;
    position: relative;
    background-color: #F3F3F3;
}
.applicantinitials {
    position: absolute;
    top: 32px;
    right: 49px;
    font-size: 30px;
    line-height: 60px;
    color: #000;
    font-family: "Open Sans SemiBold";
    background-color: #F3F3F3;
}

.rounded-rec-button{
  width: 250px;
  height: 40px;
  display:inline-flex;
  border-radius: 25px 25px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border:solid;
  text-decoration: none;
  border-color: #e7e7e7;
  color: black;
  background-color: #fff;
  opacity: 1;
}
.hot-job-packages-button{
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: white;
  border-color: #DDDDDD;
}

.hot-job-packages-button-selected{
  height: 25px;
  width: 25px;
  border-radius: 50%;
   background-color: white;
  border: solid 1px #99CA3B !important;
  outline: solid 7px #99CA3B !important;
  outline-offset: -25px;
}
.view-more-para{
  font-family: 'Open Sans regular';
  font-size: 15px;
  color: #000000;
  text-align: center;
  line-height: 30px;
  padding-left: 100px;
  padding-right: 60px;
  font-size: 20px;
}
.job-desc-result{
  float:left;
  width:29%;
  min-height:150px;
  word-wrap:break-word;
}
.job-desc-blur-result{
  float:left;
  width:25%;
  height:150px;
  word-wrap:break-word;
  filter: blur(1px);
}
.words-dropdown{
  display: inline-block; 
  margin: 0; 
  box-shadow:5px 5px #00000029; 
  width: 250px; 
  color: black;
  padding: 5px;
  font-size: 18px;
}
.blur_ontop_signin_singnup{
  z-index:1; 
  top: 100px; 
  left: calc(100% - 680px);
  position: relative;
}
.signup_btn{
    width: 250px;
  }
#no_feminine_words{
  margin-left: 200px;
  margin-right: 5px;
  background-color: grey;
}
#no_masculine_words{
  margin-left: 10px;
  margin-right: 5px;
  background-color: grey;
}
#no_neutral_words{
  margin-left: 10px;
  margin-right:110px;
  background-color: grey;
}
#feminine_words{
  margin-left: 200px;
  margin-right: 5px;
}
#masculine_words{
  margin-left: 10px;
  margin-right: 5px;
}
#neutral_words{
  margin-left: 10px;
  margin-right:110px;
}
#job-description{
  font-size: 16px;
}
.textarea_title{
  font-size: 22px;
  background-color: #D9D9D9;
}
.result_title{
  font-size: 22px;
  background-color: #D9D9D9;
}
.about_us_title{
  font-size: 22px;
  background-color: #D9D9D9;
}
#viewMore{
  font-size: 15px;
}
.result_section{
  font-size: 16px;
}
.result_section_details{
  font-size: 16px; 
}
#job_desc_reset{
  width: 80px;
  margin: 5px;
}
#job_desc_submit{
  width: 250px;
  margin: 5px;"
}
#job_desc_publish{
  width: 250px;
  margin: 5px;
  color: #92c000;
  background-color: white;
  border-color: #92c000;
}
#carouselGenderDecoderSlides .item{
  position: relative;
  max-height: 400px;
  height: 400px;
}
.group-detail-card-gender-decoder {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 3px #00000029;
    border-radius: 3px;
    position: relative;
    /*margin-left: 2.0rem;*/
}
.contact-us-border{
width: 100%;
height: 678px;
background: #F8F8F8 0% 0% no-repeat padding-box;
opacity: 1;
}

.text-leftalign{
width: 100%;
height: 22px;
text-align: left;
font: normal normal normal 16px/22px Open Sans;
letter-spacing: 0px;
color: #000000;
}

.textarea-message{
  width: 100%;
  height: 90px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
}

.input-field{
width: 100%;
height: 45px;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #FFFFFF;
border-radius: 5px;
opacity: 1;
}

.textgrnbg-18{
    font-size: 18px;
}
.textgrnbg-20{
    font-size: 20px;
}
.trngdsg{
    border-style: solid;
    border-width: 60px 0 60px 43px;
    border-color: transparent transparent transparent #87C05A;
}
.text-34{
    font-size: 34px;
}
#parentDiv{
  background: #F8F9FB 0% 0% no-repeat padding-box;
  position: relative;
  height: 150px;
  margin-top: 150px;
}
.testimonial_height{
    min-height: 360px;
}
#carouselEmployerMainSlides .item{
    position: relative;
    max-height: 510px;
    height: 510px;
  }
  .crslimg{
    position: absolute;
    max-height: 510px;
    height: 510px;
    width: 100%;
  }
.stack_img {
  position: relative;
  bottom: 6rem;
}
@media (min-width: 360px) and (max-width: 750px){

  .contactus-text1{
    font-size: 16px;
    color: #000;
    font-weight: 600;
    text-align: left;
  }

  .contactus-text2{
    font-size: 14px;
    color: #000;
    font-family: Poppins;
    font-weight: 400;
    text-align: left;
  }

  .divvbg-cream{
    background-color: #F1F2ED;
    padding: 10px 10px;
    border-radius: 12px;
    margin: 0px;
  }

.star-topright{
  display: none;
}

.star-bottomleft{
  display: none;
}

.form-text{
  font-size: 14px;
  color: #000000;
  font-family: 'Poppins';
}

  .btn-hot-job-request{
    border: 1px solid #99CA3B;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #99CA3B;
    font-size: 10px;
  }
.quote {
  position: relative;
  font-family:'Open Sans Semibold';
  color: white;
  font-size: 60px;
}

.stack_img {
  position: relative;
  bottom: 3rem;
}


#carouselEmployerMainSlides .item{
    position: relative;
    max-height: 220px;
    height: 210px;
  }
    .crslimg{
    position: absolute;
    max-height: 210px;
    height: 200px;
    width: 100%;
  }
.testimonial_height{
    min-height: 600px;
    }
.text-34 {
    font-size: 18px;
}
#parentDiv {
    background: #F8F9FB 0% 0% no-repeat padding-box;
    position: relative;
    height: 121px;
    margin-top: 30px;
    }
.trngdsg {
    border-style: solid;
    border-width: 46px 0 46px 20px;
    border-color: transparent transparent transparent #87C05A;
    }
    .textgrnbg-18{
    font-size: 10px;
    }
    .textgrnbg-20{
        font-size: 10px;
    }
    .text-22 {
    font-size: 16px;
    color: #000000;
    }
    .text-16 {
    font-size: 14px;
    color: #000000;
    }
    .text-20 {
    font-size: 14px;
    }
    .text-18 {
    font-size: 14px;
    }

.contact-us-border{
width: 100%;
height: 678px;
background: #F8F8F8 0% 0% no-repeat padding-box;
opacity: 1;
}

.text-leftalign{
width: 100%;
height: 22px;
text-align: left;
font: normal normal normal 16px/22px Open Sans;
letter-spacing: 0px;
color: #000000;
}

.textarea-message{
  width: 100%;
  height: 90px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #FFFFFF;
  border-radius: 5px;

}

.input-field{
  width: 100%;
  height: 45px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  opacity: 1;
}
  .rounded-rec-button{
    width: 150px;
    height: 40px;
    display:inline-flex;
    border-radius: 25px 25px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border:solid;
    text-decoration: none;
    border-color: #e7e7e7;
    color: black;
    background-color: #fff;
    opacity: 1;
  }
  .view-more-para{
    font-family: 'Open Sans regular';
    font-size: 15px;
    color: #000000;
    text-align: center;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }
  .job-desc-result{
    float:left;
    width:100%;
    min-height:100px;
    word-wrap:break-word;
  }
  .job-desc-blur-result{
    float:left;
    width:100%;
    height:90px;
    word-wrap:break-word;
    filter: blur(1px);
  }
  .words-dropdown{
    display: inline-block; 
    margin: 0; 
    box-shadow:5px 5px #00000029; 
    width: 295px; 
    color: black;
    padding: 5px;
    font-size: 14px;
  }
  .blur_ontop_signin_singnup{
    z-index:1; 
    top: 200px; 
    left: 55px;
    position: relative;
  }
  .signup_btn{
    width: 225px;
  }
  #no_feminine_words{
    margin-left: 10px;
    margin-right: 5px;
    background-color: grey;
  }
  #no_masculine_words{
    margin-left: 10px;
    margin-right: 5px;
    background-color: grey;
  }
  #no_neutral_words{
    margin-left: 10px;
    margin-right:10px;
    background-color: grey;
  }
  #feminine_words{
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  #masculine_words{
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  #neutral_words{
    margin-left: 10px;
    margin-right:10px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  #job-description{
    font-size: 12px;
  }
  .textarea_title{
    font-size:14px;
    background-color: #D9D9D9;
  }
  .result_title{
    font-size: 14px;
    background-color: #D9D9D9;
  }
  .about_us_title{
    font-size: 14px;
    background-color: #D9D9D9;
  }
  #viewMore{
    font-size: 14px;
  }
  .result_section{
    font-size: 12px;
    font-weight: bold;
  }
  .result_section_details{
    font-size: 12px; 
  }
  #job_desc_reset{
    width: 65px;
    margin: 5px;
  }
  #job_desc_submit{
    width: 200px;
    margin: 5px;"
  }
  #job_desc_publish{
    width: 200px;
    margin: 5px;
    color: #92c000;
    background-color: white;
    border-color: #92c000;
  }
  #carouselGenderDecoderSlides .item{
    position: relative;
    max-height: 165px;
    height: 165px;
  }
  .group-detail-card-gender-decoder {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 3px #00000029;
    border-radius: 3px;
    position: relative;
    /*margin-left: 2.0rem;*/
  }
}
@media (min-width: 750px) and (max-width: 1024px){
  .quote {
  position: relative;
  font-family:'Open Sans Semibold';
  color: white;
  font-size: 60px;
  width: 328px;
height: 369px;
}
#testimonialsSlides{
align-items: center;
}
  .jfh-theme .owl-dots .owl-dot span{
     width:44px;
     height:6px;
     border-radius:0px;
     background-color:#D8D8D8;
   }
   #carouselEmployerMainSlides .item{
        position: relative;
        max-height: 275px;
        height: 273px;
      }
  .crslimg{
        position: absolute;
        max-height: 275px;
        height: 273px;
        width: 100%;
      }
.contact-us-border{
width: 100%;
height: 678px;
background: #F8F8F8 0% 0% no-repeat padding-box;
opacity: 1;
}

.text-leftalign{
width: 100%;
height: 22px;
text-align: left;
font: normal normal normal 16px/22px Open Sans;
letter-spacing: 0px;
color: #000000;
}

.textarea-message{
  width: 100%;
  height: 90px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
}
#parentDiv {
    background: #F8F9FB 0% 0% no-repeat padding-box;
    position: relative;
    height: 121px;
    margin-top: 30px;
    }
.input-field{
  width: 100%;
  height: 45px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  opacity: 1;
}
.testimonial_height {
    min-height: 597px;
    }
  .rounded-rec-button{
    width: 150px;
    height: 40px;
    display:inline-flex;
    border-radius: 25px 25px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border:solid;
    text-decoration: none;
    border-color: #e7e7e7;
    color: black;
    background-color: #fff;
    opacity: 1;
  }
  .view-more-para{
    font-family: 'Open Sans regular';
    font-size: 15px;
    color: #000000;
    text-align: center;
    line-height: 30px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 12px;
  }
  .job-desc-result{
    float:left;
    width:100%;
    min-height:100px;
    word-wrap:break-word;
  }
  .job-desc-blur-result{
    float:left;
    width:100%;
    height:50px;
    word-wrap:break-word;
    filter: blur(1px);
  }
  .words-dropdown{
    display: inline-block; 
    margin: 0; 
    box-shadow:5px 5px #00000029; 
    width: 100px; 
    color: black;
    padding: 5px;
    font-size: 14px;
  }
  .blur_ontop_signin_singnup{
    z-index:1; 
    top: 100px; 
    left: 230px; 
    position: relative;
  }
  .signup_btn{
    width: 200px;
  }
  #no_feminine_words{
    margin-left: 55px;
    margin-right: 5px;
    background-color: grey;
  }
  #no_masculine_words{
    margin-left: 10px;
    margin-right: 5px;
    background-color: grey;
  }
  #no_neutral_words{
    margin-left: 10px;
    margin-right: 55px;
    background-color: grey;
  }
  #feminine_words{
    margin-left: 55px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 20px; 
  }
  #masculine_words{
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  #neutral_words{
    margin-left: 10px;
    margin-right: 55px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  #job-description{
    font-size: 12px;
  }
  .textarea_title{
    font-size:16px;
    background-color: #D9D9D9;
  }
  .result_title{
    font-size: 16px;
    background-color: #D9D9D9;
  }
  .about_us_title{
    font-size: 16px;
    background-color: #D9D9D9;
  }
  #viewMore{
    font-size: 14px;
  }
  .result_section{
    font-size: 12px;
    font-weight: bold;
  }
  .result_section_details{
    font-size: 12px; 
  }
  #job_desc_reset{
    width: 65px;
    margin: 5px;
  }
  #job_desc_submit{
    width: 220px;
    margin: 5px;"
  }
  #job_desc_publish{
    width: 220px;
    margin: 5px;
    color: #92c000;
    background-color: white;
    border-color: #92c000;
  }
  #carouselGenderDecoderSlides .item{
    position: relative;
    max-height: 320px;
    height: 320px;
  }
  .group-detail-card-gender-decoder {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 3px #00000029;
    border-radius: 3px;
    position: relative;
  }
}
/**
* Function to generate procentual progress classes 
* .progress-1 1% -> p-100 100%
**/
.applicantprogress-1 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(93.6deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-2 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(97.2deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-3 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(100.8deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-4 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(104.4deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-5 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(108deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-6 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(111.6deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-7 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(115.2deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-8 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(118.8deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-9 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(122.4deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-10 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(126deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-11 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(129.6deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-12 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(133.2deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-13 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(136.8deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-14 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(140.4deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-15 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(144deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-16 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(147.6deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-17 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(151.2deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-18 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(154.8deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-19 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(158.4deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-20 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-21 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(165.6deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-22 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(169.2deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-23 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(172.8deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-24 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(176.4deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-25 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(180deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-26 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(183.6deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-27 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(187.2deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-28 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(190.8deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-29 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(194.4deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-30 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(198deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-31 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(201.6deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-32 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(205.2deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-33 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(208.8deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-34 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(212.4deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-35 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(216deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-36 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(219.6deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-37 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(223.2deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-38 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(226.8deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-39 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(230.4deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-40 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(234deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-41 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(237.6deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-42 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(241.2deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-43 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(244.8deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-44 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(248.4deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-45 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(252deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogressapplicantprogress-46 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(255.6deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogressapplicantprogress-47 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(259.2deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogressapplicantprogress-48 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(262.8deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogressapplicantprogress-49 {
  background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(266.4deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogressapplicantprogress-50 {
  background-image: linear-gradient(-90deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogressapplicantprogress-51 {
  background-image: linear-gradient(-86.4deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogressapplicantprogress-52 {
  background-image: linear-gradient(-82.8deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogressapplicantprogress-53 {
  background-image: linear-gradient(-79.2deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogressapplicantprogress-54 {
  background-image: linear-gradient(-75.6deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogressapplicantprogress-55 {
  background-image: linear-gradient(-72deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogressapplicantprogress-56 {
  background-image: linear-gradient(-68.4deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-57 {
  background-image: linear-gradient(-64.8deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-58 {
  background-image: linear-gradient(-61.2deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-59 {
  background-image: linear-gradient(-57.6deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-60 {
  background-image: linear-gradient(-54deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-61 {
  background-image: linear-gradient(-50.4deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-62 {
  background-image: linear-gradient(-46.8deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-63 {
  background-image: linear-gradient(-43.2deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-64 {
  background-image: linear-gradient(-39.6deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-65 {
  background-image: linear-gradient(-36deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-66 {
  background-image: linear-gradient(-32.4deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-67 {
  background-image: linear-gradient(-28.8deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-68 {
  background-image: linear-gradient(-25.2deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-69 {
  background-image: linear-gradient(-21.6deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-70 {
  background-image: linear-gradient(-18deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-71 {
  background-image: linear-gradient(-14.4deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-72 {
  background-image: linear-gradient(-10.8deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-73 {
  background-image: linear-gradient(-7.2deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-74 {
  background-image: linear-gradient(-3.6deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-75 {
  background-image: linear-gradient(0deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-76 {
  background-image: linear-gradient(3.6deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-77 {
  background-image: linear-gradient(7.2deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-78 {
  background-image: linear-gradient(10.8deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-79 {
  background-image: linear-gradient(14.4deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-80 {
  background-image: linear-gradient(18deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-81 {
  background-image: linear-gradient(21.6deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-82 {
  background-image: linear-gradient(25.2deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-83 {
  background-image: linear-gradient(28.8deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-84 {
  background-image: linear-gradient(32.4deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-85 {
  background-image: linear-gradient(36deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-86 {
  background-image: linear-gradient(39.6deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-87 {
  background-image: linear-gradient(43.2deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-88 {
  background-image: linear-gradient(46.8deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-89 {
  background-image: linear-gradient(50.4deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}.applicantprogress-90 {
  background-image: linear-gradient(54deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-91 {
  background-image: linear-gradient(57.6deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-92 {
  background-image: linear-gradient(61.2deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-93 {
  background-image: linear-gradient(64.8deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-94 {
  background-image: linear-gradient(68.4deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-95 {
  background-image: linear-gradient(72deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-96 {
  background-image: linear-gradient(75.6deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-97 {
  background-image: linear-gradient(79.2deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-98 {
  background-image: linear-gradient(82.8deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-99 {
  background-image: linear-gradient(86.4deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
.applicantprogress-100 {
  background-image: linear-gradient(90deg, #99CA3B 50%, transparent 50%, transparent), linear-gradient(270deg, #99CA3B 50%, #efefef 50%, #efefef);
}
/*progress percentage css end*/
h1,h2,h3,h4{
    font-family:'Open Sans Semibold';
    color:#6F6E6E;
}
.report-card-img{
    min-height: 200px;
}
.qst_filtrcss{
    font-size: 12px;
    color: #4040404;
    border-radius: 2px;
}

.listing-type-image{
    width: 20px;
    height: 23px;
    margin-left: -38px;
    margin-bottom: -106px;
}
.dashboard-type-image{
    width: 20px;
    height: 23px;
    margin-left: 41px;
    margin-top: -34px;
}
.semibold-text{
    font-family:'Open Sans Semibold'; 
}
/*marketing collaterals*/
.questcolor-2680EB{
    color: #2680EB !important;
}
.color-2680EB{
    color: #2680EB;
}
.image-listing{
    max-width: 215px;
    max-height: 120px;
}
.image-listing-dashboard{
    width: 60px;
    height: 60px;
}
.mc-delete-image {
    position: relative;
    max-height: 25px;
    padding: -2px;
    margin-left: -60px;
    margin-top: -68px;
    max-width: 25px!important;
}
.mc-img{
    width: 97px;
    height: 97px;
}

.popup-border{
   border-style:dashed;
    border-color: #99CA3B;
    cursor: pointer;
    
}
.mc-text-16 {
    font-size: 16px;
    color: #1473E6;
    font-family: 'Open Sans Semibold';
}
/*application report border*/
.appli-border{
   border: 1px solid #F7F7F7 !important;
}

/*dashboard image*/
.card-img-overlay {
  background-color: rgba(#000, 0.4);
}
.mr_card_top{
    margin-top: -130px;
}
.dashboard-report{
    font-size: 20px;
    color:#fff;
    font-family:'Open Sans Semibold';
}
.color-000000{
    color: #000000;
}
/*invite user btn*/
.invite-snding-button{
    border-radius: 2px;
    background-color: #99CA3B;
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'Open Sans Semibold';
    min-width: 100px;
}
.invite_snt_btn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #99CA3B;
    font-size: 12px;
    opacity: 1;
    color: #99CA3B;
    font-family: 'Open Sans Semibold';
    min-width: 100px;
}
.invite_moved_btn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #99CA3B;
    font-size: 12px;
    opacity: 1;
    color: #99CA3B;
    font-family: 'Open Sans Semibold';
    min-width: 100px;
}
.invite_accept_btn{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #99CA3B;
    border-radius: 2px;
    opacity: 1;
    color: #99CA3B;
    font-size: 12px;
    font-family: 'Open Sans Semibold';
     min-width: 100px;
}
.invite_decline_btn{
    border: 1px solid #D40000;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 2px;
    opacity: 1;
    font-size: 12px;
    color: #D40000;
    font-family: 'Open Sans Semibold';
    min-width: 100px;
}

/*invite userbtn end*/

/*resources page css*/
.team-carousel-item-description.active {
    display: block;
    opacity: 1;
    font-size: 16px;
    color: #000000;
}
.team-carousel-item-description {
    display: none;
    width: 100%;
    max-width: 900px;
    text-align: center;
    margin: auto;
    transition: all 2s linear;
    opacity: 0;
}
.aboutteamowl-carousel .owl-prev{
    margin-left: 160px !important;
}
.aboutteamowl-carousel .owl-next{
    margin-right: 160px !important;
}
.report_card{
    background: #99CA3B 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 10px #00000014;
    border-radius: 6px;
    opacity: 1;
    margin-top: 80px;
}
.report_dwlbtn{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    color: #99CA3B;
    font-size: 16px;
    width: 200px;
    height: 47px;
}
.report_line{
    width: 71px;
    height: 5px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

/*resources page css end */

/*delete modal css start*/
.modal-header-with-bg {
    background-color: #F8F8F8;
}
.resume-upload-modal-header {
    padding: 0.3rem 1rem;
    border-bottom: none;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.txt-14 {
    font-size: 14px;
    font-family: 'Open Sans Semibold';
}
.text-707070 {
    color: #707070 !important;
}
/*delete modal css end*/
.noborder{
    border: 0px solid;
}

.color-222222{
    color: #222222 !important;
}
a:hover {
  text-decoration: none;
}
.card-effect {
  border: 1px solid #935073;
  display: flex;
  flex-direction: column;
  height: 100%; /* Ensure card takes full height */
  min-height: 90px; /* Ensure a minimum height for cards */
  border-radius: 10px; /* Adjust the value to get the desired roundness */
  overflow: hidden;    /* Ensures the content inside the card follows the rounded shape */
}

.new-card-effect {
  width: 256px;
  padding: 12px 12px 12px 12px;
}

.inv-expires-in {
  color: #7C8DB5;
  font-weight: 400;
  margin-bottom: 8px;
}

.prgbar_bg {
  height: 6px;
  background-color: #E0DDDD;
  border-radius: 5px;
  overflow: hidden;
}

.prgbar_filled {
  background-color: #935073;
  height: 100%;
}

.inv-tile-name {
  font-weight: 500;
  margin-bottom: 0px;
}

.inv-tile-count {
  font-weight: 600;
  margin-bottom: 0px;
}

.card-header-bg {
  display: flex;
  justify-content: flex-start; /* Align items to the start horizontally */
  align-items: center; /* Vertically center the items */
  background-color: #DBF0D9;
  padding: 10px 15px; /* Adjust padding as needed */
}

.card-header-bg img {
  margin-right: 10px; /* Space between the image and the heading */
}

.card-header-bg h6 {
  margin: 0; /* Remove any default margin on the heading */
  color: #484848; /* Text color for the heading */
}

.card-body-prop {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start; /* Align content at the top */
  background-color: #f9f9f9;
  padding: 15px 15px 1px 10px;
  position: relative; /* Ensure the button can be positioned absolutely */
}

/*.card-body-prop .status-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: auto;
  padding: 0;
  min-height: 40px;
  margin-top: -10px;
}*/

.status-info span.text-12 {
    display: inline-flex;  /* Keep it inline with the h4 */
    align-items: center;   /* Vertically center the text and icon */
}

.card-body-prop h4 {
  margin: 0;
  color: #000;
  text-align: left;
}

.card-body-prop h6 {
  margin: 0;
  color: #000;
  text-align: left;
}

.card-body-prop .btn-wrapper {
  margin-top: auto; /* Ensure button stays at the bottom */
  align-self: center;
}

.card-header-bg, .card-body-prop {
    background: transparent;
}

.card.card-effect {
    overflow: hidden;
}

.card-body-prop .btn {
  align-self: center;
  margin-top: auto; /* Ensure button stays at the bottom of the card */
  text-align: center;
  border: none;           /* Remove border */
  outline: none;          /* Remove outline */
  box-shadow: none;       /* Remove box shadow (e.g., on focus) */
}

.card-body-prop .btn:hover,
.card-body-prop .btn:focus,
.card-body-prop .btn:active {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: #ddd;  /* Optional hover effect */
}

.resource_toltip{
    width: 39px;
    height: 20px;
    font-size: 9px;
    color: #FFFFFF;
    background:  #99CA3B 0% 0% no-repeat padding-box;
    border-radius: 9px;
    opacity: 1;
    font-family:'Open Sans Semibold';
    padding-top: 2px;
    padding-right: 32px;
}

.full-width-video-container{
    position:relative;
    padding-bottom:40.40%;
    height:360px;
    max-height:500px;
    overflow:hidden;
}
.full-width-video-container iframe,
.full-width-video-container object,
.full-width-video-container embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/*edit btn css*/

    .edit_imgpost{
            position: absolute;
    top: 10px;
    left: 73%;
    width: 150px;
    }

    .mrgtop_img{
        margin-top: 30px;
    }

    .shrttext-12{
        font-size: 12px;
    }


/*edit btn css end*/
/*css  for logo edit button in dashbaord start*/
.bg-white{
    background-color: #ffffff;
}
.btn-rshow button:focus{
    outline: none !important;
    box-shadow: none !important;
}
/*css  for logo edit button in dashbaord  end*/
/*firefox browser issue*/

a:focus, a:active,
button,
input[type="checkbox"], input[type="radio"],
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    outline: none !important;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #484848;
}
.dropdown-menu {  
    z-index: 1001;
}

.close{
    outline: none !important;
}
/*firefox browser issue end*/

.emp_baner_image {
    max-height: 400px;
    width: 100%;
    border: 1px solid yellow;
}
.emp_featuredbanner {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-height: 400px;
    border: 1px solid red;
}
.emp_featuredbanner .emp-banner{
    width: 100%;
    border: 1px solid green;
}
.emp-ban-mrgtop{
    margin-top: -65px;
}
.requirment_pckage td {
    color: gray;
}
.logo_image{
    border: 2px solid #00000029;
    margin-top: 11px;
    box-shadow: 0px 0px 3px #00000029;
}
.case_study_siz{
    background: #99CA3B 0% 0% no-repeat padding-box;
    opacity: 1;
    color: #FFFFFF;
    text-transform: uppercase;
    width: 115px;
    height: 24px;
    position: absolute;
    top: 17px;
    left: 10px;
}
.report_study_siz{
    background: #99CA3B 0% 0% no-repeat padding-box;
    opacity: 1;
    color: #FFFFFF;
    text-transform: uppercase;
    min-width: 200px;
    height: 24px;
    position: absolute;
    top: 17px;
    left: 10px;
    border: 1px solid #FFFFFF;
}
/*.home-page-title {
    font-size: 1.5rem;
    margin: 1.5rem 0;
}*/
.app_title {
    line-height: 2.5rem;
}
.tfsize-17{
    font-size: 17px;
}
.share-post i {
    color: #ad4599;
}


div.nav.scrollmenu {
    overflow: auto;
    white-space: nowrap;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
}
.nav.scrollmenu{
    overflow: auto;
    white-space: nowrap;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
}
.scrollmenu .nav-link.active {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #99ca3c !important;
}
.mnupip{
    line-height: 40px;
    color: #A2A3B7;
}
/* timeline_desk area css */
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #4caac6;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;

}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 10px;
}
ul.timeline > li > p:first-child {
   color:#000;
   font-size:16px;
}
 ul.timeline > li > p:last-child {
   margin: 10px;
    font-size: 15px;
 }
ul.timeline > li:before {
    content: ' ';
    background: #4caac6;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #4caac6;
    left: 26px;
    width: 8px;
    height: 8px;
    z-index: 400;
    margin-top:11px;
}

/*new home page css*/
 


.colored-line {
    height: 4px;
    width: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #99CA3B;
}

#backdrop{
  
  height: 200px;
  margin-top: -15%;
  position: absolute;
  width: 100%;
}
.imgtesti{
    width: 95px;
    height: 95px;
}
.section-testimonial .card-img-user {
    height: 80px !important;
    width: 80px !important;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -40px;
    border: 1px solid #D8D8D8;
    border-radius: 50px;
}
.card-shadow{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    opacity: 1;
}
.quote {
  position: relative;
  font-family:'Open Sans Semibold';
  color: white;
  font-size: 60px;
}
.quote-contact {
  position: relative;
  font-family:'Open Sans Semibold';
  color: white;
  font-size: 40px;
}
.fnitalic{
    font-family: 'Open Sans Italic';
}
.jfh-theme .owl-dots .owl-dot span{
     /*width:44px;*/
     height:6px;
     border-radius:0px;
     background-color:#D8D8D8;
}
 .jfh-theme .owl-dots .owl-dot.active span{
     background-color:#99CA3C;
}
 .jfh-theme .owl-nav{
    margin-top:0;
}
 .jfh-theme .owl-nav [class*=owl-]{
    background:#fff;
    color:#333;
    font-size:20px;
    padding:10px;
    text-align:center;
    margin:0;
}
 .jfh-theme .owl-nav [class*=owl-]:hover{
    background:#fff;
    color:#333;
}
 .jfh-theme .owl-prev, .jfh-theme .owl-next{
    width: 46px;
    height:46px;
    position:absolute;
    top: 50%;
    z-index:5;
    display:inline-block;
    font-size:20px;
    line-height:21px;
    margin-left:0;
    margin-right:0;
    color:#333;
    margin-top:-32px !important;
    border-radius: 50%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
}
 .jfh-theme .owl-prev{
    left: -46px;
    margin-left:-1px;
}
 .jfh-theme .owl-next{
    right: -47px;
    margin-right:1px;
}

.community-theme .owl-prev {
    left: -24px;
    margin-left: -1px;
}

 .community-jfh-theme .owl-prev{
    left: -221px;
    margin-left:-1px;
}
 .community-jf-theme .owl-next{
    right: -150px;
    margin-right:1px;
}

#carouselEmployerMainSlides .owl-dots{
    display: block;
}

.community-theme .owl-dots{
    display:  none;
}
.community-theme .owl-next{
    display:  none;
}
/**
 Addthis Share CSS
**/
.share-container{
    position:relative;
}
.share-post{
    cursor:pointer;
}
.share-holder-icons{
    margin-top:0.4rem;
}
.share-popup{
    display:none;
}
.share-popup-absolute{
    position:absolute;
    background:#FFF;
    padding:15px 8px;
    border:1px solid #d3d3d3;
    text-align:center;
    width:225px;
    left:-105px;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075);
    z-index:1071;
}
.share-popup-absolute:before{
    position:absolute;
    right:10px;
    top:-10px;
    width:0;
    height:0;
    content:'';
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #cfcfcf;
}

/*solution page css*/
.better-block{
    display: none;
}
.better-none{
    display: block;
}
.section-ipadtestimonial{
      display: none;
    }
.solutionmt{
        margin-top: -265px;
    }
.solutionmtsol{
        margin-top: 50px;
    }    

.enquire_btn1{
      width: 360px;
    height: 60px;
    background: #99CA3B 0% 0% no-repeat padding-box;
    border-radius: 35px !important;
    opacity: 1;
    padding: 18px;
    margin-left: -63px;
}    

.rounded-employercard {
      border-radius: 0.65rem !important;
}
.rounded-emp-right-header {
  border-top-right-radius: 0.65rem;
}
.rounded-emp-left-header {
  border-top-left-radius: 0.65rem;
}

.emp-align{
  padding-left: 70px;
}

.emp-align_mob{
  padding-left: 50px;
}

.enquire_mob_btn{
      width: 368px;
    height: 70px;
    background: #99CA3B 0% 0% no-repeat padding-box;
    border-radius: 35px !important;
    opacity: 1;
    padding: 14px;
}

.sucess_check-mark {
    position: absolute;
    left: 131px;
    top: 26px;
    height: 24px;
    width: 24px;
    text-align: center;
    border: 2px solid rgb(75 191 28);
    border-radius: 50%;
}

.check-mark {
    display: inline-block;
    transform: rotate(45deg);
    height: 12px;
    width: 6px;
    position: relative;
    top: -3px;
    left: 0px;
    border-bottom: 2px solid rgb(75 191 28);
    border-right: 2px solid rgb(75 191 28);
}


    .h-54{
        height: 54px;
    }
    .solutext-16{
        font-size: 16px;
    }
    .solution-better-section {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 2px solid #99CA3B;
        border-radius: 31px;
        opacity: 1;
    }
    .text-28{
        font-size: 28px;
    }
    .mrglft-50{
        margin-left: 35px;
    }
    .wdt-47{
        max-width: 47%;
    }
    .mrglftneg-60{
        margin-left: -60px;
    }
    .solution_crd{
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 6px #00000029;
        border-radius: 3px;
        opacity: 1;
    }
    .crd_bdr{
        border: 1px solid #99CA3B; 
        border-radius: 3px;
    }
    .bdr-fffff{
        border-right: 1px solid #FFFFFF;
    }
    .bg43434343{
        background-color: #434343;
    }

    .bgpurple{
        background-color: #903F6D;
    }
    .bdrEBEBEB{
        border-right: 1px solid #EBEBEB;
    }
/*Desktop and large devices media starts*/

/*Blog page css*/

.badge-category[href]:focus, .badge-category[href]:hover, .badge-category.active {
    background: #92C139;
    color: #fff;
    text-decoration: unset;
}
.badge-category {
    font-size: 12px;
    border: 1px solid #cdcdcd;
    padding: 12px 15px;
    margin: 2px;
    color: #A9A7A7;
    font-weight: normal;
}

/*blog page css*/
/*----------------------------carousel css-------------------------------------*/
.whitbg{
    background-color: white
}
.owl-dots{
  position:relative;
  text-align:center;
  margin:0;
  width:100%;
  padding:0;
}
.owl-dots-abs .owl-dots{
  position:absolute;
  bottom:0;
}
.owl-dots .owl-dot span{
  width:10px;
  height:10px;
  background:#D6D6D6;
  display:block;
  -webkit-backface-visibility:visible;
  transition:opacity .2s ease;
  border-radius:30px;
  opacity:0.5;
}
.owl-carousel .owl-item img {
    display: block;
   width: 0
    -webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-dot{
  display:inline-block;
  zoom:1;
  cursor:pointer;
  padding:5px 7px;
}
.owl-dots .owl-dot.active span{
  background:#8A5371;
  opacity:1;
}
.owl-dots .owl-dot span:hover{
  opacity:1;
}
/*-----------------------------------------------------------------*/


/*---------------------jobheader-----------------------*/

    .fixed-jobheader-section {
    position: relative;
    height: auto;
   
    }
    .fixed-jobheader {
        position: fixed;
        z-index: 2;
    }
    .jobhdrheight{
      height: 175px;
    }
    .jobfull-container {
      max-width: 1140px;
      width: 100%;
    }

    .jobs-fixed-header {
        margin: 0px;
        position: relative;
        display: table;
        table-layout: fixed;
        width: 100%;
    }

/*------------------jobheader ends--------------------------*/
    .jobscount{
        color: #2680EB;
        font-size: 16px
    }

.companytitle{
    font-size: 22px;
    color: #404040;
    font-family: Open Sans SemiBold
}
.jobbutton{
   background-color: #99CA3C;
    border: 1px solid #99CA3C;
    color: #FFF;
    font-family: 'Open Sans Bold';
    font-size: 18px;
    
    border-radius: 0px;
}
.desktopview{
    display: block;
}
.mobileview{
    display: none !important;
}
.desktop-companyprofilemenu{
    display: block;
}
/*.mobile-companyprofilemenu{
    display: none !important;
}*/
.blogimg{
    width: 280px !important;
    height: 170px !important;
    min-width:280px !important;
}
.policyimg{
    width: 60px;
    height: 60px;
    border: 2px solid #dee2e6;
    border-bottom: 4px solid #99CA3B;
    max-width: 60px;
    padding: 10px;
}
.companylist_para{
    font-size: 18px;
    font-family: 'Open Sans Semibold';
    color: #6F6E6E;
    padding-bottom: 10px;
}
.seemore {
        color:#2680EB !important;
        cursor: pointer;
        font-size: 16px;
        font-family:'Open Sans Regular';
    }
.testimonila-img{
    width: 64px !important;
    height:64px;
    border-radius: 50%;
    max-width:64px !important;

}
.noboarder{
    border: 0px solid #dee2e6;
    border-radius: 0px;
}
.test{
        margin-top: 56px;
        /*margin-left: -28px;*/
        background-color: #404040;
    }
tr.border_bottom td {
  border-bottom:1pt solid black;
}

.sm_img{
    width: 100px;
    height: 100px;
}
 .cp-edit-blogs{
   position: relative;
   width: 30px;
   height: 30px;
   padding: 4px;
   margin-left: 0px;
   margin-top: -200px; 
   }
   .blg-btn{
   font-size: 11px;
   color: #99CA3B;
   background-color: #fff;
   border: 2px solid #99CA3B;
   border-radius: 3px;
   opacity: 1;
   }
   .cp-edit-events{
   
   width: 30px!important!;
   height: 30px;
   padding: 4px;
   min-width: 30px!important!;
   }
   .blg-btn{
   font-size: 11px;
   color: #99CA3B;
   background-color: #fff;
   border: 2px solid #99CA3B;
   border-radius: 3px;
   opacity: 1;
   }
   .vevent-img{
   width: 100px !important;
   height: 100px;
   border-top-left-radius: calc(.25rem - 1px);
   border-top-right-radius: calc(.25rem - 1px);
   margin-top: -88px;
   }
   .event-shadow{
   box-shadow: 0px 0px 6px #00000029;
   }
#allfollowersList .pagination .page-links{
    display: inline-block;
    font-size: 1.2rem;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 2px;
    text-align: center;
}
.flx_div{
    display: flex;
}
.emp-desk-comp-logo{
    width: 100px;
    height: 100px;
}    

.follower-star-icon{
    display:inline-block;
    background:url(../../images/employer/Starred_Unstarred.png) no-repeat;
    width:18px;
    height:18px;
}
.featured{
    background-position:-14px -15px;
    width:32px;
    height:32px;
    background-color:transparent;
    top:-2px;
    position:relative;
    overflow:hidden;
    zoom:0.7;
    -moz-transform:scale(0.7);
    -moz-transform-origin:0 0;
}
.boost-btn{
  background: #87C05A;
  border-radius: 4px;
  opacity: 1;
  color: #ffffff;
  font-size: 12px;
}

.boosted-btn{
  background: rgba(135, 192, 90, 0.15);
  border-radius: 4px;
  color:#87C05A;
  font-size: 12px;
}

.font-935073, .font-935073:hover{
  color: #935073;
}

.font-87C05A, .font-87C05A:hover{
  color: #87C05A;
}
.font-ED4646, .font-ED4646:hover{
  color: #ED4646;
}
.boosted{
    background-position:-48px -15px;
    width:32px;
    height:32px;
    background-color:transparent;
    top:-2px;
    position:relative;
    overflow:hidden;
    zoom:0.7;
    -moz-transform:scale(0.7);
    -moz-transform-origin:0 0;
}
.boosted-container{
    font-size:14px;
    color:#a5a5a5;
    height:20px;
    display:inline-block;
    line-height:normal;
    position:relative;
    top:-2px;
}
.strpdng{
    padding-bottom: 9px;
}
.starred-icon{
    background-position:0px 0px;   
}
.unstarred-icon{
    /*background-position:-18px 0px; */ 
    background-position:-30px 0px;
}
.dash_btn-white {
    background-color: white;
    font-size: 12px;
    font-family: Open Sans SemiBold;
    border: 1px solid #707070;
    border-radius: 0px;
    color: #707070;
}
.btn_707070{
  background-color: white;
  border: 2px solid #707070;
  color: #707070;
}
.job-button{
    border-radius: 5px;
    background-color: #87C05A;
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'Open Sans Semibold';
}
.semibold {
    font-family: 'Open Sans Semibold';
}
.whitesmoke{
    background-color:whitesmoke;
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.border {
    border: 1px solid #dee2e6!important;
}
.pointer {
    cursor: pointer;
}
.margin-top-flash {
    margin-top:80px;
}
.margin_top_browse{
    margin-top: 30px;
}
.session-flash-container{
    position:relative;
    z-index:1011;
    margin:auto;
    left:0;
    right:0;
}
.session-fixed-flash-container{
    position:fixed;
    z-index:1011;
    margin:auto;
    left:0;
    right:0;
}
.session-sticky-flash-container{
    position:sticky;
    top:62px;
    z-index:1011;
    margin:auto;
    left:0;
    right:0;
}
.message-section{
    /*position:relative;
    width:100%;*/
    display:block;
}
.message-section.alert_view_mode_failed .alert{
    margin:0px 0;
    text-align:center;
}
.message-section .alert{
    margin:8px 0;
    text-align:center;
}
.message-section .alert-success{
    background-color: #BFEBBB;;
}
.message-section .alert-error{
    background:#ffe6e6;
    color:#b00000;
}
.message-section-header{
    position:relative;
    width:100%;
    display:block;
    margin-top:0px;
    min-height: 70px;
}
.message-section-header .alert{
    margin:8px 0;
    text-align:center;
}
.message-section-header .alert-success{
    background-color:#f4f4f4;
}
.message-section-header .alert-error{
    background:#ffe6e6;
    color:#b00000;
}
.unlock_class {
  background-color: #EEF2FF;
  border-radius: 8px;
  border: 1px solid #87C05A;
  width: 160px;
  height: 98px;
  position: relative;
  left: 6px;
  margin-top: 15px;
  padding-top: 10px;
}
.msg_box
{
background-color: #99CA3B;

}
.text-grey {
    color: #707070!important;
    font-size: 18px;
    font-family: 'Open Sans Regular';
}
.policies-editor-container {
    background-color: #F8F8F8;
    padding: 2rem 1rem;
    border-radius: 2px;
    margin-bottom: 20px;
}
.policy-container {
    margin-bottom: 18px;
}
.policy-text{
    position: absolute;
    top: 70%;
    color: #484848;
    font-size: 16px;
    font-family: 'Open Sans Semibold';
}
.mce-branding-powered-by{
    display: none;
}
.add-top-right-corner {
    position:relative;
    border:1px solid #99CA3B;
    background-color: #FFFFFF;
    height:70px;
}
.img-responsive-icon {
    margin-top: 14px;
    margin-left: 26px;
}
.top-right-corner {
    position:relative;
    border:1px solid #99CA3B;
    background-color: #FFFFFF;
    height:235px;
}
.corner {
    width: 0;
    height: 0;
    border-top: 40px solid #E2E5EC;
    border-left: 40px solid transparent;
    position:absolute;
    right:0;
}
.corner-active {
   border-top: 42px solid #99CA3B;
}
.corner span {
    color: #FFFFFF;
    position:absolute;
    top: -38px;
    width: 100px;
    left: -63px;
    text-align: center;
    font-size: 16px;
    font-family: arial;
    display:block;
}
.inside {
    position: absolute;
    border-radius: 2px;
    border:1px solid #E2E5EC;
    border-bottom: 3px solid #E2E5EC;
    width: 100px;
    height: 100px;
    top: 25%;
    left: 29%;
}
.inside-active{
    border-bottom: 3px solid #99CA3B;
}
.square-content{
    position:  absolute;
    top: 161px;
    margin-left: 54px;
}
.square-content span {
    display: table;
    width: 100%;
    height: 100%;
}
.square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #484848;
    font-family: 'Open Sans Semibold';
    font-size: 16px;
}
.comp-prev{
    font-size: 16px;
    font-family: 'Open Sans Semibold';
    border: 2px solid #707070;
    border-radius: 1px;
    background-color: #FFFFFF;
    color: #707070;
}
.comp-draft{
    font-size: 16px;
    font-family: 'Open Sans Semibold';
    border: 2px solid #99CA3B;
    border-radius: 1px;
    background-color: #FFFFFF;
    color: #99CA3B;
}
.comp-publish{
    font-size: 16px;
    font-family: 'Open Sans Semibold';
    background-color: #99CA3B;
    color:#FFFFFF;
    border: 2px solid #99CA3B;
    border-radius: 1px;
}


.comp-follow{
    font-size: 16px;
    font-family: 'Open Sans Semibold';
    background-color: #99CA3B;
    color:#FFFFFF;
    border: 2px solid #99CA3B;
    border-radius: 1px;
}
.comp-unfollow{
    font-size: 16px;
    font-family: 'Open Sans Semibold';
    background-color: #99CA3B;
    color:#FFFFFF;
    border: 2px solid #99CA3B;
    border-radius: 1px;
    /*font-size: 16px;
    font-family: 'Open Sans Semibold';
    background-color: #FFFFFF;
    color:#99CA3B;
    border: 2px solid #99CA3B;
    border-radius: 1px;*/
}
.evntcrd_dgsn{
    box-shadow: 0px 0px 6px #00000029;
    opacity: 1;
}

.inline-buttons .one-third {
    text-align: center;
    width: 20%;
}
.gototop {
    z-index: 999;
    background: #3291d1;
    width: 40px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    position: fixed;
    bottom: -100px;
    right: 10px;
    cursor: pointer;
    overflow: auto;
    opacity: .7;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.gototop:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #FFF;
}
.whitesmoke{
    background-color:whitesmoke;
    padding: 3rem 0;
}
.signin-main-container {
    min-height: 100vh;
}
.sign-image-cover {
    background-image: url(../../images/employer/emp_signin_bg.png);
    width: 100%;
    min-height: 100vh;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.jfh-logo-left-position {
    -webkit-transform: translateX(-17%);
    transform: translateX(-45%);
    margin-left: 31%;
}
.home-text-48 {
    font-size: 48px;
    color:#484848;
}
.home-text-24 {
    font-size: 24px;
    color:#484848;
}

.grnbg{
    background: #99CA3B 0% 0% no-repeat padding-box;
}

.grnbg{
    background: #87C05A 0% 0% no-repeat padding-box;
}

.color-000000{
    color: #000000;
}
.color-7B7B7B{
    color: #7B7B7B;
}
.color-404040{
    color: #404040;
}
.color-935073{
    color: #935073 !important;
}
.signup_22{
    font-size: 22px;
    color: #6D6D6D;
    font-family: 'Open Sans Semibold';
}
.signup_18{
    font-size: 18px;
    color: #6D6D6D;
}
.signin_18{
    font-size: 18px;
    color: #6D6D6D;
    font-family: 'Open Sans Semibold';
}
.home-text-14{
    font-size: 14px;
}
.color-999999{
    color: #999999;
}
.home-text-16{
    font-size: 16px;
}
.cprofile-text{
    font-size: 16px;
    font-family: 'Open Sans Semibold';
    color: #404040;
}
.cprofile-text1{
    font-size: 16px;
    font-family: 'Open Sans Regular';
    color: #404040;
}
.text-10{
    font-size: 10px;
}
.text-20{
    font-size: 20px;
}
.text-22 {
    font-size:22px;
}
.text-12{
    font-size:12px;
}
.solutext-22{
    font-size: 22px;
}
.color-52BF3D{
    color:#52BF3D;
}
.color-FF3D4B{
    color: #FF3D4B;
}
.color-6d6d6d{
    color:#6D6D6D;
}
.color-FFFFFF{
    color: #FFFFFF;
}
.color-484848{
    color:#484848;
}
.color-99CA3B{
    color:#99CA3B;
}
.color-87C05A{
    color:#87C05A;
}
.color-FAA83F{
    color:#FAA83F;
}
.color-7F7F7F{
    color: #7F7F7F;
}
.color-6F6E6E{
    color: #6F6E6E;
}
.color-FF0000{
    color: #FF0000;
}
.color-FFFFFF{
    color: #FFFFFF;
}
.fsize-14{
    font-size: 14px;
}
.divvbg{
    background: #F8F9FB 0% 0% no-repeat padding-box;
}
.section-companies a.companies-container {
    width: 100%;
    max-width: 120px;
    display: block;
    /*border: 1px solid #00000029;
    box-shadow: 0px 0px 3px #00000029;
    border-radius: 5px;*/
    padding: 10px;
}
#featured-companies-carousel div.owl-prev,
#featured-companies-carousel div.owl-next{
  box-shadow: none !important;
}
.cptect12{
    font-size: 12px;
    font-family: 'Open Sans Semibold';
    color: #7F7F7F;
}
.vl {
  border-left: 2px solid #404040;
  height: 67px;
  position: absolute;
  left: 100%;
  margin-left: -3px;
  top: 0;
}
.widhr{
    width: 100px;
    border: 1px solid #404040;
    margin-top: 8px;
    margin-bottom: 8px;
}
.blackline {
  border-left: 1px solid #000000;
  height: 67px;
  position: absolute;
  left: 68%;
  top: 0;
}
.text-14{
    font-size:14px;
    color:#6D6D6D;
}
.text-12{
    font-size: 12px;
}
.text-18{
    font-size: 18px;
}
.textplus16{
    font-size: 16px !important;
}
.text-16{
    font-size:16px;
    color:#000000;
}
.txt-14{
  font-size:14px;
}

.txt-14{
  font-size:14px;
}

.text-24{
    font-size: 24px;
}

.nodata-text-16{
    color: #484848;
    font-size: 16px;
    font-family: 'Open Sans Regular';
}
.text-22{
    font-size:22px;
    color:#000000;
}
.b2b2b2 {
    color:#B2B2B2;
}


.lh-50{
    line-height: 50px;
}
.lh-100{
    line-height: 100px;
}
.text-14 a, .text-14 a:hover{
    font-size:14px;
    color:#99CA3C;
}
.text-14-semibold{
    font-size: 14px;
    color:#000000;
    font-family:'Open Sans Semibold';  
}
.text-14-video{
    font-size: 16px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';  
}
.text-14-textimonial {
    font-size: 14px;
    color:#404040;
    font-family:'Open Sans Italic';  
}
.text-16-para p{
    font-size: 16px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';  
}
.text-16-para li{
    font-size: 16px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';  
}
.text-16-para ul{
    font-size: 16px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';  
}
.text-10-para p{
    font-size: 10px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';  
}
.text-12-para p{
    font-size: 12px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';  
}
.show_more{
  display: none;
 }
.text-16-policy{
    font-size: 16px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';  
}
.welcome-text-16-semibold{
    font-size: 16px;
    color:#2680EB;
    font-family:'Open Sans Semibold';  
    text-decoration: none;
}
.home-text-18 {
    font-size: 18px;
    color:#6D6D6D;
}
.text-16-semibold{
    font-size: 16px;
    color:#000000;
    font-family:'Open Sans Semibold';  
}
.home-text-16 {
    font-size: 16px;
    color:#484848;
}
.job-text-16 {
    font-size: 16px;
    color: #484848;
    font-family: 'Open Sans Semibold';
}
.dashboard-text-32 {
    font-size: 32px;
    color: #484848;
    font-family: 'Open Sans Semibold';
}
@media screen and (min-width: 800px) {
    .margin-auto{
        margin: auto !important;
    }
}

.profile-text-18 {
    font-size: 18px;
    color: #6F6E6E;
    font-family: 'Open Sans Regular';
}
.job-text-14{
    font-size: 14px;
    color: #484848;
    font-family: 'Open Sans Semibold';
}
.user-text-14 {
    font-size: 14px;
    color:#484848;
    font-family:'Open Sans Semibold';
    padding-top: 18px;
    padding-left: 50px;
}
.inventory-text-14 {
    padding-top: 18px;
    font-weight: normal;   
}

.nav-tabs-sessions {
  padding-bottom: 0.42rem;
  border-bottom: 1px solid #ddd;
}

.nav-tabs-sessions .nav-link-sessions {
    border: none;
    background: transparent;
    color: #484848;
    padding: 5px 10px;
    font-size: 14px;
}

.nav-tabs-sessions .nav-link-sessions.active {
    /*border-bottom: 2px solid #935073;*/
    background: transparent;
    color: #935073;
}
.home-comp-text-18 {
    font-family: 'Open Sans Regular';
    color: #707070;
    font-size: 18px;
}
.home-text-20 {
    font-family: 'Open Sans Semibold';
    color: #707070;
    font-size: 20px;
}
.home-text-22 {
    font-size: 22px;
    color:#6D6D6D;
}
.m-b{
    margin-bottom: 40px;
}
.buy-now-new{
  font-size: 14px;
  font-family: 'Poppins';
  color: #935073;
  background-color: #FFF;
  font-weight: 500;
}
.buy-more-new{
  font-size: 12px;
  color: #ffffff;
  background-color: #87C05A;
  font-weight: 400;
  font-family: 'Poppins';
  width: 100px;
  height: 38px;
}
.drop-zone {
  border-radius: 5px;
  padding: 0;
  text-align: center;
  color: #999;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 500px; /* default width */
  height: 240px; /* default height */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: none; /* no border by default */
}
.drop-zone-error {
  padding: 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  width: 500px; /* default width */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: none; /* no border by default */
}
.drop-zone.empty {
  border: 2px dashed #ccc; /* light grey */
}
.drop-zone.dragover.empty {
  background-color: #e9f5ff;
  border-color: #0056b3;
}
.drop-zone img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  width: 60px; 
  height: auto;
  margin-top: 15px;
}
.title_s {
  font-size: 14px; 
  font-family: poppins;
  color: #a5a4a4;
}
.drop-zone .p1 {
  font-size: 14px; 
  font-family: poppins;
  font-weight: 400;
  padding-top: 10px;
}
.drop-zone .p2 {
  font-size: 12px; 
  font-family: poppins;
  font-weight: 400;
  line-height: 0px;
}
.drop-zone .p3 {
  font-size: 14px; 
  font-family: poppins;
  font-weight: 400;
  padding-top: 5px;
}
.drop-zone .p4 {
  font-size: 14px; 
  font-family: poppins;
  font-weight: 600; 
}
.drop-zone.empty::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999;
  padding: 10px;
  white-space: nowrap;
}
.btn-green,.btn-green:hover{
    background-color: #99CA3C;
    border: 1px solid #99CA3C;
    color: #FFF;
    font-family:'Open Sans Bold';
    font-size: 18px;
    /*width:134px;*/
    border-radius: 0px;
}
.user-btn-green,.user-btn-green:hover{
    background-color: #87C05A;
    border: 1px solid #87C05A;
    color: #FFF;
    padding: 8px 8px 8px 8px;
    font-family:'Poppins';
    font-weight: 500;
    font-size: 14px;
    border-radius: 6px;
}
.post-job-btn,.post-job-btn:hover {
    background-color: #87C05A;
    border: 1px solid #87C05A;
    color: #ffffff;
    padding: 8px 20px 8px 20px;
    font-family:'Poppins';
    font-weight: 500;
    font-size: 14px;
    border-radius: 6px;
}
.create-btn,.create-btn:hover {
    background-color: #87C05A;
    border: 1px solid #87C05A;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    font-family:'Poppins';
    font-weight: 500;
    font-size: 14px;
    border-radius: 6px;
}
.user-btn-green-new,.user-btn-green-new:hover{
    background-color: #87C05A;
    border: 1px solid #87C05A;
    color: #FFF;
    padding: 10px 10px 10px 10px;
    font-family:'Poppins';
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
}
.font_400_12 {
  font-size: 12px; 
  font-family: poppins; 
  font-weight: 400;
}
.font_400_14 {
  font-size: 14px; 
  font-family: poppins; 
  font-weight: 400;
}
.font_500_12 {
  font-size: 12px; 
  font-family: poppins; 
  font-weight: 500;
}
.font_400_16 {
  font-size: 16px; 
  font-family: poppins; 
  font-weight: 400;
}
.font_400_10 {
  font-size: 10px; 
  font-family: poppins; 
  font-weight: 400;
}
.font_500_14 {
  font-size: 14px;
  font-family: poppins; 
  font-weight: 500;
}
.font_500_16 {
  font-size: 16px; 
  font-family: poppins; 
  font-weight: 500;
}
.font_600 {
  font-family: poppins; 
  font-weight: 600;
}
.font_600_12 {
  font-size: 12px; 
  font-family: poppins; 
  font-weight: 600;
}
.font_600_16 {
  font-size: 16px;
  font-family: poppins; 
  font-weight: 600;
}
.right-tile-card {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* Soft, modern shadow */
  border:none;
  border-radius: 8px;
}
.used-left-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}
.used-left-grid span,
.used-left-grid strong {
  margin-bottom: 0 !important;
}
.font_black_custom {
  color: #222222;
}
.font_black_custom2 {
  color: #424242;
}
.font_disable_color {
  color: #B2B2B2;
}
.dash-right-title {
  border-radius: 10px;
  margin-right: 25px;
  border: none;
}
.card-header-clean {
  padding: 0;
  border-bottom: 1px solid #ccc; /* simulate horizontal rule */
  background-color: transparent; /* optional, or keep your theme color */
}
.card-header-clean .btn {
  margin: 0.5rem; /* slight margin if needed */
  background-color: #FCF2F7;
}
.card-header-clean img {
  height: 20px;
  width: auto;
  margin-left: 1rem;
}
.card-header-clean span {
  color: #000;
}
.job-status-btn {
  width: 100%;
  background-color: transparent;
  border: none;
  color: #E0E0E0;
  font-size: 12px;
  padding: 4px 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.job-status-btn:focus,
.job-status-btn:hover,
.job-status-btn:active {
  outline: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
}

.dropdown-arrow {
  color: #B2B2B2;
  margin-left: 8px;
}
.job-action-disabled{
    color: #FFFFFF;
    background-color: #BFC1C5;
    border-radius: 12px;
    padding: 10px 10px 10px 10px;
    margin-right: 5px;
    font-family:'Poppins';
    font-size: 14px;
    font-weight: 500;
    border-style: none;
}
.compact-dropdown {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  min-width: 200px; /* optional for width */
}

.compact-dropdown .dropdown-item {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 14px; /* optional: reduce text size */
  line-height: 1.2;
}

.compact-dropdown2 {
  min-width: 120px;
  padding: 4px 0 !important;        /* Adds small vertical spacing */
  margin: 0 !important;
  border: 1px solid #ccc !important; /* Add subtle border */
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  line-height: 1.4;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Optional: light dropdown shadow */
  z-index: 1050;
}

.compact-dropdown2 li {
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  list-style: none;
}

.compact-dropdown2 li a {
  display: block;
  padding: 6px 10px !important;      /* Adds light inner spacing */
  margin: 0 !important;
  font-size: 12px;
  font-weight: 400;
  color: inherit;
  text-decoration: none;
  text-align: left;
  white-space: nowrap;
  border: none;
  background-color: transparent;
}

.compact-dropdown2 li a.single-active-jobs {
  color: #99ca3b;
}

.compact-dropdown2 li a.single-inactive-jobs {
  color: #E8031A;
}

.compact-dropdown2 li a.single-draft-jobs {
  color: #FAA83F;
}

.compact-dropdown2 hr {
  margin: 4px 0 !important;
  border: none;
  border-top: 1px solid #e5e5e5;
}
.more-dot-button:focus {
  outline: none !important;
  box-shadow: none !important;
}
/* Wrap for text + dot */
.status-dot-label {
  position: relative;
  padding-left: 14px;
}
.narrow-col {
    width: 160px; /* or whatever suits your design */
    max-width: 160px;
    white-space: nowrap;
}
.job-action-dropdown {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  min-width: 180px;
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.job-action-dropdown .dropdown-item {
  color: #555;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-weight: 400;
  border-bottom: 1px solid #e6e6e6;
  transition: background-color 0.2s ease;
}

.job-action-dropdown .dropdown-item:last-child {
  border-bottom: none;
}

.job-action-dropdown .dropdown-item:hover {
  background-color: #f9f9f9;
  color: #222;
}
/* Common dot styles */
.status-dot-label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

/* Colors for status */
.dot-green::before {
  background-color: #28a745;
}
.dot-red::before {
  background-color: #e8031a;
}
.dot-orange::before {
  background-color: #faa83f;
}
.home-section-emp {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}
.cb-bg {
    background-color: #F1F2ED;
}
.cb-bg-F7 {
    background-color: #F7FAF3;
    box-shadow: none;
    border: none;
}
.cb-border {
    border: none;
}
.banner {
  position: relative;
  display: inline-block;
}
.banner-image {
  display: block;
}
.banner-btn-group {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: flex;
  gap: 20px;
}
.align-start {
    align-items: flex-start;
}
.cmp_bg {
    background-color: rgba(250, 231, 255, 0.4) !important;
}
.cb-align {
    max-width:325px; 
    border-radius: 15px;
    min-height: 260px;
}
.c-body-align { 
    min-height: 260px;
    margin-left: auto; 
    margin-right: auto;
}
.c-body-max-wid {
    max-width:325px;
}
.c-body-align2 {
    max-width:325px; 
    margin-left: auto;
    min-height: 260px;
}
.b-radius {
    border-radius: 15px;
}
.m_height {
    min-height: 250px;
}
.max_h {
  max-height: 260px;
}
.test_prop {
  max-width: 350px;
  background-color: rgba(252, 229, 241, 0.2);
  border-radius:25px;
  min-height:  270px;
}
.w_drive {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    border:none;
    max-width:325px;
}
.a_left {
    text-align: left;
}
.custom-container {
  max-width: 1000px;
}
.align-box h2 {
  font-family: 'Chillax-Semibold';
}
.align-box h5 {
  font-size: 16px; 
  font-family: poppins; 
  font-weight: 400;
}
.font-h2 {
  font-family: 'Chillax-Semibold';
  font-size: 25px;
  font-weight: 600;
}
.user-btn-signin,.user-btn-signin:hover{
  background-color: #87C05A;
  border-radius: 12px !important;
  display: block;
  padding: 8px 30px 8px 30px;
  color: #FFFFFF;
  font-size: 14px; 
  font-family: 'Poppins'; 
  font-weight: 500;
  cursor: pointer;
  border: none;
}
.flpr{
  position: absolute;
  bottom: 10px;
  left: 50px;
  color: #86C15A;
  padding: 25px 10px;
  border-radius: 4px;
  font-size: 16px; 
  font-family: 'Poppins'; 
  font-weight: 700;
}
.herkey-btn,.herkey-btn:hover{
  background-color: white;
  padding: 8px 8px 8px 8px;
  border: 1px solid #935073;
  border-radius: 12px !important;
  color: #935073;
  font-size: 14px; 
  font-family: 'Poppins'; 
  font-weight: 500;
  cursor: pointer;
}
#storylaneOverlay {
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100vw; 
  height: 100vh; 
  z-index: 9999; 
  background-color: rgba(0,0,0,0.7); 
  display: none;
}
#closeStorylaneBtn {
    position: absolute;
    top: 50px;
    right: 35px;
    z-index: 10000;
    background-color: #935073;
    color: #ffffff;
    border: 1px solid #935073;
    font-size: 20px;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
    line-height: 1;
}
#closeStorylaneBtn:focus,
#closeStorylaneBtn:active {
    outline: none;
    border-color: #935073;
    box-shadow: none; /* Optional: Removes default focus glow */
}
.herkey-btn-green,.herkey-btn-green:hover{
  background-color: white;
  padding: 7px 20px 5px 20px;
  border: 1px solid #86C15A;
  border-radius: 12px !important;
  color: #86C15A;
  font-size: 14px; 
  font-family: poppins; 
  font-weight: 500
  cursor: pointer;
}

.user-btn-purple,.user-btn-purple:hover{
    background-color: #935073;
    border: 1px solid #935073;
    color: #FFF;
    font-family:'Poppins';
    font-size: 12px;
    border-radius: 6px;
}
.inv-btn-purple-hollow {
  border: 1px solid #935073;
  color: #935073;
  margin-top: 20px;
  font-size: 10px;
  font-weight: 400;
  border-radius: 5px;
  font-family:'Poppins';
  line-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  width: 99px;
  height: 30px;
}

.user-btn-purple-hollow,.user-btn-purple-hollow:hover{
  border: 1px solid #935073;
  color: #935073;
  font-size: 12px;
  font-weight: 400;
  border-radius: 6px;
  font-family:'Poppins';
  line-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  width: 153px;
  height: 38px;
}

.btn-border-green,.btn-border-green:hover {
    background-color: transparent;
    border: 1px solid  #99CA3C;
    color:  #99CA3C;
    font-size: 18px;
    text-align: center;
    border-radius: 8px;
}
.btn-borders-green,.btn-borders-green:hover {
    background-color: transparent;
    border: 1px solid  #99CA3C;
    color:  #99CA3C;
   font-size: 16px;
    font-family: 'Open Sans Semibold';
    text-align: center;
     border-radius: 0px;
}
.signin-left-li li {
    list-style-type:none;
    list-style:none;
}
.signin-left-li li i{
 font-size: 12px;
}
.hide-background-gradient {
    background-image: none;
    background-color: white;
}
.background-gradient {
    background-image: linear-gradient(-180deg, #92FBFF, #5FEB1B);
    opacity: 0.84;
}
.g-recaptcha-section {
    display: block;
    position: relative;
}
.designform .error,
div[class*=' validation-error'] .error,
div[class^='validation-error'] .error{
    font-size:0.8rem;
     position:relative;
    color:#FF1744;
    text-align: left;
}
.show-hide-new{
    background-color: transparent;
    cursor: pointer;
    float: right;
}
.signin-submit-btn {
    background-color: #99CA3C;
    border: 1px solid #99CA3C;
    color: #FFF;
    font-family:'Open Sans Bold';
    font-size: 18px;
    border-radius: 0px;
}
.create-company-btn, .create-company-btn:hover {
    background-color: #99CA3C;
    border: 1px solid #99CA3C;
    color: #FFF;
    font-family:'Open Sans Bold';
    font-size: 18px;
    border-radius: 0px;
}
.signin-forgot-password a:hover, 
.signin-forgot-password a:focus {
    text-decoration: none;
    font-family:'Open Sans Regular';
    font-size: 14px;
    color: #2680EB;
}

.form-control-placeholder {
    position: absolute;
    top: 0;
    color:#B2B2B2;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
}
.input-selectize:placeholder{
    position: absolute;
    top: 0;
    color:#656565;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
}
.designform .form-control, 
{
    border:none !important;
    background-color: transparent;
}
.designform .form-control:focus {
  border-color: #FFFFFF;
  color:#000000;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 8px rgba(255, 0, 0, 0);
}
.designform .selectize-control.multi .selectize-input::after{
    content: "\f078";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: #484848;
    display:block;
    line-height: 2;
    position: absolute;
    top: -2px;
    right: 15px;
}
.designform .selectize-control.single .selectize-input::after {
    content: "\f078";
    border:none;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: #484848;
    display:block;
    line-height: 2;
    position: absolute;
    top: 0;
    right: 14px;
}
.designform .selectize-control.multi .selectize-input > div {
    background-color: #FFFFFF;
}

.designform input,
.designform input:-webkit-autofill,
.designform input:-webkit-autofill:hover,
.designform input:-webkit-autofill:focus {
    background-color: transparent!important;
    transition: background-color 5500s ease-in-out 0s;
    border:none!important;
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
}
.designform .input-group, .designform .form-group {
    padding:0px;
    border-bottom:1px solid #6D6D6D;
    position: relative;
}
.mnutxt
{
    font-size: 16px;
    color: #000000;
}
.btn-jfh {
    color:#fff;
    background-color: #87C05A;
    font-family:'Poppins';
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px
}
.btn-disabled {
    color: #FFFFFF;
    background-color: #BFC1C5;
    border-radius: 8px;
    font-family:'Poppins';
    font-size: 14px;
    font-weight: 500;
}
.select-custom-arrow {
  appearance: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none" stroke="%23444" stroke-width="2" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></svg>') no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  padding-right: 32px;
}
.btn-jfh-outline{
    color:#92c000;
    background-color: white;
    border-color:#92c000;
    width: 250px;
    margin:5px;
}
.job-desc-area{
    width: 100%;
    padding-top: 5px;
    padding-left: 5px;
}
.companies-container {
  height: 100px; /* adjust based on your design */
  justify-content: center;
  padding: 10px;
}

.companies-container img {
  max-height: 80px; /* control logo height */
  width: auto;
  object-fit: contain;
}
.btn-hot-job-request{
    border: 1px solid #99CA3B;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #99CA3B;
    font-size: 14px;
}
.btn-jfh:hover,
.btn-jfh:focus{
    background-color:#87C05A;
    border-color:#87C05A;
    color:#FFF;
}
.btn-jfh-signup{
    border: 2px solid #99CA3B;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #99CA3B;
    font-size: 14px;
}

.emp-start-pkg{
  margin-left: -29px
}

.active-cls{
      color: #fff;
    text-decoration: none;
    color: #935072;
}
.btn-sm-new{
  padding: 0.25rem 0.5rem;
    font-size: 13px;
    line-height: 1.5;
}
.btn-jfh-signup:hover,
.btn-jfh-signup:active,
.btn-jfh-signup:focus{
    color:#794d9e;
}
.navbar-jfh{
    background-color:#FFF;
    box-shadow:0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    padding:0px;
    min-height:60px;
}
.navbar-jfh .navbar-nav .nav-link, .side-nav .nav-link.dropdown-item {
    color: #000000;
    height: 60px;
    vertical-align: middle;
    line-height: 60px;
    padding: 0 1rem;
    font-size: 16px;
}
.nav-dropdown-menu a.nav-link.dropdown-item{
    padding:8px 12px;
    clear:both;
    font-weight:400;
    color:#535353;
    text-align:inherit;
    white-space:nowrap;
    background-color:transparent;
    border:0;
    border-bottom:1px solid #F3F3F3;
    height:auto;
    line-height:1.5;
}
.nav-dropdown-menu>.nav-item:last-child>.dropdown-item,
.nav-dropdown-menu>a.dropdown-item:last-child{
    border:0px;
}
.navbar-jfh .nav-link:hover,
.navbar-jfh .nav-link:focus,
.nav-dropdown-menu a.nav-link.dropdown-item:hover,
.nav-dropdown-menu a.nav-link.dropdown-item:focus{
    color:#720a2b;
}
.navbar-jfh .active > .nav-link,
.navbar-jfh .nav-link.active{
    color:#794d9e;
    border-bottom:2px solid #92c139;
}
.navbar-jfh .side-nav .active > .nav-link{
    color:#99CA3B;
    font-family:'Open Sans Semibold';
}
.nav-dropdown-hover:hover .dropdown-menu{
    display:block;
}
.nav-dropdown-hover .dropdown-menu{
    margin:0px;
    padding:0px;
    min-width:100px;
}
.navbar-jfh .navbar-toggler-icon{
    background-image:url(../../images/static/restarther2018/menu_icon.png);
}
.side-nav{
    position:fixed;
    width:100%;
    max-width:420px;
    max-height:100%;
    padding-bottom:65px;
    left:0;
    top:0;
    margin:0;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    z-index:999;
    overflow-y:auto;
    will-change:transform;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
}
.side-nav ul{
    margin:0px;
    padding:0px;
    list-style:none;
}
.side-nav .navbar-nav{
    background-color:#FFF;
}
.side-nav ul.menu-nav{
    padding-left:16px;
}
.navbar-jfh .side-nav .nav-link{
    position:relative;
    border-bottom:0px;
    display:block;
    padding:0 16px;
    height:48px;
    line-height:48px;
    color:#6A6A6A;
    cursor:pointer;
    font-family:'Open Sans Regular';
    font-size:16px;
}
.side-nav .nav-link[aria-expanded="true"]{
    color:#99CA3B;
    font-family:'Open Sans Semibold';
}
.side-nav li.nav-item .side-nav-brand{
    line-height:60px;
    height:62px;
    padding:0 16px;
    position:relative;
}
.side-nav li .nav-link.parent-menu{
    border-top:1px solid #989898;
}
.navbar-jfh .side-nav ul.sub-menu .nav-link{
    padding:0 16px 0 32px;
}
.nav-link-button{
    padding:0 16px 10px;
}
.nav-link-button .btn{
    border-radius:0px;
    font-family:'Open Sans Semibold';
    height: 48px;
    line-height: 32px;
    font-size: 16px;
}
.menu-svg-arrow-icon{
    background-image:url('/images/svg/right-arrow-grey.svg');
    width:7px;
    height:12px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.nav-link[aria-expanded="true"] .menu-svg-arrow-icon{
    background-image:url('/images/svg/down-arrow-grey.svg');
    width:12px;
    height:7px;
}
.menu-svg-close-icon{
    background-image:url('/images/svg/close.svg');
    width:14px;
    height:14px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor:pointer;
}
.navbar-jfh .side-nav ul.navbar-nav li.nav-item .dropdown .dropdown-menu a.nav-link{
    padding:0 15px 0 35px;
}
.dropdown-menu-with-arrow{
    margin-top:12px;
}
.dropdown-menu-with-arrow:after{
    position:absolute;
    right:2px;
    top:-10px;
    width:0;
    height:0;
    content:'';
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #cfcfcf;
}
.btn-group>.dropdown>.btn:not(:last-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.btn-group .btn+.dropdown>.btn{
    margin-left:-1px;
}
.dropdown-toggle::after{
    vertical-align:middle;
}
.dropdown-toggle.no-arrow::after{
    border:0px;
}
.bg-women-menu{
    background:#794D9E!important;
}
.bg-employer-menu{
    background:#36B6B0!important;
}
.bg-mentor-menu{
    background:#2C986F!important;
}
.bg-partner-menu{
    background:#36B6B0!important;
}
.side-nav .nav-dropdown-menu{
    background:transparent;
    padding:0px;
    margin:0px;
    border:0px;
}
.side-nav-backdrop{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1011;
    background-color:#000;
    opacity:0.5;
}
.slide-in{
    animation:slide-in 0.5s forwards;
    -webkit-animation:slide-in 0.5s forwards;
}
.slide-out{
    animation:slide-out 0.5s forwards;
    -webkit-animation:slide-out 0.5s forwards;
}
.fade_text, .prof_brands li{
    color:gray;
}
.mtb_30{
    margin:30px 0px;
    font-size: 1.6rem;
}
.ml_3
{
    margin-left: 30px;
}
.step-line {
    position: absolute;
    width: 100%;
    height: 1px;
    border: 0;
    border-bottom: 2px solid #92c000;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.step-number-circle{
    background-color:#009783;
    color:#FFF;
    border-radius:50%;
    text-align:center;
    font-size:2rem;
    padding:0 0.6rem;
} 
.circle_jfh {
    background-color: #92c000;
    color: #FFF;
    border-radius: 50%;
    font-size: 1rem;
    padding: 3px 0.6rem;
}
.step_first {
    background-color: #92c000;
    color: #FFF;
    border-radius: 0px;
    font-size: 12px;
    padding: 3px 0.6rem;
    left: 0;
    width: 15%;
    top: 0;
    position: absolute;
    z-index: 11;
}
.arrow_step {
    font-size: 23px;
    background: transparent;
    color: #92c000;
    font-weight: bold;
    padding: 0;
    position: absolute;
    border: none;
    top: -5px;
    margin-left: 10px;
}
.ml_10 {
    margin-left: 10%;
}
.num_span {
    margin-left: 15%;
}
.no_border {
    border: none;
}
.comp_profile li:last-child {
    padding-left: 20px;
    font-size: 22px;
    width: 82%;
}
.comp_profile {
    list-style-type: none;
    display: inline-flex;
    padding: 20px;
    margin: 0px;
}
.no_border .comp_profile img {
    height: 60px;
    width: 65px;
}
.shadow_line{
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07), 0 7px 8px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07), 0 7px 8px rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07), 0 7px 8px rgba(0, 0, 0, 0);
    -o-box-shadow:0 3px 6px rgba(0, 0, 0, 0.07), 0 7px 8px rgba(0, 0, 0, 0);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07), 0 7px 8px rgba(0, 0, 0, 0);
}
.mat_shadow{
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -ms-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -o-box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.home-page-title 
{
    font-size: 1.5rem;
    margin: 1.5rem 0;
}
.text_blue 
{
    color: #4caac6;
}
.brand_box {
    padding: 1.5rem 0;
    background: #4caac6;
    position: absolute;
    width: 100%;
    color: #fff;
    bottom: 0px;
    font-size: 28px;
}
.mt-5, .my-5 {
    margin-top: 3rem!important;
}
.prof_brands li:before {
    content: '';
    background-image: url(../../images/employer/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-size: 260px;
    background-position: 2px -7px;
    margin-right: .5rem;
}

.list_type_none{
    list-style-type: none;
}

.home-text-16 {
    font-size: 16px;
    color:#484848;
}
.list_type_none {
    list-style-type: none;

}
.footer-position-container {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0 15px;
    -ms-flex-align: center;
    align-items: center;
}
img.callback-banner {
    height: 690px;
}
.form_card {
    padding: 30px;
    border-radius: 0px;
}
.text-black {
    color: #222!important;
}
.text_neavygreen {
    color: #92c000;
}

.header_bgblue {
    background-color: #038cc9;
}
.enq_jfh .prof_brands {
    height: 320px;
}
.enq_jfh .prof_brands p {
    padding-bottom: 20px;
    font-size: 13px;
}

.company-save-button{
    font-size: 16px;
    font-family:'Open Sans Semibold';
    margin: 15px auto;
    width: 35%;
    border-radius: 1px;
}
/*radio button css*/

.supradio {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  font-size: 16px;
  margin: 15px;
  font-family: 'Open Sans Semibold';
}
.supradio .suplabel {
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  border: 2px solid #c8ccd4;
  border-radius: 100%;
  -webkit-tap-highlight-color: transparent;
}
.supradio .suplabel:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #98ca3b;
  transform: scale(0);
  transition: all 0.2s ease;
  opacity: 0.08;
  pointer-events: none;
}
.supradio:hover .suplabel:after {
  transform: scale(3.6);
}
.sup_radio:checked + .suplabel {
  border-color: #98ca3b;
}
.sup_radio:checked + .suplabel:after {
  transform: scale(1);
  transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
  opacity: 1;
}
.suphidden {
  display: none;
}
.border-dashed{
    border-top: 1px dashed #CCCCCC;
}

/*Radio button css close*/
@keyframes slide-in{
    100%{ transform:translateX(0%);}
}
@-webkit-keyframes slide-in{
    100%{ -webkit-transform:translateX(0%);}
}  
@keyframes slide-out{
    0%{ transform:translateX(0%);}
    100%{ transform:translateX(-100%);}
}
@-webkit-keyframes slide-out{
    0%{ -webkit-transform:translateX(0%);}
    100%{ -webkit-transform:translateX(-100%);}
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 0rem;
    margin-bottom: 1rem;
    list-style: none;
    border-bottom: 1px solid #D4D4D4;
    background-color: #FFFFFF;
    border-radius: 0px;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "|";
}
.breadcrumb > li{
    font-family: Open Sans Regular; font-size: 12px;
}
.breadcrumb > li a{
    color: #999999;
}
.breadcrumb .active{
    color: #2680EB;font-family: Open Sans SemiBold; font-size: 12px
}
.jumbotron{
    min-height: 904px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 3px #00000029;
    border-radius: 0px;
}
.card-header-with-bg{
    padding: 1.25rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 0px;
    background-color: #F8F8F8;
}
.card-header-without-bg{
    margin-bottom: 0;
    border-bottom: 0px;
    border-bottom: 1px solid #EBEDF2;
    padding: 12px;
    padding-left: 20px;
    border-style: none none dashed none;
}
.card-header-without-bg h1{
    font-size: 18px;
    color: #404040;
    margin-bottom: 0px;
    display: inline-block;
}
.card-header-with-bg h1{
    font-size: 22px;
    color: #484848;
    margin-bottom: 0px;
}
.circleBase {
    border-radius: 50%;
    margin:auto;
    cursor: pointer;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}
.type1 {
    width: 104px;
    height: 104px;
    background: #FBFBFBFA;
    border: 1px solid #E5E5E5;
    text-align: center;
    padding-top: 28px;
}
.circleBase h1{
    color:#99CA3B;font-size: 10PX;
}

.circleBase img{
   width: 32%; 
}
.title{
    color:#B2B2B2;
    font-size: 12px;
}
.title_sub{
    color:#00031E;
    font-size: 12px;
    font-family: 'Poppins';
}
#company_profile_form .form-control,
#job_post_step1_form .form-control{
    color: #484848;
    font-size: 14px;
    border-radius: 2px;
    border:1px solid #E2E5EC;
    font-family: Open Sans SemiBold;
}
.mat_shadow {
    margin-bottom: 10px;
}
.header_bggrey {
    background-color: #848b8a;
}
.bg_blue_emp {
    background: #4caac6;
}
.emp_reskill h3 {
    padding: 37px 0px 81px;
}  
.reskil_card .card {
    margin: 2px;
    border-radius: 0;
}
.reskil_card .card p {
    padding: 20px;
    line-height: 1.6rem;
    font-size: 15px;
    height: 140px;
}
.bg_dark_blue {
    background: #007186;
}
.p_0 {
    padding: 0px;
}
.reskil_card .card p{
    padding: 20px;
    line-height: 1.6rem;
    font-size: 15px;
    height: 140px;}
.reskil_card .card .rcomp_profile li:last-child{
    position: absolute;
    top: 33px;
    font-size: 30px;
    text-align: center;
    width: 100%;
    line-height: 2rem;
}
.rcomp_profile{
    list-style-type:none;
    display:inline-flex;    
    padding:20px;
    margin:0px;
}
.rcomp_profile li:last-child{
    padding-left: 20px;
    font-size: 23px;
    width: 82%;
}
.error{
    font-size: 0.8rem;
    color: #FF1744;
    margin: 0px;
}
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
}
#progressbar li {
    list-style-type: none;
    color: #7B7B7B;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Open Sans Regular';
    width: 50%;
    float: left;
    position: relative;
    text-align: center;
}
#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 25px;
    line-height: 25px;
    display: block;
    font-size: 14px;
    color: #333;
    background: #D4D4D4;
    border-radius: 13px;
    margin: 0 auto 5px auto;
    font-family: 'Open Sans Semibold';
    /*padding-left: 8px;*/
}
#progressbar li:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #D4D4D4;
    position: absolute;
    left: -50%;
    top: 10px;
    z-index: -1; 
}
#progressbar li:first-child:after {
    content: none; 
}
#progressbar li.active:before,  #progressbar li.active:after{
    background: #99CA3B;
    color: #FFFFFF;
    /*padding-left: 8px;*/
}
.selectize-input{
   min-height:unset;
    display:block;
    width:100%;
    padding:5px 8px 4px 15px !important;
    font-size:1rem;
    line-height:1.5;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #E2E5EC;
    border-radius:2px;

   /* margin-left: -31px !important;

    border-bottom: 0px solid #9e9e9e !important;*/
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.signup-input{
    min-height:unset;
    display:block;
    width:100%;
    padding:5px 8px 4px 15px !important;
    font-size:1rem;
    line-height:1.5;
    color:#495057;
   
    background-clip:padding-box;
   
    margin-left: -31px !important;

    border-bottom: 0px solid #9e9e9e !important;

    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-premeium{
    border: 1px solid #99CA3B;
    color: #99CA3B;
    font-size:12px;
    font-family:normal normal 600 12px/17px Open Sans;
}
.job-listing{
    top: 209px;
    left: 114px;
    width: 83px;
    height: 22px;
    text-align: left;
    font: normal normal 600 16px/22px Open Sans;
    letter-spacing: 0.32px;
    color: #000000;
    opacity: 1;
}
.selectize-control.multi .selectize-input.has-items{
    padding:.375rem .75rem 0;
    line-height:1;
}
.selectize-input input{
    height:unset;
    /*width: 200px !important;*/
}
#job-post-step1-form .selectize-input.has-items input{
    width: 0px !important;
}
#job-post-step1-form .api-skills .selectize-input.has-items  input{
    width: auto !important;
}
.selectize-control.multi .selectize-input > div{
    padding:3px 3px 3px 6px!important;
    margin:0 7px -2px 0!important;
    font-size:0.7rem!important;
    line-height:1.5;
    color:#495057;
    max-width:unset;
}
.selectize-control.multi.plugin-remove_button .selectize-input > div{
    padding-right:35px!important;
}
.selectize-control.multi .selectize-input > div.active{
    background:#3BAFDA;
    border-color:#2494be;
    color:#FFF;
}
.selectize-control.multi .selectize-input div+input{
    top:-10px;
}
.selectize-control.plugin-remove_button [data-value] .remove{
    top:2px;
    width:18px;
    height:18px;
    font-size:18px;
    line-height:18px;
    padding:0;
}
.input-selectize{
    color: #484848;
    font-size: 14px;
    font-family: Open Sans SemiBold;
}
.input-other{
    margin: 15px;
    width: 88%;
    border-radius: 0px;
}
.transfer{
    font-family: 'Poppins'; /* Change to your preferred font */
    color: #B2B2B2; /* Text color */
    font-size: 12px;
}
.transfer option{
    color: #B2B2B2; /* Text color for dropdown items */
}
.transfer option:hover  {
    background-color: #f0f0f0 !important; /* Light grey */
    color: #000000;
}
.custom_s{
    background-color: #F5F5F5;
    font-family: 'Poppins'; /* Change to your preferred font */
    color: #000000; /* Text color */
    font-size: 14px;
}
.custom_s option{
    color: #000000; /* Text color for dropdown items */
}
.custom_s option:hover{
    background-color: #f0f0f0 !important; /* Light grey */
    color: #000000;
}
.herkey_button_brand{
    background-color: #935073;
    font-size: 12px;
    font-family: 'Poppins';
    border: 1px solid #935073;
    border-radius: 6px;
    color: #ffffff;
}
.herkey_button_brand:hover{
    color: #ffffff;
    background-color: #935073;
}
.color-white{
  color:  #ffffff;
}
.herkey_button_tile {
    background-color: white;
    font-size: 10px;
    font-family: 'Poppins';
    font-weight: 400;
    border: 1px solid #935073;
    border-radius: 6px;
    color: #935073;
    padding: 7px;
}
.herkey_button_tile:hover {
    background-color: white;
    color: #935073;
    border: 1px solid #935073;
    text-decoration: none;
}
.empwel_text22{
    font-size: 22px;
    font-family: 'Open Sans SemiBold';
    color: #707070;
}
.empwet_txt16{
    font-size: 16px;
    font-family: 'Open Sans SemiBold';
    color: #2680EB;

}
.emp_wel_text22{
    font-size: 22px;
    font-family: 'Open Sans SemiBold';
    color: #404040;
}
.empwel-step-line {
    position: absolute;
    width: 80%;
    height: 1px;
    border: 0;
    border-bottom: 2px dashed #DDDDDD;
    left: 0;
    right: 0;
    margin: auto;
    top: -93px;
    bottom: 0;
}
.empwel-step-number-circle{
    background-color:#009783;
    color:#FFF;
    border-radius:50%;
    text-align:center;
    font-size:2rem;
    padding:0 0.6rem;
} 
.empwel-circle_jfh {
    background-color: #92c000;
    color: #FFF;
    border-radius: 50%;
    font-size: 1rem;
    padding: 8px 0.9rem;
}

/** Custom Check box **/
.jfh-custom-control .custom-control-input:focus~.custom-control-label::before{
    outline:none;
    box-shadow:none;
}
.custom-control-label::before,
.custom-control-label::after{
    top:.1rem;
}
.jfh-custom-control .custom-control-input:checked~.custom-control-label::before{
    background-color:#92c139;
}

/*Account page Css*/

/*top menu css start*/

/*    .navbar-emp {
    background-color: #FFF;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    padding-left: 50px;
    min-height: 60px;
}
.navbar-emp .navbar-nav .nav-link, .side-nav .nav-link.dropdown-item {
    color: #000000;
    height: 60px;
    vertical-align: middle;
    line-height: 60px;
    padding: 0 1rem;    font-size: 16px;
}
    .navbar-expand-lg .navbar-toggler {
     display: block;
}
.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 50px;
    margin-bottom: 0;
    list-style: none;
}
.topmtxt1{
    font-size: 12px;
    color: #99CA3B;
     font-family:'Open Sans Semibold';
}
.topmtxt2{
    font-size: 12px;
    color: #000000;
     font-family:'Open Sans Semibold';
}*/


/*top menu css end*/

/*Side Menu Bar Csss Start
Side Menu Bar Csss Start*/

 /* .sidebar-container {
  position: fixed;
  width: 284px;
  height: 100%;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #404040;
  color: #fff;
}
.nav-line-height {
    line-height: 35px
    font-size: 16px;
    color: #B2B2B2;
}
.nav-item>.active {
    border-left: 6px solid #99ca3c;
    background: #313136;
    color: #99ca3c;
    font-size: 16px;
    font-family: Open Sans Semibold;
}*/



.content-container {
  padding-top: 20px;
}

.sidebar-logo {
  padding: 10px 15px 10px 30px;
  background-color: #404040;
}
.profile-header {
    list-style-type: none;
    /*display: inline-flex;*/
    margin: 0px;
}
.profile_img_circle{
    border-radius: 50%!important;
    height: 100px;
    width: 100px;
}

.profile_img_circle .edit-icon{
    width: 30px;
    height: 30px;
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 5px;
    right: 3px;
    text-align: center;
}

.profiledit_img_circle{
    border-radius: 50%!important;
    height: 128px;
    width: 128px;
}
.prf-image {
    left: 16%;
    top: 80%;
    position: absolute;
    margin-top: -25px;
    margin-left: -25px;
    width: 30px;
    height: 30px;
    
    padding: 4px;
}
.prf-edit-image {
    top: 80%;
    position: absolute;
    margin-top: -25px;
    margin-left: -25px;
    width: 30px;
    height: 30px;
    
    padding: 4px;
}
.color-black{
  color:#00031E;
}
.color-grey{
  color:#484848;
}
.new-font-18{
  font-size: 18px;
  font-family: 'Poppins';
}
.new-font-14{
  font-size: 14px;
  font-family: 'Poppins';
}
.new-font-16{
  font-size: 16px;
  font-family: 'Poppins';
}
.new-font-12{
  font-size: 12px;
  font-family: 'Poppins';
}
.new-font-10{
  font-size: 10px;
  font-family: 'Poppins';
}
.act-text-16{
    font-size: 16px;
    color: #484848;
    font-family: 'Open Sans SemiBold';
}
.act-head-12-normal-1{
    font-size: 12px;
    color: #B2B2B2;
}
.act-head-12{
    font-size: 12px;
    color: #484848;
}
.act-head-14{
    font-size: 14px;
    color: #404040;
}
.act-head-14bold{
    font-size: 14px;
    color: #2680EB;
    font-family: 'Poppins';
}
.act_breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 0rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #FFFFFF;
    border-radius: 0px;
}

.act_breadcrumb_sub {
    margin-top: 10px;
}

.act_breadcrumb-item + .act_breadcrumb-item::before {
    content: "|";
    margin: 0px 5px;
    color: #00031E;
}
.act_breadcrumb > li{
    font-family: Poppins !important;
     font-size: 16px;
     color: #00031E;
}
.act_breadcrumb > li a{
    color: #00031E;
}
.act_breadcrumb .active{
    color: #2680EB;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
}
.no-caret::after {
  display: none !important;
}
/*radio button css*/

.actradio {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  font-size: 14px;
  margin: 15px;
  font-family: 'Open Sans Semibold';
}
.actradio .actlabel {
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  width: 12px;
  height: 12px;
  border: 3px solid #c8ccd4;
  border-radius: 100%;
  -webkit-tap-highlight-color: transparent;
}
.actradio .actlabel:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  transform: scale(0);
  transition: all 0.2s ease;
  opacity: 0.08;
  pointer-events: none;
}
.actradio:hover .actlabel:after {
  transform: scale(3.6);
}
.act_radio:checked + .actlabel {
  border-color: #98ca3b;
}
.act_radio:checked + .actlabel:after {
  transform: scale(1);
  transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
  opacity: 1;
}
.acthidden {
  display: none;
}

/*Radio button css close*/
.act_card{
    border: 0px solid rgba(0,0,0,.125);
}
/*Account page css end*/

  .sidebar-navigation {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
  }

  .sidebar-navigation li {
    background-color: transparent;
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 20px;
  }

  .sidebar-navigation li a {
    padding: 10px 15px 10px 30px;
    display: block;
    color: #fff;
  }

  .sidebar-navigation li .fa {
    margin-right: 10px;
  }

  .sidebar-navigation li a:active,
  .sidebar-navigation li a:hover,
  .sidebar-navigation li a:focus {
    text-decoration: none;
    outline: none;
  }

  .sidebar-navigation li::before {
    background-color: #2574A9;
    position: absolute;
    content: '';
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 3px;
    z-index: -1;
  }

  .sidebar-navigation li:hover::before {
    width: 100%;
  }

  .sidebar-navigation .header {
    font-size: 12px;
    text-transform: uppercase;
    background-color: #151515;
    padding: 10px 15px 10px 30px;
  }

  .sidebar-navigation .header::before {
    background-color: transparent;
  }

.content-container {
  padding-left: 220px;
}
.sidebar_text1{
  font-family: Open Sans Light;
  font-size: 40px;
  color: #FFFFFF;
}
.sidebar_text2{
  font-family: Open Sans Light;
  font-size: 22px;
  color: #FFFFFF;
}
.pr_15{
  padding-right: 15px;
}
.nav-link{
  font-size: 16px;
  color: #000000;
  line-height: 45px;
}

/*Side Menu Bar Csss Ends*/
.mobile-menu {
    display: none;
}
.btn-white{
    background-color: white;
    font-size: 18px;
    font-family: Open Sans SemiBold;
    border: 1px solid #707070; 
    width: 134px;
    border-radius: 0px;
    color: #707070;
}
.pwd_show_btn{
        font-size: 12px;
        color: #FFFFFF;
        background-color: #99CA3B;
        border: 1px solid #99CA3C;
        border-radius: 0px;
        width: 71px;
        height: 36px;

}
.pwd_hide_btn{
    font-size: 12px;
    color: #FFFFFF;
    background-color: #B2B2B2;
    border: 1px solid #B2B2B2;
    border-radius: 0px;
    width: 71px;
    height: 36px;

}
.user_select{
        
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E2E5EC;
    border-radius: 2px;
    opacity: 1;
    
}
.user_drk{
    background: #F8F8F8 0% 0% no-repeat padding-box;
    opacity: 1;
    min-height: 56px;
}
.user_txt12{
    font-size: 12px;
    color: #404040;
}
.drpdwn{
    color: #B2B2B2;   
}
.drpdwn_txt{
    color: #999999;
    font-size: 12px;
}
.user_border{
    border-bottom: 2px dashed #EBEDF2;
}
.inv_brd{
        background: #EBEBEB 0% 0% no-repeat padding-box;
        opacity: 1;
    }
    .inv_bottom_brd{
        border-bottom: 1px solid #EBEDF2;
    }

.inv-text-14-bold, .inv-text-14-bold:hover {
    font-size: 14px;
    color: #2680EB;
    font-family: 'Open Sans Semibold';
    text-decoration: none;
}

/* Job list page table css */

table#job_list_table thead th, table#job_list_table thead td {
    padding: 12px 12px;
    border-bottom: none;
    color: #222222;
    font-size: 12px; 
    font-family: poppins; 
    font-weight: 500;
    white-space: nowrap;
}
table#job_list_table.no-footer {
    border-bottom: 1px solid #dee2e6;
}
table#job_list_table.display tbody td {
    border-top: 1px solid #dee2e6;
    color: #484848;
    font-size: 12px;
}
table#job_list_table tbody tr:last-child td {
    border-bottom: 1px solid #dee2e6;
}
table#job_list_table.display tbody tr.odd>.sorting_1, table#job_list_table.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: transparent; 
}
table#job_list_table.display tbody tr.even>.sorting_1, table#job_list_table.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: transparent;
}
table#job_list_table.display tbody tr.odd {
    background-color: #F8F8F8;
    color: #484848;
    font-size: 14px;
}
table#job_list_table.display tbody>tr>:nth-child(2) {
    color:#2680EB;
}
#job_list_table_filter{
    display: none;
}
#job_list_table_length, #job_list_table_wrapper{
    color: #B2B2B2;
    font-size: 12px;
}
#job_list_table_length{
    float: right;
    margin-top: 4px;
}
.job-applied{
    background-color: #D4D4D4;
    color: #FFFFFF;
    border-color: #D4D4D4;
    font-family: 'Open Sans Semibold';
}
table#job_list_table{
    margin-top: 10px;
    border-top: 1px solid #EBEDF2;
}
table#job_list_table td {
  padding: .55rem;
  vertical-align: top !important;
}
.job-list-action-disabled{
    font-size: 10px;
    color: #FFFFFF;
    font-family: 'Open Sans Semibold';
    background-color: #B2B2B2;
    border-radius: 2px;
    padding: 8px 12px;
    margin-right: 5px;
    border-style: none;
}
.job-list-action-enable{
    font-family:'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    background-color: #87C05A;
    border-radius: 12px;
    padding: 10px 10px 10px 10px;
    margin-right: 5px;
    border-style: none;
    cursor: pointer;
}
.job-list-status-button{
    width: 93px;
    border-radius: 11px;
    border-style: none;
    background-color: transparent;
    border: 1px solid #B2B2B2;
    font-size: 10px;
    font-family: 'Open Sans Semibold';
    height: 24px;
}

#hover-content {
    display:none;
    margin-top: 10px;
    padding: 2px;
}
#approval_pending:hover #hover-content {
    cursor: pointer;
    display:block;
    font-size: 10px;
    font-family: 'Open Sans Semibold';
    background-color: #FFFFFF;
    border-style: hidden;
    border: 1px solid black;
    width: 350px;
    overflow: hidden;
    white-space: nowrap;
}

.inactive{
    color: #E8031A;
     text-align: center;
}
.active{
    color: #99CA3B;
}
.draft{
    color: #FAA83F;
}
.under-review{
    color: #FAA83F;
}
.has-search {
  width: 153px;
  height: 38px;
}
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
sup {
    background-color: #99CA3B;
    display: inline-block;
    border-radius: 50%;
    padding: 8px 5px;
    color: #FFFFFF;
}

.more-dot {
    background-color: #000000;
    margin: 2px 9px;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: none;
    border-top: none;
    border-right: none;
    border-bottom: none;
}
table#job_list_table tbody td .dropdown-menu{
    min-width: 6rem;
}
.box {
  width: 300px;
  height: 95px;
  background-color: #F8F8F8;
  color: #fff;
  padding: 20px;
  position: relative;
  margin: 10px;
  float: left;
  border-radius: 10px;
  margin-top: -106px;
  margin-right: 171px;
}
.box.arrow-top:after {
  content: " ";
  position: absolute;
  right: 30px;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid  #F8F8F8;
}
/*.box.arrow-right:after{
    content: " ";
    position: absolute;
    right: -15px;
    top: 24px;
    border-top: 15px solid transparent;
    border-right: none;
    border-left: 15px solid #F8F8F8;
    border-bottom: 15px solid transparent;

}*/

.single-action-enable{
    background-color: #FFFFFF;
    border-radius: 50%;
    border-style: none;
    height:34px;
    width: 34px;
    margin-right: 41px;
    cursor: pointer;
}
.single-action-disable{
    background-color: #FFFFFF;
    border-radius: 50%;
    border-style: none;
    height:34px;
    width: 34px;
    margin-right: 41px;
}

/* Draft job list page css */

table#draft_job_list_table tbody td .dropdown-menu{
    min-width: 6rem;
}
table#draft_job_list_table thead th, table#draft_job_list_table thead td {
    padding: 12px 10px;
    border-bottom: none;
    color: #484848;
    font-size: 14px;
    font-family: 'Open Sans Semibold';
}
table#draft_job_list_table.no-footer {
    border-bottom: none;
}
table#draft_job_list_table.display tbody td {
    border-top: none;
    color: #484848;
    font-size: 14px;
}
table#draft_job_list_table.display tbody tr.odd>.sorting_1, table#draft_job_list_table.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: transparent; 
}
table#draft_job_list_table.display tbody tr.even>.sorting_1, table#draft_job_list_table.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: transparent;
}
table#job_list_table.display tbody tr.odd {
    background-color: #F8F8F8;
    color: #484848;
    font-size: 14px;
}
table#job_list_table.display tbody>tr>:nth-child(2), table#draft_job_list_table.display tbody>tr>:nth-child(4){
    color:#2680EB;
}
#draft_job_list_table_filter{
    display: none;
}
#draft_job_list_table_length, #draft_job_list_table_wrapper{
    color: #B2B2B2;
    font-size: 12px;
}
#draft_job_list_table_length{
    float: right;
    margin-top: 4px;
}
table#draft_job_list_table{
    margin-top: 10px;
    border-top: 2px dashed #EBEDF2;
}
table#draft_job_list_table tbody th, table#draft_job_list_table tbody td {
    padding: 10px 10px;
}

/* Job Detail page CSS */

.jd-square {
  height: 120px;
  width: 120px;
  /*box-shadow: 0px 0px 3px #00000029;
  border-radius: 3px;*/
}
.first-div{
  padding-left: 0px;
  padding-right: .75rem !important;
  margin-top: .75rem !important;
}
.second-div{
  padding: 0px;
  margin-top: .75rem !important;
}
.third-div{
  padding-left: .75rem !important;
  padding-right: 0px;
  margin-top: .75rem !important;
}
.jd-background{
  box-shadow: 0px 0px 3px #00000029;
  background-color: #FFFFFF;
  border-radius: 3px;
}
.jd-title-18{
  font-size:18px;
  font-family: 'Open Sans SemiBold';
  color:#404040;
}
.jd-title-14{
  font-size: 14px;
  font-family: 'Open Sans Regular';
  color: #6F6E6E;
}
.jd-title2-14{
  font-size: 14px;
  font-family: 'Open Sans Regular';
  color: #B2B2B2;
}
.jd-title-16{
  font-size: 16px;
  font-family: 'Open Sans Regular';
  color: #6F6E6E;
}
.jd-title2-18{
    font-size: 18px;
    font-family: 'Open Sans Semibold';
    color:#484848;
}
.jd-title3-18{
    font-size: 18px;
    font-family: 'Open Sans Regular';
    color: #6F6E6E;
}
.jd-action-button-desktop{
    display: block;
}
.jd-action-button-mobile{
    display: none;
}
.share-jd{
    width: 55px;
}
.star-jd{
    width: 40px;
}
.jobs-detail-card .card-logo{
    position:absolute;
    background:#FFF;
    min-width:58px;
    min-height:58px;
    padding:.5rem;
    left:-34px;
    top:50%;
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.jobs-detail-card .card-logo img{
    width:58px;
    height:58px;
    overflow:hidden;
    /*border: 1px solid #ced4da;*/
}
.group-detail-card .card-logo{
    position:absolute;
    background:#FFF;
    min-width:65px;
    min-height:65px;
    /*border:1px solid #959595;
    border-radius:5px;*/
    padding:.5rem;
    left:-34px;
    top:50%;
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.group-detail-card .card-logo img{
    width:65px;
    height:65px;
    overflow:hidden;
    /*border: 1px solid #ced4da;*/
}
.featured{
    background-position:-14px -15px;
    width:25px;
    height:29px;
    background-color:transparent;
    /*top:-2px;*/
    position:relative;
    overflow:hidden;
    zoom:0.7;
    -moz-transform:scale(0.7);
    -moz-transform-origin:0 0;
}
.sprite-icon{
    background-image:url('../../images/jfh-sprite.png');
    background-repeat:no-repeat;
    display:inline-block;
    vertical-align:middle;
}
.preboosted-icon{
    background-image:url('../../images/employer/Hot_Job_2.png');
    background-repeat:no-repeat;
    display:inline-block;
    vertical-align:middle;
}
.group-detail-card .card-body {
    padding: 15px 10px;
    margin-left: 1.5rem;
}
.group-detail-card {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 3px #00000029;
    border-radius: 3px;
    position: relative;
    margin-left: 2.0rem;
}
.group_card_details {
    background: #F8F8F8;
    box-shadow: 0px 0px 3px #00000029;
    border-radius: 3px;
    position: relative;
    margin : 1rem;
    opacity: 1;
}
.card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
}

.comp-grey{
    font-size: 16px;
    font-family: 'Open Sans Semibold';
    background-color: #D4D4D4;
    color: #FFFFFF;
    border: 1px solid #D4D4D4;
    border-radius: 1px;
}
.comp-findmore {
    font-size: 12px;
    font-family: 'Open Sans Semibold';
    background-color: #99CA3B;
    color: #FFFFFF;
    border: 1px solid #99CA3B;
    border-radius: 1px;
}
.job-filter-active{
    font-size: 10px;
    font-family: 'Open Sans Regular';
    border-radius: 2px;
    background-color: #99CA3B;
    color: #FFFFFF; 
}
.job-filter-inactive{
    font-size: 10px;
    font-family: 'Open Sans Regular';
    border-radius: 2px;
    background-color: #F3F3F3;
    color: #808080; 
}
.job-filter-reset{
    font-size: 12px;
    font-family: 'Open Sans Regular';
    border-radius: 2px;
    background-color: #FFFFFF;
    color: #99CA3B;
    border:1px solid #99CA3B;
}
.switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.txt-none {
    text-decoration: none !important;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
  background-color: #98ca3b;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



/*Inventory page table css*/

.invtable.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png);
}
.invtable.dataTable thead th, .invtable.dataTable thead td {
    padding: 10px 18px;
     border-bottom: 0px solid ; 
}
.invtable.dataTable.display tbody tr.odd>.sorting_1, .invtable.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
     background-color: #fff; 
}
.invtable.dataTable.display tbody tr>.sorting_1, .invtable.dataTable.display tbody tr>.sorting_2, .invtable.dataTable.display tbody tr>.sorting_3 {
     background-color: #fff; 
}
.invtable.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #fff; 
}
.invtable.dataTable.row-border tbody th, .invtable.dataTable.row-border tbody td, .invtable.dataTable.display tbody th, .invtable.dataTable.display tbody td {
    border-top: 0px solid #ddd;
    border-bottom: 1px solid #EBEDF2;
}
.invtable.dataTable.stripe tbody tr.odd, .invtable.dataTable.display tbody tr.odd {
     background-color: #fff; 
}
.invtable.dataTable thead .sorting_asc {
    background-image: url('');
}
.invtable.dataTable thead .sorting {
     background-image: url(''); 
}
.invtable .dataTables_wrapper .dataTables_length, .invtable .dataTables_wrapper .dataTables_filter, .invtable .dataTables_wrapper .dataTables_info, .invtable .dataTables_wrapper .dataTables_processing, .invtable .dataTables_wrapper .dataTables_paginate {
    color: #333;
     display: none;
}
.invtable.dataTable.no-footer {
     border-bottom: 0px solid #111; 
}
.invtable tr{
height: 70px;
}

.invtable.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, .invtable.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 26px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 0px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: url(../../images/employer/close_Arrow.svg);
    background-color: #fff;
}
.invtable.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, .invtable.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: url(../../images/employer/open_Arrow.svg);
    background-color: #fff;
}

/*inventry datatables*/

    #featured_session div.table-responsive>div.dataTables_wrapper>div.row {
      margin: 0;
      width: 100%;
    }
    #featured_company_profile div.table-responsive>div.dataTables_wrapper>div.row {
      margin: 0;
      width: 100%;
    }
    #logo_on_homepage div.table-responsive>div.dataTables_wrapper>div.row {
      margin: 0;
      width: 100%;
    }
    #hot_jobs div.table-responsive>div.dataTables_wrapper>div.row {
      margin: 0;
      width: 100%;
    }

/*inventry datatables end*/

/*Inventory Page table css ends*/
.upload_bg{
    background: #99CA3B;
}
.img-editbtn{
    top: 80%;
    position: absolute;
    margin-top: -178px;
    margin-left: 144px;
    width: 30px;
    height: 30px;
    padding: 4px;
}
.img-deletebtn{
    top: 80%;
    position: absolute;
    margin-top: -178px;
    margin-left: 116px;
    width: 30px;
    height: 30px;
    padding: 4px;
}
.cprf-edit-image {
    top: 80%;
    position: absolute;
    margin-top:-17px;
    margin-left: 162px;
    width: 30px;
    height: 30px;
    
    padding: 4px;
}
.img-policy{
    width: 35px;
    height: 35px;
    border: 0px solid !important;
}

.inv_clps > a[aria-expanded="true"]:after {
    content: url(../../images/employer/arrow_Down.png);
}
.inv_clps > a:after {
    content: url(../../images/employer/right_Arrow_1.svg);
    position: absolute;
    right: 5px;
}
.profile-edit-image{
    margin-top: 0px;
    margin-left: 0px;
    top: 80%;
    position: relative;
    width: 25px;
    height: 25px;
    padding: 4px;
    max-width: 25px !important;
}
.dashboardtitle{
    color: #404040;
    font-size: 18px;
    border-bottom: 2px dashed #EBEDF2;
    font-family: 'Open Sans Semibold';
}

.profiletitle{
    color: #404040;
    font-size: 18px;
    /*border-bottom: 2px dashed #DDDDDD;*/
    font-family: 'Open Sans Semibold';
}
.dashboardcardheight{
    /*height: 250px;*/
}
.cp-edit-image{
   position: relative;
    width: 25px;
    height: 25px;
    padding: 4px;
    margin-left: 0px;
    margin-top: 0px;
    max-width: 25px!important;  
}

.companydetail{
    color: #6F6E6E;
    font-size: 16px
}
.tab-head{
    font-size: 14px;
    color: #484848;
    font-family: 'Poppins';
    /* font-family: 'Open Sans Semibold';*/
    letter-spacing: 0.28px;
    opacity: 1;
}
.user-btn-red,.user-btn-red:hover{
    background-color: #FF3D4B;
    border: 1px solid #FF3D4B;
    color: #FFF;
    font-family: 'Open Sans Bold';
    font-size: 12px;
    border-radius: 0px;
    border-radius: 4px;
}
.user-btn-boosted,.user-btn-boosted:hover,.user-btn-boosted:focus,
.user-btn-boosted:active{
    background: #e5f5d8 0% 0% no-repeat padding-box;
    border: 1px solid #e5f5d8;
    color: #87C05A;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins';
    border-radius: 8px;
    outline: none;
    box-shadow: none;
}
.companytype{
    border-bottom: 1px solid #EBEDF2;
    /*border-top: 1px solid #EBEDF2;*/
}
.activejob{
    border-color: #EBEDF2;
    
}

.testimonial-edit-image{
   position: absolute;
    width: 30px;
    height: 30px;
    padding: 4px;
    margin-left: 337px;
    margin-top: -3px;  
}


/*buypackage csss*/

.by_pac ul{
    border: 1px solid #CCCCCC;
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border-radius: 30px;
    opacity: 1;
}
.package_wrapper {
  margin: 25px 0 0;
  padding: 0;
  font-size: 0;
  font-family: 'Poppins';
  line-height: 0;
  display: flex;
  justify-content: space-around; /* spreads <li> items across full width */
  width: 100%;
  height: 43px;
  border: 1px solid #CCCCCC;
  background: #FAFAFA;
  border-radius: 24px;
}
.package_wrapper li {
  position: relative;
  font-family: 'Poppins';
  margin: 0px 0px;
  padding: 0px;
  list-style: none;
  list-style-image: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  transition: 0.3s ease;
  flex: 1;
  text-align: center;
  border-radius: 40px 40px 40px 40px;
}
.session_wrapper {
  margin: 25px 0px 0px;
  padding: 0px;
  font-size: 0px;
  font-family: 'Poppins';
  line-height: 0px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 43px;
}
.session_wrapper li {
  position: relative;
  font-family: 'Poppins';
  margin: 0px 0px;
  padding: 0px;
  list-style: none;
  list-style-image: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  transition: 0.3s ease;
  border-radius: 40px 40px 40px 40px;
}
.by_pac ul.buy_pac_breadcrumbs li a.active {
    background: #935073 0% 0% no-repeat padding-box;
    border-radius: 23px;
    opacity: 1;
    font-size: 14px;
    font-family: 'Poppins';
    color: #FFFFFF;
}

.by_pac ul.buy_pac_breadcrumbs li a.active:hover {
    color: #FFFFFF !important;
}

.by_pac ul.buy_pac_breadcrumbs li a {
  display: block;
  font-size: 14px;
  font-family: 'Poppins';
  line-height: 41px;
  color: #000000;
  padding: 0px 35px 0px 55px;
  text-decoration: none;
  background: #FAFAFA 0% 0% no-repeat padding-box;
  white-space: nowrap;
  overflow: hidden;
  transition: 0.3s ease;
  border-radius: 40px 40px 40px 40px;
}
  
.fs_table {
    /* Example styling for fs_table */
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #FBF9F7;
  }

  .fs_table td, .fs_table th {
      padding: 10px;
      border: none;
  }

  .fs_table th {
      background-color: #f4f4f4;
      text-align: left;
  }

  /* Increase the width of the first column */
  .fs_table td:first-child, .fs_table th:first-child {
      width: 150px; /* Adjust width as needed */
  }

  .color-white {
    background-color: #FFF;
  }

  /* Fix the width of other columns */
  .fs_table td, .fs_table th {
      width: 100px; /* Set width for other columns */
      padding: 10px;
  }

  .font-head {
    font-size: 16px;
    color:#935073;
    font-family: 'Arial', sans-serif; 
    font-style: italic;
    font-weight: bold;
    background-color: #FBF9F7;
  }

  .font-head-2 {
    font-size: 13px;
    color:#00031E;
    font-family: 'Arial', sans-serif; 
    background-color: #FBF9F7;
  }

  .font-row1 {
    font-size: 16px;
    color:#000000;
    font-weight: bold;
    background-color: #FBF9F7;
  }

  .font-row2 {
    font-size: 14px;
    color:#935073;
    background-color: #FBF9F7;
  }

  .font_row1_title {
    font-size: 10px;
    letter-spacing: 0px;
    color: #4F4E4E;
  }

  .font_row5_title {
    font-size: 12px;
    letter-spacing: 0px;
    color: #000;
    background-color: #FBF9F7;
  }

  .font_left_title {
    font-size: 13px;
    letter-spacing: 0px;
    color: #000000;
  }

  .font_break_title {
    padding-left:30px;
    color: #000000;
  }
  
  .font_cross {
    font-size: 16px;
    color: #BFC1C5;
  }

  .font_tick {
    font-size: 16px;
    color: #87C05A;
  }

  .col_5_box_out {
    background-color: #FCF2F7; 
    border: 2px solid #000; 
    padding: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

  .col_box_out {
    border: 1px solid #000;
    padding: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .col-merge-title {
    border-top: 1px solid #f4f4f4;
    text-align: left;
    /*font-size: 20px;
    color: #323236;*/
  }

  .row_bg {
    background-color: #FBF9F7;
  }

  .row_bordered {
    border: 1px solid #ddd;
  }

  .row_bordered-white {
    border: 1px solid #fff;
  }

.grey_border{
    border-top-color: #DDDDDD;
    border-top-width: 10px;    
}

.grey_hot_border{
    border-top-color: #DDDDDD;
    border-right-width: 10px;    
}
.green_hot_border{
    border-color: #99CA3B;
    border-right-width: 10px;    
}

 .position-md-absolute 
    {
        position: absolute;
    }

.package_title{
    text-align: center;
    font-size: 18px;
    font-family: 'Poppins';
    color: #87C05A;
    margin-bottom: .75rem;
}
.psub_title1{
    text-align: center;
    font-size: 29px;
    font-family: 'Open Sans Semibold';
    color: #484848;
    margin-bottom: .75rem;
}
.bp_rupee{
    font-size: 25px;
    padding-right: 10px;
}
.buyp_12bold{
    font-size: 12px;
    font-family:  'Open Sans Semibold';
    color: #484848;
}
.package_mr{
    position: absolute;
    margin-top: 30px;
    margin-inline-start: -30px;
}
.green_bullet ul {
list-style-image: url(../../images/employer/Bullet_Pointer.svg);
}
.buypackage_12bold{
    font-size: 12px;
    font-family:  'Open Sans Semibold';
    color: #404040;
    line-height: 30px;
}
.package-black-btn{
    border: 2px solid #484848;
    border-radius: 3px;
    color: #484848;
    height: 46px;
    background-color: #FFFFFF;
    font-size: 18px;
}
.package-green-btn{
    background-color: #99CA3C;
    border: 1px solid #99CA3C;
    color: #FFFFFF;
    font-size: 18px;
    border-radius: 3px;
    height: 46px;
    background-image: url(../../images/employer/plan_select.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-position: 5px;
    width: 150px;
}

.pacradio {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  font-size: 12px;
  font-family: 'Open Sans Semibold';
  color: #404040;
  width: 160px;
}
.pacradio .paclabel {
  position: relative;
  display: block;
  float: left;
  top: 6px;
  /*margin-right: 10px;*/
  width: 16px;
  height: 16px;
  border: 2px solid #c8ccd4;
  border-radius: 100%;
  -webkit-tap-highlight-color: transparent;
}
.pacradio .paclabel:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #935073;
  transform: scale(0);
  transition: all 0.2s ease;
  opacity: 0.08;
  pointer-events: none;
}

.pacradio:hover .paclabel:after {
  transform: scale(3.6);
}
.pac_radio:checked + .paclabel {
  border-color: #935073;
}

.pac_radio:checked + .paclabel:after {
  transform: scale(1);
  transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
  opacity: 1;
}
.pachidden {
  display: none;
}
.lead_select_all {
  width: 70px; 
  height: 40px; 
  display: flex; 
  align-items: center; 
  justify-content: center;
  gap: 10px;
}
.unlock_btn {
  background-color: #B2B2B2;
  padding: 3px 8px 3px 8px;
  width: 80px;
  height: 32px;
  border-radius: 8px;
}
/* Radio button squre design css*/
.pacradio.pacradio-squre .paclabel{
    height: 13px;
    width: 13px;
    top: 9px;
    border: 1px solid #B2B2B2;
    border-radius: 2px;
}
.pacradio.pacradio-squre .paclabel:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: white;
    top: -4px;
    left: 1px;
    background-color: #935073;
    height: 0;
    width: 0;
    font-size:8px;
}

.pacradio.pacradio-squre .pac_radio:checked + .paclabel {
  border-color: #935073;
  background-color: #935073;
}
.pacradio.pacradio-squre .pac_radio:disabled + .paclabel {
  opacity: 0.5;
}
.pacradio.pacradio-custom{
  width: initial;  
}
.pacradio.pacradio-custom .paclabel{
    top: 5px;
}
.package-hot-single {
    
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    border-radius: 4px;
    transition: all 0.3s ease-in;
}
.package-hot-single:hover {
    -webkit-box-shadow: 1.563px 8.863px 20px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 1.563px 8.863px 20px 0 rgba(0, 0, 0, 0.13);
    -o-box-shadow: 1.563px 8.863px 20px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 1.563px 8.863px 20px 0 rgba(0, 0, 0, 0.13);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    transform: translate(0, -5px);
    border-right-width: 10px;
    border-right-color: #99CA3B;
    margin-right: 0px !important;
}

.package-single {
    
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    border-radius: 4px;
    transition: all 0.3s ease-in;
}
.package-single:hover {
    -webkit-box-shadow: 1.563px 8.863px 20px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 1.563px 8.863px 20px 0 rgba(0, 0, 0, 0.13);
    -o-box-shadow: 1.563px 8.863px 20px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 1.563px 8.863px 20px 0 rgba(0, 0, 0, 0.13);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    transform: translate(0, -5px);
    border-top-width: 10px;
    border-top-color: #87C05A;
    margin-top: 0px !important;
}

.packge-btn-grey{
    background-color: #B2B2B2;
    border: 1px solid #B2B2B2;
    color: #FFFF;
    font-family:'Poppins';
    font-size: 12px;
    font-weight: 400;
    border-radius: 6px;
    line-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    width: 153px;
    height: 38px;
}

.pkg_txt18{

    font-size: 18px;
    color: #000000;
}
.pkg_txt18bold{

    font-size: 18px;
    color: #000000;
    font-family:'Open Sans Bold';
}

.mob-inline{

    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap;

}

.mob-inline-packages{
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  white-space: nowrap;
  bottom: 25px;
}

.bc_border {
  border-bottom: 3px solid #E9E9E9;
  height: 26px;
}

 
.mob-menu a:hover{
    border-bottom: 3px solid #9aca3c;
    color:#99CA3B;
}
.liborder{
    border-bottom: 3px solid #E9E9E9;
    
}

.testimg-edit-image{
   position: absolute;
    width: 30px;
    height: 30px;
    padding: 4px;
    margin-left: 420px;
    margin-top: 2px;  
}
.testimg-delete-image{
   position: absolute;
    width: 30px;
    height: 30px;
    padding: 4px;
    margin-left: 450px;
    margin-top: 2px;  
}
.new-footer {
   position: sticky;
   left: 0;
   bottom: 0;
   background-color: #FFFFFF;
   width: 100%;
   height: 60px;
}
.min-rh{
    min-height: 920px;
}

.vdivide {
    background: #CCCCCC;
    width: 2px;
    display: block;
    min-height: 40px;

    
}
.dash14 {
    font-family:'Open Sans Bold';
    font-size: 14px;
    color: #000000;
    }

 .dash-btn-whit {
    border: 1px solid #B2B2B2;
    color: #B2B2B2;
    font-family: 'Open Sans Bold';
    font-size: 12px;
    border-radius: 0px;
}  

.dash-txt-18{
    font-size: 18px;
    font-family: 'Open Sans Bold';
    color: #404040;
}

.round-btn-whit {
    border-radius: 14px;
    border: 1px solid #B2B2B2;
    color: #B2B2B2;
    font-family: 'Open Sans Bold';
    font-size: 12px;
}  

.dashtable .table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.dashtable_job .table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
}

#dashboard_table thead td {
  border-bottom: 1px solid #dee2e6;
}

#dashboard_table tbody tr:last-child td {
  border-bottom: 1px solid #dee2e6;
}

.dash_text14{
    font-size: 14px;
    color: #2680EB;;
}
.smoutof_btn{
    width: 55px;
    height: 17px;
    background: #EBEBEB 0% 0% no-repeat padding-box;
    border-radius: 2px;
    opacity: 1;
    font-size: 9px;
    color: #404040;
}

.whitesmoke_bg {
    background-color: whitesmoke;
}
.testimonials-container {
    width: 100%;
    border-radius: 5px;
    /*background-color: whitesmoke;*/
    padding: 25px 20px 15px;
}
.video-container {
    width: 100%;
    border-radius: 5px;
    
    padding: 25px 20px 15px;
}
.e-home-video-container {
    width: 100%;
    max-width: 700px;
    padding: 0;
    margin: auto;
}
.policy-edit-image{        
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 4px;
    /*margin-left: 532px;*/
    margin-top: -3px;  
}

.shortlist-active{
    color: #99CA3B;
    cursor: pointer;
}
.on-hold-active{
    color: #FAA83F;
    cursor: pointer;
}
.reject-active{
    color: #D40000;
    cursor: pointer;
}
.hired-active{
    color: #719826;
    cursor: pointer;
}
.shortlist-deactive, .on-hold-deactive, .reject-deactive, .hired-deactive{
    color: #484848;
    cursor: pointer;
}
.pagination{
    float: right;
    margin:10px 0px !important;
}
.page-item.active .page-link {
    color: #FFFFFF !important;
    background-color: #935073 !important;
}
.page-link {
    color: #935073 !important;
    border: none !important;
    font-size: 12px;
    width: 29px !important;
    height: 29px !important;
    border-radius: 2px; 
}
.pagination li{
    margin:0 3px;
}
.previous a, .next a{
    background-color: #F8F8F8;
}
.page-item.disabled .page-link {
    background-color: #F8F8F8;
}
/* resume upload modal popup*/
#apply_job_modal_title{
    font-size: 14px;
    color: #707070;
    font-family: 'Open Sans Semibold';
}
.resume-upload-modal-header{
    padding: 0.3rem 1rem;
    border-bottom: none;
    border-top-left-radius: 0rem; 
    border-top-right-radius: 0rem;
}
.resume-upload-modal-header .close{
    padding: 20px;
}
.resume-upload-modal-content{
    border:none;
    padding: 0px 40px;
}
.resume-text-14-semibold{
    font-size: 14px;
    color: #484848;
    font-family: 'Open Sans Semibold';
}
.resume-form-control{
    border:none;
    border-bottom: 1px solid #484848;
    position: relative;
    border-radius: 0px;
    color: #404040;
    font-size:14px;
    padding: .375rem 0rem;
}
.resume-upload-container{
    border-radius: 2px;
    padding: 6px 20px;
    position: relative;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.175);"
}
.resume-upload-text{
    padding: 0px 80px;
}

/*buy package css ends*/

/*job detail page*/
.text-16-para p{
    font-size: 16px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';  
}
.text-16-para li{
    font-size: 16px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';  
}
.text-14-para p{
    font-size: 14px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';  
}
.text-14-para li{
    font-size: 14px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';  
}
.text-10-para p{
    font-size: 10px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';  
}

/* employer Questionnaire CSS start */
#modal-questionnaire .modal-dialog {
    max-width: 689px;
}
.add-questionnaire-btn{
    width: auto;
    height: 43px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2680EB;
    border-radius: 3px;
    opacity: 1;
    font-size: 16px;
    font-family: 'Open Sans Semibold';
    color: #2680EB;
    margin-top: 5px;
}
.question-card{
    border: 1px solid #E2E5EC;
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 15px;
}
.questionnaire-font{
    color: #B2B2B2;
    font-family: 'Open Sans Regular';
    font-size: 12px;
}
.emp-question-input{
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #E2E5EC;
}
.question-delete-icon{
    color: #99CA3B;
    cursor: pointer;
    font-size: 26px;
    line-height: 1;
}
.question-info-font{
    font-size: 12px;
    color: #B2B2B2;
    font-family: 'Open Sans Regular';
    line-height: 17px;
}
.question-text-14{
    color: #484848;
    font-family: 'Open Sans Semibold';
    font-size: 14px;
}
.question-text-12{
    color: #484848;
    font-family: 'Open Sans Semibold';
    font-size: 12px;
}
/* employer Questionnaire CSS end */
/*job detail page csss*/

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media only screen and (min-width:992px) and (max-width:1199.98px){



    .navbar-expand-lg .navbar-nav .nav-link{
      padding-right:0.4rem;
      padding-left:0.4rem;
      font-size:90%;
    }
    .mobile-menu {
      display: none;
    }
    .emp-desk-comp-logo{
      width: 64px;
      height: 64px;
    }

    .contact-us-border{
    width: 100%;
    height: 678px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    opacity: 1;
    }

    .text-leftalign{
    width: 100%;
    height: 22px;
    text-align: left;
    font: normal normal normal 16px/22px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    }

    .textarea-message{
      width: 100%;
      height: 90px;
      background: #FFFFFF 0% 0% no-repeat padding-box;
      border: 1px solid #FFFFFF;
      border-radius: 5px;
    }

    .input-field{
    width: 100%;
    height: 45px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    opacity: 1;
    }

    .rounded-rec-button{
      width: 250px;
      height: 40px;
      display:inline-flex;
      border-radius: 25px 25px;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      border:solid;
      text-decoration: none;
      border-color: #e7e7e7;
      color: black;
      background-color: #fff;
      opacity: 1;
    }
    .view-more-para{
      font-family: 'Open Sans regular';
      font-size: 15px;
      color: #000000;
      text-align: center;
      line-height: 30px;
      padding-left: 100px;
      padding-right: 60px;
    }
    .job-desc-result{
      float:left;
      width:25%;
      min-height:150px;
      word-wrap:break-word;
    }
    .job-desc-blur-result{
      float:left;
      width:25%;
      height:150px;
      word-wrap:break-word;
      filter: blur(1px);
    }
    .words-dropdown{
      display: inline-block; 
      margin: 0; 
      margin-left: 150px; 
      margin-right: 5px; 
      box-shadow:0 0 5px #00000029; 
      width: 250px; 
      color: black;
    }
    .blur_ontop_signin_singnup{
      z-index:1; 
      top: 100px; 
      left: calc(100% - 610px); 
      position: relative;
    }
    .signup_btn{
      width: 200px;
    }
    #no_feminine_words{
      margin-left: 130px;
      margin-right: 5px;
    }
    #no_masculine_words{
      margin-left: 10px;
      margin-right: 5px;
    }
    #no_neutral_words{
      margin-left: 10px;
      margin-right:110px;
    }

 

@media (min-width: 768px) and (max-width: 1024px) {
    .company-save-button{
        width: 91%;
    }
    .jfh-logo-left-position {
        position: absolute;
        left: 29%;
        -webkit-transform: translateX(-17%);
        transform: translateX(-45%);
        bottom: 15px;
    }
    .sign-image-cover {
        background-image: url(../../images/employer/emp_signin_bg.png);
        width: 100%;
        min-height: 100vh;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .home-text-48 {
        font-size: 38px;
        color:#484848;
    }
    .home-text-24 {
        font-size: 18px;
        color:#484848;
    }
    .home-text-22 {
        font-size: 16px;
        color:#484848;
    }
    .text-16-semibold {
        font-size: 14px;
        color: #000000;
        font-family: 'Open Sans Semibold';
    }
    .empwel-step-line {
    position: absolute;
    width: 80%;
    height: 1px;
    border: 0;
    border-bottom: 2px dashed #DDDDDD;
    left: 0;
    right: 0;
    margin: auto;
    top: -192px;
    bottom: 0;
    }
    .mobile-menu {
        display: none;
    }
    .emp-desk-comp-logo{
        width: 64px;
        height: 64px;
    }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

    #carouselEmployerMainSlides .item{
        position: relative;
        max-height: 275px;
        height: 273px;
      }
  .crslimg{
        position: absolute;
        max-height: 275px;
        height: 273px;
        width: 100%;
      }
    .section-testimonial{
      display: none;
    }
    .section-ipadtestimonial{
      display: block;
    }
    .section-ipadtestimonial .card-img-user {
      height: 80px !important;
      width: 80px !important;
      position: absolute;
      top: -40px;
      left: 50%;
      margin-left: -40px;
      border: 1px solid #D8D8D8;
      border-radius: 50px;
    }
    .better-block{
    display: block;
    }
    .better-none{
        display: none;
    }
    .solutionmt {
    margin-top: -130px;
    }
    .solutionmtsol{
        margin-top: -130px;
    }
    .mrgtopneg-66{
        margin-top: -66px;
    }
    .mrgtp-100{
        margin-top: 100px;
    }
    .report_card {
        background: #99CA3B 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 10px #00000014;
        border-radius: 6px;
        opacity: 1;
        margin-top: 410px;
    }
    .pos-abs{
        position: absolute;
    }
    .detl-pos{
        z-index: 9;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .company-save-button{
        width: 91%;
    }
    .jfh-logo-left-position {
        position: absolute;
        left: 29%;
        -webkit-transform: translateX(-17%);
        transform: translateX(-45%);
        bottom: 15px;
    }
    .sign-image-cover {
         background-image: url(../../images/employer/emp_signin_bg.png);
        width: 100%;
        min-height: 100vh;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .home-text-48 {
        font-size: 38px;
        color:#484848;
    }
    .home-text-24 {
        font-size: 18px;
        color:#484848;
    }
    .home-text-22 {
        font-size: 16px;
        color:#484848;
    }
    .text-16-semibold {
        font-size: 14px;
        color: #000000;
        font-family: 'Open Sans Semibold';
    }
    .mobile-menu {
    display: none;
    }
    .emp-desk-comp-logo{
        width: 64px;
        height: 64px;
    } 
    /*.report_card {
        background: #99CA3B 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 10px #00000014;
        border-radius: 6px;
        opacity: 1;
        margin-top: 200px;
    }
    .pos-abs{
        position: absolute;
    }
    .detl-pos{
        z-index: 9;
    }*/

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media only screen and (min-width:768px){
    .footer-position-container 
    {
        background-color: rgba(0,0,0,0.6);
        color: #FFF;
    }
    .emp-desk-comp-logo{
        width: 100px;
        height: 100px;
    } 
    
}
@media (min-width: 481px) and (max-width: 767px) {
  .mt-70-topmenu{
    margin-top: 70px;
  }
  .mt-70-topmenu{
    margin-top: 70px;
  }
  .sticky {
   position: fixed;
   top: 102px;
   width: 92%;
   z-index: 2;
    }
    .sticky + .content {
       padding-top: 307px !important;
    }
    .applicant_mobile{
      position: fixed;
     top: 56px;
     right: 0;
     left: 0;
     z-index: 1030;
    }
    .report-card-img{
    min-height: 300px;

}
    .jobscount{
        color: #2680EB;
        font-size: 14px
    }
     .nav-link{
      font-size: 16px;
      color: #000000;
      line-height: 15px;
    }
    .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    display: -moz-box;
    
    }
    .nav-tabs::-webkit-scrollbar { 
        display: none; 
     } 
    .nav-tabs {
        overflow: -moz-scrollbars-none;
    }
    .companytitle{
        font-size: 12px;
        color: #404040;
        font-family: Open Sans SemiBold
    }
    #employerblogs .owl-dots .owl-dot span {
    width: 40px !important;
    height: 4px!important;
    border-radius: 0px!important;
  }
  #companyevents .owl-dots .owl-dot span {
    width: 40px !important;
    height: 4px!important;
    border-radius: 0px!important;
  }
     .cprofile-text{
    font-size: 12px;
    font-family: 'Open Sans Semibold';
    color: #404040;
    }
    .cprofile-text1{
        font-size: 12px;
        font-family: 'Open Sans Regular';
        color: #404040;
    }
    .desktopview{
        display: none;
    }
    .mobileview{
         display: block !important;
        
    }
   .nav.desktopview{
        display: none;
    }
    .mobileview{
         display: block !important;
        
    }-link{
      font-size: 16px;
      color: #000000;
      line-height: 25px;
    }
    .mobile-companyprofilemenu{
        display: block !important;
        
    }
    .share-popup-absolute:before {
        left: 88px;
    }
    .mobile-row{
        margin-top: 32px;
    }
    .jd-square{
        width: 70px;
        height: 70px;
    }
    .second-div {
        margin-top: 0rem !important; 
    }
    .mobile-logo{
        margin-top: -84px;
    }
    .mobile-background{
        margin-top: 32px;
    }
    .filter-button-section {
        position: relative;
        /*padding: 10px 0;
        margin-top: 15px;*/
        margin-bottom: 0px;
    }
    .filter-button {
        bottom: 0;
        left: 0;
        width: 100%;
        position: fixed;
        z-index: 1;
    }
    .jfh-green {
        background-color: #92c139 !important;
        color: white;
        font-size: 20px;
        font-weight: 600;
    }
    .filters-button {
        height: 46px;
    }
    .filter-icon {
        width: 16px;
        height: 20px;
        background-position: -9px -107px;
        margin-right: 10px;
        vertical-align: middle;
        background-size: 100px;
    }
    .sprite-new {
        background-image: url(../images/sprite-new.png);
        display: inline-block;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .signin-submit-btn {
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        color: #5B5B5B;
        font-family: 'Open Sans Bold';
        font-size: 14px;
        border-radius: 0px;
    }
    .btn-green,.btn-green:hover{
        background-color: #99CA3C;
        border: 1px solid #99CA3C;
        color: #FFF;
        font-family:'Open Sans Bold';
        font-size: 18px;
        border-radius: 0px;
    }
    .btn-border-green,.btn-border-green:hover {
        background-color: transparent;
        border: 1px solid  #99CA3C;
        color:  #99CA3C;
        font-size: 14px;
        text-align: center;
        border-radius: 0px;
    }
    .btn-custom-grey,.btn-custom-grey:hover{
       width: 40%;
       color: #B2B2B2;
       border: 2px solid #B2B2B2;
       background-color: transparent;
       border-radius: 5px
    }
    .top-right-corner {
        height: 183px;
    }
    .sign-image-cover {
        background-image: none;
        width: 100%;
        min-height: 100vh;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .inside {
        width: 90px;
        height: 90px;
        left: 26%;
    }
    .img-responsive-icon {
        margin-top: 11px;
        margin-left: 20px;
    }
    .policy-text {
        top: 74%;
    }
    .inline-buttons .one-third {
        width: 100%;
        margin: 20px;
    }
    .company-save-button{
        width: 91%;
    }
    .policies-editor-container {
        padding: 20px;
    }
    .jfh-logo-left-position {
        position: absolute;
        left: 29%;
        -webkit-transform: translateX(-17%);
        transform: translateX(-45%);
        bottom: 15px;
    }

    a.email, a.email:focus
     {
        color: inherit;
     }
     .hide-background-gradient {
        background-image: linear-gradient(-180deg, #92FBFF, #5FEB1B);
        opacity: 0.84;
    }
    .line_steps_jfh {
        display: none;
    }
    .brand_box {
        position: relative;
        font-size: 20px;
    }
    .comp_profile li:last-child {
        font-size: 17px;
    }
    .font_30s{
        font-size: 30px;
    }
    .text-16-semibold {
        font-size: 14px;
        color: #000000;
        font-family: 'Open Sans Semibold';
    }
    .empwel-step-line {
        position: absolute;
        width: 80%;
        height: 1px;
        border: 0;
        border-bottom: 2px dashed #DDDDDD;
        left: 0;
        right: 0;
        margin: auto;
        top: -70px;
        bottom: 0;
    }
    .mobile-menu {
        display: block;   
    }
    .desktop-sidemenu{
        display: none;
    }
    .nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -moz-box;
    }
    .nav-tabs::-webkit-scrollbar { 
        display: none; 
    } 
    .nav-tabs {
    overflow: -moz-scrollbars-none;
    }

    .user-text-14 {
    font-size: 12px;
    color:#484848;
    font-family:'Open Sans Semibold';
    padding-top: 10px;
    padding-left: 0px;
    }
    .videotitle{
        font-family:'Open Sans Semibold';
        font-size: 16px;
    }
    .min-rh{
        min-height: 0px;

    }
    .first-div {
        padding-left: 0px;
        margin-top: .75rem !important;
        padding-right: 0px;
    }
    .third-div{
      padding-left: 0px !important;
      padding-right: 0px;
      margin-top: .75rem !important;
    }
    .emp-desk-comp-logo{
        width: 64px;
        height: 64px;
    } 
    .dash-mobile-btn{
        width: 77px;
        height: 28px;
        line-height: 14px;
    }
    .text-16-para p{
    font-size: 14px;
    color:#6F6E6E;
    font-family:'Open Sans Regular';
    margin-bottom: 1em;  
    }
    .profile-text-18 {
        font-size: 10px;
        color: #6F6E6E;
        font-family: 'Open Sans Regular';
    }
    .seemore {
        color:#2680EB !important;
        cursor: pointer;
        font-size: 12px;
        font-family:'Open Sans Regular';
    }
    .text-14-textimonial {
    font-size: 12px;
    color:#404040;
    font-family:'Open Sans Italic';  
    }
    .policyimg{
    width: 45px;
    height: 45px;
    border: 2px solid #dee2e6;
    border-bottom: 4px solid #99CA3B;
    max-width: 45px;
    padding: 8px
    }
    .sm_img{
        width: 90px;
        height: 90px;
        min-width: 90px
    }

}


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media only screen and (max-width: 500px){
  .mt-70-topmenu{
    margin-top: 70px;
  }
  .mnupip_applicant {
    line-height: 45px;
    color: #A2A3B7;
}
  .sticky {
       position: fixed;
       top: 102px;
       width: 92%;
       z-index: 2;
    }
    .sticky + .content {
       padding-top: 220px !important;
    }
    .applicant_mobile{
    position: fixed;
   top: 56px;
   right: 0;
   left: 0;
   z-index: 1030;
  }
    .report-card-img{
    min-height: 300px;

}
    .resume-upload-container{
        padding: 6px 6px;
    }
    .resume-upload-text{
        padding: 0px 20px;
    }
    .empflotrit{
        float: right;
    }
     .full-width-video-container{
    position:relative;
    padding-bottom:40.40%;
    height:270px;
    max-height:549px;
    overflow:hidden;
    }
    .pos-abs{
        position: absolute;
    }
    .detl-pos{
        z-index: 9;
    }
    .report_card {
        background: #99CA3B 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 10px #00000014;
        border-radius: 6px;
        opacity: 1;
        margin-top: 200px;
    }
    
} 

@media (min-width: 300px) and (max-width: 320px) {
  .mt-70-topmenu{
    margin-top: 70px;
  }
  .sticky {
   position: fixed;
   top: 102px;
   width: 92%;
   z-index: 2;
  }
  .sticky + .content {
   padding-top: 307px !important;
  }
  .applicant_mobile{
    position: fixed;
   top: 56px;
   right: 0;
   left: 0;
   z-index: 1030;
  }
   .report-card-img{
    min-height: 300px;

  }
    .jobscount{
        color: #2680EB;
        font-size: 12px
    }
    .desktop-companyprofilemenu{
        display: none;
    }
    .mobile-companyprofilemenu{
         display: block !important;
        
    }
    .desktopview{
        display: none;
    }
    .mobileview{
         display: block !important;
        
    }
    .nav-link{
      font-size: 16px;
      color: #000000;
      line-height: 15px;
    }
    .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    display: -moz-box;
    
    }
    .nav-tabs::-webkit-scrollbar { 
        display: none; 
     } 
    .nav-tabs {
        overflow: -moz-scrollbars-none;
    }

}

@media (min-width: 359px) and (max-width: 391px) {
  
    .showdown{
        display: block !important;
    }

}

@media (min-width: 319px) and (max-width: 480px) {

    .btn-hot-job-request{
      border: 1px solid #99CA3B;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      color: #99CA3B;
      font-size: 10px;
    }

    .report-card-img{
        min-height: 300px;

    }
    div.mce-fullscreen {
        position: fixed;
        top: 98px !important;
        left: 0px !important;
    }
    .report_card {
        background: #99CA3B 0% 0% no-repeat padding-box;
        box-shadow: 0px 20px 10px #00000014;
        border-radius: 6px;
        opacity: 1;
        margin-top: 200px;
    }
    .pos-abs{
        position: absolute;
    }
    .detl-pos{
        z-index: 9;
    }
    
    .jobscount{
        color: #2680EB;
        font-size: 12px
    }
     .nav-link{
      font-size: 16px;
      color: #000000;
      line-height: 15px;
    }
    .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    display: -moz-box;
    
    }
    .nav-tabs::-webkit-scrollbar { 
        display: none; 
     } 
    .nav-tabs {
        overflow: -moz-scrollbars-none;
    }
    .companytitle{
        font-size: 12px;
        color: #404040;
        font-family: Open Sans SemiBold
    }
    #employerblogs .owl-dots .owl-dot span {
        width: 40px !important;
        height: 4px!important;
        border-radius: 0px!important;
    }
    #companyevents .owl-dots .owl-dot span {
        width: 40px !important;
        height: 4px!important;
        border-radius: 0px!important;
    }

    .desktopview{
        display: none;
    }
    .mobileview{
         display: block !important;
        
    }
    .nav-link{
      font-size: 16px;
      color: #000000;
      line-height: 25px;
    }
    .policyimg{
        width: 45px;
        height: 45px;
        border: 2px solid #dee2e6;
        border-bottom: 4px solid #99CA3B;
        max-width: 45px;
        padding: 8px;
    }
    .seemore {
        color:#2680EB !important;
        cursor: pointer;
        font-size: 12px;
        font-family:'Open Sans Regular';
    }
    .text-16-para p{
        font-size: 14px;
        color:#6F6E6E;
        font-family:'Open Sans Regular';  
    }
    .text-14-textimonial {
        font-size: 12px;
        color:#404040;
        font-family:'Open Sans Italic';  
    }
    .profile-text-18 {
        font-size: 10px;
        color: #6F6E6E;
        font-family: 'Open Sans Regular';
    }
    .mrsvbtn{
        margin-top: 10px;
    }

    .profile_img_circle{
        border-radius: 50%!important;
        max-height: 100px;
        max-width: 100px;
    }

    .sm_img{
        width: 90px;
        height: 90px;
        min-width: 90px
    }
    .resume-upload-container{
        padding: 6px 6px;
    }
    .resume-upload-text{
        padding: 0px 20px;

    }
    .share-popup-absolute:before {
        left: 88px;
    }
    .second-div {
        margin-top: 0rem !important; 
    }
    .mobile-row{
        margin-top: 32px;
    }
    .jd-square{
        width: 70px;
        height: 70px;
    }
    .mobile-logo{
        margin-top: -84px;
    }
    .mobile-background{
        margin-top: 32px;
    }
    .filter-button-section {
        position: relative;
        /*padding: 10px 0;
        margin-top: 15px;*/
        margin-bottom: 0px;
    }
    .filter-button {
        bottom: 0;
        left: 0;
        width: 100%;
        position: fixed;
        z-index: 1;
    }
    .jfh-green {
        background-color: #92c139 !important;
        color: white;
        font-size: 20px;
        font-weight: 600;
    }
    .filters-button {
        height: 46px;
    }
    .filter-icon {
        width: 16px;
        height: 20px;
        background-position: -9px -107px;
        margin-right: 10px;
        vertical-align: middle;
        background-size: 100px;
    }
    .sprite-new {
        background-image: url(../images/sprite-new.png);
        display: inline-block;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .signin-submit-btn {
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        color: #5B5B5B;
        font-family: 'Open Sans Bold';
        font-size: 14px;
        border-radius: 0px;
    }
    .btn-green,.btn-green:hover{
        background-color: #99CA3C;
        border: 1px solid #99CA3C;
        color: #FFF;
        font-family:'Open Sans Bold';
        font-size: 14px;
        /*width:134px;*/
        border-radius: 0px;
    }
    .txt-m-18{
        font-size: 18px;
    }
    .btn-border-green,.btn-border-green:hover {
        background-color: transparent;
        border: 1px solid  #99CA3C;
        color:  #99CA3C;
        font-size: 14px;
        text-align: center;
         border-radius: 0px;
    }

    .btn-borders-green,.btn-borders-green:hover {
        background-color: transparent;
        border: 1px solid  #99CA3C;
        color:  #99CA3C;
        font-size: 10px;
        text-align: center;
         border-radius: 0px;
    }
    .cprofile-text{
      font-size: 12px;
      font-family: 'Open Sans Semibold';
      color: #404040;
    }
    .cprofile-text1{
        font-size: 12px;
        font-family: 'Open Sans Regular';
        color: #404040;
    }
    .comp-follow {
        font-size: 10px;
        font-family: 'Open Sans Semibold';
        background-color: #99CA3B;
        color: #FFFFFF;
        border: 2px solid #99CA3B;
        border-radius: 1px;
    }
    .top-right-corner {
        height: 183px;
    }
    .sign-image-cover {
        background-image: none;
        width: 100%;
        min-height: 100vh;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .inside {
        width: 90px;
        height: 90px;
        left: 26%;
    }
    .img-responsive-icon {
        margin-top: 11px;
        margin-left: 20px;
    }
    .policy-text {
        top: 74%;
    }
    .inline-buttons .one-third {
        width: 100%;
        margin: 20px;
    }
    .company-save-button{
        width: 91%;
    }
    .policies-editor-container {
        padding: 20px;
    }
    .jfh-logo-left-position {
        position: absolute;
        left: 29%;
        -webkit-transform: translateX(-17%);
        transform: translateX(-45%);
        bottom: 15px;
    }
    .footer-position-container 
    {
        background-color: rgba(0,0,0,0.6);
        color: #FFF;
    }
    .position-md-absolute 
    {
        position: relative;
    }
    a.email, a.email:focus
     {
        color: inherit;
     }
    .hide-background-gradient {
        background-image: linear-gradient(-180deg, #92FBFF, #5FEB1B);
        opacity: 0.84;
    }
    .line_steps_jfh {
        display: none;
    }
    .brand_box {
        position: relative;
        font-size: 20px;
    }
    .comp_profile li:last-child {
        font-size: 17px;
    }
    .font_30s{
        font-size: 30px;
    }
    .text-16-semibold {
        font-size: 14px;
        color: #000000;
        font-family: 'Open Sans Semibold';
    }
    .input-other {
        margin: 5px 12px;
    }
    .empwel-step-line {
        position: absolute;
        width: 80%;
        height: 1px;
        border: 0;
        border-bottom: 2px dashed #DDDDDD;
        left: 0;
        right: 0;
        margin: auto;
        top: -88px;
        bottom: 0;
    }
    .create-company-btn, .create-company-btn:hover {
        background-color: #99CA3C;
        border: 1px solid #99CA3C;
        color: #FFF;
        font-family: 'Open Sans Bold';
        font-size: 15px;
        border-radius: 0px;
    }
    .mobile-menu {
        display: block;
    }
    .desktop-sidemenu{
        display: none;
    }
    .nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -moz-box;
    }
    .nav-tabs::-webkit-scrollbar { 
        display: none; 
     } 
    .nav-tabs {
        overflow: -moz-scrollbars-none;
    }


    .user-text-14 {
        font-size: 12px;
        color:#484848;
        font-family:'Open Sans Semibold';
        padding-top: 10px;
        padding-left: 0px;
        
    }
    .buy-more-new{
      font-size: 12px;
      color: #ffffff;
      background-color: #87C05A;
      font-weight: 400;
      font-family: 'Poppins';
      width: 100px;
      height: 38px;
    }
    .user-btn-purple,.user-btn-purple:hover{
        background-color: #935073;
        border: 1px solid #935073;
        color: #FFF;
        font-family:'Open Sans Bold';
        font-size: 12px;
        border-radius: 6px;
    }
    
    .prf-edit-image {
        top: 80%;
        position: absolute;
        margin-top: -2px;
        margin-left: -25px;
        width: 30px;
        height: 30px;
        padding: 4px;
    }
    
    .min-rh{
        min-height: 530px;
    }
    .first-div {
        padding-right: 0px !important;
    }
    .third-div{
      padding-left: 0px !important;
    }
    .jd-action-button-desktop{
        display: none;
    }
    .jd-action-button-mobile{
        display: inline-block;
    }
    .emp_wel_text22 {
        font-size: 12px;
        font-family: 'Open Sans SemiBold';
        color: #404040;
        text-align: center;
        margin-top: 5px;
    }
    .jd-title2-18 {
        font-size: 10px;
        font-family: 'Open Sans Regular';
        color: #6F6E6E;
        text-align: center;
        margin-top: 5px;
    }
    .jd-title3-18 {
        font-size: 10px;
        font-family: 'Open Sans Regular';
        color: #6F6E6E;
        text-align: center;
        margin-top: 7px;
    }
    .btn{
        /*padding: 0rem .75rem; */
        padding: .375rem .50rem;
    }
    .jd-square{
        margin: auto;
    }
    .share-jd{
        width: 30px;
    }
    .star-jd{
        width: 26px;
    }
    .flx_div{
        display: flow-root;
    }
    .test{
        margin-top: 56px;
        margin-left: 0px;
        background-color: #F1F2F7;
    }
    .testimonila-img{
        width: 74px !important;
        height:74px;
        border-radius: 50%;
        max-width:74px !important;
    }

    .toolbar{
    /*color: #B2B2B2;
    font-size: 12px;*/
    display: none;
    }
    .emp-desk-comp-logo{
        width: 64px;
        height: 64px;
    } 
    .dash-mobile-btn{
        /*width: 77px;
        height: 28px;
        line-height: 14px;*/
        padding: .375rem .50rem;
    }

    /*job fixed title*/

    .jobhdrheight {
        height: 225px;
    }

    .jobfull-container {
      max-width: 1140px;
      width: 95%;
    }

    .box {
        width: 300px;
        height: 95px;
        background-color: #F8F8F8;
        color: #fff;
        padding: 20px;
        position: relative;
        margin: 10px;
        float: left;
        border-radius: 10px;
        margin-top: -142px;
        margin-right: -22px;
    }

    /*.box.arrow-right:after {
      content: " ";
      position: absolute;
      right: 30px;
      top: -15px;
      border-top: none;
      border-right: 15px solid transparent;
      border-left: 15px solid transparent;
      border-bottom: 15px solid  #F8F8F8;
    }*/

    .shrttext-12{
        font-size: 10px;
    }

    .empwel_text22{
        font-size: 14px;
        font-family: 'Open Sans SemiBold';
        color: #707070;
    }

    table#job_list_table thead th, table#job_list_table td {
        padding: 0.45rem !important;
        border-bottom: none;
        color: #484848;
        font-size: 12px; 
        font-family: poppins; 
        font-weight: 500;
    }

    /*inventry datatables*/

    /*#featured_company_profile div.table-responsive>div.dataTables_wrapper>div.row {
    margin: 0;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
   }
   #logo_on_homepage div.table-responsive>div.dataTables_wrapper>div.row {
    margin: 0;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
   }
   #hot_jobs div.table-responsive>div.dataTables_wrapper>div.row {
    margin: 0;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
   }*/

/*inventry datatables end*/

    .policyimg{
     width: 45px;
     height: 45px;
     border: 2px solid #dee2e6;
     border-bottom: 4px solid #99CA3B;
     max-width: 45px;
     padding: 8px;
    }

    .emp-ban-mrgtop{
    margin-top: -44px;
    }
    .text-34 {
    font-size: 18px;
    }

    .empflotrit{
        float: right;
    }
    .notmob{
        display: none;
    }
    .trngdsg {
    border-style: solid;
    border-width: 46px 0 46px 20px;
    border-color: transparent transparent transparent #99CA3B;
    }
    .textgrnbg-18{
    font-size: 10px;
    }
    .textgrnbg-20{
        font-size: 10px;
    }
    .text-22 {
    font-size: 16px;
    color: #000000;
    }
    .text-16 {
    font-size: 14px;
    color: #000000;
    }
    .text-20 {
    font-size: 14px;
    }
    .text-18 {
    font-size: 14px;
    }
    
    #parentDiv {
    background: #F8F9FB 0% 0% no-repeat padding-box;
    position: relative;
    height: 121px;
    margin-top: 30px;
    }
    .owl-nav{
        display: none;
    }
    .owl-dots {
    display: block;
    }
    .testimonial_height{
    min-height: 700px;
    }
    .mrglft-50{
        margin-left: 0px;
    }
    .wdt-47{
        max-width: 100%;
    }
    .solutionmt {
    margin-top: -40px;
    }
    .solutionmtsol{
        margin-top: -40px;
    }
    .mrgt-70{
        margin-top: -70px;
    }
    .mrgtp-100{
        margin-top: 100px;
    }
    .testimonial_height {
    min-height: 597px;
    }
    #carouselEmployerMainSlides .item{
    position: relative;
    max-height: 220px;
    height: 210px;
  }
  .crslimg{
    position: absolute;
    max-height: 210px;
    height: 200px;
    width: 100%;
  }
  .coletrl-img-center{
    text-align: center!important;
  }
}
}
   @media only screen and (max-width: 768px) {
 
 .banner-mt{
    margin-top: 61px;
  }
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
  /*.ml-n-135{
    margin-left: 0;
  }*/

  .gallery-img{
    width: 260px;
    height: 260px;
  }

  div.testimonial-box div{
    overflow: hidden;
  }
}

.body-gender-decoder #sidebar-toggle {
    visibility: hidden;
}

.body-job-details #sidebar-toggle {
    visibility: hidden;
}

.text-dark {
    color: #343a40!important;
}

.jd-title-color {
    color: #6F6E6F;
    margin-bottom: 1em;
}
.side-mb{
  margin-bottom: 14px;
}
.fill_imgbanner {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.fill_imgbanner img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    height: 400px;
}
.No_Check {
    margin-top: 29px;
    margin-bottom: 100px;
}
#addiModal{
  top: 145px;
}
.addibtn{
  justify-content: center;
}
.text-additional {
  font-weight: bold;
  top: 372px;
  left: 679px;
  width: 315px;
  height: 48px;
  text-align: center;
  letter-spacing: 0px;
  color: #484848;
  opacity: 1;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-left: 74px;
}
.avatar-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-family: 'Poppins';
  flex-shrink: 0;         /* Prevent resizing on zoom */
}

.avatar-circle .initials {
  font-size: 26px;
  color: #fff;
  line-height: 0;         /* Important: Fixes vertical misalignment */
  display: flex;          /* Ensures precise centering inside parent */
  margin-top: 20px;
  align-items: center;
  justify-content: center;
  height: 100%;           /* Ensures vertical alignment */
  width: 100%; 
  text-align: center;
  z-index: 1;             /* Optional but helps consistency */
}
.avatar-circle .profile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  position: static;
  top: 0;
  left: 0;
}
.avatar-circle-unlock {
  border-radius: 50%;
  overflow: hidden;
  font-family: 'Poppins';
  flex-shrink: 0;
}
.avatar-circle-unlock .profile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.avatar-circle-unlock .initials {
  font-size: 26px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 1;
  margin-top: 20px;
  z-index: 1;
}
.profile-image-present {
  margin-left: 62px;
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

/*#sidebar-wrapper {
  scrollbar-width: thin;
  scrollbar-color: #CA91AF #f1f1f1;
}*/
.btn-maya-rel-green {
  background-color: #fff;
  color: #87C05A;
  width: 40%;
  border-radius: 25px;
  border:1px solid #87C05A;
  display: inline-block;
  cursor: pointer;
  transition: transform 0.15s ease;
}

.btn-maya-rel-green,
.btn-maya-rel-green:active,
.btn-maya-rel-green:focus,
.btn-maya-rel-green:hover {
    background-color: #fff;
    border:1px solid #87C05A;
    color: #87C05A;
    outline: none;
}

.btn-maya-rel-green:active {
    transform: scale(0.92);
}

.custom-modal-size .modal-content {
    height: 80vh;          /* height relative to viewport */
    overflow-y: auto;      /* scrolling inside modal */
}
.exampleModalCenter .custom-close-btn {
    pointer-events: auto !important;
    position: fixed;
    top: 10px; /* Estimate based on where modal appears */
    left: 50%;
    transform: translateX(-50%);
    background-color: #B0B0B0; /* Grey background */
    color: #fff; /* White "×" text */
    border: none;
    border-radius: 15px; /* Slightly curved corners */
    width: 38px;
    height: 38px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    line-height: 35px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    z-index: 1100; /* On top of modal */
}

.bright-bold {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #000;
  }

.exampleModalCenter .custom-close-btn:focus {
  outline: none;
  box-shadow: none;
  border: none;
}
/* Round modal */
.exampleModalCenter .modal-content {
    border-radius: 30px !important;
    border: none;
    background: #fff;
    overflow: hidden; /* keeps scroll inside edges */
}

/* Scroll area styling */
.exampleModalCenter .modal-body {
    max-height: 80vh;
    overflow-y: auto;
    padding-right: 10px; /* prevents content from touching scrollbar */
}

.custom-modal-size {
  max-width: 700px !important;
  width: 700px !important;
}

.custom-close-btn span {
    font-size: 28px;
    font-weight: 300;
    font-family: Arial, sans-serif;
    color: #fff;
}

/* Floating effect - scrollbar appears on hover */
.floating-scroll {
  max-height: calc(100vh - 300px); /* adjust based on profile/footer height */
  overflow-y: auto !important;
  overflow-x: hidden;
  height: 100vh;
  padding-right: 6px;
  box-sizing: border-box;
}

.floating-scroll::-webkit-scrollbar {
    width: 8px;
}

.floating-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.floating-scroll::-webkit-scrollbar-thumb {
    background: #CA91AF;
    border-radius: 4px;
    /*opacity: 0;
    */transition: opacity 0.3s ease, background 0.3s ease;
}

.floating-scroll:hover::-webkit-scrollbar-thumb {
    opacity: 1;
}

.floating-scroll::-webkit-scrollbar-thumb:hover {
    background: #CA91AF;
}

.floating-scroll::-webkit-scrollbar-button {
    display: none;
}

.floating-horizontal-scroll {
  overflow-x: auto !important;
  overflow-y: hidden;
  max-width: 100%;
  padding-bottom: 6px;
  box-sizing: border-box;
  position: relative;
}

/* Customize horizontal scrollbar */
.floating-horizontal-scroll::-webkit-scrollbar {
  height: 8px; /* height for horizontal scrollbar */
}

.floating-horizontal-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.floating-horizontal-scroll::-webkit-scrollbar-thumb {
  background: #CA91AF;
  border-radius: 4px;
  transition: opacity 0.3s ease, background 0.3s ease;
  opacity: 0; /* hidden by default */
}

.floating-horizontal-scroll:hover::-webkit-scrollbar-thumb {
  opacity: 1;
}

.floating-horizontal-scroll::-webkit-scrollbar-thumb:hover {
  background: #CA91AF;
}

.floating-horizontal-scroll::-webkit-scrollbar-button {
  display: none;
}

/*
.table-responsive::-webkit-scrollbar {
  height: 10px;
}

.table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.table-responsive::-webkit-scrollbar-thumb {
  background: #CA91AF;
  border-radius: 5px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
  background: #CA91AF;
}

.table-responsive {
  scrollbar-width: thin;
  scrollbar-color: #CA91AF #f1f1f1;
}*/

/* Ensure cards stay in a single row */
.cards-wrapper {
  display: flex;
  flex-wrap: nowrap;       /* force one row */
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;   /* Firefox */
  scroll-behavior: smooth;
}

.cards-wrapper::-webkit-scrollbar {
  display: none;
}

.cards-wrapper > .card {
  flex: 0 0 auto !important; 
  min-width: 250px !important;
  margin-right: 15px;
  transition: transform 0.3s ease;
}

@media (max-width: 1300px) {
  .cards-wrapper > .card {
    transform: scale(0.9);
    transform-origin: top left;
  }
}

@media (max-width: 1200px) {
  .cards-wrapper > .card {
    transform: scale(0.8);
    transform-origin: top left;
  }
}

@media (max-width: 1000px) {
  .cards-wrapper > .card {
    transform: scale(0.7);
    transform-origin: top left;
  }
}

@media (max-width: 768px) {
  .cards-wrapper > .card {
    transform: scale(0.6);
    transform-origin: top left;
  }
}