.register
{
  /* padding: 3% 0; */
  position: relative;
  width: 100%;
  float: left;
}
.register .card
{
  box-shadow: 0px 3px 10px #00000029;
  padding: 4% 6%;
  border: none;
  outline: none;
  margin:5%  0;
  display: flex;
  flex-direction: row;
}
.contact_us_register
{
  padding: 3% 0;
}
.contact_us_register .card
{
  margin: 2% 0 5% 0 !important;
}
.register .title
{
  font-size:var(--font-size-24px) ;
  line-height: var(--line-height-29px);
  font-family: var(--font-family-italic);
  color: var(--color-bright-pink);
  font-weight: normal;
}
.wrapper {
  position: relative;
  /* width: 250px; */
  height: 300px;
  /* border: 1px dashed #ccc;
  margin: 10px; */
}
.line {
  position: absolute;
  left: 43%;
  top: -40%;
  bottom: 0;
  width: 1px;
  background: #ccc;
  z-index: 1;
  height: 33rem;
}
.wordwrapper {
  text-align: center;
  height: 40px;
  position: absolute;
  left: -40px;
  right: 0;
  top: 50%;
  margin-top: -12px;
  z-index: 2;
}
.word
{
  color:var(--color-black-light);
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 3px;
  font-family: var(--font-family-light);
  font-size: 1.063rem;
  line-height:var(--line-height-27px);
  background: #fff;
  width: 50%;
  margin: auto;
  position: absolute;
  left: 27%;
  top: -5px;
}
.register .get_in_touch_contact .fa
{
  margin-right:15px;
  color:var(--color-grey-dark);
  font-size: var(--font-size-17);
  align-self: center;
}
.phone_icon_contact_us
{
  background-image: url(./images/phone-locked.svg);
  /* background-image: url(./images/call.svg); */
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
  position: relative;
  display: initial;
  height: 46px;
  top: -11px;
  width: 20px;
  left: 0px;
}
.mail_envelope
{
  background-image: url(./images/email-solid.svg);
  /* background-image: url(./images/call.svg); */
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
  position: relative;
  display: initial;
  height: 46px;
  top: -11px;
  width: 20px;
  left: 0px;
}
.map_marker
{
  background-image: url(./images/location-sharp.svg);
  /* background-image: url(./images/call.svg); */
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
  position: relative;
  display: initial;
  height: 46px;
  top: -11px;
  width: 20px;
  left: 0px;
}
.register .get_in_touch_contact p
{
  font-family: var(--font-family-light);
  font-size:var(--font-size-m);
  color: var(--color-grey-dark);
  font-weight: normal;
  line-height:var(--line-height-26px);
  margin: 0px;
  position: relative;
  left: 15px;
}
.register .mail a
{
  color: var(--color-grey-dark);
}
.register label.js-form-required.form-required,
.register .js-form-item.form-item.js-form-type-textarea.form-type-textarea.js-form-item-description.form-item-description
{
  font-size: var( --font-size-13px);
  line-height: var(--line-height-21px);
  font-weight: normal;
  color: var(--color-grey-dark);
  font-family: var(--font-family-light);
}
.register .card .form-control
{
  border: 1px solid var(--color-gray-light);
  /* margin-top: 10px; */
  border-radius: 0px;
}
.employee-registration .form-item-mobile-number label {
 /* margin-bottom: 9px !important;*/
}
.register .card input#edit-submit,
.register .card input#edit-actions-submit,
.register .card input[id^=edit-actions-submit]
{
  width: 100%;
  background-color: var(--color-bright-pink);
  font-family: var(--font-family-medium);
  font-weight: normal;
  color: var(--color-white);
  font-size: var(--font-size-14);
  line-height: var( --line-height-24px);
  text-transform: uppercase;
  border: none;
  outline: none;
  padding: 9.5px 3rem;
  border-radius: 0px;
  box-shadow: none;
}
.fa.fa-envelope
{
  /* font-size: 12px !important; */
}
.fa.fa-map-marker
{
  margin-right: 18px !important;
}
.register .webform-submission-form strong.error.form-item--error-message
{
  color: var( --color-red);
  font-weight: normal;
  margin-top: 0px;
  font-size: var(--font-size-13px);
  line-height: var( --line-height-24px);
  font-family: var(--font-family-light);
  text-align: left;
}
.register .webform-submission-form .form-item--error-message:before
{
  display: none;
}
.map
{
  width: 100%;
  overflow-x: hidden;
  float: left;
  clip-path: polygon(0% 0.3%, 90% 0%, 100% 27.3%, 100% 100%, 0% 100%, 0% 50%)
}
.map p.simple-gmap-address
{
  display: none;
}
details#captcha
{
  box-shadow: none !important;
  border: none !important;
  background-color: unset !important;
}
.register_left_content form#webform-submission-contact-us-add-form div#edit-actions
{
  text-align: center;
}
@media screen and (min-width:0px) and (max-width:767px)
{
  .col-md-4.register_right_content.get_in_touch_contact.align-self-center span
  {
    justify-content: start;
    align-items: center;
  }
  .phone_icon_contact_us {
    background-image: url(./images/phone-locked.svg);
    /* background-image: url(./images/call.svg); */
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    position: relative;
    display: initial;
    height: 46px;
    top: 0px;
    width: 20px;
    left: 0px;
}
  .mail_envelope {
    background-image: url(./images/email-solid.svg);
    /* background-image: url(./images/call.svg); */
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    position: relative;
    display: initial;
    height: 46px;
    top: 0px;
    width: 20px;
    left: 0px;
}
  .map_marker {
    background-image: url(./images/location-sharp.svg);
    /* background-image: url(./images/call.svg); */
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    position: relative;
    display: initial;
    height: 29px;
    top: 0px;
    width: 20px;
    left: 0px;
  }
  .contact_us_register
  {
    padding: 10% 5% !important;
  }
  .register
  {
    padding: 5%;
  }
  .register .card .register_right_content {
    margin-top: 2rem;
  }
  .wrapper
  {
    height: 80px;
  }
}
@media screen and (min-width:0px) and (max-width:1023px)
{
  .register .card .register_left_content,
  .register .card .register_right_content
  {
    width: 100%;
  }
  .contact_us_register .card
  {
    flex-direction: column;
    padding: 5% 10%;
  }
  .register_center_content
  {
    display: none;
  }
  .map iframe
  {
    height: 500px;
  }
  .contact_us_register #edit-actions
  {
    display: flex;
    justify-content: center;
  }
  .register .get_in_touch_contact p
  {
    font-size: var( --font-size-11px);
    line-height: var( --line-height-20px);
  }
  .map
  {
    clip-path: none;
  }
}
details#captcha .details-wrapper
{
  display: flex;
  justify-content: center;
}
.get_in_touch_contact p {
  font-size: 0.875rem!important;
}
@media screen and (min-width:0px) and (max-width:767px) {

  .js-form-item.form-item.js-form-type-textarea.form-type-textarea.js-form-item-description.form-item-description label
  {
    width: 100%;
  }
  form#webform-submission-contact-us-add-form .js-form-item.form-item label
  {
    width: 100%;
  }
}
