.text-highlight{
    color:#2196f3;
}
.text-header{
    font-size:35px;
    font-weight: bold;
    line-height: 60px;
    margin-top: 20px;
}
.px-9{
    padding-right: 30px;
    padding-left: 30px;
}
.subtitle{
    margin-top: 4rem;
    font-size:30px;
    font-weight: bold;
    line-height: 60px;
}
.undertitle{
    font-size:24px;
    font-weight: normal;
}
.subtitle .undertitle{
    font-size:20px;
    font-weight: normal;
}
.mt-25{
    margin-top: 25px;
}
.mt-5 {
    margin-top: 3rem;
}
.mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.my-1{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.option-box{
    border-radius: 6px;
    border: 1px solid #CCCCCC;
}

.badge-number{
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    font-weight: bold;
}

.badge-orange{
    background-color: rgb(255, 74, 0,0.2);
    color: #FF4A00;
}

.badge-blue{
    background-color: rgb(70, 90, 241,0.2);
    color:#465AF1;
}

.badge-pink{
    background-color: rgb(251, 154, 251,0.2);
    color:#FB9AFB;
}

.badge-title{
    font-size: 24px;
    font-weight: bold;
}

.badge-description{
    font-size: 16px;
}
.box-offerta{
    box-shadow: 0 6px 12px #0B75C9FF;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    padding: 40px 20px;
    flex: 1;
    margin: 10px 8px;
}
.box-offerta .titolo{
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 8px;
}
.enphasis{
    font-size: 40px;
    font-weight: bold;
}
.small-enphasis{
    font-size: 16px;
}
.pb-10{
    padding-bottom: 10px;
}
.py-20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.pt-20{
    padding-top: 20px;
}
.pb-20{
    padding-bottom: 20px;
}
.pt-15{
    padding-top: 15px;
}
.mb-15{
    margin-bottom: 15px;
}
.mt-20{
    margin-top: 20px;
}
.mb-20{
    margin-bottom: 20px;
}
.mt-15{
    margin-top: 15px;
}
.py-40{
    padding-top: 40px;
    padding-bottom: 40px;
}
.pb-0{
    padding-bottom: 0;
}
.mb-0{
    margin-bottom: 0;
}
.offerta-subtitle{
    font-size: 18px;
    font-weight: bold;
}
.offerta-detail{
    font-size: 18px;
    font-weight: normal;
}
#nav-price-comp .nav-tabs{
    border-bottom: 0;
    display: flex;
    justify-content: center;
}
#nav-price-comp .nav-tabs li {
    float: none;
    display: inline-block;
}
#nav-price-comp .nav-tabs > li > a{
    font-size: 20px;
    color: #000000;
    padding: 10px 20px;
}
#nav-price-comp .btn-abbonamenti a{
    border-radius: 6px 0 0 6px;
    border: 1px solid #CCCCCC;
    border-bottom: 0;
    margin-right: 0;
    background-color: #EEEEEE;
}
#nav-price-comp .btn-servizi a{
    border-radius: 0 6px 6px 0;
    border-bottom: 0;
    background-color: #EEEEEE;
}
#nav-price-comp .btn-abbonamenti.active a{
    background-color: #0B75C9FF;
    color: #FFFFFF;
}
#nav-price-comp .btn-servizi.active a{
    background-color: #0B75C9FF;
    color: #FFFFFF;
}
#nav-price-comp .btn-abbonamenti:hover a{
    background-color: #0B75C9FF;
    color: #FFFFFF;
}
#nav-price-comp .btn-servizi:hover a{
    background-color: #0B75C9FF;
    color: #FFFFFF;
}
.box-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.text-left{
    text-align: left;
}
.mt-0{
    margin-top: 0;
}
.bg_fq_serv{
    padding: 40px 0;
    background: rgba(146, 41, 236, 0.06) 0 0 no-repeat padding-box;
}
.bg_fq_serv .panel-default{
    background: transparent;
    border: 0;
}
.bg_fq_serv .panel-default>.panel-heading{
    background-color: transparent;
    border: 0;
}
.bg_fq_serv .panel-default>.panel-heading a{
    font-size: 24px;
    font-weight: bold;
    color: var(--black-color);
}
.bg_fq_serv .panel-default .panel-body{
    font-size: 18px;
}
.bg_fq_serv h4 a:hover, .bg_fq_serv h4 a:focus{
    color: var(--black-color);
}
#why-choose-hit{
    margin-bottom: 60px;
}
.box-offerta .nav-tabs{
    border-bottom: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
.box-offerta .nav-tabs > li.active > a:hover, .box-offerta .nav-tabs > li.active > a:focus, .box-offerta .nav-tabs > li.active > a{
    font-weight: normal;
    font-size: 14px;
    border: 2px solid #36217E;

}
.box-offerta .btn-payment a{
    text-align: center;
    border-radius: 6px 0 0 6px;
    border: 2px solid #C8C8C8;
    border-bottom: 0;
    margin-right: 0;
    background-color: #C8C8C8;
}
.box-offerta .btn-payment.active a{
    background-color: #FFFFFF;
    color: var(--black-color) ;
    border: 2px solid #36217E;
    font-size: 14px;
    font-weight: normal;
    border-radius: 20px;
    padding: 4px 20px;
}
.box-offerta .btn-payment a{
    font-size: 14px;
    font-weight: normal;
    border-radius: 20px;
    padding: 4px 20px;
    width: 164px;
    color: var(--black-color);
}
.box-offerta .btn-payment a span{
    color: #538A05;
}
.swl{
    z-index: 2;
}
.swr{
    margin-left: -30px;
    z-index: 1;
}
.box-offerta .btn-payment.swr a{
    width: 195px;
}
.swl.active{
    margin-left: -30px;
    z-index: 3;
}
.swr.active{
    margin-left: -30px;
    z-index: 3;
}
.offerta-detail{
    font-size: 18px;
    font-weight: normal;
}
.list-services{
    list-style: none;
    padding-left: 0;
}
.list-services li{
    padding-left: 2em;
    position: relative;
    padding-bottom: 10px;
}
.list-services li:before{
    content: "\f00c";
    font: normal normal normal 18px/1 FontAwesome;
    position: absolute;
    left: 6px;
    top: 6px;
    color: #FFBEFF;
}
.subtitle-box-jobs{
    text-align: center;
    color: #AAAAAA;
    font-size: 18px;
    margin-bottom: 15px;
}
.btn-buy-jit{
    border-radius: 6px;
    padding: 11px 20px;
    font-size: 16px;
    font-weight: bold;
}
@media screen and (min-width: 959px) {
    .box-container {
        display: flex;
        align-items: stretch;
        flex-direction: row;
    }
}
@media screen and (min-width: 768px) {
    .text-header{
        margin-top: 50px;
        font-size:50px;
    }
    .subtitle{
        margin-top: 155px;
        font-size:48px;
    }
}