body {
    margin: 0;
    font-family: Arial, sans-serif;
}

/* HEADER */
header {
    display: flex;
    justify-content: space-between;
    align-items:center;
    padding: 15px 40px;
    background: linear-gradient(90deg, #0b3c5d, #00a8a8);
    color: white;
}

nav a {
    margin: 0 10px;
    color: white;
    text-decoration: none;
}

/* HERO */
.hero {
    background: linear-gradient(rgba(11,60,93,0.8), rgba(0,168,168,0.7)),
                url('immagini/fotohome.webp');
    background-size: cover;
    background-position: center;
    color: white;
    text-align: center;

    height: 380px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding: 20px;
}
.hero-producto{
background: linear-gradient(rgba(11,60,93,0.8), rgba(0,168,168,0.7)),
            url('immagini/fotohome.webp');
background-size: cover;
background-position: center;

color:white;
text-align:center;

height:320px;

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.producto-descripcion,
.producto-caracteristicas,
.producto-tecnico,
.producto-galeria,
.producto-download{
max-width:1000px;
margin:auto;
padding:40px 20px;
}

.producto-caracteristicas ul{
line-height:1.8;
}

.producto-tecnico table{
width:100%;
border-collapse:collapse;
}

.producto-tecnico td{
border-bottom:1px solid #ddd;
padding:10px;
}

.galeria{
display:flex;
gap:20px;
flex-wrap:wrap;
}

.galeria img{
width:300px;
border-radius:6px;
}

.boton-descarga{
display:inline-block;
background:#0b3c5d;
color:white;
padding:12px 20px;
text-decoration:none;
border-radius:5px;
}

/* CARDS */
.cards{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:30px;
padding:60px 40px;
max-width:1100px;
margin:auto;
}

.card{
background:white;
border-radius:8px;
padding:25px;
text-align:center;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
transition:all 0.3s ease;
text-decoration:none;
color:inherit;

width:220px;
}

.card:hover {
    transform: translateY(-8px) scale(1.02);
}

/* SPAZIO IMMAGINE */
.card .img {
    height: 120px;
    background-color: white;
    margin-bottom: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.card .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* LINK */
.card a {
    display: inline-block;
    margin-top: 10px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 2px solid white;
}

/* FOOTER */
footer {
    text-align: center;
    padding: 20px;
    background: linear-gradient(90deg, #0b3c5d, #00a8a8);
    color: white;
}

.logo {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #ffffff;
}

.cards .card:last-child {
    grid-column: 2;
}

.cards {
    max-width: 1100px;
    margin: auto;
}

.logo{
display:flex;
align-items:center;
gap:12px;
font-size:20px;
font-weight:bold;
}

.logo{
display:flex;
align-items:center;
gap:15px;
font-size:24px;
font-weight:bold;
}

.logo img{
height:90px;
width:auto;
}

.software{
padding:80px 40px;
background:#f5f7fa;
text-align:center;
}

.software-container{
max-width:900px;
margin:auto;
}

.software-img{
width:100%;
max-width:700px;
margin:30px auto;
display:block;
border-radius:6px;
box-shadow:0 4px 12px rgba(0,0,0,0.15);
}

.software-text{
margin-top:20px;
line-height:1.6;
}

.software-text h3{
margin-bottom:15px;
}

.btn{
display:inline-block;
margin-top:20px;
padding:12px 22px;
background:#0a4c8a;
color:white;
text-decoration:none;
border-radius:5px;
}

.btn:hover{
background:#06345f;
}

.cards .card:nth-child(5){
grid-column:2;
}

.servicios{
padding:80px 40px;
background:#f5f7fa;
}

.servicios-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:40px;
max-width:1100px;
margin:auto;
}

.servicio{
background:white;
padding:35px 30px;
width:260px;
border-radius:10px;
text-align:center;

box-shadow:0 3px 10px rgba(0,0,0,0.08);
transition:transform 0.25s ease, box-shadow 0.25s ease;
}

.servicio:hover{
transform:translateY(-6px);
box-shadow:0 10px 22px rgba(0,0,0,0.15);
}

.servicio i{
font-size:40px;
color:#0a4c8a;
margin-bottom:20px;
}

.servicio h3{
margin-bottom:10px;
font-size:18px;
}

.servicio p{
font-size:14px;
line-height:1.5;
color:#555;
}

.section-title{
text-align: center;
margin-bottom:40px;
}

.sectores-aplicacion {
max-width: 1000px;
margin: auto;
padding: 40px 20px;
}

.sectores-aplicacion h3 {
margin-top: 30px;
}

.sector-img {
width: 100%;
max-width: 700px;
height: 350px;
object-fit: cover;
display: block;
margin: 20px auto;
}

/* MENU A CASCATA */

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: linear-gradient(90deg, #0b3c5d, #00a8a8);
    min-width: 260px;
    padding-top: 5px;
}

.dropdown-content a {
    color: white;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: rgba(255,255,255,0.15);
}

.dropdown:hover .dropdown-content {
    display: block;
}

.quienes-somos{
max-width:1100px;
margin:auto;
padding:40px 20px;
font-family:Arial, Helvetica, sans-serif;
line-height:1.6;
color:#333;
}

.quienes-somos h1{
font-size:36px;
margin-bottom:20px;
text-align:center;
}

.quienes-somos h2{
margin-top:40px;
font-size:26px;
color:#0b4a7a;
border-bottom:2px solid #0b4a7a;
padding-bottom:6px;
}

.quienes-somos h3{
margin-top:25px;
font-size:20px;
color:#0b4a7a;
}

.quienes-somos p{
margin-bottom:15px;
}

.quienes-somos ul{
margin-left:20px;
margin-bottom:20px;
}

.areas li{
margin-bottom:10px;
}

.ventajas li{
margin-bottom:18px;
background:#f5f7fa;
padding:12px;
border-left:4px solid #0b4a7a;
}

/* CATALOGO PRODUCTOS */

.catalogo{

max-width:1100px;
margin:auto;
padding:60px 20px;
text-align:center;

}

.grid-productos{

display:grid;
grid-template-columns:repeat(auto-fit, minmax(260px,320px));
justify-content:center;
gap:40px;
margin-top:40px;

}

.producto-card{

border:1px solid #ddd;
padding:20px;
border-radius:6px;
background:white;
transition:0.3s;

}

.producto-card:hover{

transform:translateY(-5px);
box-shadow:0px 5px 15px rgba(0,0,0,0.15);

}

.producto-card img{

width:100%;
height:180px;
object-fit:cover;

}

.producto-card h3{

margin-top:15px;

}

.producto-card p{

font-size:14px;
margin:10px 0;

}

.boton{

display:inline-block;
padding:10px 15px;
background:#0b3c5d;
color:white;
text-decoration:none;
border-radius:4px;

}

.boton:hover{

background:#00a8a8;

}/* CATALOGO PRODUCTOS */

.catalogo{

max-width:1100px;
margin:auto;
padding:60px 20px;
text-align:center;

}

.grid-productos{

display:grid;
grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
gap:40px;
margin-top:40px;

}

.producto-card{

border:1px solid #ddd;
padding:20px;
border-radius:6px;
background:white;
transition:0.3s;

}

.producto-card:hover{

transform:translateY(-5px);
box-shadow:0px 5px 15px rgba(0,0,0,0.15);

}

.producto-card img{

width:100%;
height:180px;
object-fit:cover;

}

.producto-card h3{

margin-top:15px;

}

.producto-card p{

font-size:14px;
margin:10px 0;

}

.producto-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.producto-card a{
    margin-top:auto;
}
.boton{

display:inline-block;
padding:10px 15px;
background:#0b3c5d;
color:white;
text-decoration:none;
border-radius:4px;

}

.boton:hover{

background:#00a8a8;

}

/* SEZIONI PAGINA PRODOTTO */

.producto-descripcion,
.producto-caracteristicas,
.producto-beneficios {
    max-width: 1000px;
    margin: 40px auto;
    padding: 20px;
    line-height: 1.6;
}

/* TITOLI SEZIONI */

.producto-descripcion h2,
.producto-caracteristicas h2,
.producto-beneficios h2 {
    color: #0b3c5d;
    margin-bottom: 15px;
    border-bottom: 2px solid #00a8a8;
    padding-bottom: 5px;
}

/* TESTO */

.producto-descripcion p,
.producto-beneficios p {
    margin-bottom: 15px;
}

/* LISTE */

.producto-descripcion ul,
.producto-caracteristicas ul,
.producto-beneficios ul {
    margin-left: 20px;
}

.producto-descripcion li,
.producto-caracteristicas li,
.producto-beneficios li {
    margin-bottom: 8px;
}

.hero {

height:420px;

background-size:cover;
background-position:center;

display:flex;
justify-content:center;
align-items:center;

color:white;
text-align:center;

position:relative;

animation: cambioFondo 20s infinite;
}

/* overlay blu trasparente */

.hero-overlay{

position:absolute;
width:100%;
height:100%;

background:linear-gradient(
rgba(11,60,93,0.7),
rgba(0,168,168,0.6)
);

}

/* testo */

.hero-content{

position:relative;
z-index:2;

}

.hero h1{

font-size:48px;
margin-bottom:10px;

}

.hero p{

font-size:20px;

}

@keyframes cambioFondo {

0%{
background-image:url("immagini/fotohome.webp");
}

33%{
background-image:url("immagini/parej-richard.webp");
}

66%{
background-image:url("immagini/chuttersnap1.jpg");
}

100%{
background-image:url("immagini/crystal-kwok.jpg");
}

}

header{
position:relative;
z-index:1000;
}

.catalogo-item img{
width:80%;
height:140px;
object-fit:contain;
display:block;
margin:auto;
}

.producto-card{
max-width:320px;
margin:auto;
padding:20px;
}

.perfil-descarga{
margin-top:40px;
padding:30px;
background:#f5f5f5;
border-radius:8px;
}

.boton-descarga{
display:inline-block;
margin-top:15px;
padding:12px 22px;
background:#0066cc;
color:white;
text-decoration:none;
border-radius:5px;
font-weight:bold;
}

.boton-descarga:hover{
background:#004a99;
}

.tabla-parametros {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}

.tabla-parametros th,
.tabla-parametros td {
border: 1px solid #ddd;
padding: 10px;
text-align: left;
}

.tabla-parametros th {
background-color: #f4f4f4;
}

.catalogo-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
gap:25px;
margin-top:30px;
}

.catalogo-item{
background:#fff;
border:1px solid #ddd;
padding:15px;
text-align:center;
border-radius:6px;
}

.catalogo-item h3{
margin:12px 0;
font-size:18px;
}

.catalogo-item .btn{
display:inline-block;
margin-top:10px;
padding:8px 14px;
background:#005a8d;
color:white;
text-decoration:none;
border-radius:4px;
}

.catalogo-item:hover{
transform:translateY(-3px);
box-shadow:0 6px 14px rgba(0,0,0,0.1);
transition:0.2s;
}

.sensores-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(250px,1fr));
gap:40px;
margin-top:20px;
}

