* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	border: 0px solid silver;

}



:root {
	--darkgreen: #3d6e42;
	--mediumgreen: #b5d9ba;
	--lightgreen: #e1eed9;

	--darkbrown: #835f3b;
	--mediumbrown: #fddbb3;
	--lightbrown: #fff1e1;

	/* Mappatura nm -> percent su range 280–700 nm */
	--p-uvb-start: 0%;
	/* 280 nm  */
	--p-uvb-end: 9.5238%;
	/* 320 nm  */
	--p-uva-start: 9.5238%;
	/* 320 nm  */
	--p-uva-end: 28.5714%;
	/* 400 nm  */
	--p-visible-start: 23.8095%;
	/* 380 nm  */
	--p-blue: 35.7143%;
	/* 430 nm  */
	--p-red: 84.0476%;
	/* 633 nm  */
}

html {
	font-size: 19px;
	overflow-x: hidden;
	scroll-behavior: smooth;
		/* filter: grayscale(1) */
}

body {
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	background: #FFFDF5

}

h2 {
	font-family: "alga", serif;
	font-weight: 600;
	font-style: normal;
	font-size: calc(1.618rem * 1.25);
	line-height: 1;
	margin: 0;
	margin-bottom: 0.382rem;
	font-family: "bc-novatica-cyr", sans-serif;
	font-weight: 600;
}

h3 {
	font-family: "alga", serif;
	font-weight: 400;
	font-style: normal;
	font-size: calc(1.618rem / 1.125);
	line-height: 1;
	margin: 0;
	margin-bottom: 0.618rem;
	font-family: "bc-novatica-cyr", sans-serif;
	font-weight: 200;
	letter-spacing: 0.75px;
	margin: 0
}

p {
	/* font-family: "brother-1816", sans-serif;
	font-weight: 400;
	font-style: normal; */
	font-family: "omnes-pro", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1rem;
	max-width: 55ch;

	line-height: 1.618;
	letter-spacing: 0.4px;
	margin: 0;

}

textarea {
  resize: none;
}



  .whatsapp-fixed{
	position:fixed;
	bottom:1rem;
	left:1rem;
	border:0px solid silver;
	display:flex;
	width:55px;
	height:55px;
	background:transparent;
	z-index:9999;
	border-radius:100px
  }

  .whatsapp-fixed img{
	width:100%;
	height:100%;
	object-fit:contain
  }

  .whatsapp-fixed:hover:after{
transform: translate(0%, -50%)scale(1);
opacity: 1
  }

  .whatsapp-fixed:after{
	content: 'Hai bisogno di aiuto?';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(0%, -50%) scale(0);
		width: 15ch;
		height: auto;
		background: white;
		padding: 0.618rem;
		border-radius: 0 2.618rem 2.618rem 0;
		padding-left: 1.8rem;
		z-index: -1;
		transition: all 0.3s
	ease;
		transform-origin: left;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
		opacity: 0;
		font-family: 'omnes-pro';
		font-weight: 600;
  }



@property --gradient-angle {
  syntax: "<angle>";
  initial-value:0deg;
  inherits:false;
}



.intro{
	display: flex;
	width: 100vw;
	height: 100vh;
	background: white;
	justify-content: center;
	align-items: center;
	position: fixed;
	top:0;
	left:0;
	z-index: 9999999;



}

.intro img{
	display: flex;
	width: 250px;

}

.intro svg{
	width:300px;
	opacity: 0
}

.intro svg path {
	transform-origin: center;
	fill: transparent;
	stroke: black;
	stroke-width: 2;
	transition: fill 1s ease

}

.visible{
	opacity: 1!important
}

.swiper {
  width: 100vw;
  height: 100%;
  display:flex;
  margin-bottom: 1rem;
  max-height: 800px
}

.swiper-wrapper{
  display:flex;
  width:100%;
  height:100%;
}

.swiper-slide{
  display:flex;
  width:calc(25% - 0rem);
  height:100%;
  outline:0px solid silver;
  flex-shrink:0;
  color:white;
  /* padding:0 0.25rem; */
  position:relative;
  overflow:hidden;
}

.swiper-slide svg{
  position: absolute;
	z-index: 99;
	opacity: 0;
	transition: opacity 0.5s
ease;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) scale(0.945);
}

.swiper-slide:hover svg {
	opacity: 1;
}

.swiper-slide .line {
	stroke-dasharray: 500;
	stroke-width: 2px;
	fill: transparent;
	stroke: white;
	animation: svgAnimation 2.5s linear infinite;
}

@keyframes svgAnimation {
	from {
		stroke-dashoffset: 0;
	}

	to {
		stroke-dashoffset: 1000;
	}
}

.carousel-el .cta{
	margin-top:1rem
}

.carousel-el:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background: #00000052;
	transform: translate(-50%, -50%)scale(0.945);
	opacity: 0;
	transition: all 0.3s ease;
	mix-blend-mode: overlay;
	pointer-events: none
}

.carousel-el:hover:after {
	opacity: 1;
}

.swiper-slide img{
  object-fit:cover;
  width:calc(100% - 0.5rem);
  margin: 0 auto;
  height:100%;
  transition:all 0.3s ease
}

.swiper-slide:hover img {

	transform: scale(1.2)
}

.swiper-pagination-bullet{
  border:0px solid silver;
  width:10px;
  height:10px;
  background:white
}

.swiper-pagination{
  background:none;
}

.swiper-button-next{
  backdrop-filter: blur(30px);
	border: 1px solid #ffffff;
	padding: 0.618rem;
	border-radius: 100px;
	overflow: hidden;
  color:white;
}

.swiper-button-prev{
  backdrop-filter: blur(30px);
	border: 1px solid #ffffff;
	padding: 0.618rem;
	border-radius: 100px;
	overflow: hidden;
  color:white;
}

.carousel-text {
	display: flex;
		flex-direction: column;
		width: 100%;
		padding: 1.618rem 0;
		position: absolute;
		bottom: 0;
		left: 50%;
		align-items: center;
		gap: 0rem;
		transition: all 0.5s
	ease;
		z-index: 999;
		transform: translateX(-50%);
}

.carousel-text h3 {
	color: white;
	font-size: 2.618rem
}

.carousel-text h4{
	margin:0;
	font-family: "bc-novatica-cyr", sans-serif;
}

.carousel-text p{
	font-size: calc(1rem / 1.25);
}

.swiper-slide:hover .carousel-text {
	transform: translateX(-50%) translateY(-20%);
}



.mobile-has-sub {
	width: 100%;
	display: flex;
	flex-direction: column;
	grid-gap: 0.5rem;
}

.sub-mobile-menu {
	width: 100%;
	display: none;
	flex-direction: column;

}

.sub-mobile-menu a {
	text-decoration: none;
}

.sub-mobile-menu>a:nth-child(1) {
	font-size: 1.25rem;
	border-bottom: 1px solid silver;
	width: 100%
}

.sub-sub-mobile-menu {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	margin: 1rem;
	grid-gap: 0.25rem
}

.sub-sub-mobile-menu a {
	font-size: 1rem;
}


.mobile-nav {
	width: 100%;
	padding: 0;
	border: 0px solid silver;
	position: fixed;
	top: 0;
	right: 0%;
	transform: translateX(100%);
	box-sizing: border-box;
	height: 100vh;
	background: white;
	max-width: 500px;
	width: 100vw;
	font-family: 'bc-novatica-cyr';
	font-weight: 600;
	letter-spacing: 1px;

	z-index: 999999;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
	display: flex
	;
		flex-direction: column;
}

.mobile-nav .footer-social-wrap {
	display: flex
;
	align-items: center;
	gap: 1rem;
	padding: 1.618rem;
	margin-top: auto;
	height: fit-content;
	width: 100%;
	justify-content: center;
	margin-bottom: 4.236rem;
}

.mobile-nav .footer-social-wrap i{
	font-size: 1.25rem;
	color: #ac896d;
}

.mobile-nav-logo-wrapper {
	display: flex;
	width: 100%;
	padding: 1rem 1.618rem;
	/* background: #1b1b1b; */
	justify-content: space-between;
	align-items: center;
}

.mobile-nav-logo-wrapper .nav-logo {
	filter: brightness(0)
}

.mobile-nav-link-wrapper {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	grid-gap: 0.5rem;
	height: fit-content;
	padding: 1.618rem;

	position: relative;
}

.mobile-nav-link-wrapper:after{
	content:'';
	display: flex;
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background-image: url(/assets/img/Pink-Palm-Leaves.jpg);
	background-size: cover;
	opacity: 0.6;
	z-index: -1;
	mask-image: linear-gradient(1deg, rgb(255 255 255) 0%, rgb(255 255 255) 25%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 0%) 90%, rgba(255, 255, 255, 0) 100%);
	display: none
}

.mobile-nav-link-wrapper>a {
	transition: all 0.3s ease;
	font-size: 1.067rem;
	padding: 1rem 1.618rem;
	text-decoration: none;
	color: #262626;
	font-weight: 600;
	/* border-bottom: 1px solid #434343; */
}

.mobile-nav-link-wrapper a:first-child {
	/* background: #eddab9; */
}

.mobile-nav-link-wrapper a:hover {
	background: #fff1db;
	color: #0c0c0e;

}



.mobile-nav ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.mobile-nav-button {
	display: flex;
	flex-direction: column;
	grid-gap: 5px;
	background: none;
	border: none;
	cursor: pointer
}

.mobile-nav-button:hover span:nth-child(1) {
	width: 15px
}

.mobile-nav-button:hover span:nth-child(2) {
	width: 10px
}

.mobile-nav-button span {
	height: 2px;
	width: 20px;
	background: #4f3b2b;
	transition: all 0.3s ease;
}

.close-nav-button {
	display: flex;
	height: fit-content;
	background: none;
	transition: all 0.3s ease
}

.close-nav-button:hover {
	transform: scale(1.1)
}

.close-nav-button:hover i {
	color: indianred;
	cursor: pointer
}

.close-nav-button i {
	font-size: 1.618rem;
	color: #1d1d1d;
	transition: all 0.3s ease
}



.strong {
	font-weight: 600!important
}

.vertical-line {
	display: flex;
	width: 2px;
	height: 2.618rem;
	background: #4f3b2b
}

.menu-action-wrap {
	display: flex;
	align-items: center;
	gap: 1rem
}

.image-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 100%;
	mix-blend-mode: overlay;
	opacity: 0.1;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 0;
	object-fit: cover;
	mask-image: linear-gradient(300deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255 / 0%) 25%, rgb(255 255 255) 50%, rgb(255 255 255) 75%, rgba(255, 255, 255, 0) 100%);

}

