.services-container{ display:-webkit-box; display:-ms-flexbox; display:flex; gap:20px; width:100%; margin:0px auto; margin-top:2em}.services-container .card-link{ -webkit-box-flex:1; -ms-flex:1; flex:1; text-decoration:none; color:inherit; border-radius:10px; overflow:hidden; -webkit-box-shadow:0 4px 12px rgba(0,0,0,0.08); box-shadow:0 4px 12px rgba(0,0,0,0.08); -webkit-transition:-webkit-box-shadow 0.3s,-webkit-transform 0.3s; transition:-webkit-box-shadow 0.3s,-webkit-transform 0.3s; -o-transition:box-shadow 0.3s,transform 0.3s; transition:box-shadow 0.3s,transform 0.3s; transition:box-shadow 0.3s,transform 0.3s,-webkit-box-shadow 0.3s,-webkit-transform 0.3s; display:-webkit-box; display:-ms-flexbox; display:flex}.services-container .card-link:hover{ -webkit-box-shadow:0 8px 20px rgba(0,0,0,0.15); box-shadow:0 8px 20px rgba(0,0,0,0.15); -webkit-transform:translateY(-3px); -ms-transform:translateY(-3px); transform:translateY(-3px)}.services-container .service-card{ background-color:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; position:relative; min-height:450px; width:100%}.services-container .card-image-wrapper{ position:relative; height:200px; z-index:2}.services-container .card-image-placeholder{ height:100%; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; top:0; left:0; -webkit-transition:-webkit-transform 0.3s ease-out; transition:-webkit-transform 0.3s ease-out; -o-transition:transform 0.3s ease-out; transition:transform 0.3s ease-out; transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out}.services-container .card-image-wrapper::after{ content:''; position:absolute; bottom:-35px; left:0; border:0px solid red; width:105%; height:35px; background-color:#fff; -webkit-transform:skewY(-2.5deg); -ms-transform:skewY(-2.5deg); transform:skewY(-2.5deg); -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; z-index:3; -webkit-transition:bottom 0.3s ease-out,-webkit-transform 0.3s ease-out; transition:bottom 0.3s ease-out,-webkit-transform 0.3s ease-out; -o-transition:transform 0.3s ease-out,bottom 0.3s ease-out; transition:transform 0.3s ease-out,bottom 0.3s ease-out; transition:transform 0.3s ease-out,bottom 0.3s ease-out,-webkit-transform 0.3s ease-out}.services-container .card-link:hover .card-image-wrapper::after{    -webkit-transform:skewY(0deg);    -ms-transform:skewY(0deg);    transform:skewY(0deg)}.services-container .placeholder-intellectuelle{    background-image:url('../images/services/avocat-droit-propriete-intellectuelle-industrielle-toulouse.webp')}.services-container .placeholder-contrat{    background-image:url('../images/services/avocat-droit-des-contrats-toulouse.webp')}.services-container .placeholder-distribution{    background-image:url('../images/services/avocat-droit-distribution-concurrence-toulouse.webp')}html.no-webp .services-container .placeholder-intellectuelle{    background-image:url('../images/services/avocat-droit-propriete-intellectuelle-industrielle-toulouse.jpg')}html.no-webp .services-container .placeholder-contrat{    background-image:url('../images/services/avocat-droit-des-contrats-toulouse.jpg')}html.no-webp .services-container .placeholder-distribution{    background-image:url('../images/services/avocat-droit-distribution-concurrence-toulouse.jpg')}.services-container .card-content{ padding:20px; padding-top:30px; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-transition:padding-top 0.3s ease-out; -o-transition:padding-top 0.3s ease-out; transition:padding-top 0.3s ease-out}.services-container h3{ text-align:left; margin-top:5px;  color:#333; color:rgb(50,92,121); font-weight:bold; font-size:1.35em; min-height:3em; margin-bottom:1em}.services-container p{ font-size:1em; color:#666; line-height:1.4; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; margin-bottom:0px}.services-container .more-info-style{ text-decoration:none; font-size:1em; color:rgb(50,92,121);  border-bottom:none; display:inline-block; padding-bottom:10px;  position:relative; -webkit-transition:color 0.3s; -o-transition:color 0.3s; transition:color 0.3s;  margin-top:30px}.services-container .more-info-style::after{ content:''; display:block; position:absolute; bottom:0; left:0;  width:20px; height:2px; background-color:rgb(50,92,121);  -webkit-transition:width 0.3s ease-out,background-color 0.3s,height 0.3s; -o-transition:width 0.3s ease-out,background-color 0.3s,height 0.3s; transition:width 0.3s ease-out,background-color 0.3s,height 0.3s}.services-container .card-link:hover .more-info-style{ color:rgb(50,92,121)}.services-container .card-link:hover .more-info-style::after{  width:90px; height:2px; background-color:rgb(50,92,121)}.services-container .card-icon-overlay{ position:absolute; top:165px; left:20px; width:60px; height:60px; background-color:rgba(0,0,0,0.8); border-radius:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:1.2em; z-index:10; -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3); box-shadow:0 2px 5px rgba(0,0,0,0.3)}.card-icon-overlay svg{ width:60%; height:60%; fill:#fff; position:absolute; top:50%; left:50%;  -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}.card-icon-overlay .svg-chariot{ left:45%}@media (max-width:1250px){ .services-container h3{ min-height:4.5em}}@media (max-width:900px){ .services-container{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; gap:30px; max-width:650px} .services-container h3{ min-height:auto}}