body {
  font-family: "Manrope", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Manrope", sans-serif;
}

input, textarea {
  font-family: "Manrope", sans-serif;
}

button {
  font-family: "Manrope", sans-serif;
}

body {
  font-family: "Manrope", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Manrope", sans-serif;
}

input, textarea {
  font-family: "Manrope", sans-serif;
}

button {
  font-family: "Manrope", sans-serif;
}

.faq-section {
  padding: 64px 16px;
}
.faq-section .faq-container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.faq-section .faq-container .text-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: left;
  flex: 1;
}
.faq-section .faq-container .text-content-wrapper .text-content__subtext {
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #F46E15;
}
.faq-section .faq-container .text-content-wrapper .text-content__title {
  font-family: "Manrope", sans-serif;
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: #101828;
}
.faq-section .faq-container .text-content-wrapper .text-content__supporting-text {
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #475467;
}
.faq-section .faq-container .faq-accordion-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
}
.faq-section .faq-container .faq-accordion-wrapper .accordion-item {
  display: flex;
  gap: 24px;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}
.faq-section .faq-container .faq-accordion-wrapper .accordion-item__text-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.faq-section .faq-container .faq-accordion-wrapper .accordion-item__text-container .question {
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #101828;
}
.faq-section .faq-container .faq-accordion-wrapper .accordion-item__text-container .moving-elements {
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.faq-section .faq-container .faq-accordion-wrapper .accordion-item__text-container .moving-elements p {
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #475467;
}
.faq-section .faq-container .faq-accordion-wrapper .accordion-item .toggle-icon {
  width: 20px;
  height: 28px;
  vertical-align: middle;
}
.faq-section .faq-container .faq-accordion-wrapper .accordion-item:hover .moving-elements {
  display: block;
}
@media (min-width: 768px) {
  .faq-section {
    padding: 64px 32px;
  }
}
@media (min-width: 1024px) {
  .faq-section {
    padding: 96px 112px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .faq-section .faq-container {
    flex-direction: row;
    gap: 64px;
    align-items: flex-start;
  }
  .faq-section .faq-container .text-content-wrapper {
    gap: 8px;
    flex: 0 0 360px;
  }
  .faq-section .faq-container .text-content-wrapper .text-content__subtext {
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
  .faq-section .faq-container .text-content-wrapper .text-content__title {
    font-family: "Manrope", sans-serif;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
  }
  .faq-section .faq-container .text-content-wrapper .text-content__supporting-text {
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
  .faq-section .faq-container .faq-accordion-wrapper {
    flex: 1 1 0;
    min-width: 0;
  }
}

.telehealth-navigation-bar-container {
  position: relative;
  z-index: 1;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar {
  display: flex;
  flex-direction: column;
  position: relative;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .action-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  height: 64px;
  padding: 12px 16px;
  background-color: white;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .action-row .left {
  display: flex;
  flex: 1;
  align-items: center;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .action-row .middle {
  display: flex;
  align-items: center;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .action-row .right {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .action-row .logo {
  width: 105px;
  height: auto;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .action-row .menu-icon {
  padding: 8px;
  border-radius: 8px;
  background-color: #F9FAFB;
  min-width: 40px;
  min-height: 40px;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .overlay.open {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.3019607843);
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .overlay.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .overlay .popover {
  display: flex;
  flex-direction: column;
  background-color: white;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .overlay .popover .nav-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .overlay .popover .nav-links a {
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #475467;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .overlay .popover .nav-links a.minor {
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #344054;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .overlay .popover .nav-links a:hover {
  color: #1D2939;
  background-color: #F9FAFB;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .overlay .popover .nav-links a:focus {
  color: #1D2939;
  background-color: #F9FAFB;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .overlay .popover .nav-links a:active {
  color: #F46E15;
  background-color: #EAECF0;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .overlay .popover .get-started {
  display: flex;
  padding: 24px 16px;
  border-top: 1px solid #EAECF0;
}
.telehealth-navigation-bar-container .telehealth-navigation-bar .overlay .popover .get-started .btn {
  width: 100%;
}
@media (min-width: 1024px) {
  .telehealth-navigation-bar-container {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    max-width: 1440px;
    margin: 0 auto;
    padding: 44px 112px 0;
    width: 100%;
  }
  .telehealth-navigation-bar-container .telehealth-navigation-bar.visible-desktop-flex {
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.0784313725);
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.0509803922);
  }
  .telehealth-navigation-bar-container .telehealth-navigation-bar.visible-desktop-flex .nav-links {
    display: flex;
    flex-direction: row;
    gap: 4px;
  }
  .telehealth-navigation-bar-container .telehealth-navigation-bar.visible-desktop-flex .nav-links a {
    display: block;
    padding: 4px;
    text-decoration: none;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #475467;
  }
  .telehealth-navigation-bar-container .telehealth-navigation-bar.visible-desktop-flex .nav-links a:hover {
    color: #1D2939;
  }
  .telehealth-navigation-bar-container .telehealth-navigation-bar.visible-desktop-flex .nav-links a:focus {
    color: #1D2939;
  }
  .telehealth-navigation-bar-container .telehealth-navigation-bar.visible-desktop-flex .nav-links a:active {
    color: #F46E15;
  }
}

.telehealth-now-landing-page .hero-image-section {
  padding: 0;
}
.telehealth-now-landing-page .hero-image-section .hero-image-container {
  position: relative;
  overflow: hidden;
}
.telehealth-now-landing-page .hero-image-section .hero-image-container .image-wrapper {
  font-size: 0;
  width: 100%;
  min-height: 600px;
  overflow: hidden;
}
.telehealth-now-landing-page .hero-image-section .hero-image-container .image-wrapper img, .telehealth-now-landing-page .hero-image-section .hero-image-container .image-wrapper video {
  max-width: 1440px;
  width: 100%;
  min-height: 600px;
  object-fit: cover;
  object-position: center;
}
.telehealth-now-landing-page .hero-image-section .hero-image-container .hero-image-overlay {
  padding: 16px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: radial-gradient(at 53.44% 88.75%, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.telehealth-now-landing-page .hero-image-section .hero-image-container .hero-image-overlay .hero-image-text-container {
  width: 100%;
  max-width: 400px;
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.telehealth-now-landing-page .hero-image-section .hero-image-container .hero-image-overlay .hero-image-text-container .hero-title {
  font-family: "Manrope", sans-serif;
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: #FFF;
  text-align: left;
}
.telehealth-now-landing-page .hero-image-section .hero-image-container .hero-image-overlay .hero-image-text-container .hero-subtitle {
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #FFF;
  text-align: left;
}
.telehealth-now-landing-page .benefits-section {
  padding: 96px 16px;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.telehealth-now-landing-page .benefits-section .description {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.telehealth-now-landing-page .benefits-section .description__title {
  font-family: "Manrope", sans-serif;
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: #101828;
  text-align: center;
}
.telehealth-now-landing-page .benefits-section .description__subtitle {
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #475467;
  text-align: center;
}
.telehealth-now-landing-page .benefits-section .benefits-grid {
  /*
     =================================================
     Mobile Layout (Default, 1 column)
     | 1 |
     | 2 |
     | 3 |
     | 4 |
     =================================================
  */
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 345px;
  gap: 24px;
}
.telehealth-now-landing-page .benefits-section .benefits-grid .benefit {
  background-color: #F9FAFB;
  border-radius: 12px;
  overflow: hidden;
  padding: 10px;
  grid-column: span var(--col-mobile);
  grid-row: span var(--row-mobile);
  order: var(--position-mobile);
  display: flex;
  flex-direction: var(--orientation-mobile);
  max-height: calc(345px * var(--row-mobile) + 24px * (var(--row-mobile) - 1));
}
.telehealth-now-landing-page .benefits-section .benefits-grid .benefit__content {
  padding: 10px;
  display: flex;
  overflow: hidden;
}
.telehealth-now-landing-page .benefits-section .benefits-grid .benefit__content.flex {
  flex: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: -20px;
}
.telehealth-now-landing-page .benefits-section .benefits-grid .benefit__content .text-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.telehealth-now-landing-page .benefits-section .benefits-grid .benefit__content .text-content__title {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #F47721;
}
.telehealth-now-landing-page .benefits-section .benefits-grid .benefit__content .text-content__supporting-text {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #475467;
}
.telehealth-now-landing-page .benefits-section .benefits-grid .benefit__content .text-content__supporting-text p {
  margin: 0;
}
.telehealth-now-landing-page .benefits-section .benefits-grid .benefit__content .image-wrapper {
  overflow: hidden;
  font-size: 0;
}
.telehealth-now-landing-page .benefits-section .benefits-grid .benefit__content .image-wrapper img, .telehealth-now-landing-page .benefits-section .benefits-grid .benefit__content .image-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.telehealth-now-landing-page .features-conditions-gradient {
  background: linear-gradient(217.32deg, rgba(255, 248, 244, 0.1) 21.96%, #FFF8F4 74.56%, rgba(253, 219, 196, 0.04) 104.14%);
}
.telehealth-now-landing-page .conditions-section {
  padding: 64px 16px;
}
.telehealth-now-landing-page .conditions-section .conditions-container {
  gap: 50px;
}
.telehealth-now-landing-page .conditions-section .conditions-container .conditions-blurb {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.telehealth-now-landing-page .conditions-section .conditions-container .conditions-blurb__title {
  font-family: "Manrope", sans-serif;
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: #101828;
}
.telehealth-now-landing-page .conditions-section .conditions-container .conditions-blurb__subtitle {
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #475467;
}
.telehealth-now-landing-page .conditions-section .conditions-container .conditions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 18px;
  padding-top: 50px;
}
.telehealth-now-landing-page .conditions-section .conditions-container .conditions .condition {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #FCFCFD;
  border: 1px solid #EAECF0;
  border-radius: 12px;
  padding: 20px 16px;
}
.telehealth-now-landing-page .conditions-section .conditions-container .conditions .condition__icon {
  width: 24px;
  height: 24px;
}
.telehealth-now-landing-page .conditions-section .conditions-container .conditions .condition__title {
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #101828;
}
.telehealth-now-landing-page .conditions-section .conditions-container .conditions .condition__supportingText {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #101828;
}
.telehealth-now-landing-page .conditions-section .conditions-container .conditions .condition__link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #F46E15;
}
.telehealth-now-landing-page .conditions-section .conditions-container .conditions .condition__link svg g path {
  stroke: #F46E15;
}
.telehealth-now-landing-page .how-it-works-background {
  background-color: #F9FAFB;
}
.telehealth-now-landing-page .how-it-works-section {
  padding: 64px 16px;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.telehealth-now-landing-page .how-it-works-section .description-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.telehealth-now-landing-page .how-it-works-section .description-container__title {
  font-family: "Manrope", sans-serif;
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: #101828;
  text-align: center;
}
.telehealth-now-landing-page .how-it-works-section .description-container__subtitle {
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #475467;
  text-align: center;
}
.telehealth-now-landing-page .how-it-works-section .steps-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.telehealth-now-landing-page .how-it-works-section .steps-container .step-item {
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 16px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #FFF;
}
.telehealth-now-landing-page .how-it-works-section .steps-container .step-item__title-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.telehealth-now-landing-page .how-it-works-section .steps-container .step-item__title-container .counter {
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #F47721;
}
.telehealth-now-landing-page .how-it-works-section .steps-container .step-item__title-container .title {
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #1D2939;
}
.telehealth-now-landing-page .how-it-works-section .steps-container .step-item__content {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #344054;
}
.telehealth-now-landing-page .how-it-works-section .steps-container .step-item__media-container {
  position: relative;
}
.telehealth-now-landing-page .how-it-works-section .steps-container .step-item__media-container .image-wrapper {
  max-height: 160px;
  border: 1px solid #EAECF0;
  border-radius: 12px;
  overflow: hidden;
}
.telehealth-now-landing-page .how-it-works-section .steps-container .step-item__media-container .image-wrapper img, .telehealth-now-landing-page .how-it-works-section .steps-container .step-item__media-container .image-wrapper video {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.telehealth-now-landing-page .how-it-works-section .steps-container .step-item__media-container .media-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(246, 246, 246, 0.08) 0%, #FFF 100%);
}
.telehealth-now-landing-page .pricing-section {
  padding: 64px 16px;
}
.telehealth-now-landing-page .pricing-section .pricing-container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.telehealth-now-landing-page .pricing-section .pricing-container .pricing-description-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.telehealth-now-landing-page .pricing-section .pricing-container .pricing-description-container .pricing-description__title {
  font-family: "Manrope", sans-serif;
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: #101828;
  text-align: center;
}
.telehealth-now-landing-page .pricing-section .pricing-container .pricing-description-container .pricing-description__subtitle {
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #475467;
  text-align: center;
}
.telehealth-now-landing-page .pricing-section .pricing-container .pricing-panel-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  background-color: #FFF;
  border: 1px solid #EAECF0;
  border-radius: 16px;
  box-shadow: 0 12px 16px -4px rgba(18, 24, 39, 0.0784313725);
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}
.telehealth-now-landing-page .pricing-section .pricing-container .pricing-panel-container .pricing-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.telehealth-now-landing-page .pricing-section .pricing-container .pricing-panel-container .pricing-panel__title {
  font-family: "Manrope", sans-serif;
  font-size: 36px;
  line-height: 44px;
  font-weight: 600;
  color: #101828;
}
.telehealth-now-landing-page .pricing-section .pricing-container .pricing-panel-container .pricing-panel__supportingText {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #475467;
}
.telehealth-now-landing-page .pricing-section .pricing-container .pricing-panel-container hr {
  margin: 0;
  width: 100%;
  background-color: #EAECF0;
}
.telehealth-now-landing-page .pricing-section .pricing-container .pricing-panel-container .pricing-inclusions {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.telehealth-now-landing-page .pricing-section .pricing-container .pricing-panel-container .pricing-inclusions .pricing-inclusion {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}
.telehealth-now-landing-page .pricing-section .pricing-container .pricing-panel-container .pricing-inclusions .pricing-inclusion__text {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #475467;
}
.telehealth-now-landing-page .footnote-section {
  padding: 32px;
  background-color: #FFF;
}
.telehealth-now-landing-page .footnote-section .footnote {
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #F9FAFB;
}
.telehealth-now-landing-page .footnote-section .footnote__content {
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #475467;
}
.telehealth-now-landing-page .book-now-section {
  padding: 0;
}
.telehealth-now-landing-page .book-now-section .book-now-container {
  position: relative;
}
.telehealth-now-landing-page .book-now-section .book-now-container .image-wrapper {
  font-size: 0;
  width: 100%;
  min-height: 500px;
  overflow: hidden;
}
.telehealth-now-landing-page .book-now-section .book-now-container .image-wrapper img, .telehealth-now-landing-page .book-now-section .book-now-container .image-wrapper video {
  max-width: 1440px;
  width: 100%;
  min-height: 500px;
  object-fit: cover;
  object-position: right;
}
.telehealth-now-landing-page .book-now-section .book-now-container .book-now-overlay {
  padding: 32px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.3019607843);
}
.telehealth-now-landing-page .book-now-section .book-now-container .book-now-overlay .book-now-text-container {
  width: 100%;
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.telehealth-now-landing-page .book-now-section .book-now-container .book-now-overlay .book-now-text-container .book-now-title {
  font-family: "Manrope", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #FFF;
}
@media (min-width: 768px) {
  .telehealth-now-landing-page .hero-image-section .hero-image-container .hero-image-overlay {
    padding: 32px;
  }
  .telehealth-now-landing-page .hero-image-section .hero-image-container .hero-image-overlay .hero-image-text-container {
    max-width: 456px;
    align-items: center;
  }
  .telehealth-now-landing-page .hero-image-section .hero-image-container .hero-image-overlay .hero-image-text-container .hero-title {
    font-family: "Manrope", sans-serif;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    text-align: center;
  }
  .telehealth-now-landing-page .hero-image-section .hero-image-container .hero-image-overlay .hero-image-text-container .hero-subtitle {
    text-align: center;
  }
  .telehealth-now-landing-page .benefits-section {
    padding: 96px 32px;
  }
  .telehealth-now-landing-page .benefits-section .benefits-grid {
    /*
       =================================================
       Laptop Layout (2 columns)
       | 1 | 2 |
       | 3 | 4 |
       =================================================
    */
    grid-template-columns: 1fr 1fr;
  }
  .telehealth-now-landing-page .benefits-section .benefits-grid .benefit {
    grid-column: span var(--col-laptop);
    grid-row: span var(--row-laptop);
    order: var(--position-laptop);
    flex-direction: var(--orientation-laptop);
    max-height: calc(345px * var(--row-laptop) + 20px * (var(--row-laptop) - 1));
  }
  .telehealth-now-landing-page .benefits-section .benefits-grid .benefit__content {
    flex: 1;
  }
  .telehealth-now-landing-page .conditions-section {
    padding: 64px 32px;
  }
  .telehealth-now-landing-page .conditions-section .conditions-container .conditions .condition {
    width: calc((100% - 18px) / 2);
  }
  .telehealth-now-landing-page .how-it-works-section {
    padding: 64px 32px;
  }
  .telehealth-now-landing-page .how-it-works-section .steps-container .step-item__media-container .image-wrapper {
    max-height: 250px;
  }
  .telehealth-now-landing-page .pricing-section {
    padding: 64px 32px;
  }
  .telehealth-now-landing-page .pricing-section .pricing-container .pricing-description-container .btn {
    align-self: center;
  }
  .telehealth-now-landing-page .book-now-section .book-now-container .book-now-overlay .book-now-text-container {
    max-width: 430px;
  }
  .telehealth-now-landing-page .book-now-section .book-now-container .book-now-overlay .book-now-text-container .book-now-title {
    font-family: "Manrope", sans-serif;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
  }
}
@media (min-width: 1024px) {
  .telehealth-now-landing-page .hero-image-section {
    padding: 20px 20px 0 20px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .telehealth-now-landing-page .hero-image-section .hero-image-container {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
  }
  .telehealth-now-landing-page .hero-image-section .hero-image-container .image-wrapper img, .telehealth-now-landing-page .hero-image-section .hero-image-container .image-wrapper video {
    width: 100%;
  }
  .telehealth-now-landing-page .hero-image-section .hero-image-container .hero-image-overlay .hero-image-text-container {
    max-width: 680px;
  }
  .telehealth-now-landing-page .hero-image-section .hero-image-container .hero-image-overlay .hero-image-text-container .hero-title {
    font-family: "Manrope", sans-serif;
    font-size: 48px;
    line-height: 60px;
    font-weight: 600;
  }
  .telehealth-now-landing-page .hero-image-section .hero-image-container .hero-image-overlay .hero-image-text-container .hero-subtitle {
    font-family: "Manrope", sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
  }
  .telehealth-now-landing-page .benefits-section {
    padding: 96px 112px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .telehealth-now-landing-page .benefits-section .description__title {
    font-family: "Manrope", sans-serif;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
  }
  .telehealth-now-landing-page .benefits-section .benefits-grid {
    /*
       =================================================
       Desktop Layout (Layout with spans)
       | 1 | 1 | 2 |
       | 3 | 4 | 2 |
       =================================================
    */
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
  .telehealth-now-landing-page .benefits-section .benefits-grid .benefit {
    grid-column: span var(--col-desktop);
    grid-row: span var(--row-desktop);
    order: var(--position-desktop);
    flex-direction: var(--orientation-desktop);
    max-height: calc(345px * var(--row-desktop) + 20px * (var(--row-desktop) - 1));
  }
  .telehealth-now-landing-page .conditions-section {
    padding: 64px 112px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .telehealth-now-landing-page .conditions-section .conditions-container .conditions-blurb__title {
    font-family: "Manrope", sans-serif;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
  }
  .telehealth-now-landing-page .conditions-section .conditions-container .conditions .condition {
    width: calc((100% - 36px) / 3);
  }
  .telehealth-now-landing-page .how-it-works-section {
    padding: 100px 112px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .telehealth-now-landing-page .how-it-works-section .steps-container {
    flex-direction: row;
  }
  .telehealth-now-landing-page .how-it-works-section .steps-container .step-item__media-container .image-wrapper {
    max-height: 170px;
  }
  .telehealth-now-landing-page .pricing-section {
    padding: 64px 112px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .telehealth-now-landing-page .pricing-section .pricing-container {
    flex-direction: row;
  }
  .telehealth-now-landing-page .pricing-section .pricing-container .pricing-description-container {
    flex: 2;
  }
  .telehealth-now-landing-page .pricing-section .pricing-container .pricing-description-container .pricing-description__title {
    font-family: "Manrope", sans-serif;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    text-align: left;
  }
  .telehealth-now-landing-page .pricing-section .pricing-container .pricing-description-container .pricing-description__subtitle {
    text-align: left;
  }
  .telehealth-now-landing-page .pricing-section .pricing-container .pricing-description-container .pricing-description .btn {
    align-self: flex-start;
  }
  .telehealth-now-landing-page .pricing-section .pricing-container .pricing-panel-container {
    flex: 1;
  }
  .telehealth-now-landing-page .footnote-section {
    padding: 100px 112px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .telehealth-now-landing-page .footnote-section .footnote {
    padding: 20px 24px;
  }
  .telehealth-now-landing-page .book-now-section {
    margin: 0 auto;
  }
  .telehealth-now-landing-page .book-now-section .book-now-container .image-wrapper img, .telehealth-now-landing-page .book-now-section .book-now-container .image-wrapper video {
    max-width: unset;
  }
  .telehealth-now-landing-page .book-now-section .book-now-container .book-now-overlay {
    padding: 32px 112px;
  }
  .telehealth-now-landing-page .book-now-section .book-now-container .book-now-overlay .book-now-text-container {
    max-width: unset;
  }
  .telehealth-now-landing-page .book-now-section .book-now-container .book-now-overlay .book-now-text-container .book-now-title {
    font-family: "Manrope", sans-serif;
    font-size: 48px;
    line-height: 60px;
    font-weight: 600;
  }
}