.hero-banner{margin-bottom:50px;margin-top:0;position:relative}.hero-banner.graybg{background-color:#f7f7f7}.hero-banner--holder{margin:0 auto;max-width:1440px;position:relative;width:100%}.hero-banner--wrapper{display:flex;margin:0 auto;max-width:calc(1368px - var(--bs-gutter-x))!important;min-height:340px;overflow:hidden;padding-bottom:55px;padding-top:55px}.hero-banner--wrapper div.contHolder{position:relative;z-index:1}@media (max-width:768px){.hero-banner--wrapper div.contHolder .getjoan-buttons{justify-content:center}}.hero-banner--wrapper div.allHolder{align-self:anchor-center;width:100%}.hero-banner--wrapper div.allHolder div.ornHolder{background-position:50%;background-position:100% 0!important;background-repeat:no-repeat;background-size:cover;bottom:0;height:100%;margin-right:-672px;position:absolute;right:50%;width:58.33333333%}@media (max-width:768px){.hero-banner--wrapper div.allHolder h2{text-align:center}}.hero-banner--wrapper div.allHolder p{font-family:Noto Sans;font-size:15px;font-weight:400;line-height:28px;text-align:left}.hero-banner--wrapper div.allHolder.fullImg .getjoan-buttons,.hero-banner--wrapper div.allHolder.fullImg h1,.hero-banner--wrapper div.allHolder.fullImg h2,.hero-banner--wrapper div.allHolder.fullImg h3,.hero-banner--wrapper div.allHolder.fullImg h4,.hero-banner--wrapper div.allHolder.fullImg h5,.hero-banner--wrapper div.allHolder.fullImg h6,.hero-banner--wrapper div.allHolder.fullImg p,.hero-banner--wrapper div.allHolder.green .getjoan-buttons,.hero-banner--wrapper div.allHolder.green h1,.hero-banner--wrapper div.allHolder.green h2,.hero-banner--wrapper div.allHolder.green h3,.hero-banner--wrapper div.allHolder.green h4,.hero-banner--wrapper div.allHolder.green h5,.hero-banner--wrapper div.allHolder.green h6,.hero-banner--wrapper div.allHolder.green p,.hero-banner--wrapper div.allHolder.pink .getjoan-buttons,.hero-banner--wrapper div.allHolder.pink h1,.hero-banner--wrapper div.allHolder.pink h2,.hero-banner--wrapper div.allHolder.pink h3,.hero-banner--wrapper div.allHolder.pink h4,.hero-banner--wrapper div.allHolder.pink h5,.hero-banner--wrapper div.allHolder.pink h6,.hero-banner--wrapper div.allHolder.pink p,.hero-banner--wrapper div.allHolder.purple .getjoan-buttons,.hero-banner--wrapper div.allHolder.purple h1,.hero-banner--wrapper div.allHolder.purple h2,.hero-banner--wrapper div.allHolder.purple h3,.hero-banner--wrapper div.allHolder.purple h4,.hero-banner--wrapper div.allHolder.purple h5,.hero-banner--wrapper div.allHolder.purple h6,.hero-banner--wrapper div.allHolder.purple p{filter:invert(1) brightness(2) contrast(1.5)}@media screen and (max-width:1343px){.hero-banner--wrapper div.allHolder div.ornHolder{margin-right:0;right:0}}@media (max-width:768px){.hero-banner--wrapper div.allHolder{--bs-gutter-x:0;margin-right:0!important}.hero-banner--wrapper div.ornHolder{display:none}}.hero-banner--wrapper.wrapFullImg{background-image:var(--background-desktop-image)}@media (max-width:768px){.hero-banner--wrapper.wrapFullImg{background-image:var(--background-mobile-image)}.hero-banner--wrapper{background-image:attr(data-mobile-bg url);padding-left:45px!important;padding-right:45px!important}.hero-banner{padding-bottom:0;padding-top:70px}}.editor-styles-wrapper .is-root-container .hero-banner p{font-family:Noto Sans;font-size:15px!important;font-weight:400;line-height:28px;text-align:left}.editor-styles-wrapper .is-root-container .hero-banner .getjoan-buttons:focus{background-color:transparent!important}