
.services-section{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:100%;margin:0 auto;padding:20px;display:grid}.service{text-align:center;background:#fff;border-radius:10px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px #0000001a}.service:hover{transform:translateY(-5px);box-shadow:6px 12px #00000026}.service-icon{color:#4788c7;margin-bottom:15px;font-size:70px}.service-description{color:#555;font-size:14px}@media (max-width:768px){.services-section{padding:10px}}.container-projects{flex-wrap:wrap;justify-content:center;width:100%;display:flex}.image-carousel{text-align:center;margin:20px 40px 20px 0}.carousel-container{width:300px;height:300px;display:inline-block;position:relative}.carousel-image{object-fit:cover;border-radius:10px;width:100%;height:100%;transition:opacity .5s}.image-carousel:hover .carousel-button{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;padding:10px;display:block;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button{display:none}.carousel-button.left{left:10px}.carousel-button.right{right:10px}.carousel-button:hover{background:#000000b3}.carousel-title{text-align:center;font-size:18px;display:none}.image-carousel:hover .carousel-title{word-break:break-word;color:#fff;display:block}.image-carousel{position:relative}.image-carousel img{width:100%;display:block}.image-carousel .carousel-title{z-index:1;box-sizing:border-box;background-color:#00000080;border-radius:0 0 10px 10px;width:100%;padding:10px;position:absolute;bottom:5px}
