@charset "UTF-8";
@import url("animate-3.7.0.css");
@import url("fullpage-2.8.6.css");
@import url("../../../css/cookiebot-custom.css");

/*FONTS*/
@font-face {
	font-family: "Maven Pro";
	src: url("../fonts/MavenPro-Regular.ttf");
	font-weight: 400;
}

@font-face {
	font-family: "Maven Pro";
	src: url("../fonts/MavenPro-Medium.ttf");
	font-weight: 500;
}

@font-face {
	font-family: "Maven Pro";
	src: url("../fonts/MavenPro-SemiBold.ttf");
	font-weight: 600;
}

@font-face {
	font-family: "Maven Pro";
	src: url("../fonts/MavenPro-Bold.ttf");
	font-weight: 700;
}

@font-face {
	font-family: "Maven Pro";
	src: url("../fonts/MavenPro-ExtraBold.ttf");
	font-weight: 800;
}

@font-face {
	font-family: "Maven Pro";
	src: url("../fonts/MavenPro-Black.ttf");
	font-weight: 900;
}

/*icomoon*/
@font-face {
	font-family: "a5-landing";
	src:	url("../fonts/a5-landing.eot?98ywl5");
	src:	url("../fonts/a5-landing.eot?98ywl5#iefix") format("embedded-opentype"),
			url("../fonts/a5-landing.woff2?98ywl5") format("woff2"),
			url("../fonts/a5-landing.ttf?98ywl5") format("truetype"),
			url("../fonts/a5-landing.woff?98ywl5") format("woff"),
			url("../fonts/a5-landing.svg?98ywl5#a5-landing") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], 
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "a5-landing" !important;
	/* speak: never; */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-dot-arrow-left:before {
	content: "\e907";
}

.icon-dot-arrow-right:before {
	content: "\e908";
}

.icon-dot-minus:before {
	content: "\e909";
}

.icon-dot-plus:before {
	content: "\e90a";
}

.icon-arrow-left:before {
	content: "\e906";
}

.icon-arrow-down:before {
	content: "\e900";
}

.icon-arrow-right:before {
	content: "\e901";
}

.icon-arrow-up:before {
	content: "\e902";
}

.icon-minus:before {
	content: "\e903";
}

.icon-plus:before {
	content: "\e904";
}

.icon-star:before {
	content: "\e905";
}

:root {
	--body-text: #333333;
	--brand-color-1: #057DBC;
	--brand-color-2: #D13E04;
	--brand-color-3: #00499A;
	--brand-green: #3D8704;
	--box-bg: #04194D;
	--energy-color: #FFC457;
	--gas-color: #98D5EC;
	--gray-200: #B2B2B2;
	--gray-700: #575757;
	--offer-bg: #e4f5fb;
	--star-empty-color: #CACFD8;
	--star-full-color: #FFC900;
	--white: #FFFFFF;
	--whatsapp-color: #75B843;

	--header-text-shadow: 0px 1px 1px rgba(0, 0, 0, .5);
	--box-shadow-small: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);

	--border-radius-xl: 30px;
	--border-radius-sm: 16px;

	--h1-font-size: 2rem;
	--h2-font-size: 1.875rem;
	--h3-font-size: 1.75rem;
	--h5-font-size: 1.125rem;
    --font-size-lg: 1.25rem;
	--font-size-sm: .75rem;
	--font-size-xs: .75rem;
	--font-size-xxs: .75rem;

	--img-outline: url("../img/outline.svg");
}

body {
	color: var(--body-text);
	cursor: default;
	font-family: 'Maven Pro', sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	overflow-x: hidden !important;
}

button {
	border: none;
}

footer {
	background-image: linear-gradient(180deg, #d9e1e9 0%, #f8f9fa 100%);
	font-size: var(--font-size-xs);
	line-height: 1.3;
	padding: 48px 0;
}

footer img {
	position: relative;
	top: 15px;
}

@media (max-width: 767.98px) {
	footer {
		padding: 25px 0;
	}

	footer img {
		top: auto;
		margin-bottom: 6px;
		width: 48px;
	}
}

h1,
h2,
h3 {
	margin: 0;
}

h1 {
	font-size: var(--h1-font-size);
	line-height: 1em;
}

h2 {
	font-size: var(--h2-font-size);
	line-height: 1.25em;
}

h3 {
	font-size: var(--h3-font-size);
	line-height: 1.25em;
}

h5 {
	font-size: var(--h5-font-size);
	line-height: 1.25em;
}

header {
	background-image: url("../img/header-bg-mobile.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	position: relative;
	width: 100%;
}

@media (min-width: 576px) {
	header {
		background-image: url("../img/header-bg.jpg");
	}	
}

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

header h1 {
	color: var(--brand-color-1);
	font-weight: 700;
	margin-bottom: 20px;
}

header p {
	font-size: 1.75rem;
	line-height: 1.3em;
	margin-bottom: 8px;
}

header #brandLogo {
	max-width: 89px;
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
	z-index: 1;
}

@media (min-width: 992px) {
	header #brandLogo {
		max-width: 212px;
		right: 3.75rem;
		top: 2.75rem;
	}	
}

