.indexHeader {
    display: flex;
    padding: 0px 96px;
    max-width: 1440px;
    margin: 0px auto;
    height: calc(100vh - 64px);
}

.indexHeaderText {
    display: flex;
    flex-direction: column;
}

.indexHeaderImage {
    min-width: 40%;
    aspect-ratio: 1;
    background-image: url("../assets/index/chi-siamo.jpg");
    background-size: cover;
    border-radius: var(--br-xl);
    margin: auto 0px auto 0px;
}

.indexHeaderText h1 {
    margin: auto 0px 32px 0px;
    color: var(--primary);
}

.indexHeaderText p {
    margin-right: 128px;
    min-width: 60%;
}

.indexHeaderText a {
    margin: 32px 0px auto 0px;
    padding: 8px 16px;
    border: 2px solid var(--primary);
    border-radius: var(--br-s);
    color: var(--primary);
    font-weight: 500;
    width: fit-content;
    font-size: var(--font-s);
}

.indexHeaderText a:hover {
    background-color: var(--primary);
    color: var(--white);
}

.downloadStatute {
    background-image: url("../assets/index/statuto.jpg");
    background-size: cover;
    display: flex;
    background-position-y: 220px;
}

.downloadStatute a {
   border-radius: var(--br-m);
   color: var(--white);
   border: 3px solid var(--white);
   padding: 24px 48px;
   font-weight: 600;
   font-size: var(--font-m);
   background-color: rgba(150, 150, 150, 0.25);
   margin: 64px auto;
}

.downloadStatute a:hover {
    background-color: var(--white);
    color: var(--primary);
}

.indexNewsContainer {
    background-color: var(--whiteblue);
    padding: 96px 0px calc(96px + 48px) 0px;
}
.indexNewsContainerTitle {
    text-align: center;
    color: var(--primary);
    margin-bottom: 64px;
}
.glide {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0px 96px;
}
.glide__slide img {
    width: 100%;
    height: 240px;
    border-radius: var(--br-m);
    object-fit: cover;
}
.glide__arrows {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.glideDate {
    color: var(--blue);
}
.glide h2 {
    font-size: var(--font-m);
    color: var(--primary);
    display: -webkit-box;         
    -webkit-line-clamp: 4;
    line-clamp: 4;       
    -webkit-box-orient: vertical; 
    overflow: hidden;           
    text-overflow: ellipsis;     
    height: calc(var(--font-l)*4);            
    line-height: var(--font-l);    
}
.glide p {
    font-size: var(--font-s);
    margin: 24px 0px;
}
.glide__bullets {
    text-align: center;
    margin-top: 20px;
}
.glideBody {
    display: -webkit-box;         
    -webkit-line-clamp: 3;    
    line-clamp: 3;   
    -webkit-box-orient: vertical; 
    overflow: hidden;           
    text-overflow: ellipsis;     
    max-height: 72px;            
    line-height: 24px;          
}
.glide__bullets {
    bottom: -48px !important;
}
.glide__bullet {
    width: 12px;
    height: 12px;
    background-color: var(--lightGrey);
    border-radius: 50%;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-shadow: none;
}

.glide__bullet:hover, .glide__bullet:focus {
    border: none;
    background-color: var(--primary);
}

.glide__bullet:hover,
.glide__bullet.glide__bullet--active {
    background-color: var(--primary) /* Active color */
}

@media screen and (max-width: 1080px) {
    .indexHeader {
        flex-direction: column;
        padding: 32px 32px;
        height: auto;
    }
    .indexHeaderImage {
        min-width: 0px;
        margin-top: 24px;
        width: 100%;
        max-height: 480px;
    }
    .indexHeaderText p {
        margin-right: 0px;
    }
    .glide {
        max-width: 1440px;
        margin: 0 auto;
        padding: 0px 32px;
    }
}