:root {
	--section-padding-top: 140px;
	--section-padding-right: 80px;
	--section-padding-bottom: 55px;
	--section-padding-left: 80px;
	
	--heading-title: 8vw;

	--page-padding-top: 146px;
	--page-padding-right: 80px;
	--page-padding-bottom: 55px;
	--page-padding-left: 80px;

	--real-100vh: 100vh;
}

:root[lang="el"] {
	--heading-title: 7.2vw;
}

@media only screen and (max-width: 1400px) {
	:root {
		--section-padding-top: 120px;
		--section-padding-right: 50px;
		--section-padding-bottom: 55px;
		--section-padding-left: 50px;

		--page-padding-top: 120px;
		--page-padding-right: 50px;
		--page-padding-bottom: 55px;
		--page-padding-left: 50px;
	}
}

@media only screen and (max-width: 1024px) {
	:root {
		--heading-title: 10.1vw;
	}
}

@media only screen and (max-width: 640px) {
	:root {
		--heading-title: 16.8vw;
		--section-padding-top: 40px;
		--section-padding-right: 15px;
		--section-padding-bottom: 15px;
		--section-padding-left: 15px;

		--page-padding-top: 40px;
		--page-padding-right: 15px;
		--page-padding-bottom: 15px;
		--page-padding-left: 15px;
	}
}

:root {
	--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) {
	:root {
		--home-padding-top: 150px;
		--home-padding-left-right: 23px;
	}
}

@media only screen and (max-width: 640px) {
	:root {
		--home-padding-top: 110px;
		--home-padding-left-right: 23px;
	}
}


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

.home__container section {
	/* z-index: 5; */
	position: relative;
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
	padding-left: var(--section-padding-left);
	padding-right: var(--section-padding-right);
}

.home__hero {
	width: 100%;
	height: var(--real-100vh);
	/* height: 100vh; */
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}

@media only screen and (max-width: 640px) {
	.home__hero {
		padding-bottom: 27px;
	}
}

.home__hero__background {
	position: absolute;
	z-index: 0;
	width: 100%;
	/* height: var(--real-100vh); */
	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 .video-1-mobile {
	display: none;
} */
@media only screen and (max-width: 640px) {
	/* .home__hero__background .video-1-desktop {
		display: none;
	}
	.home__hero__background .video-1-mobile {
		display: block;
	} */
	.home__hero__background img, .home__hero__background video {
		object-position: 70% 25%;
	}
}

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

.home__hero__title {
	font-size: var(--heading-title); /* ::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: var(--heading-title); /* ::reusable */
	font-weight: var(--font-weight--semibold);
	letter-spacing: -0.2vw; /* ::reusable */
	color: #ffffff00;
	position: relative;
	letter-spacing: -0.1px;
    text-shadow: var(--color-gold) 0px 0px 60px;
}

@media only screen and (max-width: 1024px) {
	.home__hero__title > span {
		text-shadow: var(--color-gold) 0px 0px 0px;
	}
}

.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 {
		letter-spacing: -0.35vw;
	}
	.home__hero__title > span {
		letter-spacing: -0.2px;
	}
	.home__hero__title-drinfo {
		width: 170px;
		margin-left: -170px;
	}
	.home__hero__title-drinfo span {
		font-size: 16px;
	}
}

@media only screen and (max-width: 640px) {
	.home__hero__title-drinfo {
		display: none;
	}
}

.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 */
}

@media only screen and (max-width: 640px) {
	.home__about {
		height: auto;
	}
}

.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;
	}
}

@media only screen and (max-width: 640px) {
	.home__about__inner-section {
		max-width: 426px;
		padding-top: calc(2.9vh + 0.6vw);
		position: relative;

	}
}

.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:hover,
.home__bio__inner-section a:hover {
	color: white;
	background-color: #00000011;
}

.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);
}
@media only screen and (max-width: 640px) {
	body .home__about__inner-section button,
	body .home__bio__inner-section a {
		padding: 17px 10px;
		margin-top: 35px;
	}
	.home__about__inner-section .section-text p {
		color: white;
	}
}
.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;
	}
}