.sensores-grid ul{
padding-left:18px;
}

/* layout immagini e video */

.media-grid{
display:grid;
grid-template-columns:300px 300px 300px;
grid-template-rows:auto auto;
gap:30px;
}

/* la foto occupa due righe */

.foto-producto{
grid-row:1 / span 2;
}

.foto-producto img{
width:300px;
height:auto;
display:block;
}

/* video */

.video iframe{
width:300px;
height:170px;
border:none;
display:block;
}

.videos-columna{
display:grid;
grid-template-columns:300px 300px;
gap:30px;
}

.titulo-videos{
grid-column:1 / span 2;
font-size:24px;
font-weight:bold;
margin-top:0;
margin-bottom:15px;
}

/* contenitore scheda tecnica */

.ficha-tecnica{
max-width:900px;
margin:auto;
}

/* titolo */

.ficha-tecnica h2{
text-align:center;
margin-top:40px;
color:#0b3d6d;
}

/* tabella */

.tabla-especificaciones{
width:100%;
border-collapse:collapse;
margin-top:20px;
font-size:14px;
}

/* intestazione */

.tabla-especificaciones th{
background:#0b3d6d;
color:white;
padding:10px;
text-align:left;
}

/* celle */

.tabla-especificaciones td{
padding:8px;
border-bottom:1px solid #ddd;
}

