/* ===== Design Tokens — single source of truth ===== */
:root {
    /* Neutrals (brand-agnostic) */
    --black:        #000;
    --white:        #fff;

    /* Greys */
    --grey-100:     #f7f7f7;
    --grey-150:     #f3f3f3;
    --grey-200:     #ededed;
    --grey-250:     #e1e4e6;
    --grey-300:     #d8e0e5;
    --grey-350:     #d6d6d6;
    --grey-400:     #d3d3d3;
    --grey-450:     #ccc;
    --grey-500:     #c7c8ca;
    --grey-550:     #adadad;
    --grey-600:     #a9a9a9;
    --grey-650:     #9ba3a9;
    --grey-700:     #949494;
    --grey-750:     #868f99;
    --grey-800:     #555;
    --grey-850:     #4f4f4f;
    --grey-900:     #4c4c4c;
    --grey-950:     #222;
    --grey-light:   #f3f7fb;
    --grey-mid:     #868f99;
    --grey-dark:    #4f4f4f;

    /* Brand palette — positional bg-* / text-* / fg-* slots */
    --color-primary:    #00278f;   /* dark blue */
    --color-secondary:  #228282;   /* dark teal */
    --color-tertiary:   #d5eeec;   /* light teal */
    --color-quaternary: #01a99d;   /* brand teal */
    --color-quinary:    #f0fcfc;   /* pale teal */
    --color-senary:     #208282;   /* mid teal */
    --color-septenary:  #218282;   /* mid teal alt */
    --color-octonary:   #006ea4;   /* blue */
    --color-nonary:     #238d8d;   /* teal mid */
    --color-denary:     #e5f7f5;   /* very pale teal */
    --color-hover-teal: #00a99d;   /* button/link hover */
    --color-hover-mint: #aadcd5;   /* senary button bg */
    --color-hover-mint-tint: rgba(170, 220, 213, 0.6);   /* 60% mint for pressed/focus states */
    --color-footer:     #003574;   /* footer navy */
    --color-overlay-dark: rgba(31,33,36,0.85);   /* honesty box backdrop */
    --color-overlay-teal: rgba(33,130,130,0.75); /* leaving-site backdrop */

    /* Semantic component colors (live Lyfgenia, non-palette) */
    --form-error:        #b91b21;   /* form field validation message */
    --input-error-border:#AA2D2A;   /* input invalid border */
    --input-error-bg:    #F6E9E9;   /* input invalid background */
    --danger-border:     #f5c6cb;   /* alert-danger border */
    --isi-border:        #354555;   /* ISI top border + section accent */
    --link-focus:        #b2bddd;   /* link :active / :focus state */
    --accent-orange:     #ed8b00;   /* leaving-site close ring */
    --card-icons:        #ff4500;   /* card-icon-article circle background */
    --hero-gradient:     #001010;   /* hero overlay gradient endpoint */

    /* Fonts */
    --font-heading-bold:      "IBMPlexSans-Bold", sans-serif;
    --font-heading-semibold:  "IBMPlexSans-SemiBold", sans-serif;
    --font-heading-medium:    "IBMPlexSans-Medium", sans-serif;
    --font-body:              "IBMPlexSans-Regular", sans-serif;
    --font-ui:                "SofiaProSoft-Medium", sans-serif;
    --font-ui-bold:           "SofiaProSoft-Bold", sans-serif;
    --font-form-label:        "Lato-Regular", sans-serif;
    --font-awesome:           "Font Awesome 6 Free";

    /* Buttons */
    --btn-font:         var(--font-heading-bold);
    --btn-bg:           var(--white);
    --btn-color:        var(--color-primary);
    --btn-border:       var(--color-primary);
    --btn-radius-pill:  60px;
    --btn-radius:       20px;
    --btn-hover-bg:     var(--color-hover-teal);
    --btn-hover-border: var(--color-hover-teal);
    --btn-hover-color:  var(--white);
    --btn-active-bg:    var(--white);
    --btn-active-color: var(--color-primary);
    --btn-active-border:var(--color-primary);

    /* Borders */
    --border-radius-card: 20px;
    --border-radius-pill: 60px;
}
/* ============================================================ */

.term-dialog .term-dialog-definition {
    display:none
}
.term-dialog .close {
    margin-top:-10px;
    margin-right:-10px;
    color:var(--color-primary);
    opacity:inherit;
    display:flex;
    align-items:center;
    background:none;
    border:none;
    cursor:pointer;
    padding:0;
    float:right
}
.term-dialog .close::before {
    content:"Close";
    font-family:"IBMPlexSans-Regular";
    font-size:16px;
    margin-right:5px
}
.term-dialog .term-dialog-button {
    cursor:pointer;
    line-height:1.1;
    text-decoration:underline;
    text-decoration-style:dotted;
    text-underline-offset:6px;
    font-family:inherit !important;
    font-weight:inherit !important;
    font-size:inherit !important;
    font-style:inherit !important;
    color:inherit
}
.term-dialog .term-dialog-button:hover {
    color:var(--color-nonary);
    text-decoration-color:var(--black)
}
.term-dialog .term-dialog-button:active,
.term-dialog .term-dialog-button:focus {
    color:var(--black);
    opacity:60%
}
.term-dialog .term-dialog-title {
    display:none;
    font-weight:bold
}
.term-dialog .term-dialog-content {
    display:block;
    color:var(--black);
    font-family:"IBMPlexSans-Regular";
    font-size:16px;
    text-align:left;
    white-space:normal;
    padding-top:20px
}
.alert {
    border-radius:0px
}
.alert-icon {
    margin-right:7px
}
.validation-summary-errors {
    border:1px solid rgba(0,0,0,0);
    border-radius:.25rem;
    border-color:var(--danger-border);
    position:relative;
    padding:.75rem 1.25rem;
    margin-bottom:1rem
}
blockquote {
    padding:10px 20px;
    padding-left:30px;
    margin:0 0 20px;
    border-left:3px solid var(--color-primary)
}
blockquote,blockquote p {
    font-style:normal;
    font-size:24px;
    line-height:32px;
    font-weight:100
}
blockquote p {
    margin-bottom:13px
}
blockquote .small,blockquote footer,blockquote small {
    margin-top:1em;
    font-size:14px;
    font-style:normal;
    font-weight:600
}
blockquote {
    margin:1.5rem 1rem 1.5rem 2rem;
    padding:1rem 2rem;
    position:relative;
    border-left:4px solid var(--color-primary)
}
.blockquote-reverse,blockquote.pull-right {
    padding-right:25px
}
blockquote.custom-blockquote,blockquote.custom-blockquote p {
    font-size:1.2em;
    line-height:1.444em;
    font-style:italic
}
blockquote.custom-blockquote {
    margin:0 0 10px 0;
    padding:25px 20px 19px 40px;
    position:relative;
    border-left:2px solid var(--color-primary)
}
blockquote.custom-blockquote:before {
    z-index:9;
    height:100%;
    width:38px;
    display:block;
    content:'"';
    position:absolute;
    left:15px;
    top:20%;
    font-size:3em;
    font-style:italic
}








.back-to-top-button {
    position:fixed !important;
    bottom:11px;
    right:36px;
    z-index:12 !important;
    cursor:pointer;
    border:4px solid transparent;
    border-radius:50%;
    outline:2px solid transparent;
    outline-offset:0;
}
.back-to-top-button:hover {
    border-color:var(--white);
    outline-color:var(--color-hover-teal);
}
/* =====================================================================
   Carousel (Swiper) — live byte-for-byte from lyfgenia-full-dtc/app.min.css
   Only modifications:
   - .coria-carousel-fade prefix added to edge-fade rules (opt-in)
   - hex colors swapped to brand CSS vars where direct equivalent exists
   ===================================================================== */