.palette {
	position: fixed;
	bottom: 1rem;
	left: 1rem;
	width: 250px;
	height: fit-content;
	z-index: 9999;
	display: none
}

.palette img {
	width: 100%;

}

.colorpicker {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	opacity: 0
}

input[type="color"] {
	-webkit-appearance: none;
	/* toglie lo stile predefinito su Chrome/Safari */
	border: none;
	width: 50px;
	height: 50px;
	padding: 0;
	cursor: pointer;
	border-radius: 100px;
}

input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
	border-radius: 100px;
}

input[type="color"]::-webkit-color-swatch {
	border-radius: 100px;
	/* arrotonda */
	border: 0px solid #333;
}


.green-back {
	/* background: #973b3bba !important */
}

/* .choco-back:after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	display: flex;
	width: 100%;
	height: 100%;
	background-image: url(https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?q=80&w=2340&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)!important;
	background-size: cover!important;
	background-position: center!important;
	mix-blend-mode: hard-light;
	z-index: -1;
	filter: blur(20px);
	background-attachment: fixed
} */

.cta {
	text-decoration: none;
	font-family: 'omnes-pro';
	font-weight: 700;
	font-style: normal;
	color: #eceae4;
	padding: 0.618rem 1.618rem;
	border-radius: 5px;
	font-size: calc(1rem / 1.067);
	width: fit-content;
	transition: all 0.3s ease;
	cursor: pointer;
	background-size: 200% 200%;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	border: 0.25px solid #ffffff;
	outline: 0.25px solid #ffffff;
	position: relative;
	overflow: hidden

}

.cta:after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	display: flex;
	width: 100%;
	height: 100%;
	background: #E0BCB0;
	transform:translateX(-100%)scale(1)translateZ(0)rotate(0deg);
	transition: all 0.5s cubic-bezier(.68,.7,.29,1.01);
	z-index: -1
}

.cta:hover:after{
	transform:translateX(100%)scale(1)translateZ(0)rotate(0deg)
}

 .cta:hover {

	background: white;
	color: black;
	outline: 2px solid transparent!important;
	outline-offset: 10px!important
}

.offset {
	position: relative;
	top: 106px;
	display: block
}

.nav-sec {
	display: flex;
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 9999;
	backdrop-filter: blur(0px);
	transition: all 0.3s ease;
	flex-direction: column;
	padding: 0.75rem 1rem;
	gap: 0.618rem;
	transition: all 0.3s ease;
	background: white;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;

}

.nav-sec:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	/* background: #18181a; */
	z-index: -1
}

.nav-sec .cta{


		border: 1.5px solid #ccaa66;
		outline: 1px solid #ccaa66;
		position: relative;
		overflow: hidden;
		background: #ffffffc7;
		letter-spacing: 0.3px;
		color: #ccaa66;
		/* background: #e8d38b; */

}


.nav-box {
	display: flex;
	width: 100%;
	height: 100%;

	max-width: 1400px;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
	gap: 1.618rem;
}

.nav-box ul {
	display: flex;
	gap: 0rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.nav-box ul li {

	padding: 0.382rem 1rem;
	border-radius: 0rem;
	border-right: 0px solid #ffffff2b;

	font-size: 1rem;



	opacity: 1;
	position: relative
}

.nav-box ul li:after {
	content: "";
	display: flex;
	width: 80%;
	height: 1px;
	background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
	background-size: 200% 200%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)scale(0);
	transition: all 0.3s ease;
	mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 25%, rgb(255 255 255) 50%, rgb(255 255 255) 75%, rgba(255, 255, 255, 0) 100%);
}

.nav-box ul li:hover:after {
	transform: translateX(-50%)scale(1)
}

.nav-box ul li:last-child {
	border: none
}

.nav-box ul li .cta {}

.nav-box ul li a {
	text-decoration: none;
	font-family: 'omnes-pro';
	font-weight: 500;
	font-style: normal;
	color: #fffdf2;
	letter-spacing: 0.5px;
}

.nav-logo {
	filter:unset!important

}


	.nav-logo img{
		width: calc(6.854rem / 1.067);


		 transition:all 0.3s ease;


	}



.slideshow-sec {
	display: flex;
	width: 100%;
	height: calc(85vh + 100px);
	overflow: hidden;
	position: relative;



	/* mask-image: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255) 25%, rgb(255 255 255) 50%, rgb(255 255 255) 90%, rgba(255, 255, 255, 0) 100%); */



}

.slideshow-color {

	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background: rgb(106, 142, 102);
	mix-blend-mode: color;
	display: none
}

.slide-img {

	display: flex;
	width: 100%;
	height: 168%;
	position: absolute;
	top: -6.5rem;
	left: -5rem;
	background-image: url(/assets/img/Immagine_slideshow_png4.png);
	z-index: 1;
	background-size: contain;
	background-repeat: no-repeat;
	display: none
		/* mask-image: linear-gradient(200deg, rgb(255 255 255) 0%, rgb(255 255 255) 25%, rgb(255 255 255) 50%, rgb(255 255 255 / 67%) 65%, rgb(255 255 255 / 0%) 100%); */
		/* mask-image: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255) 25%, rgb(255 255 255) 50%, rgb(255 255 255 / 0%) 65%, rgba(255, 255, 255, 0) 100%); */



}

.slide-wrap {
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 1000px;
	transform: translate(-50%, -50%);
	padding: 0 1rem;
	border: 0px solid silver;
	flex-direction: column;




}

.slideshow-sec video {

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(85vh + 100px);
	object-fit: cover;
	/* mask-image: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255) 25%, rgb(255 255 255) 50%, rgb(255 255 255) 90%, rgba(255, 255, 255, 0) 100%); */



}

.slideshow-sep{
	display: flex;
	width: 100%;
	height: 100px;
	background: white
}


/* @media (max-aspect-ratio: 16 / 9) {
		.slideshow-sec video {
			width: auto;
			height: 100%;
		}
	} */


.slide-content {
	display: flex;
	flex-direction: column;
	gap: 0.382rem;
	width: 70ch;
	margin: auto 0;
	/* margin-left: auto;
	width: fit-content; */
	width: 100%;
	justify-content: center;
	align-items: center;
	z-index: 99
}

.slide-content .cta {
	margin-top: 0.618rem;
	color: #feecae;
	background: #0000001f;
	border: 1px solid #c0ae70;
	outline: 0.25px solid #c0ae70;
}

.slide-content h1 {

	color: white;
	font-family: "bc-novatica-cyr", sans-serif;
	font-weight: 300;
	font-size: calc(2.618rem / 1.25);
	/* text-shadow: 1px 0px 5px rgba(0,0,0,0.34); */
	width: 100%;

	max-width: 1300px;
	margin: 0;
	width: fit-content;
	line-height: 0.95;
	text-align: center;
	/* text-shadow: -1px -1px 0px rgba(255, 255, 255, .1), 1px 1px 4px rgba(0, 0, 0, .5); */
}

.slide-content h1 span {
	font-weight: 600;
	font-size: calc(4.236rem / 1.125);
}

.slide-content p {
	font-size: calc(1.618rem / 1.25);
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 0.2px;
	line-height: 1.1;
	margin-top: 0.382rem;
	/* text-shadow:-1px -1px 0px rgba(255, 255, 255, .1), 1px 1px 4px rgb(0 0 0 / 26%); */

}

.slideshow-sec img {
	position: absolute;
	width: 50vw;
	min-width: 800px;
	display: none
}


.slideshow-sec img:nth-child(1) {
	filter: blur(50px);
	display: none;
}


.slideshow-sec img:nth-child(2) {
	left: 50%;
	transform: translateX(-50%);
	bottom: -80%;
	z-index: 999;
	mix-blend-mode: unset;
	filter: grayscale(1);

}

.slideshow-sec:after {
	content: "";
	display: flex;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;

	background-image: url(/assets/img/slide/slide_1.jpg);
	background-size: cover;
	background-position: center;
	z-index:-1;
	display: none

}

.banner-sec {
	display: flex;
	width: 100%;
	height: fit-content;
	padding: 0rem 1.618rem;
	/* overflow: hidden; */
	position: relative;
	min-height: 400px;
	overflow: hidden;
	padding: 0;
}

.banner-png {
	display: flex;
	width: 100%;
	/* height: 500px;
	margin: auto;
	margin-left: auto;
	margin-right: 0;
	position: relative;
	justify-content: center; */

}

.banner-png img {
	width: 100%;
		height: 100%;
		object-fit: cover;



}

.choco-back {
	background: white

}

.choco-back:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/assets/img/Pink-Palm-Leaves.jpg);
	background-size: 25%;
	mix-blend-mode: soft-light;
	opacity: 0.2;
	mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255 / 0%) 25%, rgb(255 255 255) 50%, rgb(255 255 255) 75%, rgba(255, 255, 255, 0) 100%);
	pointer-events: none;
	display: none
}

.floralwhite-back {
	/* background: #fff8f1; */
	color: #fff8f1;
	position: relative;
	padding: 2.618rem 1.618rem;
}

.floralwhite-back>* {
	z-index: 999
}

.floralwhite-back:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;

	/* background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0 0 10 12c1.67 0 3.182-.683 4.27-1.785A5.998 5.998 0 0 0 14 12h2a4 4 0 0 1 4-4V6c-1.67 0-3.182.683-4.27 1.785C15.905 7.22 16 6.622 16 6c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0 0 20 6V4a4 4 0 0 1-4-4h-2c0 .622.095 1.221.27 1.785A5.982 5.982 0 0 0 10 0C8.33 0 6.818.683 5.73 1.785 5.905 1.22 6 .622 6 0H4a4 4 0 0 1-4 4v2c1.67 0 3.182.683 4.27 1.785A5.998 5.998 0 0 1 4 6c0-.622.095-1.221.27-1.785A5.982 5.982 0 0 1 0 6v2a4 4 0 0 1 4 4h2zm-4 0a2 2 0 0 0-2-2v2h2zm16 0a2 2 0 0 1 2-2v2h-2zM0 2a2 2 0 0 0 2-2H0v2zm20 0a2 2 0 0 1-2-2h2v2zm-10 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z' fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E"); */
	z-index: 0;

}

.banner-wrap {
	display: grid;
	max-width: 1400px;
	margin: 0 auto;
	flex-wrap: wrap;
	width: 100%;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	position: relative;
	z-index: 99;
}

.banner-box {
	display: flex
	;
		flex-direction: column;
		width: fit-content;
		height: fit-content;
		position: relative;
		margin: auto 0;
		justify-content: center;
		padding: 4.236rem 1.618rem;
		margin: auto;
		align-items: center;
		text-align: center;
}

