:root {
  --gap-1: 4px;
  --gap-2: 8px;
  --gap-3: 16px;
  --gap-4: 24px;
  --gap-5: 32px;
  --gap-6: 48px;
}

.txt-label {
  font-weight: 500;
  letter-spacing: -0.02em;
}

.txt-cta-text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

html.page-betharmony {
	scroll-padding-top: 100px;
}

html.page-betharmony {
  --top-banner-height: 0;
  --header-height: 98px;
  --header-total-height: 98px;
}

.page-header {
  --background: #161616;
}

.bh-blog .page-header,
.page-betharmony .menu-drawer,
.page-betharmony .page-footer,
.page-betharmony .betharmony-landing {
  background-color: #000;
  --cl-main: #fff;
  color: #fff;
}

.bh-blog--main .ss-breadcrumbs {
  display: none;
}

.bh-blog--main .side-nav ul li+li {
  margin-top: 14px;
}

.bh-blog--main .side-nav ul li a {
  font-weight: 300;
}

.bh-blog {
  padding-top: 72px;
}

.bh-blog.bh-blog-article {
  padding-top: calc(98px + 16px);
}

.bh-blog .page-footer--container {
  aspect-ratio: auto;
  padding-block: 40px;
}

.bh-blog .page-footer--bg,
.bh-blog .page-footer--bottom {
  display: none;
}

.bh-blog--tax-nav {
  display: flex;
  gap: 24px;
}

.bh-blog--tax-nav-link {
  color: #6E6E6E;
}

.bh-blog--tax-nav-link.active {
  color: #161616;
}

.bh-insights {
  margin-bottom: 62px;
}

.betharmony-landing .post-unit--title {
  color: #fff;
  font-family: var(--font-main);
}

.post-unit--tax3.cl-muted {
  color: #6E6E6E;
}

.article-cta-sidebar--inner {
  aspect-ratio: 0.97;
}

.article-cta-sidebar--img img {
  object-fit: cover !important;
}

.article-cta-sidebar--content .txt-ttl-3 {
  font-size: 20px !important;
}

.page-betharmony #hubspot-messages-iframe-container {
  display: none !important;
}

.page-betharmony .ss-btn.btn-bh {
  --txt-clr: #000;
  --bord-clr: #fff;
  --bg-clr: #fff;
  --txt-clr-hvr: #fff;
  --bord-clr-hvr: #E35C10;
  --bg-clr-hvr: #E35C10;
  font-size: 16px;
  padding: 4px 16px;
  border-radius: 16px;
  min-height: 30px;
}

.page-betharmony .archive-header .txt-ttl-2,
.page-betharmony .article-title {
  font-size: 20px !important;
  font-weight: 600 !important;
}

.promo-popup--close {
  --color-text: var(--cl-button);
}

.page-header--nav a {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}

.page-header--nav a:hover {
  color: #828282;
}

.page-header--nav-list {
  gap: var(--gap-2);
}

.font-alt {
  font-family: 'KenokyLight', sans-serif;
}

.txt-clr-muted {
  color: #BDBDBD;
}

.title-1 {
  font-size: 40px;
  line-height: 1.1;
}

.title-1 {
  font-size: 40px;
  line-height: 1.1;
}

.title-2 {
  font-size: 28px;
  line-height: 1.29;
  font-weight: 600;
}

.title-3 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
}

.txt-copy {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.56;
}

.txt-copy-sm {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4286;
}

.rounded-tale {
  position: relative;
}

.rounded-tale:after {
  content: '';
  position: absolute;
  background-color: var(--color);
  left: 100%;
  bottom: 0;
  height: 50px;
  width: 50px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 215 215' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M214.5 214.5H0V0C0 118.465 96.0349 214.5 214.5 214.5Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 215 215' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M214.5 214.5H0V0C0 118.465 96.0349 214.5 214.5 214.5Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.page-betharmony .ss-main {
  position: relative;
}

.page-betharmony .page-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 20;
}

.page-header--panel {
  padding: 16px;
  border-radius: 0 0 30px 30px;
  transition: all 0.3s ease;
}

.page-header.mod-shadow .page-header--panel {
  background-color: var(--background);
}

.post-related--title {
  font-size: 18px;
  color: #161616 !important;
}

.side-nav.mod-simple ul li a.active {
  font-weight: 500;
}

.toc-trigger {
  font-size: 20px;
}

