.band-wrapper { padding-inline: 150px; padding-block: 80px; }

.band-title-icons-text-wrapper .band-item.heading .band-item-title > *,
.band-multi-slide-wrapper .band-item.intro .band-item-title > *,
.band-image-text-side-wrapper .band-item.text .band-item-title > * { font-size: var(--plugin-title-size); font-weight: var(--plugin-title-weight); line-height: 1.5;}

/*multi slide*/
.band-wrapper.band-multi-slide-wrapper { padding: 3% 4%; background: linear-gradient(to bottom, #170f09 50%, #fff 50%); }
.band-multi-slide-wrapper .band-container { display: flex; flex-direction: column; overflow: hidden; }
.band-multi-slide-wrapper .band-item.intro { color: #7e7e7e; color:var(--secondary-color); margin-bottom: 3%; text-align: center; }
.band-multi-slide-wrapper .band-item.intro .band-item-title { line-height: 2rem; }
.band-multi-slide-wrapper .band-item.intro .band-item-title > * { font-family: inherit; line-height: 1.08; margin: 0; }
.band-multi-slide-wrapper .band-item.intro .band-item-text { font-size: 1rem; line-height: 1.5rem; margin-top: 10px; }
.band-multi-slide-wrapper .band-slider-wrapper { display: flex; flex-direction: column; overflow: hidden; position: relative; width: 100%; }
.band-multi-slide-wrapper .swiper-wrapper { display: grid; gap: 30px; grid-template-columns: repeat(3,1fr); order: 1; transform: none !important; transition: none !important; padding: 5px; width:auto; }
.band-multi-slide-wrapper .swiper-wrapper:has(> .swiper-slide:nth-child(2):last-child) {grid-template-columns: repeat(2,1fr);}
.band-multi-slide-wrapper .swiper-wrapper:has(> .swiper-slide:only-child) {grid-template-columns: repeat(1,1fr); justify-items: center;}
.band-multi-slide-wrapper .swiper-slide { height: auto; margin: 0 !important; width: auto !important; }
.band-multi-slide-wrapper .swiper-slide:only-child {max-width:50%;}
.band-multi-slide-wrapper .band-item.slide { display: flex; flex-direction: column; height: 100%; }
.band-multi-slide-wrapper .band-item.slide .band-item-image { aspect-ratio: 16/9; overflow: hidden; }
.band-multi-slide-wrapper .band-item.slide .band-item-image img { display: block; height: auto; object-fit: cover; transition: .3s ease-in-out; width: 100%; }
.band-multi-slide-wrapper .band-item.slide .band-item-title-text-container {display: flex; flex-direction: column; align-items: center; gap:7px;}
.band-multi-slide-wrapper .band-item.slide .band-item-title { color: var(--text-color); font-size: 1.8rem; font-weight: 900; line-height: 2.3rem; margin: 30px auto 0; text-align: center; text-transform: uppercase; width: fit-content; }
.band-multi-slide-wrapper .band-item.slide .band-item-title > * { font: inherit; margin: 0; }
.band-multi-slide-wrapper .band-item.slide .band-item-subtitle { background-color: var(--quinary-color); color: #fff; padding:8px 16px; transition: .3s linear; text-align: center; width: auto; margin-inline:auto;}
.band-multi-slide-wrapper .band-item.slide .band-item-subtitle:before { content: ''; position: absolute; bottom: -5px; right: 0; background: linear-gradient(315deg, transparent 50%, var(--quinary-color) 50% 100%); filter: brightness(50%); width: 5px; height: 5px;}
.band-multi-slide-wrapper .band-item.slide .band-item-text { color: var(--text-color); font-size: 1rem; line-height: 1.5rem; margin-top: 10px; text-align: center; }
.band-multi-slide-wrapper .band-slider-wrapper > .band-slider-slide-arrows,
.band-multi-slide-wrapper .band-slider-wrapper > .swiper-pagination { display: none !important; }
.band-multi-slide-wrapper .band-slider-slide-arrow { align-items: center; background: var(--quinary-color); border-radius: 50%; cursor: pointer; display: flex; height: 42px; justify-content: center; transition: .3s ease-in-out; width: 42px; }
.band-multi-slide-wrapper .band-slider-slide-arrow.swiper-button-disabled { opacity: .35; pointer-events: none; }
.band-multi-slide-wrapper .band-slider-slide-arrow-icon { fill: #fff; height: 16px; width: 16px; }
.band-multi-slide-wrapper .band-slider-slide-arrow-previous .band-slider-slide-arrow-icon { transform: rotate(180deg); }

/*immagine testo affiancato*/
.band-wrapper.band-image-text-side-wrapper { background-color: #FFF; padding: 0; position: relative; }
.band-image-text-side-wrapper::before { box-shadow: inset 0 0 5px rgba(255,255,255,.3); content: ''; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 10; }
.band-image-text-side-wrapper .band-container { align-items: stretch; display: flex; width: 100%; max-height: 530px; }
.band-image-text-side-wrapper .band-item { width: 50%; }
.band-image-text-side-wrapper .band-item.image { overflow: hidden; padding: 1%; z-index: 2; }
.band-image-text-side-wrapper .band-item.image .band-item-image { height: 100%; }
.band-image-text-side-wrapper .band-item.image img { display: block; height: 100%; object-fit: contain; object-position: left; width: fit-content; }
.band-image-text-side-wrapper .band-item.text { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 50px; text-align: center; }
.band-image-text-side-wrapper .band-item.text .band-item-title { line-height: 1.3em; margin: 0; }
.band-image-text-side-wrapper .band-item.text .band-item-title > * { font-family: inherit; line-height: 1.08; margin: 0; }
.band-image-text-side-wrapper .band-item.text .band-item-text { font-size: 1.2rem; font-weight: 400; line-height: 28px; margin: 15px 0; }
.band-image-text-side-wrapper .band-item.text .band-item-text > p { margin: 0; }
.band-image-text-side-wrapper .band-item.text .band-item-text .btn { background-color: var(--quinary-color); color: #fff; display: block; font-size: .8em; font-weight: 500; line-height: 1em; margin-inline: auto; padding: 20px 30px; text-transform: uppercase; transition: all .3s; width: fit-content; }

.band-image-text-side-wrapper.dark-bck { background-color: #1d1d1d; }
.band-image-text-side-wrapper.dark-bck .band-item.text { background-color: #1d1d1d; color: #fff; }
.band-image-text-side-wrapper.gray-bck { background-color: #f2f3f4; }
.band-image-text-side-wrapper.row-reverse .band-container { flex-direction: row-reverse; }
.band-image-text-side-wrapper.image-bck .band-item.image {padding: 0; position: relative;}
.band-image-text-side-wrapper.image-bck .band-item.image:before {content: ''; position: absolute; top:0; left: 0; width: 100%; height: 100%; pointer-events: none; background:linear-gradient(95deg, transparent 70%, #fff 90%);}
.band-image-text-side-wrapper.image-bck .band-item.image img {object-fit: cover; width: 100%; object-position: center;}
.band-image-text-side-wrapper.image-bck.dark-bck .band-item.image:before { background:linear-gradient(95deg, transparent 70%, #1d1d1d 90%);}
.band-image-text-side-wrapper.image-bck.gray-bck .band-item.image:before { background:linear-gradient(95deg, transparent 70%, #f2f3f4 90%);}
.band-image-text-side-wrapper.row-reverse.image-bck .band-item.image:before  {background:linear-gradient(265deg, transparent 70%, #fff 90%);}
.band-image-text-side-wrapper.row-reverse.image-bck.dark-bck .band-item.image:before { background:linear-gradient(265deg, transparent 70%, #1d1d1d 90%);}
.band-image-text-side-wrapper.row-reverse.image-bck.gray-bck .band-item.image:before { background:linear-gradient(265deg, transparent 70%, #f2f3f4 90%);}

/* titolo, icone e testo */
.band-wrapper.band-title-icons-text-wrapper { background: #fff; padding: 3% 4%; }
.band-title-icons-text-wrapper .band-container { display: flex; align-items: center; flex-direction: column; margin-inline: auto; max-width: 1500px; overflow: hidden; }
.band-title-icons-text-wrapper .band-item.heading { margin-bottom: 5%; order: 1; text-align: center; }
.band-title-icons-text-wrapper .band-item.heading .band-item-title { color: var(--primary-color); }
.band-title-icons-text-wrapper .band-item.heading .band-item-title > * { font-family: inherit; margin: 0; }
.band-title-icons-text-wrapper .band-slider-wrapper { order: 2; overflow: hidden; position: relative; width: 100%; }
.band-title-icons-text-wrapper .swiper-wrapper { display: grid; gap: clamp(18px, 2vw, 36px); grid-template-columns: repeat(5, minmax(0, 1fr)); position: relative; width: 100%; }
.band-title-icons-text-wrapper:has(.swiper-slide:nth-child(4):last-child) .swiper-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.band-title-icons-text-wrapper:has(.swiper-slide:nth-child(3):last-child) .swiper-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.band-title-icons-text-wrapper:has(.swiper-slide:nth-child(2):last-child) .swiper-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.band-title-icons-text-wrapper:has(.swiper-slide:nth-child(1):last-child) .swiper-wrapper { grid-template-columns: minmax(0, 1fr); }
.band-title-icons-text-wrapper .swiper-slide { height: auto; width: auto; position: relative; }
.band-title-icons-text-wrapper .swiper-slide:not(:last-child):before { content: ''; height: 1px; width: 100%; position: absolute; top: 50px; left: 50%; background: var(--secondary-color); pointer-events: none; }
.band-title-icons-text-wrapper .band-item.milestone { align-items: center; display: flex; flex-direction: column; height: 100%; position: relative; text-align: center; }
.band-title-icons-text-wrapper .band-item.milestone .band-item-title-text-container { order: 2; display: flex; flex-direction: column; }
.band-title-icons-text-wrapper .band-item.milestone .band-item-svg,
.band-title-icons-text-wrapper .band-item.milestone .band-item-image { align-items: center; background: var(--primary-color); border: 7px solid #fff; border-radius: 50%; box-sizing: border-box; display: flex; height: 100px; justify-content: center; margin-bottom: 25px; order: 1; position: relative; width: 100px; z-index: 1; }
.band-title-icons-text-wrapper .band-item.milestone .band-item-svg svg,
.band-title-icons-text-wrapper .band-item.milestone > svg { fill: none; height: 54px; stroke: var(--quinary-color); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; width: 54px; }
.band-title-icons-text-wrapper .band-item.milestone .band-item-image img { display: block; height: 54px; object-fit: contain; width: 54px; }
.band-title-icons-text-wrapper .band-item.milestone .band-item-title { color: var(--primary-color); font-size: clamp(1rem, 1.25vw, 1.3rem); font-weight: 800; line-height: 1.25; }
.band-title-icons-text-wrapper .band-item.milestone .band-item-title > * { font: inherit; margin: 0; }
.band-title-icons-text-wrapper .band-item.milestone .band-item-text { color: var(--text-color); font-size: .98rem; line-height: 1.5; margin-top: 9px; max-width: 230px; }
.band-title-icons-text-wrapper .band-slider-wrapper > .band-slider-slide-arrows,
.band-title-icons-text-wrapper .band-slider-wrapper > .swiper-pagination { display: none !important; }
.band-title-icons-text-wrapper .band-slider-slide-arrows { align-items: center; justify-content: space-between; left: 0; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 3; }
.band-title-icons-text-wrapper .band-slider-slide-arrow { align-items: center; background: var(--primary-color); border-radius: 50%; cursor: pointer; display: flex; height: 42px; justify-content: center; pointer-events: auto; transition: background-color .3s ease, opacity .3s ease; width: 42px; }
.band-title-icons-text-wrapper .band-slider-slide-arrow.swiper-button-disabled { opacity: .35; pointer-events: none; }
.band-title-icons-text-wrapper .band-slider-slide-arrow-icon { fill: #fff; height: 16px; width: 16px; }
.band-title-icons-text-wrapper .band-slider-slide-arrow-previous .band-slider-slide-arrow-icon { transform: rotate(180deg); }
.band-title-icons-text-wrapper .band-item.closing { margin-top: 5%; order: 3; text-align: center; position: relative; }
.band-title-icons-text-wrapper .band-item.closing:before { content: ''; height: 1px; width: 100vw; position: absolute; top: 12px; left: 50%; transform: translateX(-50%); background: linear-gradient(to right, transparent, #000 , transparent); pointer-events: none; }
.band-title-icons-text-wrapper .band-item.closing .band-item-text { color: var(--primary-color); font-size: clamp(1.1rem, 1.55vw, 1.45rem); font-weight: 500; line-height: 1.6; width: 100%; margin-inline: auto; background: #fff; position: relative; padding-inline: 20px; max-width: fit-content; }
.band-title-icons-text-wrapper .band-item.closing .btn { background: var(--quinary-color); color: #fff; display: inline-flex; font-size: .8rem; font-weight: 700; line-height: 1; margin-top: 30px; padding: 18px 28px; text-transform: uppercase; transition: background-color .3s ease; }

.band-wrapper.band-title-icons-text-wrapper.dark-bck { background: var(--primary-color) }
.band-title-icons-text-wrapper.dark-bck .band-item.milestone .band-item-svg,
.band-title-icons-text-wrapper.dark-bck .band-item.milestone .band-item-image { border-color: var(--primary-color); background: var(--senary-color) }
.band-title-icons-text-wrapper.dark-bck .band-item.milestone .band-item-text { color: #fff; }
.band-title-icons-text-wrapper.dark-bck .band-item.closing .band-item-text { background: var(--primary-color); color: #fff; }
.band-title-icons-text-wrapper.dark-bck .band-item.closing:before {background:linear-gradient(to right, transparent, #fff , transparent);}
.band-wrapper.band-title-icons-text-wrapper.gray-bck { background: var(--senary-color) }
.band-title-icons-text-wrapper.gray-bck .band-item.milestone .band-item-svg,
.band-title-icons-text-wrapper.gray-bck .band-item.milestone .band-item-image { border-color: var(--senary-color); }
.band-title-icons-text-wrapper.gray-bck .band-item.closing .band-item-text { background: var(--senary-color) }

@media (pointer:fine) {
    .band-multi-slide-wrapper .band-item.slide:hover .band-item-image img { transform: scale(1.1); }
    .band-multi-slide-wrapper .band-item.slide:hover .band-item-subtitle {background-color: var(--secondary-color);}
    .band-multi-slide-wrapper .band-slider-slide-arrow:hover,
    .band-image-text-side-wrapper .band-item.text .band-item-text .btn:hover,
    .band-title-icons-text-wrapper .band-item.closing .btn:hover { background-color: var(--secondary-color); }
}

@media (max-width:1400px) {
    .band-multi-slide-wrapper .band-item.slide .band-item-title { font-size: 1.5rem; line-height: 2rem; }

    .band-image-text-side-wrapper .band-item.image { width: 40%; }
    .band-image-text-side-wrapper .band-item.text { padding: 5%; width: 60%; }
}

@media (max-width:1200px) and (min-width:1024px) {
    .band-multi-slide-wrapper .band-item.slide .band-item-title { font-size: 1.25rem; line-height: 1.8rem; }
}

@media (min-width:768px) and (max-width:1023px) {
    .band-multi-slide-wrapper .band-item.slide .band-item-title { font-size: .95rem; line-height: 1.5rem; }
}

@media (max-width:1023px) {
    .band-image-text-side-wrapper .band-item.text .band-item-title { line-height: 1.2em; }
    .band-image-text-side-wrapper .band-item.text .band-item-text { font-size: 1.1rem; }

    .band-wrapper.band-title-icons-text-wrapper { padding-inline: 0; }
    .band-title-icons-text-wrapper .band-item.heading,
    .band-title-icons-text-wrapper .band-item.closing { margin-inline: 4%; }
    .band-title-icons-text-wrapper .band-item.closing:before {top:-25px; background:linear-gradient();}
    .band-title-icons-text-wrapper .swiper-wrapper { display: flex !important; gap: 0px; }
    .band-title-icons-text-wrapper .band-slider-wrapper { padding-inline: 4%; scroll-padding-inline: 4%; }
    .band-title-icons-text-wrapper .band-slider-wrapper > .band-slider-slide-arrows { display: flex !important; }
    .band-title-icons-text-wrapper .band-item.milestone .band-item-svg,
    .band-title-icons-text-wrapper .band-item.milestone .band-item-image { height: 150px; width: 150px; }
    .band-title-icons-text-wrapper .band-item.milestone .band-item-svg svg,
    .band-title-icons-text-wrapper .band-item.milestone > svg { height: 70px; width: 70px; }
    .band-title-icons-text-wrapper .swiper-slide { width: 37% !important; }
    .band-title-icons-text-wrapper .swiper-slide:not(:last-child):before { top: 75px; }

    .band-multi-slide-wrapper .swiper-slide:only-child {max-width:70%;}
    .band-multi-slide-wrapper .band-item.slide .band-item-subtitle {font-size: .9rem;}
}

@media (pointer:coarse) {
    .band-title-icons-text-wrapper .band-slider-wrapper > .band-slider-slide-arrows { display: none !important; }
}

@media (max-width:767px) {
    .band-wrapper.band-multi-slide-wrapper { background: #170f09; padding: 8% 4%; }
    .band-multi-slide-wrapper .band-item.intro { margin-bottom: 8%; }
    .band-multi-slide-wrapper .swiper-wrapper { grid-template-columns: repeat(1,1fr); }
    .band-multi-slide-wrapper .band-item.slide .band-item-title,
    .band-multi-slide-wrapper .band-item.slide .band-item-text { color: #7e7e7e; }
    .band-multi-slide-wrapper .band-item.slide .band-item-title { margin-top: 20px; }
    .band-multi-slide-wrapper .band-item.slide .band-item-subtitle {font-size: 1rem;}
    .band-multi-slide-wrapper .swiper-wrapper:has(> .swiper-slide:nth-child(2):last-child) {grid-template-columns: repeat(1,1fr);}
    .band-multi-slide-wrapper .swiper-slide:only-child {max-width:80%;}

    .band-wrapper.band-image-text-side-wrapper { max-width: fit-content; padding: 5%; }
    .band-image-text-side-wrapper .band-container { flex-direction: column !important; }
    .band-image-text-side-wrapper .band-item { width: 100% !important; }
    .band-image-text-side-wrapper .band-item.image,
    .band-image-text-side-wrapper .band-item.text { padding: 0; }
    .band-image-text-side-wrapper .band-item.image { aspect-ratio: 21/9; }
    .band-image-text-side-wrapper .band-item.image img { margin-inline: auto; }
    .band-image-text-side-wrapper .band-item.text { margin-top: 20px; }
    .band-image-text-side-wrapper .band-item.text .band-item-title { text-align: center; }
    .band-image-text-side-wrapper .band-item.text .band-item-text { font-size: 1rem; line-height: 22px; }
    .band-wrapper.band-image-text-side-wrapper.image-bck .band-item.image:before {display: none !important;}

    .band-wrapper.band-title-icons-text-wrapper {padding-block: 8%;}
    .band-title-icons-text-wrapper .band-item.heading { margin-bottom: 50px; }
    .band-title-icons-text-wrapper .band-item.closing { margin-top: 50px; }
}

@media (max-width:640px) {
    .band-multi-slide-wrapper .band-item.slide .band-item-title { font-size: 1.5rem; line-height: 2rem; }
}

@media (max-width:480px) {
    .band-multi-slide-wrapper .band-item.slide .band-item-title { font-size: 1.3rem; line-height: 1.8rem; }
    .band-multi-slide-wrapper .band-item.slide .band-item-subtitle {font-size: .9rem;}
    .band-multi-slide-wrapper .swiper-slide:only-child {max-width: 100%;}

    .band-image-text-side-wrapper .band-item.image { aspect-ratio: 18/9; }
    .band-image-text-side-wrapper .band-item.text .band-item-text .btn { padding: 17px 22px; }

    .band-title-icons-text-wrapper .band-item.milestone .band-item-title { min-height: 0; }
    .band-title-icons-text-wrapper .swiper-slide { width: 65% !important; }
}