.banner-box h2 {
	/* background: linear-gradient(to right, #e5c165, #ffd86e, #e3a812);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
	line-height: 1.2;
	color: #4f3b2b;;
}

.icons-wrap {
	display: grid
	;
		gap: 1rem;
		width: fit-content;
		margin-top: 1rem;
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
		width: 100%;
		max-width: 800px;
}

.icon-el {
	display: flex
	;
		gap: 1rem;
		align-items: center;
		flex-direction: column;
		width: fit-content;
		margin: auto;

}

.icon-el p {
	font-family: "cc-matinee-idol", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #353535;
	font-size: calc(1.618rem / 1.2);
	line-height: 1;

}

.icon {
	display: flex;
	width: 60px;
	border-radius: 100px;
	height: 60px;
	border: 0px solid #8fab98;

}

.icon svg{
	margin: 0!important
}

.icon svg path{
	fill:#c68e6f!important
}

.banner-box h2,
h3,
p {
	position: relative;
	z-index: 999;
	width: fit-content;
}

.banner-box h3{
	font-weight: 700;
	margin-bottom: 1rem;
	letter-spacing: 0px
}

.banner-box p {
	margin-bottom: 0rem;
}

.banner-box p:last-child {
	margin: 0
}

.choco-back svg {
	width: 4.236rem;
	margin: 0.618rem 0;
}

.choco-back svg path {
	fill:#e0bc9f
}

.floralwhite-back svg {
	width: 4.236rem;
	margin: 0.618rem 0;
}

.floralwhite-back svg path {
	fill: #8fab98;
}

.floralwhite-back .banner-box h2 {
	/* background-image: linear-gradient(135deg, #FD6585 10%, #0D25B9 100%); */
}

.svg-deco-one {
	position: absolute;
	width: 100% !important;
	bottom: 0;
	max-width: 400px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0.05;
	transform: scale(14) rotate(100deg);
	transform-origin: top;
}

.choco-back .svg-deco-one path {
	fill: #ebf7e4 !important;
}

.floralwhite-back .svg-deco-one path {
	fill: #ffe7d0 !important
}

.banner-sec-holder {
	display: grid;
	grid-template-columns: 1fr;

}

.purple-back {
	background: #bd57b1;
	background: radial-gradient(circle, rgba(189, 87, 177, 1) 0%, rgba(83, 6, 84, 1) 100%);
	color: white;
}

.purple-back video {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}

.purple-back .banner-box {
	max-width: 1000px;
	aspect-ratio: unset;
	padding: 4.236rem 1rem;
}

.purple-back svg {
	width: 100px;
	margin: 1rem 0
}

.purple-back svg path {
	fill: white;
}

/* .spectrum-bar {
	width: 100%;
	max-width: 400px;
	height: 2rem;

	border-radius: 12px;
	overflow: hidden;
	position: relative;


	background-image:

		linear-gradient(90deg,
			transparent var(--p-uvb-start),
			rgba(128, 0, 255, .22) var(--p-uvb-start),
			rgba(128, 0, 255, .22) var(--p-uvb-end),
			transparent var(--p-uvb-end)),

		linear-gradient(90deg,
			transparent var(--p-uva-start),
			rgba(147, 112, 219, .18) var(--p-uva-start),
			rgba(147, 112, 219, .18) var(--p-uva-end),
			transparent var(--p-uva-end)),

		linear-gradient(90deg,
			#5b00ff var(--p-visible-start),

			#3a00ff 26%,
			#0047ff 30%,
			#0087ff 34%,
			#00b7ff 38%,

			#00ffd5 44%,

			#34ff00 52%,

			#a8ff00 60%,

			#ffe600 68%,

			#ff9a00 76%,

			#ff4d00 84%,

			#d40000 92%,
			#9c0000 100%

		),

		linear-gradient(90deg,
			transparent calc(var(--p-blue) - 1px),
			#000 calc(var(--p-blue) - 1px),
			#000 calc(var(--p-blue) + 1px),
			transparent calc(var(--p-blue) + 1px)),

		linear-gradient(90deg,
			transparent calc(var(--p-red) - 1px),
			#000 calc(var(--p-red) - 1px),
			#000 calc(var(--p-red) + 1px),
			transparent calc(var(--p-red) + 1px));

	background-blend-mode: normal;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .15) inset;
}


.spectrum-bar .label {
	position: absolute;
	top: 50%;
	padding: .25rem .5rem;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 10px;
	font-family: "bc-novatica-cyr", sans-serif;
	font-weight: 600;
	border-radius: 6px;
	transform: translateX(-50%);
	pointer-events: none;
	transform: translateY(-50%);
	letter-spacing: 0.6px
}

.spectrum-bar .label.blue {
	left: var(--p-blue);
}

.spectrum-bar .label.red {
	left: var(--p-red);
}

.spectrum-bar .label.uva {
	left: calc((var(--p-uva-start) + var(--p-uva-end)) / 2);
}

.spectrum-bar .label.uvb {
	left: calc((var(--p-uvb-start) + var(--p-uvb-end)) / 2);
} */

.banner-box ul {
	font-family: 'omnes-pro';
	font-weight: 500;
	font-style: normal;
	font-size: calc(1rem / 1.067);
	padding: 0;
	list-style-type: none;
	list-style-position: inside;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	letter-spacing: 0.75px;
	margin: 1.618rem 0;
}

.banner-box ul li {
	display: flex;
	flex-direction: column;
	gap: 0.618rem;
	max-width: 60ch;
}

.banner-box ul li div:first-child {
	font-weight: 700
}

.banner-box ul li div:nth-child(2) {
	background: #fbf5f1;
	padding: 1rem;
	border-radius: 0.382rem;
	font-size: calc(1rem / 1.2);
	color: #2e2e2e;
	font-weight: 600;
	line-height: 1.6;
}

.banner-pngv2 {
	height: -webkit-fill-available;
	max-height: 500px;
	margin: auto

}

.banner-pngv2 img {
	height: 100%;
	max-width: 650px

}

