/*
 * Author: Luca Arzilli, ALSolutions
 *
 * Project Name: Rigenera
 *
 */

/* HOME PAGE */

/* welcome */

header {
	height:100vh;
	background-image:url("../img/bg/bg-home.webp");
	background-size:cover;
	background-position:center;
	padding-top:30vh;
}

header h1 {
	font-family: 'canada-type-gibson';
 	font-size: clamp(30px, 4vw, 50px);
 	font-weight: 600;
  	line-height:clamp(30px, 4vw, 50px);
  	color:#FFF;
  	margin-top:50px;
}

header p {
	color:#FFF;
	margin:20px 0px;
}
header button {
	font-family: 'canada-type-gibson';
	background-color:transparent;
	color:#FFF;
	text-transform:uppercase;
	padding:10px 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #FFF;
	margin-top:20px;
	font-size:16px;
	font-weight: 600;
}

#cbt {
	background-color:#FFF;
	padding:100px 0px;
}
#cbt h2 {
 	font-size: clamp(40px, 4vw, 60px);
 	font-weight: 600;
  	line-height: clamp(40px, 4vw, 60px);
  	color:#bb1543;
  	margin-bottom:0px;
  	text-transform:uppercase;
  	margin-top:10px;
}
#cbt h4 {
 	font-size: clamp(25px, 5vw, 40px);
 	font-weight: regular;
  	line-height: clamp(25px, 5vw, 40px);
  	color:#bb1543;
  	margin-bottom:30px;
  	font-family: 'professor';
}
#cbt h5 {
 	font-size: clamp(15px, 5vw, 30px);
 	font-weight: 600;
  	line-height: clamp(15px, 5vw, 30px);
  	color:#bb1543;
  	margin:30px 0px;
  	text-transform:uppercase;
}
#cbt h5 span {
	font-family: 'professor';
	text-transform:none;
	font-weight: regular;
	margin-left:5px;
}

#cbt p {
 	font-size: 22px;
 	font-weight: normal;
  	line-height:30px;
  	color:#000;
  	margin-bottom:0px;
  	margin-top:20px;
  	text-align:justify;
}
#cbt .comefunziona{
 	font-size: 18px;
 	font-weight: normal;
  	line-height:22px;
  	color:#000;
  	margin-bottom:0px;
  	margin-top:20px;
  	text-align:justify;
}


/* slogan 1 */

#slogan-1 {
	background-image:url("../img/bg/bg-slogan-1.webp");
	background-size:cover;
	padding:150px 0px;
}

#slogan-1 h3 {
 	font-size: clamp(40px, 4vw, 60px);
 	font-weight: 600;
  	line-height: clamp(50px, 4vw, 70px);
  	color:#FFF;
  	text-align: center;
}

#slogan-1 h3 span {
 	font-size: clamp(50px, 4.3vw, 70px);
 	font-weight: regular;
  	line-height: clamp(50px, 4.3vw, 70px);
  	color:#FFF;
  	text-align: center;
  	font-family: 'professor';
}

/* domande */

#domande {
	background-color:#1d1d1b;
	padding:100px 0px;
}

#domande h3 {
 	font-size: clamp(40px, 4vw, 60px);
 	font-weight: 600;
  	line-height: clamp(40px, 4vw, 60px);
  	color:#f39519;
  	margin-bottom:0px;
  	text-transform:uppercase;
  	margin-top:10px;
}

#domande h4 {
 	font-size: clamp(25px, 5vw, 40px);
 	font-weight: regular;
  	line-height: clamp(25px, 5vw, 40px);
  	color:#FFF;
  	margin-bottom:30px;
  	font-family: 'professor';
}

#domande p {
  	color:#FFF;
  	margin-bottom:0px;
  	margin-top:40px;
}

#domande p strong {
 	font-weight: 600;
}
#domande img {
	border-radius:10px;
}

/* slogan 2 */

#slogan-2 {
	background-image:url("../img/bg/bg-slogan-2.webp");
	background-size:cover;
	padding:150px 0px;
}

#slogan-2 h3 {
 	font-size: clamp(40px, 4vw, 60px);
 	font-weight: 600;
  	line-height: clamp(50px, 4vw, 70px);
  	color:#FFF;
  	text-align: center;
}

#slogan-2 h3 span {
 	font-size: clamp(50px, 4.3vw, 70px);
 	font-weight: regular;
  	line-height: clamp(50px, 4.3vw, 70px);
  	color:#FFF;
  	text-align: center;
  	font-family: 'professor';
  	text-decoration: underline;
}

/* come funziona */

#comefunziona {
	padding:100px 0px;;
}