.bh-blog .page-header--panel {
  background-color: var(--background);
}

.bh-hero-banner--title {
  max-width: 600px;
}

.bh-hero-banner--text {
  --color: #000;
  max-width: 600px;
  padding-top: 20px;
  background-color: var(--color);
  border-top-right-radius: 50px;
  margin-left: -15px;
  padding-left: 15px;
  padding-right: 16px;
}

.bh-hero-banner--content {
  margin-top: -270px;
}

.bh-hero-banner--bottom-cta {
  max-width: 850px;
}

.post-unit--title {
  font-size: 18px;
}

.bh-infotabs {
  --tab-font-size: 18px;
  margin-top: 90px;
}

.bh-infotabs--content {
  margin-bottom: 32px;
}

.bh-infotabs .block-tab-acc--nav-tabs .nav {
  white-space: wrap;
  flex-wrap: wrap;
  gap: 4px;
}

.bh-infotabs .nav-link {
  background-color: #161616;
  color: #FFF;
  border-radius: 22px;
  align-items: center;
  height: 44px;
  padding: 8px 24px;
  font-size: var(--tab-font-size);
  font-weight: 300;
  white-space: nowrap;
}

.bh-infotabs .nav-link.active {
  background-color: #330B02;
  color: #E35C10;
  font-weight: 300;
}

.bh-infotabs .tab-acc--item--accordion > .tab-acc--item.mod-connectors:last-of-type:before {
  display: none;
}

.bh-infotabs .tab-acc--item.mod-connectors:before {
  left: calc(0.5em + 16px);
  opacity: 0.6;
}

.bh-infotabs .tab-acc--item-head {
  padding: 0 16px;
  border-radius: 12px 12px 0 0;
  color: #BDBDBD;
  opacity: 0.6;
  font-size: 18px;

}

.bh-infotabs .tab-acc--item-head .tab-acc--item-ttl {
  font-family: var(--font-main) !important;
  font-weight: 300;
}

.bh-infotabs .tab-acc--item-head[aria-expanded="true"] {
  padding-block-start: 24px;
  background-color: #4F4F4F33;
  opacity: 1;
  font-size: 24px;
}

.bh-infotabs .tab-acc--item-head[aria-expanded="true"] .tab-acc--item-ttl {
  font-weight: 600;
}

.bh-infotabs .tab-acc--item-head[aria-expanded="true"] .tab-acc--item-prettl {
  font-size: 18px;
  font-weight: 300;
  color: #6E6E6E;
}

.bh-infotabs .tab-acc--item-content {
  margin-top: 0;
  padding: 8px 16px 24px;
  border-radius: 0 0 12px 12px;
  background-color: #4F4F4F33;
  color: #F5F6F9;
}

.tab-acc--item-copy {
  font-size: 18px;
  font-weight: 300;
}

.bh-infotabs .tab-acc--item-copy > *:last-child {
  margin-bottom: 0;
}

.bh-infotabs .tab-acc--item--accordion {
  padding-block-start: 20px;
}

.bh-video-section--inner {
  max-width: 1100px;
}

.bh-video-section--canvas {
  border-radius: 40px;
  overflow: hidden;
  position: relative;
}

.bh-video-section--logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.bh-video-section--logo {
  max-width: 350px;
}

.bh-content-nav {
  transition: all 0.3s ease;
}

.bh-content-nav .nav-item {
  display: inline-flex;
}

.bh-content-nav .nav-item-ext .nav-link:before {
  display: none;
}

.bh-content-nav .nav-link {
  font-size: 10px;
  color: #828282;
}

.bh-content-nav .nav-link:hover,
.bh-content-nav .nav-link.active {
  color: #fff;
}

.link-dot-front:before {
  content: '•';
  margin-right: 0.25em;
}

.bh-content-nav--wrapper {
  gap: 8px;
}

.bh-benefits--top-bg {
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  height: auto;
}

.bh-benefits--top-steps {
  gap: 60px;
}

.bh-benefits--top-steps-step-text .txt-copy,
.bh-features--item-text,
.bh-features--item-last-text,
.bh-features--item-last2-text,
.bh-compare--text {
  color: #BDBDBD;
}

.bh-benefits--step-number {
  color: #4F4F4F;
}

.bh-benefits--top {
  margin-top: 48px;
  margin-bottom: 96px;
}

.bh-benefits--top-title {
  margin-bottom: 38vw;
}

