.elementor-203 .elementor-element.elementor-element-0c57fa0{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-06d958a *//* =========================================
   ISATIS CONTACT PAGE
   Brand Design System
   ========================================= */

.isatis-contact {
  --brand: #29166F;
  --brand-deep: #1C104F;
  --brand-soft: #F0EDFB;

  --water: #139BB8;
  --water-deep: #087B96;
  --water-soft: #E8F8FB;

  --surface: #FFFFFF;
  --ice: #F6FAFB;

  --text: #171529;
  --muted: #6E7181;
  --border: #E7E9EF;

  direction: rtl !important;
  color: var(--text) !important;
}


/* =========================================
   SHARED SOLAR-LIKE DUOTONE SVG SYSTEM
   ========================================= */

.isatis-contact .isatis-solar-icon {
  width: 1em !important;
  height: 1em !important;

  display: block !important;

  fill: none !important;
  stroke: currentColor !important;

  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;

  overflow: visible !important;
}

.isatis-contact .isatis-solar-icon .duotone {
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: .28 !important;
}


/* =========================================
   SECTION 1 - HERO
   ========================================= */

.isatis-contact__hero {
  position: relative !important;

  display: grid !important;
  grid-template-columns: 1.1fr .9fr !important;
  align-items: center !important;

  gap: 56px !important;

  padding: 64px !important;

  border: 1px solid var(--border) !important;
  border-radius: 28px !important;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(19,155,184,.12),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #FFFFFF,
      #F6FAFB
    ) !important;

  overflow: hidden !important;
}

.isatis-contact__hero::after {
  content: "" !important;

  position: absolute !important;
  left: -90px !important;
  bottom: -120px !important;

  width: 300px !important;
  height: 300px !important;

  border-radius: 50% !important;

  background: rgba(240,237,251,.75) !important;

  pointer-events: none !important;
}

.isatis-contact__hero-content {
  position: relative !important;
  z-index: 2 !important;
}

.isatis-contact__eyebrow {
  display: inline-flex !important;
  align-items: center !important;

  margin-bottom: 18px !important;
  padding: 7px 12px !important;

  border-radius: 999px !important;

  background: var(--brand-soft) !important;
  color: var(--brand) !important;

  font-weight: 600 !important;
}

.isatis-contact__hero h1,
.isatis-contact__form-info h2 {
  margin: 0 0 20px !important;

  color: var(--text) !important;

  line-height: 1.5 !important;
  font-weight: 800 !important;
}

.isatis-contact__hero h1 span,
.isatis-contact__form-info h2 span {
  color: var(--brand) !important;
}

.isatis-contact__hero p,
.isatis-contact__form-info p,
.isatis-contact__section-title p,
.isatis-contact__card p {
  color: var(--muted) !important;
  line-height: 2 !important;
}

.isatis-contact__hero p {
  margin: 0 0 28px !important;
}


/* =========================================
   HERO ACTIONS
   ========================================= */

.isatis-contact__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.isatis-contact__primary-btn,
.isatis-contact__secondary-btn {
  min-height: 48px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 8px !important;

  padding: 0 24px !important;

  border-radius: 12px !important;

  text-decoration: none !important;

  transition:
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease !important;
}

.isatis-contact__primary-btn .isatis-solar-icon,
.isatis-contact__secondary-btn .isatis-solar-icon {
  width: 19px !important;
  height: 19px !important;
}

.isatis-contact__primary-btn {
  color: #FFFFFF !important;
  background: var(--brand) !important;
  border: 1px solid var(--brand) !important;

  box-shadow:
    0 8px 20px rgba(41,22,111,.15) !important;
}

.isatis-contact__primary-btn:hover {
  background: var(--brand-deep) !important;
  border-color: var(--brand-deep) !important;
  color: #FFFFFF !important;

  transform: translateY(-2px) !important;

  box-shadow:
    0 12px 28px rgba(41,22,111,.20) !important;
}

.isatis-contact__secondary-btn {
  color: var(--brand) !important;
  background: #FFFFFF !important;
  border: 1px solid var(--border) !important;
}

.isatis-contact__secondary-btn:hover {
  background: var(--brand-soft) !important;
  color: var(--brand) !important;
  border-color: rgba(41,22,111,.18) !important;

  transform: translateY(-2px) !important;
}


/* =========================================
   HERO CARD
   ========================================= */

