:root{
	--white: #FAFAFF;
	--blue: #2A3979;
	--blue-dark: #2A3979;
	--light-blue: #EAE8FF;
	--black: #000000;
	--gray: #AFAFAF;
	--gray-light: #818181;
	--alert: #F85757;

	--h1: 56px;
	--h2: 40px;
	--h3: 24px;
	--h4: 20px;

	--p: 18px;
	--p-form: 12px;
	--p-menu: 16px;

	--weight-700: 700;

	--opacity-level:0.75;

	--space-sec: 100px;

	--border-div: 32px;
}

body{
	background-color: var(--white);
}

/******* MEDIA QUERY *******/
@media (max-width:1600px){
	:root{
		--h1: 56px;
		--h2: 40px;
		--h3: 24px;
		--h4: 20px;

		--p: 16px;
		--p-form: 12px;
		--p-menu: 16px;

		--space-sec: 50px;
	}
}


@media (max-width:1024px){
	:root{
		--h1: 24px;
		--h2: 20px;
		--h3: 16px;
		--h4: 16px;

		--p: 16px;
		--p-form: 12px;
		--p-menu: 16px;

		--space-sec: 50px;
	}
}

@media (max-width:990px){
	:root{
		--p-menu: 20px;
	}
}

/****************************/

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, #header, #footer{
	--bs-gutter-x: 3rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 3.5);
	padding-left: calc(var(--bs-gutter-x) * 3.5);
	margin-right: auto;
	margin-left: auto;
}

@media (max-width:1200px){
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, #header, #footer{
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		width: 100%;
		padding-right: calc(var(--bs-gutter-x) * 3.5);
		padding-left: calc(var(--bs-gutter-x) * 3.5);
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width:768px){
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, #header, #footer{
		--bs-gutter-x: 0.5rem;
		--bs-gutter-y: 0;
		width: 100%;
		padding-right: calc(var(--bs-gutter-x) * 3.5);
		padding-left: calc(var(--bs-gutter-x) * 3.5);
		margin-right: auto;
		margin-left: auto;
	}
}


p{
	font-size: var(--p);
}

h3{
	font-weight: bold;
}

/****************************/

.dropdown-item{
	border-bottom: 0px solid var(--white);
}

.dropdown-item:focus, .dropdown-item:hover{
	background-color: var(--white);
	color:var(--blue)!important;
}

.dropdown-menu{
	--bs-dropdown-bg: transparent;
	--bs-dropdown-border-color: transparent;
}

/* Uncut-Sans-Regular Family */
@font-face {
	font-family: 'Uncut Sans Variable';
	src: url('fonts/UncutSans-Regular.woff') format('woff');
		 font-weight: normal;
		 font-style: normal;
  }
@font-face {
	font-family: 'Uncut Sans Variable';
	src: url('fonts/UncutSans-Bold.woff') format('woff');
		 font-weight: 700;
		 font-style: normal;
  }