.bh-benefits--middle {
  margin-bottom: 150px;
}

.bh-benefits--bottom-steps,
.bh-benefits--bottom-cta,
.bh-features--item-extra,
.page-footer--bottom {
  max-width: 874px;
}

.bh-benefits--middle-image {
  max-width: 170px;
}

.bh-benefits--middle-bg {
  position: absolute;
  left: 50%;
  top: 100px;
  width: 100%;
  height: auto;
  transform: translateX(-50%);
}

.bh-benefits--bottom-steps-step {
  max-width: 540px;
  padding: 32px;
  border-radius: 10px;
  background-color: #1B1A1A;
  opacity: 0.2;
  margin-bottom: 30px;
}

.bh-benefits--bottom-cta {
  margin-top: 60px;
}

.bh-benefits--bottom-img {
  max-width: 650px;
}

.bh-benefits--bottom {
  margin-bottom: 60px;
}

.bh-features--title {
  margin-bottom: 40px;
}

.bh-features--item-img {
  border-radius: 40px;
  position: relative;
  overflow: hidden;
}

.bh-features--items {
  gap: 60px;
  margin-bottom: 72px;
}

.bh-features--item-last {
  max-width: 1100px;
}

.bh-features--item-extra-images {
  max-width: 540px;
}

.bh-features--item-extra-img {
  aspect-ratio: 0.75;
}

.bh-features--item-last {
  margin-bottom: 16px;
}

.bh-features--item-last2 {
  max-width: 1075px;
  margin-bottom: 192px;
  position: relative;
}

.bh-features--item-extra-phrase {
  max-width: 540px;
}

.bh-features--item-extra-phrase.phrase-1 {
  margin-bottom: -60px;
  margin-left: auto;
  transform: translateY(-80px);
}

.bh-features--item-extra-phrase.phrase-2 {
  margin-top: -60px;
  transform: translateY(80px);
}

.page-betharmony .ss-main {
  padding-top: 0 !important;
}

.bh-cta-banner--panel-inner {
  grid-template-columns: 130px 1fr;
  gap: 24px 16px;
  align-items: center;
}

.bh-cta-banner--panel-cta {
  grid-column: 1 / 3;
}

.bh-cta-banner--panel {
  background-color: #161616;
  padding: 16px;
  border-radius: 16px;
  max-width: 1100px;
}

.bh-cta-banner {
  margin-top: 200px;
}

.bh-promo-banner {
  margin-top: 80px;
  margin-bottom: 80px;
}

.bh-faqs--title,
.bh-faqs--item,
.bh-faqs--acc-item + .bh-faqs--acc-item {
  border-top: 1px solid #828282;
}

.bh-faqs--acc-item-head,
.bh-faqs--acc-item-head:hover {
  color: #6E6E6E;
}

.bh-faqs--acc-item-head[aria-expanded="true"] {
  color: #fff;
}

.bh-faqs--items > .bh-faqs--item:last-child .bh-faqs--item-entries > .bh-faqs--acc-item:last-child {
  border-bottom: 1px solid #828282;
}

.bh-compare {
  margin-top: 80px;
  margin-bottom: 70px;
}

.page-betharmony .bh-compare--container {
  max-width: 1130px !important;
}

.bh-compare--figure {
  position: absolute;
  right: 0;
  top: 90px;
  width: 100%;
  height: auto;
  opacity: 0;
}

.bh-compare--inner {
  margin-top: 48px;
}

.bh-compare--table {
  table-layout: fixed;
}

.bh-compare--table-cell-inner {
  grid-template-columns: 16px 1fr;
  gap: 4px;
  margin-bottom: 10px;
}

.bh-compare--table-cell {
  width: calc(50% - 5px);
}

.bh-compare--table-cell.cell-middle {
  width: 10px;
  position: relative;
}

.bh-compare--table-cell-inner.cell-panel {
  background-color: #161616;
  font-size: 14px;
  padding: 8px;
  border-radius: 10px;
  min-height: 58px;
}

.bh-compare--table-cell.cell-left,
.bh-compare--table-cell.cell-right {
  vertical-align: top;
  position: relative;
  z-index: 1;
}

.bh-compare--table-cell-inner.cell-right .svg-icon {
  color: #e35c10;
}

.bh-contact--panel {
  background-color: #1B1A1A;
  border-radius: 10px;
  padding: 16px;
}