/* righe alternate */

.tabla-especificaciones tr:nth-child(even){
background:#f4f6f8;
}

/* evidenziare parametro */

.tabla-especificaciones td:first-child{
font-weight:600;
}

/* AREA ANIMAZIONE */

.hero-scroll-area{
    height: 300vh;
    position: relative;
}

.sticky-wrapper{
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
}

.main-grid-anim{
    position: relative;
    width: 100%;
    height: 100%;
}

/* BLOCCO BLU */

.blue-block-scroll{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;

    transform:
        translate(-50%, -50%)
        scale(1);

    background: #0057b8;

    display: flex;
    justify-content: center;
    align-items: center;

    text-align: center;

    color: white;
    font-size: 5rem;
    font-weight: bold;
    line-height: 1.1;

    z-index: 1;

    border-radius: 0;

    transition: none;
}

/* CARD */

.hero-scroll-area .card{
    position: absolute;

    width: 260px;
    height: 170px;

    background: white;

    border-radius: 18px;

    padding: 20px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.15);

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-decoration: none;
    color: #222;

    opacity: 0;

    transform: translateY(80px);

    transition: none;

    z-index: 3;
}

/* IMMAGINI */

.img-anim img{
    max-width: 150px;
    max-height: 70px;
    object-fit: contain;
}

