.modal-img {
    display: block;
    margin: auto;

}
.slide {
    background: url(/local/templates/climat_template/image/Group310.png) no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    aspect-ratio: 16 / 9;
}


.vent-text span {
    font-weight: 500;
    font-size: 40px;
}
.vent-text p {
    font-weight: 400;
    font-size: 24px;
color:black;
}
.vent-text h2{
color:black;
font-size: 50px;
}

@media screen and (max-width: 924px) {
    .vent-text {
        display: flex;
        flex-wrap: wrap;
        margin: 0px 0 14% 5%;
        width: 95%;
    }
.container {
padding-right: 10px;
    padding-left: 10px;
}
.slide {
  background: url('/local/templates/climat_template/image/Group310.png') no-repeat center center;
  background-size: cover;
  width: 100vw;
  height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.Categories {
    padding-bottom: 0%;
}
.Category-2{
    background: linear-gradient(to bottom, #FAFAFA 0%, #C8F1FF 100%);
}
.vent-text h2{color:black;
font-size: 25px;
}
.Categories-title{
padding: 20% 0 5% 0%;
font-size: 30px;
}
.vent-text p {
    font-weight: 400;
    font-size: 14px;
    color: black;
    display: block;
}
.vent-text span {
    font-weight: 600;
    font-size: 20px;
}
.about-us {
    margin: 40px 0px 0px 0px !important;
}
  .slide {
    background: url('/local/templates/climat_template/image/Group311.png') no-repeat center center;
    background-size: cover;
  }
.slide button {
        font-size: 17px;
        height: 39px;
        margin-left: 47px;
        width: 200px;
    }
.modal-img {
    display: block;
    margin: auto;

}
.item-1 { grid-column: span 6; grid-row: span 4; } 
.item-2 { display: none; }
.item-3 { grid-column: span 3; grid-row: span 2; }
.item-4 { display: none; }
.item-5 { display: none; }
.item-6 { grid-column: span 4; grid-row: span 2; }
.item-7 { grid-column: span 3; grid-row: span 2; } 
.item-8 { grid-column: span 2; grid-row: span 2; }
.item-9 { grid-column: span 3; grid-row: span 2; }
.about-us {
    gap: 20px;
flex-wrap: wrap;
}
.modal-img {
    display: block;
    margin: auto;


}
.consent {
color:black !important;
}
}
.about-us img {
    height: auto;
    width: auto;
}
.image-about{
width:90%;
}