:root {
  --pink-900: #9a1f5f;
  --pink-700: #aa0061;
  --pink-500: #d81a86;
  --pink-400: #ef0b8d;
  --pink-300: #ecd1df;
  --pink-100: #f6e5ef;
  --orange-400: #ff6300;
  --gray-700: #373737;
  --gray-500: #444444;
  --gray-400: #585858;
  --gray-300: #e0e0e0;
  --gray-100: #fafafa;
  --font-color: var(--gray-400);
  --font-size: 1rem;
  --line-height: 1.5rem;
  --font-weight: 400;
  --card-bg-color: white;
  --card-border-radius: 24px;
  --card-padding: 2.25rem
}
body {
  margin: 0
}
main {
  background-color: var(--pink-100)
}
main * {
  box-sizing: border-box;
  color: var(--font-color);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-weight: var(--font-weight)
}
main *:not(.font-roboto) {
  font-family: 'Gotham Narrow Book', sans-serif
}
main .font-roboto {
  font-family: 'Gotham Narrow Book', sans-serif
}
main .title {
  --font-weight: 700;
  --font-size: 2.25rem;
  --line-height: 3rem
}
main sup {
  --font-size: 75%
}
main a[target=_blank] .external-icon {
  display: none !important
}
main a[target=_blank]:after {
  content: "";
  width: 9px;
  height: 10px;
  margin-left: .25rem;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.628 7.94C2.57097 7.89608 2.52513 7.83932 2.4942 7.77432C2.46326 7.70933 2.44812 7.63795 2.45 7.566V6.158H0.361C0.161 6.158 0 5.964 0 5.724V4.275C0 4.035 0.162 3.841 0.361 3.841H2.451V2.434C2.451 2.28 2.519 2.137 2.629 2.06C2.68102 2.02179 2.74366 2.00078 2.8082 1.99988C2.87274 1.99899 2.93594 2.01825 2.989 2.055L6.815 4.62C6.87446 4.66354 6.92245 4.72087 6.95485 4.78707C6.98725 4.85326 7.00309 4.92633 7.001 5C7.001 5.158 6.931 5.303 6.816 5.38L2.987 7.945C2.93513 7.98048 2.87384 7.99963 2.811 8C2.74524 7.99953 2.68127 7.97855 2.628 7.94ZM9.001 8.514C9.001 9.334 8.371 10 7.595 10H2.561C2.251 10 2.001 9.735 2.001 9.409C2.001 9.082 2.251 8.817 2.561 8.817H7.595C7.67307 8.81465 7.74703 8.78143 7.80064 8.72463C7.85425 8.66782 7.88315 8.59208 7.881 8.514V1.486C7.88315 1.40792 7.85425 1.33218 7.80064 1.27537C7.74703 1.21857 7.67307 1.18535 7.595 1.183H2.561C2.251 1.183 2.001 0.918 2.001 0.591C2.001 0.265 2.251 0 2.561 0H7.595C8.37 0 9.001 0.666 9.001 1.486V8.514Z' fill='%2300C1D5'/%3E%3C/svg%3E%0A")
}
main .visible-desktop {
  display: none
}
main .visible-tablet {
  display: none
}
main .visible-mobile {
  display: none
}
@media screen and (min-width: 769px) {
  main .visible-mobile:not(.visible-desktop),
  main .visible-tablet:not(.visible-desktop) {
    display: none !important
  }
  main .visible-desktop {
    display: initial
  }
}
@media screen and (min-width: 993px) {
  .visible-tablet-block {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .section.section-my-cat .media {
    top: -45px;
  }
  .visible-desktop-block {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .visible-mobile-block {
    display: none !important;
  }
  main .container,
  main .container.large {
    --container-width: calc(624px + 3rem)
  }
  main .container.no-padding,
  main .container.large.no-padding {
    --container-width: 624px
  }
  main .visible-tablet {
    display: initial;
  }
}
@media screen and (max-width: 767px) {
  .visible-tablet-block {
    display: none;
  }
  .visible-mobile-block {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  main .visible-desktop:not(.visible-tablet),
  main .visible-mobile:not(.visible-tablet) {
    display: none !important;
  }
}
@media screen and (max-width: 575px) {
  main .visible-desktop:not(.visible-mobile),
  main .visible-tablet:not(.visible-mobile) {
    display: none !important
  }
  main .visible-mobile {
    display: initial
  }
}
main .container {
  --container-width: calc(900px + 3rem);
  --padding: 1.5rem;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: var(--container-width) !important;
  margin: 0 auto !important;
  padding-left: var(--padding) !important;
  padding-right: var(--padding) !important
}
main .container.large {
  --container-width: calc(972px + 3rem)
}
@media screen and (max-width: 768px) {
  main .container,
  main .container.large,
  main .container.large.no-padding,
  main .container.no-padding {
    --container-width: 624px
  }
  main .container.no-mobile-padding {
    --padding: 0rem !important
  }
}
.padding-100 {
  padding-bottom: 100px !important;
}
main .landing-card {
  background: var(--card-bg-color);
  border-radius: var(--card-border-radius);
  padding: var(--card-padding)
}
main .landing-card.dark {
  --font-color: white;
  --card-bg-color: var(--pink-300)
}
main .landing-card.darker {
  --font-color: white;
  --card-bg-color: var(--pink-900)
}
.section.section-hero {
  padding-bottom: 5rem
}
.section.section-hero .hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin: 0 2.5rem 0;
}
.section.section-hero .hero .title {
  --font-color: var(--gray-700);
  margin: 0;
  width: 100%;
  font-size: 45px;
}
.section.section-hero .hero .title span {
  font-family: 'Gotham Narrow Book', sans-serif;
  color: var(--orange-400);
  font-size: 3rem;
}
.section.section-hero .hero img {
  width: 460px;
  height: auto;
  max-width: 100%
}
.section.section-hero .stats-card .inside-landing-card {
  display: grid; 
  grid-template-columns: 13fr 9fr;
  gap: 1.5rem;
   grid-gap: 1.5rem;
}
.section.section-hero .stats-card  .title {
  --font-color: black;
  --font-size: 1.5rem;
  --line-height: 1.75rem;
  --font-weight: 600;
  margin: 0 0 1.5rem
}
.section.section-hero .stats-card .content .title {
  --font-color: black;
  --font-size: 1.5rem;
  --line-height: 1.75rem;
  --font-weight: 600;
  margin: 0 0 1.5rem
}
.section.section-hero .stats-card  .title span {
  color: var(--orange-400);
}
.section.section-hero .stats-card .content .title span {
  color: var(--orange-400);
}
.section.section-hero .stats-card .content .description {
  background-color: var(--gray-100);
  border-radius: .75rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column
}
.section.section-symptoms .content .cta-paragraph
{
	display: inline-flex;
    padding: 1rem 2rem;
    background-color: #fff;
    color: var(--orange-400);
    border-radius: 3rem;
    text-decoration: none;
    --font-color: var(--orange-400);
    --font-weight: 700;
    --font-size: 1.5rem;
    --line-height: 1.75rem;
}
@supports not (-webkit-touch-callout: none) {
  .section.section-hero .stats-card .content .description {
    gap: 1rem
  }
}
@supports (-webkit-touch-callout: none) {
  .section.section-hero .stats-card .content .description>*:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.section.section-hero .stats-card .content .description>* {
  padding: 0;
  margin: 0;
  --font-color: black
}
.section.section-hero .stats-card .stats {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 3rem;
}
.section.section-hero .stats-card .stats .stat {
  display: flex;
  justify-content: center;
  align-items: center
}
@supports not (-webkit-touch-callout: none) {
  .section.section-hero .stats-card .stats .stat {
    gap: 1.75rem
  }
}
@supports (-webkit-touch-callout: none) {
  .section.section-hero .stats-card .stats .stat>*:not(:last-child) {
    margin-right: 1.75rem
  }
}
.section.section-hero .stats-card .stats .stat p {
  margin: 0;
  --font-color: black
}
.section.section-hero .stats-card .stats .pie {
  --p: 0;
  --border: .5rem;
  --width: 4.5rem;
  --foreground: var(--orange-400);
  --font-color: black;
  --font-size: 1.25rem;
  --line-height: 1.75rem;
  --font-weight: 600;
  width: var(--width);
  min-width: var(--width);
  height: var(--width);
  aspect-ratio: 1;
  position: relative;
  display: inline-grid;
  place-content: center
}
.section.section-hero .stats-card .stats .pie:before,
.section.section-hero .stats-card .stats .pie:after {
  content: "";
  position: absolute;
  border-radius: 50%
}
.section.section-hero .stats-card .stats .pie:before {
  inset: 0;
  background: radial-gradient(farthest-side, var(--foreground) 98%, transparent) top/var(--border) var(--border) no-repeat, conic-gradient(var(--foreground) calc(var(--p) * 1%), var(--gray-300) 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(99% - var(--border)), #000 calc(100% - var(--border)));
  mask: radial-gradient(farthest-side, transparent calc(99% - var(--border)), #000 calc(100% - var(--border)))
}
.section.section-hero .stats-card .stats .pie:after {
  top: calc(50% - var(--border) / 2);
  right: calc(50% - var(--border) / 2);
  bottom: calc(50% - var(--border) / 2);
  left: calc(50% - var(--border) / 2);
  background: var(--foreground);
  transform: rotate(calc(var(--p) * 3.6deg)) translateY(calc(50% - var(--width) / 2))
}
@media screen and (max-width: 768px) {
  .section.section-hero {
    padding-bottom: 0
  }
  .section.section-hero .hero {
    margin: 0px;
    justify-items: center
  }
  .section.section-hero .hero .title {
    --font-size: 2rem
  }
  /* .section.section-hero .stats-card .landing-card {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    grid-gap: 2.5rem;
    padding: 2rem 1.5rem 3rem;
    position: relative;
    z-index: 1
  } */
  .section.section-hero .stats-card .inside-landing-card {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    grid-gap: 2.5rem;
    /* padding: 2rem 1.5rem 3rem; */
    position: relative;
    z-index: 1
  }
  .section.section-hero .stats-card .content .title {
    margin: 0;
    --font-size: 1.25rem;
    --line-height: 1.75rem
  }
.section.section-hero .stats-card .content .title {
    margin: 0;
    --font-size: 1.25rem;
    --line-height: 1.75rem
  }
  .section.section-hero .stats-card .content .icons {
    display: flex;
    justify-content: space-evenly
  }
  @supports not (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .content .icons {
      gap: 1rem
    }
  }
  @supports (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .content .icons>*:not(:last-child) {
      margin-right: 1rem
    }
  }
  .section.section-hero .stats-card .content .icons .icon {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 2rem 0 2.5rem
  }
  @supports not (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .content .icons .icon {
      gap: .5rem
    }
  }
  @supports (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .content .icons .icon>*:not(:last-child) {
      margin-bottom: .5rem
    }
  }
  .section.section-hero .stats-card .content .icons .icon p {
    margin: 0;
    --font-color: black;
    --font-weight: 600;
    --line-height: 1.25rem
  }
  .section.section-hero .stats-card .content .description {
    background-color: unset;
    padding: 0
  }
  @supports not (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .content .description {
      gap: .75rem
    }
  }
  @supports (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .content .description>*:not(:last-child) {
      margin-bottom: .75rem
    }
  }
  @supports not (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .stats {
      gap: 2.5rem
    }
  }
  @supports (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .stats>*:not(:last-child) {
      margin-bottom: 2.5rem
    }
  }
  @supports not (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .stats .stat {
      gap: 1rem
    }
  }
  @supports (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .stats .stat>*:not(:last-child) {
      margin-right: 1rem
    }
  }
  .section.section-hero .stats-card .stats .pie {
    --border: .375rem;
    --width: 3.75rem;
    --font-size: .75rem;
    --line-height: 1rem
  }
}
@media screen and (max-width: 575px) {
  .section.section-hero .hero {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    grid-gap: 1.25rem;
    justify-items: center;
    margin-top: 1.5rem;
    flex-direction: column;
    display: flex;
  }
  .section.section-hero .hero .title {
    text-align: center
  }
  .section.section-hero .hero img {
    width: 300px;
    grid-area: 1/1
  }
  .section.section-hero .stats-card {
    background: linear-gradient(to bottom, transparent, var(--pink-900))
  }
  .section.section-hero .stats-card .landing-card {
    --card-padding: 2rem 1.5rem 2.5rem
  }
  @supports not (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .landing-card {
      gap: 2rem
    }
  }
  @supports (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .landing-card>*:not(:last-child) {
      margin-bottom: 2rem
    }
  }
  .section.section-hero .stats-card .landing-card .content .icons .icon {
    margin: 1rem 0 1.5rem
  }
  @supports not (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .landing-card .stats {
      gap: 2rem
    }
  }
  @supports (-webkit-touch-callout: none) {
    .section.section-hero .stats-card .landing-card .stats>*:not(:last-child) {
      margin-bottom: 2rem
    }
  }
}
.section.section-my-cat .landing-card {
  --card-padding: 5rem 0;
  overflow: hidden
}
.section.section-my-cat .landing-card .content {
  padding-right: 2rem;
}
.section.section-my-cat .container {
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  position: relative;
  display: grid !important;
  grid-template-columns: 60% 1fr;
}
@supports not (-webkit-touch-callout: none) {
  .section.section-my-cat .container {
    gap: 4.5rem
  }
}
@supports (-webkit-touch-callout: none) {
  .section.section-my-cat .container>*:not(:last-child) {
    margin-right: 4.5rem
  }
}
.section.section-my-cat .content .title {
  margin: 0 0 1rem
}
.section.section-my-cat .content .description {
  margin-bottom: 2rem
}
.section.section-my-cat .content .description>* {
  margin: 0
}
.section.section-my-cat .content .cta-wrapper {
  height: 60px
}
.section.section-my-cat .content .cta {
  display: inline-flex;
  padding: 1rem 2rem;
  background-color: #fff;
  color: var(--orange-400);
  border-radius: 3rem;
  text-decoration: none;
  --font-color: var(--orange-400);
  --font-weight: 700;
  --font-size: 1.5rem;
  --line-height: 1.75rem;
  font-family: 'Gotham Narrow Bold';
}
.section.section-my-cat .content .cta:hover {
  color: #fff !important;
  background-color: var(--orange-400);
}
.section.section-my-cat .content .cta.fixed {
  position: fixed;
  bottom: 2rem
}
.section.section-my-cat .content .cta.pink {
  background-color: #fff;
  color: var(--orange-400);
  box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.23);
}
.section.section-my-cat .content .cta.pink:hover {
  background-color: var(--orange-400);
  color: #fff !important;
}
.section.section-my-cat .media {
  display: grid;
  position: absolute;
  right: 0;
  top: -95px;
}
.section.section-my-cat .media .visible-desktop img {
  width: 600px;
}
.section.section-my-cat .media .blurred {
  filter: blur(80px);
  z-index: 1
}
.section.section-my-cat .media div {
  display: grid
}
.section.section-my-cat .media * {
  grid-area: 1/1;
  z-index: 2
}
@media screen and (max-width: 768px) {
  .section.section-my-cat .landing-card {
    --card-padding: 8.5rem 4.5rem 2.25rem;
    margin-top: -5rem
  }
  .section.section-my-cat .container {
    align-items: center
  }
  .section.section-my-cat .landing-card .content {
    padding-right: 0;
  }
  .section.section-my-cat .container {
    position: static;
  }
  @supports not (-webkit-touch-callout: none) {
    .section.section-my-cat .container {
      gap: 1.25rem;
      position: static;
      grid-template-columns: 80% 1fr;
    }
  }
  @supports (-webkit-touch-callout: none) {
    .section.section-my-cat .container>*:not(:last-child) {
      margin-right: 1.25rem
    }
  }
  .section.section-my-cat .content .title {
    width: 100% !important;
    --font-size: 1.75rem;
    --line-height: 2.25rem
  }
  .section.section-my-cat .content .description {
    margin-bottom: 1.5rem;
    max-width: 100% !important;
  }
  .section.section-my-cat .content .description p {
    --font-size: .875rem
  }
  .section.section-my-cat .content .cta-wrapper {
    height: 62px;
    text-align: center;
    display: block !important;
  }
  .section.section-my-cat .content .cta {
    --font-size: 1.25rem;
    --line-height: 1.5;
    justify-content: center;
    z-index: 99;
    display: block;
  }
  .section.section-my-cat .media {
    position: absolute;
    right: 0px;
    top: 16%;
  }
  .section.section-my-cat .media img {
    width: 100%;
    max-height: 323px;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .section.section-my-cat .landing-card {
    position: relative;
    overflow: hidden;
    padding: 8.5rem 1.5rem 5rem
  }
  .section.section-my-cat .landing-card .container .content .title {
    width: 75%
  }
  .section.section-my-cat .landing-card .container .content .cta.fixed {
    left: 50%;
    transform: translate(-50%)
  }
}
@media screen and (max-width: 575px) {
  .section.section-my-cat .landing-card {
    padding: 3.5rem 1.5rem 2rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    margin-top: 0
  }
  .section.section-my-cat .container {
    grid-template-columns: 100% 1fr;
  }
  @supports not (-webkit-touch-callout: none) {
    .section.section-my-cat .container {
      gap: 0;
      grid-template-columns: 100% 1fr;
    }
  }
  @supports (-webkit-touch-callout: none) {
    .section.section-my-cat .container>*:not(:last-child) {
      margin-right: 0
    }
  }
  .section.section-my-cat .content .title {
    width: 75% !important;
  }
  .section.section-my-cat .content .description {
    margin-bottom: 2rem;
    max-width: 76% !important;
  }
  .section.section-my-cat .content .cta {
    --font-size: 1.25rem;
    --line-height: 1.5;
    width: 100%;
    justify-content: center;
    max-width: unset
  }
  .section.section-my-cat .content .cta.fixed {
    width: calc(100% - 3rem)
  }
  .section.section-my-cat .media {
    top: 30px;
  }
}
@media screen and (max-width: 360px) {
  .section.section-my-cat .content .description {
    max-width: 100%
  }
}
.section.section-symptoms {
  padding: 5rem 0
}
.section.section-symptoms .wrapper {
  display: grid !important;
  grid-template-columns: 11fr 10fr;
  gap: 3.75rem;
  grid-gap: 3.75rem
}
.section.section-symptoms .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
@supports not (-webkit-touch-callout: none) {
  .section.section-symptoms .content {
    gap: 1rem
  }
}
@supports (-webkit-touch-callout: none) {
  .section.section-symptoms .content>*:not(:last-child) {
    margin-bottom: 1rem
  }
}
.section.section-symptoms .content>* {
  margin: 0
}
.section.section-symptoms .content .title {
  --font-color: var(--gray-700)
}
.section.section-symptoms .content p {
  --font-color: black
}
.section.section-symptoms .list {
  background-color: #fff;
  padding: 2.25rem;
  border-radius: 1rem;
  --font-weight: 600;
  --line-height: 1.25rem;
  --font-color: black
}
.section.section-symptoms .list ul {
  margin: 0;
  padding: 0
}
.section.section-symptoms .list ul li {
  list-style-type: none;
  display: flex
}
.section.section-symptoms .list ul li:before {
  content: "";
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 10px;
  margin-top: calc((1.25rem - 10px)/2);
  margin-right: .75rem;
  border-radius: 50%;
  background-color: var(--orange-400);
}
.section.section-symptoms .list ul li:not(:last-child) {
  margin-bottom: 1rem
}
@media screen and (max-width: 768px) {
  .section.section-symptoms {
    padding: 4.5rem 0
  }
  .section.section-symptoms .wrapper {
    grid-template-columns: 1fr;
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  @supports not (-webkit-touch-callout: none) {
    .section.section-symptoms .wrapper {
      gap: 2rem
    }
  }
  @supports (-webkit-touch-callout: none) {
    .section.section-symptoms .wrapper>*:not(:last-child) {
      margin-bottom: 2rem
    }
  }
  .section.section-symptoms .content .title {
    --font-size: 1.75rem;
    font-size: 1.75rem !important;
    --line-height: 2.25rem;
    line-height: 2.25rem !important
  }
  .section.section-symptoms .list {
    background-color: unset;
    padding: 0
  }
  .section.section-symptoms .list ul {
    column-count: 2;
    margin-bottom: -.75rem
  }
  .section.section-symptoms .list ul li {
    margin-bottom: .75rem
  }
}
@media screen and (max-width: 575px) {
  .section.section-symptoms {
    padding: 3.75rem 0 3rem
  }
  @supports not (-webkit-touch-callout: none) {
    .section.section-symptoms .wrapper {
      gap: 1rem
    }
  }
  @supports (-webkit-touch-callout: none) {
    .section.section-symptoms .wrapper>*:not(:last-child) {
      margin-bottom: 1rem
    }
  }
  .section.section-symptoms .content .title {
    --font-size: 1.75rem;
    --line-height: 2.25rem
  }
  .section.section-symptoms .list ul {
    column-count: 1
  }
}
.section.section-video {
  padding: 4rem 2.25rem 11rem;
  padding-bottom: 8rem !important;
}
.section.section-video .container .title {
  --font-size: 1.75rem;
  --font-color: var(--gray-700);
  --line-height: 2.25rem;
  --font-weight: 700;
  text-align: center;
  margin-bottom: 36px;
}
.section.section-video .container iframe {
  width: calc(100% - 15rem);
  height: auto;
  aspect-ratio: 1.8;
  margin: 2.25rem 7.5rem 0;
  border-radius: .75rem;
  overflow: hidden;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .section.section-video {
    padding: 2.25rem 2.25rem 6rem
  }
  .section.section-video .container iframe {
    width: 100%;
    margin: 2.25rem auto 0;
  }
}
@media screen and (max-width: 575px) {
  .section.section-video .container .title {
    margin-bottom: 16px;
  }
  .section.section-video {
    padding: 1.5rem 0rem 3rem;
    padding-bottom: 2rem !important;
  }
  .section.section-video .container iframe {
    margin: 1.25rem auto 0
  }
}
.section.section-diagnosed {
  margin-bottom: 2.5rem;
  margin-top: 0 !important;
}
.section.section-diagnosed .landing-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 4rem minmax(0, 1fr);
  align-items: center;
  padding: 3rem 2.25rem;
  /*margin-top: -5rem;*/
}
.section.section-diagnosed .landing-card .content .title {
  --font-color: var(--gray-700);
  margin: 0 0 1rem
}
.section.section-diagnosed .landing-card .content p {
  --font-color: black;
  margin: 0
}
.section.section-diagnosed .landing-card .media {
  display: flex;
  justify-content: flex-end;
  grid-area: 1/3;
  margin: -3rem -5.25rem -1.5rem 0;
}
@media screen and (max-width: 1024px) {
  .section.section-diagnosed .landing-card .media {
    margin: 0;
    position: absolute;
    right: 0;
  }
}
.section.section-diagnosed .landing-card .media img {
  max-width: 100%
}
@media screen and (max-width: 768px) {
  .section.section-diagnosed .landing-card {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5rem) minmax(0, 1fr);
    padding: 2rem 0 2rem 1.5rem;
    margin-top: -4rem;
  }
  .section.section-diagnosed .landing-card .content .title {
    --font-size: 1.75rem;
    font-size: 1.75rem !important;
    --line-height: 2.25rem;
    line-height: 2.25rem !important
  }
  .section.section-diagnosed .landing-card .media {
    margin: 0
  }
}
@media screen and (max-width: 575px) {
  .section.section-diagnosed {
    position: relative;
    overflow: hidden
  }
  .section.section-diagnosed .container {
    padding: 0
  }
  .section.section-diagnosed .landing-card {
    grid-template-columns: 1fr;
    padding: 2.25rem 1.5rem;
    margin-top: 0;
  }
  .section.section-diagnosed .landing-card .content .title {
    display: flex;
    align-items: flex-end;
    max-width: 58%;
    min-height: auto !important;
  }
  .section.section-diagnosed .landing-card .media {
    grid-area: unset;
    position: absolute;
    left: 0;
    top: -24px;
    right: 0;
  }
  .section.section-diagnosed .landing-card .media img {
    max-width: unset
  }
}
.section.section-articles {
  padding: 2.5rem 0 3.5rem
}
.section.section-articles .header {
  text-align: center;
  margin-bottom: 2rem
}
.section.section-articles .header .title {
  --font-color: var(--gray-700);
  margin: 0 0 .5rem
}
.section.section-articles .header p {
  --font-color: black;
  margin: 0
}
.section.section-articles .articles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(241px, 1fr));
  gap: 1.5rem;
  grid-gap: 1.5rem
}
.section.section-articles .articles .article:nth-child(n+4) {
  display: none
}
@media screen and (max-width: 768px) {
  .section.section-articles .header {
    margin-bottom: 1.25rem
  }
  .section.section-articles .header .title {
    --font-size: 1.75rem;
    font-size: 1.75rem !important;
    --line-height: 2.25rem;
    line-height: 2.25rem !important
  }
  .section.section-articles .articles .article:nth-child(n+4) {
    display: flex
  }
}
@media screen and (max-width: 575px) {
  .section.section-articles {
    padding: 0 0 2.25rem
  }
  .section.section-articles .header {
    text-align: left
  }
  .section.section-articles .container .articles {
    gap: 1rem;
    grid-gap: 1rem
  }
}
.article {
  border-radius: .75rem;
  background-color: #fff;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden
}
.article .content {
  display: flex;
  flex-direction: column
}
.article img {
  margin: -1.5rem -1.5rem 1.5rem;
  width: calc(100% + 3rem);
  height: auto;
  aspect-ratio: 1.8;
  object-fit: cover;
  object-position: top
}
.article h3 {
  --font-size: 1.25rem;
  --font-weight: 700;
  --line-height: 1.5rem;
  --font-color: var(--gray-500);
  margin: 0
}
.article p {
  --font-size: 1rem;
  --line-height: 1.25rem;
  margin: .75rem 0 2.5rem
}
.article a.cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  background-color: var(--pink-700);
  border-radius: 66px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  --font-color: white;
  --font-weight: 700;
  --line-height: 1.25rem;
  font-family: 'Gotham Narrow Bold';
}
.article a.cta:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  color: var(--font-color)
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .article h3 {
    --font-size: 1rem
  }
  .article p {
    --font-size: 1rem;
    --line-height: 1.25rem;
    margin: .75rem 0 2.5rem
  }
  .article a.cta {
    padding: 1rem;
    background-color: var(--pink-700);
    border-radius: 66px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    --font-color: white;
    --font-weight: 700;
    --line-height: 1.25rem
    font-family: 'Gotham Narrow Bold';
  }
}
.section.section-references {
  padding-bottom: 1.5rem
}
.section.section-references .landing-card {
  --card-border-radius: .5rem;
  --card-padding: 1rem
}
.section.section-references .landing-card p {
  margin: 0;
  --font-size: .75rem;
  --font-color: black
}
.section.section-references .landing-card p:not(:last-of-type) {
  margin-bottom: .5rem
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .section.section-references {
    padding-bottom: 2.25rem
  }
}
@media screen and (max-width: 575px) {
  .section.section-references {
    padding-bottom: .75rem
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  header logo.container {
    display: flex;
    justify-content: center;
    padding-bottom: 0
  }
}
@media screen and (max-width: 385px) {
  .section.section-my-cat .content .cta {
    --font-size: 1.10rem;
  }
}
@media screen and (max-device-width: 450px) {
  footer-links ul {
    margin-left: 0px !important;
    font-size: 12px;
  }
}
@media screen and (max-device-width: 380px) {
  footer-links ul {
    margin-left: 0px !important;
    font-size: 11px;
  }
}
.oa-headline-img img {
  width: 21.375rem !important;
  height: 15.125rem !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.oa-headline-img img {
		width: 14.5rem !important;
		height: 10.8rem !important;
	}
}
@media screen and (min-width: 576px) and (max-width: 768px) 
{
       .section.section-symptoms .cta-wrapper-paragraph
        { 
          line-height:8rem;
        }
}
@media screen and (max-width: 768px)
{
  .section.section-hero .stats-card .content .title span  {
    font-size: 22px ;
  }
}