.swiper-container.no-overlay .swiper-slide-card { background: none }
.swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after { content: unset }
.swiper-container .swiper-button-next i, .swiper-container .swiper-button-prev i { font-size: 14px; position: absolute; bottom: 12px }
.swiper-container .swiper-slide { overflow: hidden; width: 100%; position: relative; background-color: rgba(0,0,0,0) }
.swiper-container .swiper-slide-dw { height: auto; display: flex; justify-content: center }
.swiper-container .swiper-slide-card { max-width: 50%; margin: auto; position: absolute; background: rgba(68,33,121,.5); margin: 5%; padding: 3%; left: 5%; top: 0; bottom: 0; max-height: 100% }
.swiper-container .swiper-slide-card h2 { padding: 10px 0; font-size: 18px }
.swiper-container .swiper-button-next { background-image: none !important; width: 40px; position: absolute; bottom: 0px; padding: 0px !important; top: 50%; right: 20px }
.swiper-container .swiper-button-next img { width: 25px; right: 0 }
.swiper-container .swiper-button-next .icon-iconfinder_arrow-right { cursor: pointer; background: rgba(0,0,0,.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 50%; font-size: 23px; color: #fff; padding: 8px; display: flex; align-items: center; justify-content: center }
.swiper-container .swiper-button-next .icon-iconfinder_arrow-right:after { font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 16px; line-height: 1; content: "\f061"; color: #fff }
.swiper-container .swiper-button-prev { background-image: none !important; width: 40px; position: absolute; bottom: 0px; padding: 0px !important; top: 50%; left: 20px }
.swiper-container .swiper-button-prev img { width: 25px; left: 0 }
.swiper-container .swiper-button-prev .icon-iconfinder_arrow-left { cursor: pointer; background: rgba(0,0,0,.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 50%; font-size: 23px; padding: 8px; display: flex; align-items: center; justify-content: center }
.swiper-container .swiper-button-prev .icon-iconfinder_arrow-left:after { font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 16px; line-height: 1; content: "\f060"; color: #fff }
.swiper-container .swiper-button-disabled { display: none }
.swiper-container .additional-navigation-buttons { display: block; position: relative; height: 50px; width: 250px; margin-left: auto; margin-right: auto; margin-top: 60px }
.swiper-container .additional-navigation-buttons .additional-swiper-button-prev { width: 100px }
.swiper-container .additional-navigation-buttons .additional-swiper-button-prev:before { font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 16px; line-height: 1; content: "\f053"; margin-right: 10px }
.swiper-container .additional-navigation-buttons .additional-swiper-button-prev:after { content: "Previous"; font-family: unset; font-size: 16px }
.swiper-container .additional-navigation-buttons .additional-swiper-button-next { width: 100px }
.swiper-container .additional-navigation-buttons .additional-swiper-button-next:before { content: "Next"; font-family: unset; font-size: 16px }
.swiper-container .additional-navigation-buttons .additional-swiper-button-next:after { font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 16px; line-height: 1; content: "\f054"; margin-left: 10px }
.swiper-container .additional-navigation-buttons .swiper-button-disabled { display: block }
.swiper-container .swiper-pagination { bottom: 60px !important }
.swiper-container .swiper-pagination-bullets { position: absolute; right: 30px }
.swiper-container .swiper-pagination-bullet { opacity: .5; padding: 5px; margin: 7px }
.swiper-container .swiper-pagination-bullet-active { opacity: 1 }
.swiper-container .swiper-scrollbar-wrapper { width: 100%; position: absolute; bottom: 65px }
.swiper-container .swiper-scrollbar-wrapper .swiper-scrollbar { width: 150px; height: 10px; position: relative; margin: 0 auto }
.swiper-pagination .swiper-pagination-bullet:only-child { display: none }
@media only screen and (max-width: 600px) {
    .swiper-container button[class^=button-], .swiper-container div[class^=button-], .swiper-container input[class^=button-], .swiper-container a[class^=button-] { font-size: 14px !important }
}
@media only screen and (max-width: 767px) {
    div[data-number-of-visible-slides="1"] .swiper-wrapper { width: 100% }
    div[data-number-of-visible-slides="2"] .swiper-wrapper { width: 200% }
    div[data-number-of-visible-slides="3"] .swiper-wrapper { width: 300% }
    div[data-number-of-visible-slides="4"] .swiper-wrapper { width: 400% }
    div[data-number-of-visible-slides="5"] .swiper-wrapper { width: 500% }
    div[data-number-of-visible-slides="6"] .swiper-wrapper { width: 600% }
    div[data-number-of-visible-slides="7"] .swiper-wrapper { width: 700% }
    div[data-number-of-visible-slides="8"] .swiper-wrapper { width: 800% }
    div[data-number-of-visible-slides="9"] .swiper-wrapper { width: 900% }
}
.lyfgenia-slide { width: 300px !important; min-height: 100%; flex-grow: 1; height: unset; max-width: 320px }
@media only screen and (max-width: 767px) {
    .lyfgenia-slide { width: 100vw !important }
}
.swiper-container .swiper-pagination-bullets { width: 100%; right: 0 }
.additional-swiper-button-next, .additional-swiper-button-prev { border: 1px solid var(--color-primary); border-radius: 60px; background: #fff; padding: 35px 20px }
.additional-swiper-button-next:before, .additional-swiper-button-next:after, .additional-swiper-button-prev:before, .additional-swiper-button-prev:after { font-family: "IBMPlexSans-Bold"; font-size: 16px; line-height: 18px; color: var(--color-primary) }
@media (min-width: 1200px) {
    .additional-swiper-button-next:hover, .additional-swiper-button-prev:hover { background-color: var(--color-hover-teal); color: #fff; border-color: var(--color-hover-teal) }
    .additional-swiper-button-next:hover:before, .additional-swiper-button-next:hover:after, .additional-swiper-button-prev:hover:before, .additional-swiper-button-prev:hover:after { color: #fff }
}
.additional-swiper-button-next:active, .additional-swiper-button-prev:active { background: var(--color-primary); border: 1px solid var(--color-primary); opacity: .5; color: #fff; outline: none }
.additional-swiper-button-next:active:before, .additional-swiper-button-next:active:after, .additional-swiper-button-prev:active:before, .additional-swiper-button-prev:active:after { color: #fff }
@media (max-width: 1200px) {
    .additional-swiper-button-next:active, .additional-swiper-button-prev:active { background-color: #fff; color: var(--color-primary); border-color: var(--color-primary); opacity: 1 }
    .additional-swiper-button-next:active:before, .additional-swiper-button-next:active:after, .additional-swiper-button-prev:active:before, .additional-swiper-button-prev:active:after { color: var(--color-primary) }
}
.additional-swiper-button-next:focus, .additional-swiper-button-prev:focus { outline: none }
.additional-swiper-button-next .swiper-button-next, .additional-swiper-button-next .swiper-button-prev, .additional-swiper-button-prev .swiper-button-next, .additional-swiper-button-prev .swiper-button-prev { top: 50% !important }
.swiper-pagination-bullet { background: var(--color-primary); opacity: .5 }
.swiper-pagination-bullet-active { background: var(--color-primary) }
.swiper-scrollbar { background: #fff; border: 1px solid var(--color-primary); height: 4px !important; border-radius: 10px; overflow: visible }
.swiper-scrollbar-drag { background: var(--color-primary) !important; height: 10px !important; top: -4px !important; left: -1px !important; border-radius: 10px }
.swiper-slide { overflow: visible !important }
.swiper-button-next { top: calc(50% - 50px) !important }
.swiper-button-next:before { font-family: "IBMPlexSans-Bold" !important }
.swiper-button-next .icon-iconfinder_arrow-right { background-color: var(--color-primary) !important }
.swiper-button-next .icon-iconfinder_arrow-right:before { content: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%3E%3Cpath%20d='M0%2011.25h15.25l-7%207L10%2020l10-10L10%200%208.251%201.75l7%207H0Z'%20fill='%23fff'/%3E%3C/svg%3E") }
.swiper-button-next .icon-iconfinder_arrow-right:after { display: none }
@media (min-width: 1200px) {
    .swiper-button-next .icon-iconfinder_arrow-right:hover { background-color: var(--color-hover-teal) !important }
}
.swiper-button-next .icon-iconfinder_arrow-right:active, .swiper-button-next .icon-iconfinder_arrow-right:focus { background-color: var(--color-primary) !important; opacity: .5 }
@media (max-width: 1200px) {
    .swiper-button-next .icon-iconfinder_arrow-right:active, .swiper-button-next .icon-iconfinder_arrow-right:focus { background-color: var(--color-hover-teal) !important; opacity: 1 }
}
.swiper-button-prev { top: calc(50% - 50px) !important }
.swiper-button-prev:after { font-family: "IBMPlexSans-Bold" !important }
.swiper-button-prev .icon-iconfinder_arrow-left { background-color: var(--color-primary) !important }
.swiper-button-prev .icon-iconfinder_arrow-left:before { content: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%3E%3Cpath%20d='M0%2011.25h15.25l-7%207L10%2020l10-10L10%200%208.251%201.75l7%207H0Z'%20fill='%23fff'/%3E%3C/svg%3E"); transform: rotate(180deg) }
.swiper-button-prev .icon-iconfinder_arrow-left:after { display: none }
@media (min-width: 1200px) {
    .swiper-button-prev .icon-iconfinder_arrow-left:hover { background-color: var(--color-hover-teal) !important }
}
.swiper-button-prev .icon-iconfinder_arrow-left:active, .swiper-button-prev .icon-iconfinder_arrow-left:focus { background-color: var(--color-primary) !important; opacity: .5 }
@media (max-width: 1200px) {
    .swiper-button-prev .icon-iconfinder_arrow-left:active, .swiper-button-prev .icon-iconfinder_arrow-left:focus { background-color: var(--color-hover-teal) !important; opacity: 1 }
}
.swiper-container .additional-navigation-buttons { display: flex; position: relative; width: 100%; height: 50px; margin-left: unset; margin-right: unset; margin-top: 60px; justify-content: center; gap: 20px }
.swiper-container .additional-navigation-buttons .additional-swiper-button-prev { position: relative; width: 130px; left: 0; top: 50% !important }
.swiper-container .additional-navigation-buttons .additional-swiper-button-next { position: relative; width: 130px; right: 0; top: 50% !important }

/* Edge-fade gradient — opt-in via .coria-carousel-fade on the .swiper-container */
@media (min-width: 768px) {
    .coria-carousel-fade .swiper-button-prev:not(.additional-swiper-button-prev):before { content: ""; background: rgba(0,0,0,0) linear-gradient(90deg, var(--color-tertiary) 0%, rgba(213,238,236,.5019607843) 16%, rgba(213,238,236,.0588235294) 46%, rgba(255,255,255,0) 100%) 0% 0% no-repeat padding-box; position: absolute; top: -285px; height: 560px; width: 160px; left: -20px }
    .coria-carousel-fade .swiper-button-next:not(.additional-swiper-button-next):before { content: ""; background: rgba(0,0,0,0) linear-gradient(90deg, var(--color-tertiary) 0%, rgba(213,238,236,.5019607843) 16%, rgba(213,238,236,.0588235294) 46%, rgba(255,255,255,0) 100%) 0% 0% no-repeat padding-box; position: absolute; top: -285px; height: 560px; width: 160px; right: -20px; transform: matrix(-1, 0, 0, -1, 0, 0) }
}
body:has(.menu-wrapper.navbar-collapse.collapse.show) .swiper-wrapper { display: none }
@media (max-width: 768px) {
    #steps-carousel-mobile .swiper-button-prev:not(.additional-swiper-button-prev) { left: 2px }
    #steps-carousel-mobile .swiper-button-next:not(.additional-swiper-button-next) { right: 2px }
}
.hesperiden .tp-bullet {
    border:none;
    width:10px;
    height:10px
}
.hesperiden .tp-bullet.selected {
    background:var(--white);
    width:12px;
    height:12px
}
.vh-5 {
    min-height:5vh
}
.vh-10 {
    min-height:10vh
}
.vh-15 {
    min-height:15vh
}
.vh-20 {
    min-height:20vh
}
.vh-25 {
    min-height:25vh
}
.vh-30 {
    min-height:30vh
}
.vh-35 {
    min-height:35vh
}
.vh-40 {
    min-height:40vh
}
.vh-45 {
    min-height:45vh
}
.vh-50 {
    min-height:50vh
}
.vh-55 {
    min-height:55vh
}
.vh-60 {
    min-height:60vh
}
.vh-65 {
    min-height:65vh
}
.vh-70 {
    min-height:70vh
}
.vh-75 {
    min-height:75vh
}
.vh-80 {
    min-height:80vh
}
.vh-85 {
    min-height:85vh
}
.vh-90 {
    min-height:90vh
}
.vh-95 {
    min-height:95vh
}
.vh-100 {
    min-height:100vh
}
.vw-5 {
    width:5vw !important
}
.vw-10 {
    width:10vw !important
}
.vw-15 {
    width:15vw !important
}
.vw-20 {
    width:20vw !important
}
.vw-25 {
    width:25vw !important
}
.vw-30 {
    width:30vw !important
}
.vw-35 {
    width:35vw !important
}
.vw-40 {
    width:40vw !important
}
.vw-45 {
    width:45vw !important
}
.vw-50 {
    width:50vw !important
}
.vw-55 {
    width:55vw !important
}
.vw-60 {
    width:60vw !important
}
.vw-65 {
    width:65vw !important
}
.vw-70 {
    width:70vw !important
}
.vw-75 {
    width:75vw !important
}
.vw-80 {
    width:80vw !important
}
.vw-85 {
    width:85vw !important
}
.vw-90 {
    width:90vw !important
}
.vw-95 {
    width:95vw !important
}
.vw-100 {
    width:100vw !important
}
.b-50 {
    position:relative;
    bottom:4vh
}
.l-50 {
    position:relative;
    left:4vh
}
.r-50 {
    position:relative;
    right:4vh
}
.t-50 {
    position:relative;
    top:4vh
}
.b-100 {
    position:relative;
    bottom:7vh
}
.l-100 {
    position:relative;
    left:7vh
}
.r-100 {
    position:relative;
    right:7vh
}
.t-100 {
    position:relative;
    top:7vh
}
.b-150 {
    position:relative;
    bottom:12vh
}
.l-150 {
    position:relative;
    left:12vh
}
.r-150 {
    position:relative;
    right:12vh
}
.t-150 {
    position:relative;
    top:12vh
}
.b-200 {
    position:relative;
    bottom:18vh
}
.l-200 {
    position:relative;
    left:18vh
}
.r-200 {
    position:relative;
    right:18vh
}
.t-200 {
    position:relative;
    top:18vh
}
@media(min-width: 1200px) {
    .container-wide {
    max-width:1600px
}
}
.ndpl-preloaded {
    max-width:1200px
}
.anchor::before {
    display:block;
    content:" ";
    margin-top:-100px;
    height:100px;
    visibility:hidden;
    pointer-events:none
}
.hero {
    position:relative;
    overflow:hidden;
    height:100%
}
.hero img {
    width:100%;
    height:100%;
    object-fit:cover
}
.hero .text {
    position:absolute;
    top:40%;
    left:10%;
    color:var(--white);
    margin:0 auto;
    text-align:center;
    position:absolute;
    width:80%
}
.hero .text h1 {
    font-size:50px;
    font-weight:900;
    line-height:1;
    margin:15px 0;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.hero .text h2 {
    font-size:18px;
    font-weight:900;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
@media only screen and (max-width: 860px) {
    .hero .text {
    top:30%
}
}
@media only screen and (max-width: 767px) {
    .hero .text h1 {
    font-size:34px
}
.hero .text h2 {
    font-size:16px
}
}
@media only screen and (max-width: 600px) {
    .hero img {
    object-fit:cover;
    width:auto
}
.hero .text {
    top:15%
}
}
.bannerImage {
    width:100%
}
.content-parent {
    display:flex;
    position:absolute;
    top:0;
    height:100%;
    width:100%
}
.bannerVideoContainer {
    position:relative;
    overflow:hidden
}
.bannerContent {
    align-self:flex-start
}
.bannerImageContainer {
    height:100%;
    width:100%;
    background-size:cover;
    position:relative
}
.bannerParallax {
    background-attachment:fixed
}
/* Scoped overflow clip — HubSpot's .row-fluid uses negative -15px gutters that
   overflow the body and trigger horizontal scroll. Clip on <main> so it stays
   contained without affecting #site-header (outside main) — keeps the sticky header working. */
main#content { overflow-x: clip; }
body {
    font-family:"IBMPlexSans-Regular",sans-serif
}
.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight:400;
    padding-top:2rem;
    line-height:1.5
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    padding:15px 0px 0px 0px;
    line-height:1.2
}
.hr {
    border-top:1px solid var(--grey-dark);
    margin:22px 0 22px 0
}
.label {
    font-weight:normal
}
.icon-list {
    padding-left:0;
    margin-left:24px;
    list-style-type:none
}
.icon-list li {
    position:relative
}
.icon-list>li [class*=" fa-"] {
    position:absolute;
    left:-21px;
    text-align:center;
    width:14px
}
.icon-list.elegant-font {
    margin-left:0;
    margin-bottom:0
}
.icon-li {
    margin-right:10px
}
.glyphs.css-mapping {
    margin:0;
    padding:0;
    color:rgba(0,0,0,.5)
}
.glyphs.css-mapping li {
    margin:0 30px 20px 0;
    padding:0;
    display:inline-block;
    overflow:hidden
}
.glyphs.css-mapping .icon {
    margin:0;
    margin-right:10px;
    padding:13px;
    height:50px;
    width:50px;
    color:var(--color-footer) !important;
    overflow:hidden;
    float:left;
    font-size:24px
}
.glyphs.css-mapping input {
    margin:0;
    margin-top:5px;
    padding:8px;
    line-height:16px;
    font-size:16px;
    display:block;
    width:150px;
    height:40px;
    border:1px solid var(--grey-300);
    -webkit-border-radius:5px;
    border-radius:5px;
    float:right
}
.pre {
    border-radius:0
}
.modal-header h3 {
    text-transform:none
}
.blockquote-border {
    margin:0px;
    font-style:italic;
    padding-bottom:1em;
    padding-top:1em;
    border-left:8px solid var(--grey-dark);
    position:relative
}
.blockquote-border::before {
    font-family:Arial;
    content:"“";
    font-size:4em;
    position:absolute;
    left:10px;
    top:.5em
}
.blockquote-border::after {
    content:""
}
.blockquote-border span {
    display:block;
    font-style:normal;
    font-weight:bold;
    margin-top:1em
}
.blockquote-simple {
    margin:0px;
    padding-bottom:1em;
    padding-top:1em;
    border:none;
    position:relative
}
.blockquote-simple::before {
    content:"“";
    font-size:4em;
    position:absolute;
    left:10px;
    top:.5em
}
.blockquote-simple::after {
    content:""
}
.blockquote-simple span {
    display:block;
    font-style:italic;
    font-size:.8em;
    margin-top:.5em
}
.blockquote-rating {
    margin:0px;
    border:none;
    position:relative
}
.blockquote-rating::after {
    content:""
}
.blockquote-rating span {
    display:block;
    font-size:.8em;
    margin-top:1.5em
}
.scWebEditInput span.dialog-placeholder {
    border:2px solid blue
}
.content-tile-text {
    margin-bottom:20px
}
.content-tile-text ul li {
    list-style-type:none
}
.content-tile-icon {
    position:absolute;
    left:0px;
    padding-top:.3rem
}
.content-tile-icon-left .content-tile-content {
    padding-left:58px;
    padding-right:15px
}
.content-tile-icon-left .content-tile-icon {
    position:absolute;
    left:.5rem
}
.content-tile-icon-center .content-tile-content {
    padding-left:15px;
    padding-right:15px
}
.content-tile-icon-center .content-tile-icon {
    position:relative
}
.content-tile-icon-right .content-tile-content {
    padding-left:15px;
    padding-right:58px
}
.content-tile-icon-right .content-tile-icon {
    right:0
}
.content-tile-video {
    width:100%
}
.content-tile-tight .content-tile-img,.content-tile-tight .content-tile-video {
    display:none
}
.content-tile-tight button {
    display:none
}
.content-tile-no-media .content-tile-img,.content-tile-no-media .content-tile-video {
    display:none
}
.rightBorderContentTile {
    border-right:1px solid var(--grey-400)
}
.leftBorderContentTile {
    border-left:1px solid var(--grey-400)
}
.topBorderContentTile {
    border-top:1px solid var(--grey-400)
}
.bottomBorderContentTile {
    border-bottom:1px solid var(--grey-400)
}
.content-tile-icon {
    position:absolute;
    left:13px
}
.content-tile-content {
    position:relative
}
.content-tile.align-buttons-bottom {
    display:flex;
    flex-direction:column;
    height:100%
}
.content-tile.align-buttons-bottom .icon-sm {
    width:92px;
    height:92px
}
.content-tile.align-buttons-bottom .content-tile-img {
    flex-shrink:0
}
.content-tile.align-buttons-bottom .content-tile-content {
    display:flex;
    flex-direction:column;
    flex-grow:1;
    flex-shrink:1;
    flex-basis:auto
}
.content-tile.align-buttons-bottom .content-tile-content .content-tile-text {
    flex-grow:1;
    flex-shrink:1;
    flex-basis:auto
}
.content-tile-grid {
    display:grid
}
.content-tile-footnote {
    margin-top:20px
}
.content-tile {
    position:relative;
    transition:background-color .5s;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.content-tile .content-tile-link {
    background-color:inherit
}
.content-tile .hover-text {
    opacity:0;
    transition:opacity .5s;
    background-color:inherit;
    position:absolute;
    top:0;
    width:100%;
    height:100%
}
.content-tile:hover .hover-text {
    opacity:1
}
.content-tile.large-tile-split,.cards__card.large-tile-split {
    display:flex;
    max-width:790px;
    margin:0 auto;
    align-items:flex-start
}
.content-tile.large-tile-split .content-tile-content,
.cards__card.large-tile-split .cards__content {
    margin-left:30px
}
.content-tile.large-tile-split .content-tile-content .content-tile-title,
.cards__card.large-tile-split .cards__title.content-tile-title,
.cards__card.large-tile-split .cards__title {
    line-height:30px;
    font-size:28px;
    color:var(--color-primary);
    font-family:"IBMPlexSans-Bold";
    position:relative;
    margin-top:10px
}
.content-tile.large-tile-split .content-tile-content .content-tile-title:before,
.cards__card.large-tile-split .cards__title.content-tile-title:before,
.cards__card.large-tile-split .cards__title:before {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_wave_small.svg);
    background-repeat:no-repeat;
    background-position:center;
    width:46px;
    height:4px;
    position:absolute;
    top:0;
    left:0
}
.content-tile.large-tile-split .content-tile-content .content-tile-text,
.cards__card.large-tile-split .cards__copy {
    font-size:20px;
    line-height:25px
}

@media only screen and (max-width:767px) {
    .content-tile.large-tile-split,.cards__card.large-tile-split {
        flex-wrap:wrap;
        justify-content:center
    }
    .content-tile.large-tile-split .content-tile-content,
    .cards__card.large-tile-split .cards__content {
        margin-left:0
    }
    .content-tile.large-tile-split .content-tile-content .content-tile-title,
    .cards__card.large-tile-split .cards__title {
        line-height:32px;
        margin-top:20px
    }
    .content-tile.large-tile-split .content-tile-content .content-tile-text,
    .cards__card.large-tile-split .cards__copy {
        font-size:16px;
        line-height:22px
    }
    
}
.img-blur {
    -webkit-filter:blur(4px);
    filter:blur(4px)
}
.img-brightness {
    -webkit-filter:brightness(250%);
    filter:brightness(250%)
}
.img-contrast {
    -webkit-filter:contrast(180%);
    filter:contrast(180%)
}
.img-grayscale {
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.img-huerotate {
    -webkit-filter:hue-rotate(180deg);
    filter:hue-rotate(180deg)
}
.img-invert {
    -webkit-filter:invert(100%);
    filter:invert(100%)
}
.img-opacity {
    -webkit-filter:opacity(50%);
    filter:opacity(50%)
}
.img-saturate {
    -webkit-filter:saturate(7);
    filter:saturate(7)
}
.img-sepia {
    -webkit-filter:sepia(100%);
    filter:sepia(100%)
}
.card-info {
    margin:0;
    padding:22px 25px 24px 25px;
    font-size:14px;
    line-height:36px;
    min-height:205px
}
.card a img {
    width:100%;
    object-fit:cover;
    height:20vw;
    min-height:250px
}
.post-prev-img {
    margin-bottom:25px
}
.post-prev-img img {
    width:100%
}
.post-prev-title h3 {
    margin:0;
    font-size:16px;
    line-height:1.333em;
    font-weight:600
}
.post-prev-img a:hover {
    opacity:.6
}
.post-prev-img .lightbox-item a:hover {
    opacity:1
}
.post-prev-info {
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px
}
.post-prev-title a {
    outline:none !important;
    text-decoration:none;
    transition:all .3s ease 0s
}
.post-prev-text {
    letter-spacing:2px;
    text-transform:uppercase;
    font-size:12px;
    font-weight:600
}
.post-prev-count {
    margin-left:12px
}
.card-tile-sm {
    border-radius:5px;
    text-align:center
}
.card-tile-sm .card-title {
    color:var(--black);
    font-weight:bold;
    margin:0px;
    font-size:3.5em;
    line-height:initial;
    margin-bottom:5px
}
.card-tile-sm .card-subtitle {
    color:gray;
    line-height:initial;
    font-size:initial;
    font-weight:bold
}
.card-tile-sm .card-text {
    line-height:initial;
    color:var(--grey-600)
}
.card-icon-article {
    text-align:center;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    -webkit-box-shadow:0px 0px 2px 1px rgba(214,214,214,.27);
    -moz-box-shadow:0px 0px 2px 1px rgba(214,214,214,.27);
    box-shadow:0px 0px 2px 1px rgba(214,214,214,.27)
}
.card-icon-article .card-info {
    position:relative;
    padding-top:25px
}
.card-icon-article .card-title {
    margin-top:10px;
    font-size:18px;
    font-weight:bold;
    margin-bottom:0px
}
.card-icon-article .card-subtitle {
    font-weight:bold;
    margin-bottom:10px
}
.card-icon-article .card-text {
    line-height:24px;
    font-size:16px;
    text-align:left
}
.card-icon-article .card-circle-icon {
    border-radius:50%;
    height:50px;
    width:50px;
    position:absolute;
    left:calc(50% - 25px);
    top:-25px;
    background:var(--accent-orange);
    color:var(--white)
}
.card-icon-article .card-circle-icon i {
    margin-top:10px;
    vertical-align:middle
}
.card-icon-article .card-article-details {
    font-weight:bold;
    padding:15px;
    border-top:1px solid var(--grey-250)
}
.card-contact {
    overflow:visible;
    text-align:center;
    border-radius:5px;
    -webkit-box-shadow:0px 0px 2px 1px rgba(214,214,214,.27);
    -moz-box-shadow:0px 0px 2px 1px rgba(214,214,214,.27);
    box-shadow:0px 0px 2px 1px rgba(214,214,214,.27);
    margin-top:80px;
    height:calc(100% - 90px)
}
.card-contact .card-info {
    position:relative;
    padding-top:70px;
    border-radius:5px;
    height:100%
}
.card-contact .card-title {
    margin-top:20px;
    font-size:18px;
    font-weight:bold;
    margin-bottom:0px
}
.card-contact .card-subtitle {
    font-weight:bold;
    margin-bottom:10px;
    color:gray
}
.card-contact .card-text {
    line-height:24px;
    font-size:16px;
    color:gray
}
.card-contact .card-image {
    z-index:2;
    border-radius:50%;
    height:160px;
    width:160px;
    position:absolute;
    left:calc(50% - 80px);
    top:-80px;
    -webkit-box-shadow:0px 6px 42px -2px var(--grey-550);
    -moz-box-shadow:0px 6px 42px -2px var(--grey-550);
    box-shadow:0px 6px 42px -2px var(--grey-550)
}
.card-contact .follow-icon {
    display:inline-block;
    width:45px;
    height:45px;
    border-radius:50%;
    color:var(--white);
    -webkit-box-shadow:0px 0px 12px 2px rgba(201,201,201,.63);
    -moz-box-shadow:0px 0px 12px 2px rgba(201,201,201,.63);
    box-shadow:0px 0px 12px 2px rgba(201,201,201,.63)
}
.card-contact .follow-icon i {
    margin-top:14px;
    vertical-align:middle
}
.card-contact .card-article-details {
    font-weight:bold;
    padding:15px;
    padding-bottom:20px
}
.card-article-img {
    text-align:center;
    border:none;
    border-radius:5px;
    color:var(--white);
    background-repeat:no-repeat;
    display:block;
    background-size:cover;
    background-position:center;
    height:calc(100% - 10px)
}
.card-article-img .card-info {
    background:none
}
.card-article-img .card-title {
    font-size:2em;
    font-weight:bold;
    margin-bottom:0px
}
.card-article-img .card-subtitle {
    font-weight:bold;
    margin-bottom:10px;
    margin:0px
}
.card-article-img .card-text {
    margin-top:20px;
    line-height:24px;
    font-size:16px
}
.card-article-img .card-button {
    background:var(--accent-orange);
    border-radius:100px;
    color:var(--white);
    padding:10px;
    padding-left:17px;
    padding-right:17px;
    margin:20px;
    font-size:.8em
}
.card-article-img .card-button a {
    color:var(--white);
    text-decoration:none
}
.card-article-img .card-button i {
    margin-right:5px
}
.card-simple-icon {
    border:none;
    color:var(--white)
}
.card-simple-icon .card-info {
    background-color:rgba(0,0,0,0)
}
.card-simple-icon .card-text {
    line-height:initial
}
.card-simple-icon i {
    margin-left:25px;
    margin-top:20px
}
.article {
    display:flex;
    flex-direction:column;
    padding:20px
}
.article-topic-tag {
    display:inline-block;
    padding:5px;
    padding-left:8px;
    padding-right:8px;
    border-radius:2px;
    background-color:var(--grey-650);
    font-size:12px;
    text-transform:uppercase
}
.article-heading {
    font-size:2.5em;
    margin-top:10px
}
.article-subheading {
    font-size:1.2em;
    margin-bottom:5px
}
.article-author-details {
    color:gray;
    font-size:.8em;
    text-transform:uppercase;
    margin-bottom:40px
}
.article-video {
    width:100%;
    margin-bottom:20px;
    margin-top:20px;
    object-fit:cover
}
.article-image {
    width:100%;
    vertical-align:top;
    object-fit:cover
}
.article-text p {
    padding:0px
}
.article-text {
    margin-bottom:20px
}
.article-social {
    position:relative
}
.article-bio-tile {
    background-color:var(--grey-100);
    padding:30px;
    padding-left:30px;
    padding-right:10px;
    border-top:1px solid var(--grey-250);
    display:flex
}
.article-bio-img {
    border-radius:50%;
    height:70px;
    width:70px;
    display:inline-block;
    border:4px solid var(--grey-450)
}
.article-bio-info {
    display:inline-block;
    padding-left:20px;
    align-self:center
}
.article-bio-author {
    font-weight:bold;
    color:var(--grey-800)
}
.article-bio-title {
    margin-top:10px;
    color:gray;
    font-size:18px
}
.breadcrumb-default ul {
    padding:0px;
    margin:0px;
    height:40px
}
.breadcrumb-default ul li {
    display:inline
}
.breadcrumb-default ul li a {
    display:block;
    float:left;
    height:40px;
    background:var(--grey-100);
    text-align:center;
    padding-left:30px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;
    position:relative;
    margin:0 10px 0 0;
    line-height:27px;
    text-decoration:none
}
.breadcrumb-default ul li a:after {
    content:"";
    border-top:20px solid rgba(0,0,0,0);
    border-bottom:20px solid rgba(0,0,0,0);
    border-left:20px solid var(--grey-light);
    position:absolute;
    right:-20px;
    top:0;
    z-index:1;
    transition:all .3s ease 0s;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:ease;
    transition-delay:0s
}
.breadcrumb-default ul li a:before {
    content:"";
    border-top:20px solid rgba(0,0,0,0);
    border-bottom:20px solid rgba(0,0,0,0);
    border-left:20px solid var(--white);
    position:absolute;
    left:0;
    top:0
}
.breadcrumb-default ul li:first-child a:before {
    display:none
}
.breadcrumb-default ul li:last-child a {
    padding-right:40px
}
.breadcrumb-default ul li:last-child a:after {
    display:none
}
.step {
    display:inline-block;
    height:25px;
    width:25px;
    border-radius:50%;
    position:relative;
    background-color:var(--grey-400);
    line-height:20px;
    border:1px solid var(--grey-400);
    font-weight:bold;
    margin-right:5px
}
.breadcrumb-default ul li a:hover .step {
    border-color:var(--white)
}
.breadcrumb-simple ul {
    padding:0px;
    margin:0px;
    height:40px
}
.breadcrumb-simple ul li {
    display:inline
}
.breadcrumb-simple ul li a {
    display:block;
    float:left;
    height:40px;
    text-align:center;
    padding-left:30px;
    padding-top:5px;
    padding-bottom:5px;
    position:relative;
    margin:0px;
    line-height:27px;
    text-decoration:none;
    color:inherit
}
.breadcrumb-simple ul li a:after {
    content:"/";
    position:absolute;
    right:-20px;
    top:4px;
    z-index:1;
    pointer-events:none
}
.breadcrumb-simple ul li:last-child a:after {
    display:none
}
.breadcrumb-simple ul li a:hover {
    text-decoration:underline;
    transition:all .3s ease 0s
}
.breadcrumb-steps {
    padding-top:60px;
    padding-bottom:35px
}
.breadcrumb-steps ul {
    padding:0px;
    margin:0px
}
.breadcrumb-steps ul li {
    display:inline
}
.breadcrumb-steps ul li a {
    display:block;
    float:left;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    position:relative;
    margin:0 10px 0 10px;
    text-decoration:none;
    max-width:120px;
    width:120px
}
.breadcrumb-steps ul li a:after {
    content:"";
    height:10px;
    width:100px;
    position:absolute;
    right:-55px;
    top:-30px;
    z-index:1
}
.breadcrumb-steps ul li a i {
    height:50px;
    width:50px;
    border-radius:50%;
    position:absolute;
    z-index:2;
    left:35px;
    top:-50px;
    line-height:42px;
    font-size:30px
}
.breadcrumb-steps ul li:last-child a:after {
    display:none
}
.side-nav {
    padding-left:0;
    max-width:392px;
    border:none
}
.side-nav li {
    list-style-type:none
}
.side-nav>li {
    font-weight:700
}
.side-nav>li>.item-title {
    border-bottom:4px solid var(--grey-dark);
    line-height:3;
    padding-left:24px
}
.side-nav>li>.item-content>.side-nav>li>.item-title {
    border-bottom:1px solid var(--grey-dark);
    line-height:3;
    font-weight:500
}
.side-nav>li>.item-content>.side-nav>li>.item-content>.side-nav>li>.item-title {
    border-bottom:none;
    line-height:2;
    font-weight:400;
    padding-left:32px
}
.rotate-caret {
    transform:rotate(0deg);
    transition:.2s ease-in-out
}
.item-title:not(.collapsed) .rotate-caret {
    transform:rotate(90deg);
    transition:.2s ease-in-out
}
.dark-theme>li>.item-title {
    border-bottom:4px solid var(--grey-dark)
}
.dark-theme>li>.item-content>.side-nav>li>.item-title {
    border-bottom:1px solid var(--grey-dark)
}
.panel-group-open-close-all {
    text-align:right
}
.panel-group-open-close-all .open-close-link {
    cursor:pointer
}
.FAQaccordion .question-link {
    position:relative
}
.FAQaccordion .question-link .open-answer {
    display:none
}
.FAQaccordion .question-link .close-answer {
    display:inline;
    position:absolute;
    top:18px;
    right:55px
}
.FAQaccordion .question-link.collapsed .open-answer {
    display:inline;
    position:absolute;
    top:18px;
    right:55px
}
.FAQaccordion .question-link.collapsed .close-answer {
    display:none
}
.locator form {
    margin:10px
}
.locator input,.locator select {
    border-radius:2px
}
.locator .form-control:focus {
    outline:none;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.locatorPager {
    display:none
}
.locatorDiv {
    width:100%
}
.locatorDiv #locatorMap {
    width:100% !important
}
.map {
    background:var(--grey-950);
    height:350px;
    color:var(--white);
    padding:20px
}
.card-columns {
    column-count:1
}
@media(min-width: 768px) {
    .card-columns {
    column-count:2
}
}
@media(min-width: 992px) {
    .card-columns {
    column-count:3
}
}
.card-img-top {
    display:none
}
input.address.search {
    width:415px
}
.map-wrapper {
    position:relative
}
.map-wrapper+#instructions {
    display:none
}
@media(max-width: 767px) {
    .map-wrapper #map {
    display:none
}
}
@media(max-width: 767px) {
    .map-wrapper #map.shown {
    display:block
}
}
@media(max-width: 767px) {
    .map-wrapper #map.hidden {
    display:none
}
}
.map-wrapper #map.mapboxgl-map {
    height:600px !important;
    width:100%
}
@media(max-width: 767px) {
    .map-wrapper #map.mapboxgl-map {
    height:600px
}
}
@media(max-width: 767px) {
    .map-wrapper #map.mapboxgl-map.hidden {
    display:none
}
}
.map-wrapper #map.mapboxgl-map .mapboxgl-canvas-container .mapboxgl-marker svg g g:nth-child(3) {
    fill:var(--white);
    opacity:1
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
    border-radius:15px 0 15px 15px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
    border-radius:0 15px 15px 15px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
    border-radius:15px 15px 0 15px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
    border-radius:15px 15px 15px 0
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-content,.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-content,.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-content,.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-content {
    border-radius:15px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content {
    box-shadow:0 2px 14px rgba(0,0,0,.23);
    padding:0
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content i {
    margin-right:5px;
    position:relative;
    top:4px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
    right:5px;
    top:5px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card {
    padding:2rem 2rem 15px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header {
    align-items:center;
    column-gap:.5rem;
    display:flex;
    margin-bottom:1rem
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .popup-img {
    image-rendering:-webkit-optimize-contrast;
    max-width:40%
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .popup-img[src=null] {
    display:none
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .title {
    font-size:20px;
    line-height:20px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .address {
    font-size:16px;
    margin-bottom:0
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .tag-item {
    display:none
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row {
    border-top:1px solid rgba(0,0,0,.1);
    display:flex;
    flex-wrap:nowrap;
    padding:0 1rem
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row:last-of-type {
    display:none
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more {
    padding:0
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a {
    border-radius:0 0 15px 15px;
    color:var(--white);
    font-size:14px;
    font-weight:500;
    padding:10px 15px 7px;
    text-align:center;
    width:100%
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:hover,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:focus {
    background-color:var(--white);
    color:var(--color-primary) !important;
    text-decoration:none
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions {
    font-size:14px;
    font-weight:400;
    padding:10px 15px;
    white-space:nowrap
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website a:focus,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone a:focus,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance a:focus,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions a:focus {
    color:var(--color-primary)
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website a.disabled {
    pointer-events:none;
    cursor:default
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a {
    font-weight:400;
    outline:none
}
.map-wrapper #mapboxLegend {
    border:1px solid var(--black);
    border-radius:1rem;
    column-gap:1.5rem;
    display:flex;
    justify-content:space-between;
    padding:1rem;
    flex-wrap:nowrap
}
.map-wrapper #search-bar {
    border-radius:1rem;
    padding:1rem
}
@media(max-width: 767px) {
    .map-wrapper #search-bar {
    margin:0 auto;
    max-width:80%
}
}
@media(max-width: 575px) {
    .map-wrapper #search-bar {
    min-width:100%
}
}
.map-wrapper #search-bar .search-bar-row {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap
}
.map-wrapper #search-bar .search-bar-row .validation-container {
    position:absolute;
    top:-15px;
    left:15px
}
.map-wrapper #search-bar .search-bar-row .required-field {
    color:red;
    font-weight:bold
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row {
    flex-direction:column;
    flex-wrap:wrap;
    row-gap:.5rem
}
}
.map-wrapper #search-bar .search-bar-row .select-wrapper {
    color:var(--white);
    min-width:150px;
    position:relative
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper {
    width:100%
}
}
.map-wrapper #search-bar .search-bar-row .select-wrapper select {
    display:none;
    visibility:hidden
}
.map-wrapper #search-bar .search-bar-row .select-wrapper:first-of-type .select-styled {
    border-radius:8px 0 0 8px
}
@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper:first-of-type .select-styled {
    border-right:none
}
}
@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper:last-of-type .select-styled {
    border-left:none
}
}
@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper+#geocoder input[type=text] {
    border-radius:0 !important
}
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled {
    border:1px solid hsla(0,0%,100%,.3);
    position:relative;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:100%;
    padding:12px 25px 12px 15px;
    transition:all .2s ease-in
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled {
    border-radius:8px !important;
    min-height:43px;
    padding:12px 35px 12px 20px;
    position:relative
}
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:after {
    content:"";
    cursor:pointer;
    width:0;
    height:0;
    border:7px solid rgba(0,0,0,0);
    position:absolute;
    top:16px;
    right:10px
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options {
    border-radius:0 0 8px 8px;
    box-shadow:0 4px 9px rgba(0,0,0,.2);
    display:none;
    font-size:14px;
    margin:0;
    padding:12px 35px 14px 18px;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    width:100% !important;
    z-index:999
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li {
    cursor:pointer;
    list-style:none;
    margin:0;
    padding:6px 0;
    position:relative;
    transition:all .15s ease-in
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li[rel=hide] {
    display:none
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #radiusDiv {
    order:2
}
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder {
    order:1;
    width:100%
}
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder {
    background:rgba(0,0,0,0);
    box-shadow:none;
    height:100%
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder {
    max-width:unset;
    width:100%
}
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder--icon {
    display:none
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    border:1px solid hsla(0,0%,100%,.3);
    border-radius:8px 0 0 8px;
    font-size:15px;
    height:100%;
    outline:none;
    padding:12px 24px 12px 18px
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    border-radius:8px;
    width:100%
}
}
@media(min-width: 575px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    min-width:325px
}
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder .input-validation-error,.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder .address-validation-error {
    border:2px solid var(--input-error-border) !important;
    background-color:var(--input-error-bg) !important
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #tagFilter {
    order:3
}
}
.map-wrapper #search-bar .search-bar-row .search-location-btn {
    border-radius:0 8px 8px 0;
    outline:none;
    transition:all .1s ease-in-out
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .search-location-btn {
    border-radius:8px;
    margin-top:8px;
    order:4;
    width:100%
}
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes {
    display:flex;
    justify-content:space-evenly
}
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper {
    margin:10px auto 0;
    text-align:center
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper {
    margin:10px 0 0;
    text-align:left
}
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox] {
    background-color:rgba(0,0,0,0);
    border-radius:3px;
    cursor:pointer;
    width:1rem;
    height:1rem;
    vertical-align:bottom;
    margin-right:10px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    position:relative
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox]:checked:before {
    content:"";
    background-color:rgba(0,0,0,0);
    position:absolute;
    left:5px;
    top:0;
    width:5px;
    height:11px;
    transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
    cursor:pointer;
    font-size:14px;
    font-weight:700;
    margin-bottom:0
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
    font-size:12px
}
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper {
    display:flex
}
@media(min-width: 768px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper {
    display:none
}
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper input[type=checkbox] {
    margin-right:0;
    margin-left:10px
}
#locationSearchResults #resultsHeader {
    border-bottom:1px solid rgba(0,0,0,.1);
    padding:40px 0 15px
}
#locationSearchResults #resultsHeader #tagLegend span:nth-child(2) {
    border-radius:17px;
    color:var(--white) !important;
    display:inline-block;
    padding:3px 12px 6px 12px;
    margin:4px 0 12px 0;
    font-size:14px;
    background-color:var(--color-quaternary) !important
}
#locationSearchResults #resultsHeader #tagLegend span span {
    border-radius:17px;
    color:var(--white) !important;
    display:inline-block;
    padding:3px 12px 6px 12px;
    margin:4px 0 12px 0;
    font-size:14px;
    background-color:var(--color-primary) !important
}
@media(max-width: 767px) {
    #locationSearchResults {
    padding-top:35px
}
}
.search-results-wrapper .search-result-name {
    color:var(--color-secondary)
}
.search-results-wrapper .search-result-item {
    border-bottom:1px solid rgba(0,0,0,.1);
    padding:20px 0 0
}
@media(max-width: 767px) {
    .search-results-wrapper .search-result-item {
    padding:15px 15px 0
}
}
.search-results-wrapper .search-result-item .search-result-labels,.search-results-wrapper .search-result-item .search-result-address {
    margin-bottom:10px
}
.search-results-wrapper .search-result-item .search-result-tags .tag {
    border-radius:3px;
    color:var(--white);
    display:inline-block;
    padding:5px 10px;
    margin:0 5px 8px 0
}
.search-results-wrapper .search-result-item .search-result-item-left {
    display:flex;
    justify-content:space-between
}
@media(max-width: 575px) {
    .search-results-wrapper .search-result-item .search-result-item-left {
    flex-wrap:wrap;
    margin-top:30px;
    row-gap:15px
}
}
.search-results-wrapper .search-result-item .search-result-item-left .result-td {
    flex:1 1 100%;
    width:100%
}
@media(max-width: 575px) {
    .search-results-wrapper .search-result-item .search-result-item-left .result-td.flex-50 {
    flex:1 1 100%;
    max-width:100%
}
}
@media(max-width: 575px) {
    .search-results-wrapper .search-result-item .search-result-item-left .result-td.flex-50:nth-child(2n) {
    text-align:left
}
}
.search-results-wrapper .search-result-item .search-result-item-left .result-td i {
    margin-right:5px;
    position:relative;
    top:4px
}
.search-results-wrapper .search-result-item .search-result-item-left .result-td a {
    text-decoration:none
}
.search-results-wrapper .search-result-item .search-result-item-left .result-td a span {
    text-decoration:underline
}

.search-results-wrapper .search-result-item .search-result-item-right {
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
@media(min-width: 768px) {
    .search-results-wrapper .search-result-item .search-result-item-right {
    justify-content:flex-end
}
}
.search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
    display:none
}
.map-buttons-wrapper .load-more-btn-wrapper .border-bottom {
    width:100%
}
.map-buttons-wrapper .load-more-btn-wrapper .border-bottom #locationSearchLoadMoreBtn {
    display:block
}
.map-buttons-wrapper .additional-buttons {
    margin-top:42px
}

@media(max-width: 450px) {
    
}
@media(max-width: 575px) {
    
}
@media(min-width: 576px) {
    
}
.icon-browser::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-browser.svg");
    display:inline-block;
    height:20px;
    width:20px
}
.icon-phone::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-phone.svg");
    display:inline-block;
    height:20px;
    width:20px
}
.icon-map-marker-black::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-map-marker-black.svg")
}
.icon-map::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-map.svg");
    display:inline-block;
    height:20px;
    width:20px
}
.icon-directions::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-directions.svg")
}
.input-validation-error {
    border:2px solid red !important
}
.tile-component {
    width:250px;
    padding:0px 16px 16px 16px;
    border-radius:8px;
    -moz-box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
    box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2)
}
.content-wrapper {
    max-width:95%;
    margin:0 auto;
    display:flex;
    flex-direction:column
}
.item-image {
    max-width:210px;
    object-fit:cover;
    margin:0 auto;
    border-radius:8px;
    -moz-box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
    box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2)
}
.image-container {
    margin:0 auto;
    z-index:2;
    position:relative;
    top:-20px
}
.category {
    margin-top:0;
    text-align:center;
    font-size:14px
}
.product-name {
    text-align:center;
    font-size:24px
}
.product-description {
    text-align:center;
    font-size:18px;
    line-height:1.5
}
.product-details {
    display:flex;
    flex-direction:row;
    justify-content:space-between
}
.product-price {
    font-size:20px
}
form .spinner-overlay {
    background-color:var(--white);
    display:flex;
    justify-content:center;
    width:100%;
    height:100%;
    opacity:.7;
    z-index:9
}
form .spinner-overlay .spinner-border {
    width:4rem;
    height:4rem;
    position:absolute;
    top:45vh
}
.article-index .article-body {
    overflow:hidden;
    max-height:400px
}
.article-index .article-body .background {
    position:relative;
    background-size:cover;
    background-position:50%,50%;
    height:400px;
    transition:.3s ease-in-out
}
.article-index .article-body .background:hover {
    transform:scale(1.05);
    transition:.3s ease-in-out
}
.article-index .article-body .content {
    position:absolute;
    vertical-align:bottom;
    bottom:0;
    width:100%;
    padding:0 0 20px 30px;
    background-color:rgba(0,0,0,.65);
    margin-left:-15px;
    padding-top:20px
}
.article-index .article-body a:hover {
    text-decoration:none
}
.article-index .article-body h6,.article-index .article-body h3,.article-index .article-body text {
    color:var(--white)
}
.article-index .article-body h3 {
    padding-left:0px
}
.stripParallax {
    height:100%;
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.stripVideoContainer {
    position:relative;
    overflow:hidden
}
video.stripWidth {
    left:50%;
    min-height:100%;
    width:100%;
    object-fit:cover;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%)
}
[sc-part-of="placeholder rendering"].collapse:not(.show) {
    display:initial
}
.strip-3d-component .images-section {
    min-height:850px;
    z-index:10;
    position:relative;
    overflow:hidden
}
.strip-3d-component .images-section .image-3d {
    background-position:center center;
    background-size:cover;
    width:100%;
    min-height:100%;
    position:absolute
}
.strip-3d-component .images-section .image-3d.back-image {
    z-index:6;
    min-height:105%
}
.strip-3d-component .images-section .image-3d.front-image {
    z-index:8
}
.strip-3d-component .strip-3d-ph {
    position:absolute;
    top:0;
    width:100%;
    z-index:11;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:100%
}
.rich-text ul {
    list-style:none;
    padding-left:0
}
.rich-text {
    font-size:15px;
    padding:20px 0
}
.rich-text a {
    line-height:1.5
}
.rich-text a:hover {
    text-decoration:underline
}
.show-more-text {
    overflow:hidden
}
.content-list {
    list-style:none;
    margin:0px;
    padding:0px
}
.content-list>li {
    list-style:none;
    margin:0px;
    padding:15px;
    padding-bottom:25px
}
.content-list .content-list-item-image {
    display:inline-block
}
.flex-even li {
    flex:1
}
.modal-dialog {
    z-index:1200
}
.modal-content .modal-body {
    min-height:300px
}
.flyout-wrapper {
    position:absolute;
    right:0;
    top:0;
    width:0;
    height:100%;
    background-color:var(--white);
    z-index:5;
    overflow:hidden;
    transition:width .5s ease
}
.flyout-wrapper.hidden {
    display:none
}
.flyout-wrapper.visible {
    display:block
}
.flyout-wrapper .flyout {
    width:500px
}
.flyout-overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--black);
    opacity:.5;
    z-index:4
}
.flyout-overlay.hidden {
    display:none
}
.flyout-overlay.visible {
    display:block;
    position:fixed;
    z-index:5;
    background:rgba(33,130,130,.7019607843)
}
/* When visible the flyout is fixed-position and sits above the page overlay. */
.flyout-wrapper {
    z-index:101
}
.flyout-wrapper.visible {
    position:fixed
}
.flyout-wrapper .flyout {
    width:650px
}
@media (max-width:767px) {
    .flyout-wrapper {
        width:97vw !important
    }
    .flyout-wrapper .flyout {
        width:100% !important;
        overflow-y:scroll;
        max-height:100vh
    }
}
body:has(.flyout-overlay.visible) {
    overflow:hidden
}
.page-navigation {
    background-color:var(--white)
}
.page-navigation .page-navigation-heading,.page-navigation .page-navigation-item {
    display:inline-block;
    border-right:1px solid var(--black)
}
.page-navigation .page-navigation-item:hover {
    border:2px solid red
}
.page-navigation .page-navigation-item.active {
    border-bottom:3px solid blue
}
.page-navigation .page-navigation-item .item-text {
    display:inline-block
}
.page-navigation .page-navigation-item .scEnabledChrome {
    display:flex
}
.page-navigation .page-navigation-item .scEnabledChrome .scEmptyImage {
    max-width:48px;
    max-height:48px
}
.page-navigation.sticky {
    position:-webkit-sticky;
    position:sticky;
    top:0
}
.global-search-pagination .active {
    text-decoration:underline
}
@media print {
    .flexibile-accordion-panel {
    display:block !important
}
}
.avoid-page-break {
    page-break-inside:avoid !important;
    -webkit-column-break-inside:avoid !important;
    break-inside:avoid !important
}
@media print {
    .col-print-1 {
    -ms-flex:0 0 8.333333%;
    flex:0 0 8.333333%;
    max-width:8.333333%
}
.col-print-2 {
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%
}
.col-print-3 {
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%
}
.col-print-4 {
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%
}
.col-print-5 {
    -ms-flex:0 0 41.666667%;
    flex:0 0 41.666667%;
    max-width:41.666667%
}
.col-print-6 {
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
}
.col-print-7 {
    -ms-flex:0 0 58.333333%;
    flex:0 0 58.333333%;
    max-width:58.333333%
}
.col-print-8 {
    -ms-flex:0 0 66.666667%;
    flex:0 0 66.666667%;
    max-width:66.666667%
}
.col-print-9 {
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%
}
.col-print-10 {
    -ms-flex:0 0 83.333333%;
    flex:0 0 83.333333%;
    max-width:83.333333%
}
.col-print-11 {
    -ms-flex:0 0 91.666667%;
    flex:0 0 91.666667%;
    max-width:91.666667%
}
.col-print-12 {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}
.order-print-first {
    -ms-flex-order:-1;
    order:-1
}
.order-print-last {
    -ms-flex-order:13;
    order:13
}
.order-print-0 {
    -ms-flex-order:0;
    order:0
}
.order-print-1 {
    -ms-flex-order:1;
    order:1
}
.order-print-2 {
    -ms-flex-order:2;
    order:2
}
.order-print-3 {
    -ms-flex-order:3;
    order:3
}
.order-print-4 {
    -ms-flex-order:4;
    order:4
}
.order-print-5 {
    -ms-flex-order:5;
    order:5
}
.order-print-6 {
    -ms-flex-order:6;
    order:6
}
.order-print-7 {
    -ms-flex-order:7;
    order:7
}
.order-print-8 {
    -ms-flex-order:8;
    order:8
}
.order-print-9 {
    -ms-flex-order:9;
    order:9
}
.order-print-10 {
    -ms-flex-order:10;
    order:10
}
.order-print-11 {
    -ms-flex-order:11;
    order:11
}
.order-print-12 {
    -ms-flex-order:12;
    order:12
}
}
.scEmptyPlaceholder {
    width:100%
}
.video-wrapper {
    height:0px;
    padding-top:56.25%;
    position:relative
}
.video-wrapper>div {
    position:absolute;
    top:0;
    left:0;
    height:100% !important;
    width:100% !important
}
.spotlight-the-patient .spotlight-page {
    border:1px solid gray;
    margin:10px;
    padding:10px
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-question-text {
    font-size:x-large;
    margin-top:10px;
    margin-bottom:10px
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper {
    margin-left:0;
    margin-right:0
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper.horizontal .spotlight-answer {
    text-align:center;
    margin-right:10px
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper.vertical .spotlight-answer {
    margin-bottom:10px
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper .spotlight-answer {
    border:1px solid var(--black);
    border-radius:5px;
    padding:5px;
    cursor:pointer
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper .spotlight-answer:hover {
    background-color:var(--grey-400)
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper .spotlight-answer.selected {
    background-color:var(--grey-400);
    border:4px solid var(--color-primary)
}
.spotlight-the-patient .spotlight-page .spotlight-page-footer {
    margin-top:10px;
    margin-bottom:10px
}
.spotlight-the-patient .spotlight-page .spotlight-page-footer .spotlight-page-footer-text {
    text-align:center;
    margin-top:10px
}
.spotlight-the-patient .spotlight-page .spotlight-page-footer .spotlight-page-footer-text .clickable {
    cursor:pointer
}
.spotlight-the-patient .spotlight-page .spotlight-page-footer .spotlight-page-footer-text .clickable.inactive {
    cursor:not-allowed;
    color:gray
}
.fixed-top {
    position:absolute
}
.fixed-top .navbar {
    position:absolute;
    top:30px;
    width:100%;
    z-index:20
}
@media only screen and (max-width: 717px) {
    .fixed-top .navbar {
    top:50px
}
}
@media only screen and (max-width: 425px) {
    .fixed-top .navbar {
    top:62px
}
}
.navbar {
    position:relative;
    background:var(--white);
    box-shadow:0px 2px 4px 0px rgba(0,0,0,.5);
    z-index:5;
    margin:0px;
    padding:0px;
    display:block
}
.navbar ul,.navbar li {
    list-style:none;
    list-style-type:none;
    padding:0px
}
.navbar .branding {
    display:inline-block;
    z-index:4
}
.navbar .branding a {
    display:inline-block;
    padding:24px 0px 0px 0px;
    width:200px;
    height:auto
}
.navbar .branding a img {
    width:200px;
    padding:6px 6px 0px 6px
}
@media only screen and (min-width: 991px) {
    .navbar .branding a img {
    margin-left:15px
}
}
.navbar .navbar-toggler {
    display:none;
    font-size:18px;
    font-weight:400;
    border:1px solid var(--color-primary);
    padding:.4rem 1rem .5rem 1rem;
    border-radius:60px;
    color:var(--color-primary);
    position:absolute;
    right:1rem;
    top:1rem;
    z-index:2;
    margin-right:0;
    background:transparent
}
.navbar .navbar-toggler span {
    display:none
}
.navbar .navbar-toggler .fas::before {
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    font-family:"Font Awesome 5 Free";
    font-size:16px;
    content:"\f00d "
}
.navbar .navbar-toggler::before {
    content:"Close";
    display:inline-flex;
    align-items:center;
    padding-right:5px !important;
    font-family:"IBMPlexSans-Medium"
}
.navbar .navbar-toggler.collapsed {
    font-size:22px;
    border:none;
    padding:unset
}
.navbar .navbar-toggler.collapsed::before {
    content:""
}
.navbar .navbar-toggler.collapsed .fas::before {
    content:"\f0c9 ";
    font-size:22px
}
.navbar .secondary-menu a {
    color:var(--color-hover-teal);
    padding:4px 10px 2px 10px;
    font-size:12px
}
.navbar .primary-menu,.navbar .sub-menu {
    background:var(--white);
    font-family:IBMPlexSans-Medium
}
.navbar .primary-menu a,.navbar .sub-menu a {
    color:var(--black);
    font-size:18px
}
.navbar .primary-menu {
    z-index:4
}
.navbar .primary-menu .fas {
    padding:0px 10px 0px 4px;
    font-size:30px;
    margin-top:-4px;
    color:var(--color-primary)
}
.navbar .primary-menu .sub-menu {
    display:block
}
.navbar .primary-menu .sub-menu a:hover {
    border-color:rgba(0,0,0,0)
}
.navbar .primary-menu .sub-menu-open {
    display:block
}
.navbar .branding-wrapper {
    position:relative;
    display:-webkit-flex;
    -webkit-flex-wrap:wrap;
    -webkit-align-items:center;
    -webkit-justify-content:space-between;
    max-width:1366px
}
.navbar .secondary-menu-wrapper {
    position:relative;
    max-width:1366px
}
.navbar .secondary-menu-wrapper .secondary-menu {
    z-index:5
}
.navbar .secondary-menu-wrapper .secondary-menu ul {
    margin:0px;
    padding:0px
}
.navbar .secondary-menu-wrapper .secondary-menu .fas {
    padding:0px 5px;
    font-size:12px;
    margin-top:-4px;
    color:var(--color-primary)
}
.navbar .secondary-menu-wrapper .secondary-menu a {
    display:block
}
.navbar-absolute {
    position:absolute;
    z-index:200;
    top:0;
    left:0;
    right:0
}
@media only screen and (max-width: 991px) {
    .branding a {
    padding-left:15px !important
}
}
.navbar a {
    display:block
}
.navbar ul {
    list-style:none
}
.navbar ul li {
    display:inline-block;
    padding:0px;
    flex-grow:1
}
.navbar .branding {
    position:absolute;
    top:0px;
    left:0px
}
.navbar .navbar-toggler,.navbar .go-back {
    display:none
}
.navbar .navbar-nav {
    flex-direction:row;
    vertical-align:bottom;
    justify-content:space-between
}
.navbar .menu-wrapper {
    height:140px;
    width:100%
}
.navbar .menu-wrapper.collapse {
    display:block
}
.navbar .primary-menu {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-22px;
    box-shadow:0px 0px 6px rgba(0,0,0,.2235294118);
    border-radius:30px;
    height:45px
}
.navbar .primary-menu .container {
    padding-left:0;
    padding-right:0
}
.navbar .primary-menu .navbar-nav {
    height:45px;
    margin:0 auto;
    flex-wrap:nowrap
}
.navbar .primary-menu .level-1 a.level-1-link {
    white-space:nowrap
}
.navbar .primary-menu .level-1 {
    position:relative;
    display:inline-block;
    flex-grow:unset
}
.navbar .primary-menu .level-1 .qtc_link {
    color:var(--black);
    font-size:13px;
    line-height:15px;
    font-family:"IBMPlexSans-Bold",sans-serif;
    width:225px
}
.navbar .primary-menu .level-1 a.level-1-link {
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:3px 15px;
    position:relative;
    text-decoration:none;
    font-family:"IBMPlexSans-SemiBold";
    font-weight:normal;
    line-height:18px;
    font-size:14px;
    color:var(--color-primary)
}
.navbar .primary-menu .level-1 a.level-1-link:before {
    content:"";
    position:absolute;
    right:-15px;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:25px;
    background-color:var(--grey-350)
}
.navbar .primary-menu .level-1:last-child a.level-1-link:before {
    display:none
}
.navbar .primary-menu .level-1 a.level-1-link:after {
    content:"";
    position:absolute;
    height:2px;
    background:rgba(0,0,0,0);
    width:100%;
    border-radius:30px;
    bottom:3px
}
.navbar .primary-menu .level-1 a.level-1-link.active {
    text-decoration:none
}
.navbar .primary-menu .level-1 a.level-1-link.active:after {
    background:var(--color-primary)
}
.navbar .primary-menu .level-1 a.level-1-link:hover {
    text-decoration:none;
    color:var(--color-secondary)
}
.navbar .primary-menu .level-1 a.level-1-link:hover:after {
    background:rgba(0,0,0,0)
}
.navbar .primary-menu .level-1 a.level-1-link:active,.navbar .primary-menu .level-1 a.level-1-link:focus {
    text-decoration:none;
    color:var(--color-primary);
    opacity:60%
}
.navbar .primary-menu .level-1 a.level-1-link:active:after,.navbar .primary-menu .level-1 a.level-1-link:focus:after {
    background:rgba(0,0,0,0)
}
.navbar .primary-menu .level-1:first-child a.level-1-link {
    margin-left:25px
}
@media only screen and (max-width: 767px) {
    .navbar .primary-menu .level-1:first-child a.level-1-link {
    margin-left:0
}
}
.navbar .primary-menu .level-1:nth-child(6) a.level-1-link {
    margin-right:25px
}
@media only screen and (max-width: 767px) {
    .navbar .primary-menu .level-1:nth-child(6) a.level-1-link {
    margin-right:0
}
}
/* (removed) original HCP rule hid :last-child (ISI link). Lyfgenia keeps last item (Sign Up) visible. */

/* ≤820px — primary menu becomes full-width horizontal scroll (matches lyfgenia.com original responsive) */
@media only screen and (max-width: 820px) {
    .navbar .menu-wrapper .primary-menu {
        width: 100vw;
        left: 0;
        transform: none;
        border-radius: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        height: unset;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .navbar .menu-wrapper .primary-menu::-webkit-scrollbar {
        display: none;
        width: 0 !important;
    }
    .navbar .menu-wrapper .primary-menu .container {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar .menu-wrapper .primary-menu .navbar-nav {
        width: 817px;
        height: 45px;
        margin: 0 auto;
        box-shadow: 0px 2px 10px rgba(0,0,0,.16);
    }
    .navbar .menu-wrapper .primary-menu .navbar-nav .level-1 a.level-1-link {
        margin: 0 13px;
        position: relative;
    }
    .navbar .menu-wrapper .primary-menu .navbar-nav .level-1 a.level-1-link:after {
        bottom: 8px;
    }
}

/* ≤820px — primary menu becomes full-width horizontal scroll (matches lyfgenia.com original responsive) */
@media only screen and (max-width: 820px) {
    .navbar .menu-wrapper .primary-menu {
        width: 100vw;
        left: 0;
        transform: none;
        border-radius: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        height: unset;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .navbar .menu-wrapper .primary-menu::-webkit-scrollbar {
        display: none;
        width: 0 !important;
    }
    .navbar .menu-wrapper .primary-menu .container {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar .menu-wrapper .primary-menu .navbar-nav {
        width: 817px;
        height: 45px;
        margin: 0 auto;
        box-shadow: 0px 2px 10px rgba(0,0,0,.16);
    }
    .navbar .menu-wrapper .primary-menu .navbar-nav .level-1 a.level-1-link:after {
        bottom: 8px;
    }
}

.navbar .primary-menu .level-1 .sub-menu.show {
    display:none
}
.navbar .primary-menu .level-1:hover .sub-menu {
    visibility:hidden;
    opacity:0
}
.navbar .primary-menu .sub-menu {
    visibility:hidden;
    opacity:0;
    position:absolute;
    top:54px;
    left:0px;
    display:none;
    min-width:250px;
    z-index:2;
    text-align:left
}
.navbar .primary-menu .sub-menu a {
    padding:16px
}
.navbar .primary-menu ul li:last-child .sub-menu,.navbar .primary-menu ul li:nth-child(5) .sub-menu,.navbar .primary-menu ul li:nth-child(6) .sub-menu {
    left:auto;
    right:0px
}
.navbar .primary-menu .sub-menu-column {
    vertical-align:top;
    flex:1;
    width:250px
}
.navbar .primary-menu .sub-menu-column li,.navbar .primary-menu .sub-menu-column li a {
    width:100%;
    display:block
}
.navbar .secondary-menu-wrapper {
    height:100%
}
.navbar .secondary-menu-wrapper .secondary-menu {
    position:absolute;
    top:10px;
    right:0px;
    display:flex;
    flex-direction:column;
    align-items:flex-end
}
.navbar .tertiary-menu {
    position:absolute;
    right:0;
    top:45px
}
.navbar .tertiary-menu a {
    display:inline-flex;
    padding-right:27px
}
.navbar .tertiary-menu a.active {
    background-color:transparent !important;
    border-color:transparent !important;
    color:var(--color-primary) !important
}
.navbar .tertiary-menu a:hover {
    background-color:var(--white) !important;
    border-color:var(--color-primary) !important;
    color:var(--black) !important
}
.navbar .search-and-language {
    padding:10px 0px
}
.navbar .language-switcher {
    display:inline-block
}
.navbar .global-search {
    display:inline-block
}
.wide-nav-items .primary-menu a.level-1-link {
    padding:7px !important
}
.wide-nav-items .navbar-toggler>span {
    display:none;
    visibility:hidden
}
@media only screen and (max-width: 767px) {
    .navbar {
    box-shadow:none
}
.navbar .branding a {
    padding-left:0 !important;
    padding-top:10px
}
.navbar .branding a img {
    width:175px;
    padding-left:1rem
}
}
@media only screen and (max-width: 767px)and (max-width: 335px) {
    .navbar .branding a img {
    width:160px
}
}
@media only screen and (max-width: 767px) {
    .navbar .branding-wrapper {
    box-shadow:0 3px 10px rgba(0,0,0,.35);
    z-index:1
}
.navbar .menu-wrapper {
    height:120px
}
.navbar .menu-wrapper .primary-menu {
    width:100vw;
    left:0;
    border-radius:0;
    overflow-x:scroll;
    height:unset;
    border-radius:0;
    -ms-overflow-style:none;
    scrollbar-width:none;
    overflow:-moz-scrollbars-none
}
.navbar .menu-wrapper .primary-menu::-webkit-scrollbar {
    display:none;
    width:0 !important
}
.navbar .menu-wrapper .primary-menu .container,.navbar .menu-wrapper .primary-menu .actor-portrayal {
    padding-left:0;
    padding-right:0
}
.navbar .menu-wrapper .primary-menu .navbar-nav {
    height:45px;
    margin:0 auto;
    box-shadow:0px 2px 10px rgba(0,0,0,.16)
}
.navbar .menu-wrapper .primary-menu .navbar-nav a {
    font-size:14px;
    line-height:28px;
    min-height:100%
}
.navbar .menu-wrapper .primary-menu .navbar-nav .level-1 a.level-1-link {
    margin:0 13px;
    position:relative
}
.navbar .menu-wrapper .primary-menu .navbar-nav .level-1 a.level-1-link:after {
    bottom:7px
}
.navbar .secondary-menu-wrapper .secondary-menu {
    position:absolute;
    right:0;
    top:10px
}
.navbar .secondary-menu-wrapper .secondary-menu ul {
    width:100%;
    text-align:center
}
.navbar .secondary-menu-wrapper .secondary-menu li {
    display:inline-block
}
.navbar .secondary-menu-wrapper .secondary-menu li a {
    padding-right:20px
}
.navbar .secondary-menu-wrapper .secondary-menu li:last-child {
    display:none
}


}
@media only screen and (max-width: 250px) {
    .navbar-toggler {
    margin:0 auto
}
}
.no-primary-menu .navbar-toggler,.no-primary-menu .tertiary-menu {
    display:none !important
}
.no-primary-menu .menu-wrapper {
    height:100px
}
.no-primary-menu .primary-menu .container,.no-primary-menu .primary-menu .actor-portrayal {
    border-top:none
}
.global-header-banner {
    width:450px;
    height:75px;
    position:absolute;
    left:160px;
    top:13px;
    display:none;
    visibility:hidden
}
@media only screen and (min-width: 997px) {
    .global-header-banner {
    display:block;
    visibility:visible
}
}
@media only screen and (min-width: 1200px) {
    .global-header-banner {
    left:250px
}
}
.toggle-linebreak {
    display:none
}
@media only screen and (min-width: 992px)and (max-width: 1200px) {
    .toggle-linebreak {
    display:block
}
.nav-item-align-top {
    margin-bottom:auto
}
}
#site-header {
    position:sticky;
    top:-151px;
    right:0;
    left:0;
    z-index:100;
    background:#fff;
    transition:top 1s ease-in-out .5s
}
@media only screen and (max-width: 767px) {
    #site-header {
    top:-125px
}
}
@media only screen and (max-width: 656px) {
    #site-header {
    top:-140px
}
}
@media only screen and (max-width: 363px) {
    #site-header {
    top:-156px
}
}
#site-header.hidden {
    position:sticky;
    top:-500px;
    transition:top 1s ease-in-out .5s
}
.primary-menu-left,
.primary-menu-right {
    display:none;
    position:absolute;
    bottom:-22px;
    z-index:10;
    width:45px;
    height:45px;
    left:0;
    background:linear-gradient(to right, var(--white) 70%, transparent 100%)
}
.primary-menu-left::after,
.primary-menu-right::after {
    content:"\f053 ";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:1rem;
    color:var(--color-primary);
    align-self:center
}
.primary-menu-right {
    left:unset;
    right:0;
    background:linear-gradient(to left, var(--white) 70%, transparent 100%)
}
.primary-menu-right::after {
    content:"\f054 "
}
@media only screen and (max-width: 800px) {
    .primary-menu-left.show,
    .show.primary-menu-right {
        display:flex;
        justify-content:center
    }
}
    display:flex
}
.timeline {
    position:relative
}
.timeline::before,.timeline::after {
    content:"";
    position:absolute;
    width:12px;
    height:2px;
    background-color:var(--input-error-border);
    z-index:1;
    left:45px
}
.timeline h2,.timeline .content-list-item-subtitle {
    color:var(--color-primary)
}
.timeline .content-list-inner {
    padding:25px 0px
}
.timeline .content-list-inner::after {
    content:"";
    position:absolute;
    width:2px;
    background-color:var(--input-error-border);
    top:0;
    bottom:0;
    z-index:0;
    position:inline-block;
    left:50px
}
.timeline .content-list>li {
    padding:0px;
    position:relative;
    background-color:inherit;
    width:100%;
    margin-top:20px;
    z-index:5;
    display:flex
}
.timeline .content-list-item-image {
    padding:0px;
    background-color:var(--white);
    position:relative;
    border-radius:100px;
    width:100px;
    min-width:100px;
    height:100px;
    display:inline-block;
    text-align:center
}
.timeline .content-list-item-image::before,.timeline .content-list-item-image::after {
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    background-color:var(--input-error-border);
    border-radius:50%;
    z-index:1;
    left:45px
}
.timeline .content-list-item-image::before {
    top:-5px
}
.timeline .content-list-item-image::after {
    bottom:-5px
}
.timeline .content-list-content {
    margin-left:20px
}
@media only screen and (min-width: 992px) {
    .timeline::before,.timeline::after {
    left:69px
}
.timeline .content-list-inner::after {
    left:74px
}
.timeline .content-list-item-image {
    width:150px;
    min-width:150px;
    height:150px
}
.timeline .content-list-item-image::before,.timeline .content-list-item-image::after {
    left:69px
}
.timeline .content-list-item-image::before {
    top:-5px
}
.timeline .content-list-item-image::after {
    bottom:-5px
}
}
.article-index {
    height:100%;
    text-align:left;
    display:flex;
    flex-direction:column
}
.article-index .article-index-title {
    flex-grow:1;
    flex-shrink:1;
    flex-basis:auto
}
.article-index-tag {
    background-repeat:no-repeat;
    font-style:italic;
    margin-bottom:4px;
    padding-left:12px
}
.content-item-index-tile {
    height:100%;
    text-align:left
}
.content-item-index-tile.align-buttons-bottom {
    display:flex;
    flex-direction:column
}
.content-item-index-tile.align-buttons-bottom .content-item-index-tile-content {
    display:flex;
    flex-direction:column;
    flex-grow:1;
    flex-shrink:1;
    flex-basis:auto
}
.content-item-index-tile.align-buttons-bottom button {
    width:50%
}
.spotlight-the-patient .question {
    font-family:"SofiaProSoft-Bold";
    font-size:22px;
    line-height:24px;
    text-align:left
}
.spotlight-the-patient .answer {
    font-family:"SofiaProSoft-Regular",sans-serif;
    font-size:18px;
    line-height:24px
}
.spotlight-the-patient .percent-complete {
    max-height:20px;
    width:auto
}
.spotlight-the-patient .spotlight-page {
    border:none;
    margin:0;
    padding:0
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-question-text {
    margin-top:0
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-question-text .question {
    display:flex;
    align-items:center;
    margin-top:1em;
    margin-bottom:0
}
@media(max-width: 767px) {
    .spotlight-the-patient .spotlight-page .spotlight-question .spotlight-question-text .question {
    margin-bottom:1em
}
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-question-text .question img {
    margin-right:1em
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper {
    margin-left:90px
}
@media(max-width: 767px) {
    .spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper {
    margin-left:0
}
}
@media(max-width: 767px) {
    .spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper.horizontal {
    justify-content:center
}
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper.horizontal .spotlight-answer:nth-child(2) {
    margin-right:0 !important
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper .spotlight-answer {
    border:none;
    padding:0;
    max-width:unset;
    flex-grow:0;
    margin-bottom:0 !important
}
.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper .spotlight-answer:hover {
    background-color:unset
}




.spotlight-the-patient .spotlight-page .spotlight-question .spotlight-answers-wrapper .spotlight-answer.selected {
    border:none;
    background-color:unset
}

.spotlight-the-patient .spotlight-page .spotlight-page-footer .spotlight-page-footer-text {
    text-align:left;
    margin-top:1.5em
}
@media(max-width: 767px) {
    .spotlight-the-patient .spotlight-page .spotlight-page-footer .spotlight-page-footer-text {
    text-align:center
}
}
@media(max-width: 767px) {
    .spotlight-the-patient .spotlight-page .spotlight-page-footer .spotlight-profile-footer-text {
    text-align:center
}
}
.spotlight-the-patient .spotlight-profile .discussion-point {
    display:flex;
    align-items:flex-start
}
.spotlight-the-patient .spotlight-profile .discussion-point img {
    margin-right:1em
}
@media(max-width: 767px) {
    .spotlight-the-patient .spotlight-profile .discussion-point {
    align-items:center
}
.spotlight-the-patient .spotlight-profile .discussion-point .question {
    margin-bottom:0
}
}
@media(max-width: 767px) {
    

}
.modal-backdrop.show {
    opacity:.65
}
.modal-dialog {
    z-index:1200
}
.modal {
    background-color:rgba(0,0,0,.5)
}
body {
    font-family:"IBMPlexSans-Regular";
    font-size:16px;
    color:rgba(0,0,0,.8);
    word-wrap:break-word;
    line-height:22px;
    -webkit-font-smoothing:antialiased;
    font-synthesis:none;
    text-rendering:optimizeLegibility
}
a { font-weight:normal; cursor:pointer; color:var(--black); text-decoration:underline }
a:hover { color:var(--color-primary); text-decoration:underline }
a:active, a:focus { color:var(--color-octonary) }
.text-primary { color:var(--color-primary) !important }
.text-primary * { color:var(--color-primary) !important }
.text-secondary { color:var(--color-secondary) !important }
.text-secondary * { color:var(--color-secondary) !important }
.text-septenary { color:var(--color-septenary) !important }
.text-septenary * { color:var(--color-septenary) !important }
.text-black { color:var(--black) !important }
.text-black * { color:var(--black) !important }
.text-white { color:var(--white) !important }
.text-white * { color:var(--white) !important }
#content {
    flex:none
}
/* In-content subnav — byte-for-byte from live lyfgenia DTC */
#content .secondary-menu-wrapper {
    position:absolute;
    z-index:2;
    max-width:none !important;
}
@media (max-width:767px) {
    #content .secondary-menu-wrapper {
        padding-left:unset;
        padding-right:unset;
    }
}
#content .secondary-menu-wrapper .secondary-menu {
    position:relative;
    top:21px;
    width:fit-content;
    margin:0 auto;
    background-color:var(--color-quinary);
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
}
#content .secondary-menu-wrapper .secondary-menu ul {
    min-height:35px;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:5px;
}
#content .secondary-menu-wrapper .secondary-menu ul li {
    padding:0 20px;
    list-style:none;
    border-right:1px solid var(--color-hover-mint);
    text-align:center;
    min-height:inherit;
    display:flex;
    align-items:center;
}
#content .secondary-menu-wrapper .secondary-menu ul li a {
    font-family:"IBMPlexSans-Bold";
    font-size:14px;
    color:var(--color-primary) !important;
    text-decoration:none !important;
}
#content .secondary-menu-wrapper .secondary-menu ul li a.active {
    text-decoration:underline !important;
    text-underline-offset:4px;
}
#content .secondary-menu-wrapper .secondary-menu ul li a:hover {
    color:var(--color-secondary) !important;
}
#content .secondary-menu-wrapper .secondary-menu ul li a:active,
#content .secondary-menu-wrapper .secondary-menu ul li a:focus {
    color:var(--color-primary) !important;
    opacity:60%;
}
@media (min-width:767px) {
    #content .secondary-menu-wrapper .secondary-menu ul li:first-child { margin-left:15px; }
    #content .secondary-menu-wrapper .secondary-menu ul li:last-child  { margin-right:15px; }
}
#content .secondary-menu-wrapper .secondary-menu ul li:last-child {
    border-right:none;
}
@media (max-width:767px) {
    #content .secondary-menu-wrapper .secondary-menu { height:auto; width:100%; }
    #content .secondary-menu-wrapper .secondary-menu li { padding:0 10px !important; }
}
@media (max-width:450px) {
    #content .secondary-menu-wrapper .secondary-menu li { padding:0 5px !important; }
}
.strip-component {
    padding:20px 0px
}
.col,[class^=col] {
    padding-top:15px;
    padding-bottom:25px
}
ul {
    list-style:none;
    padding-left:15px
}
ul.bullet li::before,.content-tile .content-tile-text ul li::before,ul.dashed li::before {
    color:var(--color-primary);
    display:inline-block;
    width:1em;
    margin-left:-1em
}
ul.bullet li::before,.content-tile .content-tile-text ul li::before {
    content:"•"
}
ul.dashed li::before {
    content:"‒"
}
ul.bullet-blue li::before {
    content:"•";
    color:var(--color-denary);
    display:inline-block;
    width:1em;
    margin-left:-1em
}
ul.bullet ul li::before,.content-tile .content-tile-text ul ul li::before {
    content:"–"
}
/* ── Background colour utility classes — full palette. Neutrals (white/black) first so brand colors take precedence when both are present on the same element. ── */
.bg-white     { background-color: var(--white);       }
.bg-black     { background-color: var(--black);       }
.bg-primary   { background-color: var(--color-primary);   }
.bg-secondary { background-color: var(--color-secondary); }
.bg-tertiary  { background-color: var(--color-tertiary);  }
.bg-quaternary{ background-color: var(--color-quaternary);}
.bg-quinary   { background-color: var(--color-quinary);   }
.bg-senary    { background-color: var(--color-senary);    }
.bg-septenary { background-color: var(--color-septenary); }
.bg-octonary  { background-color: var(--color-octonary);  }
.bg-nonary    { background-color: var(--color-nonary);    }
.bg-denary    { background-color: var(--color-denary);    }
.bg-footer    { background-color: var(--color-footer);    }

/* Dark backgrounds get white text + links */
.bg-primary,
.bg-secondary,
.bg-quaternary,
.bg-senary,
.bg-septenary,
.bg-octonary,
.bg-nonary,
.bg-footer,
.bg-black {
    color: var(--white);
}
.bg-primary a,
.bg-secondary a,
.bg-quaternary a,
.bg-senary a,
.bg-septenary a,
.bg-octonary a,
.bg-nonary a,
.bg-footer a,
.bg-black a {
    color: var(--white);
}
.split-background {
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, var(--grey-200) 50%, var(--grey-200) 100%)
}
picture,picture source,picture img {
    display:block;
    object-fit:contain
}
.picture-inline img {
    display:inline !important
}
@media only screen and (max-width: 992px) {
    .patient-icons picture {
    height:auto;
    display:inline-block;
    width:250px
}
.patient-icons .col {
    flex-basis:auto;
    width:100%;
    display:block;
    text-align:center
}
}
@media only screen and (min-width: 993px) {
    .patient-icons picture {
    display:flex;
    height:150px;
    width:auto
}
.patient-icons picture source,.patient-icons picture img {
    align-self:center;
    height:150px;
    max-width:inherit
}
}
.position-top {
    top:0px
}
.position-right {
    right:0px
}
.position-bottom {
    bottom:0px
}
.position-left {
    left:0px
}
.accordion-item .accordion-header button {
    padding:1rem 0rem;
    font-family:"SofiaProSoft-Medium",sans-serif;
    font-size:18px;
    font-weight:700;
    line-height:26px;
    color:var(--black);
    text-transform:uppercase;
    position:relative;
    display:block;
    width:100%;
    max-width:100%;
    text-align:left;
    text-decoration:none;
    transition:color .2s ease-in-out;
    border-top:3px solid var(--color-quinary)
}
.accordion-item .accordion-header button:before {
    content:"";
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--color-quaternary);
    border-radius:50%;
    height:33px;
    width:33px;
    position:absolute;
    top:16px;
    right:0px;
    border:1px solid var(--color-quaternary)
}
.accordion-item .accordion-header button:after {
    content:"";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:1rem;
    position:absolute;
    transform:rotate(180deg);
    transition:transform .5s ease-in-out;
    right:9px;
    top:18px;
    color:var(--black)
}
.accordion-item .accordion-header button.collapsed::after {
    transform:rotate(0deg);
    transition:transform 0s ease-in-out;
    top:21px
}
.accordion-item .accordion-header button:hover {
    color:var(--color-primary);
    text-decoration:none;
    transition:color .2s ease-in-out;
    border-top:3px solid var(--color-primary)
}
.accordion-item .accordion-header button:hover:before {
    background:var(--white);
    border-color:var(--color-tertiary);
    transition:background .1s ease-in-out
}
.accordion-item .accordion-header button:active {
    color:var(--color-quaternary);
    border-top:3px solid var(--color-quaternary)
}
.accordion-item .accordion-header button:active:before {
    background:var(--color-tertiary);
    transition:background .1s ease-in-out;
    border-color:var(--color-tertiary)
}
.accordion-item .accordion-header button:visited {
    color:var(--black)
}
.accordion-item .collapse {
    background:var(--white)
}
.accordion-item .accordion-body {
    padding:0px
}
/* ── Accordion (.accordion-wrapper) — byte-for-byte from live (.faqs → .accordion-wrapper); brand-neutral, portable across pages and sites. ── */
.accordion-wrapper { color:var(--black) }
.accordion-wrapper .question {
    border:1px solid var(--color-primary);
    border-radius:20px;
    position:relative;
    padding:10px;
    margin-bottom:15px;
    padding-bottom:30px;
    background-color:var(--white)
}
.accordion-wrapper .question .question-title {
    font-family:"IBMPlexSans-Bold";
    font-size:16px;
    color:var(--color-primary);
    line-height:24px
}
.accordion-wrapper .question .question-title a {
    text-decoration:none;
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    position:unset;
    font-weight:bold
}
.accordion-wrapper .question .question-title a h4 { padding:unset }
.accordion-wrapper .question .question-title a h2 { padding:unset; position:relative; top:-10px }
.accordion-wrapper .question .question-title a h2 span {
    font-family:"IBMPlexSans-Bold" !important;
    font-size:16px !important
}

/* Open/Close label wrapper — positioning + alignment */
.accordion-wrapper .question .question-title .open-close-wrap {
    position:absolute;
    bottom:-5px;
    display:flex;
    gap:5px;
    margin-bottom:10px
}
.accordion-wrapper .question .question-title .open-close-wrap.oc-align-right { right:15px }
.accordion-wrapper .question .question-title .open-close-wrap.oc-align-left  { left:15px }

.accordion-wrapper .question .question-title .open-answer,
.accordion-wrapper .question .question-title .close-answer {
    display:flex;
    align-items:end;
    justify-content:end;
    gap:5px;
    font-family:"IBMPlexSans-Bold";
    font-size:12px;
    color:var(--color-primary)
}

/* Default (not collapsed) — show Close, hide Open */
.accordion-wrapper .question .question-title .open-answer { display:none }
.accordion-wrapper .question .question-title .close-answer { display:flex }

/* Collapsed — show Open, hide Close. Bootstrap toggles .collapsed on the .question-link <a>. */
.accordion-wrapper .question .question-link.collapsed .close-answer { display:none }
.accordion-wrapper .question .question-link.collapsed .open-answer { display:flex }

/* Icon glyphs — keyed off .oc-icon-* parent. None = no glyph. Spacing baked in: padding-left 5px so it sits next to text. */
.accordion-wrapper .question .question-title .open-close-wrap .open-answer::after,
.accordion-wrapper .question .question-title .open-close-wrap .close-answer::after {
    position:relative;
    top:2px;
    font-family:var(--font-awesome);
    font-weight:900;
    font-size:1.3rem;
    color:var(--color-primary);
    padding-left:5px
}
/* Chevron (default) */
.accordion-wrapper .question .question-title .open-close-wrap.oc-icon-chevron .close-answer::after { content:"" }
.accordion-wrapper .question .question-title .open-close-wrap.oc-icon-chevron .open-answer::after  { content:"" }
/* Caret */
.accordion-wrapper .question .question-title .open-close-wrap.oc-icon-caret .close-answer::after { content:"" }
.accordion-wrapper .question .question-title .open-close-wrap.oc-icon-caret .open-answer::after  { content:"" }
/* Arrow */
.accordion-wrapper .question .question-title .open-close-wrap.oc-icon-arrow .close-answer::after { content:"" }
.accordion-wrapper .question .question-title .open-close-wrap.oc-icon-arrow .open-answer::after  { content:"" }
/* Plus / Minus */
.accordion-wrapper .question .question-title .open-close-wrap.oc-icon-plus-minus .close-answer::after { content:"" }
.accordion-wrapper .question .question-title .open-close-wrap.oc-icon-plus-minus .open-answer::after  { content:"" }
/* None — no glyph */
.accordion-wrapper .question .question-title .open-close-wrap.oc-icon-none .close-answer::after,
.accordion-wrapper .question .question-title .open-close-wrap.oc-icon-none .open-answer::after { content:none; padding-left:0 }

.accordion-wrapper .panel-body.question-body { padding:0px }
.collapsible,.collapsable {
    position:relative
}
.collapsible a[data-toggle=collapse],.collapsable a[data-toggle=collapse] {
    font-family:IBMPlexSans-Bold;
    color:var(--black);
    font-size:1.3rem;
    display:block;
    width:100%;
    padding:1.3rem 3rem 1rem 1.2rem;
    border-radius:25px;
    border:3px solid var(--black);
    position:relative
}
.collapsible a[data-toggle=collapse] h2,.collapsable a[data-toggle=collapse] h2 {
    font-family:IBMPlexSans-Bold;
    font-size:1.3rem;
    color:var(--black);
    padding:0px
}
.collapsible a[data-toggle=collapse]:hover,.collapsible a[data-toggle=collapse]:hover h2,.collapsable a[data-toggle=collapse]:hover,.collapsable a[data-toggle=collapse]:hover h2 {
    color:var(--color-secondary);
    text-decoration:none
}
.collapsible a[data-toggle=collapse]::after,.collapsable a[data-toggle=collapse]::after {
    content:"";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:1rem;
    padding:0px 5px 0px 10px;
    margin-top:-0.8em;
    position:absolute;
    top:40px;
    right:25px
}
.collapsible a[data-toggle=collapse] div,.collapsable a[data-toggle=collapse] div {
    padding-top:5px;
    line-height:.8
}
.collapsible a[data-toggle=collapse] .content-tile-content,.collapsable a[data-toggle=collapse] .content-tile-content {
    padding-top:0px
}
.collapsible a[data-toggle=collapse] .content-tile-text,.collapsable a[data-toggle=collapse] .content-tile-text {
    padding-top:0px;
    margin-bottom:0px
}
.collapsible a[data-toggle=collapse].collapsed::after,.collapsable a[data-toggle=collapse].collapsed::after {
    content:"";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:1rem;
    padding:0px 5px 0px 10px;
    margin-top:-0.8em;
    position:absolute;
    top:40px;
    right:25px
}
.collapsible a[aria-expanded=true],.collapsable a[aria-expanded=true] {
    border-color:var(--black);
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px
}
.collapsible .strip-component.show,.collapsable .strip-component.show {
    border:3px solid var(--black);
    border-top:none;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px
}
blockquote {
    margin:0px;
    margin-top:2.5rem;
    padding:1rem;
    color:var(--color-primary);
    border-left:4px solid var(--color-primary);
    font-size:22px
}
.site-disclaimer {
    padding:5px 15px 10px 15px;
    background:var(--grey-200);
    font-size:12px
}
sub,sup {
    font-size:65%
}
sup {
    top:-0.5em
}
sub.important-number,sup.important-number {
    font-size:80%
}
sup.important-number {
    top:-0.2em
}
.page-title {
    position:relative;
    padding:15px 0px 0px 0px
}
.page-title [class^=col] {
    padding-top:0px;
    padding-bottom:0px
}
.page-title::before {
    content:" ";
    height:4px;
    width:50%;
    background:var(--color-quaternary);
    display:block;
    position:absolute;
    left:0px;
    bottom:8px
}
.page-title h1,.page-title h2,.page-title h3,.page-title h4,.page-title #locationSearchResults .search-results-wrapper .search-result-item .search-result-name,#locationSearchResults .search-results-wrapper .search-result-item .page-title .search-result-name,.page-title h5,.page-title h6 {
    background:var(--white);
    z-index:10
}
.page-title h1 span,.page-title h2 span,.page-title h3 span,.page-title h4 span,.page-title #locationSearchResults .search-results-wrapper .search-result-item .search-result-name span,#locationSearchResults .search-results-wrapper .search-result-item .page-title .search-result-name span,.page-title h5 span,.page-title h6 span {
    display:inline-block
}
.page-title h1 span::after,.page-title h2 span::after,.page-title h3 span::after,.page-title h4 span::after,.page-title #locationSearchResults .search-results-wrapper .search-result-item .search-result-name span::after,#locationSearchResults .search-results-wrapper .search-result-item .page-title .search-result-name span::after,.page-title h5 span::after,.page-title h6 span::after {
    display:block;
    content:" ";
    height:4px;
    width:100%;
    background:var(--color-quaternary)
}
@media only screen and (min-width: 992px) {
    .page-title h1,.page-title h2,.page-title h3,.page-title h4,.page-title #locationSearchResults .search-results-wrapper .search-result-item .search-result-name,#locationSearchResults .search-results-wrapper .search-result-item .page-title .search-result-name,.page-title h5,.page-title h6 {
    width:50%
}
}
.border-top,.border-right,.border-bottom,.border-left {
    border-width:4px !important
}
@media only screen and (min-width: 768px) {
    .border-md-top {
    border-top:4px solid
}
.border-md-right {
    border-right:4px solid
}
.border-md-bottom {
    border-bottom:4px solid
}
.border-md-left {
    border-left:4px solid
}
}
.border-thin {
    border:1px !important
}
.border-top-thin {
    border-top:1px solid
}
.border-right-thin {
    border-right:1px solid
}
.border-bottom-thin {
    border-bottom:1px solid
}
.border-left-thin {
    border-left:1px solid
}
.border-thick {
    border:9px !important
}
.border-top-thick {
    border-top:9px solid
}
.border-right-thick {
    border-right:9px solid
}
.border-bottom-thick {
    border-bottom:9px solid
}
.border-left-thick {
    border-left:9px solid
}
.chevron-down::before {
    content:"";
    font-family:"Font Awesome 5 Free";
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    color:var(--color-primary);
    font-size:4rem;
    text-align:center;
    width:100%
}
@media only screen and (min-width: 768px) {
    .chevron-md-none::before {
    content:"";
    display:none
}
}
footer {
    font-size:15px
}
img {
    max-width:100%;
    height:auto
}
h1,.h1 {
    font-family:"IBMPlexSans-Bold";
    color:var(--color-primary);
    font-size:36px;
    line-height:40px
}
h2,.h2 {
    font-family:"IBMPlexSans-Regular";
    color:var(--black);
    font-size:28px;
    line-height:34px
}
h3,.h3 {
    font-family:"IBMPlexSans-Bold";
    color:var(--color-primary);
    font-size:26px;
    line-height:29px
}
h4,.h4 {
    font-family:"IBMPlexSans-Bold";
    color:var(--color-primary);
    font-size:16px;
    line-height:24px
}
h5,.h5 {
    font-family:"IBMPlexSans-Regular";
    color:var(--black);
    font-size:20px;
    line-height:23px
}
h6,.h6 {
    font-family:"IBMPlexSans-Regular";
    color:var(--black);
    font-size:16px;
    line-height:1.2
}
@media only screen and (max-width: 767px) {
    h1,.h1 { font-size:32px; line-height:36px }
    h2,.h2 { font-size:20px; line-height:26px }
    h3,.h3 { font-size:24px }
}
small,.small {
    font-size:.8rem
}
.font-large {
    font-size:18px;
    font-family:"SofiaProSoft-Regular",sans-serif
}
.font-small {
    font-size:14px;
    line-height:18px;
    color:var(--black)
}
.font-xsmall {
    font-size:12px;
    font-family:"SofiaProSoft-Regular",sans-serif
}
strong,.strong {
    font-weight:700
}
a.text-link,#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a,.text-link {
    color:var(--color-primary);
    outline:none;
    text-decoration:underline
}
a.text-link:hover,#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a:hover,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a:hover,a.text-link:focus,#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a:focus,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a:focus,.text-link:hover,.text-link:focus {
    color:var(--color-hover-teal);
    text-decoration:underline;
    cursor:pointer
}
a.text-link:active,#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a:active,.text-link:active {
    color:var(--color-primary);
    text-decoration:underline;
    opacity:60%
}
a.text-link.header {
    font-family:"IBMPlexSans-Regular";
    font-size:12px;
    text-decoration:underline !important;
    color:var(--color-primary) !important
}
a.text-link.header:hover {
    color:var(--color-nonary) !important
}
a.text-link.header:active,
a.text-link.header:focus {
    color:var(--color-primary) !important;
    opacity:60%
}

