.block-standard-hero .heading {
	line-height: 1.2;
}
@media screen and (min-width: 1200px) {
	.page-id-215 .block-standard-hero .heading {
		font-size: 50px;
	}
}
.block-image-comparison-tiles .block-image-comparison-tiles__tile {
    background-color: #072E41;
}
.block-image-comparison-tiles .block-image-comparison-tiles__overline {
    color: #F3EEE3;
}
.block-image-comparison-tiles .block-image-comparison-tiles__heading {
	color: #FFF;
}
.block-image-comparison-tiles .block-image-comparison-tiles__button:before {
	border-color: transparent transparent #E2BB65 transparent;
}
.block-image-comparison-tiles .block-image-comparison-tiles__copy p {
	color: #FFF;
}

.block-basic-content.content-alignment-center.contact-form .block-basic-content__wrapper {
	padding-top: 0;
	padding-bottom: 0;
}

.block-basic-content.content-alignment-center.home-map .block-basic-content__wrapper {
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 0;
	width: 100%;
}

.page-id-4396 .amp-hero {
	margin-bottom: 0;
}
@media screen and (min-width: 992px) {
	.page-id-4396 .amp-hero .block-hero-full__wrapper {
		padding: 8rem 0;
	}
}
@media screen and (max-width: 991px) {
	.page-id-4396 .amp-hero {
		position: relative;
	}
	.page-id-4396 .amp-hero .block-hero__inner-container {
		height: 600px;
	}
	.page-id-4396 section.block-hero-full.amp-hero .block-hero__inner-container + .container {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.page-id-4396 section.amp-hero:not(.block-hero-full-cta) > .container > .row {
		margin-top: 3rem;
	}
}
@media screen and (max-width: 768px) {
	.page-id-4396 .block-hero-full-cta__wrapper_inner {
		min-height: 168px;
	}
}

.page-id-4396 .amp-hero .block-hero-full-overlay {
	background: initial !important;
}
.page-id-4396 .amp-hero p {
	color: #fff;
}

.page-id-4396 .amp-usp {
	padding-top: 0;
	padding-bottom: 0;
}

.page-id-4396 .amp-usp .block-text-tiles__tile {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	background: white;
    box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 15%);
}
.page-id-4396 .amp-usp .block-text-tiles__tile-title {
	color: black;
}

.page-id-4396 .amp-usp .block-text-tiles__tile > *:nth-last-child(1) {
	margin-bottom: 0;
}

.page-id-4396 .amp-usp .icon {
	width: 40px;
	object-fit: contain;
}

.page-id-4396 .amp-red-carpet-text .block-basic-content__wrapper {
	padding: 20px 0;
}

@media screen and (min-width: 992px) {
	.page-id-4396 .amp-red-carpet-text .block-basic-content__wrapper {
		padding: 20px 0 5rem;
	}
}
.page-id-4396 .amp-red-carpet-text .block-basic-content__wrapper > div > *:nth-last-child(1) {
	margin-bottom: 0;
}
.page-id-4396 .amp-red-carpet-text.block-basic-content {
	min-height: initial;
}

@media screen and (min-width: 992px) {
	.page-id-4396 .amp-video {
		margin-bottom: 5rem;
	}
}
.page-id-4396 .amp-video .container-fluid {
	max-width: 1200px;
}
.page-id-4396 .amp-video.block-video .video-item .play-icon {
	left: 50%;
}
.page-id-4396 .amp-video.block-video img,
.page-id-4396 .amp-video.block-video picture:after {
	border-radius: 35px;
}

.notification-banner {
	background: #F3EEE3;
}
.notification-banner p {
	color: #082E41;
}
.notification-banner p a {
	color: #E2BB65
}

.notification-banner #close_black_24dp {
	fill: #082E41;
}

.block-image-comparison-tiles .block-image-comparison-tiles__heading a {
	color: #FFF;
	text-decoration: none;
}
.block-image-comparison-tiles .block-image-comparison-tiles__heading a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 991px) {
	#video-hero {
		position: relative;
	}
	#video-hero > .container {
	    position: absolute;
	    bottom: 50px;
	    left: 0;
	    z-index: 2;
	}
	#video-hero .block-hero-standard__wrapper {
	    height: initial;
	    position: initial;
	    padding: 0;
	}
	#video-hero .block-hero-standard-video-inner {
		position: initial;
		height: 590px;
	}
	#video-hero .block-hero-standard-video-inner picture {
	    height: 100%;
	}
	#video-hero .block-hero-standard-video-inner picture img {
	    position: initial;
	    height: 100%;
	}
	#video-hero .block-hero__inner-container {
		height: 100%;
		position: absolute;
		width: 100%;
	}
	#video-hero .container .block-hero__inner-container {
		position: initial;
		height: initial;
	}
	#video-hero .block-hero-standard-overlay {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.elfsight-desktop {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.elfsight-mobile {
		display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.elfsight-desktop {
		display: none;
	}
}

