/* Target only around 1024px (desktop/tablet breakpoint) */
@media (min-width: 1024px) and (max-width: 1024px) {
    #our-services-section .card {
        min-height: 190px;
        /* increase card height */
    }

    #our-services-section .card .position-absolute h5 {
        font-size: 0.95rem;
        /* decrease heading font size */
    }

    #our-services-section .card .position-absolute p {
        font-size: 0.85rem;
        /* decrease paragraph font size */
    }
}

    .contact-hero-section {
    position: relative;
    height: 40vh;
    /* smaller height as requested */
    background: url('/assets/images/service1.jpg') center/cover no-repeat;
}


.custom-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.custom-hover:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}