/* contact hero */
.contact-hero {
  padding: 6rem 1.25rem;
  overflow: hidden;
  background-color: #eae8e980;
}

.contact-hero .editor-content p,
.contact-us-form .form-description p {
  color: var(--gray) !important;
}

.contact-map {
  margin: 3rem 0 4rem;
}

.mapp-container > .leaflet-container {
  border-radius: 2rem !important;
}

/**************************/
/* forms */
/**************************/
.websima-form-wrap.wocommerce-form
  :is(
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    input[type="url"],
    textarea,
    select,
    .select2
  ) {
  margin-bottom: 4rem;
}

.websima-form-wrap
  :is(
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    input[type="url"],
    textarea,
    select,
    .select2
  ) {
  font-family: inherit;
  padding: 0.5rem 1.5rem !important;
  border: 1px solid #eae8e9;
  height: clamp(60px, 5vw, 93px);
  background-color: var(--white);
  transition: 0.3s;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  display: block;
  border-radius: 24px;
}

.websima-form-wrap
  .acf-error
  :is(
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    input[type="url"],
    textarea,
    select,
    .select2
  ) {
  border: 1px solid #b00020;
}

/* .websima-form-wrap :is(input[type="email"],
  input[type="number"],
  input[type="tel"],
  input[type="password"],
  input[type="url"]) {
  direction: ltr;
} */

.websima-form-wrap
  form.submitted
  :is(
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    input[type="url"],
    textarea,
    select,
    .select2
  ):invalid:required {
  border-color: var(--danger);
}

.page-template-template-contact .websima-form-wrap textarea {
  height: 11.5rem !important;
  padding-top: 1.5rem !important;
}

.websima-form-wrap .acf-field-select .acf-input {
  position: relative;
}

.websima-form-wrap .acf-field-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 3.25rem !important;
  cursor: pointer;
  background-image: none !important;
}

.websima-form-wrap .acf-field-select .acf-input::after {
  content: "\e94a";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 28px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background-color: #e4e6e6;
  border-radius: 50%;
  font-size: 14px;
  color: var(--text);
  pointer-events: none;
  z-index: 1;
}

.websima-form-wrap .af-submit,
.af-field-type-repeater,
.af-field-type-textarea {
  grid-column: 1/-1;
}

.websima-form-wrap .acf-field-recaptcha {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.websima-form-wrap.ab-label .acf-field-recaptcha .acf-label label {
  position: static !important;
  transform: none !important;
  margin-bottom: 1rem !important;
  display: block !important;
}

.websima-form-wrap
  :is(
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    input[type="url"],
    textarea,
    select,
    .select2
  ):focus-visible {
  border-color: var(--color1);
}

.websima-form-wrap :is(textarea, input)::-webkit-input-placeholder,
.websima-form-wrap :is(textarea, input)::-moz-placeholder,
.websima-form-wrap :is(textarea, input):-ms-input-placeholder,
.websima-form-wrap :is(textarea, input)::-ms-input-placeholder,
.websima-form-wrap :is(textarea, input)::placeholder {
  color: var(--gray);
  opacity: 1;
  font-size: 15px;
  text-align: right;
}

.websima-form-wrap label:not(.error, [for="acf-field_form_success_message"]) {
  line-height: 1;
  display: flex;
  margin: 0;
  align-items: center;
  margin-bottom: 12px !important;
  font-size: 16px;
  line-height: 1px;
  font-weight: unset !important;
}

.websima-form-wrap label.error {
  line-height: 1;
  font-size: 12px;
  color: var(--danger);
  margin-bottom: 1rem;
  display: block;
  background: var(--bg-danger);
  padding: 10px;
}

.websima-form-wrap.ab-label
  :is(
    .af-field-type-repeater,
    .af-field-type-checkbox,
    .af-field-type-true-false,
    .af-field-type-radio
  )
  label {
  position: static;
  transform: none;
  margin-bottom: 1.5rem !important;
  padding-inline: 0rem;
  background: transparent;
}

.websima-form-wrap .acf-field .acf-label {
  margin: 0;
}

.websima-form-wrap .acf-temp-remove,
.websima-form-wrap .acf-notice.-error {
  background: #fff;
  color: #b00020;
  border-color: rgba(26, 26, 26, 0.12);
  margin: 0;
  z-index: 1;
  line-height: 1;
  padding: 0;
}

.websima-form-wrap .acf-notice p {
    font-size: 10px;
    line-height: 1;
    margin: 0;
    margin-bottom: 0;
    text-shadow: none;
    color: #b00020;
    position: absolute;
    bottom: calc(-1 * clamp(60px, 5vw, 93px) - 16px);
    right: 1.5rem;
}

.websima-form-wrap .acf-notice p:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 23.0293C6.07 23.0293 1.25 18.2093 1.25 12.2793C1.25 6.3493 6.07 1.5293 12 1.5293C17.93 1.5293 22.75 6.3493 22.75 12.2793C22.75 18.2093 17.93 23.0293 12 23.0293ZM12 3.0293C6.9 3.0293 2.75 7.1793 2.75 12.2793C2.75 17.3793 6.9 21.5293 12 21.5293C17.1 21.5293 21.25 17.3793 21.25 12.2793C21.25 7.1793 17.1 3.0293 12 3.0293Z' fill='%23B00020'/%3E%3Cpath d='M12 14.0293C11.59 14.0293 11.25 13.6893 11.25 13.2793V8.2793C11.25 7.8693 11.59 7.5293 12 7.5293C12.41 7.5293 12.75 7.8693 12.75 8.2793V13.2793C12.75 13.6893 12.41 14.0293 12 14.0293Z' fill='%23B00020'/%3E%3Cpath d='M12 17.2792C11.87 17.2792 11.74 17.2492 11.62 17.1992C11.5 17.1492 11.39 17.0792 11.29 16.9892C11.2 16.8892 11.13 16.7892 11.08 16.6592C11.03 16.5392 11 16.4092 11 16.2792C11 16.1492 11.03 16.0192 11.08 15.8992C11.13 15.7792 11.2 15.6692 11.29 15.5692C11.39 15.4792 11.5 15.4092 11.62 15.3592C11.86 15.2592 12.14 15.2592 12.38 15.3592C12.5 15.4092 12.61 15.4792 12.71 15.5692C12.8 15.6692 12.87 15.7792 12.92 15.8992C12.97 16.0192 13 16.1492 13 16.2792C13 16.4092 12.97 16.5392 12.92 16.6592C12.87 16.7892 12.8 16.8892 12.71 16.9892C12.61 17.0792 12.5 17.1492 12.38 17.1992C12.26 17.2492 12.13 17.2792 12 17.2792Z' fill='%23B00020'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  right: -19px;
  width: 13px;
  height: 13px;
  top: -3px;
}