.elfsight-mobile > div > div > div > div > div > div,
.elfsight-desktop > div > div > div > div > div > div {
	flex-direction: row;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    align-items: center;
    gap: 5px;
}
.elfsight-mobile > div > div > div > div > div > div > div,
.elfsight-desktop > div > div > div > div > div > div > div {
	margin: 0 !important;
	flex-direction: row !important;
}
.elfsight-desktop > div > div > div > div > div > div {
	padding-top: 0;
}
.elfsight-desktop {
	margin-right: 10px;
}

@media screen and (max-width: 767px) {
	.site-pusher {
		padding-top: 90px;
	}
}

@media screen and (max-width: 1023px) {
	.page-template-default .block-hero-full .book-appointment-btn, 
	.page-template-default .block-hero-standard .book-appointment-btn {
		position: relative;
		margin-top: -20px;
		z-index: 2 !important;
		top: initial !important;
		left: initial !important;
		right: initial !important;
		bottom: initial !important;
	}
}

#content .block-content-image,
#content .block-team-showcase,
#content .block-text-tiles,
#content .block-animated-title,
#content .block-accordion-faq,
#content .block-treatment-banner,
#content .block-floating-content-with-images,
#content .block-blog-slider,
#content .block-map-block,
#content .block-columns,
#content .block-basic-content__wrapper,
#content .block-team-grid,
#content .block-large-contact-form {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

@media (min-width: 992px) {
	#content .block-content-image,
	#content .block-team-showcase,
	#content .block-text-tiles,
	#content .block-animated-title,
	#content .block-accordion-faq,
	#content .block-treatment-banner,
	#content .block-floating-content-with-images,
	#content .block-blog-slider,
	#content .block-map-block,
	#content .block-columns,
	#content .block-basic-content__wrapper,
	#content .block-team-grid,
	#content .block-large-contact-form {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}
}

#content .block-content-image__image {
	margin-top: 0 !important
}

@media (min-width: 992px) {
    #content .block-map-block__map-col {
        margin-bottom: 0 !important;
    }
}

.page-id-137 #content .block-basic-content__wrapper {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.page-id-137 .block-basic-content {
	min-height: initial !important;
}

.site-pusher section.mb--default:last-child { margin-bottom: 1.875rem !important; }
@media (min-width: 992px) {
    .site-pusher section.mb--default:last-child { margin-bottom: 4.375rem !important; }
}
.site-pusher section.mb--half:last-child   { margin-bottom: 1.875rem !important; }
.site-pusher section.mb--none:last-child   { margin-bottom: 0 !important; }

.medizen-whatsapp {
    position: fixed;
    bottom: 12px;
    right: 12px;
    background: #25d366;
    border-radius: 50%;
    z-index: 999998;
    padding: 7.5px;
    cursor: pointer;
    width: 60px;
    height: 60px;
    font-size: 2.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 992px) {
	section.block-hero-standard.video {
		height: 85vh;
		min-height: 800px;
        display: flex;
		align-items: center;
	}
	section.block-hero-standard.video .block-hero-standard-overlay {
		left: 0;
	}
	section.block-hero-standard.video .block-hero-standard-video-inner img {
		width: 100%;
	}
}

section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod {
	background: none;
}
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme .gfield_label {
	color: #fff;
}
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=color], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=date], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=datetime-local], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=datetime], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=email], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=month], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=number], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=password], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=search], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=tel], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=text], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=time], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=url], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=week], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme select, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme textarea {
	background-color: #072E41;
	border: 0.5px solid #fff;
}
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=color]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=date]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=datetime-local]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=datetime]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=email]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=month]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=number]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=password]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=search]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=tel]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=text]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=time]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=url]::placeholder, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme input[type=week]::placeholder {
	color: #fff;
}
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .gform_wrapper.gravity-theme .gfield a {
	color: #fff;
}

section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .btn, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .button, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod input[type="submit"], 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod button[type="submit"] {
	background: #fff;
	color: #072E41;
	border: 2px solid #fff;
}
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .btn:hover, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod .button:hover, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod input[type="submit"]:hover, 
section.block-large-contact-form.full-width.bg--primary .block-large-contact-form__pod button[type="submit"]:hover {
	background: #072E41;
	color: #FFF;
	border-color: #FFF;
}

section.block-large-contact-form.full-width .col-xl-6 {
	width: 100%;
}
section.block-large-contact-form.full-width .block-large-contact-form__pod {
	padding: 0;
}

/* Blue hero gradient + white text — desktop only */
@media (min-width: 992px) {
	.block-hero-standard-overlay {
		width: 70% !important;
		left: 0 !important;
		background: linear-gradient(90deg, rgba(28, 51, 84, 0.85) 0%, rgba(28, 51, 84, 0) 100%) !important;
	}

	.block-hero-standard .heading,
	.block-hero-standard h1,
	.block-hero-standard h2,
	.block-hero-standard-content,
	.block-hero-standard-content p {
		color: #fff !important;
	}
}