/* ── text-link modifiers added to match live byte-for-byte ── */
a.text-link.dark {
    color:var(--color-primary) !important;
    opacity:60%
}
a.text-link.mbs {
    font-family:"IBMPlexSans-Bold";
    text-decoration:none !important;
    color:var(--color-octonary) !important
}
a.text-link.mbs:hover {
    color:var(--color-nonary) !important
}
a.text-link.mbs:active,
a.text-link.mbs:focus {
    color:var(--color-octonary) !important;
    opacity:60%
}
a.text-link.arrow {
    font-family:"IBMPlexSans-Bold";
    font-size:16px;
    color:var(--color-primary) !important;
    text-decoration:none !important
}
a.text-link.arrow:hover {
    color:var(--color-secondary) !important
}
a.text-link.arrow:active,
a.text-link.arrow:focus {
    color:var(--color-primary) !important;
    opacity:60%
}
a.text-link.arrow::after {
    content:"";
    font-family:var(--font-awesome);
    font-weight:900;
    font-size:13px;
    color:var(--color-primary);
    padding-left:10px
}
a.text-link.navigate::after {
    content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-external-link-blue.svg);
    padding-left:10px;
    margin-top:3px
}
a.text-link.download::after {
    content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf-d1-icon-download.svg);
    padding-left:2px;
    margin-top:5px
}