.isatis-contact__hero-card {
  position: relative !important;
  z-index: 2 !important;

  padding: 42px !important;

  border-radius: 24px !important;

  background:
    linear-gradient(
      145deg,
      var(--brand),
      var(--brand-deep)
    ) !important;

  color: #FFFFFF !important;

  box-shadow:
    0 24px 60px rgba(41,22,111,.20) !important;

  overflow: hidden !important;
}

.isatis-contact__hero-card::before {
  content: "" !important;

  position: absolute !important;

  width: 190px !important;
  height: 190px !important;

  top: -70px !important;
  left: -60px !important;

  border-radius: 50% !important;

  background: rgba(19,155,184,.22) !important;
}

.isatis-contact__hero-icon {
  position: relative !important;
  z-index: 2 !important;

  width: 60px !important;
  height: 60px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-bottom: 28px !important;

  border-radius: 17px !important;

  background: rgba(255,255,255,.12) !important;
  color: #FFFFFF !important;
}

.isatis-contact__hero-icon .isatis-solar-icon {
  width: 30px !important;
  height: 30px !important;
}

.isatis-contact__hero-card > span,
.isatis-contact__hero-card > strong {
  position: relative !important;
  z-index: 2 !important;

  display: block !important;
}

.isatis-contact__hero-card > span {
  margin-bottom: 8px !important;
  opacity: .72 !important;
}

.isatis-contact__hero-card > strong {
  line-height: 1.9 !important;
}


/* =========================================
   SECTION 2 - CONTACT INFO
   ========================================= */

.isatis-contact__info {
  padding: 96px 0 !important;
}

.isatis-contact__section-title {
  max-width: 720px !important;

  margin: 0 auto 42px !important;

  text-align: center !important;
}

.isatis-contact__section-title > span {
  color: var(--water-deep) !important;
  font-weight: 600 !important;
}

.isatis-contact__section-title h2 {
  margin: 8px 0 12px !important;

  color: var(--text) !important;

  line-height: 1.5 !important;
  font-weight: 800 !important;
}

.isatis-contact__section-title p {
  margin: 0 !important;
}

.isatis-contact__info-grid {
  display: grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap: 18px !important;
}


/* =========================================
   CONTACT CARDS
   ========================================= */

.isatis-contact__card {
  position: relative !important;

  display: flex !important;
  align-items: flex-start !important;

  gap: 18px !important;

  padding: 28px !important;

  border: 1px solid var(--border) !important;
  border-radius: 18px !important;

  background: #FFFFFF !important;

  overflow: hidden !important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease !important;
}


.isatis-contact__card:hover {
  transform: translateY(-4px) !important;

  border-color: rgba(41,22,111,.16) !important;

  box-shadow:
    0 18px 40px rgba(23,21,41,.07) !important;
}

.isatis-contact__card:hover::before {
  height: 100% !important;
}

.isatis-contact__icon {
  width: 50px !important;
  height: 50px !important;

  flex: 0 0 50px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 14px !important;

  background: var(--brand-soft) !important;
  color: var(--brand) !important;

  transition:
    background-color .2s ease,
    color .2s ease,
    transform .2s ease !important;
}

.isatis-contact__icon .isatis-solar-icon {
  width: 26px !important;
  height: 26px !important;
}

.isatis-contact__card:hover .isatis-contact__icon {
  background: var(--brand) !important;
  color: #FFFFFF !important;

  transform: translateY(-2px) rotate(-3deg) !important;
}

.isatis-contact__card-content {
  min-width: 0 !important;
}

.isatis-contact__label {
  color: var(--water-deep) !important;
  font-weight: 600 !important;
}

.isatis-contact__card h3 {
  margin: 5px 0 12px !important;

  color: var(--text) !important;
}

.isatis-contact__address {
  margin: 0 !important;
}


/* =========================================
   PHONE LIST
   ========================================= */

.isatis-contact__phones {
  display: flex !important;
  flex-direction: column !important;

  gap: 7px !important;
}

.isatis-contact__phones a {
  display: flex !important;
  align-items: center !important;

  gap: 6px !important;

  direction: ltr !important;

  width: fit-content !important;

  color: var(--brand) !important;

  text-decoration: none !important;

  font-weight: 700 !important;

  transition: color .18s ease !important;
}

.isatis-contact__phones a:hover {
  color: var(--water-deep) !important;
}

.isatis-contact__phones a span {
  color: var(--muted) !important;
  font-weight: 500 !important;
}


/* =========================================
   SECTION 3 - FORM
   ========================================= */

.isatis-contact__form-section {
  display: grid !important;

  grid-template-columns: .8fr 1.2fr !important;

  align-items: start !important;

  gap: 28px !important;

  margin-bottom: 40px !important;
}

