.hero_page_interne-servizi{
    height: 60vh;
    background-size: cover;
    position: relative;
    background-position: center;
    min-height: 530px;
}
.hero_page_interne-servizi:before{
    content: '';
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#000 ;
    opacity: .5;
}
.number_spec{
    
    box-shadow: 0 20px 40px rgba(51,51,51,.15);
}
.number_spec span{
    font-size: 4rem;
}
.progress .tab-pane p, .progress .tab-pane ul, .nav-pills{
    font-size: 18px;
}
.postid-62 .round-number.start-50.translate-middle-x + div {
    height: 190px !important;
}
.accordion-header:after{
    content: "";
    position: absolute;
    color: #B20933;
    background-image: url(/wp-content/uploads/2023/02/plus_icon.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    top: 8px;
    right: 0;
    transition: .3s;
    transform: rotate(45deg);
}

.accordion-header.collapsed:after{
    content: "";
    transition: .3s;
    transform: rotate(0deg);
}

.accordion-header{
    position: relative;
}
/*.accordion-collapse.collapse.show:before{
    content: '';
    width: 30px;
    height: 1px;
    background-color: #B20933;
    position: absolute;
    top: 0;
    left: 0;
}
*/
.accordion-body{
    padding-left: 0;
    padding-right: 0;
}
.little-divisor-hor{
    width: 30px;
    height: 1px;
    background-color: #B20933;
}
#v-pills-tabContent ul{
    text-align: left;
}
#v-pills-tab{
    z-index: 9;
}
.nav-pills .nav-link{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    color: #333 !important;
    font-weight: 800;
    text-transform: uppercase;
    background-color: #F3F3F3;
}
.nav-pills .nav-link.active{
    background-color: #B00134;
    color: #fff !important;
    
}
.circle-progress-value {
	stroke-width: 2px;
	stroke: #B00134;
    stroke-linecap: round;
}
.circle-progress-circle {
	stroke-width: 2px;
	stroke: #fff
}
.circle-progress{
    width: 75%;
    margin: 0 auto;
    top: 30%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(-135deg);
    -webkit-transform: translateX(-50%) rotate(-135deg);
    
}
#accordion_dx .accordion-header:after, #accordion_sx .accordion-header:after{
    display: none;
}
#accordion_dx .accordion-header button, #accordion_sx .accordion-header button{
    border: 0;
    background-color: #B00134;
    border-radius: 4px;
    color: white;
    box-shadow: none !important;
    padding: .6rem 1rem;
}
#accordion_dx .accordion-header button:after, #accordion_sx .accordion-header button:after{
    display: none;
}
#accordion_dx .accordion-body, #accordion_sx .accordion-body{
    padding: 1rem ;
    box-shadow: 0 5px 10px rgba(51,51,51,.15);
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    
    border-bottom: 2px solid #B00134;
}
#accordion_dx .accordion-body p, #accordion_sx .accordion-body p{
    margin-bottom: 0;
    color: #666666;
}
#accordion_dx .accordion-item, #accordion_sx .accordion-item{
    border: none;
}
#accordion_dx .accordion-header button:not(.collapsed), #accordion_sx .accordion-header button:not(.collapsed){
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.round-number{
    font-size: 1.4rem;
    font-weight: 800;
    color: white;
    background-color: #B00134;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
/*.passi_slider .swiper-slide>div{
    width:250px;
}*/
.before-v-line:before{
    content:'';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 3rem;
    background-color: #B00134;
    top: -3rem;
}
.before-white-card-certificazioni:before{
    content: '';
    width: calc(100% - calc(var(--bs-gutter-x) * 1));
    height: calc(100% - 150px);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #FFFFFF;
    border-radius: 5px;
    position: absolute;
}
.top-68{
    top: 68%;
}
.testo_larg_piena_ul li{
    text-align: left;
}
.single-servizio section ul {
    list-style: none; /* Remove default bullets */
    padding-left: 1rem;
}

.single-servizio section ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #B20933; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.passi_slider .swiper-slide>div h6{width: 80%;}

@media (max-width: 1399px) {
    .number_spec span{
        font-size: 3.8rem;
    }
}
@media (max-width: 1199px) {
    .w-90-tablet{
        width: 90% !important;
    }
    .number_spec span{
        font-size: 4rem;
    }
    .nav-pills .nav-link{
        font-size: 1rem;
        line-height: 1.2rem;
        width: 140px;
        height: 140px;
    }
    .nav-pills .nav-link h2{
        font-size: 1.8rem;
        line-height: 1rem;
    }
    #v-pills-tabContent{
        width: 50% !important;
    }
    #v-pills-4-tab_tondo5{
        top: 175px !important;
        left: 82% !important;
    }
    #v-pills-0-tab_tondo5{
        top: 175px !important;
        left: 18% !important;
    }
    #v-pills-2-tab_tondo5{
        top: 75px !important;
    }
    
}
@media (min-width:992px) and (max-width:1399px){
    .progress .tab-pane p, .progress .tab-pane ul, .nav-pills{
        font-size: 16px !important;
    }
}

