/* Sharp Cut-out for cards */
        .sharp-cut {
            clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 0 100%);
        }
        .hero-title { line-height: 0.85; }
        @media (max-width: 768px) {
            .hero-title { line-height: 1; }
        }

        /* ===== SWIPER CLIP FIX =====
           Swiper has overflow:hidden by default, which clips the top and bottom
           of cards (cutting off rounded corners and box-shadows).
           We add vertical padding to the container and pull the section back
           with an equal negative margin so the overall layout doesn't shift. */
        .testimonialSwiper {
            /* Expose enough space above and below each card */
            padding-top: 16px !important;
            padding-bottom: 24px !important;
            /* Pull the container up/down so the extra padding doesn't add whitespace */
            margin-top: -16px;
            margin-bottom: -24px;
        }

        /* ===== MOBILE RESPONSIVENESS FIXES ===== */

        /* Testimonial Swiper — increase min height on mobile so cards aren't tiny */
        @media (max-width: 640px) {
            .testimonialSwiper .swiper-slide {
                min-height: 280px;
            }
            /* Prevent text/icon overflow in feature cards */
            .feature-card {
                flex-wrap: wrap;
            }
            .feature-card .flex-1 {
                min-width: 0;
            }
            /* Fix CTA section icon overflow */
            .cta-icon {
                min-width: 45px !important;
                min-height: 45px !important;
            }
        }

        /* Service cards — better sizing on small screens */
        @media (max-width: 480px) {
            .service-card,
            .srv-page-card {
                min-height: 260px;
            }
            .service-card .relative.z-10,
            .srv-page-card .relative.z-10,
            .spoiler-card .relative.z-10 {
                padding: 3rem 1.25rem 1.25rem 1.25rem !important;
            }
            .service-card h3,
            .srv-page-card h3 {
                font-size: 1.5rem;
            }
            .service-card p,
            .srv-page-card p {
                font-size: 0.875rem;
            }
            .service-card i,
            .srv-page-card i {
                width: 2rem;
                height: 2rem;
            }
        }

        /* Footer CTA box — scale down inline SVG icons on small screens */
        @media (max-width: 640px) {
            footer .bg-blueDark .inline-block svg {
                width: 35px;
                height: 30px;
            }
        }