/* Washed teal — cool light section tone (cream's cool sibling) */
.bg--washed{background-color:#E8F1F1!important;}

/* how-it-works: equalise card heights across the swiper (assert over swiper.css cascade) */
.block-how-it-works .hiw-swiper .swiper-wrapper{align-items:stretch!important;}
.block-how-it-works .hiw-swiper .swiper-slide{height:auto!important;display:flex!important;}
.block-how-it-works .hiw-swiper .swiper-slide>.block-how-it-works__step{height:100%!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;}
.block-how-it-works .hiw-swiper .block-how-it-works__step-body{flex:1 1 auto!important;}


/* team-showcase bg-token fix (corrected 2026-08-03).
   The :before/:after are OPAQUE masks (z-index:1) that hide the thumbnail carousel's
   sideways overflow (.swiper is overflow:visible). They MUST be opaque and the SAME
   colour as the section -- transparent lets the thumbnails bleed through under the
   feature card/text. Root cause of the original protrusion: the block's own
   .block-team-showcase.theme--light{background:#FAFAF8!important} (2-class) beat the
   single-class bg token on the SECTION, so section=#FAFAF8 while the mask went cream.
   Fix: pin BOTH the section and its masks to the token colour at #content (ID) specificity
   so it wins regardless of load order. */
#content .block-team-showcase.bg--tertiary{background-color:#F3EEE3!important;}
#content .block-team-showcase.bg--washed{background-color:#E8F1F1!important;}
#content .block-team-showcase.bg--tertiary .block-team-showcase__thumb-carousel__wrapper:before,
#content .block-team-showcase.bg--tertiary .block-team-showcase__thumb-carousel__wrapper:after{background-color:#F3EEE3!important;}
#content .block-team-showcase.bg--washed .block-team-showcase__thumb-carousel__wrapper:before,
#content .block-team-showcase.bg--washed .block-team-showcase__thumb-carousel__wrapper:after{background-color:#E8F1F1!important;}


/* content-image-video optional image carousel (vanilla JS, no dependency) */
.civ-carousel{position:relative;width:100%;}
.civ-carousel__viewport{position:relative;width:100%;overflow:hidden;border-radius:12px;} /* aspect-ratio set inline per block */
.civ-carousel__track{display:flex;width:100%;height:100%;will-change:transform;transition:transform .45s cubic-bezier(.4,0,.2,1);}
.civ-carousel__slide{flex:0 0 100%;width:100%;height:100%;}
.civ-carousel__slide picture,.civ-carousel__slide img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px;}
.civ-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#072E41;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.18);opacity:0;transition:opacity .2s,background .2s;}
.civ-carousel:hover .civ-carousel__nav,.civ-carousel__nav:focus-visible{opacity:1;}
.civ-carousel__nav:hover{background:#fff;}
.civ-carousel__nav--prev{left:12px;}
.civ-carousel__nav--next{right:12px;}
.civ-carousel__dots{position:absolute;left:0;right:0;bottom:14px;z-index:3;display:flex;gap:8px;justify-content:center;}
.civ-carousel__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:pointer;transition:width .25s,background .2s;}
.civ-carousel__dot.is-active{width:22px;border-radius:4px;background:#fff;}
@media (max-width:991px){.civ-carousel__nav{opacity:1;width:36px;height:36px;}}


/* content-table value cells: the block CSS sets .btb-cell{display:flex}, which turns
   each link/word into a flex item that will not flow or share a baseline. Make value
   cells normal block text flow so links + connectors sit on one baseline and <br>
   breaks cleanly (e.g. "Medical-grade skincare" / "+ gentle peels"). */
.block-content-table .btb-cell--value{display:block!important;}
.block-content-table .btb-cell--value a{vertical-align:baseline;}

/* === Before & After tiles (2026-08-05 rev3): 3-line heading clamp + reliable button + equal height only when "open all" === */
.block-image-comparison-tiles .block-image-comparison-tiles__heading {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
}
/* make sure the corner toggle is always the top-most, clickable element */
.block-image-comparison-tiles .block-image-comparison-tiles__button {
	cursor: pointer;
	z-index: 4;
}
/* equal-height tiles ONLY when the block is set to open all by default (keeps the normal collapsed view natural) */
.block-image-comparison-tiles--open-all .bict-swiper .swiper-wrapper { align-items: stretch; }
.block-image-comparison-tiles--open-all .bict-swiper .swiper-slide { height: auto; }
.block-image-comparison-tiles--open-all .block-image-comparison-tiles__tile {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.block-image-comparison-tiles--open-all .block-image-comparison-tiles__comparison { flex: 0 0 auto; }
.block-image-comparison-tiles--open-all .block-image-comparison-tiles__content { flex: 1 1 auto; }