@media only screen and (max-width: 640px) {
	.home__about__inner-section--one .section-text p,
	.home__about__inner-section h3 {
		font-size: calc(2.7vh + 0.3vw) !important;
		color: var(--color-gold);
	}
}

.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%;

}

.home__procedures:not(.home__procedures--page), .home__bio {
	padding-top: var(--home-padding-top);
	padding-left: var(--home-padding-left-right); /* ::reusable */
	padding-right: var(--home-padding-left-right); /* ::reusable */
}

@media only screen and (max-width: 640px) {
	.home__procedures, .home__bio {
		height: auto;
	}
}

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

@media only screen and (max-width: 640px) {
	.home__procedures__inner-section {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
}

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

@media only screen and (max-width: 640px) {
	.home__procedure {
		position: relative;
		transform: translate(0, 0);
	}
}

.home__procedure--one {
	transform: unset;
}


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

@media only screen and (max-width: 640px) {
	.home__procedure__in {
		flex-direction: column;
		gap: 0;
	}
}

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

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

@media only screen and (max-width: 640px) {
	body .home__procedure__in-left {
		order: 1;
		/* min-height: calc(100vh - 410px); */
		/* max-height: calc(100vh - 410px); */
		height: auto;
	}
	body .home__procedure__in-left__top {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		background-color: white;
		margin-bottom: 0;
		padding-top: 29px;
	}
}

.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;
}

@media only screen and (max-width: 640px) {
	body .home__procedure__in-left__bottom {
		border-bottom-left-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
}

.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-container {
	height: 100%;
}

.home__procedure__in-left__bottom .sml {
	display: flex;
}
.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;
	}
}
@media only screen and (max-width: 640px) {
	body .home__procedure__in-left__bottom .line {
		margin-right: 13px;
		top: 5px;
	}
}
.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;
}

@media only screen and (max-width: 640px) {
	.home__procedure__in-left__bottom .smnl i {
		display: none;
	}
}

.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); */
	height: calc(100vh - 275px); /* padding-top + padding-bottom + padding-left */
}

@media only screen and (max-width: 1400px)
{
	.home__procedure__in-right-image {
		height: calc(100vh - 225px); /* padding-top + padding-bottom + padding-left */
	}
}
@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;
		line-height: 1;
	}
	.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;
	} */
}