/* POSIZIONI PIÙ VICINE */

.p1{
    top: 22%;
    left: 30%;
}

.p2{
    top: 22%;
    right: 30%;
}

.p3{
    top: 42%;
    left: 26%;
}

.p4{
    top: 42%;
    right: 26%;
}

.p5{
    bottom: 20%;
    left: 30%;
}

.p6{
    bottom: 20%;
    right: 30%;
}

/* 4NEXT PERFETTAMENTE CENTRATA */

.p7{
    bottom: 10%;
    left: 45%;
}

/* MOBILE */

@media(max-width:900px){

    .hero-scroll-area .card{
        width: 180px;
        height: 130px;
    }

    .blue-block-scroll{
        font-size: 2.5rem;
    }
}

/* BLOCCO TESTI */

.blue-block-scroll{

    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;

    text-align: center;
}

/* TITOLO */

.hero-title{

    font-size: inherit;

    font-weight: 800;

    line-height: 1.05;

    order: 1;
}

/* SOTTOTITOLO */

.hero-subtitle{

    order: 2;

    margin-top: 25px;

    font-size: 1.05rem;

    font-weight: 400;

    letter-spacing: 0.5px;

    opacity: 0.9;
}

/* SEZIONE PARTNER STATICA */

.partners-section{
    padding:80px 32px 90px;
    background:#f5f8fb;
}

.partners-container{
    width:min(1240px, 100%);
    margin:0 auto;
}

.partners-heading{
    max-width:760px;
    margin:0 auto 42px;
    text-align:center;
    color:#0b3c5d;
}

