.section-services .col-md-3 {
     padding: 0 5px;
 }

 .service-card {
     height: 320px;
     position: relative;
     overflow: hidden;
     border-radius: 1px !important;
     cursor: pointer;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .service-card:hover,
 .service-card:focus {
     transform: translateY(-8px) scale(1.03);
     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
     outline: none;
     text-decoration: none;
 }

 .service-bg-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: transform 0.4s ease;
 }


 .service-text-overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 60px 15px 20px 15px;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
     box-sizing: border-box;
     color: #fff;
 }

 .service-title {
     font-weight: 700;
     font-size: 1.5rem;
     margin-bottom: 4px;
 }

 .service-description {
     font-size: 1rem;
     line-height: 1.3;
     max-height: 3.6em;
     overflow: hidden;
     text-overflow: ellipsis;
 }