header.notebook .fp-tableCell {
	vertical-align: bottom;
}

header.notebook .content {
	margin-bottom: 10px;
}

@media (max-width: 991.98px) {
	header p {
		font-size: 1.5625rem;
	}

	header img.partner-logo {
		max-width: 220px;
	}
}

@media (max-width: 767.98px) {
	header {
		text-align: center;
	}

	/* header::after {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 0;
	} */
	
	header .fp-tableCell {
		vertical-align: bottom;
	}

	header .content {
		margin-bottom: 10px;
	}

	header .logo-left {
		max-width: 150px;
	}

	header .logo-right {
		max-width: 140px;
		top: 27px;
	}

	header h1 {
		/* color: var(--white); */
		margin-bottom: 9px;
		/* text-shadow: var(--header-text-shadow); */
	}

	header p {
		/* color: var(--white); */
		font-size: 1.125rem;
		line-height: 1.3em;
		/* text-shadow: var(--header-text-shadow); */
	}
}

@media (max-width: 575px) {
	header {
		font-size: 2.1875rem;
	}

	header img.partner-logo {
		max-width: 140px;
	}
}

sup {
	top: -1.1em;
	font-size: .45em;
}

a {
	transition: background-color 0.1s linear, color 0.1s linear;
}

a:focus {
	text-decoration: none;
	outline: none;
}

strong {
	font-weight: 700;
}

.accordion {
	--bs-accordion-border-radius: 0;
	--bs-accordion-inner-border-radius: 0;
	--bs-accordion-bg: transparent;
}

.accordion .accordion-item {
	border: none;
	border-radius: 0 !important;
}

.accordion .accordion-item .accordion-button:focus {
	border-color: transparent;
	box-shadow: unset;
}

.accordion .accordion-item .accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: unset;
}

.accordion .accordion-item .accordion-button:hover {
	opacity: .6;
}

.acinque {
	margin-bottom: 95px;
	text-align: center;
}

.acinque h3 {
	font-weight: 300;
	margin: 0 0 10px 0;
}

.acinque h3.text-brand-color {
	margin: 0 0 70px 0;
}

.acinque img {
	margin-bottom: 25px;
}

.acinque h5 {
	color: var(--brand-color-1);
	font-weight: 700;
	margin-bottom: 10px;
}

.acinque p {
	font-size: 1rem;
	line-height: 1.45;
	margin: 0;
}
/* < than @screen-tablet burger menu breakpoint */
@media (max-width: 767.98px) {
	.acinque {
		margin-bottom: 45px;
	}

	.acinque .row > div:first-child .item {
		border: none;
	}

	.acinque h1 {
		margin: 0;
	}

	.acinque h3.text-brand-color {
		margin: 0;
	}
	
	.acinque p {
		font-size: 1rem;
	}

	.acinque img {
		display: none;
	}

	.acinque .item {
		border-top: 1px solid var(--brand-color-1);
		padding-top: 15px;
		margin-top: 15px;
	}
}

.bonus-cards {
	object-fit: contain;
	width: 175px;
}

.border-radius-large {
	border-radius: var(--border-radius-xl)
}

.buono .bonus-cards {
	width: 115px;
}

@media (min-width: 992px) {
	.bonus-cards {
		width: 276px;
	}

	.buono .bonus-cards {
		width: 195px;
	}
}

.btn-attivaora {
	align-items: center;
	background-color: var(--brand-green);
	border-radius: var(--border-radius-xl);
	color: var(--white);
	display: flex;
	font-size: 1rem;
	font-weight: 600;
	height: 45px;
	justify-content: center;
	padding: 10px 30px;
	text-decoration: none;
}

.btn-attivaora:hover {
	filter: brightness(110%);
}

@media (min-width: 768px) {
	.btn-attivaora {
		font-size: 1.25rem;
		height: 54px;
		padding: 10px 30px;
	}
}

.btn-outline {
	background-color: transparent;
	border: none;
	border: 2px solid var(--white);
	height: 44px;
	padding: 0 20px;
	display: inline-block;
	line-height: 39px;
	text-align: center;
	color: var(--white);
	font-size: 1rem;
	border-radius: 50rem;
	font-weight: 600;
	text-decoration: none;
}

.btn-outline:hover {
	opacity: .6;
}

.btn-outline.blu {
	border-color: var(--brand-color-1);
	color: var(--brand-color-1);
}