/* ── nav-text-link (used in header/footer nav) — byte-for-byte from live ── */
.nav-text-link {
    font-family:"Nunito-Regular";
    font-size:12px;
    line-height:16px;
    color:var(--color-septenary) !important;
    text-decoration:underline !important
}
.nav-text-link:hover {
    color:var(--color-primary) !important
}
.nav-text-link:active,
.nav-text-link:focus {
    color:#b2bddd !important
}

/* ── Jump-to (anchor-link) module — byte-for-byte from live lyfgenia DTC ── */
.jump-to {
    border:1px solid var(--color-primary);
    border-radius:16px
}
.jump-to span:first-of-type {
    align-items:center;
    justify-content:center
}
a.text-link.navigate,
a.text-link.download,
a.text-link.blue,
a.text-link.jump {
    font-family:"IBMPlexSans-Bold";
    font-size:16px;
    color:var(--color-primary) !important;
    text-decoration:none !important;
    display:inline-flex;
    align-items:center
}
a.text-link.jump::before {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/ly-d1-icon-jumplink.svg);
    background-repeat:no-repeat;
    background-position:center;
    border-radius:50%;
    padding:3px;
    background-color:var(--white);
    border:2px solid var(--white);
    position:relative;
    left:5px;
    margin-right:10px;
    height:30px;
    width:30px
}
a.text-link.jump:hover {
    color:var(--color-primary) !important
}
a.text-link.jump:hover::before {
    background-color:var(--color-denary);
    border-color:var(--color-nonary)
}
a.text-link.jump:active,
a.text-link.jump:focus {
    color:var(--color-primary) !important;
    box-shadow:none !important
}
a.text-link.jump:active::before,
a.text-link.jump:focus::before {
    background-color:var(--color-quaternary);
    border-color:var(--color-quaternary)
}

a.text-link-dark,.text-link-dark {
    color:var(--white);
    outline:none;
    text-decoration:underline
}
a.text-link-dark:hover,a.text-link-dark:focus,.text-link-dark:hover,.text-link-dark:focus {
    color:var(--color-hover-mint);
    text-decoration:underline;
    cursor:pointer
}
a.text-link-dark:active,.text-link-dark:active {
    color:var(--color-quaternary);
    text-decoration:underline
}
















    .footer-primary-links {
    font-size:12px
}
}
.footer-primary-links .content-list {
    padding-bottom:25px
}
.footer-primary-links .content-list li {
    line-height:1.2;
    padding:0px
}
.footer-primary-links .content-list li a {
    cursor:pointer
}
@media only screen and (min-width: 992px) {
    .footer-primary-links .content-list {
    display:flex
}
.footer-primary-links .content-list li {
    display:flex
}
.footer-primary-links .content-list li::after {
    content:"|";
    padding-left:15px;
    padding-right:15px;
    font-size: 15px;
}
.footer-primary-links .content-list li:last-child::after {
    content:"";
    padding:0px
}
}
.modal-content {
    border:none;
    border-radius:20px
}
.modal-content .modal-header {
    border-bottom:none;
    padding:0px
}
.modal-content .modal-header .close {
    margin:0px 0px 0px auto;
    padding:15px 0px 0px 0px
}
.modal-content .modal-body {
    padding:0px
}
@media only screen and (max-width: 576px) {
    .modal-gate .modal-dialog {
    margin:0px
}
}
.modal-gate .modal-header {
    display:none
}
/* Modal-leaving-site / #leaving-site / #honesty-box rules live in
   modules/modal-module.module/module.css — they're scoped to that module. */
