.elementor-10906 .elementor-element.elementor-element-7a8a56e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:100px;--padding-right:0px;}.elementor-10906 .elementor-element.elementor-element-7a8a56e:not(.elementor-motion-effects-element-type-background), .elementor-10906 .elementor-element.elementor-element-7a8a56e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F4FB;}.elementor-10906 .elementor-element.elementor-element-054d97e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10906 .elementor-element.elementor-element-def6c39{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-10906 .elementor-element.elementor-element-def6c39:not(.elementor-motion-effects-element-type-background), .elementor-10906 .elementor-element.elementor-element-def6c39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF4EC;}.elementor-10906 .elementor-element.elementor-element-18b1362{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-10906 .elementor-element.elementor-element-b554912{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10906 .elementor-element.elementor-element-1c4424f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10906 .elementor-element.elementor-element-025ac5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10906 .elementor-element.elementor-element-36f564f{--display:flex;}@media(min-width:768px){.elementor-10906 .elementor-element.elementor-element-b554912{--width:5%;}.elementor-10906 .elementor-element.elementor-element-1c4424f{--width:90%;}.elementor-10906 .elementor-element.elementor-element-025ac5a{--width:5%;}}@media(max-width:1024px){.elementor-10906 .elementor-element.elementor-element-18b1362{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-10906 .elementor-element.elementor-element-18b1362{--gap:35px 35px;--row-gap:35px;--column-gap:35px;--padding-top:15%;--padding-bottom:15%;--padding-left:10%;--padding-right:10%;}}/* Start custom CSS for html, class: .elementor-element-ec2a01f */<style>
  /* --- Required Variables --- */
  :root {
    --ink: #2c2a3a;
    --teal-soft: #eeecf8;
    --lav: #c4bfe7;
  }

  /* --- Base Reset & Button Styles --- */
  .btn {
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
    border-radius: 40px;
    cursor: pointer;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background .18s, transform .1s, box-shadow .18s;
    text-decoration: none; /* Added for anchor tags */
  }

  /* --- Main CTA Styles --- */
  .cta {
    margin: 60px 0 0;
    position: relative;
    overflow: hidden;
    background: var(--ink);
    border-radius: 32px;
    padding: 64px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
    font-family: 'Mulish', sans-serif; /* Fallback for isolated block */
  }

  .cta__ring {
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    border: 1.5px dashed rgba(255, 255, 255, 0.18);
    top: -120px;
    right: 60px;
  }

  .cta__disc {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(124, 111, 192, 0.38);
    bottom: -260px;
    right: -120px;
  }

  .cta__txt {
    position: relative;
    z-index: 2;
    max-width: 560px;
  }

  .cta h2 {
    font-family: 'Fraunces', serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.1;
    color: #fff;
    margin: 0;
  }

  .cta h2 em {
    font-style: italic;
    color: var(--lav);
  }

  .cta p {
    font-size: 17px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.78);
    margin-top: 16px;
    margin-bottom: 0;
  }

  .cta__act {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
  }

  .cta .btn--white {
    background: #fff;
    color: var(--ink);
    padding: 15px 30px;
    font-size: 16px;
  }

  .cta .btn--white:hover {
    background: var(--teal-soft);
  }

  .cta .btn--outline {
    background: transparent;
    border: 1.5px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 15px 30px;
    font-size: 16px;
  }

  .cta .btn--outline:hover {
    border-color: #fff;
  }

  /* --- Responsive Adjustments --- */
  @media(max-width: 640px) {
    .cta {
      padding: 44px 28px;
    }
    
    .cta h2 {
      font-size: 30px;
    }
  }
</style>

<section class="cta">
  <div class="cta__ring"></div>
  <div class="cta__disc"></div>
  <div class="cta__txt">
    <h2>Are you a specialist? <em>Join us.</em></h2>
    <p>Bring your practice online to a global, diverse community. We handle the platform, bookings, and payments — you focus on care.</p>
  </div>
  <div class="cta__act">
    <a class="btn btn--white" href="/join-us/">Become an expert</a>
    <a class="btn btn--outline" href="/contact/">Talk to our team</a>
  </div>
</section>/* End custom CSS */