.buono {
	position: relative;
	color: var(--white);
	padding-bottom: 0;
	margin-bottom: 95px;
}

/* .buono .text {
	text-shadow: 0px 4px 4px #000;;
} */

.buono .text h2 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.buono .text .h1 {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2em;
}

.buono img {
	margin-right: 20px;
}

.buono::before {
	background-color: var(--brand-color-3);
    background-image: var(--img-outline);
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
    bottom: 0;
    content: "";
    height: 150px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
}

@media (max-width: 991.98px) {
	/* .buono::before {
		height: 350px;
	} */

	.buono img {
		position: relative;
		top: 13px;
	}
}

@media (max-width: 767.98px) {
	.buono {
		margin-bottom: 100px;
		padding-bottom: 60px;
	}

	.buono .d-flex {
		display: block !important;
		text-align: center;
	}

	.buono img {
		margin-right: 0;
	}
	
	.buono img,
	.buono .text {
		top: auto;
	}

	.buono .text {
		padding: 0;
	}

	.buono .text .h1 {
		font-size: 28px;
		line-height: 1.2em;
		margin-bottom: 0;
	}
}

.countdown-wrapper {
	background-color: var(--brand-color-2);
	background-image: var(--img-outline);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--white);
	height: 94px;
	position: relative;
	z-index: 1;
}

.countdown-wrapper.fixed {
	box-shadow: var(--box-shadow-small);
	/* height: 78px; */
	left: 0;
	opacity: 1;
	position: fixed;
	right: 0;
	top: 0;
	transition: all 0.7s ease;
	z-index: 100;
}

/* .countdown-wrapper.fixed h2 {
	margin-top: 0px;
} */

.countdown-wrapper.fixed timer {
	margin-top: 14px;
}

/* .countdown-wrapper.fixed .btn-attivaora {
	margin-top: 12px;
} */

.countdown-wrapper.fixed .btn-chiama {
	margin-top: 6px;
}

.countdown-wrapper div {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1em;
}

@media (min-width: 992px) {
	.countdown-wrapper div {
		font-size: 1.75rem;
		line-height: 1em;
		margin-right: 50px;
	}
}

.countdown-wrapper timer {
	display: block;
	margin-top: 30px;
	margin-right: 50px;
}

.countdown-wrapper timer .item {
	text-align: center;
	display: inline-block;
}

.countdown-wrapper timer .item .days,
.countdown-wrapper timer .item .hours,
.countdown-wrapper timer .item .minutes,
.countdown-wrapper timer .item .seconds {
	width: 70px;
	text-align: center;
	margin: 0 6px;
	border: 1px solid var(--white);
	width: 60px;
	height: 38px;
	font-size: 1.875rem;
	font-weight: 700;
	border-radius: 5px;
	display: inline-block;
	line-height: 34px;
}

.countdown-wrapper timer .item .label {
	font-size: .75rem;
}

.countdown-wrapper timer .item span {
	display: block;
}

/* .countdown-wrapper .btn-attivaora {
	margin-top: 20px;
} */

.countdown-wrapper .btn-chiama {
	margin-top: 15px;
}

