body.page-template-home-new {
	--home-padding-top: 150px;
	--home-padding-left-right: 50px;
}

body.page-template-home-new #masthead {
	opacity: 0;
	visibility: hidden;
}

@media only screen and (max-width: 1024px) {
	body.page-template-home-new {
		--home-padding-top: 150px;
		--home-padding-left-right: 23px;
	}
}

.home__container {
	/* background-color: var(--color-dark-blue); */
}

.home__container section {
	/* z-index: 5; */
	position: relative;
}

.home__hero {
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	padding-bottom: 80px;
	position: relative;
	overflow: hidden;
}
.home__hero__background {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
}

.home__hero__background img,
.home__hero__background video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 25%;
	opacity: 0.85;
}

.home__hero__background .sibling {
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
	mix-blend-mode: exclusion;
    background-color: var(--color-dark-blue);
}

.home__hero__title {
	font-size: 8vw; /* ::reusable */
	font-weight: var(--font-weight--semibold);
	color: var(--color-gold);
	line-height: 0.88;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	width: fit-content;
	display: flex;
    align-items: center;
	letter-spacing: -0.23vw;
	opacity: 0;
	visibility: hidden;
}

.home__hero__title > span {
	font-size: 8vw; /* ::reusable */
	font-weight: var(--font-weight--semibold);
	letter-spacing: -0.2vw; /* ::reusable */
	color: var(--color-gold);
	position: relative;
	letter-spacing: -0.1px;
}

.home__hero__title-drinfo {
	width: 200px;
	display: flex;
    flex-direction: column;
    gap: 10px;
	margin-left: -200px;
	opacity: 0;
	visibility: hidden;
}

.home__hero__title-drinfo span {
	color: white;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0; /* ::reusable */
	font-weight: var(--font-weight--regular);
}

@media only screen and (max-width: 1024px) {
	.home__hero__title {
		font-size: 10.1vw;
		letter-spacing: -0.35vw;
	}
	.home__hero__title > span {
		font-size: 10.1vw;
		letter-spacing: -0.2px;
	}
	.home__hero__title-drinfo {
		width: 170px;
		margin-left: -170px;
	}
	.home__hero__title-drinfo span {
		font-size: 16px;
	}
}

.home__about {
	z-index: 1;
	height: 100vh;
	width: 100%;
	padding-top: var(--home-padding-top);
	padding-left: var(--home-padding-left-right); /* ::reusable */
	padding-right: var(--home-padding-left-right); /* ::reusable */
}