.bh-contact--inner {
  padding-top: 240px;
  padding-bottom: 64px;
}

.bh-contact--bg {
  position: absolute;
  right: 0;
  top: 0;
  height: 300px;
  width: auto;
}

.bh-contact--bg img {
  height: 100%;
  width: auto;
}

.page-footer--bg {
  opacity: 0;
}

.page-footer--container {
  padding-top: 40px;
  padding-bottom: 64px;
  aspect-ratio: 0.64;
}

.page-footer--poweredby {
  color: #BDBDBD;
}

.page-footer--poweredby-logo,
.page-footer--logo {
  color: inherit;
}

.page-footer--poweredby-logo:hover,
.page-footer--logo:hover {
  color: #fff;
}

.page-footer--nav-list {
  gap: var(--gap-2);
}

.page-footer--nav-list a {
  color: #4F4F4F;
}

.page-footer--nav-list a:hover {
  color: #fff;
}

.page-footer--poweredby-text {
  font-size: 12px;
}

.page-footer--bottom-slogan {
  color: #fff;
}

.bh-contact .wpcf7-form-control-wrap {
  margin-bottom: 1rem;
}

.bh-benefits--bottom-img.is-visible img {
  opacity: var(--progress);
}

.bh-hero-banner--bg {
  position: relative;
  overflow: hidden;
}

.bh-hero-banner--bg-ratio {
  aspect-ratio: 0.55;
}

.bh-hero-banner--bg-ratio video,
.bh-hero-banner--bg-img {
  height: calc(100% + 100px) !important;
}

.bh-benefits--bottom-img-reveal,
.bh-benefits--middle-bg {
  opacity: 0;
}