.prices-sec{
	  display: flex
	  ;
		  width: 100%;
		  height: fit-content;
		  padding: 2.618rem 1.618rem;
		  background: #f9f1ec;
		  flex-direction: column;
		  align-items: center;
		  position: relative;
		  background: #ffe9dc;
		  text-align: center;
		  background: linear-gradient(180deg, rgb(255 255 255) 0%, rgba(255, 233, 220, 1) 100%);

  }

  .prices-sec h2{
	  font-size: 2.618rem;
	  margin-bottom: 0;
	  text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgb(255 255 255);
  }

  .prices-wrap{
	  display: grid;
	  width: 100%;
	  height: fit-content;
	  gap:4.236rem;
	  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
	  max-width: 800px;
	  margin:1.618rem auto;


  }

  .subs-wrap{
		display: grid;
		width: 100%;
		height: fit-content;
		gap:1rem;
		grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
		max-width: 1400px;
		margin:1.618rem auto;


	}

	.subs-wrap .prices-el:nth-child(1){
		background: #eddac8;
		background: linear-gradient(45deg, #eddac8, #ffffff, #eddac8);
		background-image: repeating-linear-gradient(180deg, #6f4b35 0%, #85583d 8%, #a57253 18%, #bc8a61 27%, #bd8e64 35%, #bd8c62 40%, #b3815a 50%, #a77450 58%, #a6734f 67%, #a16e4e 77%, #9d6c4b 83%, #9b6a4b 88%, #966543 93%, #8f6042 100%);

	}

	.subs-wrap .prices-el:nth-child(2){
		background: #e9e9e9;
		background: linear-gradient(45deg, #e9e9e9, #ffffff, #e9e9e9);
		background-image: repeating-linear-gradient(180deg, #958c8a 0%, #9f9a97 8%, #b9b4af 18%, #bbb6b1 27%, #bdb8b3 35%, #bcb6b2 40%, #c0bab5 50%, #b4b2b2 58%, #b0aaa7 67%, #aca5a3 77%, #aca5a3 83%, #a8a29f 88%, #a59f9c 93%, #a49f9c 100%);
	}

	.subs-wrap .prices-el:nth-child(3){
		background: #faecc4;
		background: linear-gradient(45deg, #faecc4, #ffffff, #faecc4);
		background-image: repeating-linear-gradient(180deg, #ca9f30 0%, #cea332 8%, #e2b33c 18%, #eabb3d 27%, #fece4d 35%, #ffd155 40%, #f9db85 50%, #ffcf4e 58%, #f6c640 67%, #ebba39 77%, #deae3b 83%, #d2a937 88%, #cba230 93%, #cca030 100%);

	}

	.subs-wrap .prices-el:nth-child(4){
		background: #F2F2F7;
		background: linear-gradient(45deg, #F2F2F7, #ffffff, #F2F2F7);
		background-image: repeating-linear-gradient(180deg, #a29677 0%, #ada182 8%, #bbaf8c 18%, #d9c9a2 27%, #d9cba2 35%, #d4c99f 40%, #cdc19a 50%, #c5b893 58%, #baaf8c 67%, #b6ab88 77%, #b4a887 83%, #afa583 88%, #afa584 93%, #b2a786 100%);
	}


	.subs-wrap .prices-el:after{
		content:'';
		position: absolute;
		top:0;
		left:0;
		display: flex;
		width: 100%;
		height:100%;
		background-image:url("/assets/img/solarium/10_Metal Backgrounds.jpg");
		background-size: cover;
		mix-blend-mode: plus-lighter;
		opacity: 0.2;

	}

	.subs-wrap .prices-el:before{
		content:'';
		position: absolute;
		top:0;
		left:0;
		display: flex;
		width: 100%;
		height:100%;

		background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
		opacity: 0.5;
		background-size: 100%;
		transition: all 0.3s ease
	}

	.subs-wrap .prices-el:hover:before{
		background-size: 300%;

	}






  .prices-el{
	 display: flex
	 ;
		 width: 100%;
		 aspect-ratio: 1;
		 border: 0px solid silver;
		 flex-direction: column;
		 justify-content: center;
		 align-items: center;
		 background: white;
		 border: 1px solid #ffffff;
		 outline:4px double #ffe9de;
		 outline-offset: -10px;
		 transition: all 0.3s ease;
		 box-shadow: rgb(156 116 91 / 17%) 0px 8px 24px;
		 position: relative
  }

  .prices-el h4{
	  margin:0;
	  font-family: omnes-pro;
	  font-size: calc(1rem / 1.125);
  }

  .prices-el:hover{
	  transform: translateY(-10px);
	  outline-offset: -10px
  }

  .prices-el h3{
		  font-weight: 600;
		  margin-bottom: 1rem;
		  font-size: calc(1.618rem * 1.125);
		  text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgb(255 255 255);
  }

  .prices-el p{
	  font-size: calc(1rem / 1.125);
	  text-align: center;
	  font-weight: 600;
  }

  .subs-wrap .prices-el p{
	  max-width: 25ch;
	  text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgb(255 255 255);
	  padding: 0 1rem;
  }

  .prices-machines{
	  display: flex
	  ;
		  flex-direction: column;
		  width: fit-content;
		  background: #ffe9dd;
		  padding: 1rem;
		  height:80px;
		  justify-content: center


  }

  .prices-grid{
	  display: grid;
	  grid-template-columns: 1fr auto;
	  width:100%;
	  padding:0 1.4rem;
	  row-gap: 0.18rem;
  }

  .prices-grid p:nth-child(odd){
	  border: 0px solid silver;
	  font-weight: 700
  }

  .prices-el-wrap{
	  display: flex
	  ;
		  flex-direction: column;
		  text-align: justify;
		  align-items: center;
		  background: #ffffff;
		  height: calc(100% - 80px);
		  justify-content: center;
  }

  .solarium-machines-sec {
	  display: flex;
	  width: 100%;
	  padding: 2.618rem 1.618rem;
	  background: #ffffff;
	  flex-direction: column;
	  gap: 4.236rem;
	  position: relative;


  }

  .solarium-machines-sec .icons-wrap .icon {
	  /* background: #e5e2d0; */
  }

  .solarium-machines-wrap {
	  display: grid;
	  width: 100%;
	  max-width: 1400px;
	  margin: 0 auto;
	  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	  gap: 2.618rem;
  }

  .solarium-machines-text {
	  display: flex;
	  width: 100%;
	  max-width: 1400px;
	  margin: 0 auto;

	  gap: 1rem;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  text-align: center
  }

  .solarium-machines-text h2 {
	  /* background-image: linear-gradient(135deg, #FD6585 10%, #0D25B9 100%);
			  -webkit-background-clip: text;
			  -webkit-text-fill-color: transparent; */
	  line-height: 1.2;
	  color: #4f3b2b;

  }

  .solarium-machines-text h2 span{
	  font-size: 2.618rem
  }

  .solarium-machines-text p {
	  max-width: 80ch;
	  color: #534e4b;
	  font-weight: 600
  }

  .solarium-machine {
	  display: flex;
	  width: 100%;

	  border: 0px solid silver;
	  /* background: #f4f2eb; */
	  flex-direction: column;
	  gap: 1rem;
	  padding: 1.618rem;
	  position: relative;
	  outline: 5px double #e0bb9f;
	  outline-offset: -5px;
  }

  .solarium-machine:before {
	  content: '';
	  display: flex;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 95%;
	  height: 95%;
	  background: #fffffe;
	  z-index: 0;
  }

  .solarium-machine:after {
	  content: '';
	  display: flex;
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 95%;
	  height: 95%;
	  background: #fffffe;
	  z-index: 0;
  }

  .solarium-machine:nth-child(even):before {
	  content: '';
	  display: flex;
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  left: unset;

	  background: #fffffe;
	  z-index: 0;
  }

  .solarium-machine:nth-child(even):after {
	  content: '';
	  display: flex;
	  position: absolute;
	  top: 0;
	  right: 0;
	  left: 0;

	  background: #fffffe;
	  z-index: 0;
  }



  .solarium-machine h3 {
	  font-weight: 400;
	  letter-spacing: 0.2px;
	  margin: 0;
	  color: #4f3b2b;
  }

  .solarium-machine p {
	  color: #4f3b2b;
	  font-size: calc(1rem / 1.125);
	  font-weight: 600
  }

  .solarium-machine-img {
	  display: flex;
	  width: 100%;
	  height: fit-content;
	  height: 250px;
	  margin-bottom: 1.618rem;
	  position: relative;
	  z-index: 99
  }

  .solarium-machine-img img {
	  object-fit: contain;
	  width: 100%;

  }

  .swiper-gallery {
	  height: fit-content;
	  margin: 0;
	  padding: 0 1rem;
	  background: white;
	  padding-bottom: 1.618rem;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
		  align-items: center;
		  gap: 1.618rem;

  }

  .swiper-gallery h2 span{
	  font-size: 2.618rem
  }

  .swiper-gallery .swiper-slide img{
	  object-fit: cover;
	  filter: brightness(0.75);
	  border-radius: inherit
  }

  .swiper-gallery .swiper-slide {
	  height:400px;

	  width:33%;
	  overflow: hidden;
	  border-radius: 0.382rem;
  }


  .swiper-gallery .swiper-slide .carousel-text h3{
	  font-size: calc(1.618rem / 1.067);
	  font-weight: 400;
  }

  .swiper-gallery .carousel-el:after{
	  backdrop-filter: blur(10px);
	  -webkit-backdrop-filter: blur(10px);
  }

  .banner-box-alt {
	  width: 100%
  }

  .carousel-floating-par{
	  display: flex;
	  padding:1.618rem 1.25rem;
	  position: absolute;
	  top:50%;
	  left:50%;
	  opacity: 0;
	  transition: all 0.3s ease;
	  font-size: calc(1rem / 1.25);
	  transform: translateY(-55%)translateX(-50%);
	  text-align: center;
	  width:100%;
	  max-width: 50ch
  }

  .swiper-gallery .carousel-text{
	  bottom:unset;
	  top:0
  }

  .carousel-tag-wrap{
	  display: flex;
	  width: fit-content;
	  height: fit-content;
	  padding:1rem;
	  padding-bottom: 1.618rem;
	  position:absolute;
	  bottom:0;
	  left:50%;
	  gap:0.382rem;
	  transform:translateX(-50%);
	  z-index: 99
  }

  .carousel-tag{
	  display: flex;
	  width: fit-content;
	  height: fit-content;
	  padding: 0.382rem 1rem;
	  border-radius: 100px;
	  font-family: "bc-novatica-cyr", sans-serif;
	  font-weight: 500;
	  font-size: calc(1rem / 1.33);
	  color: #ffffff;
	  backdrop-filter: blur(20px);
	  border: 1px solid #ffffff3b;

  }

  .swiper-slide:hover .carousel-text{
	  transform:translateY(0%)translateX(-50%)
  }

  .swiper-slide:hover .carousel-floating-par{
	  opacity: 1;
	  transform: translateY(-50%)translateX(-50%);

  }

  .skin-types-sec{
		  display: flex;
		  width: 100%;
		  height: fit-content;
		  min-height:500px;

		  padding: 2.618rem 1rem;
		  position: relative;
		  background: #f9f1ec;
	  }

	  .skin-types-sec:after{
		  content:'';
		  display: flex;
		  width: 100%;
		  height: 100%;
		  position: absolute;
		  top:0;
		  left:0;
		  background-image:url(/assets/img/sun_overlay.jpg);
		  background-size: cover;
		  background-attachment: fixed;
		  /* opacity: 0.2;
		  mix-blend-mode: luminosity; */
		  z-index: -1;
		  mask-image: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255) 25%, rgb(255 255 255) 50%, rgba(255, 255, 255, 0) 100%);
		  }

	  .skin-types-wrap{
		  display: grid;
		  width: 100%;
		  height: 100%;
	  max-width: 1400px;
	  margin: 0 auto;
	  grid-template-columns: repeat(auto-fit,minmax(350px,1fr));
  gap:1.618rem
	  }



	  .skin-types-row{
		  display: flex
		  ;
		  flex-direction: column;
			  width: 100%;
			  height: fit-content;
			  grid-template-columns: 1fr;
			  border: 1px solid #ffffff12;
			  /* box-shadow: inset rgb(255 255 255 / 8%) -11px 11px 20px 0px, inset rgb(255 255 255 / 28%) 0px -2px 4px -3px; */
			  position: relative;
			  background: white;

			  /* border: 2px solid;
			  border-image-slice: 1;
			  border-width: 2px;
			  border-image-source: linear-gradient(140deg, #ebcdbb, #ffffff1f); */
			  min-height: min(500px,50vw);
			  border-radius: 0.382rem;
			  overflow: hidden;

	  }

	  .skin-type-color{
		  display: flex;
		  width: calc(75px / 1.618);
		  height: calc(75px / 1.618);
		  border-radius: 100px;
		  background:#fff5e8;
		  margin-left: auto;
		  position: relative;
		  overflow: hidden;
		  border: 1px solid #ffffff;
		  box-shadow: rgb(0 0 0 / 18%) 0px 2px 4px 0px inset;
		  display: none
	  }

	  /* .skin-type-color:after{
		  content:'';
		  position: absolute;
		  display: flex;
		  width:100%;
		  height: 100%;
		  background-image: url(https://elements-resized.envatousercontent.com/envato-dam-assets-production/EVA/TRX/26/85/c7/74/21/v1_E10/E10291Q0.jpg?w=1600&cf_fit=scale-down&mark-alpha=18&mark=https%3A%2F%2Felements-assets.envato.com%2Fstatic%2Fwatermark4.png&q=85&format=auto&s=d71c3ae381257cb61a4542f9e4dab786082f2e0b197cc0b33b0df33653a35dbc);
		  background-size: 150%;
		  top:0;
		  left:0;
		  mix-blend-mode: darken
	  } */

	  #color1{
		  background:#fff5e8;
		   /* background: linear-gradient(45deg, #fff5e8 0%, rgba(255, 255, 255, 1) 50%,#fff5e8 100%); */
	  }

	  #color2{
		  background: #f1dcc3;
		   /* background: linear-gradient(45deg, #f1dcc3 0%, rgba(255, 255, 255, 1) 50%,#f1dcc3 100%); */
	  }

	  #color3{
		  background: #e8c9a1;
	   /* background: linear-gradient(45deg, #e8c9a1 0%, rgba(255, 255, 255, 1) 50%, #e8c9a1 100%); */
	  }

	  #color4{
		  background: #e8c9a1;
		   /* background: linear-gradient(45deg, #e8c9a1 0%, rgba(255, 255, 255, 1) 50%, #e8c9a1 100%); */
	  }

	  #color5{
		  background: #d4a684;
		  /* background: linear-gradient(45deg, #d4a684 0%, rgba(255, 255, 255, 1) 50%, #d4a684 100%); */
	  }

	  #color6{
		  background: #826d55;
		  /* background: linear-gradient(45deg, #826d55 0%, rgb(244 225 205) 50%, #826d55 100%) */
	  }

	  .skin-type-el{

		  display: flex;
		  height: fit-content;
		  width: 100%;
		  padding:1rem 1.618rem;
		  /* background: rgb(241 239 239); */
		  align-items: center;
		  gap: 1rem;
		  /* border-bottom: 1px solid #0000001f; */


	  }

	  /* .skin-type-el:first-child {
		  background: #202020b8;
	  }

	  .skin-type-el:nth-child(3){
		  background: #202020;
	  } */

	  .skin-type-el p{
		  font-weight: 600;
		  display: flex
		  ;
			  flex-direction: column;
			  text-wrap: balance;
			  color: #000000;
	  }

	  .skin-type-el p span{
		  font-size: 1.25rem;
		  font-weight: 700;
		  line-height: 1;
		  text-transform: uppercase;
		  font-family: 'bc-novatica-cyr';
	  }

	  .skin-type-el h3{
		  margin: 0
	  }

	  .skin-type-el:nth-child(2){
		  flex-direction: column

	  }

	  .skin-types-wrap div h3{
		  font-size: 1rem;
		  font-weight: 600
	  }

	  .skin-type-time-wrap{
		  margin: 0;
		  padding: 0;

		  display: flex;
		  flex-direction: column;
		  gap:0.382rem;
		  font-family: 'omnes-pro';
		  font-weight: 600;
	  }

	  .skin-type-image{
		  display: flex;
		  width: 85px;
		  height: 85px;
		  border-radius: 1000px;
		  padding: 0 ;
		  overflow: hidden;


	  }

	  .skin-type-image img{
		  width: 100%;
		  object-fit: cover;
		  height: 130%;
		  object-position: 54% 24%;

	  }

	  .skin-type-time-el{
		  display: flex
		  ;
			  align-items: center;
			  border-radius: 1rem;
			  overflow: hidden;
			  width: fit-content;
			  border: 1px solid #f1dcc3;
			  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; */
	  }

	  .skin-type-el:last-child {
		  margin-top: auto;
	  }

	  .skin-type-time-el div:first-child{
		  background: #e5e2d0;
		  color: #826d55;
		  padding: 0.382rem 1rem;
		  font-size: calc(1rem / 1.618);
		  text-transform: uppercase;
		  font-weight: 700;
		  font-family: 'bc-novatica-cyr';
		  letter-spacing: 0.6px;
		  border-radius: 1rem
	  }

	  .skin-types-row:nth-child(1) .skin-type-el:first-child{
		  background: #fff6e9
	  }

	  .skin-types-row:nth-child(2) .skin-type-el:first-child{
		  background: #f1dcc3
	  }

	  .skin-types-row:nth-child(3) .skin-type-el:first-child{
		  background: #e8c9a1
	  }

	  .skin-types-row:nth-child(4) .skin-type-el:first-child{
		  background: #e8c9a1
	  }

	  .skin-types-row:nth-child(5) .skin-type-el:first-child{
		  background: #d5a684
	  }

	  .skin-types-row:nth-child(5) .skin-type-el:first-child p {
		  color: white;
	  }

	  .skin-types-row:nth-child(6) .skin-type-el:first-child{
		  background: #826d55;

	  }

	  .skin-types-row:nth-child(6) .skin-type-el:first-child p{
		  color:white

	  }

	  .skin-types-row:nth-child(1) .skin-type-time-el div:first-child{
		  background: #fff6e9;
	  }

	  .skin-types-row:nth-child(2) .skin-type-time-el div:first-child{
		  background: #f1dcc3;
	  }

	  .skin-types-row:nth-child(3) .skin-type-time-el div:first-child{
		  background: #e8c9a1;
	  }

	  .skin-types-row:nth-child(4) .skin-type-time-el div:first-child{
		  background: #e8c9a1;

	  }

	  .skin-types-row:nth-child(5) .skin-type-time-el div:first-child{
		  background: #d5a684;
		  color: white;
	  }

	  .skin-types-row:nth-child(6) .skin-type-time-el div:first-child{
		  background: #826d55;
		  color: white;
	  }

	  .skin-type-time-el div:nth-child(2){
			  color: black;
			  line-height: 0.9;
			  padding: 0.382rem 1rem;
			  font-size: calc(1rem / 1.25);
			  display: flex
			  ;
				  gap: 0.382rem;
				  align-items: center;
	  }



	  .skin-type-text-sec{
	  color: #252525;
		  display: flex
	  ;
		  width: 100%;
		  padding: 2.618rem 1.618rem;
		  position: relative;
		  background: white;
	  }

	  .skin-type-text-wrap{
		  display: flex;
		  width: 100%;
		  max-width: 1400px;
		  margin: 0 auto;
		  flex-direction: column;
		  gap:1rem;
		  text-align: center;
		  align-items: center;
	  }

	  .skin-type-text-wrap h2 span{
		  font-size: 2.618rem
	  }

	  .skin-type-text-wrap p{
		  font-size: 1.125rem;
		  text-wrap: pretty;
	  }

	  .skin-desc{
		  font-size: calc(1rem / 1.125)
	  }

	  .skin-desc-exp{
		  height: 0px;
			  display: flex
		  ;
			  flex-direction: column;
			  overflow: hidden;

			  transition: all 0.3s
		  ease;
			  color: white;
	  }

	  .skin-desc-exp p{
		  font-size: calc(1rem / 1.125);
		  font-weight: 500;
	  }

	  .expand-button{
		  padding: 0.382rem 1rem;
			  border-radius: 100px;
			  font-size: calc(1rem / 1.125);
			  display: flex
		  ;
			  font-family: 'omnes-pro';
			  align-items: center;
			  gap: 0.382rem;
			  font-weight: 600;
			  margin-right: auto;
			  transition: all 0.3s ease;
			  cursor: pointer;
			  background: #f9f1ec;
			  color:black

	  }

	  .expand-button:hover{
		  transform:scale(1.1)
	  }

	  .expand-button i{
		  transition: all 0.3s ease
	  }

	  .tips-el h3{
		  text-transform: unset!important
	  }

	  .tips-el .whyus-icon{
		  width: 25px;
		  height: 25px;
		  display: flex
		  ;
			  align-items: center;
			  border: none
	  }

	  .tips-el .whyus-icon i{
		  color:white;
		  /* color:#c2eec7; */
		  font-size: 1.618rem;
	  }

	  .faq-msec{
		  display: grid
		  ;
			  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
			  gap: 1rem;
			  position: relative;
			  background: #f9f1ec;
			  background: linear-gradient(180deg, rgb(255 255 255) 0%, rgba(255, 233, 220, 1) 100%);
	  }

	  .faq-msec:after{
	  content:'';
	  display: flex;
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top:0;
	  left:0;
	  background-image:url(/assets/img/sun_overlay.jpg);
	  background-size: cover;
	  background-attachment: fixed;
	  /* opacity: 0.2;
	  mix-blend-mode: luminosity; */
	  z-index: -1;
	  mask-image: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255) 25%, rgb(255 255 255) 50%, rgba(255, 255, 255, 0) 100%);
	  }

	  .faq-img-sec{
		  display: flex;
		  width: 100%;
		  background-image: url(/assets/img/faq/lateral.jpg);
		  background-size: cover;

		  height: 100%;
		  background-position: 22.5vw;

		  /* mask-image: radial-gradient(circle, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 41%); */
		  background-attachment: fixed;
		  display: none
	  }

		  .faq-sec{
			  display: flex;
			  width: 100%;
			  flex-direction: column;
			  padding:2.618rem 1.618rem;
			  padding-bottom: 0
			  /* background:#faf0e6; */
		  }

		  .faq-sec:last-child{
			  padding-bottom: 2.618rem
		  }

		  .faq-mwrap{
			  display: flex
			  ;
				  flex-direction: column;
				  width: 100%;
				  max-width: 700px;
				  margin:0 auto;
		  }


		  .faq-wrap{
			  display: flex;
			  width: 100%;
			  max-width: 800px;
			  margin:0 auto;

			  flex-direction: column;
			  gap:0.618rem
		  }

		  .faq-title-wrap{
			  display: flex;
			  width: 100%;
			  max-width: 800px;
			  margin:0 auto;

			  flex-direction: column;

			  margin-bottom: 1rem
		  }

		  .faq-title-wrap h2{
			  font-size: calc(1.618rem * 1.125);
			  color: #c68e6f;

		  }

		  .info-expandable{

		  }

		  .info-text{

			 background: #ffffff;
				height: 0px;
				display: flex
			;
				flex-direction: column;
				overflow: hidden;
				border-radius: 0 0 1rem 1rem;
				transition: all 0.3s ease;
				color:white;
				position: relative;
				top: -16px;
				border-left:1px solid #f0dfbf;
				border-right: 1px solid #f0dfbf;
				border-bottom: 1px solid #f0dfbf;
				opacity: 0

		  }

		  .info-text p{
		   line-height: 1.8;
		   margin: 0rem;
		   max-width: 65ch;
		   text-wrap: pretty;
		   font-size: calc(1rem / 1.125);
		   font-weight: 600;
		   color: #313131;
		  }


		  .button-expandable{
			border: none;
				line-height: 1.4;
				padding: calc(1rem / 1.25) 1rem;
				width: 100%;
				background: transparent;
				border: 1px solid #f0dfbf;
				display: flex
			;
				align-items: center;
				font-size: calc(1rem / 1.125);
				color: #0d3009;
				font-weight: 600;
				text-align: left;
				gap: 0.382rem;
			   font-family: 'bc-novatica-cyr';
				letter-spacing: 0.2px;
				background: white;
				border-radius: 1rem;
		  }

		  .button-expandable i{
			margin-left:auto;
			transition:all 0.3s ease;
			font-size: 1.25rem;
			color: #718255;
		  }

		  .button-expandable i:first-child{
			margin-left:0;
			margin-right:0.25rem;
			transition:all 0.3s ease;
			font-weight:300;
			display: none
		  }

		  .contact-info-sec{
			display: flex;
			width: 100%;
			padding:2.618rem 1.618rem;
			padding-top:0

		  }

		  .contact-info-wrap{
			display: grid;
			width:100%;
			max-width: 1300px;
			margin: 0 auto;
			grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
			gap:1rem
		  }

		  .contact-info-el{
			display: flex;
			width: 100%;
			height: fit-content;
			border:0px solid silver;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			color: black;
			gap:0.618rem;
			aspect-ratio: 2;
			position: relative;
			z-index: 10
		  }

		  .contact-info-el:after {
			  content: '';
			  position: absolute;
			  top: 35%;
			  left: 50%;
			  width: 100%;
			  height: 70%;
			  background: white;
			  z-index: -1;
			  border-radius: 0.382rem;
			  max-width: 325px;
			  transform: translateX(-50%);
			  outline: 4px double #ffe9de;
			  outline-offset: -10px;
		  }

		  .contact-info-el h3{
			  font-weight: 800;
			  color: #5b7b57;
			  letter-spacing: 0;
			  font-size: 1.25rem
		  }

		  .contact-info-el-icon{
			display: flex
			;
				width: 75px;
				height: 75px;
				border-radius: 100px;
				background: white;
				box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
				align-items: center;
				justify-content: center;
				font-size: 1.618rem;
				color: #718255;
		  }

		  .contact-info-el a{
		  color: #000000;
		  text-align: center;
		  max-width: 25ch;
		  font-size: 1rem;
		  text-decoration: none;
		  font-family: 'omnes-pro';
		  font-weight: 600;
		  }

		  .contact-form-sec{
			display: flex;
			width: 100%;
			padding:2.618rem 1rem;
			padding-top:0
		  }

		  .contact-form-wrap{
			display: grid
			;
				width: 100%;
				max-width: 1300px;
				margin: 0 auto;
				grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
				/* background: #5b7b57; */
				border-radius: 1rem;
				overflow: hidden;
				position: relative;
				gap: 0;
				padding: 0rem;
				border: 0px solid silver;
		  }

		  .contact-form-map{
			display: flex;
			width: 100%;

		  }

		  .contact-form-wrap .cta{
			  color: #5b7b57;
			  background: white
		  }

		  .contact-form-wrap form{
			  display: grid;
			  flex-direction: column;
			  width: 100%;
			  border:0px solid silver;
			  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
			  height: fit-content;
			  gap:1rem;
			  margin:0
		  }

		  .form-box{
			display: flex;
			flex-direction: column;
			border:0px solid silver;
			height: fit-content;
			position: relative;
		  }

		  .form-box i{
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 1rem;
			color: #eceae4;
			font-size: calc(1rem / 1.125);
		  }

		  .form-box:nth-child(3){

		  }

		  .form-box:nth-child(5){
			  grid-column: 1 / 3;
		  }

		  .form-box input{
		  display: flex
		  ;
			  padding: 0.618rem 1rem;
			  border: none;
			  background: #5c8257;
			  border: none;
			  outline: none;
			  color: white;
			  border: 1px solid #8fab98;
			  border-radius: 0.382rem;
			  font-family: 'omnes-pro';
			  font-weight: 600;
			  letter-spacing: 0.5px;
			  font-size: calc(1rem / 1.25);
		  }

		  .form-box textarea{
			display: flex
			;
				padding: 1rem;
				border: none;
			   background: #5c8257;
				border-radius: 1rem;
				border: none;
				outline: none;
				color:white;
				border: 1px solid #8fab98;
				 border-radius: 0.382rem;
				 font-family: 'omnes-pro';
				 font-weight: 600;
				 letter-spacing: 0.5px;
				 font-size: calc(1rem / 1.25);
		  }

		  ::placeholder { /* Most modern browsers support this now. */
			 color:    white;
		  }

		  .form-wrap{
		   display: flex
		   ;
			   flex-direction: column;
			   margin: auto;
			   height: fit-content;
			   width: 100%;
			   padding: 0;
			   background: #6a8e66;
			   padding:  1.618rem;
		  }

		  .form-wrap h2{
			color:white;
			margin-bottom: 1.618rem;
			line-height: 1.2;
			font-size: calc(1.618rem / 1.067);
		  }

		  form span{
			color: white;

			font-size: calc(1rem / 1.25);
			font-family: 'omnes-pro';
			font-weight: 600;
			letter-spacing: 0.25px;
			grid-column: 1/3
		  }

		  form span a{
			color:#e5e2d0
		  }

		  form button{

			;
			border:none
		  }

		  .contact-sec{
			  position: relative;
			  background: #f9f1ec;
			  background: linear-gradient(180deg, rgb(255 255 255) 0%, rgba(255, 233, 220, 1) 100%);
		  }

		  .contact-sec:after{
			  content: '';
				  position: absolute;
				  top: 0;
				  left: 0;
				  display: flex
			  ;
				  width: 100%;
				  height: 100%;
				  background-image: url(/assets/img/palm_overlay.jpg);
				  background-attachment: fixed;
				  background-position: center;
				  background-size: cover;
				  z-index: -1;
				  opacity: 0.15;
				  mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 50%, rgba(255, 255, 255, 0) 100%);
				  display: none
		  }

		  .booking-info-sec{
			  background: linear-gradient(0deg, rgb(255 255 255) 0%, rgba(255, 233, 220, 1) 100%);
				  position: relative;
				  display: flex
			  ;
				  width: 100%;
				  height: fit-content;
				  padding:  0;
				  padding-bottom: 1.618rem;
		  }

		  .booking-info-sec .swiper{
			  margin: 0;
			  height: fit-content;
			  max-width: 1500px;
			  margin: 0 auto;
		  }

		  .video-content-wrap{
			 display: flex
		  ;
			  flex-direction: column;
			  width: calc(33% - 2rem);
			  height: fit-content;
			  padding:  1.618rem;

			  color: white;
			  border-radius: 0.618rem;
			  justify-content:start;
			  border: 0px solid silver;

			position: relative;
			background: #4b5739;
			min-height: 450px;
		  margin:0 1rem;
		outline: 4px double #e6e2d1;
		outline-offset: -5px;
		  max-width: 500px;
		  transition: all 0.3s ease;
		  text-align: center;

	overflow: visible;
	background-image: radial-gradient(#ffffff2b 0.5px, transparent 0.5px), radial-gradient(#ffffff33 0.5px, #e5e5f700 0.5px);
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;
			/* backdrop-filter: blur(20px); */
			/* background: #ffffff6e; */
		  }



		  .video-content-wrap svg {
			  position: absolute;
				  z-index: 99;
				  opacity: 1;
				  left: 50%;
				  top:50%;
				  transform: translateX(-50%) translateY(-50%);
				  pointer-events: none;
				  mask-image: radial-gradient(circle, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 83%);

		  }

		  .video-content-wrap .line {
			  stroke-dasharray: 500;
			  stroke-width: 20px;
			  fill: transparent;
			  stroke: #ffffff1f;
			  animation: svgAnimation 3s ease-in-out infinite;
		  }

		  @keyframes svgAnimation {
			  from {
				  stroke-dashoffset: 0;

			  }

			  to {
				  stroke-dashoffset: 1000;

			  }
		  }

		  .video-content-wrap .cta{
			  margin: 0 auto;
			  margin-top: 1.618rem;
			 font-size: calc(1rem / 1.125);
		  }

		  .video-content-wrap h2{
				font-size: calc(2.618rem / 1.067);
			  line-height: 1;
			  margin: 0;
			  margin-bottom: 0.382rem;
			  font-family: "bc-novatica-cyr", sans-serif;
			  font-weight: 600;
			margin:0;
				/* border-bottom: 1px solid #e6e2d1;
			  padding-bottom: 1.618rem; */
			  color:#e5e2d0

		  }

		  .video-content-wrap h2 span{
			  /* font-size: calc(1.618rem * 1.125); */
		  }

		  /* .script{
			font-family: "cc-matinee-idol", sans-serif;
			  font-weight: 300;
			  font-style: normal;
			  color: white;
			  font-size: calc(2.618rem * 1);
			  line-height: 1;
		  } */

		  .video-content-wrap p{
		   max-width: 90ch;
		   font-family: 'bc-novatica-cyr';
		   font-weight: 400;
		   line-height: 1.618;
		   margin: 0;
		   margin-top: 0.618rem;
		   letter-spacing: 0.75px;
		   font-size: calc(1rem / 1.25);
		   text-align: center;
		   text-wrap: balance;
		   margin-left: auto;
		   margin-right: auto;
		   line-height: 1.618;
		   max-width: 40ch;

		  }

		  .video-content-wrap .script{
			  font-size: calc(2.618rem / 1.33);
			  color:#f2d6c4;
			  background: linear-gradient(45deg, #afafaf, #ffffff, #b8b8b8);
			  -webkit-background-clip: text;
			  -webkit-text-fill-color: transparent;

		  }

		  .video-content-wrap .strong{
			  font-weight: 600 !important;
			  font-size: calc(1rem / 1.25);
			  line-height: 1.4 !important;
			  margin: 1rem auto;
			  margin-bottom: 0;
			  font-style: normal !important;
			  font-family: 'bc-novatica-cyr';
			  background: #ffffff30;
			  padding: 0.618rem;
			  border-radius: 0rem;


		  }

		  .video-content-wrap ul{
		font-family: "bc-novatica-cyr", sans-serif;
		  font-weight: 500;
			line-height:1.618;
			letter-spacing: 0.75px;
			padding:0;
			list-style: none;
			max-width: 30ch;
			margin-left: auto;
			margin-right: auto;
		  }

		  .video-content-wrap ul li{
			  font-size: calc(1rem / 1.25);
			  font-weight: 500;
			  line-height: 1.25;
			  margin-bottom: 0.618rem
		  }

		  /* .ribbon-wrap{
			  font-size: 1rem;
			  position: absolute;
			  top: unset!important;
			  bottom: 20px;
		  } */

		  /* HTML: <div class="ribbon">Your text content</div> */
		  .ribbon {
	color: #fff;
	font-family: 'bc-novatica-cyr';
	font-size: calc(1rem / 1.618);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;

		  }
		  .ribbon {
			--r: .4em;
			position: absolute;
			bottom: 20px;
			inset-inline: calc(-1 * var(--r));
			text-align: center;
			line-height: 1.4;
			padding: 0.618rem 1em calc(2 * var(--r));
			border-radius: var(--r);
			--_g: 100% / var(--r) calc(2 * var(--r)) no-repeat;
			background: radial-gradient(100% 50% at right, #0005 98%, #0000 101%) 0 var(--_g), radial-gradient(100% 50% at left, #0005 98%, #0000 101%) 100% var(--_g), conic-gradient(from 90deg at var(--r) calc(100% - 2 * var(--r)), #0000 25%, #798368 0) 0 0 / calc(100% - var(--r)) 100%;
			padding-bottom: 1.25rem;
		  }


footer {
	display: flex;
	width: 100%;
	padding: 4.236rem 1rem;
	background: black;
	position: relative;
	padding-top: 1.618rem;
	padding-bottom: 5rem

}

.footer-bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: fit-content;
	color: white;
	font-size: 0.618rem;
	padding: 1rem;
	border-top: 1px solid rgb(255 255 255 / 14%);

	justify-content: center;
		align-items: center;
		display: flex
	;
	flex-wrap: wrap;
	gap: 0.382rem;
}

.footer-bottom p{

	font-size: calc(1rem / 1.25);
	max-width: unset;
	line-height: 1.2;
}

.footer-social-wrap{
	display: flex;
	align-items: center;
	gap:1rem
}

.footer-social-wrap i{
	color:#dfba9f;
	color:#e3c76c;
	color:#e8d38b
}

footer:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 2px;
	background: -webkit-linear-gradient(to right, #d19e1d, #ffd86e, #e3a812);
	background: linear-gradient(to right, #d19e1d, #ffd86e, #e3a812);
	mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 25%, rgb(255 255 255) 50%, rgb(255 255 255) 75%, rgba(255, 255, 255, 0) 100%);
	display: none
}

.footer-wrap {
	display: grid;
	height: auto;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	border: 0px solid silver;
	color: white;
	gap: 1rem;
}

.footer-wrap h1 {
	font-family: "bc-novatica-cyr", sans-serif;
}

.footer-wrap p {
	font-family: 'omnes-pro';
}

.footer-el:first-child {
	/* min-width: unset;
	max-width: 250px; */
	margin: auto;
	justify-content: center;
	align-items: center;
	width:100%
}

.footer-el {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 1rem;
	max-width: 450px;
	/* min-height: 200px; */

	overflow: hidden;
	border: 0px solid silver;
	padding: 0.618rem
}

.footer-el ul{
	padding: 0;
		display: flex
	;
		flex-direction: column;
		gap: 0.618rem;
		font-family: 'omnes-pro';
		font-size: calc(1rem / 1.25);
		list-style-type: none;
		margin: 0;
}

.footer-el ul li span{
	font-weight: 700
}

.footer-el iframe {
	border-radius: 0.382rem;
}

.footer-el .nav-list a {

	font-family: 'bc-novatica-cyr';
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	gap: 0.382rem;
	background: linear-gradient(45deg, rgb(25 25 25) 0%, rgb(35 35 35) 100%);
	padding: 0.618rem 0.382rem;

}

.footer-el .nav-logo {
	margin-bottom:0
}

.footer-el .nav-logo img {
	width: 8rem
}

.footer-el h4 {
	color: #eac989;
	text-decoration: none;
	font-family: "bc-novatica-cyr", sans-serif;
	display: flex;
	align-items: center;
	gap: 0.618rem;
	font-size: 1.33rem;
	margin: 0;
	font-weight: 500;

}

.footer-el a {
	color: white;
	text-decoration: none;
	font-family: "omnes-pro", sans-serif;
	display: flex;
	align-items: center;
	gap: 0.618rem;

	padding: 0;
	border-radius: 0.618rem;
	max-width: 23ch;
	font-size: calc(1rem / 1.25);

}

.nav-list {
	text-decoration: none;
	display: grid;
	list-style-type: none;
	padding: 0;
	margin: 0;
	/* border: 1px solid silver; */
	flex-wrap: wrap;
	gap: 1rem;
	grid-template-columns: 1fr 1fr
}


.skeleton {
	position: relative;
	background: #e0e0e0;
	background-image: linear-gradient(90deg,
			#e0e0e0 0px,
			#f5f5f5 40px,
			#e0e0e0 80px);
	background-size: 200% 100%;
	background-position: -100% 0;
	animation: skeleton-loading 1.5s infinite;
	border-radius: 8px;
	/* opzionale */
}

@keyframes skeleton-loading {
	100% {
		background-position: 100% 0;
	}
}

.gallery-sec {
	display: flex;
	width: 100%;
	padding: 4.236rem 1rem;
	flex-direction: column;

	/* background-color: #faf0e6; */
	/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23fefefe' fill-opacity='0.04'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E"); */
	position: relative;
	background: #f9f1ec;

}

 .gallery-sec:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background-image: url("/assets/img/palm_overlay.jpg");
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	z-index: -1;
	opacity: 0.15;
	mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 50%, rgba(255, 255, 255, 0) 100%);
	display: none

}

.gallery-sec h2 {
	/* color: #661c2f; */
	color: #4f3b2b;
	font-size: calc(4.236rem / 1.33);
	text-align: center;
	margin: 0;

	margin-bottom: 2.618rem

}

.gallery-sec h2 span {
	font-weight: 200
}

.gallery-wrap {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	gap: 1rem;
	max-width: 1400px;
	margin: 0 auto;

	justify-content: center;

}

.gallery-col {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: calc(33% - 1rem);
	transition: all 0.3s ease;

}

.gallery-el {
	display: flex;

	width: 100%;
	height: fit-content;
	border: 0px solid red;
	flex-shrink: 0;
	border-radius: 0.382rem;
	overflow: hidden;
	position: relative;
	max-height: 600px;

}

.gallery-el:hover img {
	transform: scale(1.2);
	filter: grayscale(0)
}

.gallery-el .gallery-el-desc {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	backdrop-filter: blur(20px);
	display: flex;
	width: 100%;
	padding: 0.618rem;

	color: white;
	justify-content: center;
	font-size: calc(1rem / 1.25);
	margin: 0;
}

.gallery-el img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;

	border-radius: inherit;
	filter: grayscale(0)
}