.home__about__inner-section {
	max-width: 1260px;
	width: 100%;
	padding-top: 120px;
	position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

@media only screen and (max-width: 1024px) {
	.home__about__inner-section {
		padding-top: 9vh;
		max-width: 760px;
	}
}

.home__about__inner-section button,
.home__bio__inner-section a {
	background-color: #ffffff36;
	border-radius: var(--border-radius-pane);
	cursor: pointer;
	pointer-events: all;
    line-height: 1;
    padding: 20px 60px;
	margin-top: 60px;
	display: inline-block;
}

.home__about__inner-section button {
	color: white;
}

.home__about__inner-section--two .line, 
.home__about__inner-section--three .line {
	opacity: 0;
	visibility: hidden;
}

.home__about__inner-section .section-text p {
	color: rgba(255, 255, 255, 0.305);
}

.home__about__inner-section--one {
	z-index: 1;
}

.home__about__inner-section--one .section-text p,
.home__about__inner-section h3 {
	font-size: 66px; /* ::reusable */
	font-weight: var(--font-weight--regular);
	line-height: 1.51;
}

@media only screen and (max-width: 1024px) {
	.home__about__inner-section--one .section-text p,
	.home__about__inner-section h3 {
		font-size: 3.6vw;
		line-height: 1.71;
	}
}

.home__about__inner-section--two .section-text p,
.home__about__inner-section--three .section-text p {
	font-size: 29px; /* ::reusable */
	font-weight: var(--font-weight--regular);
	line-height: 1.5;
}
@media only screen and (max-width: 1024px) {
	.home__about__inner-section--two .section-text p,
	.home__about__inner-section--three .section-text p {
		font-size: calc(2vh + 0.3vw);
		font-weight: var(--font-weight--regular);
		line-height: 1.5;
	}
}
.home__procedures, .home__bio {
	height: 100vh;
	width: 100%;
	padding-top: var(--home-padding-top);
	padding-left: var(--home-padding-left-right); /* ::reusable */
	padding-right: var(--home-padding-left-right); /* ::reusable */
}

.home__procedures {
	z-index: 1;
}
.home__procedures__inner-section {
	padding-top: 30px;
	position: relative;
	height: 100%;
}

.home__procedure {
	height: 100%;
	filter: blur(0px);
	position: absolute;
	height: 100%;
	transform: translate(0px, 100%);
	width: 100%;
}

.home__procedure--one {
	transform: unset;
}


.home__procedure__in {
	display: flex;
    height: min-content;
    gap: 2px;
    width: 100%;
    align-items: stretch;
}

.home__procedure__in-left {
	flex: 70%;
	display: flex;
	flex-direction: column;
}

.home__procedure__in-left__top {
	border-radius: var(--border-radius);
	background-color: #91e3fe;
	/* padding: 35px 90px; */
	padding: 0 90px;
	height: 370px;
    display: flex;
    align-items: center;
	margin-bottom: 2px;
}


.home__procedure__in-left__top h3 {
	font-size: 81px;
	font-weight: var(--font-weight--semibold);
	width: 490px;
	margin-bottom: 0;
}




.home__procedure__in-left__bottom {
	border-radius: var(--border-radius);
	background-color: white;
	display: flex;
    flex-direction: column;
    padding: 75px 90px;
}

.home__procedure__in-left__bottom {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	font-size: 25px;
}


.home__procedure__in-left__bottom > div {
	padding: 14px 0;
    margin: 0;
}

.home__procedure__in-left__bottom > div:not(:nth-child(1)) {
    border-top: 1px solid #eaeaea;
}

.home__procedure__in-left__bottom .line {
	width: 3px;
    height: 22px;
	top: 2px;
	position: relative;
	margin-right: 26px;
	display: inline-block;
	background-color: #D0CECE;
}
@media only screen and (max-width: 1024px) {
	.home__procedure__in-left__bottom .line {
		margin-right: 19px;
	}
}
.home__procedure__in-left__bottom .smnl {
	font-size: 25px;
}

.home__procedure__in-left__bottom .smnl i {
    margin-left: 15px;
    font-size: 25px;
    vertical-align: middle;
	opacity: 0;
	visibility: hidden;
}

.home__procedure__in-left__bottom .smsm {
	font-size: 25px;
	/* height: 0; */
	opacity: 1;
}



.home__procedure__in-right {
	flex: 30%;
	overflow: hidden;
	border-radius: var(--border-radius);
	height: min-content;
}

.home__procedure__in-right-image {
	height: calc(100vh - 270px - 30px);
}


@media only screen and (max-width: 1024px) {
	.home__procedure__in-left__top {
		padding: 0 44px;
		height: 210px;
	}
	
	.home__procedure__in-left__top h3 {
		width: 100%;
		font-size: 5.8vw;
	}
	.home__procedure__in-left__bottom {
		padding: 23px 44px;
	}
	.home__procedure__in-left__bottom,
	.home__procedure__in-left__bottom .smnl,
	.home__procedure__in-left__bottom .smsm {
		font-size: calc(1.6vh + 0.5vw);
	}
	.home__procedure__in-left__bottom > div {
		padding: calc(0.9vh + 0.2vw) 0;
	}
	.home__procedure__in-right-image {
		height: calc(100vh - 210px - 30px);
	}
}

@media only screen and (max-width: 780px) {
	.home__procedure__in-left__bottom .smnl i {
		opacity: 1;
		visibility: visible;
	}
	.home__procedure__in-left__bottom .smsm {
		opacity: 0;
		height: 0;
	}
}

.home__procedure__in-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home__progress-line {
	width: 100%;
	height: 1px;
	background-color: #fff3;
	overflow: hidden;
	margin-bottom: 15px;
	z-index: 1;
    position: relative;
}

.home__progress-bar {
	background-color: #fff;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	transform: scaleX(0);
    transform-origin: 0% 50%;
}

.home__progress-bar.full {
	transform: scaleX(1);
}

.home__progress-sections {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.home__progress-section {
	color: #FFFFFF61;
	font-size: 19px;
	font-weight: var(--font-weight--regular);
	transition: 0.3s color;
	letter-spacing: 2.5px;
}
@media only screen and (max-width: 1024px) {
	.home__progress-section {
		font-size: 14px;
	}
}
.home__procedures .home__progress-section {
	/* flex: 16.66%; */
	flex: 20%;
}

.home__progress-section.active {
	color: white;
}


.home__about-spacer {
	height: 3000px;
	width: 100%;
}

.home__procedures-spacer {
	height: 2500px;
	width: 100%;
}

.home__procedures-extra-spacer {
	height: 400px;
	width: 100%;
}

.home__bio {
	overflow: unset !important;
}

.home__bio-spacer {
	height: 4000px;
	width: 100%;
	z-index: -1;
}

.home__bio-extra-spacer {
	height: 1000px;
	width: 100%;
}


.home__bio__inner-section {
	padding-top: 100px;
	display: flex;
    width: max-content;
    position: absolute;
}

.home__bio__inner-section-titles {
	display: flex;
	width: calc(100vw - 2 * 50px);
    flex-direction: column;

	z-index: 2;
	position: relative;
}

.home__bio__inner-section-photo {
	display: flex;
    /* width: max-content; */
    flex-direction: column;
    height: 100vh;
	z-index: 0;
	width: 77vw;
}

.home__bio__inner-section-photo img {
	object-position: top;
	object-fit: contain;
	height: 100%;
    width: 60%;
    transform: scale(4.6);
    transform-origin: 50% 11%;
    opacity: 0.65;
}

.home__bio__inner-section-photo video {
	object-position: bottom center;
	object-fit: cover;
	width: max-content;
	height: 100%;
	/* width: 100%; */
	position: relative;
	transform: scale(1);
    left: 0;
    top: 0;
    transform-origin: 0;
}

.home__bio__inner-section-photo .sibling {
	object-position: bottom center;
	object-fit: contain;
	height: 100%;
	position: absolute;
	top: 0;
	left: -2px;
	transform: scale(1);
	/* background: #04172f; */
	mix-blend-mode: screen;
}

.home__bio__title {
	font-weight: var(--font-weight--semibold);
	letter-spacing: -0.2vw; /* ::reusable */
	color: #91e3fe;
	font-size: 8vw; /* ::reusable */
	line-height: 0.88;
	position: relative;
	left: 50%;
	width: fit-content;
}

.home__bio__inner-section-text {
	display: flex;
	flex-direction: column;
	z-index: 2;
	/* max-width: calc(1260px + 100px + 10vw); */
    /* padding-right: calc(100px + 10vw); */
	position: relative;
	transform: translate(-40vw, 0px);
	max-width: calc(1260px + 500px + 25vw);
	padding-right: calc(500px + 25vw);
}

.home__bio__inner-section-text a {
	color: var(--color-gold);
}

.home__bio__inner-section-text .section-text p {
	color: white;
	font-size: 66px; /* ::reusable */
	font-weight: var(--font-weight--regular);
	line-height: 1.51;
}

@media only screen and (max-width: 1024px) {
	.home__bio__inner-section-text .section-text p {
		font-size: 3.9vw;
	}
}

.home__bio__progress {
	z-index: 1;
	position: relative;
}



.videomask__title {

}

.banner {
	--svg-left: 30vw;
	--banner-left: 30vw;
  position: relative;
  width: calc(230vw + var(--banner-left));
  height: 100vh;
  overflow: hidden;
  left: -30vw;
}

video.video-masked {
  position: absolute;
  /* top: 0;
  left: 0; */
  width: 100vw;
  height: calc(100vh - 2px + 100px);
  object-fit: cover;
  pointer-events: none;
}

video.video-masked.click-event {
	pointer-events: all;
	cursor: pointer;
}

.videomask__titles {
	display: flex;
	/* align-items: center; */
	justify-content: center;
	flex-direction: column;
	width: 100%;
	transform-origin: 100vw 0;
	transform: scale(5);
	cursor: pointer;
	pointer-events: all;
}

#videomask, #videomask2 {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	/* align-items: center; */
	justify-content: center;
	flex-direction: column;
	width: calc(230vw); /* + marginLeft */
	padding-bottom: 50vh;
	/* height: 100%; */
	margin: 0;
	font-weight: var(--font-weight--semibold);
	font-size: 8vw; /* ::reusable */
	line-height: 1;
	text-align: center;
	background-color: #ffffff;
	mix-blend-mode: screen;

	transform: scale(1.001);
}

#videomask2 {
  color: #fff;
  background-color: var(--color-dark-blue);
  mix-blend-mode: multiply;
}
  
