.arrow-right{
	position:absolute;
	right: 30px;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
	background:var(--color3);
	width:50px;
	height:50px;
	display:flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	padding-left: 13px;
	border-radius: 50%;
	transition:.3s ease-in-out;
}


 .arrow-left{
	position:absolute;
	left: 30px;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
	background: var(--color3);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	padding-right: 13px;
	border-radius: 50%;
	transition:.3s ease-in-out;
}

 .arrow-left,
 .arrow-right {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    opacity: 0!important;
    pointer-events: none;
    transition: 0.3s ease-in-out;
}


 .arrow-left:hover,
.arrow-right:hover{
	background:var(--color1);
}

 .arrow-right path,
 .arrow-left path{
	fill:white!important
}

.arrow-left svg,
.arrow-right svg{
	width: 15px;
	height: 100%;
	cursor:pointer;
}


.descrizione .arrow-right svg {
  filter: none;
}


.descrizione .arrow-left svg path {
 fill:white!important
}


 .arrow-left {
    left: 15px;
}

 .arrow-right {
    right: 15px;
}

/* quando visibili */
.active-arrows .arrow-left,
.active-arrows .arrow-right {
    opacity: 1!important;
    pointer-events: auto;
	cursor:pointer;
}

.active-arrows .arrow-left.disable,
.active-arrows .arrow-right.disable {
    opacity: .3!important;
    pointer-events: auto;
}



section.others{
  padding-bottom:200px!important;
}

.rating .rate span.text {
    flex: 0 0 100%;
    font-size: 12px;
    margin-bottom: 0;
}

.rating .rate span {
    padding: 0 !important;
    font-family: var(--font2);
    color: var(--color1);
    font-weight: bold;
    height: 20px;
}


.card .promo span{
  overflow: visible!important;
  -webkit-line-clamp:none!important;
}


.selection{
    padding-bottom: 100px;
}

.card .servizi-di-punta p{
    
}

.card.welcome .caratteristiche{
	display:block
}

.card .servizi-di-punta p.normal {
    color: var(--color5);
    font-weight: 400;
    display: block;
    font-size: .75rem!important;
    line-height: 1.3;
    margin-top: 5px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.card .servizi-di-punta > p.normal:nth-child(2){
    font-weight:bold;
    margin-bottom:8px
}

.card .servizi-di-punta p.normal:nth-child(3){
    margin-top:5px!important
}

.card .servizi-di-punta .scorrimento p{
    display:flex;
}


.scorrimento {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.scorrimento .track {
  display: inline-flex;
  white-space: nowrap;
  animation: scroll 20s linear infinite;
}

.card:nth-child(2) .scorrimento .track {
  display: inline-flex;
  white-space: nowrap;
  animation: scroll 20s linear infinite;
}

.card:nth-child(3) .scorrimento .track {
  display: inline-flex;
  white-space: nowrap;
  animation: scroll 10s linear infinite;
}

.scorrimento p {
  margin: 0;
  padding-right: 50px; /* spazio tra le ripetizioni */
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


.selection.paganti .card-body .servizi-di-punta{
  padding-bottom:20px!important
}

@media(max-width:991px){

  section.selection .row-3{
    display:flex;
    /* flex-wrap: wrap!important; */
  }
}


@media(max-width:767px) {
    
        .active-arrows .arrow-left,
.active-arrows .arrow-right {
    opacity: .5!important;
    pointer-events: auto;
	cursor:pointer;
}


.active-arrows .arrow-left.disable,
.active-arrows .arrow-right.disable {
    opacity: .1!important;
    pointer-events: auto;
	cursor:pointer;
}
    

} 



@media(max-width:500px){

	 .arrow-left{
width:36px;
		 height:36px;
		 padding-left:10px;
}

	.arrow-right{
width:36px;
		 height:36px;

		padding-right:10px;
}


	}