.q1progress{
    height: 50px;
    font-size: 16px;
    color:white;
    background-color: white;
    border-radius: 5em;
}
.pacchetto{
	max-width:250px;
	font-weight: 600;
	font-family: "Ubuntu",sans-serif;
	color:#fff;
	text-align:right;
	background-color: #3E79B3;
    padding: 10px;
	font-size:15px;
	border-radius: 5px;
}
.help{
    max-width: 200px;
	font-weight: 600;
	font-family: "Ubuntu",sans-serif;
	color:#fff;
	text-align:left;
    padding: 10px;
	font-size:15px;
	border-radius: 5px;
	animation: pulse 3s ease infinite;
	cursor:pointer;
}
@keyframes pulse {
    0% {
      background-color: #3e79b3;
    }
    50% {
      background-color: #e0394d;
    }
    100% {
      background-color: #3e79b3;
    }
}
.step-0>div:first-child>h1{
    font-family: "Ubuntu",sans-serif;
    color: #e0394d;
    font-weight: bold;
}
.nav-item>div>h1{
    font-family: "Ubuntu",sans-serif;
    color: #3E79B3;
    font-weight: bold;
}
.btn-next>h4,.description>h4{
    color:#666;
    font-size: 18px;
    font-weight: bold;
}
.btn-next,.btn-prev,.btn-restart{
    color:white;
    font-weight: 700;
    font-size:20px;
    line-height: 1.423;
    cursor: pointer;
}
button.btn-next,button.btn-prev,button.btn-restart{
    padding:1em 3em;
}
.btn-next>h4:nth-child(odd) {color: #b3b3b3;}
#riepilogoQ1>div>h4 {color: #3E79B3; font-weight: 600;}
#riepilogoQ1>div>h4>span {color: #b3b3b3;}
.risultato-pacchetto{
    font-family: "Ubuntu",sans-serif;
}
.modal-body  .card-body>.content{
    max-width: unset;
    cursor:pointer;
}

.form-control.text-info:focus{
    border-color: #afc6fb;
    box-shadow: 0 0 0 0.2rem rgba(66, 54, 244, 0.25);
}

.icon-img{
    max-width: 35%!important;
}