.isatis-contact__form-info {
  padding: 42px !important;

  border: 1px solid var(--border) !important;
  border-radius: 24px !important;

  background: var(--ice) !important;
}

.isatis-contact__form-info p {
  margin: 0 0 28px !important;
}


/* =========================================
   FORM POINTS
   ========================================= */

.isatis-contact__points {
  display: flex !important;
  flex-direction: column !important;

  gap: 12px !important;
}

.isatis-contact__points > div {
  display: flex !important;
  align-items: center !important;

  gap: 10px !important;
}

.isatis-contact__point-icon {
  width: 28px !important;
  height: 28px !important;

  flex: 0 0 28px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 9px !important;

  background: var(--water-soft) !important;
  color: var(--water-deep) !important;
}

.isatis-contact__point-icon .isatis-solar-icon {
  width: 20px !important;
  height: 20px !important;
}


/* =========================================
   FORM WRAPPER
   ========================================= */

.isatis-contact__form {
  padding: 34px !important;

  border: 1px solid var(--border) !important;
  border-radius: 24px !important;

  background: #FFFFFF !important;

  box-shadow:
    0 16px 45px rgba(23,21,41,.06) !important;
}


/* Generic form styling */

.isatis-contact__form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.isatis-contact__form textarea,
.isatis-contact__form select {
  width: 100% !important;

  min-height: 48px !important;

  padding: 11px 14px !important;

  border: 1px solid var(--border) !important;
  border-radius: 10px !important;

  background: #FFFFFF !important;
  color: var(--text) !important;

  outline: none !important;
  box-shadow: none !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease !important;
}

.isatis-contact__form textarea {
  min-height: 145px !important;

  resize: vertical !important;
}

.isatis-contact__form input:focus,
.isatis-contact__form textarea:focus,
.isatis-contact__form select:focus {
  border-color: var(--brand) !important;

  box-shadow:
    0 0 0 4px rgba(41,22,111,.08) !important;
}


/* Submit */

.isatis-contact__form input[type="submit"],
.isatis-contact__form button[type="submit"] {
  min-height: 48px !important;

  padding: 0 24px !important;

  border: 0 !important;
  border-radius: 12px !important;

  background: var(--brand) !important;
  color: #FFFFFF !important;

  cursor: pointer !important;

  box-shadow:
    0 8px 20px rgba(41,22,111,.14) !important;

  transition:
    background-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease !important;
}

.isatis-contact__form input[type="submit"]:hover,
.isatis-contact__form button[type="submit"]:hover {
  background: var(--brand-deep) !important;

  transform: translateY(-1px) !important;

  box-shadow:
    0 10px 25px rgba(41,22,111,.20) !important;
}


/* Contact Form 7 */

.isatis-contact__form .wpcf7-form p {
  margin: 0 0 16px !important;
}

.isatis-contact__form .wpcf7-spinner {
  margin: 0 8px !important;
}

.isatis-contact__form .wpcf7-not-valid-tip {
  color: #B42318 !important;
  margin-top: 6px !important;
}

.isatis-contact__form .wpcf7-response-output {
  margin: 18px 0 0 !important;
  padding: 12px 14px !important;

  border-radius: 10px !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

  .isatis-contact__hero {
    grid-template-columns: 1fr 1fr !important;

    gap: 30px !important;

    padding: 44px !important;
  }

  .isatis-contact__info-grid {
    grid-template-columns:
      repeat(2, minmax(0,1fr)) !important;
  }

  .isatis-contact__form-section {
    grid-template-columns: 1fr !important;
  }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

  .isatis-contact__hero {
    grid-template-columns: 1fr !important;

    padding: 28px 20px !important;

    border-radius: 20px !important;
  }

  .isatis-contact__hero-card {
    padding: 30px 24px !important;
  }

  .isatis-contact__info {
    padding: 64px 0 !important;
  }

  .isatis-contact__info-grid {
    grid-template-columns: 1fr !important;
  }

  .isatis-contact__card {
    padding: 22px !important;
  }

  .isatis-contact__form-info,
  .isatis-contact__form {
    padding: 24px 20px !important;

    border-radius: 18px !important;
  }

}


/* =========================================
   ACCESSIBILITY
   ========================================= */

@media (prefers-reduced-motion: reduce) {

  .isatis-contact *,
  .isatis-contact *::before,
  .isatis-contact *::after {
    transition: none !important;
  }

}/* End custom CSS */