.countdown-wrapper .running {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.countdown-wrapper .ended {
	display: none;
}

@media (max-width: 1199.98px) {
	body.tradizionale .countdown-wrapper h2 {
		margin-right: 10px;
	}

	body.tradizionale .countdown-wrapper timer {
		margin-right: 10px;
	}
}

@media (max-width: 991.98px) {
	.countdown-wrapper timer .item .days,
	.countdown-wrapper timer .item .hours,
	.countdown-wrapper timer .item .minutes,
	.countdown-wrapper timer .item .seconds {
		margin: 0 3px;
	}
	.countdown-wrapper h2 {
		margin: 0 0 10px 0;
	}
	.countdown-wrapper timer {
		margin: 0 0 5px 0;
		padding: 0;
	}
	.countdown-wrapper .btn-attivaora {
		margin: 0;
	}
	.countdown-wrapper .btn-chiama {
		margin: 0;
	}
	/* .countdown-wrapper.fixed {
		height: auto;
		padding: 10px;
	} */
	/* .countdown-wrapper.fixed h2 {
		display: none;
	} */
	.countdown-wrapper.fixed timer {
		margin: 0;
	}
	.countdown-wrapper.fixed .btn-attivaora {
		margin-top: 5px;
	}
}

@media (max-width: 767.98px) {
	.countdown-wrapper {
		height: auto;
		text-align: center;
		padding: 2rem 10px;
	}
}

/* @media (max-width: 575px) {
	.countdown-wrapper .btn-attivaora,
	.countdown-wrapper .btn-chiama {
		width: 100%;
	}
} */

/* @media (min-width: 1200px) {
	.countdown-wrapper.fixed h2 {
		margin-top: 20px;
	}
} */

/* .countdown-wrapper .privacy-box {
	font-size: var(--font-size-xxs);
	line-height: 1rem;
} */

/* .countdown-wrapper .privacy-box a {
	color: var(--white);
} */

.document-list {
	margin-bottom: 95px;
}

.document-list ul {
	list-style: none;
	margin: 0;
    padding: 0;
}

.document-list ul li {
	border-bottom: 1px solid var(--gray-200);
	margin: 0;
    padding: 1.5rem 0;
}

.document-list ul li a {
	color: var(--gray-700);
	display: flex;
	font-size: 2rem;
    font-weight: 600;
    justify-content: space-between;
    line-height: 2.5rem;
	text-decoration: none;
}

.document-list ul li a .icon-download::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='download' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23009FDA;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M11.5,15.8C11.5,15.8,11.5,15.8,11.5,15.8L11.5,15.8C11.5,15.8,11.5,15.8,11.5,15.8c0.1,0.1,0.2,0.1,0.2,0.2 c0.1,0,0.2,0,0.3,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0.1,0,0.2,0,0.3-0.1c0.1,0,0.2-0.1,0.2-0.2c0,0,0,0,0,0l6.1-6.1c0.3-0.3,0.3-0.7,0-1 c-0.3-0.3-0.7-0.3-1,0l-4.9,4.9V2.7C12.7,2.3,12.4,2,12,2s-0.7,0.3-0.7,0.7v10.8l-5-4.9c-0.3-0.3-0.7-0.3-1,0C5,9,5,9.4,5.3,9.7 L11.5,15.8z'/%3E%3Cpath class='st0' d='M21.3,16.6c-0.4,0-0.7,0.3-0.7,0.7v1.9c0,0.7-0.6,1.3-1.3,1.3H4.7c-0.7,0-1.3-0.6-1.3-1.3v-1.9 c0-0.4-0.3-0.7-0.7-0.7S2,17,2,17.4v1.9C2,20.7,3.2,22,4.7,22h14.5c1.5,0,2.7-1.2,2.7-2.7v-1.9C22,17,21.7,16.6,21.3,16.6z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 1em 1em;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: inline-block;
    height: 1em;
    margin-left: .5em;
    vertical-align: -2px;
    width: 1em;
}

.faq {
	margin-bottom: 95px;
}