.icon-xs img,img.icon-xs {
    width:auto;
    max-height:50px
}
.icon-sm img,img.icon-sm,.icon-sm source {
    width:auto;
    max-height:92px
}
.icon-md img,img.icon-md {
    width:auto;
    max-height:150px
}
.icon-lg img,img.icon-lg {
    width:auto;
    max-height:200px
}
.container-narrow {
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
@media(min-width: 576px) {
    .container-narrow {
    max-width:540px
}
}
@media(min-width: 768px) {
    .container-narrow {
    max-width:720px
}
}
@media(min-width: 992px) {
    .container-narrow {
    max-width:980px
}
}
@media(min-width: 576px) {
    .container,.actor-portrayal {
    max-width:100%
}
}
@media(min-width: 768px) {
    .container,.actor-portrayal {
    max-width:100%
}
}
@media(min-width: 992px) {
    .container,.actor-portrayal {
    max-width:960px
}
}
@media(min-width: 1200px) {
    .container,.actor-portrayal {
    max-width:1140px
}
}
.container-wide {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    max-width:1366px
}
.container-wide .row {
    max-width:100%
}
.row {
    -ms-flex:1;
    flex:1
}
.col {
    flex:1
}
.zynteglo-de-header {
    padding:0px;
    position:relative;
    z-index:2;
    box-shadow:0 1px 4px rgba(0,0,0,.5)
}
.zynteglo-de-hero {
    padding:0px
}
.zynteglo-de-hero .zynteglo-custom-banner-wrapper {
    border:none
}
.zynteglo-de-hero .zynteglo-custom-banner-wrapper .page-title {
    display:none
}
.zynteglo-de-hero .page-title::before {
    background:none
}
.zynteglo-de-hero .container-narrow {
    margin-bottom:2rem
}
@media(max-width: 992px) {
    .zynteglo-de-hero .container-narrow {
    max-width:992px
}
}
.pt-7-french-efficacy {
    padding-top:8rem
}
@media(max-width: 767px) {
    .pt-7-french-efficacy {
    padding-top:0
}
}
@media(min-width: 992px) {
    .text-center-desktop {
    text-align:center
}
}
.z-index-2 {
    z-index:2
}
@media(max-width: 767px) {
    .px-0-mobile {
    padding-left:0 !important;
    padding-right:0 !important
}
}
.map-wrapper+#instructions {
    display:none
}
.map-wrapper #search-bar {
    padding:20px 36px 40px
}
@media(max-width: 767px) {
    .map-wrapper #search-bar {
    margin:0 auto;
    max-width:80%
}
}
@media(max-width: 575px) {
    .map-wrapper #search-bar {
    max-width:100%
}
}
.map-wrapper #search-bar .search-bar-row {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row {
    flex-direction:column;
    flex-wrap:wrap;
    row-gap:.5rem
}
}
.map-wrapper #search-bar .search-bar-row .select-wrapper {
    color:var(--white);
    cursor:pointer;
    display:inline-block;
    font-family:"Roboto-Medium",sans-serif;
    min-width:150px;
    position:relative
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper {
    width:100%
}
}
.map-wrapper #search-bar .search-bar-row .select-wrapper select {
    display:none;
    visibility:hidden
}
@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper+#geocoder input[type=text] {
    border-radius:0 !important
}
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled {
    border-top:1px solid var(--color-primary);
    border-bottom:1px solid var(--color-primary);
    border-left:1px solid var(--color-primary);
    position:relative;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:40px;
    transition:all .2s ease-in;
    background:var(--white);
    color:var(--color-primary);
    font-size:14px;
    text-align:center;
    padding-left:2rem;
    padding-right:2rem;
    z-index:1;
    opacity:1;
    display:flex;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
    transition:all .2s ease-in
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled {
    border-top:1px solid var(--color-primary);
    border-bottom:1px solid var(--color-primary);
    border-left:1px solid var(--color-primary);
    border-right:1px solid var(--color-primary);
    border-radius:20px !important
}
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:after {
    content:"";
    cursor:pointer;
    width:0;
    height:0;
    border:6px solid rgba(0,0,0,0);
    position:absolute;
    top:16px;
    right:12px;
    border-color:var(--color-primary) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    top:53%;
    transform:translateY(-25%)
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:hover {
    color:rgb(201.3629032258,36.4370967742,46.0258064516)
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:active:after,.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled.active:after {
    top:9px;
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--white) rgba(0,0,0,0)
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options {
    border-radius:0 0 8px 8px;
    box-shadow:0 4px 9px rgba(0,0,0,.2);
    display:none;
    font-size:14px;
    margin:0;
    padding:0 0 1rem 0;
    position:absolute;
    top:40px;
    right:0;
    left:0;
    width:100%;
    z-index:4;
    background-color:var(--white);
    color:var(--color-primary)
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li {
    cursor:pointer;
    list-style:none;
    margin:0;
    padding:.4rem 1.5rem;
    position:relative;
    transition:all .15s ease-in;
    white-space:nowrap
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li:hover {
    color:var(--color-quinary)
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li[rel=hide] {
    display:none
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #radiusDiv {
    order:0
}
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder {
    order:0;
    width:100%;
    position:relative;
    z-index:4
}
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder {
    background:rgba(0,0,0,0);
    box-shadow:none;
    height:100%
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder {
    max-width:unset;
    width:100%
}
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder--icon {
    display:none
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    border:1px solid var(--color-quaternary);
    border-radius:20px 0 0 20px;
    color:var(--color-quaternary);
    background-color:var(--white);
    font-family:"Roboto-Medium",sans-serif;
    font-size:15px;
    height:40px;
    line-height:20px;
    outline:none;
    border-right:none
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    border-top:1px solid var(--color-primary);
    border-bottom:1px solid var(--color-primary);
    border-left:1px solid var(--color-primary);
    border-right:1px solid var(--color-primary);
    border-radius:20px !important
}
}
@media(min-width: 575px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    min-width:200px
}
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::placeholder {
    color:var(--color-quaternary) !important
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::-ms-input-placeholder {
    color:var(--color-quaternary) !important
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::-ms-input-placeholder {
    color:var(--color-quaternary) !important
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #tagFilter {
    order:3
}
}
.map-wrapper #search-bar .search-bar-row .search-location-btn {
    border-radius:0 8px 8px 0;
    font-family:"IBMPlexSans-Bold";
    font-size:15px;
    line-height:1;
    min-height:unset;
    outline:none;
    transition:all .1s ease-in-out
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .search-location-btn {
    border-radius:8px;
    margin-top:8px;
    order:4;
    width:100%
}
}
.map-wrapper #search-bar .search-bar-row .search-location-btn:hover {
    border-color:var(--color-tertiary) !important
}
.map-wrapper #search-bar .search-bar-row .search-location-btn:active,.map-wrapper #search-bar .search-bar-row .search-location-btn:focus {
    box-shadow:none
}
.map-wrapper #search-bar .search-bar-row .search-location-btn:disabled {
    background:var(--white) !important;
    border:2px solid var(--color-quaternary) !important;
    cursor:not-allowed
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes {
    display:flex;
    justify-content:space-evenly
}
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper {
    margin:.5rem 0 0 1.5rem;
    display:flex;
    align-items:center
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper {
    margin:10px 0 0;
    text-align:left
}
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox] {
    background-color:rgba(0,0,0,0);
    border:1px solid hsla(0,0%,100%,.3);
    border-radius:3px;
    cursor:pointer;
    width:1rem;
    height:1rem;
    vertical-align:bottom;
    margin-right:10px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    position:relative
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox]:checked:before {
    content:"";
    background-color:rgba(0,0,0,0);
    border-bottom:1px solid var(--white);
    border-right:1px solid var(--white);
    position:absolute;
    left:5px;
    top:0;
    width:5px;
    height:11px;
    transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
    cursor:pointer;
    font-family:"Roboto-Bold",sans-serif;
    font-size:14px;
    font-weight:500;
    margin-bottom:0
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
    font-size:12px
}
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper {
    display:inline-block
}
@media(min-width: 768px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper {
    display:none
}
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper input[type=checkbox] {
    margin-right:0;
    margin-left:10px
}
.map-wrapper #map.mapboxgl-map {
    height:600px;
    width:100%
}
@media(max-width: 767px) {
    .map-wrapper #map.mapboxgl-map {
    height:150vw !important
}
}
@media(max-width: 767px) {
    .map-wrapper #map.mapboxgl-map.hidden {
    display:none
}
}
.map-wrapper #map.mapboxgl-map .mapboxgl-canvas-container .mapboxgl-marker svg g g:nth-child(3) {
    fill:var(--white);
    opacity:1
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup {
    max-width:350px !important;
    z-index:999
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content {
    border-radius:15px;
    box-shadow:0 2px 14px rgba(0,0,0,.23);
    padding:0
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content i {
    margin-right:5px;
    position:relative;
    top:4px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
    right:5px;
    top:5px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card {
    padding:2rem 2rem 15px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header {
    column-gap:.5rem;
    display:grid;
    margin-bottom:1rem
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header img {
    image-rendering:-webkit-optimize-contrast
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .title {
    color:var(--color-primary);
    font-family:"IBMPlexSans-Bold";
    font-size:20px;
    line-height:20px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .address {
    color:var(--color-quinary);
    font-family:"Roboto-Regular",sans-serif;
    font-size:16px;
    margin-bottom:0
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .tag-item {
    display:none
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row {
    border-top:1px solid rgba(0,0,0,.1);
    display:flex;
    flex-wrap:nowrap;
    padding:0 1rem
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more {
    padding:0
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a {
    background-color:var(--color-quaternary);
    border:4px solid var(--color-quaternary);
    border-radius:0 0 15px 15px;
    color:var(--black);
    font-family:"IBMPlexSans-Bold";
    font-size:17px;
    padding:10px 15px 7px;
    text-align:center;
    width:100%
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:hover,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:focus {
    background-color:var(--white);
    text-decoration:none
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance {
    display:none
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions {
    font-family:"Poppins-Medium",sans-serif;
    font-size:14px;
    padding:10px 15px;
    white-space:nowrap
}
.map-wrapper #mapboxLegend {
    border:none;
    border-radius:1rem;
    -moz-column-gap:1.5rem;
    column-gap:1.5rem;
    display:flex;
    justify-content:space-between;
    padding:1rem;
    flex-wrap:wrap
}
@media(max-width: 1200px) {
    .map-wrapper #mapboxLegend {
    padding:0
}
}
.map-wrapper #mapboxLegend span {
    height:40px;
    display:flex;
    align-items:center
}
#locationSearchResults {
    background:var(--white);
    border-radius:15px;
    margin:0 auto;
    position:relative;
    width:100%;
    z-index:4
}
@media print {
    #locationSearchResults {
    margin:0 auto
}
}
@media(max-width: 767px) {
    #locationSearchResults {
    border-radius:2rem;
    box-shadow:0 0 1px rgba(0,0,0,.4);
    padding:0;
    margin-top:2rem
}
}
@media(min-width: 992px) {
    #locationSearchResults {
    width:960px;
    max-width:100%
}
}
@media(max-width: 767px) {
    #locationSearchResults #resultsHeader {
    padding:1rem 1rem 2rem
}
}
#locationSearchResults .search-results-wrapper {
    padding:0 70px
}
@media(max-width: 767px) {
    #locationSearchResults .search-results-wrapper {
    padding:0 15px
}
}
#locationSearchResults .search-results-wrapper .search-result-item {
    border-bottom:1px solid rgba(0,0,0,.1);
    padding:20px 0 0
}
@media(max-width: 767px) {
    #locationSearchResults .search-results-wrapper .search-result-item {
    padding:15px 15px 0
}
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-labels,#locationSearchResults .search-results-wrapper .search-result-item .search-result-address {
    font-family:"Roboto-Regular",sans-serif;
    margin-bottom:10px
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-tags .tag {
    color:var(--white);
    border-radius:17px;
    display:inline-block;
    font-family:"Roboto-Regular",sans-serif;
    padding:3px 12px 4px 12px;
    margin:4px 0 12px 0;
    font-size:14px
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left {
    display:flex;
    font-family:var(--font-body);
    font-size:16px;
    justify-content:space-between;
    margin-top:1.5rem
}
@media(max-width: 575px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left {
    flex-wrap:wrap;
    margin-top:30px;
    row-gap:15px
}
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td {
    flex:1 1 100%;
    max-width:100%
}
@media(max-width: 575px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td.flex-50 {
    flex:1 1 100%;
    max-width:100%
}
}
@media(max-width: 575px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td.flex-50:nth-child(2n) {
    text-align:left
}
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td.location .location-distance {
    color:var(--black)
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td i {
    margin-right:5px;
    position:relative;
    top:4px
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a {
    font-weight:500
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right {
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
@media(min-width: 768px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right {
    justify-content:space-around
}
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
    margin:15px auto;
    max-width:150px
}
@media(max-width: 767px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
    display:none
}
}

.map-buttons-wrapper {
    position:relative;
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
@media(min-width: 992px) {
    .map-buttons-wrapper {
    margin:0 auto;
    max-width:100%;
    width:960px
}
}
@media(max-width: 767px) {
    .map-buttons-wrapper {
    padding:0 15px
}
}
.map-buttons-wrapper .load-more-btn-wrapper,.map-buttons-wrapper .additional-buttons {
    padding:0 55px
}
@media(max-width: 767px) {
    .map-buttons-wrapper .load-more-btn-wrapper,.map-buttons-wrapper .additional-buttons {
    padding:0 15px
}
}
.map-buttons-wrapper .load-more-btn-wrapper .border-bottom {
    border-bottom:1px solid rgba(0,0,0,.1) !important;
    width:100%
}
.map-buttons-wrapper .load-more-btn-wrapper .border-bottom #locationSearchLoadMoreBtn {
    display:block;
    font-family:"IBMPlexSans-Bold";
    line-height:1;
    margin:42px auto 70px;
    min-height:unset;
    padding:6px 25px 5px
}
.map-buttons-wrapper .additional-buttons {
    margin-top:42px
}
@media(max-width: 575px) {
    .map-buttons-wrapper .additional-buttons {
    flex-wrap:nowrap;
    justify-content:space-between
}
}

@media(max-width: 450px) {
    
}
@media(min-width: 576px) {
    
}
.icon-browser::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-browser.svg")
}
.icon-phone::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-phone.svg")
}
.icon-map-marker::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-map-marker.svg")
}
.icon-map-marker-black::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-map-marker-black.svg")
}
.icon-map::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-map.svg")
}
.icon-directions::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-directions.svg")
}
.icon-print {
    display:none
}
@media print {
    .no-print,.no-print * {
    display:none !important
}
}
.rounded {
    border-radius:20px !important
}
.rounded-top-left {
    border-top-left-radius:20px !important
}
.rounded-top-right {
    border-top-right-radius:20px !important
}
.rounded-bottom-left {
    border-bottom-left-radius:20px !important
}
.rounded-bottom-right {
    border-bottom-right-radius:20px !important
}
.purple-outline {
    border:1px solid var(--color-secondary);
    border-radius:20px;
    padding:30px 30px 15px;
    margin:15px 0
}
.purple-outline-light {
    border:1px solid var(--color-primary);
    border-radius:20px;
    padding:30px 30px 15px;
    margin:15px 0
}
.blue-outline {
    border:1px solid var(--color-denary);
    border-radius:20px;
    padding:30px 30px 15px;
    margin:15px 0
}
@media only screen and (max-width: 991px) {
    .column-reverse-mobile .row {
    flex-direction:column-reverse
}
}
@media(max-width: 767px) {
    .mobile-full-width {
    width:100% !important;
    text-align:center !important
}
}
.background-image-cover {
    background-size:cover !important
}
.background-image-top,.background-image-center,.background-image-bottom {
    background-repeat:no-repeat
}
.background-image-top {
    background-position-y:top
}
.background-image-center {
    background-position-y:center
}
.background-image-bottom {
    background-position-y:bottom
}
.background-image-left {
    background-position-x:left
}
.background-image-middle {
    background-position-x:center
}
.background-image-right {
    background-position-x:right
}
.background-image-10 {
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:10%
}
.background-image-20 {
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:20%
}
.background-image-30 {
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:30%
}
.background-image-40 {
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:40%
}
.background-image-50 {
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:50%
}
.background-image-60 {
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:60%
}
.background-image-70 {
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:70%
}
.background-image-80 {
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:80%
}
.background-image-90 {
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:90%
}
.background-image-100 {
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:100%
}
.top-offset-50 {
    top:50px;
    position:absolute
}
.top-offset-100 {
    top:100px;
    position:absolute
}
.top-offset-150 {
    top:150px;
    position:absolute
}
.top-offset-200 {
    top:200px;
    position:absolute
}
.top-offset-250 {
    top:250px;
    position:absolute
}
.top-offset-300 {
    top:300px;
    position:absolute
}
.top-offset-350 {
    top:350px;
    position:absolute
}
.top-offset-400 {
    top:400px;
    position:absolute
}
.top-offset-450 {
    top:450px;
    position:absolute
}
.top-offset-500 {
    top:500px;
    position:absolute
}
@media only screen and (max-width: 992px) {
    .top-offset-mobile-50 {
    top:50px;
    position:absolute
}
}
@media only screen and (max-width: 992px) {
    .top-offset-mobile-100 {
    top:100px;
    position:absolute
}
}
@media only screen and (max-width: 992px) {
    .top-offset-mobile-150 {
    top:150px;
    position:absolute
}
}
@media only screen and (max-width: 992px) {
    .top-offset-mobile-200 {
    top:200px;
    position:absolute
}
}
@media only screen and (max-width: 992px) {
    .top-offset-mobile-250 {
    top:250px;
    position:absolute
}
}
@media only screen and (max-width: 992px) {
    .top-offset-mobile-300 {
    top:300px;
    position:absolute
}
}
@media only screen and (max-width: 992px) {
    .top-offset-mobile-350 {
    top:350px;
    position:absolute
}
}
@media only screen and (max-width: 992px) {
    .top-offset-mobile-400 {
    top:400px;
    position:absolute
}
}
@media only screen and (max-width: 992px) {
    .top-offset-mobile-450 {
    top:450px;
    position:absolute
}
}
@media only screen and (max-width: 992px) {
    .top-offset-mobile-500 {
    top:500px;
    position:absolute
}
}
@media only screen and (max-width: 992px) {
    .bg-hidden-mobile {
    background-image:none !important
}
}

.gray-lines {
    position:relative
}
.gray-lines:before {
    position:absolute;
    content:"";
    background:var(--color-quinary);
    width:3px;
    height:90px;
    top:10px
}
.gray-lines:before {
    left:0
}
.fa-angle-down:before {
    content:""
}
.banner-icon:before {
    content:"See All";
    color:var(--black);
    font-family:SofiaProSoft-Regular;
    font-size:12px;
    line-height:14px;
    font-weight:700
}
.banner-icon:after {
    content:"";
    width:38px;
    height:5px;
    border-radius:30px;
    background:var(--color-quaternary);
    position:absolute;
    bottom:-5px;
    left:0;
    border:1px solid var(--color-quaternary)
}
.banner-icon:hover:after {
    cursor:pointer;
    background:var(--white);
    border:1px solid var(--color-primary)
}
.banner-icon:active:after {
    border:1px solid var(--color-tertiary);
    background:var(--color-tertiary)
}
.content-list.beta-thal-list {
    display:inline-flex
}
.content-list.beta-thal-list li {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    position:relative
}
.content-list.beta-thal-list li:before {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/blue-arrow.svg);
    background-size:100%;
    width:31px;
    height:8px;
    background-repeat:no-repeat;
    position:absolute;
    left:-15px;
    top:70px
}
.content-list.beta-thal-list li:first-child:before {
    display:none
}
.content-list.beta-thal-list li .content-list-item-image {
    margin-bottom:15px;
    display:flex;
    align-items:center;
    height:120px
}
.content-list.beta-thal-list li .content-list-item-image img {
    max-height:120px
}
.content-list.beta-thal-list li .content-list-item-body {
    text-align:center
}
.content-list.beta-thal-list li.icon-dna {
    max-width:150px
}
.content-list.beta-thal-list li.icon-dna img {
    max-width:105px
}
@media(max-width: 1199px)and (min-width: 768px) {
    .content-list.beta-thal-list li.icon-dna img {
    max-width:74px
}
}
.content-list.beta-thal-list li.icon-globin {
    max-width:265px
}
@media(min-width: 768px) {
    .content-list.beta-thal-list li.icon-globin {
    min-width:200px
}
}
.content-list.beta-thal-list li.icon-globin img {
    max-width:194px
}
@media(max-width: 1199px)and (min-width: 768px) {
    .content-list.beta-thal-list li.icon-globin img {
    max-width:137px
}
}
.content-list.beta-thal-list li.icon-hba {
    max-width:295px
}
@media(min-width: 768px) {
    .content-list.beta-thal-list li.icon-hba {
    min-width:200px
}
}
.content-list.beta-thal-list li.icon-hba img {
    max-width:197px
}
@media(max-width: 1199px)and (min-width: 768px) {
    .content-list.beta-thal-list li.icon-hba img {
    max-width:139px
}
}
.content-list.beta-thal-list li.icon-rbcs {
    max-width:205px
}
@media(min-width: 768px) {
    .content-list.beta-thal-list li.icon-rbcs {
    min-width:140px
}
}
.content-list.beta-thal-list li.icon-rbcs img {
    max-width:116px
}
@media(max-width: 1199px)and (min-width: 768px) {
    .content-list.beta-thal-list li.icon-rbcs img {
    max-width:82px
}
}
.content-list.beta-thal-list li.icon-body {
    max-width:190px
}
@media(min-width: 768px) {
    .content-list.beta-thal-list li.icon-body {
    min-width:125px
}
}
.content-list.beta-thal-list li.icon-body img {
    max-width:64px
}
@media(max-width: 1199px)and (min-width: 768px) {
    .content-list.beta-thal-list li.icon-body img {
    max-width:45px
}
}
@media(max-width: 767px) {
    .content-list.beta-thal-list {
    flex-wrap:wrap
}
.content-list.beta-thal-list li {
    max-width:unset;
    min-width:100%;
    margin-bottom:40px
}
.content-list.beta-thal-list li:before {
    left:calc(50% - 15px);
    top:-20px;
    transform:rotate(90deg)
}
}
.map-wrapper .qtc-find {
    background-color:var(--color-senary);
    margin:1rem 0 2rem 0;
    border-radius:1.5rem
}
.map-wrapper #search-bar {
    background-color:var(--color-senary);
    border-radius:1.5rem;
    padding:1rem 0 0 1rem;
    width:100%;
    flex-wrap:wrap;
    justify-content:center;
    display:flex
}
@media(max-width: 1200px) {
    .map-wrapper #search-bar {
    width:100%
}
}
.map-wrapper #search-bar .search-bar-row {
    display:flex;
    flex-direction:row
}
.map-wrapper #search-bar .search-bar-row .select-wrapper {
    color:var(--white);
    font-family:"Roboto-Medium",sans-serif;
    min-width:unset;
    position:relative
}
.map-wrapper #search-bar .search-bar-row .select-wrapper:first-of-type .select-styled {
    border-left:1px solid var(--color-primary)
}
@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper:last-of-type .select-styled {
    border-left:1px solid var(--color-primary)
}
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled::after {
    border-color:var(--black) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:active:after,.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled.active:after {
    top:14px;
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--black) rgba(0,0,0,0)
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:hover {
    color:rgb(133.625,67.7669642857,146.0330357143)
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    color:var(--black);
    font-family:SofiaProSoft-Regular,sans-serif;
    font-size:16px;
    background:var(--white);
    border-radius:20px 0 0 20px;
    line-height:20px;
    height:40px
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::placeholder {
    color:hsla(0,0%,100%,.35)
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::-ms-input-placeholder {
    color:hsla(0,0%,100%,.35)
}
.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::-ms-input-placeholder {
    color:hsla(0,0%,100%,.35)
}
.map-wrapper #search-bar .search-bar-row .search-location-btn {
    background:var(--color-quaternary);
    color:var(--black);
    font-family:"SofiaProSoft-Medium",sans-serif;
    font-weight:500;
    border-radius:0 20px 20px 0;
    font-size:14px;
    line-height:16px !important;
    letter-spacing:normal;
    text-align:center;
    border:1px solid var(--color-quaternary);
    padding-left:2rem;
    padding-right:2rem;
    min-height:fit-content !important;
    position:relative;
    text-align:center;
    height:40px;
    display:flex;
    justify-content:center
}
@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .search-location-btn {
    border-top:1px solid var(--color-primary);
    border-bottom:1px solid var(--color-primary);
    border-left:1px solid var(--color-primary);
    border-right:1px solid var(--color-primary);
    border-radius:20px !important
}
}
.map-wrapper #search-bar .search-bar-row .search-location-btn:disabled {
    background:var(--color-denary);
    border:1px solid var(--color-senary)
}
.map-wrapper #search-bar .checkboxes {
    display:none
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox] {
    border:1px solid var(--black)
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox]:checked:before {
    border-bottom:2px solid var(--black);
    border-right:2px solid var(--black)
}
.map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
    color:var(--black);
    font-family:"SofiaProSoft-Medium",sans-serif
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content a i::before {
    background-color:var(--color-hover-teal)
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content a:hover i::before {
    background-color:var(--color-primary)
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content i.location-icon {
    margin-right:5px;
    position:relative;
    top:2px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .title {
    color:var(--color-secondary);
    font-family:"IBMPlexSans-Bold";
    font-size:20px;
    line-height:20px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .address {
    color:var(--color-quaternary);
    font-family:"Roboto-Regular",sans-serif;
    font-size:16px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .tag-item {
    display:none
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a {
    background-color:var(--color-quaternary);
    border:4px solid var(--color-quaternary);
    color:var(--black);
    font-family:"IBMPlexSans-Bold";
    font-size:17px
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:hover,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:focus {
    background-color:var(--white)
}
.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions {
    font-family:"Poppins-Medium",sans-serif;
    font-size:14px
}
#locationSearchResults #resultsHeader #tagLegend span span {
    border-radius:17px;
    color:var(--white) !important;
    display:inline-block;
    padding:3px 12px 4px 12px;
    margin:4px 0 0 0;
    font-size:14px;
    background-color:var(--color-secondary) !important
}
#locationSearchResults .search-results-wrapper {
    padding:0 15px
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-name {
    color:var(--black) !important
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-labels,#locationSearchResults .search-results-wrapper .search-result-item .search-result-address {
    font-family:"IBMPlexSans-Regular",sans-serif
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left {
    font-family:"IBMPlexSans-Regular",sans-serif;
    font-size:14px;
    margin-top:1rem
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td.location .location-distance {
    color:var(--black)
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a i {
    margin-right:5px;
    position:relative
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a i::before {
    background-color:transparent
}
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a:hover i::before {
    background-color:transparent
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
    display:block;
    margin:15px auto;
    max-width:150px
}
@media(max-width: 767px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
    display:none
}
}

.map-buttons-wrapper {
    height:auto
}
.map-buttons-wrapper .load-more-btn-wrapper .border-bottom {
    border-bottom:1px solid rgba(0,0,0,.1) !important
}
.map-buttons-wrapper .load-more-btn-wrapper .border-bottom #locationSearchLoadMoreBtn {
    display:block;
    font-family:"IBMPlexSans-Bold";
    line-height:1;
    margin:42px auto 70px;
    min-height:unset;
    padding:6px 25px 5px
}
@media(max-width: 575px) {
    
}
.icon-browser::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/mbs-icon-website.svg");
    -webkit-mask:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/mbs-icon-website.svg") no-repeat center;
    mask:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/mbs-icon-website.svg") no-repeat center
}
.icon-phone::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/mbs-icon-phone-blue.svg");
    -webkit-mask:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/mbs-icon-phone-blue.svg") no-repeat center;
    mask:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/mbs-icon-phone-blue.svg") no-repeat center
}
.icon-map-marker::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-map-marker.svg")
}
.icon-map-marker-black::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-map-marker-black.svg")
}
.icon-map::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/mbs-icon-map.svg");
    -webkit-mask:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/mbs-icon-map.svg") no-repeat center;
    mask:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/mbs-icon-map.svg") no-repeat center
}
.icon-directions::before {
    content:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-directions.svg");
    -webkit-mask:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-directions.svg") no-repeat center;
    mask:url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-directions.svg") no-repeat center
}
@media print {
    .no-print,.no-print * {
    display:none !important
}
}
.purple-arrow {
    position:relative
}
.purple-arrow:after {
    content:"";
    position:absolute;
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/down-arrow-purple.png);
    background-size:100%;
    width:41px;
    height:171px;
    background-repeat:no-repeat;
    left:75%;
    top:0
}
@media(max-width: 900px) {
    .purple-arrow:after {
    left:85%
}
}
@media(max-width: 767px) {
    .purple-arrow:after {
    left:80%
}
}
@media(max-width: 425px) {
    .purple-arrow:after {
    left:unset;
    right:0
}
}

/* ── Vector dividers (teal arrows between cards in .vector-list) — byte-for-byte from live lyfgenia DTC ── */
.vector-list .content-list {
    display:flex;
    column-gap:2.5rem
}
@media (min-width:768px) and (max-width:991px) {
    .vector-list .content-list {
        column-gap:1.5rem
    }
}
@media (max-width:767px) {
    .vector-list .content-list {
        flex-direction:column;
        align-items:center;
        row-gap:0
    }
}
.vector-list .content-list li {
    position:relative
}
@media (max-width:767px) {
    .vector-list .content-list li {
        max-width:450px;
        display:block;
        padding-left:0;
        padding-right:0;
        align-items:center;
        margin-bottom:1.5rem
    }
    .vector-list .content-list li.icon-hba img {
        padding-left:30px
    }
    .vector-list .content-list li.icon-rbcs img {
        padding-right:30px !important
    }
}
.vector-list .content-list li:not(:last-child)::after {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_right-arrow-teal.svg);
    background-repeat:no-repeat;
    display:inline-block;
    position:absolute;
    width:24px;
    height:13px;
    right:-25px;
    bottom:calc(40% - 15px)
}
@media (max-width:767px) {
    .vector-list .content-list li:not(:last-child)::after {
        background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_down-arrow-teal.svg);
        left:calc(50% - 12px);
        width:12px;
        height:47px;
        top:unset;
        bottom:-30px
    }
}
.vector-list .content-list li .content-list-item-image {
    display:flex;
    justify-content:center;
    align-items:center;
    height:160px
}
@media (max-width:767px) {
    .vector-list .content-list li .content-list-item-image {
        height:unset;
        margin-bottom:10px
    }
    .vector-list .content-list li .content-list-item-image img {
        min-width:100px;
        padding-right:1rem
    }
}
.vector-list .content-list li .content-list-content {
    color:rgba(0,0,0,.8);
    line-height:20px
}

.table-left {
    padding-left:30px;
    padding-right:10px;
    padding-top:10px
}
@media(max-width: 850px) {
    .table-left {
    padding-left:25px
}
}
@media(max-width: 767px) {
    .table-left {
    padding-left:15px
}
}
.table-right {
    padding-left:50px;
    padding-right:15px;
    padding-top:10px;
    width:40%
}
@media(max-width: 1199px) {
    .table-right {
    padding-left:15px
}
}
@media(max-width: 991px) {
    .table-right {
    font-size:40px !important;
    padding-left:25px
}
}
@media(max-width: 850px) {
    .table-right {
    padding-left:15px
}
}
@media(max-width: 767px) {
    .table-right {
    padding-left:35px
}
}
@media(max-width: 500px) {
    .table-right {
    padding-left:15px
}
}
@media(max-width: 400px) {
    .table-right {
    padding-left:15px;
    font-size:35px !important
}
}
.genotype-row {
    height:208.5px
}
@media(max-width: 990px) {
    .genotype-row {
    height:182.5px
}
}
@media(max-width: 767px) {
    .genotype-row {
    height:auto
}
}
@media(max-width: 767px) {
    .rounded-top-right-mobile {
    border-top-right-radius:20px !important
}
.rounded-bottom-right-mobile {
    border-bottom-right-radius:20px !important
}
.rounded-top-left-mobile {
    border-top-left-radius:20px !important
}
.rounded-bottom-left-mobile {
    border-bottom-left-radius:20px !important
}
}
.explore-next-buttons {
    display:flex;
    flex-wrap:wrap
}
.explore-next-buttons a {
    margin-right:10px;
    margin-bottom:10px
}
@media(max-width: 1200px) {
    .explore-next-buttons {
    max-width:330px
}
.explore-next-buttons a:nth-child(3n) {
    margin-right:0
}
}
@media(max-width: 767px) {
    .explore-next-buttons {
    margin:0 auto;
    text-align:center;
    justify-content:space-between
}
}
@media(max-width: 350px) {
    .explore-next-buttons a {
    margin-right:5px
}
}
@media(max-width: 340px) {
    .explore-next-buttons {
    justify-content:center
}
.explore-next-buttons a {
    margin-right:10px
}
.explore-next-buttons a:nth-child(3) {
    margin-right:10px
}
.explore-next-buttons a:nth-child(2n) {
    margin-right:0
}
}
@media(min-width: 768px)and (max-width: 991px) {
    .explore-next-buttons.homepage a:nth-child(3) {
    margin-right:10px
}
}
.explore-next {
    width:100%;
    max-width:320px;
    justify-content:flex-start
}
.explore-next:before {
    height:46px;
    width:46px;
    margin-left:.5rem
}
@media(max-width: 767px) {
    .explore-next {
    max-width:unset
}
}
form label {
    cursor:pointer;
    display:flex
}
form label div {
    padding-top:0 !important
}
form .checkbox-container label {
    display:block;
    grid-template-columns:32px auto
}
form input[type=radio],form input[type=checkbox] {
    -webkit-appearance:none;
    appearance:none;
    border:1px solid var(--color-quaternary);
    cursor:pointer;
    display:inline-grid;
    height:20px;
    padding:0;
    place-content:center;
    width:20px
}
form input[type=radio]::before,form input[type=checkbox]::before {
    box-shadow:inset 1em 1em var(--color-primary);
    content:"";
    height:16px;
    transform:scale(0);
    transition:120ms transform ease-in-out;
    width:16px
}
form input[type=radio]:checked::before,form input[type=checkbox]:checked::before {
    transform:scale(1)
}
form input[type=checkbox]:checked::before {
    box-shadow: inset 1em 1em var(--color-primary);
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border: 0 !important;
    border-radius: 0;
    position: static;
    width: 16px;
    height: 16px;
    transform: scale(1);
    -webkit-transform: scale(1);
}
form input[type=checkbox]:checked::after {
    content: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border: 0 !important;
}
/* HubSpot form — labels */
.hs-form-private .hs-form-field > label,
.hs-form .hs-form-field > label,
.hs-form .hs-form-field label.hs-label {
    font-family: 'SofiaProSoft-Medium', sans-serif;
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
    color: var(--black);
}