.featuresRevealImg2 {
  opacity: 0;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

.bh-cta-banner--panel-slider .swiper-container {
  height: 130px !important;
}

.bh-cta-banner--panel-slide {
  height: 130px !important;
  display: flex;
  align-items: center;
  transform-style: preserve-3d;
}

.bh-cta-banner--panel-title {
  min-width: 0;
}

.bh-compare--table-cell.cell-left,
.bh-compare--table-cell.cell-right {
  width: 100%;
}

.screen-reader-response {
  display: none;
}

.hero-control-btn {
  background-color: rgba(255 255 255 / 0.2);
  border-color: transparent;
  color: #fff;
  min-width: 115px;
}

.page-betharmony .ss-btn.hero-control-btn .hero-control-text {
  font-size: 14px;
}

.hero-control-btn:hover {
  background-color: rgba(255 255 255 / 0.7);
  border-color: transparent;
  color: #000;
}

.bh-hero-banner--bg-controls {
  padding-top: 120px;
}

.hero-control-btn:not(.is-playing) .mod-unmuted,
.hero-control-btn.is-playing .mod-muted {
  display: none;
}

.bh-contact .ss-input {
  color: #fff;
}

.bh-promo-banner .cta-banner--cta-logo-img {
  height: 40px;
}

.cta-banner--cta-logo-caption {
  font-size: 10px;
}

.cta-banner--cta-logos {
  gap: 24px;
}

.page-header--btn-burger {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: currentColor;
  color: #FFFFFF;
}

.page-header--btn-burger:focus {
  outline: none;
}

.menu-drawer {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 21;
  background-color: #000;
  color: #828282;
  font-size: 20px;
  flex-direction: column;
  flex-wrap: wrap;
}

.menu-drawer--logo img {
  height: 48px;
  width: auto;
}

.menu-drawer--close {
  width: 40px;
  height: 40px;
  padding: 10px;
  color: #fff;
}

.menu-drawer--header-edge {
  width: 40px;
}

html.mod-drawer-open .menu-drawer {
  display: flex;
}

.menu-drawer--nav {
  display: grid;
  gap: 24px;
}

.menu-drawer--nav-link {
  color: currentColor;
  font-size: 20px;
}

.menu-drawer--nav-link:hover {
  color: #fff;
}

.menu-drawer--nav-link.link-ext {
  padding-left: 1.15em;
}

.menu-drawer--poweredby svg {
  height: 24px;
  width: auto;
}

.menu-drawer--inner {
  display: grid;
  gap: 32px;
}

.page-header--poweredby,
.menu-drawer--poweredby-link {
  color: #828282;
}

.page-header--poweredby:hover,
.menu-drawer--poweredby-link:hover {
  color: #fff;
}

.bh-contact--panel .ss-label {
  color: #BDBDBD;
}

.post-related {
  margin-top: 15px;
}

.a2a_button_linkedin {
  display: none !important;
}

.article-hero--badges {
  display: none !important;
}

@media (min-width: 360px) {
  .bh-content-nav .nav-link {
    font-size: 12px;
  }
}

@media (min-width: 450px) {
  .bh-hero-banner--content {
    margin-top: -220px;
  }
}

@media (min-width: 600px) {
  .bh-hero-banner--content {
    margin-top: -200px;
  }
}

@media (min-width: 768px) {
  .bh-hero-banner--bg-ratio {
    aspect-ratio: 2.1;
  }

  .bh-infotabs .block-tab-acc--image {
    padding: 32px 0 0 20px;
  }

  .bh-infotabs .tab-acc--item--accordion {
    padding-block-start: 8px;
  }

  .bh-benefits--top-bg {
    top: 0;
    width: 100%;
  }

  .bh-benefits--top-title {
    margin-bottom: 0;
  }

  .bh-benefits--middle-bg {
    top: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
  }

  .bh-benefits--middle-image {
    max-width: 204px;
  }
  
  .bh-insights--row {
    margin-inline: -10px;
  }
  
  .bh-insights--col {
    padding-inline: 10px;
  }

  .bh-hero-banner--text {
    padding-left: 32px;
    margin-left: -32px;
    border-top-left-radius: 25px;
  }

  .bh-cta-banner--panel-inner {
    grid-template-columns: 130px 1fr 180px;
  }

  .bh-cta-banner--panel-cta {
    grid-column: auto;
  }

  .bh-video-section--logos {
    padding-top: 112px;
  }

  .bh-compare--figure {
    top: 0;
    width: 68%;
  }

  .bh-compare {
    margin-top: 180px;
    margin-bottom: 230px;
    padding-top: 30px;
  }

  .bh-compare--table-cell-inner {
    max-width: 410px;
    margin-bottom: 16px;
    grid-template-columns: 24px 1fr;
    gap: 8px;
  }

  .bh-compare--table-cell-inner.cell-panel {
    font-size: 15px;
    padding: 16px;
  }

  .bh-compare--table-cell.cell-middle {
    width: 80px;
  }

  .bh-compare--table-cell.cell-left,
  .bh-compare--table-cell.cell-right {
    width: 100%;
  }

  .bh-compare--table-cell-inner.cell-right {
    margin-left: auto;
  }

  td.bh-compare--table-cell .bh-compare--table-cell-inner.cell-right {
    transform: translateY(80px);
  }

  .curved-connector {
    --line-thickness: 0.5px;
    position: absolute;
    height: 40px;
  }

  .curved-connector.top-left {
    top: 30px;
    left: 0;
    border-top: var(--line-thickness) solid #fff;
    border-right: var(--line-thickness) solid #fff;
    border-top-right-radius: 40px;
    width: 40px;
  }

  .curved-connector.bottom-right {
    width: 41px;
    right: 0;
    top: 70px;
    border-bottom: var(--line-thickness) solid #fff;
    border-left: var(--line-thickness) solid #fff;
    border-bottom-left-radius: 40px;
  }

  .curved-connector.top-left:before,
  .curved-connector.bottom-right:before {
    content: '';
    position: absolute;
    width: 0;
    height: var(--line-thickness);
    border-top: var(--line-thickness) solid #fff;
  }

  .curved-connector.top-left:before {
    top: -1px;
    right: 100%;
  }

  .curved-connector.bottom-right:before {
    bottom: calc(var(--line-thickness) * -1 );
    left: 100%;
  }

  .bh-contact--inner {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .bh-contact--bg {
    height: auto;
    width: 50%;
  }

  .bh-contact--bg img {
    height: auto;
    width: 100%;
  }

  .page-footer--container {
    padding-top: 120px;
    padding-bottom: 90px;
    aspect-ratio: 1.22;
  }

  .page-footer--poweredby {
    max-width: 428px;
  }

  .bh-promo-banner .cta-banner--inner,
  .cta-banner--cta-wrap {
    display: flex;
    align-items: center;
  }

  .cta-banner--cta-wrap,
  .cta-banner--cta-logos {
    gap: 16px;
  }

  .bh-promo-banner .cta-banner--cta {
    margin-bottom: auto;
  }

  .cta-banner--cta-logo-caption {
    font-size: 12px;
  }

  .bh-blog .page-header {
    background-color: var(--background);
  }

  .bh-blog .page-header.mod-shadow .page-header--panel {
    background-color: var(--background);
  }

  html.page-betharmony {
    --header-height: 54px;
    --header-total-height: 54px;
  }

  .header-hide .sticky-sidebar {
    top: var(--header-total-height) !important;
  }
  
  .filters-page.tmpl-betharmony.bh-blog--main .listing-grid.grid-blog {
    gap: 40px 20px;
  }
}

@media (min-width: 1025px) {
  .bh-blog {
    padding-top: 54px;
  }

  .bh-blog.bh-blog-article {
    padding-top: calc(54px + 24px);
  }

  .bh-insights {
    margin-bottom: 136px;
  }

  .title-1 {
    font-size: 60px;
  }

  .title-2 {
    font-size: 40px;
  }

  .title-3 {
    font-size: 24px;
  }

  .txt-copy-sm {
    font-size: 16px;
  }

  .post-related--title {
    font-size: 20px;
  }

  .post-unit--title {
    font-size: 20px;
  }

  .page-betharmony .archive-header .txt-ttl-2,
  .page-betharmony .article-title {
    font-size: 24px !important;
  }
  
  .page-header--panel {
    padding: 8px 16px;
  }

  .page-header.mod-shadow .page-header--panel {
    border-radius: 50px;
  }

  .bh-cta-banner--panel-title .title-2 {
    font-size: 40px;
  }

  .bh-hero-banner--bg-controls {
    padding-top: 90px;
  }

  .bh-hero-banner--content {
    /* margin-top: -347px; */
    margin-top: -279px;
  }

  .bh-hero-banner--text {
    padding-top: 40px;
    padding-right: 40px;
    max-width: 640px;
  }

  .bh-infotabs {
    margin-top: 128px;
  }

  .bh-infotabs .tab-acc--col-cont {
    padding-block: 24px;
  }

  .bh-infotabs--content {
    margin-bottom: 32px;
  }

  .bh-infotabs .nav-link {
    --tab-font-size: 16px
  }

  .bh-content-nav .nav-link {
    font-size: 12px;
  }
  
  .bh-content-nav--wrapper {
    gap: 24px;
  }

  .bh-video-section--logos {
    padding-top: 80px;
  }

  .bh-benefits--top {
    margin-top: 100px;
    margin-bottom: 160px;
  }

  .bh-benefits--middle {
    margin-bottom: 120px;
  }

  .bh-benefits--bottom-cta {
    margin-top: 115px;
  }

  .bh-benefits--bottom {
    margin-bottom: 120px;
  }

  .bh-features--items {
    gap: 180px;
    margin-bottom: 148px;
  }

  .bh-features--item-last-content {
    width: 50%;
    margin-top: -90px;
    position: relative;
    z-index: 1;
  }

  .bh-features--item-last {
    margin-bottom: 60px;
  }

  .bh-features--item-last2 {
    margin-bottom: 300px;
  }

  .bh-features--item-last2-content {
    position: absolute;
    width: 540px;
    max-width: calc(100% - 120px);
    left: 120px;
    bottom: 40px;
  }

  .bh-features--item-extra-phrase.phrase-1 {
    margin-bottom: -140px;
  }
  
  .bh-features--item-extra-phrase.phrase-2 {
    margin-top: -220px;
  }

  .bh-cta-banner {
    margin-top: 280px;
  }

  .bh-compare--inner {
    margin-top: 124px;
  }

  .page-footer--nav-list {
    gap: var(--gap-4);
  }

  .curved-connector.top-left:before,
  .curved-connector.bottom-right:before {
    width: 200px;
  }
  
  .page-betharmony .page-header {
    position: fixed;
  }

  .page-betharmony .page-header.mod-shadow {
    z-index: 11;
  }

  .page-header--inner {
    gap: 16px;
  }

  .page-header--logo img {
    max-height: 38px;
    width: auto;
  }

  .txt-cta-text {
    font-size: 16px;
  }
  

  .post-unit--image {
    min-height: 315px;
  }
}

@media (min-width: 1200px) {
  .bh-cta-banner--panel {
    padding: 24px 40px;
  }

  .bh-cta-banner--panel-inner {
    grid-template-columns: 130px 1fr 274px;
    gap: 32px;
  }
  
  .article-cta-sidebar {
    max-width: 315px;
  }

  .curved-connector.top-left:before,
  .curved-connector.bottom-right:before {
    width: 200px;
  }

  .bh-contact .ss-radio-group--inline {
    --gap: 8px 16px;
  }

  .cta-banner--cta-wrap,
  .cta-banner--cta-logos {
    gap: 48px;
  }

  .bh-compare--table-cell-inner.cell-panel {
    font-size: 16px;
  }

  .page-header--inner {
    gap: 48px;
  }

  .bh-video-section--logos {
    gap: 92px;
  }

  .post-unit--image {
    min-height: 315px;
  }

  .listing-grid:not(.is-filtered) .listing-grid--item.is-active:nth-child(1) .post-unit--image,
  .listing-grid.is-filtered .listing-grid--item.size-3 .post-unit--image {
    min-height: 430px;
  }
  
  .article-hero--image {
    aspect-ratio: 3.11;
  }
  
  .article-cta-sidebar--inner {
    aspect-ratio: 1;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .bh-benefits--bottom-steps, .bh-benefits--bottom-cta, .bh-features--item-extra, .page-footer--bottom {
    max-width: 780px;
  }

  .bh-features--container {
    max-width: 1050px;
  }

  .bh-hero-banner--bg-ratio {
    aspect-ratio: 1.85;
  }
}

@media (min-width: 1300px) {
  .bh-compare--inner {
    width: 1170px;
  }
  .bh-insights--container.container {
    max-width: 1350px
  }
}

@media (min-width: 1450px) {
  .page-betharmony .container {
    max-width: 1350px;
  }

  .bh-hero-banner--text {
    padding-left: 50px;
    max-width: 690px;
    margin-left: -50px;
    border-top-left-radius: 50px;
    font-size: 17px;
  }

  .curved-connector.top-left:before,
  .curved-connector.bottom-right:before {
    width: 210px;
  }

  .bh-hero-banner--content {
    /* margin-top: -314px; */
    margin-top: -270px;
  }

  .page-header--inner {
    gap: 60px;
  }
}

@media (max-width: 1024px) {
  /* .page-header--panel {
    background-color: #202123;
  } */
}

@media (max-width: 767px) {
  .page-header--logo img {
    height: 40px;
    width: auto;
  }

  .page-header--buttons .ss-btn {
    padding: 4px 12px;
    font-size: 14px !important;
  }

  .page-betharmony .bh-hero-banner {
    overflow: hidden;
  }

  .bh-compare--table-cell.cell-middle .bh-compare--table-cell-text {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }

  .bh-compare--table-head-row .bh-compare--table-cell-inner.cell-left {
    padding-right: 16px;
  }

  .bh-compare--table-head-row .bh-compare--table-cell-inner.cell-right {
    padding-left: 16px;
  }

  .bh-compare--table-head-row .bh-compare--table-cell-inner .title-3 {
    font-size: 18px;
  }

  .bh-promo-banner .cta-banner--main {
    flex: 0 0 100%;
    text-align: center;
  }

  .bh-promo-banner .cta-banner--cta {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .bh-promo-banner .cta-banner--cta-btn .ss-btn {
    width: 100%;
  }

  /* Latest header logic */
  body .bh-content-nav,
  body.header-hide .bh-content-nav {
    height: 0;
    overflow: hidden;
    padding: 0;
  }

  .page-header--buttons {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .bh-blog .page-header {
    background-color: transparent !important;
  }

  .header-hide .article-sidebar--stickyness {
    --header-height: 72px;
  }

  .header-hide .article-sidebar--stickyness {
    top: var(--header-height);
  }
}

@media (max-width: 450px) {
  .bh-hero-banner--title.title-1 {
    font-size: 36px;
  }

  .bh-hero-banner--content {
    margin-top: -140px;
  }
}

@media (max-width: 419px) {
  .bh-compare--table-cell-inner.cell-panel {
    font-size: 12px;
    padding: 8px 0 8px 6px;
    min-height: 54px;
  }

  .bh-compare--table-cell-inner {
    grid-template-columns: 14px 1fr;
  }
}

@media (max-width: 359px) {
  .page-header--logo img {
    height: 38px;
  }
  .page-header--buttons .ss-btn {
    font-size: 12px;
  }
}