.faq.rounded-box .items-wrapper::before {
	background-color: var(--brand-color-1);
	background-image: var(--img-outline);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

@media (min-width: 768px) {
	/* .faq.rounded-box .items-wrapper::before {
		background-image: url("../img/faqbox-bg.png");
	} */
}

@media (min-width: 1200px) {
	.faq.rounded-box .items-wrapper::before {
		width: 69%;
	}
}

/* @media (min-width: 1600px) {
	.faq.rounded-box .items-wrapper::before {
		width: 1220px;
	}
} */

.faq.rounded-box .items-wrapper .item {
	min-height: auto;
	padding: 0;
}

.faq.rounded-box .items-wrapper .item h5,
.faq.rounded-box .items-wrapper .item h5 button {
	margin: 0;
	padding: .6rem;
}

.faq.rounded-box .items-wrapper .item h5 button {
	--bs-accordion-btn-color: var(--brand-color-1);
	--bs-accordion-active-color: var(--brand-color-1);
	font-size: 1em;
	font-weight: 700;
	align-items: flex-start;
}

@media (min-width: 992px) {
	.faq.rounded-box .items-wrapper .item h5 button {
		align-items: center;
	}
}

.faq.rounded-box .items-wrapper .item .accordion-button span {
	padding-right: 10px;
}

.faq.rounded-box .items-wrapper .item .accordion-button::after {
	font-family: "a5-landing" !important;
	/* speak: never; */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	--bs-accordion-btn-icon-width: 30px;
	background-image: none;
	content: "\e90a";
	font-size: var(--bs-accordion-btn-icon-width);
}

@media (min-width: 992px) {
	.faq.rounded-box .items-wrapper .item .accordion-button::after {
		--bs-accordion-btn-icon-width: 40px;
	}
}

.faq.rounded-box .items-wrapper .item .accordion-button:not(.collapsed)::after {
	content: "\e909";
}

.faq.rounded-box .items-wrapper .item .accordion-body {
	padding-top: 0;
}

@media (max-width: 991.98px) {
	.faq.rounded-box .items-wrapper {
		padding-bottom: 30px;
	}

	.faq.rounded-box .items-wrapper .item {
		margin-bottom: 20px !important;
	}

	.faq.rounded-box .items-wrapper .item h5,
	.faq.rounded-box .items-wrapper .item h5 button {
		margin: 0;
		padding: 9px;
	}

	.faq.rounded-box .items-wrapper .item p {
		text-align: left;
	}
}

@media (max-width: 767.98px) {
	.faq {
		margin-bottom: 50px;
	}

	.faq.rounded-box .items-wrapper {
        padding-bottom: 10px;
    }

	.faq.rounded-box .text {
		padding-top: 30px;
        padding-bottom: 30px;
	}
}

.feedback.rounded-box {
	margin-bottom: 120px;
	padding: 0;
}

.feedback.rounded-box::after {
	background-color: var(--brand-color-1);
	background-image: var(--img-outline);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: var(--border-radius-xl) 0px 0px var(--border-radius-xl);
	bottom: 0;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: -1;
}

@media (min-width: 992px) {
	.feedback.rounded-box::after {
		width: 600px;
	}
}

@media (min-width: 1200px) {
	.feedback.rounded-box::after {
		width: 69%;
	}
}

.feedback.rounded-box ul {
	list-style-position: inside;
}

@media (min-width: 768px) {
	.feedback.rounded-box .items-wrapper {
		padding-top: 0px;
		padding-bottom: 40px;
	}
}

@media (min-width: 992px) {
	.feedback.rounded-box ul {
		list-style-position: outside;
	}

	.feedback.rounded-box .items-wrapper {
		padding-top: 70px;
		padding-bottom: 70px;
	}

   .servizi-assistenza .text {
        background-color: var(--brand-color-1);
        background-image: var(--outline-bg);
        background-repeat: no-repeat;
        background-position: center;
    }
}

.feedback.rounded-box .text {
	color: var(--white);
	padding: 30px 7px 0;
	text-align: center;
}

@media (min-width: 768px) {
	.feedback.rounded-box .text {
		padding: 84px 0;
	}
}

@media (min-width: 992px) {
	.feedback.rounded-box .text {
		padding: 130px 0;
		text-align: left;
	}
}

	/* @media (min-width: 1600px) {
		.feedback.rounded-box .text {
			margin-left: 200px;
		}
	} */

.feedback.rounded-box .text .row > div {
	/* padding-left: 50px; */
	z-index: 99;
}

.feedback.rounded-box .swiper-pagination {
	bottom: 45px;
	display: none;
	z-index: 2;
}

.feedback .swiper-pagination .swiper-pagination-bullet, 
.vantaggi .component-slider .swiper-pagination-bullet {
	--swiper-pagination-bullet-height: 12px;
	--swiper-pagination-bullet-width: 12px;
	--swiper-pagination-bullet-inactive-color: transparent;
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-color: var(--white);
	border: 1px solid var(--white);
	margin: 0 8px;
}

.feedback .swiper {
	overflow: hidden;
	padding: 1rem 7px 0;
	position: relative;
	z-index: 2;
}

.feedback .swiper .navigation {
	position: absolute;
	z-index: 1;
	bottom: -65px;
	font-size: 40px;
}

.feedback .swiper .navigation [class^="icon-"], 
.feedback .swiper .navigation [class*=" icon-"] {
	color: var(--brand-color-1);
}

.feedback .swiper .navigation [class^="icon-"]:hover, 
.feedback .swiper .navigation [class*=" icon-"]:hover {
	opacity: .6;
}

.feedback .swiper .swiper-slide {
	background-color: var(--white);
	position: relative;
	border-radius: var(--border-radius-sm);
	box-shadow: var(--box-shadow-small);
	padding: 40px 25px;
	text-align: left;
}

.feedback .swiper .swiper-slide .logo-google {
	position: absolute;
	top: 10px;
	right: 10px;
}

.feedback .swiper .swiper-slide .icon-star {
	color: var(--star-empty-color);
}

.feedback .swiper .swiper-slide .icon-star.checked {
	color: var(--star-full-color);
}

.feedback .swiper .swiper-slide h5 {
	font-weight: 700;
	margin-bottom: 3px;
}

.feedback .swiper .swiper-slide .rating {
	margin-bottom: 10px;
}

.feedback .swiper .swiper-slide .rating span {
	margin-left: -2px;
}

.feedback .swiper .swiper-slide .rating span:first-child {
	margin: 0;
}

.feedback .swiper .swiper-slide p {
	font-size: 1rem;
	margin-bottom: 33px;
}

.feedback .swiper .swiper-slide .location {
	font-size: .875rem;
}

.feedback .swiper .swiper-slide .location img {
	margin-right: 5px;
}

.feedback .swiper-box {
	max-width: 100%;
	overflow: hidden;
	padding: 1rem 0 3rem;
}

@media (min-width: 992px) {
	.feedback .swiper {
		max-width: 80%;
		overflow: visible;
	}

	.feedback .swiper-box {
		padding: .5rem 0;	
	}
}

@media (max-width: 991.98px) {
	.feedback .navigation {
		display: none;
	}

	.feedback .swiper-pagination {
		bottom: 1rem;
		display: block;
	}

	.feedback.rounded-box .items-wrapper:after {
		display: none;
	}

	.feedback .text .row > div {
		padding: inherit;
	}
}

@media (max-width: 767.98px) {
	.feedback {
		margin-bottom: 60px;
	}
}

.intro {
	text-align: center;
	margin-top: 55px;
	margin-bottom: 88px;
}

.intro p {
	margin: 0;
	font-size: 1.75rem;
	line-height: 1.3;
}

.intro p strong {
	margin-top: 5px;
}

@media (max-width: 991.98px) {
	.intro br {
		display: none;
	}

	.intro strong {
		margin: 0;
	}
}

@media (max-width: 767.98px) {
	.intro {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.intro p {
		font-size: 1.25rem;
	}
}

.modal h5 {
	color: var(--brand-color-1);
	font-weight: 600;
}

.modal .modal-body {
	font-size: 1rem;
}

.modal .modal-content {
	border-radius: var(--border-radius-sm);
}

.note {
	/* padding-top: 48px; */
	padding-bottom: 48px;
	font-size: .75rem;
	line-height: 1.4em;
}

header .note {
	font-size: .5rem;
	line-height: 1.4em;
}

.note a {
	color: var(--body-text);
}

header .note a {
	color: var(--bs-white);
}

.note a:hover {
	opacity: .6;
}

.note ul {
	padding: 0;
	margin: 0;
}

.note ul li {
	list-style: none;
}

.note ul li ul {
	padding-left: 20px;
}

.note ul li ul li {
	list-style: disc;
}

@media (max-width: 767.98px) {
	.note {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media (min-width: 768px) {
	header .note {
		font-size: .75rem;
		line-height: 1.4em;
	}
}

.offerta {
	text-align: center;
	margin-bottom: 60px;
}
.offerta .row > * {
	padding-left: 15px;
	padding-right: 15px;
}
.offerta .h1 {
	font-size: 44px;
	font-weight: 400;
	margin-bottom: 90px;
}
.offerta .h1 span {
	color: var(--brand-color-2);
	font-weight: 700;
}

.offerta .item {
	background-color: var(--offer-bg);
	/* background-image: url('../img/outline.svg');
	background-repeat: no-repeat;
	background-position: center; */
	border-radius: 16px;
	box-shadow: var(--box-shadow-small);
	padding-top: 23px;
	position: relative;
}
.offerta .item .label {
	border-radius: 22px;
	color: var(--white);
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: 34px;
	left: 12px;
	line-height: 34px;
	position: absolute;
	text-align: center;
	top: 12px;
	width: 73px;
}
.offerta .item .label.luce {
	background-color: var(--energy-color);
}
.offerta .item .label.gas {
	background-color: var(--gas-color);
}
.offerta .item img {
	margin-bottom: 10px;
}
.offerta .item h2 {
	font-size: 36px;
	font-weight: 500;
	color: var(--brand-color-1);
	margin-bottom: 20px;
}
.offerta .item h2 span {
	font-weight: 900;
}
.offerta .item .accordion-item {
	background-color: var(--brand-color-1);
	color: var(--white);
}
.offerta .item .accordion-item .accordion-button {
	color: var(--white);
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
}
.offerta .item .accordion-item .accordion-button::after {
	font-family: "a5-landing" !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	--bs-accordion-btn-icon: "";
	--bs-accordion-btn-active-icon: "";
	background-image: none;
	content: "\e900";
	display: inline-block;
}
.offerta .item .accordion-item .accordion-body {
	font-size: 16px;
	text-align: left;
}
.offerta .item .accordion-item .accordion-body p {
	font-weight: 600;
}
.offerta .item .accordion-item .accordion-body ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.offerta .item .accordion-item .accordion-body ul li {
	/* position: relative; */
	margin-top: 9px;

	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.offerta .item .accordion-item .accordion-body ul li span {
	/* position: absolute;
	right: 0; */
	text-align: right;
	font-weight: 600;
}

.offerta .item .accordion-item .accordion-body ul li:first-child {
	margin: 0;
}
.offerta .item .footer {
	background-color: var(--white);
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	padding: 35px 0 25px;
}
.offerta .item .footer .btn-attivaora {
	margin: 0 auto;
	max-width: 70%;
}
.offerta .item .footer p {
	font-size: 10px;
	margin: 10px 0 0 0;
}
.offerta .item .footer .appuntamento {
	font-size: 16px;
	font-weight: 600;
	color: var(--brand-color-1);
	text-decoration: none;
}
.offerta .item .footer .appuntamento img {
	max-width: 30px;
	margin: 0 5px 0 0;
}
.offerta .item .footer .appuntamento:hover {
	opacity: .6;
}

@media (max-width: 1399.98px) {
	.offerta {
		margin-bottom: 30px;
	}
	.offerta .item .accordion-item .accordion-body ul li span {
		/* text-align: left;
		display: inline-block; */
		margin-right: .5rem;
		/* position: relative;
		right: auto; */
	}
}

@media (max-width: 1199.98px) {
	.offerta .h1 {
		font-size: 40px;
	}
}

@media (max-width: 991.98px) {
	/* .offerta h1 span {
		display: block;
	} */
	.offerta .item .accordion-item .accordion-button::after {
		margin-left: 30px;
	}
	.offerta .item .accordion-item .accordion-body {
		padding-top: 0;
	}
	/* .offerta .item .accordion-item .accordion-body ul li span {
		text-align: left;
		display: inline-block;
		position: relative;
		right: auto;
	} */
}

@media (max-width: 767.98px) {
	.offerta {
		margin-top: 25px;
		margin-bottom: 0;
	}
	.offerta .h1 {
		font-size: 30px;
		line-height: 1.5;
		margin-bottom: 0;
	}
	.offerta .item {
		margin-top: 30px;
	}
	.offerta .item img {
		max-width: 62px;
	}
	.offerta .item h2 {
		font-size: 30px;
	}
	.offerta .item .footer {
		padding: .5rem 0;
	}
}
/* only phone */
@media (max-width: 575px) {
	.offerta .item .accordion-item .accordion-button::after {
		margin-left: 15px;
	}
}
/* only phone */
@media (max-width: 400px) {
	.offerta .item .accordion-item .accordion-button {
		font-size: 17px;
	}
	.offerta .item .accordion-item .accordion-button:after {
		margin-left: 8px;
	}
}

@media (min-width: 992px) {
	.offerta .item .footer .btn-attivaora {
		max-width: 50%;
	}
}

.rotate-350 {
	transform: rotate(350deg);
}

.rounded-box {
	position: relative;
}

.rounded-box .text {
	color: var(--white);
	padding-top: 90px;
	padding-bottom: 90px;
	z-index: 1;
}

.rounded-box .text h1 {
	font-weight: 700;
	margin: 0 0 14px 0;
	position: relative;
}

.rounded-box .text h1 span {
	font-weight: 900;
}

.rounded-box .text p {
	margin: 0;
	font-size: 1.25rem;
	position: relative;
	line-height: 1.3em;
}

.rounded-box .items-wrapper {
	padding-bottom: 80px;
	padding-top: 80px;
}

.rounded-box .items-wrapper .item {
	background-color: var(--white);
	border-radius: var(--border-radius-sm);
	box-shadow: var(--box-shadow-small);
	margin-top: 20px;
	min-height: 130px;
	overflow: hidden;
	padding: 10px 30px;
	position: relative;
}

.rounded-box .items-wrapper .item:first-child {
	margin: 0;
}

.rounded-box .items-wrapper .item img {
	float: left;
}

.rounded-box .items-wrapper .item h5,
.rounded-box .items-wrapper .item h5 a {
	color: var(--brand-color-1);
	font-weight: 700;
	margin-bottom: 8px;
	margin-left: 85px;
	text-decoration: none;
}

.rounded-box .items-wrapper .item p {
	color: var(--body-text);
	font-size: 1rem;
	line-height: 1.25em;
	margin-bottom: 0;
}

.rounded-box .items-wrapper:before {
	/* background-color: var(--box-bg);
	background-image: url('../img/outline.svg');
	background-position: center;
	background-repeat: no-repeat; */
	border-radius: 0px var(--border-radius-xl) var(--border-radius-xl) 0px;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 69%;
}

@media (max-width: 767.98px) {
	.rounded-box {
		text-align: center;
	}
}

@media (max-width: 991.98px) {
	.rounded-box .text {
		padding-top: 48px;
		padding-bottom: 30px;
	}

	.rounded-box .text p {
		font-size: 1.125rem;
	}

	.rounded-box .items-wrapper {
		padding-bottom: 75px;
		padding-top: 0px;
	}

	.rounded-box .items-wrapper .item {
		max-width: 560px;
		margin: 0 auto !important;
	}

	.rounded-box .items-wrapper .item p {
		font-size: 1rem;
		line-height: 1.5em;
	}

	.rounded-box .items-wrapper:before {
		width: 100%;
		border-radius: 0px var(--border-radius-xl) 0 var(--border-radius-xl) !important;
	}
}

.text-brand-color {
	color: var(--brand-color-1);
}

.vantaggi {
	margin-bottom: 110px;
}

.vantaggi .component-slider {
	display: none;
}

.vantaggi.rounded-box .items-wrapper {
	padding-bottom: 40px;
	padding-top: 40px;
}

.vantaggi.rounded-box .items-wrapper::before {
	background-color: var(--brand-color-1);
	background-image: var(--img-outline);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media (max-width: 767.98px) {
	.vantaggi.rounded-box .items-wrapper {
		padding-bottom: 52px;
		padding-top: 0;
	}

	/* .vantaggi.rounded-box .items-wrapper::before {
		background-image: url("../img/probox-bg-mobile.png");
	} */

	.vantaggi.rounded-box .text {
		padding-bottom: 30px;
		padding-top: 30px;
	}
}

.vantaggi.rounded-box .items-wrapper .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 115px;
	/* p{margin-left: 85px;}*/
}

.vantaggi.rounded-box .items-wrapper .item h5 {
	margin-left: 0;
}

.vantaggi.rounded-box .items-wrapper .item.pro {
	background-position: 25px center;
    background-repeat: no-repeat;
    background-size: 64px;
}

.vantaggi.rounded-box .items-wrapper .item.pro-1 {
	background-image: url("../img/icon-tech.svg");
}

.vantaggi.rounded-box .items-wrapper .item.pro-2 {
	background-image: url("../img/icon-caldaia.svg");
}

.vantaggi.rounded-box .items-wrapper .item.pro-3 {
	background-image: url("../img/icon-supporto-clienti.svg");
}

.vantaggi.rounded-box .items-wrapper .item.pro-4 {
	background-image: url("../img/icon-bonus.svg");
}

@media (max-width: 991.98px) {
	/* .vantaggi {
		margin-bottom: 40px;
	} */

	.vantaggi .component-card {
		display: none;
	}

	.vantaggi .component-slider {
		display: block;
	}

	.vantaggi .component-slider .swiper-pagination {
		z-index: 1;
	}

	.vantaggi.rounded-box .items-wrapper .item {
		padding: 80px 15px 15px;
	}

	.vantaggi.rounded-box .items-wrapper .item.pro {
		background-position: center 10px;
	}
}

.video-box {
	margin-top: 4rem;
}

.video-box > iframe {
	aspect-ratio: 16/9;
	max-width: 500px;
	width: 90vw;
	height: calc(90vw * 0.5625);
}

@media (min-width: 768px) {
	.video-box > iframe {
		height: 195px;
		width: 345px;
	}
}

@media (min-width: 992px) {
	.video-box > iframe {
		height: 257px;
		width: 455px;
	}
}

@media (min-width: 1200px) {
	.video-box > iframe {
		height: 282px;
		width: 500px;
	}
}

#callMeBackFormAnchor::before {
	display: block; 
	content: ""; 
	margin-top: -100px; 
	height: 100px; 
	visibility: hidden; 
	pointer-events: none;
}

#callMeBackFormBox {
	background-color: var(--brand-color-3);
    background-image: var(--img-outline);
    background-position: center;
    background-repeat: no-repeat;
	color: var(--bs-white);
	font-size: var(--h5-font-size);
	line-height: 1.2em;
	margin-bottom: 95px;
}

#callMeBackForm {
	margin: 0 auto;
	max-width: 520px;
}

#callMeBackForm .form-check-label {
	font-size: var(--font-size-sm);
	line-height: 1.29em;
}

#callMeBackForm label.error {
	color: var(--brand-color-2);
    font-size: 75%;
	margin-left: 1rem;
}