.websima-form-wrap .acf-notice.-error {
  display: flex;
  align-items: center;
  gap: 5px;
}

.websima-form-wrap .acf-notice.-dismiss {
  display: none;
}

.acf-spinner {
  position: absolute;
  top: calc(50% + 1rem);
  transform: translateY(-50%);
  margin-right: 9px;
}

.acf-form .acf-fields > .acf-field {
  border: none;
  padding: 0;
  margin-bottom: 1rem;
}

.websima-form-wrap .af-submit {
  margin-top: -2rem;
}

.websima-form-wrap .af-field-type-textarea textarea {
  padding-top: 2rem;
}

.af-form.acf-form > .acf-fields {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 2.5rem;
}

.item-set.vertical.centered.triggers.left {
  display: none;
}

.acf-notice.-error.acf-error-message.-dismiss {
  display: none;
}

@container (min-width: 32em) {
  .af-form.acf-form > .acf-fields {
    grid-template-columns: 1fr 1fr;
  }
}

@container (max-width: 32em) {
  .af-form.acf-form > .acf-fields {
    grid-template-columns: 1fr;
  }
}

.websima-form-wrap input:-webkit-autofill,
.websima-form-wrap input:-webkit-autofill:active,
.websima-form-wrap input:-webkit-autofill:hover,
.websima-form-wrap input:-webkit-autofill:focus {
  -webkit-animation-name: autofill;
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: both;
  -webkit-box-shadow: none;
}

.acf-form-submit {
  text-align: center;
  position: relative;
}

.af-field-type-file label {
  line-height: 1;
  position: static;
  margin-bottom: 1rem !important;
}

.websima-form-wrap label:not(.error, [for="acf-field_form_success_message"]) {
  margin-bottom: 0.75rem !important;
  line-height: 32px;
  color: #707070;
}

.websima-form-wrap .input-cform.left,
.websima-form-wrap .input-cform.right,
.websima-form-wrap .input-cform.center {
  margin-bottom: clamp(1rem, 2vw, 2rem);
}

.websima-form-wrap .updated {
  background-color: var(--success);
  color: var(--white);
  padding: 1rem 1.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
  border-radius: 6px;
}

.websima-map {
  width: 100%;
  height: 550px;
  border-radius: 2rem;
}

#map-tab-content {
  position: relative;
}

.leaflet-marker-icon {
  width: 48px !important;
  height: 71px !important;
}

.contact-dir-button {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3rem;
  z-index: 1000;
  background-color: #ffffffb2;
  border-radius: 0.875rem;
  padding: 0.5rem;
}

.contact-dir-button a {
  width: 52px;
  height: 52px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  border-radius: 0.5rem;
}

.contact-dir-button a:hover {
  background-color: var(--color1);
}

.contact-info {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.25rem);
  flex-wrap: wrap;
  margin-top: -6rem;
  position: relative;
  z-index: 1000;
  background-color: var(--white);
  margin-right: 3rem;
  margin-left: 3rem;
  padding: 3rem;
  border-radius: 2rem;
  box-shadow: 4px 4px 70px 0px #8686860f;
}

