
.pricing-switch-wrap span.switch-icon::after {
	content: "";
	position: absolute;
	left: 4px;
	width: 100px;
	height: 35px;
	background-color: #69607e;
	border-radius: 25px;
	-webkit-transform: translate3d(-6px, 0, 0);
	transform: translate3d(-6px, 0, 0);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.pricing-switch-wrap span.year-switch {
	position: absolute;
	top: 10px;
	z-index: 1;
	color: #fff;
}
.pricing-switch-wrap span.switch-icon {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 37px;
	border: 1px solid #b1b1b1;
	border-radius: 25px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	margin: 0 15px;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.pricing-switch-wrap .toggler {
	display: inline-block;
	font-weight: 600;
	font-size: 1.15rem;
	text-transform: capitalize;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.pricing-switch-wrap .toggler--is-active {
	color: #0052cc;
}
.pricing-switch-wrap .switch-icon.switch-icon--is-active::after {
	left: 50%;
	background-color: #0052cc;
	-webkit-transform: translate3d(-7px, 0, 0);
	transform: translate3d(-7px, 0, 0);
}
.pricing-value .pricing-heading h4 {
	font-weight: 700;
}
.pricing-value .pricing-heading span {
	color: inherit;
	font-size: 80%;
}
.pricing-value .pricing-heading .default-text,
.pricing-value .pricing-heading .yearly-text {
	display: none;
}
.pricing-value .pricing-heading .active {
	display: inline-block;
	color: #0052cc;
}
.single-pricing-pack .year-switch {
	display: inline-block;
}
.single-pricing-pack .year-switch:before {
	position: absolute;
	content: "Try 3 months FREE!";
	right: -37px;
	top: 68px;
	z-index: 2;
	width: 100px;
	height: 100px;
	text-align: center;
	background: #ffa911;
	border-radius: 100%;
	font-size: 12px;
	padding: 28px 20px;
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
	-webkit-box-shadow: 0 5px 0px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 0px 0 rgba(0, 0, 0, 0.2);
}
.single-pricing-pack.border {
	border-top: 4px solid #777;
}
.single-pricing-pack.popular-price {
	-webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important;
	box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important;
	-webkit-transform: translate(0, -5px);
	transform: translate(0, -5px);
	border-top: 4px solid #0052cc !important;
}
.single-pricing-pack:hover {
	-webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important;
	box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important;
	-webkit-transform: translate(0, -5px);
	transform: translate(0, -5px);
	border-top: 4px solid #777;
}
[image-overlay]::before {
	position: absolute;
	content: '';
	background: linear-gradient(75deg, #0052cc, #001b55) !important;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.btn-brand-02, .btn-brand-03, .primary-bg, .newsletter-wrap.primary-bg, .badge-danger {
	background-color: #0052cc !important;
	border-color: #0052cc !important;
	color: white !important;
}

.header nav.navbar {
	padding: 0.3rem 1rem;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.header .menu li a {
	font-size: 14px;
	text-decoration: none;
	padding: 22px 12px;
	display: block;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	color: #fff;
	opacity: 0.8;
}
.header a, .color-primary, .color-secondary {
	color: #fff !important;
}
footer ul:not([class*="menu"]) li > a {
	font-weight: 400;
	font-size: 13px;
	display: block;
    color: #fff !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 0.938rem;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	line-height: 1.25;
	color: #f2c65d;
}
.dark{
    color: dimgray !important;
}
.rosso{
    color: #0052cc !important;
}
.arancio{
    color: #f2c65d !important;
}
.bianco{
    color: white !important;
}
.newsletter-form button {
	position: absolute;
	right: 4px;
	top: 4px;
	bottom: 4px;
	height: auto;
	border: none;
	border-radius: 30px;
	background-color: #00a651;
	display: inline-block;
	color: #fff;
	padding-left: 30px;
	padding-right: 30px;
}

/* FAQ header */
.faq-wrap .card .card-header {
	padding: 0.95rem 1.25rem;
	-webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.12);
	border-radius: 4px 4px 0 0;
	background: linear-gradient(75deg, #003078, #003078);
	margin-bottom: 0;
	border: 1px solid rgba(72, 94, 144, 0.16);
}
.faq-wrap .card .card-header::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: initial;
	content: "\f106";
	float: right;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	width: 30px;
	text-align: center;
	background: #e1edff;
	border-radius: 4px;
}

/* Testimonial */
.testimonial-content-wrap .testimonial-shape .testimonial-quote-wrap {
	background: #313846;
	padding: 30px 40px;
	z-index: 4;
	margin-top: 30px;
	border-radius: 4px;
}

.testimonial-content-wrap .testimonial-shape::before {
	content: "";
	position: absolute;
	top: 60px;
	left: 20px;
	width: 99%;
	height: 69%;
	background: #c7d6ff;
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
	z-index: -1;
	border-radius: 4px;
}

/* HERO TRUST CHIPS */
.hero-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.trust-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  margin:4px 6px 0 0;
  border-radius:999px;
  background:#f5f5f5;
  border:1px solid #e2e2e2;
  color:#222;
  font-size:0.95rem;
  line-height:1;
}
.mini-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#0052cc;
  color:#fff;
  border-radius:999px;
  padding:4px 10px;
  font-size:0.85rem;
}

/* HERO COUNTER */
.hero-counter .counter-item {
	color: #fff;
	text-align: center;
	transition: transform 0.3s ease;
}
.hero-counter .counter-item:hover {
	transform: translateY(-5px);
}
.counter-icon {
	width: 60px;
	height: 60px;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.3);
}
.count-number {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	margin-top: 5px;
}
.hero-counter h6 {
	font-size: 0.9rem;
	font-weight: 400;
	margin-top: 4px;
	color: rgba(255, 255, 255, 0.85);
}
.hero-counter .col-sm-3:nth-child(1) .counter-icon {
	background: rgba(255, 255, 255, 0.15);
}
.hero-counter .col-sm-3:nth-child(2) .counter-icon {
	background: rgba(255, 255, 255, 0.20);
}
.hero-counter .col-sm-3:nth-child(3) .counter-icon {
	background: rgba(255, 255, 255, 0.25);
}
.hero-counter .col-sm-3:nth-child(4) .counter-icon {
	background: rgba(255, 255, 255, 0.30);
}

/* CTA (ex #cta-rosso) ora blu */
#cta-rosso{
  position:relative;
  overflow:hidden;
}
#cta-rosso .cta-bg{
  position:absolute; inset:0;
  background:
    linear-gradient(135deg, #0052cc 0%, #003078 100%),
    url("assets/img/cta-bg.jpg") center/cover no-repeat;
  opacity: 0.95;
  z-index: 0;
}
#cta-rosso .container{ position:relative; z-index:1; }