@media only screen and (max-width: 640px) {
	body .home__procedure__in-right {
		order: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	body .home__procedure__in-right-image {
		height: 200px;
	}
	body .home__procedure__in-left__top {
		height: auto;
		padding-left: 28px;
		padding-right: 28px;
		padding-top: 27px;
	}
	body .home__procedure__in-left__top h3 {
		font-size: 6.4vw;
	}
	body .home__procedure__in-left__bottom {
		padding: 28px;
	}
	body .home__procedure__in-left__bottom,
	body .home__procedure__in-left__bottom .smnl,
	body .home__procedure__in-left__bottom .smsm,
	body .home__procedure__in-left__bottom .smsm li {
		font-size: calc(1.4vh + 0.3vw) !important;
	}
	body .home__procedure__in-left__bottom > div {
		padding: calc(1.0vh + 0.2vw) 0 !important;
	}
}

.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__badges-section, .about-badges {
	display: grid;
	/* justify-content: flex-end; */
	gap: 10px;
	grid-template-columns: repeat(8, minmax(0, 1fr));
}

.about-badges {
	width: max-content;
	margin-top: 35px;
}
.home__badges-section button, .about-badges button {
	padding: 0;
}

.home__badges-section img, .about-badges img {
	width: 65px;
	height: 65px;
	object-fit: contain;
	margin-top: -15px;
	filter: drop-shadow(5px 3px 7px rgba(0,0,0,0.3));
}

.about-badges img {
	margin-top: 0 !important;
}

@media only screen and (max-width: 1400px) {
	.home__badges-section {
		width: 50%;
	}
	.home__bio__progress .home__progress-sections {
		gap: 20px;
	}
	.home__bio__progress .home__progress-sections .home__progress-section {
		width: 50%;
	}
}

@media only screen and (max-width: 1024px) {
	.home__bio__progress .home__progress-sections {
		gap: 10px;
	}
}

@media only screen and (max-width: 768px) {
	.home__badges-section {
		display: none;
	}
}

@media only screen and (max-width: 700px) {
	
	.about-badges img {
        width: 9vw;
        height: 9vw;
	}
}
@media only screen and (max-width: 400px) {
	.about-badges img {
        width: clamp(40px, 16vw, 60px);
        height: clamp(40px, 16vw, 60px);
	}
	.about-badges {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
.home__progress-section {
	color: #FFFFFF61;
	font-size: 19px;
	font-weight: var(--font-weight--regular);
	transition: 0.3s color;
	letter-spacing: 2.5px;
	pointer-events: all;
	cursor: pointer;
}

.home__progress-section:hover {
	color: #ffffff;
}

@media only screen and (max-width: 1024px) {
	.home__progress-section {
		font-size: 14px;
	}
}

@media only screen and (max-width: 640px) {
	body .home__about .home__progress-section {
		display: none;
	}
	body .home__about .home__progress-section.active {
		display: block;
	}
}

.home__procedures .home__progress-section {
	/* flex: 16.66%; */
	flex: 20%;
}

@media only screen and (max-width: 640px) {
	body .home__procedures .home__progress-section:not(:nth-child(1)) {
		display: none;
	}
}
.home__progress-section.active {
	color: white;
}

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

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

.home__procedures-spacer {
	height: 3300px;
	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;
}
@media only screen and (max-width: 640px) {
	body .home__bio__inner-section {
		position: relative;
		width: auto;
		flex-direction: column;
	}
}

.home__bio__inner-section-titles {
	display: flex;
	width: calc(100vw - 2 * var(--home-padding-left-right));
    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: calc(45vw + 45vh);
}
@media only screen and (max-width: 1024px) {
	.home__bio__inner-section-photo {
		width: 110vw;
	}
}
@media only screen and (max-width: 640px) {
	.home__bio__inner-section-photo {
		width: 100vw;
		/* height: 60vh; */
		height: 100vh;
		left: -15px;
		position: relative;
	}
}
.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 .video-2-mobile {
	display: none;
}

@media only screen and (max-width: 640px) {
	.home__bio__inner-section-photo video {
		width: 100%;
		position: absolute;
	}

	.home__bio__inner-section-photo .video-2-mobile {
		display: block;
	}

	.home__bio__inner-section-photo .video-2-desktop {
		display: none;
	}
}


.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;
}

@media only screen and (max-width: 640px) {
	.home__bio__inner-section-photo .sibling {
		left: 0;
	}
}

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

@media only screen and (max-width: 640px) {
	body .home__bio__title {
		left: 0;
	}
}

.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(-30vw, 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 .watch-vid {
	display: none;
}

.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 {
		max-width: calc(760px + 100px + 25vw);
		padding-right: calc(100px + 25vw);
	}
	.home__bio__inner-section-text .section-text p {
		font-size: 3.9vw;
	}
}
@media only screen and (max-width: 640px) {
	.home__bio__inner-section-text {
        transform: unset;
        max-width: 100%;
        padding-right: 0;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
        position: relative;
	}
	.home__bio__inner-section-text .section-button {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 5px;
	}
	body .home__bio__inner-section a,
	body .home__bio__inner-section a:hover,
	body .home__bio__inner-section-text .watch-vid {
		background-color: var(--color-light-blue);
		color: var(--color-blue);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.home__bio__inner-section-text .watch-vid {
		border-radius: var(--border-radius-pane);
		padding: 17px 10px;
        margin-top: 35px;
	}

}
.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;
}
@media only screen and (max-width: 640px) {
	.banner {
		display: none;
	}
}
video.video-masked {
  position: absolute;
  /* top: 0;
  left: 0; */
  width: 100vw;
  /* height: calc(100vh - 2px + 100px); */
  height: calc(100vh - 2px);
  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: var(--heading-title); /* ::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: var(--heading-title);
}

@media only screen and (max-height: 800px) {
	.banner svg text {
		translate: 0px clamp(10px, 4vh, 30px);
	}
}

.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;
}

.specialty-icon {
	display: block;
	width: 100%;
	height: 100%;

	background-color: var(--color-light-blue); /* Desired SVG color */

	-webkit-mask-image: var(--icon-url);
	mask-image: var(--icon-url);

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: contain;
	mask-size: contain;
}

.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;
}
@media only screen and (max-width: 1024px) {
	.home__specialties__inner-section {
		grid-template-columns: 17% 22% 17% 22% 22%;
	}
	.home__specialties__single-container {
		padding: 15px 0;
	}
}

@media only screen and (max-width: 640px) {
	body .home__specialties__inner-section {
		/* display: flex; */
		/* flex-direction: column; */
		padding-right: 0;
		margin-top: 26px;
		gap: 2px;
	}
	body .home__specialties__inner-section {
		display: grid;
		grid-template-rows: none !important;
		grid-template-columns: repeat(6, 1fr);
	}

	/* Ignore the group wrappers for grid placement */
	.home__specialties__group--small,
	.home__specialties__group--large {
		display: contents;
	}

	/* Default: three cards per row */
	.home__specialties__single-container {
		grid-column: span 2;
	}

	/* Rows containing two cards */
	.surgeon-en,
	.surgeon,
	.anesthesiologist-en,
	.anesthesiologist,
	.endocrinologist-en,
	.endocrinologist,
	.gastroenterologists-en,
	.gastroenterologists {
		grid-column: span 3;
		min-height: 121px !important; 
		height: 22vh !important; 
		max-height: 230px !important;
	}

	/* Exact visual order */
	.surgeon-en,
	.surgeon                  { order: 1; }

	.anesthesiologist-en,
	.anesthesiologist         { order: 2; }

	.pulmonologist-en,
	.pulmonologist            { order: 3; }

	.surgical-assistants-en,
	.surgical-assistants      { order: 4; }

	.radiologist-en,
	.radiologist              { order: 5; }

	.endocrinologist-en,
	.endocrinologist          { order: 6; }

	.gastroenterologists-en,
	.gastroenterologists      { order: 7; }

	.cardiologist-en,
	.cardiologist             { order: 8; }

	.radiologist-specialist-en,
	.radiologist-specialist   { order: 9; }

	.psychiatrist-psychoanalyst-en,
	.psychiatrist-psychoanalyst { order: 10; }

	.psychologists-en,
	.psychologists            { order: 11; }

	.secretary-en,
	.secretary                { order: 12; }

	.nutritionist-dietitian-en,
	.nutritionist-dietitian   { order: 13; }

	body .home__specialties__single-image {
		width: 19vw;
		margin-bottom: calc(5vw + 5vh);
		height: 27vw;
	}
	/* body .home__specialties__group--small .home__specialties__single-container {
		min-height: 121px; height: 16vh; max-height: 230px;
	} */

	body .home__specialties__single-container {
		height: 32vh;
		min-height: 200px;
		max-height: 300px;
	}
	
	/* body .home__specialties__inner-section {
		display: block;
		padding-right: 0;
		margin-top: 26px;
		height: calc(100vh - 200px);
	}
	
	body .home__specialties__group--small {
		width: 38vw;
		display: flex;
		flex-direction: column;
		gap: 2px;
		height: 100%;
	}
	body .home__specialties__group--large {
		width: calc(62vw - 46px - 3px); 2*padding + gap
		display: flex;
		flex-direction: column;
		gap: 2px;
		height: 100%;
	}
	body .home__specialties__group--small .home__specialties__single-container {
		height: calc(50vh - 100px);
	}
	body .home__specialties__group--large .home__specialties__single-container {
	    height: calc((100vh - 200px) / 3);
	}
	body .home__specialties__single {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}
	body .home__specialties__single-container {
		width: 100%;
	} */
}
.home__specialties__single {

}
/* LEFT COLUMN */
/* COLUMN 1 */
@media only screen and (min-width: 641px) {
	.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;
	width: 8vw;
}

.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);
	bottom: 15px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