ol {

	font-family: 'omnes-pro';
	padding: 0;
	padding-left: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	font-size: 1rem;
	margin: 0;
	margin-bottom: 1rem;
	font-weight: 500;
	max-width: 50ch;
	letter-spacing: 0.5px;
	line-height: 1.4;
	padding: 0;
}

ol li {
	display: flex;
	align-items: center;
	gap: 0.618rem;
	font-weight: 700
}

.whyus-sec {
	display: flex;
	width: 100%;

	padding: 4.236rem 1.618rem;
	flex-direction: column;

	justify-content: center;
	gap: 2.618rem;

	position: relative;
	background: #4b5739;
	/* background: #222222; */

}

/* .whyus-sec:after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-image: url(https://texturelabs.org/wp-content/uploads/Texturelabs_Metal_247S.jpg);
	background-size: cover;
	mix-blend-mode: soft-light;
	background-position: center
} */

.whyus-title-wrap {
	display: flex;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	height: fit-content;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 10;
	flex-wrap: wrap;
	gap: 1rem;
}

.whyus-wrap {
	display: grid;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	height: fit-content;
	border: 0px solid silver;

	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1.618rem;
	position: relative;
	z-index: 10
}

.whyus-sec h2 {
	/* background: linear-gradient(to right, #e5c165, #ffd86e, #e3a812);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
	line-height: 1.2;
	margin: 0;
	color: #e5e2d0;
	/* color:#c2eec7 */
}