.cta-eyebrow{
  display:inline-block;
  background:#fff;
  color:#0052cc;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.8rem;
  padding:6px 12px;
  border-radius:999px;
  box-shadow:0 6px 20px rgba(0,0,0,.12);
}

/* Bottoni CTA */
.cta-btn{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 18px;
  border-radius:999px;
  line-height:1.1;
  text-decoration:none;
  transition:all .2s ease;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.cta-btn i{ font-size:1rem; }

.cta-btn--light{
  background:#fff; color:#003078;
}
.cta-btn--light:hover{
  background:#e1edff; color:#001b55; text-decoration:none;
}

.cta-btn--brand{
  background:#0052cc; color:#fff;
}
.cta-btn--brand:hover{
  background:#003f9e; text-decoration:none;
}

.cta-btn--ghost{
  background:transparent; color:#fff;
  border:1px solid rgba(255,255,255,.7);
}
.cta-btn--ghost:hover{
  background:rgba(255,255,255,.12);
  text-decoration:none;
}

/* Eyebrow pill / ROI */
.eyebrow-pill{
  display:inline-block;
  background:#fff;
  color:#0052cc;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.8rem;
  padding:6px 12px;
  border-radius:999px;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}

/* Card ROI */
.roi-card{
  border:1px solid #eceff3;
  border-radius:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.06);
}

/* Label */
.roi-label{ font-weight:600; color:#313131; }

/* Input soft con icona */
.input-group-soft .input-group-text{
  background:#f6f7f9;
  border:1px solid #e8eaee;
  color:#6b7280;
  border-right:0;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}
.input-group-soft .form-control{
  border:1px solid #e8eaee;
  background:#fff;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}
.input-group-soft .form-control:focus{
  border-color:#0052cc33;
  box-shadow:0 0 0 .2rem rgba(0,82,204,.15);
}

/* Risultato ROI */
.roi-result{
  display:inline-block;
  font-weight:800;
  font-size:2rem;
  line-height:1;
  padding:.4rem .9rem;
  border-radius:12px;
  background:linear-gradient(135deg,#fff,#e1edff);
  color:#003078;
}

/* Pulsante outline */
.btn-outline-brand-02:hover,
.btn-outline-brand-02:focus,
.btn-outline-brand-02:active{
  background-color:#3e3e3e;
  border-color:#595959;
  color:#fff;
}

/* Gradient BG globale – header, footer, sezioni rosse */
.gradient-bg {
	background: linear-gradient(75deg, #003078, #003078) !important;
}