.partners-title{
    margin:0;
    font-size:clamp(2rem, 4vw, 3.5rem);
    line-height:1.05;
}

.partners-heading .hero-subtitle{
    margin-top:18px;
    color:#52616d;
    font-size:1.05rem;
    line-height:1.5;
    opacity:1;
}

.partners-grid{
    display:grid;
    grid-template-columns:repeat(8, minmax(0, 1fr));
    gap:24px;
}

.partners-grid .card{
    position:static;
    grid-column:span 2;
    width:auto;
    min-height:230px;
    height:auto;
    padding:24px 20px;
    border:1px solid rgba(11,60,93,0.08);
    border-radius:16px;
    box-shadow:0 8px 24px rgba(11,60,93,0.09);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    color:#222;
    opacity:1;
    transform:none;
    transition:transform 0.25s ease, box-shadow 0.25s ease;
    box-sizing:border-box;
}

.partners-grid .card:hover{
    transform:translateY(-6px);
    box-shadow:0 14px 30px rgba(11,60,93,0.14);
}

.partners-grid .card:nth-child(5){
    grid-column:2 / span 2;
}

.partners-grid .card:nth-child(6){
    grid-column:4 / span 2;
}

.partners-grid .card:nth-child(7){
    grid-column:6 / span 2;
}

.partners-grid .img-anim{
    height:78px;
    margin-bottom:14px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.partners-grid .img-anim img{
    max-width:160px;
    max-height:72px;
    object-fit:contain;
}

.partners-grid h4{
    margin:0 0 10px;
    color:#0b3c5d;
    font-size:1.05rem;
}

.partners-grid p{
    margin:0;
    color:#52616d;
    font-size:0.9rem;
    line-height:1.55;
}

/* TABLET */

@media(max-width:1000px){
    header{
        flex-wrap:wrap;
        gap:12px 24px;
    }

    nav{
        width:100%;
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        gap:12px 4px;
    }

    .partners-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .partners-grid .card,
    .partners-grid .card:nth-child(5),
    .partners-grid .card:nth-child(6){
        grid-column:auto;
    }

    .partners-grid .card:nth-child(7){
        grid-column:1 / -1;
        width:calc(50% - 12px);
        justify-self:center;
    }
}

/* SMARTPHONE */

@media(max-width:620px){
    header{
        padding:16px 18px;
        justify-content:center;
        text-align:center;
    }

    .logo{
        width:100%;
        justify-content:center;
        font-size:1.1rem;
    }

    .logo img{
        height:62px;
    }

    .contact-info{
        display:flex;
        flex-direction:column;
        gap:5px;
        font-size:0.82rem;
    }

    nav{
        gap:10px 2px;
        font-size:0.9rem;
    }

    nav a{
        margin:0 7px;
    }

    .dropdown-content{
        left:50%;
        transform:translateX(-50%);
        min-width:240px;
        z-index:10;
    }

    .hero{
        height:310px;
        padding:24px 20px;
        box-sizing:border-box;
    }

    .hero h1{
        font-size:clamp(2rem, 10vw, 2.7rem);
        line-height:1.1;
    }

    .hero p{
        font-size:1rem;
        line-height:1.5;
    }

    .partners-section{
        padding:56px 20px 64px;
    }

    .partners-heading{
        margin-bottom:30px;
    }

    .partners-title{
        font-size:2rem;
    }

    .partners-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .partners-grid .card,
    .partners-grid .card:nth-child(7){
        grid-column:auto;
        width:auto;
        min-height:0;
    }

    .software{
        padding:56px 20px;
    }

    .software-img{
        margin:22px auto;
    }

    footer{
        padding:24px 18px;
        font-size:0.86rem;
        line-height:1.5;
    }
}

/* SISTEMA VISIVO E NAVIGAZIONE CONDIVISI */

:root{
    --brand-navy:#0b3c5d;
    --brand-blue:#0a4c8a;
    --brand-teal:#00a8a8;
    --text-main:#24323d;
    --text-muted:#52616d;
    --surface-soft:#f5f8fb;
}

html{
    scroll-behavior:smooth;
}

body{
    color:var(--text-main);
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.5;
    overflow-x:hidden;
}

h1,
h2,
h3,
h4{
    line-height:1.2;
}

img{
    max-width:100%;
}

a:focus-visible,
button:focus-visible{
    outline:3px solid #ffd166;
    outline-offset:3px;
}

nav a[aria-current="page"]{
    font-weight:700;
    text-decoration:underline;
    text-decoration-thickness:2px;
    text-underline-offset:5px;
}

.menu-toggle{
    display:none;
    width:46px;
    height:42px;
    padding:9px 10px;
    border:1px solid rgba(255,255,255,0.5);
    border-radius:8px;
    background:rgba(255,255,255,0.1);
    cursor:pointer;
}

.menu-toggle span{
    display:block;
    height:2px;
    margin:5px 0;
    border-radius:2px;
    background:#fff;
    transition:transform 0.2s ease, opacity 0.2s ease;
}

.menu-toggle.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.menu-toggle.is-open span:nth-child(2){
    opacity:0;
}

.menu-toggle.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}