.home__bio .cursor-circle {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background-color: var(--color-gold);
	font-size: 18px;
	overflow: hidden;
	z-index: 4;
	opacity: 0;
	font-weight: var(--font-weight--semibold);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	color: var(--color-dark-blue);
	pointer-events: none;
}

.banner svg { 
	width: 230vw;
	left: calc(-1 * var(--svg-left));
	position:absolute;
	top: 0;
	height: 100%;
	transform-origin: 100vw 0;
	transform: scale(5);
	/* cursor: pointer;
	pointer-events: all; */
}
.banner svg text {
	font-family: "TikTok Sans", sans-serif;
	font-weight: var(--font-weight--bold);
	letter-spacing: -0.18vw; /* ::reusable */
	font-size: 8vw;
}

.banner svg > text {
	cursor: none;
}

.home__specialties {
	padding-top: var(--home-padding-top);
    padding-left: var(--home-padding-left-right);
    padding-right: var(--home-padding-left-right);
	min-height: 100vh;
}


.home__specialties__progress {
	z-index: 1;
	position: relative;
}

.home__specialties__inner-section {
	--specialties-gap: 4px;
	display: grid;
	/* grid-template-columns: repeat(7, minmax(0, 1fr)); */
	grid-template-columns: 12.5% 25% 12.5% 25% 25%;
	grid-template-rows: repeat(6, calc(16vh - 39px)); /* 6 smaller rows */
	gap: var(--specialties-gap);
	padding-right: calc(4 * var(--specialties-gap));
	margin-top: 26px;
}