#callMeBackResponse[data-cms-role="sendResultBox"] {
	display: none;
}

#callMeBackResponse.alert-success {
    --bs-alert-color: var(--bs-white);
    --bs-alert-bg: transparent;
    --bs-alert-border-color: transparent;
	--bs-alert-link-color: var(--bs-white);
}

/* miaDinamica */
.bg-secondary {
	background-color: var(--brand-color-2) !important;
}

.border-radius-large {
	border-radius: var(--border-radius-xl);
}

.btn {
	display: block;
	font-weight: 600;
	padding: .6rem 1rem;
}

.btn-secondary, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.btn-secondary:not(:disabled):not(.disabled):focus, 
.btn-secondary:not(:disabled):not(.disabled):hover {
	background-color: var(--brand-color-2);
	border-color: transparent;
	color: var(--white);
}

.subtitle {
	font-size: var(--font-size-lg);
	font-weight: 500;
	line-height: 1.8rem;
}

@media (min-width: 576px) {
	header .logo-right {
		position: absolute;
	}
}

@media (min-width: 768px) {
	:root {
		--h1-font-size: 3.9375rem;
		--h2-font-size: 2.75rem;
		--h3-font-size: 2.25rem;
		--h5-font-size: 1.25rem;
		--font-size-sm: .875rem;
		--font-size-xs: .75rem;
		--font-size-xxs: .625rem;
	}

	#callMeBackModal iframe {
		aspect-ratio: 249/280;
	}
}