@media(max-width:760px){
    header{
        display:grid;
        grid-template-columns:1fr auto;
        gap:12px 16px;
        padding:14px 18px;
        text-align:left;
    }

    header .logo{
        width:auto;
        justify-content:flex-start;
        min-width:0;
    }

    header .logo span{
        font-size:clamp(0.95rem, 4.5vw, 1.2rem);
        letter-spacing:0.04em;
    }

    header .logo img{
        height:58px;
    }

    header .contact-info{
        grid-column:1 / -1;
        grid-row:2;
        align-items:flex-start;
        font-size:0.82rem;
    }

    .menu-toggle{
        display:block;
        align-self:center;
    }

    header .site-nav{
        display:none;
        grid-column:1 / -1;
        width:100%;
        padding:8px 0 2px;
        border-top:1px solid rgba(255,255,255,0.25);
    }

    header .site-nav.is-open{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:2px;
    }

    header .site-nav > a,
    header .site-nav > .dropdown > a{
        display:block;
        margin:0;
        padding:10px 8px;
        border-radius:6px;
        text-align:left;
    }

    header .site-nav a:hover,
    header .site-nav a:focus-visible{
        background:rgba(255,255,255,0.12);
    }

    header .site-nav .dropdown{
        display:block;
        width:100%;
    }

    header .site-nav .dropdown-content{
        position:static;
        display:block;
        min-width:0;
        padding:0 0 4px 14px;
        transform:none;
        background:transparent;
        box-shadow:none;
    }

    header .site-nav .dropdown-content a{
        padding:8px;
        font-size:0.84rem;
        border-left:2px solid rgba(255,255,255,0.35);
    }

    .media-grid{
        grid-template-columns:minmax(0, 1fr);
        grid-template-rows:auto;
        width:100%;
    }

    .foto-producto{
        grid-row:auto;
    }

    .foto-producto img{
        width:min(100%, 300px);
        margin:0 auto;
    }

    .videos-columna{
        grid-template-columns:minmax(0, 1fr);
        width:100%;
    }

    .titulo-videos{
        grid-column:auto;
    }

    .video,
    .video iframe{
        width:100%;
        max-width:100%;
    }

    .video iframe{
        height:auto;
        aspect-ratio:16 / 9;
    }

    .ficha-tecnica{
        overflow-x:auto;
    }
}

@media(prefers-reduced-motion:reduce){
    html{
        scroll-behavior:auto;
    }

    *,
    *::before,
    *::after{
        scroll-behavior:auto !important;
        transition-duration:0.01ms !important;
        animation-duration:0.01ms !important;
        animation-iteration-count:1 !important;
    }
}