/* HubSpot form — required asterisk */
.hs-form-private .hs-form-required,
.hs-form .hs-form-required {
    display: none;
}

/* HubSpot form — text/email inputs */
.hs-form-private .hs-input,
.hs-form .hs-input[type="text"],
.hs-form .hs-input[type="email"],
.hs-form .hs-input {
    width: 75% !important;
    border-radius: 20px;
    border: 1px solid var(--black);
    padding: 6px 15px;
    margin-bottom: 10px;
    font-family: 'SofiaProSoft-Regular', sans-serif;
    font-size: 16px;
    height: 40px;
    box-sizing: border-box;
    background-color: var(--white);
}

@media (max-width: 767px) {
    .hs-form .hs-input[type="text"],
    .hs-form .hs-input[type="email"] {
        width: 100% !important;
    }
}

.hs-form .hs-input[type="text"]:hover,
.hs-form .hs-input[type="email"]:hover {
    border: 2px solid var(--color-primary);
}

.hs-form .hs-input[type="text"]:focus,
.hs-form .hs-input[type="email"]:focus {
    border: 2px solid var(--color-primary);
    outline: none;
}

.hs-form-private .hs-form-checkbox label,
.hs-form-private .hs-form-booleancheckbox label,
.hs-form .hs-form-checkbox label,
.hs-form .hs-form-booleancheckbox label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'SofiaProSoft-Regular', sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    cursor: pointer;
}
.hs-form-private .hs-form-checkbox input[type="checkbox"],
.hs-form-private .hs-form-booleancheckbox input[type="checkbox"],
.hs-form .hs-form-checkbox input[type="checkbox"],
.hs-form .hs-form-booleancheckbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 1px solid var(--color-quaternary);
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    margin: 0;
}
.hs-form .hs-form-checkbox input[type="checkbox"]:checked,
.hs-form .hs-form-booleancheckbox input[type="checkbox"]:checked {
    border-color: var(--color-primary);
}
.hs-form .hs-form-checkbox input[type="checkbox"]:checked::before,
.hs-form .hs-form-booleancheckbox input[type="checkbox"]:checked::before {
    content: "";
    box-shadow: inset 1em 1em var(--color-primary);
    background: none !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border: 0 !important;
    border-radius: 0;
    position: static;
    width: 16px;
    height: 16px;
    transform: scale(1);
}
.hs-form-private .hs-form-checkbox input[type="checkbox"]:checked::after,
.hs-form-private .hs-form-booleancheckbox input[type="checkbox"]:checked::after,
.hs-form .hs-form-checkbox input[type="checkbox"]:checked::after,
.hs-form .hs-form-booleancheckbox input[type="checkbox"]:checked::after {
    content: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border: 0 !important;
}

/* HubSpot form — submit button (yellow pill, HCP brand) */
.hs-form-private .hs-submit .hs-button,
.hs-form-private .hs-submit input[type="submit"],
.hs-form .hs-submit .hs-button,
.hs-form .hs-submit input[type="submit"] {
    font-family: 'SofiaProSoft-Medium', sans-serif;
    font-size: 16px;
    font-weight: 500;
    background-color: var(--color-quaternary) !important;
    color: var(--black) !important;
    border: 2px solid var(--color-quaternary) !important;
    border-radius: 20px;
    padding: 10px 40px;
    cursor: pointer;
    min-width: 195px;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none;
}

.hs-form .hs-submit .hs-button:hover,
.hs-form .hs-submit input[type="submit"]:hover {
    background-color: var(--white) !important;
    color: var(--black) !important;
    border: 2px solid var(--color-primary) !important;
}

.hs-form .hs-submit .hs-button:active,
.hs-form .hs-submit input[type="submit"]:active,
.hs-form .hs-submit .hs-button:focus,
.hs-form .hs-submit input[type="submit"]:focus {
    background-color: var(--color-tertiary) !important;
    color: var(--black) !important;
    border: 2px solid var(--color-quaternary) !important;
    box-shadow: none;
    outline: none;
}

@media (max-width: 767px) {
    .hs-form .hs-submit .hs-button,
    .hs-form .hs-submit input[type="submit"] {
        width: 100%;
    }
}

/* HubSpot form — error messages */
.hs-form .hs-error-msgs {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
}

.hs-form .hs-error-msgs li label {
    color: var(--form-error);
    font-size: 14px;
}
form input[type=radio] {
    border-radius:50%;
    margin-right:10px
}
form input[type=radio]::before {
    border-radius:50%
}
form input[type=checkbox] {
    border-radius:2px;
    margin-right:10px
}
form input[type=text] {
    height:40px;
    padding:10px 15px;
    border:1px solid var(--grey-900)
}
form input[type=text].input-validation-error {
    border:2px solid var(--form-error)
}
form input[type=text]:hover {
    border:2px solid var(--color-primary)
}
form input[type=text]:focus {
    border:2px solid var(--grey-900);
    outline:1px dashed var(--grey-700);
    outline-offset:4px
}
form input[type=text]:active {
    border:2px solid var(--grey-900);
    outline:none !important
}
.input-validation-error {
    border:2px solid var(--form-error)
}
.field-validation-error {
    color:var(--form-error);
    font-size:12px;
    letter-spacing:.4px;
    line-height:16px;
    font-family:"SofiaProSoft-Medium";
    display:block;
    margin-left:18px
}
.validation-summary-errors.global-form-error {
    color:var(--form-error);
    border:2px solid var(--form-error);
    background-color:rgba(185,27,33,.1);
    border-radius:2px;
    display:flex;
    align-items:center;
    max-width:850px;
    border-radius:30px;
    font-family:"SofiaProSoft-Medium";
    height:50px
}
@media only screen and (max-width: 767px) {
    .validation-summary-errors.global-form-error {
    padding-left:65px;
    height:unset
}
}
.validation-summary-errors.global-form-error:before {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/error-icon.png);
    height:36px;
    width:36px;
    background-size:36px 36px;
    margin-right:15px
}
@media only screen and (max-width: 767px) {
    .validation-summary-errors.global-form-error:before {
    position:absolute;
    left:15px
}
}
.required-radio-error-div input[type=radio] {
    border:2px solid var(--form-error)
}
input[type=checkbox].input-validation-error {
    border:2px solid var(--form-error);
    background-color:rgba(170,45,42,.1)
}
input[type=checkbox]:hover {
    border:2px solid var(--color-primary)
}
input[type=checkbox]:focus {
    border:1px solid var(--grey-900);
    outline:1px dashed var(--grey-700);
    outline-offset:4px
}
.patient-story {
    background-size:cover
}
@media only screen and (max-width: 767px) {
    .patient-story {
    flex-direction:column;
    justify-content:space-between;
    background-position:left 70%;
    padding-bottom:5px;
    min-height:300px
}
}
@media only screen and (max-width: 552px) {
    .patient-story {
    min-height:unset
}
}
@media only screen and (max-width: 450px) {
    .patient-story {
    background-position:left 80%
}
}
.border-black {
    border:1px solid var(--black)
}
@media only screen and (max-width: 767px) {
    .mobile-20 {
    max-width:20%;
    min-width:20%
}
.mobile-40 {
    max-width:40%;
    width:40%
}
}
@media only screen and (max-width: 450px) {
    .mobile-40 {
    min-width:40%
}
}
.actor-portrayal {
    margin:-25px auto 0;
    text-align:right;
    padding-right:15px;
    font-size:12px
}
@media only screen and (max-width: 767px) {
    .actor-portrayal {
    font-size:8px;
    margin-top:-20px
}
}
@media only screen and (max-width: 767px) {
    .text-center-mobile {
    text-align:center
}
}
.content-tile .content-tile-text ul li {
    list-style-type:unset
}
.sup-text {
    position:relative
}
.sup-text sup {
    position:absolute;
    left:-6px;
    top:6px
}
.sup-text .symbol {
    position:absolute;
    left:-6px
}


@media only screen and (max-width: 767px) {
    
}
.form-disclaimer {
    margin-left:10px;
    margin-bottom:30px
}
@media only screen and (max-width: 767px) {
    .form-disclaimer {
    margin-left:0
}
}
.form-disclaimer ul {
    margin-left:10px;
    margin-top:10px
}
.form-disclaimer ul ul {
    margin-top:0;
    margin-left:0
}
.form-disclaimer ul li {
    padding-top:10px
}
@media only screen and (max-width: 767px) {
    .form-disclaimer ul {
    margin-left:0
}
}
.purple-line {
    border-top:2px solid var(--color-primary);
    position:relative
}
.purple-line:before {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/purple-line-circle-top.svg);
    background-size:cover;
    background-repeat:no-repeat;
    position:absolute;
    width:7px;
    height:29px;
    right:50%;
    top:-29px
}
@media only screen and (min-width: 768px) {
    _::-webkit-full-page-media,_:future,:root .safari_desktop {
    margin-top:-30px
}
}
.half-container {
    max-width:530px
}
@media only screen and (max-width: 1199px) {
    .half-container {
    max-width:440px
}
}
@media only screen and (max-width: 991px) {
    .half-container {
    max-width:45vw
}
}
.half-container.left {
    float:right
}
.half-container.right {
    float:left
}
.gray-drop {
    text-shadow:0 2px 4px rgba(0,0,0,.5)
}
.mapboxgl-popup-content .custom-row .col-6 {
    padding:10px 15px
}
.mapboxgl-popup-content .custom-row .col-6 .visit-website {
    padding-top:0 !important;
    padding-left:0 !important
}
.mapboxgl-popup-content .custom-row .phone a {
    display:flex;
    align-items:center
}
.search-results-wrapper .search-result-item-left .result-td :nth-child(1) {
    margin-bottom:0
}
.search-results-wrapper .search-result-item-left .result-td.phone a {
    display:flex;
    align-items:center;
    height:16px;
    margin-top:5px
}
.underline-shadow {
    filter:drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16))
}
.bg-twelve {
    background-color:var(--color-quinary) !important
}
.text-denary {
    color:var(--color-denary) !important
}
@media only screen and (min-width: 768px) {
    .content-tile.red-border-tile {
    min-height:280px;
    margin-top:-75px
}
}
@media only screen and (min-width: 885px) {
    .content-tile.red-border-tile {
    min-height:260px
}
}
@media only screen and (min-width: 1200px) {
    .content-tile.red-border-tile {
    min-height:240px
}
}
@media only screen and (max-width: 880px) {
    .content-tile.red-border-tile {
    padding-left:20px
}
}
@media only screen and (max-width: 767px) {
    .content-tile.red-border-tile {
    padding:0 10px 10px;
    filter:none
}
}
.content-tile.red-border-tile .content-tile-img {
    width:60px;
    height:60px;
    margin-right:20px;
    margin-top:20px
}
.content-tile.red-border-tile .content-tile-content .content-tile-title {
    font-family:SofiaProSoft-Bold,sans-serif !important;
    font-size:20px;
    max-width:380px;
    padding-top:1.8rem
}
@media only screen and (max-width: 767px) {
    .content-tile.red-border-tile .content-tile-content .content-tile-title {
    max-width:unset
}
}
.content-tile.red-border-tile .content-tile-content .content-tile-text {
    max-width:315px
}
@media only screen and (max-width: 767px) {
    .content-tile.red-border-tile .content-tile-content .content-tile-text {
    max-width:unset
}
}
@media only screen and (min-width: 768px) {
    .content-tile.red-border-tile .content-tile-content {
    min-width:80%
}
}





@media only screen and (max-width: 1199px) {
    


}
@media only screen and (max-width: 991px) {
    


}
@media only screen and (max-width: 400px) {
    


}
@media only screen and (max-width: 365px) {
    

}
@media only screen and (max-width: 340px) {
    
}
@media only screen and (max-width: 330px) {
    
}





@media only screen and (max-width: 767px) {
    

}



.connect-icon {
    width:82px;
    height:auto
}
@media only screen and (max-width: 1199px) {
    .connect-icon {
    width:100%
}
}
@media only screen and (max-width: 991px) {
    .connect-icon {
    width:61px
}
}
@media only screen and (max-width: 340px) {
    .connect-icon {
    width:100%
}
}





.question-link #accordion-closed-label,.question-link #accordion-opened-label {
    padding-right:0px
}
.question-link #accordion-closed-label {
    display:none
}
.question-link #accordion-opened-label {
    display:inline-block
}
.question-link.collapsed #accordion-closed-label {
    display:inline-block
}
.question-link.collapsed #accordion-opened-label {
    display:none
}
.map-wrapper .search-bar-row .validation-container {
    position:absolute;
    top:5px;
    left:4rem
}
@media(max-width: 767px) {
    .map-wrapper .search-bar-row .validation-container {
    left:0 !important;
    width:100%;
    text-align:center
}
}
a.anchor-text-link,.anchor-text-link {
    color:var(--color-senary);
    font-family:"SofiaProSoft-Medium",sans-serif;
    font-size:16px;
    line-height:1.1;
    position:relative;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    max-width:235px
}
a.anchor-text-link::after,.anchor-text-link::after {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/dotted-arrow-black.svg);
    position:relative;
    background-repeat:no-repeat;
    background-position:center;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:var(--color-quaternary);
    border-radius:50%;
    height:33px;
    width:33px;
    border:1px solid var(--color-quaternary);
    min-width:33px;
    transform:rotate(90deg);
    align-self:flex-start
}
a.anchor-text-link:hover,.anchor-text-link:hover {
    text-decoration:none
}
a.anchor-text-link:hover:after,.anchor-text-link:hover:after {
    border:1px solid var(--color-primary);
    background-color:var(--white)
}
a.anchor-text-link:active,a.anchor-text-link:focus,.anchor-text-link:active,.anchor-text-link:focus {
    text-decoration:none
}
a.anchor-text-link:active:after,a.anchor-text-link:focus:after,.anchor-text-link:active:after,.anchor-text-link:focus:after {
    border:1px solid var(--color-tertiary);
    background-color:var(--color-tertiary)
}
a.anchor-text-link.transfusion-independence:before,a.anchor-text-link.duration:before,a.anchor-text-link.chelation:before,a.anchor-text-link.additional-results:before,.anchor-text-link.transfusion-independence:before,.anchor-text-link.duration:before,.anchor-text-link.chelation:before,.anchor-text-link.additional-results:before {
    background-repeat:no-repeat;
    background-position:left;
    position:absolute;
    left:0
}
@media(max-width: 767px) {
    a.anchor-text-link.transfusion-independence,a.anchor-text-link.duration,a.anchor-text-link.chelation,a.anchor-text-link.additional-results,.anchor-text-link.transfusion-independence,.anchor-text-link.duration,.anchor-text-link.chelation,.anchor-text-link.additional-results {
    margin:0 auto
}
}
a.anchor-text-link.transfusion-independence,.anchor-text-link.transfusion-independence {
    padding-left:58px
}
a.anchor-text-link.transfusion-independence:before,.anchor-text-link.transfusion-independence:before {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/zynteglo-hcp-icon-transfusion-independence.svg);
    height:50px;
    width:48px;
    min-width:58px
}
a.anchor-text-link.duration,.anchor-text-link.duration {
    padding-left:54px
}
a.anchor-text-link.duration:before,.anchor-text-link.duration:before {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/zynteglo-hcp-icon-duration.svg);
    height:44px;
    width:44px;
    min-width:54px
}
a.anchor-text-link.chelation,.anchor-text-link.chelation {
    padding-left:44px
}
a.anchor-text-link.chelation:before,.anchor-text-link.chelation:before {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/zynteglo-hcp-icon-iron-chelation.svg);
    height:40px;
    width:34px;
    min-width:44px
}
a.anchor-text-link.additional-results,.anchor-text-link.additional-results {
    padding-left:44px
}
a.anchor-text-link.additional-results:before,.anchor-text-link.additional-results:before {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/zynteglo-hcp-icon-clinical-results.svg);
    height:45px;
    width:34px;
    min-width:44px
}
a.anchor-text-link.transfusion-independence,.anchor-text-link.transfusion-independence {
    padding-left:58px
}
a.anchor-text-link.transfusion-independence:before,.anchor-text-link.transfusion-independence:before {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/zynteglo-hcp-icon-transfusion-independence.svg);
    height:50px;
    width:48px;
    min-width:58px
}
@media only screen and (min-width: 768px) {
    .purple-divider-top {
    border-top:2px solid var(--color-primary);
    position:relative;
    padding-top:50px
}
.purple-divider-top:before {
    content:"";
    background-color:var(--color-primary);
    width:2px;
    height:27px;
    position:absolute;
    left:50%;
    top:0
}
.purple-divider-top:after {
    content:"";
    background-color:var(--color-primary);
    width:7px;
    height:7px;
    position:absolute;
    left:calc(50% - 2.75px);
    top:27px;
    border-radius:50%
}
}
@media only screen and (max-width: 767px) {
    .purple-divider-top {
    padding-left:1em;
    border-left:2px solid var(--color-primary);
    min-height:100%
}
}
@media only screen and (max-width: 767px) {
    .purple-divider-side {
    display:flex;
    align-items:flex-start;
    margin-bottom:2em
}
}
.patient-profile {
    background-position:left center;
    background-repeat:no-repeat
}
.patient-profile .overlay {
    background:rgba(0,0,0,0) linear-gradient(-258deg, rgba(255, 255, 255, 0) 0%, rgba(248, 246, 250, 0) 40%, var(--grey-light) 55%, var(--color-denary) 75%, var(--color-quinary) 100%) 0% 0% no-repeat padding-box
}
@media only screen and (max-width: 767px) {
    .patient-profile {
    background-position:left 70%
}
}
.dotted-left {
    border-left:2px dotted var(--color-quaternary)
}


@media only screen and (max-width: 340px) {
    
}
.anniversary-banner {
    background-color:var(--color-quaternary);
    color:var(--black);
    text-align:center
}
.anniversary-banner h2 {
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:27px !important;
    font-weight:700 !important;
    line-height:.9
}
.anniversary-banner p {
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:20px !important;
    font-weight:400 !important;
    letter-spacing:-0.38 !important;
    margin-bottom:0
}
.anniversary-banner .button {
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:16px !important;
    line-height:17px;
    display:inline-block;
    color:var(--black);
    font-weight:700 !important;
    background-color:var(--white);
    border-radius:9px;
    border:solid 2px var(--white);
    padding:12px 26px;
    transition:all .3s ease-in-out;
    margin-top:14px
}
.anniversary-banner .button:hover {
    text-decoration:none;
    background-color:var(--color-tertiary);
    border:solid 2px var(--black);
    transition:all .3s ease-in-out
}
.anniversary-banner .button::before,
.anniversary-banner .button::after {
    content:none;
    background-image:none;
    border:none
}
.anniversary-banner .button::after {
    content:none !important
}
.anniversary-banner .button-wrapper {
    display:block;
    gap:0;
    margin-top:0
}

.CookieDeclaration a {
    color:var(--color-hover-teal) !important;
    font-family:SofiaProSoft-Bold,sans-serif;
    font-size:16px !important;
    text-decoration:underline
}
.CookieDeclaration a:hover {
    color:var(--color-hover-mint) !important
}
.CookieDeclaration a:active,.CookieDeclaration a:focus {
    color:var(--color-hover-mint) !important
}
#CybotCookiebotDialogHeader {
    display:none !important
}
li.CybotCookiebotDialogNavItem::marker {
    color:rgba(0,0,0,0) !important
}

/* HubSpot V4 form renderer (hsfc- classes) — HCP brand */
[data-hsfc-id="Renderer"] {
    --hsf-default-field-label__font-family: 'SofiaProSoft-Medium', sans-serif;
    --hsf-default-field-label__font-size: 18px;
    --hsf-default-field-label__color: var(--black);
    --hsf-default-field-input__font-family: 'SofiaProSoft-Regular', sans-serif;
    --hsf-default-field-input__font-size: 16px;
    --hsf-default-field-input__color: var(--black);
    --hsf-default-field-input__background-color: var(--white);
    --hsf-default-field-input__border-color: var(--black);
    --hsf-default-field-input__border-width: 1px;
    --hsf-default-field-input__border-style: solid;
    --hsf-default-field-input__border-radius: 20px;
    --hsf-default-field-input__padding: 10px 15px;
    --hsf-default-field-input__placeholder-color: var(--grey-mid);
    --hsf-default-field-checkbox__background-color: var(--white);
    --hsf-default-field-checkbox__border-color: var(--color-quaternary);
    --hsf-default-field-checkbox__color: var(--color-primary);
    --hsf-default-field-checkbox__padding: 8px;
    --hsf-default-field-radio__background-color: var(--white);
    --hsf-default-field-radio__border-color: var(--color-quaternary);
    --hsf-default-field-radio__color: var(--color-primary);
    --hsf-default-button__font-family: 'SofiaProSoft-Medium', sans-serif;
    --hsf-default-button__font-size: 16px;
    --hsf-default-button__color: var(--black);
    --hsf-default-button__background-color: var(--color-quaternary);
    --hsf-default-button__border-radius: 20px;
    --hsf-default-button__border-width: 2px;
    --hsf-default-button__border-style: solid;
    --hsf-default-button__border-color: var(--color-quaternary);
    --hsf-default-button__padding: 10px 40px;
    --hsf-default-button__font-weight: 500;
    --hsf-default-button--hover__background-color: var(--white);
    --hsf-default-button--hover__color: var(--black);
    --hsf-default-erroralert__color: var(--form-error);
    --hsf-default-erroralert__font-family: 'SofiaProSoft-Regular', sans-serif;
    --hsf-default-background__padding: 0;
    --hsf-default-background__border-style: none;
}

[data-hsfc-id="Renderer"] .hsfc-TextInput {
    width: 100% !important;
    max-width: 720px !important;
    border-radius: 20px !important;
    border: 1px solid var(--color-primary) !important;
    padding: 0 30px !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    background-color: var(--white) !important;
    height: 40px;
    box-sizing: border-box;
}

