.example{display:grid;transition:all .5s;-webkit-user-select:none;user-select:none;background:linear-gradient(to bottom,#fff,#000)}.medispa-hero-banner{width:100%;padding-top:40px;position:relative}.medispa-hero-banner .medispa-highlight-img-wrapper{position:absolute;left:0;top:0;height:100%;width:auto}@media(min-width:1920px){.medispa-hero-banner .medispa-highlight-img-wrapper{left:10vw;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15%);mask-image:linear-gradient(90deg,#0000,#000 15%)}}.medispa-hero-banner .medispa-highlight-img{position:relative;height:100%;width:auto;object-fit:cover}.medispa-hero-banner .medispa-highlight-img__mobile{display:none}.medispa-hero-banner .inner-container{width:95%;max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;z-index:11;position:relative}.medispa-hero-banner .hero-banner-content-wrapper{width:100%;max-width:720px;padding:80px 0}.medispa-hero-banner .title-wrapper{margin-bottom:16px;display:flex;flex-direction:row;gap:8px;position:relative;align-items:center;justify-content:space-between}@media(min-width:1024px){.medispa-hero-banner .title-wrapper{gap:16px}}.medispa-hero-banner .title-wrapper .hero-title{color:#000;font-family:Minerva-Modern;font-size:44px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase;margin-bottom:0}.medispa-hero-banner .title-wrapper .badges-wrapper{display:flex;flex-direction:column;gap:8px;flex-shrink:0}@media(min-width:1024px){.medispa-hero-banner .title-wrapper .badges-wrapper{flex-direction:row;gap:16px}}.medispa-hero-banner .hero-description{color:#000;font-family:var(--body-font),system-ui,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:140%;margin-bottom:32px}.medispa-hero-banner .offer-price-wrapper{display:flex;flex-wrap:wrap;justify-content:left;align-items:center;gap:14px 23px;max-width:350px}.medispa-hero-banner .offer-price-wrapper>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.medispa-hero-banner .offer-price-wrapper>*:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}.medispa-hero-banner .offer-price-inner{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.medispa-hero-banner .offer-price{color:var(--colours-neutral-100-black-texts, #333);font-family:var(--body-font),system-ui,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:140%;margin:0;position:relative}.medispa-hero-banner .offer-price sup{font-size:20px;position:absolute;top:-6px}.medispa-hero-banner .offer-units{color:var(--colours-neutral-100-black-texts, #333);font-family:var(--body-font),system-ui,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:140%}.medispa-hero-banner .hero-price-callout-wrapper .price-heading{padding:16px 32px 24px;border-radius:var(--borders-border-s, 8px);background:var(--colours-neutral-000-white, #fff);margin-bottom:8px}.medispa-hero-banner .hero-price-callout-wrapper .price-heading .pricing-offer{display:flex;justify-content:center;align-items:center;gap:15px}.medispa-hero-banner .hero-price-callout-wrapper .price-heading .pricing-offer .deposit-price{color:#494949;font-size:16px;font-style:normal;font-weight:400;line-height:140%;text-align:right}.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta{display:flex;flex-direction:column;gap:8px}.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper{flex-flow:row wrap;display:flex;width:auto;margin:12px 0;gap:8px}@media(min-width:992px){.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper{gap:16px 8px}}.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper button,.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper a{width:fit-content;flex:1}:is(.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper button,.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper a).medispa-dropdown-trigger{flex:1;min-height:48px}.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper ul a{width:initial}.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper .footer{display:flex;justify-content:space-between;align-items:center;width:100%}.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper .footer button.ba-btn,.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper .footer a.ba-btn{flex:0 0 fit-content}.medispa-hero-banner .hero-price-callout-wrapper .booking__outer-wrapper{display:flex;flex-direction:column;gap:8px}.medispa-hero-banner .hero-price-callout-wrapper .footnote{padding:16px 32px;border-radius:var(--borders-border-s, 8px);background:#e4a69c;margin-bottom:32px;display:flex;justify-content:space-between;align-items:self-end}.medispa-hero-banner .hero-price-callout-wrapper .footnote p{font-size:14px;font-weight:700;margin-bottom:12px;line-height:140%}.medispa-hero-banner .hero-price-callout-wrapper .footnote ul{display:flex;list-style:none;gap:16px}.medispa-hero-banner .hero-price-callout-wrapper .footnote ul li{position:relative;margin-top:4px;font-style:normal;font-size:14px;font-weight:700;margin-left:16px;line-height:140%}.medispa-hero-banner .hero-price-callout-wrapper .footnote ul li:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M4.50008 8.08498L2.41508 5.99998L1.70508 6.70498L4.50008 9.49998L10.5001 3.49998L9.79508 2.79498L4.50008 8.08498Z' fill='black'/%3E%3C/svg%3E");background-repeat:no-repeat;width:12px;height:12px;position:absolute;top:4px;left:-16px}.medispa-hero-banner .hero-price-callout-wrapper .footnote .learn-more a{color:#494949;font-size:12px;font-style:normal;font-weight:400;line-height:140%;text-decoration:underline;white-space:nowrap}.medispa-hero-banner .retail-price{color:#333;font-family:var(--body-font),system-ui,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:140%}.medispa-hero-banner .retail-price.slash-through{text-decoration:line-through;margin-right:auto;white-space:nowrap}.medispa-hero-banner .our-partners-wrapper{display:flex;flex-flow:row nowrap;gap:16px;justify-content:space-between;align-items:center}.medispa-hero-banner .partners-label{color:#000;font-family:var(--body-font);font-size:14px;font-style:normal;font-weight:700;line-height:140%;flex:1 0 auto}.medispa-hero-banner .partner-logos-carousel{height:100%;display:flex;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#000 0% 87.5%,#0000);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 87.5%,rgba(0,0,0,0) 100%);width:calc(100% + 80px);margin-left:-40px}@media(min-width:768px){.medispa-hero-banner .partner-logos-carousel{width:100%;margin-left:0}}.medispa-hero-banner .partner-logos-carousel:after{content:none}.medispa-hero-banner .partner-logos-carousel .swiper-wrapper{display:flex}.medispa-hero-banner .partner-logos-carousel .swiper-slide:not(.main-image-wrapper,.image-thumb-wrapper):before{content:unset}.medispa-hero-banner .partner-logos-carousel .swiper-slide{width:fit-content}.medispa-hero-banner .partner-logos-carousel .swiper-button-next{right:0;height:48px}.medispa-hero-banner .partner-logos-carousel .swiper-button-next svg{width:32px;height:32px}.medispa-hero-banner .our-partners-wrapper__mobile{display:none}.medispa-hero-banner .medispa-partner-logo{height:100%;width:auto;flex:0}.medispa-hero-banner .call-us-cta{text-decoration:none;font-size:16px;font-weight:700;line-height:22px;letter-spacing:.64px;text-transform:uppercase;border:1px solid #333;display:block;width:100%;text-align:center;padding:12px 32px;background-color:#fff}.medispa-hero-banner .call-us-cta:hover{background-color:#333;color:#fff;border:1px solid #fff;transition:background-color .3s ease,color .3s ease}.medispa-hero-banner .medispa-whatsapp-chat-cta{text-decoration:none;font-size:16px;font-weight:700;line-height:22px;letter-spacing:.64px;text-transform:uppercase;border:1px solid #333;display:block;width:100%;text-align:center;padding:12px 32px;height:fit-content}.medispa-hero-banner .hero-terms-and-conditions{display:block;margin-bottom:16px;font-family:var(--body-font),sans-serif;font-size:12px;font-weight:700}.medispa-hero-banner .hero-terms-and-conditions__popup-button{cursor:pointer;margin-left:4px;font-family:var(--body-font),sans-serif;font-size:12px;font-weight:700;text-decoration:underline}@media only screen and (max-width:1279px){.medispa-hero-banner .footer{flex-direction:column-reverse;gap:8px}}@media only screen and (min-width:960px)and (max-width:1279px){.medispa-hero-banner .medispa-highlight-img{translate:-100px}.medispa-hero-banner .hero-banner-content-wrapper{max-width:550px}}@media only screen and (min-width:768px)and (max-width:959px){.medispa-hero-banner .medispa-highlight-img{translate:-200px}.medispa-hero-banner .hero-banner-content-wrapper{max-width:450px}.medispa-hero-banner .partner-logos-carousel .swiper-button-next svg{width:24px;height:24px}.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper{flex-direction:column}.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper button,.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper a{width:100%!important}.medispa-hero-banner .hero-price-callout-wrapper .price-heading .pricing-offer{gap:8px}.medispa-hero-banner .hero-price-callout-wrapper .price-heading .pricing-offer .deposit-price{width:100%;text-align:left}.medispa-hero-banner .hero-price-callout-wrapper .footnote{display:block}.medispa-hero-banner .hero-price-callout-wrapper .footnote>div{display:flex;gap:54px}.medispa-hero-banner .hero-price-callout-wrapper .footnote p{max-width:100px}.medispa-hero-banner .hero-price-callout-wrapper .footnote ul{display:block}.medispa-hero-banner .hero-price-callout-wrapper .footnote div.learn-more{margin-top:-18px}}.medispa-dropdown-trigger+.medispa-dropdown-options{width:100%!important}@media only screen and (max-width:767px){.medispa-hero-banner{padding-top:0;display:flex;flex-flow:column nowrap}.medispa-hero-banner .medispa-highlight-img-wrapper{position:relative}.medispa-hero-banner .medispa-highlight-img-wrapper:after{content:unset}.medispa-hero-banner .medispa-highlight-img{display:none}.medispa-hero-banner .medispa-highlight-img__mobile{display:initial}.medispa-hero-banner .inner-container{width:calc(100% - 48px);max-width:unset;justify-content:flex-start}.medispa-hero-banner .hero-banner-content-wrapper{max-width:unset;padding-top:24px;padding-bottom:0}.medispa-hero-banner .title-wrapper .hero-title{font-size:24px}.medispa-hero-banner .hero-description{margin-bottom:16px}.medispa-hero-banner .hero-price-callout-wrapper .offer-price-wrapper{gap:14px;margin-bottom:16px}.medispa-hero-banner .hero-price-callout-wrapper .booking-wrapper{width:100%}.medispa-hero-banner .hero-price-callout-wrapper .booking-wrapper .footer button.ba-btn.open-offer,.medispa-hero-banner .hero-price-callout-wrapper .booking-wrapper .footer a.ba-btn.open-offer{flex:1 1 auto;width:100%}.medispa-hero-banner .our-partners-wrapper{display:none}.medispa-hero-banner .our-partners-wrapper__mobile{display:flex;flex-flow:column nowrap;height:fit-content;justify-content:center;align-items:center;padding:16px;gap:8px;order:2}.medispa-hero-banner .our-partners-wrapper__mobile .partners-label{flex:0}.medispa-hero-banner .our-partners-wrapper__mobile .partner-logos-carousel{height:24px}.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper{flex-direction:column}.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper button:not(.footer button),.medispa-hero-banner .hero-price-callout-wrapper .pricing-booking-cta .booking-wrapper a{width:100%}.medispa-hero-banner .hero-price-callout-wrapper .price-heading{margin-bottom:16px;padding:24px 16px}.medispa-hero-banner .hero-price-callout-wrapper .price-heading .pricing-offer{flex-wrap:wrap;text-align:center;gap:8px}.medispa-hero-banner .hero-price-callout-wrapper .price-heading .pricing-offer .deposit-price{font-size:14px;text-align:center}.medispa-hero-banner .hero-price-callout-wrapper .price-heading .pricing-offer .retail-price.slash-through{margin-right:initial}.medispa-hero-banner .hero-price-callout-wrapper .footnote{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px 24px}.medispa-hero-banner .hero-price-callout-wrapper .footnote p{font-size:16px;margin-bottom:8px}.medispa-hero-banner .hero-price-callout-wrapper .footnote ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.medispa-hero-banner .hero-price-callout-wrapper .footnote ul li span{display:none}.medispa-dropdown-trigger+.medispa-dropdown-options{width:100%!important}}.sticky-booking{display:block;position:fixed;top:0;width:100%;height:80px;border-bottom:1px solid var(--Black, #333);background:var(--White, #fff);z-index:59;transition:top .3s ease}.sticky-booking.hide{top:unset;bottom:-48px}.sticky-booking .booking-wrapper.open~.overlay{position:fixed;top:0;bottom:0;right:0;left:0;z-index:9}.sticky-booking .booking-wrapper.open{z-index:33}.sticky-booking.hide .medispa-dropdown-trigger+.medispa-dropdown-options{transform:translateY(100%)}.sticky-booking .medispa-dropdown-trigger+.medispa-dropdown-options{bottom:auto;top:0;transform:translateY(-100%)}@media only screen and (min-width:768px){.sticky-booking{display:none}}@media only screen and (max-width:767px){.sticky-booking{top:unset;bottom:0;transition:bottom .3s ease;height:48px;left:0;right:0;z-index:13}.sticky-booking .medispa-dropdown-trigger+.medispa-dropdown-options{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/610/assets/medispa-hero-banner.css.map */