#comefunziona h3 {
 	font-size: clamp(40px, 4vw, 60px);
 	font-weight: 600;
  	line-height: clamp(40px, 4vw, 60px);
  	color:#bb1543;
  	margin-bottom:0px;
  	text-transform:uppercase;
  	margin-top:10px;
  	text-align:center;
}
#comefunziona h4 {
 	font-size: clamp(25px, 5vw, 40px);
 	font-weight: regular;
  	line-height: clamp(25px, 5vw, 40px);
  	color:#bb1543;
  	margin-bottom:30px;
  	font-family: 'professor';
  	text-align:center;
}

#comefunziona img {
  	margin-bottom:10px;
  	margin-top:40px;
}

#comefunziona h5 {
 	font-size: clamp(20px, 4vw, 30px);
  	line-height: clamp(20px, 4vw, 30px);
  	color:#bc1544;
  	margin-bottom:0px;
  	margin-top:10px;
  	text-align: center;
}

/* vantaggi */

#vantaggi {
	padding:100px 0px;
}

#vantaggi h3 {
 	font-size: clamp(40px, 4vw, 60px);
 	font-weight: 600;
  	line-height: clamp(40px, 4vw, 60px);
  	color:#bb1543;
  	margin-bottom:0px;
  	text-transform:uppercase;
  	margin-top:10px;
  	text-align:center;
}
#vantaggi h4 {
 	font-size: clamp(25px, 5vw, 40px);
 	font-weight: regular;
  	line-height: clamp(25px, 5vw, 40px);
  	color:#bb1543;
  	margin-bottom:30px;
  	font-family: 'professor';
  	text-align:center;
}

#vantaggi p {
  	color:#000;
  	margin-bottom:0px;
  	margin-top:40px;
  	padding:0 20px;
}

#vantaggi img {
  	margin-bottom:00px;
  	margin-top:40px;
  	padding:0 20px;
}

#vantaggi h5 {
 	font-size: clamp(20px, 4vw, 30px);
  	line-height: clamp(20px, 4vw, 30px);
  	color:#bc1544;
  	margin-bottom:0px;
  	margin-top:40px;
  	text-align: center;
}

/* assistere */

#assistere {
	background-image:url("../img/bg/bg-assistere.webp");
	background-size:cover;
	padding:100px 0px;
}
#assistere img {
	padding:0px 50px 50px 50px;
}
#assistere h3 {
 	font-size: clamp(40px, 4vw, 60px);
 	font-weight: 600;
  	line-height: clamp(40px, 4vw, 60px);
  	color:#FFF;
  	margin-bottom:0px;
  	text-transform:uppercase;
  	margin-top:10px;
  	text-align:center;
}
#assistere h4 {
 	font-size: clamp(25px, 5vw, 40px);
 	font-weight: regular;
  	line-height: clamp(25px, 5vw, 40px);
  	color:#FFF;
  	margin-bottom:100px;
  	font-family: 'professor';
  	text-align:center;
}

#assistere p {
 	font-weight: normal;
  	color:#FFF;
  	margin-bottom:0px;
  	margin-top:40px;
  	text-align: center;
}

/* vantaggi intro */

#galleria {
	padding:100px 0px;
}

#galleria h3 {
 	font-size: clamp(40px, 4vw, 60px);
 	font-weight: 600;
  	line-height: clamp(40px, 4vw, 60px);
  	color:#bb1543;
  	margin-bottom:0px;
  	text-transform:uppercase;
  	margin-top:10px;
  	text-align:center;
}
#galleria h4 {
 	font-size: clamp(25px, 5vw, 40px);
 	font-weight: regular;
  	line-height: clamp(25px, 5vw, 40px);
  	color:#bb1543;
  	margin-bottom:60px;
  	font-family: 'professor';
  	text-align:center;
}
#galleria img {
	margin-bottom:25px;
}

/* slogan 3 */

#slogan-3 {
	background-image:url("../img/bg/bg-slogan-3.webp");
	background-position:bottom;
	background-size:cover;
	padding:150px 0px;
}

#slogan-3 h3 {
 	font-size: clamp(40px, 4vw, 60px);
 	font-weight: 600;
  	line-height: clamp(50px, 4vw, 70px);
  	color:#FFF;
  	text-align: center;
}

#slogan-3 h3 span {
 	font-size: clamp(50px, 4.3vw, 70px);
 	font-weight: regular;
  	line-height: clamp(50px, 4.3vw, 70px);
  	color:#FFF;
  	text-align: center;
  	font-family: 'professor';
}

.mb-100 {
	margin-bottom:100px;
}
.p-70 {
	padding:70px;
}
.p-30 {
	padding:30px;
}

.desktop-padding-left {
	padding-left:50px;
}


@media (max-width: 992px) {
	.desktop-padding-left {
		padding-left: calc(var(--bs-gutter-x) * 0.5);
	}
}