@media (min-width:992px){
    .passi_slider .swiper-slide{
        opacity: .25;
        transition: .3s;
    }
    .passi_slider .swiper-slide-active{
        opacity: 1;
        transition: .3s;
    }
    .passi_slider .swiper-slide-next{
        opacity: .6;
        transition: .3s;
    }
    .passi_slider .swiper-slide-prev{
        opacity: .6;
        transition: .3s;
    }
    #v-pills-tabContent{
        height: 500px;
        width: 41%;
    }
    
}
@media (max-width: 991px) {
    .number_spec span{
        font-size: 3.5rem;
    }
    #v-pills-0-tab_tondo3, #v-pills-2-tab_tondo3, #v-pills-0-tab_tondo5, #v-pills-1-tab_tondo5, #v-pills-3-tab_tondo5, #v-pills-4-tab_tondo5, #v-pills-0-tab_tondo4, #v-pills-1-tab_tondo4, #v-pills-2-tab_tondo4, #v-pills-3-tab_tondo4{
        bottom: inherit !important;
    }
    #v-pills-1-tab_tondo4, #v-pills-2-tab_tondo4, #v-pills-1-tab_tondo5, #v-pills-3-tab_tondo5{
        top: 0 !important;
        transform: none !important;
    }
    #v-pills-1-tab_tondo4{
        left: 32.5% !important;
        transform: translateX(-50%) !important;
    }
    #v-pills-2-tab_tondo4{
        left: 65% !important;
        transform: translateX(-50%) !important;
        right: inherit !important;
    }
    #v-pills-0-tab_tondo3 span, #v-pills-1-tab_tondo3 span, #v-pills-2-tab_tondo3 span, #v-pills-0-tab_tondo5 span, #v-pills-1-tab_tondo5 span, #v-pills-2-tab_tondo5 span, #v-pills-3-tab_tondo5 span, #v-pills-4-tab_tondo5 span, #v-pills-0-tab_tondo4 span, #v-pills-1-tab_tondo4 span, #v-pills-2-tab_tondo4 span, #v-pills-3-tab_tondo4 span{
        display: none;
    }
    .nav-pills .nav-link{
        width: 65px ;
        height: 65px;
    }
    #v-pills-1-tab_tondo5{
        left:0% !important;
    }
    #v-pills-3-tab_tondo5{
        left: 0% !important;
        right: inherit !important;
    }
    .circle-progress{
        display: none;
    }
    #v-pills-tabContent-mobile ul li{
        text-align: start !important;
    }
    #v-pills-tabContent{
        width: 50% !important;
    }
    .after-notactive-tab-mobile:before, .after-active-tab-mobile:before{
        content: '';
        position: absolute;
        top: 50%;

        background-color: #B20933;
        height: 7px;
        transform: translateY(-50%);
        left: 0;
        transition: .3s;
    }
    .after-notactive-tab-mobile:before{
        width: 0 ;
    }
    
    .after-active-tab-mobile:first-of-type::before{
        left: inherit !important;
        right: 0 ;
        width: 50% !important;
        transition: .3s;
    }
    .after-active-tab-mobile:last-of-type::before{
        width: 50% !important;
        left: 0 ;
        right: inherit !important;
        transition: .3s;
    }
    .after-active-tab-mobile:before{
        width: 100% !important ;
    }
    h5{
        font-size: 1.15rem;
    }
}
@media (max-width: 767px) {
    .number_spec span{
        font-size: 2.7rem;
    }
    #v-pills-1-tab_tondo4{
        left: 35% !important;
        transform: translateX(-50%) !important;
    }
    .nav-pills .nav-link{
        width: 45px;
        height: 45px;
    }
    .passi_slider .swiper-slide>div{
        width:95%;
    }
    
}
@media (max-width: 575px) {
    .number_spec span{
        font-size: 2.5rem;
    }
}