* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Exo', sans-serif;
            overflow-x: hidden;
        }
 

         .hero-slider {
            position: relative;
            overflow: hidden;
        }

        /* Slide Styles */
        .slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            pointer-events: none;
            visibility: hidden;
        }

        /* Slide 1: Page load पर active */
        .slide[data-slide="1"] {
            opacity: 1;
            visibility: visible;
            z-index: 2;
        }

        .slide.active {
            opacity: 1;
            pointer-events: auto;
            z-index: 3;
            visibility: visible;
        }

        .slide.exiting {
            z-index: 2;
            opacity: 1;
            visibility: visible;
        }

        /* Slide Image */
        .slide-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(1);
        }

        /* Slide 1: बिना curtain के, सिर्फ zoom */
        .slide[data-slide="1"] .slide-image {
            clip-path: none !important;
            animation: zoomInContinuous 10s ease-out forwards;
        }

        /* Slide 2 और 3: Enhanced Curtain Effect */
        .slide[data-slide="2"] .slide-image,
        .slide[data-slide="3"] .slide-image {
            animation: curtainFallEnhanced 2s cubic-bezier(0.65, 0, 0.35, 1) forwards, 
                       zoomInContinuous 10s ease-out forwards;
        }

        /* Enhanced Zoom Animation */
        @keyframes zoomInContinuous {
            0% {
                transform: scale(1);
            }
            100% {
                transform: scale(1.15);
            }
        }

        /* Enhanced Curtain Fall Effect - ज्यादा smooth और dramatic */
        @keyframes curtainFallEnhanced {
            0% {
                clip-path: inset(0 0 100% 0);
                filter: brightness(0.7);
            }
            50% {
                filter: brightness(0.9);
            }
            100% {
                clip-path: inset(0 0 0 0);
                filter: brightness(1);
            }
        }

        /* Content Animation - Center aligned */
        .slide-content {
            opacity: 0;
            transform: translateY(100px) scale(0.95);
        }

        .slide[data-slide="1"] .slide-content {
            animation: contentAppear 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s forwards;
        }

        .slide.active .slide-content {
            animation: contentAppear 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) 1s forwards;
        }

        @keyframes contentAppear {
            0% {
                opacity: 0;
                transform: translateY(100px) scale(0.95);
            }
            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        /* Brand Title Animation */
        .brand-title {
            display: inline-block;
            opacity: 0;
        }

        .slide[data-slide="1"] .brand-title {
            animation: brandAppear 1s ease-out 0.2s forwards;
        }

        .slide.active .brand-title {
            animation: brandAppear 1s ease-out 0.8s forwards;
        }

        @keyframes brandAppear {
            0% {
                opacity: 0;
                transform: translateY(-30px);
                letter-spacing: 20px;
            }
            100% {
                opacity: 1;
                transform: translateY(0);
                letter-spacing: 0.1em;
            }
        }

        /* Slider Controls */
        .slider-nav {
            position: absolute;
            bottom: 60px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 10;
            display: flex;
            gap: 15px;
        }

        .slider-dot {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.3);
            border: 2px solid white;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
        }

        .slider-dot::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 0;
            height: 0;
            background: white;
            border-radius: 50%;
            transition: all 0.4s ease;
        }

        .slider-dot:hover {
            background: rgba(255, 255, 255, 0.6);
            transform: scale(1.2);
        }

        .slider-dot.active {
            width: 50px;
            border-radius: 7px;
            background: white;
        }

        .slider-dot[data-slide="1"] {
            display: none;
        }

        /* Scroll Indicator */
        .scroll-indicator {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            animation: bounce 2s infinite;
            opacity: 0;
            z-index: 10;
        }

        .slide[data-slide="1"] .scroll-indicator {
            animation: bounce 2s infinite, fadeInScroll 1s 2s forwards;
        }

        .slide.active .scroll-indicator {
            animation: bounce 2s infinite, fadeInScroll 1s 2s forwards;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateX(-50%) translateY(0);
            }
            40% {
                transform: translateX(-50%) translateY(-15px);
            }
            60% {
                transform: translateX(-50%) translateY(-8px);
            }
        }

        @keyframes fadeInScroll {
            to {
                opacity: 1;
            }
        }

        /* Button Enhanced Hover Effects */
        .cta-button {
            position: relative;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .cta-button::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.25);
            transform: translate(-50%, -50%);
            transition: width 0.6s, height 0.6s;
        }

        .cta-button:hover::before {
            width: 400px;
            height: 400px;
        }

        .cta-button:hover {
            transform: translateY(-3px);
        }

        /* Gradient Overlay Enhancement */
        .gradient-overlay {
            background: linear-gradient(
                to right,
                rgba(0, 0, 0, 0.95) 0%,
                rgba(0, 0, 0, 0.7) 50%,
                transparent 100%
            );
        }

        /* Responsive */
        @media (max-width: 768px) {
            .slide-content {
                transform: translateY(60px) scale(0.95);
            }

            .slider-nav {
                bottom: 40px;
            }

            .slider-dot {
                width: 10px;
                height: 10px;
            }

            .slider-dot.active {
                width: 35px;
            }
        }
 


        /* project swiper */
    .swiper-pagination-bullet {
      background: #c9c9c9 !important;
      opacity: 1 !important;
      width: 10px;
      height: 10px;
      transition: all 0.3s ease;
    }

    .swiper-pagination-bullet-active {
      background: #1b395d !important;
      width: 14px !important;
      height: 14px !important;
    }

     

    /* about us 1 section css */
    .parallax-image {
            transition: transform 0.5s ease-out;
        }

       @keyframes wapulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 14px rgba(34, 197, 94, 0.45);
    }
    50% {
        transform: scale(1.12);
        box-shadow: 0 0 26px rgba(34, 197, 94, 0.75);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 14px rgba(34, 197, 94, 0.45);
    }
}
.animate-wapulse {
    animation: wapulse 1.6s infinite ease-in-out;
}

/* project section */
  .card-desc { transition: opacity 0.4s ease 0.2s, max-height 0.4s ease 0.2s; }
    .card-btn  { transition: opacity 0.4s ease 0.3s, max-height 0.4s ease 0.3s; }

       @media (max-width: 1024px) {
            .service-card {
                flex: 0 0 85% !important;
                max-height: 420px;
            }
        }