Contact form

<h3>Contact Clear Psychiatry</h3>
<p>Where Compassion Meets Excellence</p>
<p>Our Values: </p>
<p>Ethical Practice . Person-centred . Integrated . Community Leadership</p>

name

email

phone

message

Embed

<section class="clear-psychiatry-location" aria-label="Clear Psychiatry location">
  <style>
    .clear-psychiatry-location {
      --cp-green: #45543a;
      --cp-green-soft: #59664d;
      --cp-cream: #f3f5ef;
      --cp-gold-text: #b4a271;
      --cp-dark-text: #172033;

      font-family: inherit;
      width: 100%;
      max-width: 1180px;
      margin: 28px auto;
      background: var(--cp-green);
      border-radius: 36px;
      overflow: hidden;
      box-shadow: 0 16px 34px rgba(23, 32, 51, 0.16);
      display: grid;
      grid-template-columns: 44% 56%;
      min-height: 280px;
    }

    .clear-psychiatry-location,
    .clear-psychiatry-location h2,
    .clear-psychiatry-location address {
      color: #b4a271 !important;
    }

    .clear-psychiatry-location__content {
      padding: 34px 28px 34px 56px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .clear-psychiatry-location__label {
      display: inline-block;
      align-self: flex-start;
      background: var(--cp-green-soft);
      color: #ffffff !important;
      border-radius: 12px;
      padding: 8px 14px;
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 16px;
    }

    .clear-psychiatry-location h2 {
      margin: 0 0 10px;
      font-size: clamp(24px, 2.6vw, 38px);
      line-height: 1.05;
      font-weight: 700;
    }

    .clear-psychiatry-location address {
      font-style: normal;
      font-size: clamp(15px, 1.3vw, 20px);
      line-height: 1.45;
      margin: 0 0 18px;
    }

    .clear-psychiatry-location__button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      align-self: flex-start;
      min-height: 40px;
      padding: 9px 16px;
      border-radius: 14px;
      background: var(--cp-cream);
      color: var(--cp-dark-text) !important;
      text-decoration: none;
      font-size: 14px;
      font-weight: 700;
    }

    .clear-psychiatry-location__button:hover,
    .clear-psychiatry-location__button:focus {
      background: #ffffff;
    }

    .clear-psychiatry-location__map-wrap {
      position: relative;
      min-height: 280px;
      background: #d8d8d8;
      overflow: hidden;
    }

    .clear-psychiatry-location__map {
      width: 100%;
      height: calc(100% + 120px);
      min-height: 370px;
      border: 0;
      display: block;
      filter: saturate(0.85) contrast(0.95);
      pointer-events: none;
      transform: translateY(-120px);
    }

    @media (max-width: 820px) {
      .clear-psychiatry-location {
        grid-template-columns: 1fr;
        border-radius: 28px;
      }

      .clear-psychiatry-location__content {
        padding: 28px;
      }

      .clear-psychiatry-location__map-wrap {
        min-height: 260px;
      }

      .clear-psychiatry-location__map {
        min-height: 350px;
      }
    }

    @media (max-width: 520px) {
      .clear-psychiatry-location {
        border-radius: 22px;
        margin: 22px auto;
      }

      .clear-psychiatry-location__button {
        width: 100%;
      }
    }
  </style>

  <div class="clear-psychiatry-location__content">
    <span class="clear-psychiatry-location__label">Our location</span>

    <h2>Clear Psychiatry</h2>

    <address>
      4b Parkway<br>
      Wilmslow<br>
      SK9 1LS
    </address>

    <a
      class="clear-psychiatry-location__button"
      href="https://www.google.com/maps/search/?api=1&query=Clear%20Psychiatry%2C%204b%20Parkway%2C%20Wilmslow%2C%20SK9%201LS"
      target="_blank"
      rel="noopener"
    >
      View in Maps
    </a>
  </div>

  <div class="clear-psychiatry-location__map-wrap" aria-hidden="true">
    <iframe
      class="clear-psychiatry-location__map"
      tabindex="-1"
      title="Static-looking map preview of Clear Psychiatry"
      loading="lazy"
      src="https://www.google.com/maps?q=Clear%20Psychiatry%2C%204b%20Parkway%2C%20Wilmslow%2C%20SK9%201LS&output=embed">
    </iframe>
  </div>
</section>