@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gildadisplay;
  src: url('../fonts/GildaDisplay-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Urbanist;
  src: url('../fonts/Urbanist-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Urbanist;
  src: url('../fonts/Urbanist-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Urbanist;
  src: url('../fonts/Urbanist-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Urbanist;
  src: url('../fonts/Urbanist-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Urbanist;
  src: url('../fonts/Urbanist-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa 400";
  src: url('../fonts/fa-regular-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Solid 900";
  src: url('../fonts/fa-solid-900.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Brands 400";
  src: url('../fonts/fa-brands-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --pelt: #50414c;
  --skimming-stone: #dfd6cb;
  --body-text: 18px;
  --line-height: 22.4px;
  --wevet: #eee9e7;
  --headings: Cormorantgaramond, Georgia, sans-serif;
  --hague-blue: #3c4f57;
  --white: white;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--pelt);
  color: var(--skimming-stone);
  font-family: Urbanist, sans-serif;
  font-size: var(--body-text);
  line-height: var(--line-height);
  font-weight: 400;
}

a {
  text-decoration: underline;
}

.hero__section {
  background-image: linear-gradient(270deg, var(--pelt), #51414c4d), url('../images/FHD-MDB_9136.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
  height: 100vh;
}

.navbar {
  background-color: var(--pelt);
  position: fixed;
  inset: 0% 0% auto;
}

.link__nav {
  color: var(--skimming-stone);
}

.link__nav:hover {
  font-weight: 600;
  text-decoration: underline;
}

.link__nav.w--current {
  color: var(--wevet);
  font-weight: 600;
  text-decoration: none;
}

.menu__nav {
  height: 100%;
}

.section__about--white {
  background-color: var(--skimming-stone);
  color: var(--pelt);
  padding-top: 40px;
  padding-bottom: 100px;
}

.h2--centered {
  font-family: var(--headings);
  text-align: center;
  margin-top: 60px;
  margin-bottom: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 60px;
  line-height: 140%;
}

.paragraph {
  padding: 10px 5px;
}

.div__content-wrapper {
  margin-bottom: 30px;
}

.section__about--purple {
  padding-top: 60px;
  padding-bottom: 100px;
}

.h3--centered {
  font-family: var(--headings);
  text-align: center;
  margin-top: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 40px;
  line-height: 140%;
}

.grid__procedures--panels {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.panel-title {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Cormorantgaramond, Georgia, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.list-item__procedures {
  border-bottom: 1px solid var(--pelt);
  padding-top: 5px;
  padding-bottom: 5px;
}

.panel__procedures {
  background-color: var(--wevet);
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
}

.grid__locations {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.panel__locations {
  background-color: var(--hague-blue);
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
}

.grid__affiliations {
  background-color: #fff;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.img__ass-logo {
  margin: 10px auto;
}

.list-item__quals {
  border-bottom: 1px solid var(--skimming-stone);
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.paragraph---centered {
  text-align: center;
}

.panel-h3 {
  font-family: var(--headings);
  text-align: center;
  margin-top: 10px;
  font-size: 32px;
  line-height: 140%;
}

.h4 {
  font-family: var(--headings);
  padding-left: 5px;
  font-size: 26px;
}

.h-flex__hero {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-end;
  height: 100vh;
}

.div__hero--logo-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.button__hero {
  background-color: var(--wevet);
  color: var(--hague-blue);
  border-radius: 10px;
  padding: 25px;
  font-size: 32px;
  box-shadow: 6px 6px 3px #0003;
}

.link__text--blue-bg, .link__text--blue-bg:hover {
  color: var(--wevet);
}

.link__text--blue-bg:focus-visible, .link__text--blue-bg[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 1px solid #eee9e7;
}

.div__hero--logo {
  margin-bottom: 100px;
}

.h1__hero--name {
  font-family: var(--headings);
  text-align: center;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 300;
  line-height: 140%;
}

.subhead__hero {
  text-align: center;
  text-transform: uppercase;
  font-family: Gildadisplay, sans-serif;
  font-size: 32px;
  line-height: 140%;
}

.text-block--link {
  color: var(--wevet);
  padding: 5px;
  display: inline-block;
}

.text-block--link:focus-visible, .text-block--link[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 1px solid #eee9e7;
}

.h-flex__about {
  justify-content: space-around;
}

.div__content-wrapper--hflex-child {
  width: 45%;
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.link-block__affiliations {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.section__footer {
  padding-top: 40px;
  padding-bottom: 40px;
}

.div__content--centered {
  text-align: center;
}

.youtube {
  margin-bottom: 40px;
}

.grid__procedures--videos {
  grid-template-rows: auto;
}

.button__panel {
  background-color: var(--wevet);
  color: var(--pelt);
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 6px 6px 3px #0003;
}

.link__text--light-bg {
  color: var(--hague-blue);
}

.link__text--light-bg:hover {
  text-decoration: overline;
}

.link__text--light-bg:visited {
  color: var(--pelt);
  text-decoration: underline;
}

.div__content-wrapper--videos {
  border: 1px solid var(--skimming-stone);
  border-radius: 10px;
  padding: 3px;
}

.html__reviews--carousel-white {
  height: 320px;
}

.cta__button--whitebg {
  background-color: var(--pelt);
  color: var(--wevet);
  border-radius: 10px;
  margin-top: 60px;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 24px;
  box-shadow: 6px 6px 3px #0003;
}

.cta__button--purplebg {
  background-color: var(--wevet);
  color: var(--pelt);
  border-radius: 10px;
  margin-top: 60px;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 24px;
  box-shadow: 6px 6px 3px #0003;
}

.link__nav--social {
  color: var(--skimming-stone);
  font-family: "Fa Brands 400", sans-serif;
  font-size: 24px;
}

.link__nav--social:hover {
  font-weight: 600;
  text-decoration: none;
}

.link__nav--social.w--current {
  color: var(--wevet);
  font-weight: 600;
  text-decoration: none;
}

.img__social-logo {
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}

.text__social {
  color: var(--pelt);
  font-size: 24px;
  display: inline-block;
}

.link-block__social-link {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 20px;
}

.link-block__social-link--purplebg {
  padding-top: 20px;
  padding-bottom: 20px;
}

.text__social--purplebg {
  color: var(--skimming-stone);
  font-size: 24px;
  display: inline-block;
}

.code_embed--spotify {
  margin-top: 60px;
}

@media screen and (max-width: 991px) {
  .hero__section {
    background-image: linear-gradient(to top, var(--pelt), #50414c4d), url('../images/FHD-MDB_9136.jpg');
    background-position: 0 0, 10%;
    background-size: auto, cover;
  }

  .link__nav {
    background-color: var(--pelt);
    text-align: right;
  }

  .menu__nav {
    background-color: var(--pelt);
  }

  .grid__procedures--panels, .grid__locations {
    grid-template-columns: 1fr 1fr;
  }

  .grid__affiliations {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    width: 90%;
  }

  .h-flex__hero {
    flex-direction: column;
    align-items: center;
  }

  .div__hero--logo-wrapper {
    justify-content: space-around;
    width: auto;
    height: auto;
    position: absolute;
    inset: auto 0% 0%;
  }

  .img__hero--logo {
    margin-left: auto;
    margin-right: auto;
  }

  .button__hero {
    margin-top: 40px;
    margin-bottom: 100px;
  }

  .img__hero--photo {
    min-height: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .div__hero--logo {
    margin-bottom: 60px;
  }

  .menu-button, .menu-button.w--open {
    background-color: var(--pelt);
  }

  .div__content-wrapper--hflex-child {
    padding-left: 20px;
    padding-right: 20px;
  }

  .html__reviews--carousel-white {
    height: 400px;
  }

  .link__nav--social {
    background-color: var(--pelt);
    text-align: right;
  }
}

@media screen and (max-width: 767px) {
  .div__content-wrapper {
    padding-left: 5px;
    padding-right: 5px;
  }

  .grid__procedures--panels, .grid__locations {
    grid-template-columns: 1fr;
  }

  .grid__affiliations {
    grid-column-gap: 19px;
    grid-row-gap: 21px;
  }

  .img__ass-logo {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .h-flex__about {
    flex-direction: column;
  }

  .div__content-wrapper--hflex-child {
    width: 95%;
  }

  .grid__procedures--videos {
    grid-template-columns: 1fr;
  }

  .video__yt--procedures {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .html__reviews--carousel-white {
    height: 500px;
  }

  .container-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 479px) {
  .hero__section {
    background-position: 0 0, 15%;
  }

  .section__about--white {
    padding-bottom: 40px;
  }

  .h2--centered {
    margin-bottom: 20px;
    font-size: 42px;
  }

  .paragraph {
    font-size: 16px;
    line-height: 22.4px;
  }

  .div__content-wrapper {
    padding-bottom: 20px;
  }

  .list-item__procedures {
    font-size: 16px;
    line-height: 22.4px;
  }

  .grid__affiliations {
    grid-template-columns: 1fr;
    padding: 15px;
  }

  .img__ass-logo {
    margin-left: auto;
    margin-right: auto;
  }

  .list-item__quals {
    font-size: 16px;
    line-height: 22.4px;
  }

  .button__hero {
    margin-top: 20px;
    margin-bottom: 80px;
    padding: 15px;
    font-size: 24px;
    line-height: 140%;
  }

  .div__hero--logo {
    margin-bottom: 40px;
  }

  .h1__hero--name {
    font-size: 42px;
  }

  .youtube {
    margin-bottom: 15px;
  }

  .html__reviews--carousel-white {
    height: 600px;
  }

  .cta__button--whitebg, .cta__button--purplebg {
    margin-top: 40px;
    font-size: 20px;
  }

  .text__social, .text__social--purplebg {
    font-size: 18px;
  }
}

#w-node-e327971f-ddaf-7c59-13f8-bda8c85c4196-70c08a67, #w-node-_67ffff0d-f4a9-b8a9-2297-7c24dd3341f2-70c08a67, #w-node-c2723a8d-10e5-39a6-d735-672188823dfb-70c08a67, #w-node-_28c20579-ca09-2180-61f1-d45138b3916f-70c08a67, #w-node-_0cc2cba4-24a4-3ba9-f05c-a47ba46c16f4-70c08a67 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-fcd85484-4bc7-d26b-9b47-08dd8abc8b66-70c08a67, #w-node-_34ed634f-003b-7f3d-6b52-5ac4d022075a-70c08a67, #w-node-bdad0602-fb1f-be19-8fb7-508852af414c-70c08a67, #w-node-bdad0602-fb1f-be19-8fb7-508852af414f-70c08a67, #w-node-_7d619ef7-b8df-4fec-24aa-3422ac6de843-70c08a67, #w-node-_7d619ef7-b8df-4fec-24aa-3422ac6de846-70c08a67, #w-node-_5896e726-c87a-5a9b-0644-0d34c4420d52-70c08a67, #w-node-_00e00d17-2006-41be-6880-6538c79ea61f-70c08a67, #w-node-_0ecd8d61-8168-b2f7-8656-a8b614d521c7-70c08a67, #w-node-ae7a7156-cc5f-7da3-efc9-a5cf64b04f07-70c08a67, #w-node-bbad598b-3698-2225-e14e-20678ed06bff-70c08a67, #w-node-_909ce23c-3c5f-31b9-b83f-bac0df40f939-70c08a67, #w-node-_414070d3-4ffa-f22c-2e1a-7ac6784930f6-70c08a67, #w-node-_414070d3-4ffa-f22c-2e1a-7ac6784930f9-70c08a67 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-fcd85484-4bc7-d26b-9b47-08dd8abc8b66-70c08a67 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
}


@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gildadisplay';
  src: url('../fonts/GildaDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Solid 900';
  src: url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Brands 400';
  src: url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}