@media only screen and (max-width: 1024px) {
	.home__specialties__single-image {
    	height: 110px;
		margin-bottom: 5px;
	}
	.home__specialties__single-info h4 {
		margin-top: 5px;
		font-size: 1.5vw;
	}
}
@media only screen and (max-width: 640px) {
	.home__specialties__group--small .home__specialties__single-image {
		margin-top: 4vh;
	}
	.home__specialties__single-info h4 {
		margin-top: 5px;
		font-size: 3.2vw;
		margin-bottom: 0;
	}
}
.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: calc(3 * 2px);
	margin-top: 30px;
}

.mobile-only {
	display: none;
}

.desktop-tablet-only {
	display: block;
}

.owl-stage-outer {
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scrollbar-width: none;
}

.owl-stage-outer::-webkit-scrollbar {
	display: none;
}

@media only screen and (max-width: 640px) {
	body .desktop-tablet-only {
		display: none;
	}
	body .mobile-only {
		display: block;
	}
}

@media only screen and (min-width: 1025px) {
	.home__testimonials__inner-section.tablet-only {
		display: none;
	}
}

@media only screen and (max-width: 1024px) {
	.home__testimonials__inner-section.desktop-only {
		display: none;
	}
}


.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);
}
@media only screen and (max-width: 1024px) {
	.home__testimonials .home__testimonials__inner-section .testimonial__single p {
		font-size: 14px;
	}
}
.group
{
	display: grid;
	grid-template-columns: 25% 25% 50%;
	/* grid-template-rows: 1fr 1fr; */
    grid-template-rows: repeat(2, calc(50vh - 151px));
	min-width: calc(100vw - 2 * var(--section-padding-left) - 6px);
	gap: 2px;
}