.contact-info .phone,
.contact-info .postal-code,
.contact-info .email,
.contact-info .working-hours {
  flex: 0 0 calc(50% - clamp(0.5rem, 1vw, 1rem));
  max-width: calc(50% - clamp(0.5rem, 1vw, 1rem));
  width: 100%;
  background-color: var(--white);
  border-radius: 1.5rem;
  padding: 1.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  box-shadow: 4px 4px 70px 0px #8686860f;
}

.contact-info .address {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  background-color: var(--white);
  border-radius: 1.5rem;
  padding: 1.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  box-shadow: 4px 4px 70px 0px #8686860f;
}

.contact-info .phone .phone-title,
.contact-info .postal-code .postal-code-title,
.contact-info .email .email-title,
.contact-info .working-hours .working-hours-title,
.contact-info .address .address-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  line-height: 1.4;
  color: #707070;
}

.contact-info .phone .phone-title i,
.contact-info .postal-code .postal-code-title i,
.contact-info .email .email-title i,
.contact-info .working-hours .working-hours-title i,
.contact-info .address .address-title i {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eae8e980;
  border-radius: 0.75rem;
  color: #302b31;
  font-size: 1.25rem;
}

.contact-info .phone .phone-title i,
.contact-info .email .email-title i {
  font-size: 1.125rem;
}

.contact-info .phone .phone-numbers {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.contact-info .phone .phone-numbers .info-txt:not(:last-child)::after {
  content: "-";
  margin-inline: 4px;
  color: #707070;
  font-size: clamp(1rem, 2vw, 1.125rem);
  line-height: 1.4;
  pointer-events: none;
  margin-left: 6px;
}

.contact-info .phone .phone-numbers a,
.contact-info .postal-code .info-txt,
.contact-info .email .info-txt,
.contact-info .working-hours .info-txt,
.contact-info .address .info-txt {
  color: var(--text);
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  font-family: var(--regular_font);
  line-height: 1.4;
  text-decoration: none;
  transition: 0.3s;
}

.contact-info .phone .phone-numbers a:hover,
.contact-info .email .info-txt:hover,
.contact-info .address .info-txt:hover {
  color: var(--color1);
}

.socials-on-contact {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  width: 100%;
  margin-top: 0.75rem;
}

.socials-on-contact a {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  background-color: var(--text);
  border-radius: 0.5rem;
  color: var(--white);
  transition: 0.3s;
}

.socials-on-contact a:hover {
  background-color: var(--color1);
  color: var(--white);
}

.contact-banner img {
  width: 100%;
  border-radius: 48px;
}

.contact-us-form .section-title .title-heading {
  color: var(--text);
}

@media screen and (max-width: 991.99px) {
  .contact-banner img {
    border-radius: 24px;
  }
  .contact-dir-button {
    top: auto;
    bottom: 1.5rem;
    left: auto;
    transform: translateX(50%);
    right: 50%;
    flex-direction: row;
  }

  .contact-info .phone,
  .contact-info .postal-code,
  .contact-info .email,
  .contact-info .working-hours,
  .contact-info .address {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    width: 100%;
    padding: 1rem 0.5rem;
  }

  .contact-info .phone .phone-title i,
  .contact-info .postal-code .postal-code-title i,
  .contact-info .email .email-title i,
  .contact-info .working-hours .working-hours-title i,
  .contact-info .address .address-title i {
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
  }

  .contact-info .phone .phone-numbers {
    justify-content: flex-end;
  }

  .contact-info {
    margin: 2rem 0 3rem;
    padding: 1.5rem 2rem;
  }

  .contact-info .address .info-txt {
    text-align: left !important;
  }
}

@media screen and (max-width: 61.99em) {
  .page-template-template-contact .websima-form-wrap .acf-form > .acf-fields,
  .page-template-template-contact
    .websima-form-wrap
    .af-form.acf-form
    > .acf-fields {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}

@media screen and (min-width: 62em) {
  .page-template-template-contact .websima-form-wrap .acf-form > .acf-fields,
  .page-template-template-contact
    .websima-form-wrap
    .af-form.acf-form
    > .acf-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 24px;
  }

  .page-template-template-contact .websima-form-wrap .input-cform.left,
  .page-template-template-contact .websima-form-wrap .input-cform.right {
    float: none;
    width: 100%;
    clear: none !important;
    padding: 0 !important;
    margin-bottom: 0;
  }

  .page-template-template-contact .websima-form-wrap .text-cform {
    order: 3;
    grid-column: 1 / -1;
    width: 100%;
    clear: both;
  }

  .page-template-template-contact .websima-form-wrap .acf-notice p {
        font-size: 14px;
        bottom: calc(-1 * clamp(60px, 5vw, 93px) - 27px);
  }

  .page-template-template-contact .websima-form-wrap .acf-notice p:before {
    width: 16px;
    height: 15px;
  }
}

.page-template-template-contact .websima-form-wrap {
  margin-top: 2rem;
}