[data-hsfc-id="Renderer"] .hsfc-TextInput:hover {
    border: 2px solid var(--color-primary) !important;
    box-shadow: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-TextInput:active,
[data-hsfc-id="Renderer"] .hsfc-TextInput:focus,
[data-hsfc-id="Renderer"] .hsfc-TextInput:focus-visible {
    border: 2px solid var(--color-primary) !important;
    outline: none !important;
    box-shadow: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxInput {
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 2px !important;
    border: 1px solid var(--color-primary) !important;
    background-color: var(--white) !important;
    background-image: none !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    display: inline-grid !important;
    place-content: center !important;
    cursor: pointer;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxInput::before {
    content: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxInput:checked {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8.5l3.5 3.5L13 5'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
    transition: background-color 120ms ease, border-color 120ms ease;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxInput:hover {
    background-color: var(--color-hover-mint) !important;
    border-color: var(--color-primary) !important;
    box-shadow: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxInput:checked:hover {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    opacity: 0.85;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxInput:focus-visible {
    border-color: var(--color-primary) !important;
    outline: 1px dashed var(--color-quaternary) !important;
    box-shadow: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-FieldLabel__RequiredIndicator {
    display: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-FieldLabel {
    font-family: var(--font-form-label) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: var(--black) !important;
    margin-bottom: 8px !important;
}

[data-hsfc-id="Renderer"] .hsfc-NavigationRow {
    margin-top: 10px !important;
}

[data-hsfc-id="Renderer"] .hsfc-NavigationRow__Buttons {
    justify-content: flex-start !important;
    margin-bottom: 30px;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxFieldGroup__Options > *:not(:last-child) {
    margin-bottom: 22px !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxFieldGroup__Options label > span,
[data-hsfc-id="Renderer"] .hsfc-CheckboxField label > span {
    font-family: var(--font-form-label) !important;
    font-size: 16px !important;
    color: var(--black) !important;
    line-height: 1.25 !important;
}

/* Multi-checkbox GROUP label only — bold heading style (direct child of CheckboxFieldGroup, NOT item labels inside __Options) */
[data-hsfc-id="Renderer"] .hsfc-CheckboxFieldGroup > .hsfc-FieldLabel {
    font-family: var(--font-heading-bold) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--black) !important;
    margin: -12px 0 8px !important;
    padding: 15px 0 0 !important;
    display: block !important;
}

/* Individual checkbox item labels — flex with gap between input and text, vertically centered */
[data-hsfc-id="Renderer"] .hsfc-CheckboxFieldGroup__Options label,
[data-hsfc-id="Renderer"] .hsfc-CheckboxField label {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 400 !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxFieldGroup__Options label > input,
[data-hsfc-id="Renderer"] .hsfc-CheckboxField label > input {
    margin-top: 0 !important;
    flex-shrink: 0 !important;
}

[data-hsfc-id="Renderer"] .hsfc-Button {
    font-family: var(--font-heading-bold) !important;
    font-size: 16px !important;
    line-height: 18px !important;
    letter-spacing: normal !important;
    background-color: var(--color-hover-mint) !important;
    color: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
    border-radius: 60px !important;
    padding: 19px 48px !important;
    min-width: unset !important;
    font-weight: 700 !important;
    width: auto !important;
}

[data-hsfc-id="Renderer"] .hsfc-Button:not([disabled]):hover {
    background-color: var(--white) !important;
    color: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
    transform: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-Button:not([disabled]):active,
[data-hsfc-id="Renderer"] .hsfc-Button:not([disabled]):focus {
    background-color: var(--color-hover-mint-tint) !important;
    color: var(--color-primary) !important;
    border-color: var(--color-hover-mint-tint) !important;
    transform: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ─── Radio buttons with images (Sign Up "Tell us about yourself" pattern) ───
   Hide native radio, draw a 92×92 image circle via background-image. Different
   SVG for default vs :checked. Per-option targeting by [value]. */

[data-hsfc-id="Renderer"] .hsfc-RadioFieldGroup__Options {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    max-width: 540px !important;
    margin: 0 0 16px 0 !important;
}

/* Override theme.css `form input[type=radio]::before` dot — would paint on top
   of the icon background when checked. Nullify pseudo on radios inside the V4 form. */
[data-hsfc-id="Renderer"] .hsfc-RadioInput::before,
[data-hsfc-id="Renderer"] .hsfc-RadioInput::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
    transform: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-RadioFieldGroup__Options label,
[data-hsfc-id="Renderer"] .hsfc-RadioField label {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 130px !important;
    text-align: center !important;
    font-family: var(--font-form-label) !important;
    font-size: 16px !important;
    line-height: 21px !important;
    color: var(--color-primary) !important;
    cursor: pointer;
}

[data-hsfc-id="Renderer"] .hsfc-RadioInput {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    background-color: var(--white) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border: 2px solid var(--white) !important;
    cursor: pointer;
    margin: 0 !important;
    flex-shrink: 0 !important;
    transition: background-color 120ms ease, border-color 120ms ease;
}

/* Per-option icons — targeted by [value] attribute that HubSpot renders */
[data-hsfc-id="Renderer"] .hsfc-RadioInput[value="living-with"] {
    background-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-SCD-teal.svg");
}
[data-hsfc-id="Renderer"] .hsfc-RadioInput[value="living-with"]:checked {
    background-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-SCD-blue.svg");
}

[data-hsfc-id="Renderer"] .hsfc-RadioInput[value="caregiver"] {
    background-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf-d1-icon-caregiver-teal.svg");
}
[data-hsfc-id="Renderer"] .hsfc-RadioInput[value="caregiver"]:checked {
    background-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf-d1-icon-caregiver-blue.svg");
}

[data-hsfc-id="Renderer"] .hsfc-RadioInput[value="community-based-organization"] {
    background-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_signup-CBO.svg");
}
[data-hsfc-id="Renderer"] .hsfc-RadioInput[value="community-based-organization"]:checked {
    background-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_signup-CBO-active.svg");
}

[data-hsfc-id="Renderer"] .hsfc-RadioInput:hover {
    outline: 5px solid var(--color-nonary) !important;
    outline-offset: -2px;
}

/* Mobile: stack the three radio cards vertically, left-aligned with icon-on-left,
   text-on-right (row variant clips the longest labels like "Community-Based Organization"). */
@media (max-width: 767px) {
    [data-hsfc-id="Renderer"] .hsfc-RadioFieldGroup__Options {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        max-width: none !important;
        gap: 16px !important;
    }
    [data-hsfc-id="Renderer"] .hsfc-RadioFieldGroup__Options label,
    [data-hsfc-id="Renderer"] .hsfc-RadioField label {
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 16px !important;
        min-width: 0 !important;
        width: auto !important;
        text-align: left !important;
    }
}

/* Phone field — hide HubSpot's country flag/caret dropdown so the input reads as
   plain text (matches the live form which has no country selector). */
[data-hsfc-id="Renderer"] .hsfc-PhoneInput__FlagAndCaret,
[data-hsfc-id="Renderer"] .hsfc-DropdownOptions { display: none !important; }

[data-hsfc-id="Renderer"] .hsfc-PhoneInput {
    display: block !important;
    width: 100% !important;
    max-width: 720px !important;
    height: 40px !important;
    border: 1px solid var(--color-primary) !important;
    border-radius: 20px !important;
    background: var(--white) !important;
    padding: 0 30px !important;
    margin: 0 0 8px 0 !important;
    box-sizing: border-box !important;
}

[data-hsfc-id="Renderer"] .hsfc-PhoneInput > input[type="tel"],
[data-hsfc-id="Renderer"] .hsfc-PhoneInput .hsfc-TextInput {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    color: var(--black) !important;
}

/* HubSpot form outer wrapper — top padding so the form sits clear of any hero overflow above. */
.hsfc-FormWrapper {
    padding-top: 76px;
}

/* Form rich-text blocks (legal consent, optional header copy) — constrain to a
   readable column width matching live, force brand font (HubSpot V4 renderer
   defaults to Helvetica via form config; override with the brand body font). */
[data-hsfc-id="Renderer"] .hsfc-RichText,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText {
    max-width: 750px !important;
    font-family: var(--font-body) !important;
}

[data-hsfc-id="Renderer"] .hsfc-RichText *,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText * {
    font-family: inherit !important;
}

/* Body text color inside form rich-text — match live (rgba(0,0,0,0.8)). */
[data-hsfc-id="Renderer"] .hsfc-RichText p,
[data-hsfc-id="Renderer"] .hsfc-RichText li,
[data-hsfc-id="Renderer"] .hsfc-RichText span,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText p,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText li,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText span {
    color: rgba(0, 0, 0, 0.8) !important;
}

[data-hsfc-id="Renderer"] .hsfc-RichText strong,
[data-hsfc-id="Renderer"] .hsfc-RichText b,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText strong,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText b {
    font-family: var(--font-heading-bold) !important;
    font-weight: 700 !important;
}

/* Tight list items — live has no extra gap between bullets; the editor wraps
   each line in <p> with default 16px bottom margin, so zero it within form lists. */
[data-hsfc-id="Renderer"] .hsfc-RichText li > p,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText li > p,
[data-hsfc-id="Renderer"] .hsfc-FieldDescription li > p {
    margin: 0 !important;
}

/* Tighter vertical rhythm between rich-text blocks ("By clicking..." → bullets,
   bullets → "If you have also..."). Live uses 8px between header line and list. */
[data-hsfc-id="Renderer"] .hsfc-RichText p,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText p {
    margin: 0 0 8px !important;
}

[data-hsfc-id="Renderer"] .hsfc-RichText ul,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText ul,
[data-hsfc-id="Renderer"] .hsfc-FieldDescription ul {
    margin: 0 0 8px !important;
}

/* Rich-text bullets inside HubSpot form — standard disc bullets, matching live lyfgenia.com.
   Outer UL has no extra indent — bullets align with title's left edge via padding-inline-start: 1em
   (just enough for the bullet to sit outside the text column without overflowing the parent). */
[data-hsfc-id="Renderer"] .hsfc-RichText ul,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText ul,
[data-hsfc-id="Renderer"] .hsfc-FieldDescription ul {
    display: block !important;
    list-style-type: disc !important;
    margin: 0 !important;
    padding-inline-start: 1em !important;
}
[data-hsfc-id="Renderer"] .hsfc-RichText ul li,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText ul li,
[data-hsfc-id="Renderer"] .hsfc-FieldDescription ul li {
    list-style-type: disc !important;
    display: list-item !important;
    padding-bottom: 0.5rem !important;
    margin: 0 !important;
}
/* Nested ul.dash inside an <li> — plain text with leading dash, NO bullet, NO hanging indent. */
[data-hsfc-id="Renderer"] .hsfc-RichText ul.dash,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText ul.dash,
[data-hsfc-id="Renderer"] .hsfc-FieldDescription ul.dash,
[data-hsfc-id="Renderer"] .hsfc-RichText li > ul,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText li > ul,
[data-hsfc-id="Renderer"] .hsfc-FieldDescription li > ul {
    list-style: none !important;
    list-style-type: none !important;
    padding-inline-start: 0 !important;
}
[data-hsfc-id="Renderer"] .hsfc-RichText ul.dash li,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText ul.dash li,
[data-hsfc-id="Renderer"] .hsfc-FieldDescription ul.dash li,
[data-hsfc-id="Renderer"] .hsfc-RichText li > ul > li,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText li > ul > li,
[data-hsfc-id="Renderer"] .hsfc-FieldDescription li > ul > li {
    list-style: none !important;
    list-style-type: none !important;
    display: block !important;
    padding-bottom: 0.5rem !important;
}
[data-hsfc-id="Renderer"] .hsfc-RichText ul.dash li::before,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText ul.dash li::before,
[data-hsfc-id="Renderer"] .hsfc-FieldDescription ul.dash li::before,
[data-hsfc-id="Renderer"] .hsfc-RichText li > ul > li::before,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText li > ul > li::before,
[data-hsfc-id="Renderer"] .hsfc-FieldDescription li > ul > li::before {
    content: "\2013\00a0";
}
[data-hsfc-id="Renderer"] .hsfc-RichText li > ul > li,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText li > ul > li,
[data-hsfc-id="Renderer"] .hsfc-FieldDescription li > ul > li {
    padding-bottom: 0 !important;
}
/* Nested <ul> inside <li> — editor often adds inline `margin-left: -1rem`
   which pulls the bullet off-screen; compensate with extra padding. */
[data-hsfc-id="Renderer"] .hsfc-RichText ul ul,
[data-hsfc-id="Renderer"] .hsfc-LegalConsentText ul ul,
[data-hsfc-id="Renderer"] .hsfc-FieldDescription ul ul {
    padding-left: 1.5rem !important;
    padding-top: 0.5rem;
}

[data-hsfc-id="Renderer"] .hsfc-Step {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

[data-hsfc-id="Renderer"] .hsfc-Step .hsfc-Step__Content {
    padding: 0 !important;
}

@media (max-width: 767px) {
    [data-hsfc-id="Renderer"] .hsfc-TextInput {
        width: 100% !important;
        text-align: left !important;
    }
    [data-hsfc-id="Renderer"] .hsfc-TextInput::placeholder {
        text-align: left !important;
    }
    [data-hsfc-id="Renderer"] .hsfc-Button {
        width: 100% !important;
    }
}

/* References area — match ISI/footer .container width (1140px with 15px L/R padding). #footer prefix raises specificity to win cleanly without !important. */
#footer .references_area-row-0-max-width-section-centering > .row-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

/* Footer global module */
.footer-inner {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
footer { font-size: 15px }
footer a img { width: 200px; padding: 6px }
.bg-footer { background-color: var(--color-footer) }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .footer-primary-links { font-size: 12px } }
.footer-primary-links .content-list { padding-bottom: 25px }
.footer-primary-links .content-list li { line-height: 1.2; padding: 0px }
.footer-primary-links .content-list li a { color: var(--white) !important; font-family: SofiaProSoft-Regular, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: -0.5px; line-height: 23px; cursor: pointer; opacity: 1 }
@media (max-width: 767px) { .footer-primary-links .content-list li a { font-size: 15px; line-height: 23px } }
.footer-primary-links .content-list li a:hover { opacity: 1; color: var(--color-hover-teal) !important; text-decoration: underline !important }
.footer-primary-links .content-list li a:active, .footer-primary-links .content-list li a:focus { color: var(--white) !important; opacity: 60% }
@media only screen and (min-width: 992px) {
    .footer-primary-links .content-list { display: flex }
    .footer-primary-links .content-list li { display: flex }
    .footer-primary-links .content-list li::after { content: "|"; padding-left: 15px; padding-right: 15px; color: var(--white) }
    .footer-primary-links .content-list li:last-child::after { content: ""; padding: 0px }
}
@media (max-width: 767px) { .text-center-mobile { text-align: center } }
.text-center-mobile::after { margin-left: 0 !important }
@media (min-width: 768px) { .float-right-desktop { float: right !important } }
@media (max-width: 767px) { .w-100-mobile { width: 100% !important } }
.footer-logo { padding: 4px }

/* ===== Ported from live lyfgenia.com app.min.css — missing utility/layout classes ===== */

/* ===== Hero Size Modifiers ===== */
.hero-s {
    background-size: cover;
    background-position-y: bottom;
}
.hero-s .grid-component {
    padding-bottom: 200px;
}
.hero-s .grid-component .actor-portrayal {
    position: relative;
    bottom: -220px;
    left: 5px;
}
.hero-m {
    background-size: cover;
    background-position-x: right;
}
.hero-m .actor-portrayal {
    position: relative;
    top: -20px;
    right: 10px;
}
.hero-xl {
    background-size: cover;
}
@media only screen and (min-width: 1366px) {
    .hero-xl {
        background-position: center;
        background-size: unset;
    }
}
@media only screen and (min-width: 1400px) {
    .hero-xl .actor-portrayal {
        position: relative;
        right: -140px;
    }
}

/* ===== ISI Banner ===== */
.important-information-banner {
    background:#fff;
}

/* ===== ISI Text ===== */
.important-information-banner .banner-content .isi-text {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 22px;
}
.important-information-banner .banner-content.minimized .isi-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.important-information-banner .banner-content .isi-text {
    font-size: 16px;
}
.important-information-banner .banner-content.minimized .isi-text {
    -webkit-line-clamp: 5;
    font-size: 16px;
}
.important-information-banner .banner-content.collapsed .isi-text,.important-information-banner .banner-content.collapsed .indication-text {
    display: none;
}
.important-information-banner .banner-content.minimized .isi-text-heading-m {
    display: none !important;
}
.important-information-banner .banner-content .isi-text-list {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.important-information-banner .banner-content .isi-text-list li,.important-information-banner .banner-content .isi-text-list ul {
    list-style: none;
}
.important-information-banner .banner-content.minimized .isi-text-list {
    display: none;
}
@media only screen and (max-width: 419px) {
    .important-information-banner .banner-content .isi-text-list {
        -webkit-line-clamp: 1;
    }
}
@media only screen and (max-width: 767px) {
    .important-information-banner .banner-content .isi-text {
        -webkit-line-clamp: 4;
        margin-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
    }
    .important-information-banner .banner-content.minimized .isi-text {
        margin-bottom: 5px;
    }
    .important-information-banner .banner-content .isi-text {
        -webkit-line-clamp: 3;
        display: -webkit-box;
    }
    .important-information-banner .banner-content.minimized .isi-text {
        -webkit-line-clamp: 3;
    }
    .important-information-banner .banner-content .isi-text-heading {
        padding-left: 20px;
        padding-right: 40px;
    }
    .important-information-banner .banner-content .isi-text-list {
        -webkit-line-clamp: 2;
    }
}
@media only screen and (max-width: 991px) {
    .important-information-banner .banner-content.minimized .isi-text .text-primary {
        line-height: 17px;
    }
    .important-information-banner .banner-content .isi-text-list {
        -webkit-line-clamp: 1;
    }
}
@media(max-width: 767px) {
    .important-information-banner .banner-content.expanded .isi-text {
        -webkit-line-clamp: unset;
    }
}

/* ===== Lyfgenia Homepage Hero ===== */
.lyf-homepage-hero {
    min-height: 540px;
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    background-size: cover;
}
.lyf-homepage-hero:before {
    content: "";
    background: rgba(0,0,0,0) linear-gradient(90deg, var(--black) 0%, rgba(49, 64, 4, 0.937254902) 82%, rgba(47, 62, 4, 0.4352941176) 94%, rgba(44, 57, 5, 0) 100%) 0% 0% no-repeat padding-box;
    opacity: .66;
    height: 540px;
    width: 45%;
    position: absolute;
    top: 0;
    left: 0;
}
.lyf-homepage-hero .banner-content {
    margin-top: 75px;
    position: relative;
    z-index: 1;
}
.lyf-homepage-hero .banner-content .banner-text-stack {
    position: relative;
    height: 170px;
    width: 100%;
}
.lyf-homepage-hero .banner-content .banner-text-holder {
    position: absolute;
    inset: 0;
    height: 170px;
    width: 100%;
}
.lyf-homepage-hero .banner-content .banner-text-holder .banner-text {
    height: 170px;
    display: none;
}
.lyf-homepage-hero .banner-content .banner-text-holder .banner-text.show {
    display: block;
}
.lyf-homepage-hero .banner-content .banner-text-holder .banner-text .someday {
    margin-bottom: 20px;
}
.lyf-homepage-hero .banner-content .banner-text-holder .banner-text .someday-text {
    font-size: 34px;
    line-height: 40px;
    font-family: "IBMPlexSans-Bold";
}

.lyf-homepage-hero .banner-content .text-hr {
    margin-top: 190px;
}
.lyf-homepage-hero .banner-content .sub-text {
    margin-top: 15px;
    margin-bottom: 0;
}
.lyf-homepage-hero .actor-portrayal {
    color: var(--white);
    font-size: 14px;
    line-height: 18px;
    text-shadow: 0px 0px 5px var(--black);
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 1;
}
@media only screen and (max-width: 767px) {
    .lyf-homepage-hero:before {
        content: "";
        background: rgba(0,0,0,0) linear-gradient(180deg, var(--black) 0%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;
        opacity: .4;
        height: 20%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }
    .lyf-homepage-hero:after {
        content: "";
        background: rgba(0,0,0,0) linear-gradient(0deg, var(--black) 0%, rgba(0, 0, 0, 0.937254902) 56%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;
        opacity: .66;
        height: 45%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .lyf-homepage-hero .banner-content {
        margin-top: 30px;
        padding-bottom: 44px;
    }
    .lyf-homepage-hero .banner-content .banner-text-holder {
        height: unset;
    }
    .lyf-homepage-hero .banner-content .banner-text-holder .banner-text {
        height: unset;
    }
    .lyf-homepage-hero .banner-content .banner-text-holder .banner-text .someday {
        margin-bottom: 10px;
    }
    .lyf-homepage-hero .banner-content .banner-text-holder .banner-text .someday-text {
        font-size: 26px;
        line-height: 34px;
        max-width: 330px;
        display: inline-block;
    }
    .lyf-homepage-hero .banner-content h4 {
        font-size: 22px;
        line-height: 24px;
    }
    
    .lyf-homepage-hero .banner-content .text-hr {
        margin-top: 165px;
        margin-bottom: 160px;
    }
    .lyf-homepage-hero .actor-portrayal {
        right: unset;
        position: relative;
        bottom: -10px;
    }
}
@media only screen and (min-width: 1200px) {
    .lyf-homepage-hero .banner-content {
        min-width: 585px;
    }
    .lyf-homepage-hero .banner-content .sub-text {
        margin-top: 60px;
    }
}
@media only screen and (min-width: 768px) {
    .lyf-homepage-hero .container,.lyf-homepage-hero .row {
        min-height: 540px;
    }
    .lyf-homepage-hero .banner-content .banner-text-holder .banner-text .someday-text {
        max-width: 450px;
        display: block;
        margin: 0 auto;
    }
}

/* ===== Lyfgenia Custom Banner ===== */
.lyf-custom-banner-wrapper {
    height: 550px;
    padding-top: 0 !important;
}

/* Font size utility — from live lyfgenia.com */
.font-xl {
    font-size: 28px;
    line-height: 36px;
    color: var(--black);
}
@media (max-width: 767px) {
    .font-xl {
        font-size: 20px;
    }
}

.lyf-custom-banner-wrapper .lyf-custom-banner {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    background: var(--color-quaternary);
    height: 550px;
    overflow: hidden;
}
.lyf-custom-banner-wrapper .lyf-custom-banner picture {
    object-fit: cover;
    overflow: hidden;
}
.lyf-custom-banner-wrapper .lyf-custom-banner .row {
    min-height: 550px;
    align-items: center;
}
.lyf-custom-banner-wrapper .lyf-custom-banner .banner-text {
    width: 40% !important;
    position: relative;
    z-index: 1;
    background: var(--color-tertiary);
    left: 40px;
    min-width: 40%;
    border-top-right-radius: 60px;
    padding: 40px 30px 30px;
}
.lyf-custom-banner-wrapper .lyf-custom-banner .banner-text .h1 {
    line-height: 40px;
    position: relative;
}
.lyf-custom-banner-wrapper .lyf-custom-banner .banner-text .h1:before {
    content: "";
    background-image: url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_wave_large.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 130px;
    height: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.lyf-custom-banner-wrapper .lyf-custom-banner .banner-text .banner-text-copy {
    font-size: 28px;
    line-height: 32px;
}
.lyf-custom-banner-wrapper .lyf-custom-banner .banner-image {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    height: 550px;
    object-fit: cover;
    width: 65%;
}
.lyf-custom-banner-wrapper .lyf-custom-banner .banner-image img {
    height: auto;
    width: 100%;
    max-width: unset;
}
.lyf-custom-banner-wrapper .lyf-custom-banner .banner-caption {
    position: absolute;
    right: 20px;
}
.lyf-custom-banner-wrapper .lyf-custom-banner .banner-caption .actor-portrayal {
    font-size: 14px;
    line-height: 18px;
    text-shadow: 0px 0px 5px var(--black);
}
@media only screen and (max-width: 767px) {
    .lyf-custom-banner-wrapper {
        height: unset;
    }
    .lyf-custom-banner-wrapper .lyf-custom-banner {
        height: unset;
    }
    .lyf-custom-banner-wrapper .lyf-custom-banner .row {
        min-height: unset;
    }
    .lyf-custom-banner-wrapper .lyf-custom-banner .banner-text {
        min-width: 95%;
        left: 0;
        top: 76px;
        padding: 30px 20px 20px;
    }
    .lyf-custom-banner-wrapper .lyf-custom-banner .banner-text .h1 {
        font-size: 32px;
        line-height: 36px;
    }
    .lyf-custom-banner-wrapper .lyf-custom-banner .banner-text .banner-text-copy {
        font-size: 20px;
        line-height: 25px;
        padding-top: 0;
    }
    .lyf-custom-banner-wrapper .lyf-custom-banner .banner-text:before {
        top: 25px;
        left: 20px;
    }
    .lyf-custom-banner-wrapper .lyf-custom-banner .banner-image {
        width: 100%;
        position: relative;
        height: auto;
    }
    .lyf-custom-banner-wrapper .lyf-custom-banner .banner-caption {
        bottom: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    .lyf-custom-banner-wrapper .lyf-custom-banner .banner-caption {
        bottom: 145px;
        right: 110px;
    }
}
@media only screen and (min-width: 768px) {
    .lyf-custom-banner-wrapper .lyf-custom-banner .banner-image img {
        height: 420px;
        width: auto;
    }
    .lyf-custom-banner-wrapper .lyf-custom-banner .banner-caption {
        bottom: 145px;
    }
}
@media only screen and (min-width: 992px) {
    .lyf-custom-banner-wrapper .lyf-custom-banner .banner-image img {
        height: 552px;
        width: auto;
    }
    .lyf-custom-banner-wrapper .lyf-custom-banner .banner-caption {
        bottom: 20px;
    }
}

/* ===== Lyfgenia Home Banner ===== */
.lyf-home-banner {
    overflow: hidden;
}
.lyf-home-banner .lyf-home-banner-text {
    background: rgba(0,0,0,0) linear-gradient(90deg, var(--black) 0%, var(--black) 80%, rgba(0, 0, 0, 0.223529) 86%, rgba(163, 163, 163, 0) 94%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 125px;
}
.lyf-home-banner .lyf-home-banner-text h1.home {
    color: var(--white);
    padding: 20px 0 20px 0px;
    max-width: 450px;
    margin-bottom: 0;
    margin-left: 35px;
}
.lyf-home-banner .lyf-home-banner-img {
    object-fit: cover;
    padding: 0;
    position: relative;
}
.lyf-home-banner .lyf-home-banner-img img {
    object-fit: cover;
    min-width: 120%;
    margin-left: -20%;
    z-index: -1;
    position: relative;
}
.lyf-home-banner .lyf-home-banner-img .actor-portrayal {
    display: none;
}
@media(max-width: 500px) {
    .lyf-home-banner .lyf-home-banner-text {
        height: 250px;
    }
}
@media(max-width: 767px) {
    .lyf-home-banner .lyf-home-banner-text {
        background: rgba(0,0,0,0) linear-gradient(180deg, var(--black) 0%, var(--black) 80%, rgba(0, 0, 0, 0.2235294118) 86%, rgba(163, 163, 163, 0) 94%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
        padding-right: 0;
        align-items: flex-start;
        height: 230px;
    }
    .lyf-home-banner .lyf-home-banner-text h1.home {
        max-width: unset;
        font-size: 28px;
        line-height: 32px;
        padding: 10px 20px 0;
        margin-left: unset;
    }
    .lyf-home-banner .lyf-home-banner-img img {
        min-width: 100%;
        min-height: unset;
        margin-left: 0;
        height: unset;
    }
    .lyf-home-banner .lyf-home-banner-img {
        margin-top: -20%;
        z-index: -1;
    }
}
@media(min-width: 1300px) {
    .lyf-home-banner .lyf-home-banner-img img {
        height: unset;
    }
}
@media(min-width: 768px) {
    .lyf-home-banner .lyf-home-banner-img img {
        height: 440px;
    }
}
@media(min-width: 992px)and (max-width: 1098px) {
    .lyf-home-banner .lyf-home-banner-img img {
        height: 320px;
    }
}

/* ===== Lyfgenia Text Banner ===== */
.lyf-text-banner {
    margin-bottom: 30px;
}
.lyf-text-banner .banner-text {
    position: relative;
    z-index: 1;
    background: var(--color-tertiary);
    left: 40px;
    border-top-right-radius: 60px;
    padding: 40px 40px 60px 30px;
    bottom: -45px;
}
.lyf-text-banner .banner-text .h1 {
    line-height: 40px;
    position: relative;
}
.lyf-text-banner .banner-text .h1:before {
    content: "";
    background-image: url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_wave_large.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 130px;
    height: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.lyf-text-banner .banner-text .banner-text-copy {
    font-size: 28px;
    line-height: 32px;
}
@media only screen and (max-width: 767px) {
    .lyf-text-banner {
        padding-top: 10px !important;
    }
    .lyf-text-banner .banner-text {
        min-width: 95%;
        max-width: 95%;
        left: 0;
        padding: 30px 20px 20px;
    }
    .lyf-text-banner .banner-text .h1 {
        font-size: 32px;
        line-height: 36px;
    }
    .lyf-text-banner .banner-text .banner-text-copy {
        font-size: 20px;
        line-height: 25px;
        padding-top: 0;
    }
    .lyf-text-banner .banner-text:before {
        top: 25px;
        left: 20px;
    }
}


/* ============================================================
   "More topics to explore" section + btn-quaternary buttons
   Byte-for-byte from live lyfgenia.com (hex → var only)
   ============================================================ */











































.more-topics-container {
  margin-top:100px;
}

.more-topics {
  min-height:175px;
  margin-top:25px;
}

.more-topics .row {
  max-width:790px;
  margin:0 auto;
  position:relative;
}

.more-topics .more-topics-heading {
  background:var(--color-septenary);
  min-width:530px;
  position:absolute;
  min-height:150px;
  border-radius:20px;
  top:-125px;
  text-align:center;
  font-size:34px;
  line-height:40px;
}

@media only screen and (max-width: 767px) {
  .more-topics .more-topics-heading {
    min-width:100%;
    font-size:32px;
    line-height:36px;
    padding-left:0;
    padding-right:0;
  }
}

.more-topics .more-topics-heading .more-topics-heading-text {
  margin-top:30px;
}

@media only screen and (max-width: 767px) {
  .more-topics .more-topics-heading .more-topics-heading-text {
    max-width:210px;
    margin:0 auto;
  }
}

.more-topics .more-topics-links {
  background:var(--color-quinary);
  min-width:530px;
  position:absolute;
  right:0;
  min-height:150px;
  border-radius:20px;
  padding:30px;
}

.more-topics .more-topics-links:before {
  content:"";
  background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_CTA-wave_d.svg);
  background-repeat:repeat-x;
  background-position:bottom;
  width:530px;
  height:55px;
  position:absolute;
  top:-20px;
  right:0px;
}

@media only screen and (max-width: 767px) {
  .more-topics .more-topics-links {
    min-width:100%;
  }
}

@media only screen and (max-width: 767px) {
  .more-topics .more-topics-links:before {
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_CTA-wave_d.svg);
    width:100%;
  }
}

@media only screen and (max-width: 570px) {
  .more-topics .more-topics-links:before {
    width:100%;
    background-size:unset;
    height:55px;
  }
}
/* ===== Page Navigation Mobile ===== */
@media(max-width: 767px) {
    .page-navigation-mobile {
        background-color: var(--color-quaternary);
        box-shadow: 0 1px 2px rgba(0,0,0,.45);
        border-bottom: 0px;
        padding: 0;
        z-index: 6;
        max-width: 100% !important;
        height: 100%;
    }
    .page-navigation-mobile .page-navigation-heading {
        float: left;
        color: var(--white);
        font-weight: 600;
    }
    .page-navigation-mobile .page-navigation-item {
        font-size: 14px;
        border: none;
        padding: 16px;
        margin: 0;
        display: block;
        padding-left: 16px;
        display: none;
        color: var(--color-primary);
        border-bottom: 1px solid var(--white) !important;
    }
    .page-navigation-mobile .page-navigation-item .item-text {
        color: var(--color-primary) !important;
        border-bottom: none;
    }
    .page-navigation-mobile .page-navigation-item a {
        color: var(--white);
        font-weight: 600;
        text-decoration: none;
    }
    .page-navigation-mobile .page-navigation-item.active {
        display: block;
        border-bottom: 0;
    }
    .page-navigation-mobile .page-navigation-item.active a {
        color: var(--white);
        font-weight: 500;
    }
    .page-navigation-mobile .page-navigation-item br {
        display: none;
    }
    .page-navigation-mobile .page-navigation-item:last-child {
        min-height: 86px;
        max-width: 350px;
        background-color: rgba(0,0,0,0);
        background-image: url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/download_icon@2x.png);
        background-size: 38px 50px;
        background-position: 25px center;
        background-repeat: no-repeat;
        color: var(--color-quinary);
        font-family: "Nunito-Bold";
        border: 3px solid var(--color-primary);
        border-bottom: 3px solid var(--color-primary) !important;
        text-align: left;
        position: relative;
        padding: 14px 0 14px 87px;
        display: none;
        align-items: center;
        letter-spacing: -0.2px;
        image-rendering: -webkit-optimize-contrast;
        transition: .3s ease-in-out;
        max-width: 90% !important;
        margin: 10px auto;
    }
    .page-navigation-mobile .page-navigation-item:last-child:focus,.page-navigation-mobile .page-navigation-item:last-child:hover,.page-navigation-mobile .page-navigation-item:last-child:active {
        background-color: rgba(239,139,34,.33) !important;
        color: var(--color-quinary) !important;
        border: 3px solid var(--color-primary) !important;
    }
    .page-navigation-mobile .page-navigation-item:last-child:focus:before,.page-navigation-mobile .page-navigation-item:last-child:hover:before,.page-navigation-mobile .page-navigation-item:last-child:active:before {
        opacity: .67;
    }
    .page-navigation-mobile .page-navigation-item:last-child:before {
        content: "";
        width: calc(20% + 20px);
        max-width: 86px;
        height: 3px;
        background-color: var(--white);
        position: absolute;
        z-index: 1;
        left: 45px;
        bottom: -3px;
    }
    .page-navigation-mobile .page-navigation-item:last-child:after {
        content: "";
        width: 20%;
        max-width: 66px;
        height: 3px;
        background-color: var(--color-secondary);
        position: absolute;
        z-index: 2;
        left: 45px;
        bottom: -3px;
        margin: 0 10px;
    }
    .page-navigation-mobile .page-navigation-item:last-child a {
        color: var(--color-quinary) !important;
        text-decoration: none !important;
    }
    .page-navigation-mobile .page-navigation-item:last-child a:hover {
        opacity: 1;
    }
    .page-navigation-mobile .page-navigation-item:last-child a .item-text {
        color: var(--color-quinary) !important;
        text-decoration: none !important;
    }
    .page-navigation-mobile .page-navigation-item:last-child.active {
        display: flex !important;
    }
    .page-navigation-mobile #menu-toggler {
        border: none;
        padding: 16px;
        font-size: 14px;
        margin: 0;
        display: flex !important;
        padding-left: 16px;
        display: none;
        color: var(--white);
        border-bottom: 1px solid var(--white) !important;
    }
    .page-navigation-mobile #menu-toggler.is-open::after {
        transform: rotate(180deg);
        transition: transform .25s;
    }
    .page-navigation-mobile #menu-toggler::after {
        content: url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/gt-arrow-down.png);
        float: right;
        transition: transform .25s;
        display: flex;
        margin-left: auto;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .page-navigation-mobile.sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
}
@media(max-width: 767px)and (max-width: 991px) {
    .page-navigation-mobile .page-navigation-item:last-child {
        max-width: 100%;
    }
}
@media(min-width: 768px) {
    .page-navigation-mobile {
        display: none;
    }
}

/* ===== Banner Icon Controls ===== */
.important-information-banner .banner-icon,.important-information-banner .banner-icon-expand,.important-information-banner .banner-icon-collapse {
    float: right;
    position: relative;
    cursor: pointer;
    z-index: 2;
}
.important-information-banner .banner-content .banner-icon-collapse {
    margin-left: 15px;
    position: absolute;
    right: 60px;
}
.important-information-banner .banner-content .banner-icon-collapse i:before {
    content: "";
    background-image: url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_carrot_up_down.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: contain;
    display: block;
    height: 9px;
    width: 14px;
    margin-left: 5px;
    transform: rotate(180deg);
}
.important-information-banner .banner-content.minimized .banner-icon-collapse {
    margin-left: 15px;
    position: absolute;
    right: 60px;
}
.important-information-banner .banner-content.minimized .banner-icon-collapse i:before {
    content: "";
    background-image: url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_carrot_up_down.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: contain;
    display: block;
    height: 9px;
    width: 14px;
    margin-left: 5px;
    transform: rotate(180deg);
}
.important-information-banner .banner-content.collapsed .banner-icon-collapse {
    display: none !important;
}
.banner-icon-collapse {
    display: block !important;
}
.banner-icon-collapse:before {
    content: "Collapse";
    color: var(--color-primary);
    font-family: "Nunito-Bold";
    font-size: 16px;
    line-height: 14px;
    font-weight: normal;
}
.important-information-banner .banner-content .banner-icon-expand {
    position: absolute;
    right: 155px;
}
.important-information-banner .banner-content .banner-icon-expand i:before {
    content: "";
    background-image: url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_carrot_up_down.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: contain;
    display: block;
    height: 9px;
    width: 14px;
    margin-left: 5px;
}
.important-information-banner .banner-content.minimized .banner-icon-expand {
    position: absolute;
    right: 155px;
}
.important-information-banner .banner-content.minimized .banner-icon-expand i:before {
    content: "";
    background-image: url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_carrot_up_down.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: contain;
    display: block;
    height: 9px;
    width: 14px;
    margin-left: 5px;
}
.important-information-banner .banner-content.expanded .banner-icon-expand {
    display: none !important;
}
.important-information-banner .banner-content.collapsed .banner-icon-expand {
    right: 60px;
}
.banner-icon-expand {
    display: block !important;
}
.banner-icon-expand:before {
    content: "Expand";
    color: var(--color-primary);
    font-family: "Nunito-Bold";
    font-size: 16px;
    line-height: 14px;
    font-weight: normal;
}
@media only screen and (max-width: 767px) {
    .important-information-banner .banner-content .banner-icon-collapse {
        right: 20px;
        top: 8px;
    }
    .important-information-banner .banner-content .banner-icon-collapse i:before {
        margin-left: 3px;
    }
    .important-information-banner .banner-content.minimized .banner-icon-collapse {
        right: 20px;
    }
    .important-information-banner .banner-content.minimized .banner-icon-collapse i:before {
        margin-left: 3px;
    }
    .important-information-banner .banner-content.collapsed .banner-icon-collapse {
        right: 20px;
    }
    .important-information-banner .banner-content .banner-icon-expand {
        right: 105px;
        top: 8px;
    }
    .important-information-banner .banner-content .banner-icon-expand i:before {
        margin-left: 3px;
    }
    .important-information-banner .banner-content.minimized .banner-icon-expand {
        right: 105px;
    }
    .important-information-banner .banner-content.minimized .banner-icon-expand i:before {
        margin-left: 3px;
    }
    .important-information-banner .banner-content.collapsed .banner-icon-expand {
        right: 20px;
        top: 8px;
    }
}
@media only screen and (max-width: 991px) {
    .important-information-banner .banner-content .banner-icon-collapse {
        right: 50px;
        top: 0;
    }
    .important-information-banner .banner-content .banner-icon-expand {
        right: 145px;
        top: 0;
    }
}

/* ===== CTA Container ===== */
#content .cta-container a:hover img {
    border: 4px solid var(--color-primary);
    border-radius: 37px;
}
#content .cta-container a:active img {
    border: 4px solid var(--color-senary);
    border-radius: 37px;
}

/* ===== ISI Banner Overlay ===== */
.important-information-banner .banner-content.expanded:not(.hidden) + .banner-content-overlay {
    background-color: rgba(33, 130, 130, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

/* ===== Decorative Elements ===== */
.squiggle {
    position: relative;
}
@media only screen and (min-width: 768px) {
    .squiggle:before {
        content: url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-squiggle.svg);
        position: absolute;
        height: 10px;
        width: 393px;
        top: 0px;
    }
    .squiggle:after {
        content: url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-squiggle.svg);
        position: absolute;
        height: 10px;
        width: 393px;
        bottom: 0px;
    }
}
@media (max-width: 767px) {
    img.wave {
        margin-top: 1rem;
    }
}

/* ===================================================================
   PATTERN LIBRARY — utilities ported from live lyfgenia.com
   =================================================================== */

/* ── Text colour utilities ── */
.text-primary    { color: var(--color-primary)    !important; }
.text-primary *  { color: var(--color-primary)    !important; }
.text-secondary  { color: var(--color-secondary)  !important; }
.text-secondary *{ color: var(--color-secondary)  !important; }
.text-tertiary   { color: var(--color-tertiary)   !important; }
.text-quaternary { color: var(--color-quaternary) !important; }
.text-quinary    { color: var(--color-quinary)    !important; }
.text-senary     { color: var(--color-senary)     !important; }
.text-septenary  { color: var(--color-septenary)  !important; }
.text-octonary   { color: var(--color-octonary)   !important; }
.text-nonary     { color: var(--color-nonary)     !important; }
.text-denary     { color: var(--color-denary)     !important; }
.text-white      { color: var(--white)        !important; }
.text-black      { color: var(--black)        !important; }
.text-black *    { color: var(--black)        !important; }

/* ── Foreground colour utilities (same palette, no !important — for composing) ── */
.fg-primary    { color: var(--color-primary); }
.fg-secondary  { color: var(--color-secondary); }
.fg-tertiary   { color: var(--color-tertiary); }
.fg-quaternary { color: var(--color-quaternary); }
.fg-quinary    { color: var(--color-quinary); }
.fg-senary     { color: var(--color-senary); }
.fg-septenary  { color: var(--color-septenary); }
.fg-octonary   { color: var(--color-octonary); }
.fg-nonary     { color: var(--color-nonary); }
.fg-denary     { color: var(--color-denary); }

/* ── btn-tertiary — rounded square pill, 2px border ── */




/* ── btn-quinary — ghost + download icon ── */




/* ── btn-senary — mint pill, no arrow ── */





/* ── btn-septenary — mint pill, space-between, arrow right ── */




/* ── btn-octonary — mint pill + download icon ── */




/* ── btn-nonary — rectangular (20px), left-aligned, + icon ── */




/* ── btn-denary — same as nonary ── */




/* ── btn-file-download ── */






/* ── Shared button size modifiers ── */




/* ── Alerts ── */
.alert { border-radius:0 }
.alert-icon { margin-right:7px }

/* ── Layout: Hiding elements ── */
.bg-hidden-mobile { background-image:none !important }
@media (max-width:767px) {
    .hide-mobile { display:none !important }
    .show-mobile { display:block !important }
    .w-100-mobile { width:100% !important }
    .mobile-full-width { width:100% !important; justify-content:center }
}
@media (min-width:768px) {
    .hide-desktop { display:none !important }
    .show-desktop { display:block !important }
}

/* ── Layout: Sizing — vh / vw helpers ── */
.vh-5  { min-height:5vh }  .vh-10 { min-height:10vh } .vh-15 { min-height:15vh }
.vh-20 { min-height:20vh } .vh-25 { min-height:25vh } .vh-30 { min-height:30vh }
.vh-35 { min-height:35vh } .vh-40 { min-height:40vh } .vh-45 { min-height:45vh }
.vh-50 { min-height:50vh } .vh-55 { min-height:55vh } .vh-60 { min-height:60vh }
.vh-65 { min-height:65vh } .vh-70 { min-height:70vh } .vh-75 { min-height:75vh }
.vh-80 { min-height:80vh } .vh-85 { min-height:85vh } .vh-90 { min-height:90vh }
.vh-95 { min-height:95vh } .vh-100 { min-height:100vh }

.vw-5  { width:5vw !important }  .vw-10 { width:10vw !important }
.vw-25 { width:25vw !important } .vw-50 { width:50vw !important }
.vw-75 { width:75vw !important } .vw-100 { width:100vw !important }

/* ── Layout: Offsets (relative position helpers) ── */
.b-50  { position:relative; bottom:4vh }  .l-50  { position:relative; left:4vh }
.r-50  { position:relative; right:4vh }   .t-50  { position:relative; top:4vh }
.b-100 { position:relative; bottom:7vh }  .l-100 { position:relative; left:7vh }
.r-100 { position:relative; right:7vh }   .t-100 { position:relative; top:7vh }
.b-150 { position:relative; bottom:12vh } .l-150 { position:relative; left:12vh }
.r-150 { position:relative; right:12vh }  .t-150 { position:relative; top:12vh }
.b-200 { position:relative; bottom:18vh } .l-200 { position:relative; left:18vh }
.r-200 { position:relative; right:18vh }  .t-200 { position:relative; top:18vh }

/* Absolute top-offset utilities */
.top-offset-50  { top:50px;  position:absolute } .top-offset-100 { top:100px; position:absolute }
.top-offset-150 { top:150px; position:absolute } .top-offset-200 { top:200px; position:absolute }
.top-offset-250 { top:250px; position:absolute } .top-offset-300 { top:300px; position:absolute }
.top-offset-350 { top:350px; position:absolute } .top-offset-400 { top:400px; position:absolute }
.top-offset-450 { top:450px; position:absolute } .top-offset-500 { top:500px; position:absolute }
@media (max-width:992px) {
    .top-offset-mobile-50  { top:50px;  position:absolute }
    .top-offset-mobile-100 { top:100px; position:absolute }
    .top-offset-mobile-150 { top:150px; position:absolute }
    .top-offset-mobile-200 { top:200px; position:absolute }
}

/* ── Text alignment responsive ── */
@media (min-width:992px) { .text-center-desktop { text-align:center } }
@media (max-width:767px) {
    .text-center-mobile { text-align:center }
    .text-left-mobile   { text-align:left }
    .text-right-mobile  { text-align:right }
}

/* ── Page Elements: Line on sides ── */
.line-on-sides {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    white-space:nowrap
}
.line-on-sides::before,.line-on-sides::after {
    content:"";
    display:inline-block;
    width:23px;
    height:3px;
    background-color:var(--color-primary);
    position:relative
}
.line-on-sides::before { left:-20px }
.line-on-sides::after  { right:-20px }
@media (max-width:285px) {
    .line-on-sides::before { left:-10px }
    .line-on-sides::after  { right:-10px }
}

/* Shared modal base — generic Bootstrap overrides that apply to every modal
   (Custom, Interstitial, Honesty Box, …). Modal-specific styling for the
   leaving-site / honesty-box interstitials lives in
   modules/modal-module.module/module.css. */
.modal-content {
    border:none;
    max-width:320px;
    border-radius:20px
}
.modal-content .modal-header { border-bottom:none; padding:0 10px }
.modal-content .modal-header .close { margin:0 0 0 auto; padding:15px 0 0 0 }
.modal-content .modal-body { padding:0; min-height:300px }
.modal-backdrop.show { opacity:.9 }
.modal { background:rgba(0,0,0,0.875) }
.modal-dialog { z-index:1200 }

/* ════════════════════════════════════════════════════════════════════
   BUTTONS — single source of truth, byte-for-byte from live lyfgenia.com
   Hex values from live → mapped to CSS variables.
   ════════════════════════════════════════════════════════════════════ */

/* ── Base ── */
.btn { padding:10px 10px 5px 10px }
.btn:hover { text-decoration:none; cursor:pointer }

/* ── Sizes ── */
.btn-sm { font-size:11px; line-height:16px; padding:6px 15px }
.btn-md { font-size:14px; line-height:inherit; padding:10px 10px 5px 10px }
.btn-lg { font-size:16px; line-height:20px; padding:20px 40px }

/* ── Helpers used inside buttons ── */
.btn-icon i { padding-left:7px }
.btn-number { padding-right:1em }
.btn-number .badge { font-size:90%; left:10px }

/* ── Shared layout for icon-bearing buttons (byte-for-byte from live group rule) ── */
.btn-primary,
.btn-quaternary,
.btn-quinary,
.btn-senary,
.btn-denary,
.btn-nonary,
.btn-octonary,
.btn-septenary {
    display:inline-flex;
    position:relative;
    padding-right:40px;
    align-items:center;
    justify-content:left
}

/* ── Shared chevron-right ::after for the same button family. Per-variant rules below override content/padding-left where needed. ── */
.btn-primary::after,
.btn-quaternary::after,
.btn-quinary::after,
.btn-senary::after,
.btn-denary::after,
.btn-nonary::after,
.btn-octonary::after,
.btn-septenary::after {
    content:"";
    font-family:var(--font-awesome);
    font-weight:900;
    font-size:1rem;
    color:var(--color-primary);
    padding-left:10px
}

/* ════════════ PRIMARY ════════════ */
.btn-primary {
    background:var(--white);
    color:var(--color-primary) !important;
    font-family:"IBMPlexSans-Bold",sans-serif;
    border-radius:60px;
    font-size:16px;
    line-height:16px !important;
    letter-spacing:normal;
    text-align:center;
    border:1px solid var(--color-primary);
    min-height:fit-content !important;
    padding:17px 2rem;
    justify-content:center;
    display:inline-flex
}
.btn-primary:hover { background-color:var(--color-hover-teal); color:var(--white) !important; border-color:var(--color-hover-teal) }
.btn-primary:active,
.btn-primary:focus { background-color:var(--white) !important; color:var(--color-primary) !important; border-color:var(--color-primary) !important; box-shadow:none !important; opacity:60% !important }
.btn-primary::after { color:var(--color-primary) }
.btn-primary:hover::after { color:var(--white) }
.btn-primary:active::after,
.btn-primary:focus::after { color:var(--color-primary) }

/* primary modifiers */
.btn-primary.no-arrow { text-align:center; justify-content:center !important }
.btn-primary.no-arrow::after { content:"" !important; padding-left:unset !important }
.btn-primary.download { padding:11px 1rem }
.btn-primary.download::after { content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf-d1-icon-download.svg) }

/* ════════════ SECONDARY ════════════ */
.btn-secondary {
    display:inline-flex;
    background:var(--white);
    color:var(--color-primary);
    font-family:"IBMPlexSans-Bold",sans-serif;
    border-radius:60px;
    font-size:16px;
    line-height:16px !important;
    letter-spacing:normal;
    text-align:center;
    border:1px solid var(--color-primary);
    min-height:fit-content !important;
    padding:13px 1.5rem
}
.btn-secondary::before {
    content:"\f053";
    font-family:var(--font-awesome);
    font-weight:900;
    font-size:1rem;
    color:var(--color-primary);
    padding-right:10px;
    align-self:center
}
.btn-secondary:hover { background-color:var(--color-hover-teal); color:var(--white); border-color:var(--color-hover-teal) }
.btn-secondary:hover::before { color:var(--white) }
.btn-secondary:active,
.btn-secondary:focus { background-color:var(--white) !important; color:var(--color-primary) !important; border-color:var(--color-primary) !important; box-shadow:none !important; opacity:60% !important }
.btn-secondary:active::before,
.btn-secondary:focus::before { color:var(--color-primary) }

/* ════════════ TERTIARY ════════════ */
.btn-tertiary {
    display:inline-flex;
    background:var(--white);
    color:var(--color-primary);
    font-family:"IBMPlexSans-Bold",sans-serif;
    border-radius:20px;
    font-size:16px;
    line-height:16px !important;
    letter-spacing:normal;
    text-align:center;
    border:2px solid var(--color-primary);
    min-height:fit-content !important;
    padding:13px 1.5rem
}
.btn-tertiary:hover { background-color:var(--color-hover-teal); color:var(--white); border-color:var(--color-hover-teal) }
.btn-tertiary:active,
.btn-tertiary:focus { background-color:var(--white) !important; color:var(--color-primary) !important; border-color:var(--color-primary) !important; box-shadow:none !important; opacity:60% !important }

/* ════════════ QUATERNARY + QUINARY (transparent text-button family; quinary swaps chevron for a download icon) ════════════ */
.btn-quaternary,
.btn-quinary {
    background:rgba(0,0,0,0);
    color:var(--color-primary) !important;
    font-family:"IBMPlexSans-Bold",sans-serif;
    border-radius:60px;
    font-size:16px;
    line-height:16px !important;
    letter-spacing:normal;
    text-align:center;
    border:1px solid rgba(0,0,0,0);
    min-height:fit-content !important;
    padding:19px 2rem
}
.btn-quaternary::before,
.btn-quinary::before { padding-right:10px }
.btn-quaternary:hover,
.btn-quinary:hover { background-color:var(--white); color:var(--color-primary); border-color:var(--color-primary) }
.btn-quaternary:hover::after,
.btn-quinary:hover::after { color:var(--color-primary) }
.btn-quaternary:active, .btn-quaternary:focus,
.btn-quinary:active,   .btn-quinary:focus { background-color:rgba(0,0,0,0) !important; color:var(--color-primary) !important; border-color:rgba(0,0,0,0) !important; box-shadow:none !important; opacity:60% !important }
.btn-quaternary:focus::after,
.btn-quinary:focus::after { color:var(--color-primary) }
.btn-quaternary.align-left,
.btn-quinary.align-left { margin-left:-32px; text-align:left }
.btn-quaternary.doctor { padding:.1rem }
.btn-quaternary.doctor:hover { color:var(--color-secondary) !important; border-color:var(--color-secondary) !important }

/* Quinary overrides: tighter vertical padding (icon dictates height), swap chevron for download icon */
.btn-quinary { padding:11px 2rem }
.btn-quinary::after { content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf-d1-icon-download.svg) }

/* ════════════ SENARY + family (mint-bg buttons with chevron-right) ════════════
   Per live, .btn-senary/denary/nonary/octonary/septenary share base + states.
   Specific arrow content varies per variant. */
.btn-senary,
.btn-denary,
.btn-nonary,
.btn-octonary,
.btn-septenary {
    background:var(--color-hover-mint);
    color:var(--color-primary) !important;
    font-family:"IBMPlexSans-Bold",sans-serif;
    border-radius:60px;
    font-size:16px;
    line-height:16px !important;
    letter-spacing:normal;
    text-align:center;
    border:1px solid var(--color-hover-mint);
    min-height:fit-content !important;
    padding:19px 2rem
}
.btn-senary::after,
.btn-denary::after,
.btn-nonary::after,
.btn-octonary::after,
.btn-septenary::after { content:""; padding-left:unset }
.btn-senary:hover,
.btn-denary:hover,
.btn-nonary:hover,
.btn-octonary:hover,
.btn-septenary:hover { background-color:var(--white); color:var(--color-primary) !important; border-color:var(--color-primary) }
.btn-senary:hover::after,
.btn-denary:hover::after,
.btn-nonary:hover::after,
.btn-octonary:hover::after,
.btn-septenary:hover::after { color:var(--color-primary) }
.btn-senary:active, .btn-senary:focus,
.btn-denary:active, .btn-denary:focus,
.btn-nonary:active, .btn-nonary:focus,
.btn-octonary:active, .btn-octonary:focus,
.btn-septenary:active, .btn-septenary:focus { background-color:var(--color-hover-mint) !important; color:var(--color-primary) !important; border-color:var(--color-hover-mint) !important; box-shadow:none !important; opacity:60% !important }
.btn-senary:active::after, .btn-senary:focus::after,
.btn-denary:active::after, .btn-denary:focus::after,
.btn-nonary:active::after, .btn-nonary:focus::after,
.btn-octonary:active::after, .btn-octonary:focus::after,
.btn-septenary:active::after, .btn-septenary:focus::after { color:var(--color-primary) }
.btn-senary.outline,
.btn-denary.outline,
.btn-nonary.outline,
.btn-octonary.outline,
.btn-septenary.outline { border:1px solid var(--color-primary) }

/* per-variant arrow content overrides */
.btn-septenary { justify-content:space-between }
.btn-septenary::after { content:""; font-family:var(--font-awesome); font-weight:900; font-size:1rem; color:var(--color-primary); padding-left:15px }
.btn-octonary { padding:11px 2rem }
.btn-octonary::after { content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf-d1-icon-download.svg); font-size:1.7rem; padding-left:30px }
.btn-nonary { border-radius:20px; text-align:left }
.btn-nonary::after { content:"+"; font-family:inherit; font-size:1.7rem; line-height:1; padding-left:30px }
.btn-denary::after { content:"+"; font-size:1.7rem; line-height:1; padding-left:30px }

/* btn-senary modifier: chevron-right appears on hover only, 10px from text */
.btn-senary.btn-senary-chevron:hover::after { content:"\f054"; font-family:var(--font-awesome); font-weight:900; font-size:1rem; color:var(--color-primary); padding-left:10px }

/* ════════════ FILE DOWNLOAD ════════════ */
.btn-file-download {
    color:var(--color-primary);
    font-family:"Lato-Bold",sans-serif;
    font-size:18px;
    line-height:25px;
    text-decoration:none;
    position:relative;
    display:inline-flex;
    align-items:center;
    text-align:left
}
.btn-file-download::before {
    content:"";
    background-image:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/icon-download-blue-bg-new.svg);
    background-repeat:no-repeat;
    background-position:center;
    border-radius:50%;
    padding:3px;
    background-color:var(--white);
    border:2px solid var(--white);
    position:relative;
    left:0;
    margin-right:10px;
    height:41px;
    width:41px
}
.btn-file-download:hover { color:var(--color-primary) !important }
.btn-file-download:hover::before { background-color:var(--color-denary); border-color:var(--color-nonary) }
.btn-file-download:active,
.btn-file-download:focus { color:var(--color-primary) !important; box-shadow:none !important }
.btn-file-download:active::before,
.btn-file-download:focus::before { background-color:var(--color-quaternary); border-color:var(--color-quaternary) }

/* ════════════ ICON MODIFIERS (apply to .btn-quaternary primarily) ════════════ */
/* Tight padding when any icon modifier is present (byte-for-byte from live) */
.btn-quaternary.cells,
.btn-quaternary.gene,
.btn-quaternary.results,
.btn-quaternary.steps,
.btn-quaternary.safety,
.btn-quaternary.mbs,
.btn-quaternary.qtc,
.btn-quaternary.sign-up,
.btn-quaternary.doctor { padding:.1rem }

.btn-quaternary.cells::before    { content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_blood-cells.svg) }
.btn-quaternary.gene::before     { content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_gene.svg) }
.btn-quaternary.results::before  { content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_results.svg) }
.btn-quaternary.steps::before    { content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_treatment-steps.svg) }
.btn-quaternary.safety::before   { content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_safety.svg) }
.btn-quaternary.mbs::before      { content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_mbbs.svg) }
.btn-quaternary.qtc::before      { content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_QTC.svg) }
.btn-quaternary.sign-up::before  { content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_signup.svg) }
.btn-quaternary.doctor::before   { content:url(https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/lyfgenia-theme/images/lyf_dtc_icon_discussion-guide.svg) }


/* ── Border utilities ── */
.border-thin        { border:1px solid }
.border-top-thin    { border-top:1px solid }
.border-thick       { border:9px solid }
.teal-line-left     { border-left:1px solid var(--color-nonary) }
.teal-line-bottom   { border-bottom:1px solid var(--color-nonary) }
.rounded,.rounded-corners { border-radius:var(--border-radius-card) !important }
.round-corners-40   { border-radius:40px }
.round-corners-20   { border-radius:20px }
.round-top-corners  { border-top-left-radius:50px; border-top-right-radius:50px }
@media (max-width:768px) { .round-top-corners { border-top-left-radius:20px; border-top-right-radius:20px } }
/* When .round-top-corners is on a child module, round the parent dnd-section */
.dnd-section:has(.round-top-corners) { border-top-left-radius:50px; border-top-right-radius:50px; overflow:hidden }
@media (max-width:768px) { .dnd-section:has(.round-top-corners) { border-top-left-radius:20px; border-top-right-radius:20px } }

/* ── Background image helpers ── */
.background-image-cover   { background-size:cover !important }
.background-image-top     { background-position-y:top }
.background-image-center  { background-position-y:center }
.background-image-bottom  { background-position-y:bottom }
.background-image-left    { background-position-x:left }
.background-image-middle  { background-position-x:center }
.background-image-right   { background-position-x:right }

/* ── HubSpot Sign-Up form: "By clicking Submit, you:" paragraph margin-top ── */
[data-hsfc-id="Renderer"] .hsfc-RichText p[style*="text-align: left"] { margin-top: 38px !important; }
/* Force consistent 22px line-height even when editor adds inline line-height (e.g. 125%) */
[data-hsfc-id="Renderer"] .hsfc-RichText p { line-height: 22px !important; }

/* ===== Tippy glossary popover — matches inline .tooltip-popover used elsewhere ===== */
.tippy-box[data-theme~='lyf-glossary'] {
    background-color: #fff;
    color: #000;
    border: 1px solid var(--color-primary);
    border-radius: 20px;
    padding: 15px 20px 20px;
    box-shadow:
        0 0 20px 4px rgba(154, 161, 177, 0.15),
        0 4px 80px -8px rgba(36, 40, 47, 0.25),
        0 4px 4px -2px rgba(91, 94, 105, 0.15);
    max-width: 322px !important;
    font-family: 'IBMPlexSans-Regular', sans-serif;
    font-size: 16px;
    line-height: 1.4;
}
.tippy-box[data-theme~='lyf-glossary'] .tippy-content {
    padding: 28px 0 0 0; /* room for absolute-positioned Close × */
    position: static; /* let Close × position relative to .tippy-box for true top-right corner */
}
.tippy-box[data-theme~='lyf-glossary'] .term-dialog-title {
    display: none;
}
.tippy-box[data-theme~='lyf-glossary'] .term-dialog-content {
    color: #000;
    font-family: 'IBMPlexSans-Regular', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    display: block;
}
/* Close × button — text "Close" prepended via ::before */
.tippy-box[data-theme~='lyf-glossary'] .close,
.tippy-box[data-theme~='lyf-glossary'] .tooltip-close {
    position: absolute;
    top: 10px;
    right: 14px;
    background: transparent;
    border: none;
    color: var(--color-primary);
    font-size: 22px;
    font-family: 'IBMPlexSans-Regular', sans-serif;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    opacity: 1;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.tippy-box[data-theme~='lyf-glossary'] .close::before,
.tippy-box[data-theme~='lyf-glossary'] .tooltip-close::before {
    content: 'Close';
    color: var(--color-primary);
    font-size: 16px;
    font-family: 'IBMPlexSans-Regular', sans-serif;
}
/* Arrow — navy outer + white inner, pointing DOWN to the term (placement=top) */
.tippy-box[data-theme~='lyf-glossary'][data-placement^='top'] > .tippy-arrow {
    width: 40px;
    height: 18px;
    color: var(--color-primary);
}
.tippy-box[data-theme~='lyf-glossary'][data-placement^='top'] > .tippy-arrow::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 18px 20px 0;
    border-color: var(--color-primary) transparent transparent transparent;
    bottom: -18px;
    left: 0;
    transform: none;
}
.tippy-box[data-theme~='lyf-glossary'][data-placement^='top'] > .tippy-arrow::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 17px 19px 0;
    border-color: #fff transparent transparent transparent;
    bottom: -16px;
    left: 1px;
}