:root {
            --primary-red: #d11746;
        }

           body {
            font-family: 'Poppins', sans-serif;
        }

        .slide-overlay {
            background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0.1) 60%, transparent 100%);
        }

        .slide-content {
            transform: translateX(-50px);
            opacity: 0;
            animation: slideInLeft 1s ease-out 0.5s forwards;
        }

        @keyframes slideInLeft {
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        .slide-content h1 {
            background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
        }

        .cta-button {
            background: linear-gradient(135deg, var(--primary-red) 0%, #b91439 100%);
            box-shadow: 0 8px 25px rgba(209, 23, 70, 0.4);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .cta-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s;
        }

        .cta-button:hover::before {
            left: 100%;
        }

        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 15px 40px rgba(209, 23, 70, 0.4);
        }

        /* Simple Swiper Navigation */
        .hero-slider .swiper-button-next,
        .hero-slider .swiper-button-prev {
            width: 60px;
            height: 60px;
            background: rgba(0, 0, 0, 0.7);
            border-radius: 50%;
            border: 2px solid rgba(255, 255, 255, 0.3);
            color: white;
            transition: all 0.3s ease;
        }

        .hero-slider .swiper-button-next:after,
        .hero-slider .swiper-button-prev:after {
            font-size: 20px;
            font-weight: bold;
        }

        .hero-slider .swiper-button-next:hover,
        .hero-slider .swiper-button-prev:hover {
            background: var(--primary-red);
            border-color: rgba(255, 255, 255, 0.6);
        }

        /* Simple Pagination */
        .hero-slider .swiper-pagination {
            bottom: 30px;
        }

        .hero-slider .swiper-pagination-bullet {
            background: rgba(255, 255, 255, 0.5);
            opacity: 1;
        }

        .hero-slider .swiper-pagination-bullet-active {
            background: var(--primary-red);
        }

        /* Services Card Styles */
        .group:hover .hover-fill-animation {
            clip-path: circle(150% at 50% 0%) !important;
        }

        .inverted-radius {
            --r: 20px;
            --s: 30px;
            --x: 20px;
            --y: 10px;

            width: 100%;
            height: 100%;
            background: #f3f4f6;
            border-radius: var(--r);
            --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
            --_g: conic-gradient(at calc(100% - var(--r)) var(--r), #0000 25%, #000 0);
            --_d: (var(--s) + var(--r));
            mask:
                calc(100% - var(--_d) - var(--x)) 0 var(--_m),
                100% calc(var(--_d) + var(--y)) var(--_m),
                radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
                var(--_g) calc(-1*var(--_d) - var(--x)) 0,
                var(--_g) 0 calc(var(--_d) + var(--y));
            mask-repeat: no-repeat;
        }

        /* Custom colors for services */
        :root {
            --primary-dark: #19183B;
            --primary-medium: #31326F;
            --light-gray: #F6F6F6;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .hero-slider .swiper-button-next,
            .hero-slider .swiper-button-prev {
                width: 50px;
                height: 50px;
            }

            .hero-slider .swiper-button-next:after,
            .hero-slider .swiper-button-prev:after {
                font-size: 18px;
            }
        }