@media only screen and (max-width: 1024px) {
	.group {
		display: flex;
		flex-direction: column;
		/* min-width: calc(100vw - 70px); */
		/* width: 85vw; */
	}

	.home__testimonials .home__testimonials__inner-section .testimonial__single .testimonial__single__text {
		max-height: calc(100vh - 430px);
		overflow-y: scroll;
	}

	.home__testimonials .home__testimonials__inner-section .group > .testimonial__single {
		width: auto;
		/* height: calc(50vh - 100px); */
		height: 50%;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 641px) {
	.home__testimonials__inner-section {
		gap: 2px;
	}
	.home__testimonials .home__testimonials__inner-section > .testimonial__single {
		min-width: 350px;
	}
}
@media only screen and (max-width: 640px) {
	.group {
		flex-direction: row;
	}
	.home__testimonials .home__testimonials__inner-section .owl-item > .testimonial__single {
		width: calc(50vw - 70px);
		height: calc(100vh - 200px);
	}
	body .home__testimonials .home__testimonials__inner-section .owl-item > .testimonial__single {
		width: calc(100vw - 2 * var(--home-padding-left-right));
	}
	body .home__testimonials .home__testimonials__inner-section .group > .testimonial__single {
		height: calc(100vh - 200px);
	}
}

.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;
}

@media only screen and (max-height: 700px) {
	.group
	{
		grid-template-columns: repeat(4, minmax(0, 1fr));
		/* grid-template-rows: 1fr 1fr; */
		grid-template-rows: auto;
	}

	.group .testimonial__single:nth-child(3) .testimonial__single__text,
	.group .testimonial__single:nth-child(4) .testimonial__single__text {
		max-height: 400px;
	}

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

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

}

@media only screen and (max-width: 640px) {
	.home__about-spacer,
	.home__testimonials-spacer,
	.home__procedures-spacer,
	.home__procedures-extra-spacer,
	.home__bio-spacer,
	.home__bio-extra-spacer {
		display: none;
	}

}

.main-video-english, .main-video-greek {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}