.whyus-el {
	display: flex;
	width: 100%;

	border: 0px solid silver;
	border-radius: 1rem;
	/* padding: 1rem 1.618rem; */
	gap: 0.618rem;
	flex-direction: column
		/* background: linear-gradient(
	45deg, rgba(21, 21, 21, 1) 0%, rgb(42 42 42) 100%); */
		/* box-shadow: rgb(15 15 15 / 54%) 3px 3px 6px 0px inset, rgb(255 255 255 / 5%) -3px -3px 6px 1px inset; */

}

.whyus-icon {
	display: flex;
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	border: 0px solid silver;
	/* background:#bfd1c1 */
}

.whyus-icon svg path{
	fill:white
}

.whyus-el h3 {
	color: white;
	font-size: calc(1rem / 1.1);
	line-height: 1.2;
	font-weight: 500;
	background: linear-gradient(45deg, #afafaf, #ffffff, #b8b8b8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.7px;

	font-weight: 600;
	border-bottom: 0px solid silver;
	padding-bottom: 0.382rem;
	padding: 0
}

.whyus-el p {
	color: white;
	font-size: calc(1rem / 1.25);

	line-height: 1.5;
	font-weight: 500;
	padding-top: calc(1rem - 0.618rem);
	padding: 0;
	text-wrap: balance;
}

.whyus-title {
	display: flex;
	align-items: center;
	gap: 1rem
}

.whyus-text {
	display: flex;
	width: fit-content;
	height: fit-content;
	flex-direction: column
}

.vertical-line-alt {
	display: flex
;
	width: 1px;
	height: 50px;
	background: #dfba9f;
	margin: auto;
	margin-bottom: 1.618rem;
}

.banner-top-sec {
	display: flex;
	width: 100%;
	height: calc(350px + 100px);
	background: black;
	background-image: url("/assets/img/imagen-3.0-generate-002_una_bella_ragazza_ch.png");
	background-size: cover;
	 /* mask-image: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255) 50%, rgba(255, 255, 255, 0) 100%); */
	 position: relative
}

@media only screen and (max-width:1300px){
	.banner-top-sec {
		background-size: cover!important;
		background-position: 90% 50%!important
	}
}

.banner-top-sec:after {
	content: '';
	display: flex
;
	width: 100%;
	height: 100%;
	position: absolute;
	background: black;
	opacity: 0.5;
	z-index: 0;
	pointer-events: none
}

.banner-top-wrap {
	display: flex
	;
		max-width: 1300px;
		margin: 0 auto;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
		z-index: 100;
		position: relative;
		top: 50px;
}

.banner-top-wrap h1 {
	color: white;
	font-family: "bc-novatica-cyr", sans-serif;
	margin: 0;
	font-size: calc(2.618rem / 1);
	font-weight: 400;
	text-shadow: 2px 3px 6px #00000063;
	text-align: center
}


.chisiamo-sec {
	display: flex;
	width: 100%;
	height: fit-content;
	padding: 2.618rem 1.618rem;
	flex-direction: column;
	position: relative;
	background: white
}


.chisiamo-wrap {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: center;
	align-items: center;
	max-width: 800px;
	margin: 0 auto;
}



.chisiamo-text {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 0;
	margin: auto;
	justify-content: center;
	align-items: center;
	text-align: center;

}

.chisiamo-text .cta {
	background: #70a87d;
	color: white
}

.chisiamo-text h2 {
	font-size: calc(4.236rem / 1.25);
	margin: 0;
	color: #333333;
	border-bottom: 0px solid #8fab98;
	width: fit-content;
	margin-bottom: 1rem;
}

.chisiamo-text p {
	margin-bottom: 0.618rem;
	font-weight: 600;
	color: #534e4b;
	max-width: 45ch;
	text-wrap: pretty;
	line-height: 1.6;
	font-size: calc(1rem / 1)
}

.where-sec {
	background: #f9f1ec;
	background: #ffe9dc;
	display: flex;
	width: 100%;
	height: fit-content;
	padding: 4.236rem 1rem;
	position: relative;
	background: linear-gradient(180deg, rgb(255 255 255) 0%, rgba(255, 233, 220, 1) 100%);
}

.where-wrap {
	display: flex;
	width: 100%;
	height: fit-content;
	max-width: 1400px;
	margin: 0 auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.where-wrap h2 {
	font-size: 2.618rem
}

.where-el {
	display: flex;
	flex-direction: column;
	padding: 2rem 2.618rem;
	border: 0px solid silver;
	margin-top: 2.618rem;

	align-items: center;
	position: relative;
	background: white;
	width: clamp(350px, 50vw, 500px);
	aspect-ratio: 1.618;
	transition: transform 0.3s ease
}

.where-el:hover {
	transform: translateY(-10px)
}

.where-el i {
	position: absolute;
	top: -12%;
	background: white;
	padding: 1rem;
	border-radius: 100px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	font-size: 2rem;
	aspect-ratio: 1.618;
}

.where-el h3 {
	margin-top: 1.25rem;
	font-weight: 600;
	font-size: 1.25rem;
}

.where-el p {
	font-size: calc(1rem / 1.33);
	width: 100%;
	text-align: center;
	margin-top: 0.618rem;
	font-weight: 600;
	color: #636363;
}

.where-el .cta {
	outline: none;
	border: none;
	color: #000000c7;
	margin-top: 2.618rem;
	background: #e0bb9f;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 0.4px;
	flex-direction: row;
	width: fit-content;
	display: flex;
	align-items: center;
	gap: 0.618rem;
	padding: 1rem 2rem;
}



.emo-sec {
	display: flex;
	width: 100%;


	background: #ffffff;
	border: 0px solid silver;



	position: relative;
	overflow: hidden;
	height: 600px;
}

.emo-sec .image-overlay {
	mix-blend-mode: unset
}

.emo-sec img{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	object-fit: cover;
	z-index: 1
}



.emo-wrap {
	display: grid;

	width: 100%;
	height: 100%;
	justify-content: center;
	gap: 0.618rem;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	align-items: center;
	justify-content: center;

	position: relative
}

/* .emo-wrap:after{
	content:'';
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-image: url(https://elements-resized.envatousercontent.com/envato-dam-assets-production/EVA/TRX/fc/ab/c8/aa/89/v1_E10/E10AO1HT.jpg?w=1600&cf_fit=scale-down&mark-alpha=18&mark=https%3A%2F%2Felements-assets.envato.com%2Fstatic%2Fwatermark4.png&q=85&format=auto&s=8dc5c5ea264177284525cdbc55eb2921373ce195621f244c472c3e79767624ce);
	background-size: cover;
	background-attachment: fixed;

} */

.emo-wrap:before{
	content: '';
		display: flex
	;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		background: #000000;
		opacity: 0.5;
}

.emo-text {
	display: flex;
	width: fit-content;
	border: 0px solid silver;
	flex-direction: column;
	gap: 0.618rem;
	height: fit-content;
	z-index: 99;

	overflow: hidden;
	max-width: calc(700px + 2.618rem);
	margin-left: auto;
	padding: 2.618rem;
	margin: auto;
	text-align: center;
	align-items: center;
	color:white


}

.emo-text:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(https://images.unsplash.com/photo-1747727968638-5aa093953d3d?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
	background-size: cover;
	mix-blend-mode: luminosity;
	mix-blend-mode: color;
	opacity: 0.2;
	display: none
}

.emo-text .icon {
	height: 50px;
	border: 1px solid silver;
}

.emo-wrap p {


	font-family: 'omnes-pro';
	font-style: normal;
	font-size: 1.125rem;
	line-height: 1.6;
	font-weight: 500;
	max-width: 60ch;
	margin: 0 auto;
	text-wrap: pretty;
}

.emo-text-title {
	display: flex;

	flex-direction: column;
}

.emo-text-title p:first-child {
	font-size: 2.618rem;
	font-family: 'cc-matinee-idol';
	font-weight: 500;
	font-style: normal;
	line-height: 1;
	color: #DFBAA1;
}

.emo-text-title p:nth-child(2) {
	font-size: calc(4.236rem / 1.067);
	font-family: "bc-novatica-cyr", sans-serif;
	font-weight: 600;
	line-height: 1;
}

.emo-img {
	display: flex;
	width: 100%;
	height: 450px;
	position: relative;
}

.emo-img img {
	width: 100%;
	object-fit: cover
}

.review-sec {
	display: flex;
	width: 100%;
	min-height: 500px;
	padding: 4.236rem 0.618rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
background: #f9f1ec;
background:#ffe9dc;
	position: relative;
	background: linear-gradient(180deg, rgb(255 255 255) 0%, rgba(255, 233, 220, 1) 100%);

}

.review-sec .swiper-button-next{
	color:#cca185;
	border-color: #cca185;
	background: #ffefe5;
}

.review-sec .swiper-button-prev{
	color:#cca185;
	border-color: #cca185;
	background: #ffefe5;
}

.review-sec .swiper-pagination-bullet{
	background: #cca185
}

.review-sec .script{
	color: #cca185;
}

.swiper-review{
	display: flex;
	width: 100%;
	height: fit-content;
	position: relative;
	padding: 0

}

.review-sec:after {
	content: '';
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background-image: url(/assets/img/sand_overlay_1.jpg);
	background-position: bottom left;
	background-size: contain;
	background-repeat: no-repeat;
	mix-blend-mode: lighten;

}

.review-sec h2 {
	/* margin-bottom: 1.618rem; */
	font-size: calc(2.618rem * 1.067);
	position: relative;
	z-index: 10;
	color: #2e2e2e;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgb(255 255 255);
}

.review-wrap {
	display: flex;

	width: 100%;
	/* max-width: 1400px;
	margin: 0 auto; */
	position: relative;
	z-index: 10;

	padding: 1rem 0;

position: relative
}

.review-controls-wrap{
	display: flex
	;
		width: 100%;
		height: fit-content;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		justify-content: space-between;
		align-items: center;
		max-width: 1200px;
		z-index: 999
}

.review-el {
	display: flex;
		flex-shrink: 0;
		width: 100%;
		padding: 0;
		flex-direction: column;
		color: white;
		height: fit-content;
		min-height: 400px;
		/* opacity: 0; */
		transition: opacity 0.8s
	ease 0.1s;
		will-change: transform, opacity;
		transform: translateZ(0);
		backface-visibility: hidden;
		scroll-snap-align: start;
		justify-content: center;
		align-items: center;
		outline-offset: -20px;
		max-width: 800px;
		margin: 0 auto;


}

/* .swiper-slide:nth-child(odd) .review-el{
	background: #67784c;
} */

/* .review-el:last-child {
	border: none
} */

.review-el p {
	line-height: 1.8;
	text-wrap: balance;
	margin-bottom: 1.618rem;
	color: #232323;
	text-align: center;
	font-weight: 600;
}

.review-el i {
	font-size: 4.236rem;
	color: #cca185;
	/* color:#f2d6c4 */

}

.review-user {
	display: flex;

	gap: 1rem;
	align-items: center;
}

.review-user i {
	font-size: 2.618rem;
	color: #bfd1c1;
}

.review-user p {

	font-size: 1.618rem;
	font-family: 'bc-novatica-cyr';
	margin: 0;
	font-family: "cc-matinee-idol", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #a47150;

}

.script {
	font-family: "cc-matinee-idol", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #DFBAA1;
	font-size: calc(1.618rem * 1.25);
	line-height: 1;
	color:#c68e6f
}

.stars-wrap {
	display: flex;
	margin-left: auto;
	gap: 0.15rem;
	display: none
}

.stars-wrap i {
	font-size: 1.125rem;
	color: gold;
}

.booking-sec {
	display: flex;
	width: 100%;
	min-height: 350px;

	padding: 4.236rem 1.618rem;

	position: relative;
	background: #e5e2d0;
	align-items: center
}

.booking-sec:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
	background: #ffffff99;
	z-index: 99;
	pointer-events: none;
	display: none;
}

.booking-sec:after {
	content: '';
	display: flex;
	width: 120%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -10%;
	background-image: url("/assets/img/woman-wearing-sea-shell-necklace-on-beach-2024-10-17-12-29-30-utc.jpg");
	background-position: center left;
	background-size: cover;

	z-index: 10;
	/* mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255 / 0%) 25%, rgb(255 255 255) 50%, rgb(255 255 255) 75%, rgb(255 255 255) 100%); */
}

.booking-wrap {
	display: flex;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	height: fit-content;
	flex-direction: column;
	gap: 0rem;
	position: relative;
	z-index: 99
}

.booking-wrap .script{
	color: #c68e6f;
	font-size: calc(2.618rem * 1.125);
	font-weight: 400;
}

.booking-wrap h2 {
	color: #5c2c11;
font-size: calc(2.618rem * 1.067);
font-weight: 600;
letter-spacing: -0.5px;
}


.booking-wrap .cta {
	color: #cdaa66;
	margin-top: 1rem;
	border: 1px solid #cdaa66;
	outline: 1px solid #cdaa66;
	backdrop-filter: blur(10px);
	background: #ffffff70;
}

.check-el {
	display: flex
	;
		width: 30px;
		height: 30px;
		flex-shrink: 0;
		position: relative;
		border-radius: 100px;
		background: #718255;
		justify-content: center;
		align-items: center;
		color: #ffffff;
}

@media only screen and (max-width:1400px){
	.video-content-wrap{
		width: calc(50% - 2rem)
	}
}

@media only screen and (max-width:1300px) {
	.carousel-el {

		width: calc(33% - 0rem);


	}
}

@media only screen and (max-width:1100px){
	.form-box:nth-child(5){
		grid-column: unset;
	}

	form span{
	 grid-column: unset;
	}
}

@media only screen and (max-width:950px) {

	.nav-box ul {
		display: none
	}

	.banner-png img {
		object-fit: contain;
		margin-left: auto;
		height: 100%;

	}

	.banner-pngv2 img {
		object-fit: contain;
		margin-left: auto;
		height: 100%;
		width: 100%;

	}

	.carousel-el {

		width: calc(50% - 0rem);

	}






	/* .review-el {

		width: calc(50% - 0rem);
	} */
}

@media only screen and (max-width:900px){
	.video-content-wrap{
		width: calc(100% - 2rem)
	}

	.swiper-gallery .swiper-slide{
		width: 50%
	}

	.booking-sec:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;
		background: #ffffff99;
		z-index: 99;
		pointer-events: none;
		display: flex;
	}
}

@media only screen and (max-width:650px) {
	html {
		font-size: 17px
	}

	.gallery-col {
		width: calc(100% - 1rem)
	}

	/* .review-el {

		width: calc(100% - 1rem);

	} */

	.carousel-el {

		width: calc(100% - 2rem);

	}

	.nav-logo img{
		max-width: 120px


	}

	.chisiamo-img:nth-child(odd) {

		order: 1;
	}

	.chisiamo-img{
		margin-top: 1.618rem!important
	}

	.review-sec h2{
		font-size: calc(2.618rem / 1.125)
	}

	.slideshow-sec video{
		width: 350%
	}

	.footer-el{
		align-items: center
	}

	.swiper-gallery .swiper-slide {

		width:100%
	}

	.video-content-wrap{
		min-height: 425px
	}






}