.s4-partenaires {
padding-top: 80px;
padding-bottom: 180px;
}
.s4-partenaires .top {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 150px;
}
.s4-partenaires .top .groupe {
background-color: #e6e245 !important;
padding: 10px 15px 8px;
border-radius: 20px;
display: flex;
align-items: center;
gap: 10px;
color: #58595b;
margin-bottom: 0 !important;
}
.s4-partenaires .top .titre {
padding: 19px 0 10px;
font-weight: 400;
}
.s4-partenaires .top .link {
color: black;
}
.s4-partenaires .owl-carousel .item {
padding: 25px;
overflow: hidden;
height: 190px;
width: 190px;
border-radius: 100%;
box-shadow: rgba(0, 0, 0, 0.1) 10px 2px 17px;
}
.s4-partenaires .owl-carousel .item:hover .lien .image {
transform: scale(1.1);
}
.s4-partenaires .owl-carousel .item .lien {
height: 100%;
width: 100%;
}
.s4-partenaires .owl-carousel .item .lien .image {
height: 100%;
width: 100%;
object-fit: contain;
transition: all 0.2s ease-in-out;
}
@media (max-width: 1199px) {
.s4-partenaires {
padding-top: 80px;
padding-bottom: 110px;
}
.s4-partenaires .top {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 65px;
}
}.s4-gris-image {
margin: 150px 0 200px;
}
.s4-gris-image .carre {
background-color: #58595b;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
height: 616px;
border-radius: 20px;
}
.s4-gris-image .carre .texte {
max-width: 918px;
text-align: start;
color: white;
margin-bottom: 38px;
font-weight: 400;
font-size: 45px;
}
.s4-gris-image .carre .img {
width: 683px;
height: 371px;
border-radius: 274px;
position: absolute;
right: -240px;
bottom: -139px;
object-fit: cover;
}
@media (max-width: 1875px) {
.s4-gris-image .carre .img {
width: 557px;
height: 302px;
}
}
@media (max-width: 1670px) {
.s4-gris-image .carre .img {
width: 476px;
height: 251px;
right: -89px;
bottom: -96px;
}
}
@media (max-width: 1549px) {
.s4-gris-image .carre {
height: 534px;
}
.s4-gris-image .carre .img {
width: 475px;
height: 240px;
right: -200px;
bottom: -51px;
}
.s4-gris-image .carre .content {
padding: 104px;
}
.s4-gris-image .carre .content .texte {
font-size: 28px;
}
}
@media (max-width: 1199px) {
.s4-gris-image .carre {
height: fit-content;
}
.s4-gris-image .carre .img {
width: 314px;
height: 163px;
right: -68px;
bottom: -38px;
}
.s4-gris-image .carre .content {
padding: 112px 67px;
}
}
@media (max-width: 767px) {
.s4-gris-image {
margin: 43px 0 53px;
}
}
@media (max-width: 575px) {
.s4-gris-image .carre .content {
padding: 37px 27px;
}
.s4-gris-image .carre .content .texte {
font-size: 22px;
}
.s4-gris-image .carre .img {
display: none;
}
}