details#captcha summary.card-header.bg-light
{
  display: none;
}

.carousel-control-prev, .carousel-control-next 
{
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: end;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.request_for_demo_image
{
  background-image: url(./images/hand-sparkle.svg);
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 46px;
  top: -11px;
}
.register .card_headings .nav .nav-item .nav-link.active .request_for_demo_image
{
  background-image: url(./images/hand-sparkle-active.svg);
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 46px;
  top: -11px;
}
.file_image
{
  background-image: url(./images/file.svg);
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 46px;
  top: -11px;
}
.register .card_headings .nav .nav-item .nav-link.active .file_image
{
  background-image: url(./images/file_active.svg);
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 46px;
  top: -11px;
}
.user_image
{
  background-image: url(./images/user.svg);
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 46px;
  top: -6px;
}
.register .card_headings .nav .nav-item .nav-link.active .user_image
{
  background-image: url(./images/user_active.svg);
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 46px;
  top: -11px;
}
.register .card_headings .nav .nav-item .nav-link .phone_image
{
  background-image: url(./images/call.svg);
  background-position: center;
  background-size: 24px !important;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 46px !important;
  top: -11px !important;
  width: 100% !important;
}
.register .card_headings .nav .nav-item .nav-link.active .phone_image
{
  background-image: url(./images/call_active.svg);
  background-position: center;
  background-size: 24px !important;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 46px !important;
  top: -11px !important;
  width: 100% !important;
}
.download_icon
{
  background-image: url(./images/download.svg);
  background-position: center;
  background-size: 9px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 11px;
  /* margin-bottom: 2px; */
}
.carousel-control-prev
{
  width: 10px !important;
  left: 89.8%;
  bottom: 6%;
  opacity: 1;
}
.carousel {
  position: relative;
  width: 100% !important;
  float: left !important;
}
.carousel-control-next
{
  width: 10px !important;
  right: 6%;
  bottom: 6%;
  opacity: 1;
}
span.carousel-arrow-prev {
  background-color: var(--color-gray-lighest);
  cursor: pointer;
  background-image: url(./images/arrow-left.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px !important;
  padding: 20px 35px;
  opacity: 0.9;
}
span.carousel-arrow-next
{
  background-color: var(--color-bright-pink);
  cursor: pointer;
  background-color: var(--color-bright-pink);
  padding: 20px 35px;
  cursor: pointer;
  background-image: url(./images/arrow-down-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
}
span.carousel-control-prev:hover,
span.carousel-control-next:hover
{
  opacity: 1;
}
.werkpostfiche-wrapper-pnt{
  cursor: pointer;
}
.carousel-indicators
{
  bottom: -60px !important;
}
.carousel-indicators .active
{
  background-color: var(--color-bright-pink) !important;
  opacity: 1;
}
.carousel-indicators [data-bs-target]
{
  background-color: var(--color-gray-lighest);
  width: 10px;
  height: 10px;
  transition:none;
  margin-left: 8px !important;
  margin-right: 8px !important;
}
/* how do we work */

.how_do_we_work
{
  background-color: var(--color-pink);
  clip-path:polygon(0% 0.3%, 90% 0%,100% 20%, 100% 27%, 100% 100%, 0% 100%, 0% 50%);
  padding: 5% 0;
  width: 100%;
  float: left;
}
.how_do_we_work .how_do_we_work_title
{
  font-family: var(--font-family-italic);
  color: var(--color-white);
  font-size:var(  --font-size-24px);
  line-height:var(--line-height-29px);
  font-weight: normal;
  margin-bottom:2%;
}
.how_do_we_work .how_do_we_work_desc
{
  font-family: var(--font-family-light);
  color: var(--color-grey-dark);
  font-size:var(--font-size-13px);
  line-height: var( --line-height-22px);
  font-weight: normal;
  margin-bottom: 3%;
}
.how_do_we_work .card 
{
  padding: 7%;
  min-height: 288px;
  border: none;
  outline: none;
}
.how_do_we_work .card h1
{
  color: var(--color-lightblue);
  font-size: var(--font-size-68px);
  opacity: 0.4;
  font-family: var(--font-family-medium);
  line-height:var(--line-height-112px);
  font-weight: normal;
}
.how_do_we_work .card .how_do_we_work_content
{
  color: #222222;
  font-size:var(--font-size-13px);
  line-height: var( --line-height-22px);
  font-weight: normal;
  font-family: var(--font-family-light);
}
/* .how_do_we_work .how_do_we_work_col
{
  width: 22%;
} */
/* Advantages */

.advantages
{
  padding: 5% 0;
  width: 100%;
  float: left;
}
.advantages .advantages_title
{
font-family: var(--font-family-italic);
color: var(--color-violet);
font-weight: normal;
font-size:var(--font-size-24px);
line-height:var(--line-height-29px);
padding-bottom: 2%;
}
.advantages p
{
  font-family: var(--font-family-light);
  color: var(--color-grey-dark);
  font-weight: normal;
  font-size:var(--font-size-13px);
  line-height:var(--line-height-22px);
  padding-bottom: 3%;
}
.advantages .card 
{
  border: none;
  outline: none;
  min-height: 200px;
  padding: 5%;
}
.advantages .card img
{
  height: 50px;
  margin: auto;
  object-fit: cover;
}
.advantages .card_img 
{
  height: 55px;
}
.advantages .card .advantage_card_title
{
  margin-top: 10%;
  font-family: var(--font-family-medium);
  color: var(--color-grey-dark);
  font-weight: normal;
  font-size: var(--font-size-18px);
  line-height: var(--line-height-31px);
  text-transform: capitalize;
}
.advantages .card .advantage_home_card_content
{
  font-family: var(--font-family-light);
  color: var(--color-grey-dark);
  font-weight: normal;
  font-size:var(--font-size-13px);
  line-height: var( --line-height-22px);
}

/* Useful info */
.useful
{
  width: 100%;
  float: left;
}
.path5
{
  width: 290px;
  height: 100px;
  border: solid 5px #000;
  border-color: #E51E7D transparent transparent transparent;
  transform: rotate( 161deg);
  border-radius: 120%/100px 100px 0px 0px;
  position: absolute;
  left: -48px;
  bottom: 50px;
}
#container {
  width: 100%;
  height: 500px;
  /* background: #fff; */
  margin: 0 auto;
  text-align: center;
  position: absolute;
  right: -19%;
  transform: rotate( 5deg);
  top: -17%;
}
path
{
  stroke-width: 3;
  stroke: #E51E7D;
  stroke-linecap: round;
  fill: none;
}
path.fill
{
  fill: #79B1BD;
}
.useful_info
{
  width: 100%;
  min-height: 35rem;
  position: relative;
  background-size: cover;
  overflow: hidden;
}
.useful_info .background_image 
{
  width: 100%;
  height: 35rem;
}
.useful_info .background_image img
{
 width: 100%;
 height: 100%;
 /* object-fit: cover; */
}
.useful_info .useful_info_white_background
{
  background: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7));
  min-height:35rem;
  clip-path: polygon(83.7% 0%, 100% 30%, 87.9% 100%, 0% 100%, 0% 0%);
  position: absolute;
  left: 0;
  width: 53%;
  top: 0px;
}
.employeer-container .form-check-input,
.employee-container .form-check-input
{
  width: 1.3em !important;
  height: 1.3em !important;
  margin-right: 0.5rem;
  margin-top: 0px;
}
.employeer-container .form-check-input,
.employee-container .form-check-input
{
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.employeer-container .form-check-input:checked,
.employee-container .form-check-input:checkedl
{
  border-color:#79B1BD !important;
}
.useful_info .useful_info_content 
{
    position: absolute;
    top: 100px;
}
/* .useful_info_arrow
{
position: absolute;
right: 0;
bottom: 0;
}
.useful_info .scroll_arrow 
{
margin: 5% 0;
float: right;
}
.useful_info .arrow-left
{
background-color: var(--color-gray-lighest);
border: none;
outline: none;
padding: 10px 25px;
}
.useful_info .scroll_arrow .arrow_right
{
background-color:var(--color-violet);
border: none;
outline: none;
padding: 10px 25px;
}
.useful_info .scroll_arrow .fa
{
color:var(--color-white);
font-size: 25px;
}
.useful .scroll
{
margin-top: 30px;
} */
.useful_info_content .sectors_title,
.advantages .advantages_title
{
  font-family: var(--font-family-italic);
  /* color: var(--color-violet); */
  color: var( --color-bright-pink);
  font-weight: normal;
  font-size: var(--font-size-24px);
  line-height: var(--line-height-29px);
  padding-bottom: 5%;
}
.advantages .advantages_title
{
  padding-bottom: 2% !important;
}
.useful_info_content .sectors_subtitle
{
  font-family: var(--font-family-italic);
  color: var(--color-grey-dark);
  font-weight: normal;
  font-size: var(--font-size-18px);
  line-height:var(--line-height-22px);
  padding-bottom: 2%;
}
.useful_info_content .useful_desc
{
  font-family: var(--font-family-light);
  color: var(--color-grey-dark);
  font-weight: normal;
  font-size: var(--font-size-m) ;
  line-height:var(--line-height-26px);
}
.register .register_card_employer
{
  flex-direction: column !important;
}
.register .register_card .card_headings .nav-item img
{
  width: 40px;
  height: 40px;
  margin: auto;
  display: flex;
}
.register .card_headings .nav .nav-item 
{
  width: 25%;
}
.register .card_headings .nav .nav-item .nav-link .fa
{
  margin-bottom: 10%;
  font-size: 2em;
}
.register .card_headings .nav .nav-item .nav-link
{
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.register .card_headings .nav .nav-item .nav-link
{
  font-family: var(--font-family-medium);
  color: var(--color-grey-lighest);
  font-size: var( --font-size-14);
  line-height: var( --line-height-22px);
  font-weight: normal;
}
.register .card_headings .nav .nav-item .nav-link.active
{
  color: var(--color-bright-pink);
}
.register .card_headings .nav .nav-item .nav-link.active
{
  border-bottom: 3px solid var(--color-bright-pink)!important;
  width: 100%;
} 
.register .card_headings .nav .nav-item .nav-link
{
  border-bottom: 3px solid var(--border-grey-light);
} 
#werkpostfiches
{
  padding: 5%;
}
.Werkpostfiches_img
{
  /* width: 50px; */
  height: 50px;
  margin: auto;
}

.register .card_headings .tab-content #werkpostfiches p
{
  font-family: var(--font-family-medium);
  font-size: var(--font-size-14);
  color:var(--color-lightblue);
  line-height:var(--line-height-23px);
  font-weight:normal;
}
.card_headings .tab-content #werkpostfiches .card
{
  padding: 6%;
  border: 1px solid rgb(182 182 189 / 30%);
  outline: none;
  margin: 5% 0;
  display: flex;
  height: 150px;
  flex-direction: column;
  box-shadow: none;
  cursor: pointer;
}
.register form#employeer-registration, .register form.employeer-registration
{
  font-size: var( --font-size-12px);
  line-height: var(--line-height-20px);
  font-weight: normal;
  color: var(--color-grey-dark);
  font-family: var(--font-family-light);
  /* margin-bottom: 25px; */
}
form#webform-submission-register-as-employer-add-form
{
  margin-top: 8%;
}
#contact form  .webform-flexbox,
#demo form .webform-flexbox
{
  position: relative;
  min-height: 3rem;
  border-radius: 0px;
}
#contact form .webform-flexbox .webform-flex.webform-flex--1,
#demo form .webform-flexbox .webform-flex.webform-flex--1
{
  position: absolute;
  right:0;
}
#contact form .webform-flexbox .webform-flex.webform-flex--1 input[id^=edit-get-contacted],
#demo form .webform-flexbox .webform-flex.webform-flex--1 input[id^=edit-get-contacted]
{
  height: 45px;
  padding-right: 10rem;
  border-radius: 0px;
  box-shadow: none;
}
/* form#webform-submission-request-for-demo-add-form input[id^=edit-get-contacted],
form#webform-submission-get-contacted-add-form input[id^=edit-get-contacted]
{
  position: relative;
  height: 3rem;
  padding-right: 12rem;
} */
/* form#webform-submission-request-for-demo-add-form .webform-flex.webform-flex--1,
form#webform-submission-get-contacted-add-form .webform-flex.webform-flex--1
{
  position: absolute;
  right: 0;
}
form#webform-submission-get-contacted-add-form .webform-flex.webform-flex--1 input[id^=edit-actions-submit],
form#webform-submission-request-for-demo-add-form .webform-flex.webform-flex--1 input[id^=edit-actions-submit]
{
  padding: 0.69rem 4rem;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
} */
#contact form .webform-flexbox .webform-flex.webform-flex--1 div[id^=edit-actions]
{
    top: -13px;
    position: absolute;
    right: 8px;
    border-radius: 0px;
}
#demo form .webform-flex.webform-flex--1  div[id^=edit-actions]
{
    top: -13px;
    position: absolute;
    right: 8px;
    border-radius: 0px;
}
.register div#demo,
.register div#contact
{
  padding:20px 0 0px;
}

.register div#demo,
.register div#contact
{
  font-size: var(--font-size-14);
  font-family: var(--font-family-light);
  font-weight: normal;
  color: var(--color-grey-dark);
  line-height: var(--line-height-21px);
  height: 100%;
}
form#webform-submission-request-for-demo-add-form input[id^=edit-get-contacted] input[type="email"]::placeholder,
form#webform-submission-get-contacted-add-form input[id^=edit-get-contacted] input[type="email"]::placeholder
{
  font-size: var( --font-size-17);
  line-height: var(--line-height-28px);
  color: var(--color-grey-dark);
  font-family: var(--font-family-light);
  font-weight: normal;
}
/* #webform-submission-get-contacted-add-form,
#webform-submission-request-for-demo-add-form
{
  position: relative;
} */
.register div#demo .form_get_conatcted_row .form_get_conatcted,
.register div#contact .form_get_conatcted_row .form_get_conatcted
{
  height: 100%;
}
.register div#demo
{
  min-height: 22rem;
}
.register div#contact
{
  min-height: 51rem;
}
/* .register div#contact details#captcha
{
  margin-top: 6rem;
} */
.spb_close
{
  border: none !important;
}
.spb_minimize
{
  display: none;
}
.download_button a
{
  color: var(--color-lightblue) !important;
  text-decoration: none !important;
  font-family: var(--font-family-light);
  font-size: var(--font-size-11px);
  line-height: var(--line-height-18px);
}
.form-item input.error
{
  border: 1px solid red !important;
}
.register .card.reg_card.text-center.employer_form_mview 
{
  min-height: 125px;
  justify-content: center;
  box-shadow: none;
  border: 1px solid var(--border-gray-light);
}
.register .tab_link
{
  text-decoration: none;
  color: var(--color-violet);
  font-family: var(--font-family-medium);
  font-size: var(--font-size-9);
}
.register .employer_form_mview_row
{
  flex-direction: row !important;
}
.register form#employeer-registration .form-required:after
{
 display: none !important;
}
@media screen and (min-width:0px) and (max-width:767px) 
{
  .werkpostfiches-download-title
{
  font-family: var(--font-family-medium) !important;
  text-align: center;
  font-size: var(--font-size-15px) !important;
}
  #workpostfiches_form_popup form label
  {
    font-size: var(--font-size-13px) !important;
  }
  #contact form .webform-flexbox .webform-flex.webform-flex--1 div[id^=edit-actions],
  #demo form .webform-flex.webform-flex--1 div[id^=edit-actions]
  {
    top: 0.5px !important;
    position: absolute;
    right: 1px !important;
    border-radius: 0px;
  }
  /* #contact form .webform-flexbox .webform-flex.webform-flex--1 input[id^=edit-get-contacted], #demo form .webform-flexbox .webform-flex.webform-flex--1 input[id^=edit-get-contacted]
  {
    height: 37px !important;
  } */
  .workpostfiches_form_popup-modal.spb_overlay .spb-popup-main-wrapper 
  {
    width: 345px !important;
    padding: 1rem;
  }
  .download_icon
  {
    background-image: url(./images/download.svg);
    background-position: center;
    background-size: 9px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    width: 11px;
    margin-right: 2px;
    margin-bottom: 2px;
  }
  .spb-popup-main-wrapper.spb_top_center 
  {
    width: 348px !important;
    padding: 1rem;
  }
  .carousel-indicators [data-bs-target] {
    background-color: var(--color-gray-lighest);
    width: 8px;
    height: 8px;
    transition: none;
    margin-left: 5px !important;
    margin-right: 5px !important;
}
  form#webform-submission-request-for-demo-add-form input[id^=edit-get-contacted], form#webform-submission-get-contacted-add-form input[id^=edit-get-contacted] 
  {
    position: relative;
    height: 3rem;
    padding-right: 7rem !important;
  }
  .employeer-container .form-check-input
  {
    width: 2em;
    height: 2em;
    margin-right: 0.5rem;
  }
  .employeer-container .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-conditions.form-item-terms-conditions
  {
    /* display: flex; */
    justify-content: center;
    align-items: center;
  }
  .advantages
  {
    margin-top: 12%;
  }
  .carousel-control-prev
  {
    bottom: 0% !important;
    left: 63.8%;
  }
  .carousel-control-next 
  {
    width: 10px !important;
    right: 12%;
    bottom: 0%;
    opacity: 1;
  }
  .how_do_we_work
  {
    clip-path: none;
    padding: 5%;
  }
  
  .how_do_we_work .card
  {
    min-height: 180px;
  }
  .how_do_we_work .how_do_we_work_col
  {
    margin-bottom: 22px;
  }
  .trending .row + .row, .how_do_we_work .row + .row
  {
    margin-bottom: 0px;
  }
  /* form#webform-submission-register-as-employer-add-form
  {
    display: none;
  } */
  .register .card_headings .nav .nav-item
  {
    width: 45%;
    /* border: 1px solid var(--border-gray-light); */
    margin: 5px 4px;
    align-items: center;
    justify-content: center;
    display: flex;
    min-height: 5rem;
  }
  
  .register .card_headings .nav .nav-item .nav-link.active
  {
    border: 1px solid var(--color-violet) !important;
  }
  .register .card_headings .nav .nav-item .nav-link
  {
    border: 1px solid var(--border-gray-light);
    min-height: 8rem !important;
    padding: 0.5rem;
  }
  /* .register .card_headings .nav .nav-item .nav-link.active
  {
    border:1px solid  var(--color-violet) !important;
  } */
  .advantages .card img
  {
    height: 35px;
    margin: auto;
    object-fit: cover;
  }
  .useful .scroll
  {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .register .card input#edit-submit
  {
    padding: 10px 0;
  }
  /* .carousel-control-prev 
  {
    width: 10px !important;
    left: 68.4%;
    bottom: 6%;
    opacity: 1;
  } */
  .advantages .card_img_desc
  {
    text-align: left !important;
  }
  form#webform-submission-get-contacted-add-form .webform-flex.webform-flex--1 input[id^=edit-actions-submit], form#webform-submission-request-for-demo-add-form .webform-flex.webform-flex--1 input[id^=edit-actions-submit] 
  {
    padding: 0.88rem 2rem;
    border-radius: 0px;
  }
  form#webform-submission-get-contacted-add-form  .webform-flexbox .webform-flex.webform-flex--1 div[id^=edit-actions],
  form#webform-submission-request-for-demo-add-form .webform-flex.webform-flex--1 div[id^=edit-actions] 
  {
    top: 1.5px;
    position: absolute;
    right: 1px;
  }
  .card.register_card.register_card_employer ul.nav
  {
    justify-content: center;
  }
  .employeer-container
  {
    padding-top: 1rem !important;
  }
  /* .request_for_demo_image
  {
    background-image: url(./images/hand-sparkle-active.svg);
    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    height: 27px;
    top: -6px;
  }
  .file_image
  {
    background-image: url(./images/file_active.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    height: 30px !important;
    top: -11px;
  }
  .user_image
  {
    background-image: url(./images/user_active.svg);
    background-position: center;
    background-size: 20px !important;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    height: 40px;
    top: -6px !important;
  }
  .phone_image
  {
    background-image: url(./images/call_active.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    height: 46px;
    top: -11px;
  }
}
@media screen and (min-width:0px) and (max-width:320px) {
  .carousel-control-prev {
    width: 10px !important;
    left: 63.4%;
    bottom: 6%;
    opacity: 1;
} */
}
@media screen and (min-width:321px) and (max-width:360px) 
{
  .carousel-control-prev 
  {
    width: 10px !important;
    left: 66.4%;
    bottom: 6%;
    opacity: 1;
  }
}
@media screen and (min-width:361px) and (max-width:384px) 
{
  .carousel-control-prev 
  {
    width: 10px !important;
    left: 67.7%;
    bottom: 6%;
    opacity: 1;
  }
}
@media screen and (min-width:385px) and (max-width:416px) 
{
  .carousel-control-prev 
  {
    width: 10px !important;
    left: 68.7%;
    bottom: 6%;
    opacity: 1;
  }
}
@media screen and (min-width:417px) and (max-width:599px) 
{
  .carousel-control-prev 
  {
    width: 10px !important;
    left: 71.7%;
    bottom: 6%;
    opacity: 1;
  }
}
@media screen and (min-width:600px) and (max-width:767px) 
{
  .carousel-control-prev 
  {
    width: 10px !important;
    left: 74.7%;
    bottom: 6%;
    opacity: 1;
  }
}
@media screen and (min-width:768px) and (max-width:1023px) 
{
  .register .card_headings .nav .nav-item 
  {
    width: 33%;
  }
  .how_do_we_work,
  .useful_info .useful_info_white_background
  {
    clip-path: none;
  }
  .useful_info .useful_info_white_background
  {
    width: 100%;
  }
  .how_do_we_work .col 
  {
    margin-bottom: 10px;
  }
  .path5,
  .path2,
  .path7
  {
    display: none;
  }
  .useful .useful_info_content
  {
    width: 100%;
  }
  .carousel-control-prev
  {
    left: 84.5%;
  }
  .how_do_we_work .card

  {
    height: 175px;
  }
  form#webform-submission-get-contacted-add-form .webform-flex.webform-flex--1 input[id^=edit-actions-submit], form#webform-submission-request-for-demo-add-form .webform-flex.webform-flex--1 input[id^=edit-actions-submit] 
  {
    padding: 1.05rem 4rem 1.05rem 3rem;
  }
  form#webform-submission-request-for-demo-add-form .webform-flex.webform-flex--1 div[id^=edit-actions] ,
  form#webform-submission-get-contacted-add-form .webform-flex.webform-flex--1 div[id^=edit-actions]
  {
    top: 0px;
    position: absolute;
    right: -9px;
  }
}

@media screen and (min-width:0px) and (max-width:1023px) 
{
  /* .how_do_we_work .how_do_we_work_desc,
  .advantages p,
  .advantages_home .card .advantage_card_title,
  .advantages .card .advantage_card_title
  {
    font-size: var(--font-size-10px) !important;
    line-height: var(--line-height-17) !important;
  } */
  .how_do_we_work .card h1
  {
    font-size: var(--font-size-33px);
    line-height: var( --line-height-54px);
  }
  /* .how_do_we_work .card .how_do_we_work_content,
  .register .card_headings .tab-content #werkpostfiches p,
  .register div#demo, .register div#contact
  {
    font-size: var(--font-size-9);
    line-height: var( --line-height-14px);
  } */
  .register .card_headings .tab-content #werkpostfiches p
  {
    margin-bottom: 0rem !important;
  }
  /* .useful_info .useful_info_content .useful_desc,
  .useful_info .useful_info_content .useful_desc p,
  .useful_info_content p,
  .useful_info_content h3,
  .useful_info_content h1,
  .useful_info_content h2,
  .useful_info_content h4,
  .useful_info_content h5,
  .useful_info_content h6
  {
    font-size: var(--font-size-10px);
    line-height: var( --line-height-14px);
  } */
  .useful_info_content .sectors_subtitle
  {
    font-size: var(--font-size-10px);
    line-height: var( --line-height-12px);
  }
  .advantages .card .advantage_card_title
  {
    font-size: var(--font-size-14);
    line-height: var(--line-height-18px);
    text-align: center;
  }
  .register .card_headings .nav .nav-item .nav-link
  {
    /* color: var(--color-violet); */
    font-size: var(--font-size-12px);
    line-height: var(--line-height-22px);
  }
  .download_button a
  {
    font-size: var(--font-size-8px);
    line-height: var(--line-height-12px);
  }
  .card_headings .tab-content #werkpostfiches .card
  {
    height: 120px !important;
  }
  .Werkpostfiches_img 
  {
    /* width: 35px; */
    height: 35px;
    margin: auto;
  }
  /* form#webform-submission-request-for-demo-add-form input[id^=edit-get-contacted] input[type="email"]::placeholder, form#webform-submission-get-contacted-add-form input[id^=edit-get-contacted] input[type="email"]::placeholder
  {
    font-size: var(--font-size-7px) !important;
    line-height: var(--line-height-11px) !important;
  }
  .register form#employeer-registration,
  .employee-registration .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-conditions.form-item-terms-conditions label a, 
  .employee-registration div[id^=edit-login] a, 
  .register_card_employer .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-conditions.form-item-terms-conditions label a, 
  .register_card_employer div[id^=edit-login] a,
  .employee-registration label,
  .employee-registration div[id^=edit-login] label,
  .employee-registration div[id^=edit-social-reg] label,
  .employee-registration .custom-bnt-social 
  {
    font-size: var(--font-size-9);
    line-height: var(--line-height-14px);
  } */
}

@media screen and (min-width: 0px) and (max-width: 767px) and (orientation:landscape)
{
  .carousel-control-prev
  {
    left: 73.4%;
  }
}
@media screen and (min-width:1024px) and (max-width:1399px) {
  .testimonials  .img_1
  {
    width: 21em !important;
  }
}
/* .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-company-name.form-item-company-name {
  margin-bottom: 0px;
} */
.webform-submission-contact-us-form .form-item
{
  margin-bottom: 1.5rem !important;
}
.form-item.js-form-type-tel + strong.error.form-item--error-message, .form-item.js-form-type-tel + strong.error.form-item--error-message + strong.error.form-item--error-message {
  margin-top: -2em !important;
}
form#webform-submission-werkpostfiches-popup-add-form div[id^=edit-actions]
{
  margin-top: 2rem;
}
form#webform-submission-werkpostfiches-popup-add-form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-last-name.form-item-last-name
{
  margin-bottom: 1rem !important;
}
form#webform-submission-werkpostfiches-popup-add-form .js-form-item.form-item.js-form-type-email.form-type-email.js-form-item-email.form-item-email {
  margin-bottom: 1.3rem;
}
.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-workpostfichesid.form-item-workpostfichesid
{display: none;}
input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset !important;
      }
.form-item--error-message .placeholder
{
  font-style: normal !important;
}
.werkpostfiches-download-title
{
  font-family: var(--font-family-medium) !important;
  text-align: center;
  font-size: var(--font-size-22px);
}
#workpostfiches_form_popup .iti--allow-dropdown .iti__flag-container
{
  left: 0px !important;
}
.employeer-registration .termsandconditions .form-item-terms-conditions,
.employee-registration .termsandconditions .form-item-terms-conditions
{
  /* display: flex; */
  
  align-items: center;
}
.employeer-registration .form-item-mobile-number label
{
  /* margin-bottom: 10px !important; */
}
.card h2 {
  color: #222222;
  font-size: 5.25rem;
  margin-bottom: 2rem;
  opacity: 45%;
  font-weight: 600;
}
.blog_heading{
  opacity: 100% !important;
  margin-bottom: 0px !important;
  font-size: var(--font-size-12px) !important;
}

.employeer-container .form-check-input,
.employee-container .form-check-input
{
  filter:brightness(100%)
}