.title-h1{
	color: var(--black, #000);
	font-family: 'Uncut Sans Variable';
	font-size: var(--h1);
	font-style: normal;
	font-weight: var(--weight-700);
	line-height: normal;
	leading-trim: both;
	text-edge: cap;
}

.title-h2{
	color: var(--black, #000);
	font-family: 'Uncut Sans Variable';
	font-size: var(--h2);
	font-style: normal;
	font-weight: var(--weight-700);
	line-height: normal;
	leading-trim: both;
	text-edge: cap;
}
.title-h3{
	font-size: var(--h3);
	font-weight: var(--weight-700);
}
.title-h4{
	font-family: 'Uncut Sans Variable';
	font-size: var(--h4);
}

.paragraph-title{
	font-size: var(--h3);
	font-weight: var(--weight-700);
}
.paragraph-italic{
	font-size: var(--p);
	font-style: italic;
	font-weight: var(--weight-700);
}
.desc-card-download{
	font-size: var(--p-form);
	font-style: italic;
}
.desc-text {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
  }


.div-carosel{
	padding: 2rem;
}


/* LINK */
a{
	color: var(--black);
	text-decoration: none;
}

a:hover{
	color: var(--white);
	opacity: var(--opacity-level);
}


button{
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 50px;
	background: var(--blue, #2A3979);
	border: none;
	color: var(--white, #FAFAFF);
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: 'Uncut Sans Variable';
	font-size: var(--p);
	font-style: normal;
	font-weight: var(--weight-700);
	line-height: normal;
}

#button_1:hover{
	background: var(--white, #FAFAFF);
	border: none;
	color: var(--blue, #2A3979);
}

.button-form-footer{
	background: var(--white, #FAFAFF);
	color: var(--blue, #2A3979);
}

.button-form-footer:hover{
	background: var(--blue, #2A3979);
	color: var(--white, #FAFAFF);
}

/* button:hover{
	background: var(--white, #FAFAFF);
	opacity: 1;
	border: none;
	color: var(--blue, #2A3979);
	box-shadow: inset 0 0 0 2px var(--blue, #2A3979);
} */


button.white{
	border: 1px solid var(--white);
}
button.bg-white{
	background: var(--white);
	color: var(--blue);
}


.btn-vortune{
	background: var(--white);
	color: var(--blue);
}
.btn-vortune:hover{
	opacity: var(--opacity-level);
}

.nav-link{
	color: var(--white, #FAFAFF);
	font-family: 'Uncut Sans Variable';
	font-size: var(--p-menu);
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration-line: none;
}

.nav-link.active{text-decoration-line: underline;}

.nav-link:hover{
	color: var(--white);
	opacity: var(--opacity-level);
}

/****** BG PAGE *******/
/* .image-background-home{
	background-image: url('images/vortune-image-home.jpg');
	background-size: cover;
	background-position: center;
	border-radius: var(--border-div);
	background-blend-mode: color, normal, normal, normal;
	height: 60vh;
	background: linear-gradient(0deg, #FFF 0%, #FFF 100%), url(<path-to-image>), lightgray 50% / cover no-repeat, linear-gradient(132deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.00) 100%), url(<path-to-image>), lightgray 1473px -22.621px / -109.168% 148.669% no-repeat;
	flex-shrink: 0;
} */

.video-background-home {
	position: relative;
	overflow: hidden;
	width: 100%;

	border-radius: var(--border-div);
	height: 60vh;
}

.video-background-home-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

.massimiliano-ricci-founder{
	background-image: url('images/Massimo Ricci-0584.webp');
	border-radius: var(--border-div);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.massimiliano-ricci-desc{
	border:1.5px solid var(--blue);
	border-radius: 0px var(--border-div) var(--border-div) 0px;
	border-left:0px;
}

.image-background-who-we-are{
	background-image: url('images/Massimo Ricci-0584.webp');
	background-size: cover;
	background-position: 0px -150px;/*center*/
	border-radius: var(--border-div);
	background-blend-mode: color, normal, normal, normal;
	padding-top: 100px;
	padding-bottom: 100px;
}

.image-background-standard{
	background-size: cover;
	background-position: center;
	border-radius: var(--border-div);
	background-blend-mode: color, normal, normal, normal;
	padding-top: 100px;
	padding-bottom: 100px;
}

/**/
.video-background {
	 position: relative;
	 overflow: hidden;
 }

 .video-page-title {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: -2;
	 object-fit: cover;
 }

 .video-overlay {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: var(--blue);
	 opacity: 1;
	 mix-blend-mode:hard-light;
	 z-index: -1;
 }

.image-specializations{
	background-image: url('images/specializations.png');
	background-size: cover;
	background-position: center;
	border-radius: var(--border-div);
	background-blend-mode: color, normal, normal, normal;
	height: auto;
}

.image-background-download{
	background-image: url('images/download-cover.png');
	background-size: cover;
	background-position: center;
	border-radius: var(--border-div);
	background-blend-mode: color, normal, normal, normal;
	padding-top: 100px;
	padding-bottom: 100px;
}

@media (max-width:1024px){
	.video-background-home{
		height: 50vh;
	}
	.image-background-who-we-are,.image-background-download{
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 0;
		padding-right: 0;
	}
}


/* WHY US */
.desc-sec-why{
	min-height: 500px;
	max-height: 500px;
}

@media (max-width:2280px){
	.desc-sec-why{
		min-height: 770px;
		max-height: 770px;
	}
}
@media (max-width:1750px){
	.desc-sec-why{
		min-height: 900px;
		max-height: 900px;
	}
}
@media (max-width:1320px){
	.desc-sec-why{
		min-height: 900px;
		max-height: 900px;
	}
}
@media (max-width:1200px){
	.desc-sec-why{
		min-height: auto;
		max-height: auto;
	}
}

/*Menu*/
.nav-link:focus, .nav-link:hover{
	color: var(--white);
}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
	color: var(--blue);
}

.bg-blue .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
	color: var(--white);
}

.navbar-nav .dropdown-menu .nav-link.active{
	color: var(--blue)!important;
}

.dropdown-item.active, .dropdown-item:active{
	background-color: var(--light-blue);
	color: var(--blue);
}

/* .sticky-col {
	position: sticky;
	top: 0;
	height: 100vh;
  } */


.py-100{
    padding-top:var(--space-sec);
    padding-bottom: var(--space-sec);
}

.p-100{
	padding:100px!important;
}

.vh-50 {
  height: 50vh !important;
}

.bg-blue{
	background-color: var(--blue);
}

.flex-quest {
	display: flex;
}

#footer{background-color: var(--blue);}

/*CAROSELLO*/
.div-carosel{
	min-height: 340px;
	max-height: 340px;
	border: 1.5px solid var(--blue);
	border-radius: var(--border-div);
}

/*Color*/
.white{
	color: var(--white);
}
.blue{
	color: var(--blue);
}


/* QUEST SECTION*/
.quest-section{
	width: 50%;
	margin: 20vh auto;
	overflow: hidden;
	border:1px solid var(--blue);
	border-radius: 0px var(--border-div) var(--border-div) 0px;
	border-left:0px;
}

.quest-section.flex-quest{
	width: 50%;
	margin: 20vh auto;
	background-color: var(--blue);
	border-radius: var(--border-div);
}

.h-quest{
	height: 50vh;
}

.h-quest-final{
	height: 140vh;
}
@media (max-width:1600px){
	.h-quest-final{
		padding-bottom:200px;
	}
}
@media (max-width:1200px){
	.quest-section,.quest-section.flex-quest{margin: 10vh auto;}
	.h-quest{height: 73vh;}
	.h-quest-final{height: 120vh;}
}

@media (max-width:1024px){
	.quest-section, .quest-section.flex-quest{margin: 0vh auto;}

	.flex-quest{
		display: block;
	}

	.quest-section.flex-quest,.quest-section{
		width: 100%;
	}

	.quest-section{
		overflow: hidden;
		border:0px solid var(--blue);
		border-radius: 0px 0px var(--border-div) 0px;
		border-top:0px;
	}

	.vertical-section{
		border: 0px solid var(--blue);
		border-radius: 0px 0px var(--border-div) var(--border-div);
		border-top: 0px;
	}

	.cut-mobile{
		border: 1px solid var(--blue);
		border-radius: 0px 0px var(--border-div) var(--border-div);
		border-top: 0px;
	}

	.h-quest,.h-quest-final{
		height: auto!important;
		padding-bottom: 50px;
	}

	.vh-100{
		height: 100%!important;
	}

	.div-carosel{
		min-height: 300px;
		max-height: 300px;
	}
}


/*SERVICE HOME*/
.list-service-vortune{
	background-color: transparent;
	border: none;
}

/* CARD VORTUNE */
.card-vortune{
	border:1.5px solid var(--blue);
	border-radius: var(--border-div);
	background-color: var(--white);
}

.card-vortune-what{
	border:1.5px solid var(--blue);
	border-radius: var(--border-div);
	background-color: var(--white);
}

.desc-vortune{
	border-radius: 0 0 var(--border-div) var(--border-div);
	padding-top:50px;
}

/*WHAT WE DO*/
.guideline-service{
	position: fixed;
	left: 50%;
	bottom: 5%;
	transform: translateX(-50%);
	background-color: var(--blue);
	border-radius: var(--border-div);
	z-index: 0;
}
.button-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-gap: 1.5rem;
}

.button-fixed-service{
	background-color: var(--blue);
	color: var(--white);
	border: 1.5px solid var(--white);
	padding: 16px 20px;
	border-radius: 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	width: 100%;
	text-align: center;
}

.button-fixed-service:hover{
	background-color: var(--white);
	color: var(--blue);
	border: 1.5px solid var(--white);
	padding: 16px 20px;
	border-radius: 24px;
	opacity: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	width: 100%;
	text-align: center;
}

.button-fixed-service.active{
	background-color: var(--white);
	color: var(--blue);
	border: 1.5px solid var(--white);
	padding: 16px 20px;
	border-radius: 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	width: 100%;
	text-align: center;
}


/*FORM FOOTER*/
.form-vortune{
	background-color: var(--white);
	border-radius: var(--border-div);
}

.form-vortune input,.form-vortune textarea{
	background: var(--white)!important;
	border: 0px;
	padding: 0;
	color: var(--black);
	resize: none;
}

.form-vortune label{
	font-size: var(--p-form);
	font-style: italic;
}

.form-control:focus{
	border-color: var(--blue);
	box-shadow: none;
}

.slick-dots{
	left: 0%;
}

.link-social button:hover{
	opacity: 1;
}

/*CONTACT FORM*/
.help-block.error-block{
	color: var(--alert);
}

.alert.alert-danger{
	background-color: var(--alert);
	color: var(--white);
	border: none;
}

.slick-slide{
	height: auto;
}

.margin-card-why-us-10{margin-right: 10px;}
.margin-card-why-us-20{margin-right: 20px;}


.service-card-home{
	border:1.5px solid var(--blue);
	border-radius: var(--border-div);
}

/*TEAM*/
.team-card-profile{
	border:1.5px solid var(--blue);
	border-radius: 0px var(--border-div) var(--border-div) 0px;
	border-left:0px;
	height: 300px;
}

.bg-team-massimiliano{
	background-image: url('images/team/massimiliano.webp');
	background-size: cover;
	background-position: center;
	border-radius: var(--border-div);
}
.bg-team-valeria{
	background-image: url('images/team/valeria.webp');
	background-size: cover;
	background-position: center;
	border-radius: var(--border-div);
}
.bg-team-yu-ting-chan{
	background-image: url('images/team/yu-ting-chan.webp');
	background-size: cover;
	background-position: center;
	border-radius: var(--border-div);
}
.bg-team-giulio{
	background-image: url('images/team/giulio.webp');
	background-size: cover;
	background-position: center;
	border-radius: var(--border-div);
}
.bg-team-akanksha{
	background-image: url('images/team/akanksha.webp');
	background-size: cover;
	background-position: center;
	border-radius: var(--border-div);
}

.link-profile{
	font-size: var(--p);
	font-weight: var(--weight-700);
	color: var(--blue);
}
.link-profile:hover{
	opacity: var(--opacity-level)!important;
	color: var(--blue);
}

.sub-title-team{
	font-size: var(--p);
	font-weight: var(--weight-700);
	color: var(--blue);
}


/*RESPONSIVE*/
@media (max-width:1199px){
	/*Resp menu*/
	.dropdown-toggle{
		border-bottom:1px solid var(--white);
		width: 100%;
		border-radius: 0;
		text-align: start;
	}

	.dropdown-item:focus, .dropdown-item:hover{
		background-color: transparent;
		color:var(--white)!important;
	}

	.navbar-collapse{
		border-top:1px solid var(--white)!important;
	}
	.navbar-collapse .nav-item{
		border-bottom:1px solid var(--white);
	}

	.massimiliano-ricci-founder{height: 500px;}
	.massimiliano-ricci-desc{
		border: 1px solid var(--blue);
		border-radius: 0px 0px var(--border-div) var(--border-div);
		border-top: 0px;
	}

	.card-vortune{
		border:1.5px solid var(--blue);
		border-radius: var(--border-div);
		height: 100%;
		background-color: var(--white);
	}

	.div-carosel{
		min-height: 260px;
		max-height: 260px;
	}

	.image-background-standard{
		background-size: cover;
		background-position: center;
		border-radius: var(--border-div);
		background-blend-mode: color, normal, normal, normal;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	/*what we do*/
	.button-fixed-service{
		padding: 15px 20px;
		border-radius: 24px;
	}

	.button-fixed-service:hover{
		padding: 15px 20px;
		border-radius: 24px;
	}

	.button-fixed-service.active{
		padding: 15px 20px;
		border-radius: 24px;
	}

	.button-fixed-service span svg{
		width: 40px;
		height: 40px;
	}

	.margin-card-why-us-10{margin-right: 0px;}
	.margin-card-why-us-20{margin-right: 0px;}

	.image-background-who-we-are{
		background-position: center;
	}

	:root{
		--border-div: 16px;
	}

	/**/
	.guideline-service{
		position: fixed;
		left: 0%;
		bottom: 0%;
		transform: translateX(-0%);
		background-color: var(--blue);
		border-radius: 0;
		z-index: 0;
	}
	.button-container {
		display: flex;
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
		grid-gap: 1rem;
	}

	.button-fixed-service{
		background-color: var(--blue);
		font-size: var(--p-form);
		color: var(--white);
		border: 1.5px solid var(--white);
		padding: 16px 20px;
		border-radius: 24px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		cursor: pointer;
		width: 100%;
		text-align: center;
	}

	.button-fixed-service.active span svg path{
		fill: var(--blue);
	}

	.button-fixed-service:hover{
		fill: var(--blue);
		background-color: var(--white);
		color: var(--blue);
		border: 1.5px solid var(--white);
		padding: 16px 20px;
		border-radius: 24px;
		opacity: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		cursor: pointer;
		width: 100%;
		text-align: center;
	}

	.button-fixed-service.active{
		background-color: var(--white);
		color: var(--blue);
		border: 1.5px solid var(--white);
		padding: 16px 20px;
		border-radius: 24px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		cursor: pointer;
		width: 100%;
		text-align: center;
	}

	.form-vortune{
		border-radius: 50px;
	}

	.team-card-profile{
		height: 355px;
	}
}

@media (min-width:1200px){
	.navbar-expand-lg .navbar-nav .dropdown-menu{
		width: 100%;
		left: -100%;
	}

	.dropdown-menu{
		color: var(--white);
		background-color: var(--blue);
		border:1px solid var(--white);
		border-radius: 20px;
		overflow: hidden;
		min-width: 100%;
	}

	.dropdown-menu[data-bs-popper]{
		right: 0;
		left: auto;
	}

	.dropdown-item.nav-link{
		padding: 20px 20px 20px 20px!important;
		text-align: right;
	}

	.card-our-services{
		height: auto;
	}
}


.traduzione{
	background-color: #ff56e9!important;
}