.home__specialties__single-container {
	backdrop-filter: blur(20px);
	border-radius: var(--border-radius);
	background-color: var(--color-gold-transparent);
	padding: 30px 0;
	display: flex;
    align-items: center;
    justify-content: center;
}

.home__specialties__single {

}
/* LEFT COLUMN */
/* COLUMN 1 */
.surgeon, .surgeon-en {
	grid-column: 1;
	grid-row: 1 / span 3;
}

.anesthesiologist, .anesthesiologist-en {
	grid-column: 1;
	grid-row: 4 / span 3;
}

.pulmonologist, .pulmonologist-en {
	grid-column: 2;
	grid-row: 1 / span 2;
}

.physiologists, .physiologists-en {
	grid-column: 2;
	grid-row: 3 / span 2;
}

.psychologists, .psychologists-en {
	grid-column: 2;
	grid-row: 3 / span 2;
}

.radiologist-specialist, .radiologist-specialist-en {
	grid-column: 2;
	grid-row: 5 / span 2;
}

.endocrinologist, .endocrinologist-en {
	grid-column: 3;
	grid-row: 1 / span 3;
}

.radiologist, .radiologist-en {
	grid-column: 3;
	grid-row: 4 / span 3;
}

.cardiologist, .cardiologist-en {
	grid-column: 4;
	grid-row: 1 / span 2;
}

.surgical-assistants, .surgical-assistants-en {
	grid-column: 4;
	grid-row: 3 / span 2;
}

.secretary, .secretary-en {
	grid-column: 4;
	grid-row: 5 / span 2;
}

.psychiatrist-psychoanalyst, .psychiatrist-psychoanalyst-en {
	grid-column: 5;
	grid-row: 1 / span 2;
}

.gastroenterologists, .gastroenterologists-en {
	grid-column: 5;
	grid-row: 3 / span 2;
}

.nutritionist-dietitian, .nutritionist-dietitian-en {
	grid-column: 5;
	grid-row: 5 / span 2;
}

.home__specialties__single-image {
    height: 150px;
    margin-bottom: 30px;
}

.home__specialties__single-image img {
	width: 100%;
	object-fit: contain;
	height: 100%;
}

.home__specialties__single-info h4 {
	text-align: center;
	color: white;
	/* text-transform: uppercase; */
	margin-top: 30px;
	font-size: 19px;
	font-weight: var(--font-weight--medium);
}

.home__testimonials {
	padding-top: var(--home-padding-top);
    padding-left: var(--home-padding-left-right);
    padding-right: var(--home-padding-left-right);
	min-height: 100vh;
}

.home__testimonials__progress {
	z-index: 1;
	position: relative;
}

.home__testimonials__inner-section {
	display: flex;
	gap: 2px;
	margin-top: 30px;
}

.home__testimonials .home__testimonials__inner-section .testimonial__single {
	width: 100%;
	float: unset;
	opacity: 1;
	visibility: visible;
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
}

.home__testimonials .home__testimonials__inner-section .testimonial__single__author {
	margin-top: auto;
}


.home__testimonials .home__testimonials__inner-section .testimonial__single p {
	font-size: 16px;
	font-weight: var(--font-weight--regular);
}

.group
{
	display: grid;
	grid-template-columns: 25% 25% 50%;
	/* grid-template-rows: 1fr 1fr; */
	grid-template-rows: repeat(2, calc(50vh - 140px));
	min-width: calc(100vw - 100px);
	gap: 2px;
}

.group .testimonial__single:nth-child(1),
.group .testimonial__single:nth-child(2)
{
	grid-row: span 2;
}

.group .testimonial__single:nth-child(3)
{
	grid-column: 3;
	grid-row: 1;
}

.group .testimonial__single:nth-child(4)
{
	grid-column: 3;
	grid-row: 2;
}

.group .testimonial__single:nth-child(1) .testimonial__single__text,
.group .testimonial__single:nth-child(2) .testimonial__single__text {
    max-height: 400px;
	overflow-y: scroll;
}

.group .testimonial__single:nth-child(3) .testimonial__single__text,
.group .testimonial__single:nth-child(4) .testimonial__single__text {
	max-height: 100px;
	overflow-y: scroll;
}