/* Navbar neFooter start    Navbar neFooter start    Navbar neFooter start   Navbar neFooter start    Navbar neFooter start   Navbar neFooter start   Navbar neFooter start   Navbar neFooter startNavbar neFooter start    Navbar neFooter start */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
        }

        body {
            background-color: #0d0d0d;
            color: #f5f5f7;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        .container {
            flex: 1;
            padding: 40px 20px;
            max-width: 1200px;
            margin: 0 auto;
            text-align: center;
        }

        /* Navbar Styles */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 40px;
            background-color: rgba(13, 13, 13, 0.95);
            border-bottom: 1px solid #333;
            position: sticky;
            top: 0;
            z-index: 100;
            backdrop-filter: blur(10px);
        }

        .nav-left {
            display: flex;
            align-items: center;
            gap: 40px;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 20px;
            font-weight: 600;
            color: #fff;
            text-decoration: none;
        }

        .logo-img {
            width: 200px;
            height: 130px;
            object-fit: contain;
        }

         .logo1-img {
            width: 100px;
            height: 30px;
            object-fit: contain;
        }

         .logo2-img {
            width: 300px;
            height: 30px;
            object-fit: contain;
        }

        .logo-fallback {
            display: none;
        }

        /* Centered Navigation Links */
        .nav-center {
            display: flex;
            justify-content: center;
            flex: 1;
        }

        .nav-links {
            display: flex;
            list-style: none;
            gap: 32px;
        }

        .nav-links a {
            color: #a1a1aa;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            transition: color 0.2s;
            position: relative;
        }

        .nav-links a:hover {
            color: #fff;
        }

        .nav-links a::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, #6d28d9, #3b82f6);
            transition: width 0.3s;
        }

        .nav-links a:hover::after {
            width: 100%;
        }

        .nav-right {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        /* Enquire Now Button */
        .btn-enquire {
            background: linear-gradient(135deg, #6d28d9, #3b82f6);
            border: none;
            color: white;
            padding: 10px 20px;
            border-radius: 6px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            white-space: nowrap;
        }

        .btn-enquire:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(109, 40, 217, 0.3);
        }

        .btn-enquire i {
            font-size: 12px;
        }

        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            color: #a1a1aa;
            font-size: 20px;
            cursor: pointer;
            z-index: 1001;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 6px;
            transition: all 0.2s;
        }

        .mobile-menu-btn:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }

        /* Mobile Menu Styles */
        .mobile-nav-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            z-index: 999;
        }

        .mobile-nav-overlay.active {
            display: block;
        }

        .mobile-nav-menu {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: #0d0d0d;
            z-index: 1000;
            overflow-y: auto;
            padding: 80px 20px 40px;
        }

        .mobile-nav-menu.active {
            display: block;
            animation: slideIn 0.3s ease-out;
        }

        @keyframes slideIn {
            from { transform: translateX(-100%); }
            to { transform: translateX(0); }
        }

        .mobile-nav-header {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 20px;
            background-color: #0d0d0d;
            border-bottom: 1px solid #333;
        }

        .mobile-nav-logo {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 18px;
            font-weight: 600;
            color: #fff;
            text-decoration: none;
        }

        .mobile-close-btn {
            background: none;
            border: none;
            color: #a1a1aa;
            font-size: 24px;
            cursor: pointer;
            padding: 0;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.2s;
        }

        .mobile-close-btn:hover {
            background-color: rgba(255, 255, 255, 0.1);
            color: #fff;
        }

        .mobile-nav-links {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: 20px;
        }

        .mobile-nav-links li {
            width: 100%;
        }

        .mobile-nav-links a {
            display: block;
            color: #a1a1aa;
            text-decoration: none;
            font-size: 16px;
            font-weight: 500;
            padding: 16px 20px;
            border-radius: 8px;
            transition: all 0.2s;
            border: 1px solid transparent;
        }

        .mobile-nav-links a:hover {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.05);
            border-color: #333;
        }

        .mobile-nav-divider {
            height: 1px;
            background-color: #333;
            margin: 20px 0;
        }

        /* Footer Styles */
        .footer {
            background-color: #050505;
            border-top: 1px solid #222;
            padding: 60px 40px 40px;
            margin-top: auto;
        }

        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px;
        }

        .footer-section h3 {
            font-size: 14px;
            color: #a1a1aa;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 12px;
        }

        .footer-links a {
            color: #d4d4d8;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.2s;
        }

        .footer-links a:hover {
            color: #fff;
        }

        .footer-brand {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .footer-logo {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 18px;
            font-weight: 600;
            color: #fff;
            margin-bottom: 8px;
        }

        .footer-brand p {
            color: #a1a1aa;
            font-size: 14px;
            line-height: 1.5;
            max-width: 300px;
        }

        .footer-company-links {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-top: 16px;
        }

        .company-link {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #d4d4d8;
            text-decoration: none;
            font-size: 13px;
            padding: 6px 0;
            transition: color 0.2s;
        }

        .company-link:hover {
            color: #6d28d9;
        }

        .company-link i {
            font-size: 12px;
        }

        .footer-bottom {
            max-width: 1200px;
            margin: 60px auto 0;
            padding-top: 30px;
            border-top: 1px solid #222;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #71717a;
            font-size: 13px;
        }

        .footer-legal {
            display: flex;
            gap: 24px;
        }

        .footer-legal a {
            color: #71717a;
            text-decoration: none;
            transition: color 0.2s;
        }

        .footer-legal a:hover {
            color: #d4d4d8;
        }

       

        /* Responsive Design */
        @media (max-width: 992px) {
            .footer-content {
                grid-template-columns: 1fr 1fr;
            }
            
            .nav-links {
                gap: 20px;
            }
        }

        @media (max-width: 768px) {
            .navbar {
                padding: 12px 20px;
            }
            
            .nav-center {
                display: none;
            }
            
            .mobile-menu-btn {
                display: flex;
            }
            
            /* Smaller button on mobile */
            .btn-enquire {
                padding: 8px 15px;
                font-size: 13px;
            }
            
            .nav-right {
                gap: 12px;
            }
            
            .footer {
                padding: 40px 20px 30px;
            }
            
            .footer-content {
                grid-template-columns: 1fr;
                gap: 30px;
            }
            
            .footer-bottom {
                flex-direction: column;
                gap: 20px;
                text-align: center;
            }
            
            .footer-legal {
                flex-wrap: wrap;
                justify-content: center;
            }
        }

        @media (min-width: 769px) {
            /* Hide logo in left position on desktop */
            .nav-left .logo {
                display: none;
            }
            
            /* Show logo in center for desktop */
            .nav-center .desktop-logo {
                display: flex;
                align-items: center;
                gap: 8px;
                font-size: 20px;
                font-weight: 600;
                color: #fff;
                text-decoration: none;
                position: absolute;
                left: 40px;
            }
            
            /* Hide mobile enquire button on desktop */
            .btn-enquire.mobile-only {
                display: none;
            }
            
            /* Show desktop enquire button on desktop */
            .btn-enquire.desktop-only {
                display: flex;
            }
        }

        @media (max-width: 768px) {
            /* Show logo in left position on mobile */
            .nav-left .logo {
                display: flex;
            }
            
            /* Hide desktop logo on mobile */
            .nav-center .desktop-logo {
                display: none;
            }
            
            /* Show mobile enquire button on mobile */
            .btn-enquire.mobile-only {
                display: flex;
            }
            
            /* Hide desktop enquire button on mobile */
            .btn-enquire.desktop-only {
                display: none;
            }
            
            /* Adjust mobile logo size */
            .logo1-img {
                width: 80px;
                height: 24px;
            }
        }


         /* Header and Footer End    Header and Footer End     Header and Footer End        Header and Footer End    Header and Footer End   Header and Footer End   Header and Footer End  Header and Footer End Header and Footer End */






/* Start Banner              Start Banner        Start Banner          Start Banner           Start Banner             Start Banner           Start Banner           Start Banner            Start Banner */




           /* Reset only for banner elements */
        .banner-reset {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Fullscreen carousel container */
        .fullscreen-carousel {
            width: 100vw;
            height: 100vh;
            position: relative;
            overflow: hidden;
            background: #000;
        }

        /* Slides container */
        .carousel-slides {
            width: 400vw; /* 4 slides = 400% */
            height: 100%;
            display: flex;
            transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            will-change: transform; /* Optimize performance */
        }

        /* Individual slide */
        .carousel-slide {
            width: 100vw;
            height: 100%;
            position: relative;
            flex-shrink: 0;
        }

        /* Slide background images */
        .slide-bg {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            filter: brightness(0.85);
            backface-visibility: hidden; /* Prevent flickering */
            transform: translateZ(0); /* Hardware acceleration */
        }

        /* Gradient overlay */
        .slide-overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                135deg,
                rgba(0, 40, 85, 0.85) 0%,
                rgba(0, 0, 0, 0.6) 50%,
                rgba(0, 102, 204, 0.3) 100%
            );
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Content container */
        .slide-content {
            max-width: 1200px;
            width: 90%;
            padding: 3rem;
            color: white;
            text-align: center;
            backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.08);
            border-radius: 24px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
        }

        /* Slide-specific content variations */
        .slide-1 .slide-content {
            background: rgba(0, 40, 85, 0.15);
            border-color: rgba(0, 102, 204, 0.3);
        }

        .slide-2 .slide-content {
            background: rgba(85, 0, 40, 0.15);
            border-color: rgba(204, 0, 102, 0.3);
        }

        .slide-3 .slide-content {
            background: rgba(40, 85, 0, 0.15);
            border-color: rgba(102, 204, 0, 0.3);
        }

        .slide-4 .slide-content {
            background: rgba(85, 40, 0, 0.15);
            border-color: rgba(204, 102, 0, 0.3);
        }

        /* Tagline */
        .slide-tagline {
            font-size: 1.1rem;
            font-weight: 600;
            letter-spacing: 2px;
            margin-bottom: 1.5rem;
            text-transform: uppercase;
            color: #a3d5ff;
            display: inline-block;
        }

        /* Headline */
        .slide-headline {
            font-size: clamp(2.5rem, 5vw, 4rem);
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 1.5rem;
            background: linear-gradient(90deg, #ffffff, #a3d5ff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .slide-2 .slide-headline {
            background: linear-gradient(90deg, #ffffff, #ffa3d5);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .slide-3 .slide-headline {
            background: linear-gradient(90deg, #ffffff, #d5ffa3);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .slide-4 .slide-headline {
            background: linear-gradient(90deg, #ffffff, #ffd5a3);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* Description */
        .slide-description {
            font-size: clamp(1rem, 2vw, 1.3rem);
            line-height: 1.7;
            margin-bottom: 2.5rem;
            opacity: 0.9;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        /* CTA Button */
        .slide-button {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: linear-gradient(135deg, #0066cc, #0099ff);
            color: white;
            padding: 1.2rem 3rem;
            text-decoration: none;
            font-weight: 600;
            border-radius: 50px;
            font-size: 1.1rem;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            border: none;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

        .slide-2 .slide-button {
            background: linear-gradient(135deg, #cc0066, #ff0099);
        }

        .slide-3 .slide-button {
            background: linear-gradient(135deg, #66cc00, #99ff00);
        }

        .slide-4 .slide-button {
            background: linear-gradient(135deg, #cc6600, #ff9900);
        }

        .slide-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
        }

        /* Navigation controls */
        .carousel-controls {
            position: absolute;
            bottom: 30px;
            left: 0;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            z-index: 10;
        }

        /* Navigation dots */
        .carousel-dots {
            display: flex;
            gap: 12px;
        }

        .carousel-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

        .carousel-dot.active {
            background: white;
            transform: scale(1.2);
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
        }

        .carousel-dot:hover {
            background: rgba(255, 255, 255, 0.6);
        }

        /* Navigation arrows */
        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            background: rgba(0, 0, 0, 0.3);
            border: 2px solid rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 10;
            color: white;
            font-size: 1.5rem;
            backdrop-filter: blur(5px);
        }

        .carousel-arrow:hover {
            background: rgba(0, 0, 0, 0.5);
            border-color: rgba(255, 255, 255, 0.5);
            transform: translateY(-50%) scale(1.1);
        }

        .carousel-arrow.prev {
            left: 20px;
        }

        .carousel-arrow.next {
            right: 20px;
        }

        /* Progress bar */
        .carousel-progress {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: rgba(255, 255, 255, 0.1);
            overflow: hidden;
        }

        .progress-bar {
            height: 100%;
            background: linear-gradient(90deg, #0066cc, #0099ff);
            width: 25%; /* 25% per slide */
            transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* Responsive design */
        @media (max-width: 768px) {
            .fullscreen-carousel {
                height: 100vh;
            }
            
            .slide-content {
                padding: 2rem;
                width: 95%;
            }
            
            .carousel-arrow {
                width: 50px;
                height: 50px;
                font-size: 1.2rem;
            }
            
            .carousel-arrow.prev {
                left: 10px;
            }
            
            .carousel-arrow.next {
                right: 10px;
            }
            
            .carousel-controls {
                bottom: 20px;
            }
        }

        @media (max-width: 480px) {
            .slide-content {
                padding: 1.5rem;
            }
            
            .slide-headline {
                font-size: 2rem;
            }
            
            .slide-description {
                font-size: 1rem;
            }
            
            .slide-button {
                padding: 1rem 2rem;
                font-size: 1rem;
            }
            
            .carousel-arrow {
                width: 40px;
                height: 40px;
                font-size: 1rem;
            }
        }

        /* Prevent any layout shift or shaking */
        html, body {
            overflow-x: hidden;
            width: 100%;
        }

        .fullscreen-carousel * {
            backface-visibility: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* Autoplay indicator */
        .autoplay-indicator {
            position: absolute;
            bottom: 70px;
            right: 20px;
            z-index: 10;
            display: flex;
            align-items: center;
            gap: 8px;
            color: rgba(255, 255, 255, 0.7);
            font-size: 0.9rem;
            background: rgba(0, 0, 0, 0.3);
            padding: 6px 12px;
            border-radius: 20px;
            backdrop-filter: blur(5px);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .autoplay-indicator:hover {
            background: rgba(0, 0, 0, 0.5);
            color: white;
        }

        .autoplay-toggle {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #0099ff;
            position: relative;
        }

        .autoplay-toggle::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 6px;
            height: 6px;
            background: white;
            border-radius: 50%;
        }



        /* End Banner       End Banner           End Banner           End Banner          End Banner         End Banner          End Banner             End Banner   End Banner          End Banner        End Banner */














        /*** WOrd from lead strategis          WOrd from lead strategist               WOrd from lead strategist                WOrd from lead strategistt**/

.testimonial .testimonial-carousel {
    position: relative;
}

.testimonial .testimonial-carousel .owl-dots {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial .testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: var(--bs-light);
    border: 1px solid var(--bs-primary);
    border-radius: 10px;
    transition: 0.5s;
}

.testimonial .testimonial-carousel .owl-dot.active {
    width: 40px;
    background: var(--bs-primary);
}

        /*** WOrd from lead strategis          WOrd from lead strategist               WOrd from lead strategist                WOrd from lead strategistt**/

 

/*** Home Page mabox etext card and picture   Home Page mabox etext card and picture       Home Page mabox etext card and picture       Home Page mabox etext card and picture  Home Page mabox etext card and picture ***/


        .insights-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 0;
  height: 100vh;
}

.card {
  position: relative;
  padding: 30px;
  min-height: 280px;
  color: white;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.text-card h3 {
  font-size: 1.4rem;
  margin-bottom: 15px;
}

.text-card p {
  font-size: 0.95rem;
  line-height: 1.5;
}

.text-card a {
  display: inline-block;
  margin-top: 20px;
  color: white;
  text-decoration: none;
  font-weight: 600;
}

.image-card {
  padding: 0;
}

.image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Colors */
.blue { background: #4f7cff; }
.purple { background: #7a6fb3; }
.teal { background: #3b9db3; }
.green { background: #1aa39a; }

/* Hover effect */
.card:hover {
  transform: scale(1.02);
  transition: 0.3s ease;
  z-index: 1;
}

/* Responsive */
@media (max-width: 900px) {
  .insights-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, 1fr);
    height: auto;
  }
}

@media (max-width: 600px) {
  .insights-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}



/*** Home Page mabox etext card and picture   Home Page mabox etext card and picture       Home Page mabox etext card and picture       Home Page mabox etext card and picture  Home Page mabox etext card and picture ***/









/*** Contact yepahome page   Contact yepahome page     Contact yepahome page           Contact yepahome page         Contact yepahome page  Contact yepahome page            Contact yepahome page    ***/


/* Section */
.contact-section {
  padding: clamp(60px, 8vw, 100px) 20px;
  background: linear-gradient(135deg, #0a0a0a 0%, #000000 50%, #111111 100%);
  position: relative;
  overflow: hidden;
}

.contact-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
}

/* Form Container */
.oneindig-form {
  max-width: 560px;
  margin: auto;
  padding: clamp(30px, 4vw, 50px);
  background: #1a1a1a;
  border-radius: 20px;
  box-shadow: 
    0 4px 24px rgba(0, 0, 0, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.3);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  border: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  backdrop-filter: blur(10px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.oneindig-form:hover {
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.7),
    0 2px 4px rgba(0, 0, 0, 0.4);
  border-color: rgba(255, 255, 255, 0.12);
}

/* Header */
.form-header {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
}

.form-header::after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, #fff, #aaa);
  border-radius: 2px;
}

.form-header h2 {
  font-size: clamp(24px, 3vw, 32px);
  margin-bottom: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.01em;
}

.form-header p {
  font-size: 15px;
  color: #aaa;
  line-height: 1.6;
  max-width: 400px;
  margin: 0 auto;
}

/* Grid */
.form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 8px;
}

/* Inputs */
.form-group {
  margin-bottom: 24px;
}

.form-group label {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
  color: #ddd;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.oneindig-form input,
.oneindig-form select,
.oneindig-form textarea {
  width: 100%;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1.5px solid #333;
  font-size: 15px;
  background: #222;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: #fff;
  font-family: inherit;
}

.oneindig-form textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.5;
}

.oneindig-form input:hover,
.oneindig-form select:hover,
.oneindig-form textarea:hover {
  border-color: #555;
  background: #252525;
}

.oneindig-form input:focus,
.oneindig-form select:focus,
.oneindig-form textarea:focus {
  outline: none;
  border-color: #fff;
  background: #252525;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}

.oneindig-form input::placeholder,
.oneindig-form textarea::placeholder,
.oneindig-form select:invalid {
  color: #888;
  opacity: 1;
}

/* Style for select dropdown */
.oneindig-form select option {
  background: #1a1a1a;
  color: #fff;
  padding: 12px;
}

/* Full width for message field */
.form-group.full-width {
  grid-column: 1 / -1;
}

/* Button */
.submit-container {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.oneindig-form button {
  width: 100%;
  padding: 16px 24px;
  border-radius: 12px;
  border: none;
  background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);
  color: #000;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  letter-spacing: 0.02em;
  position: relative;
  overflow: hidden;
}

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

.oneindig-form button:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 8px 24px rgba(255, 255, 255, 0.15),
    0 2px 6px rgba(255, 255, 255, 0.08);
  background: linear-gradient(135deg, #fff 0%, #fff 100%);
}

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

.oneindig-form button:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
}

/* Focus states for accessibility */
.oneindig-form input:focus-visible,
.oneindig-form select:focus-visible,
.oneindig-form textarea:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Validation styles */
.oneindig-form input:invalid:not(:placeholder-shown),
.oneindig-form textarea:invalid:not(:placeholder-shown) {
  border-color: #ff4444;
}

.oneindig-form input:valid:not(:placeholder-shown),
.oneindig-form textarea:valid:not(:placeholder-shown) {
  border-color: #00c851;
}

/* Mobile */
@media (max-width: 640px) {
  .contact-section {
    padding: 40px 16px;
  }
  
  .form-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .oneindig-form {
    padding: 24px 20px;
    border-radius: 16px;
  }
  
  .form-header {
    margin-bottom: 32px;
  }
  
  .form-header::after {
    bottom: -12px;
    width: 32px;
  }
  
  .form-group {
    margin-bottom: 20px;
  }
  
  .oneindig-form input,
  .oneindig-form select,
  .oneindig-form textarea {
    padding: 12px 14px;
    font-size: 16px;
  }
  
  .submit-container {
    margin-top: 24px;
    padding-top: 20px;
  }
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
  .contact-section {
    background: linear-gradient(135deg, #000 0%, #111 100%);
  }
  
  .oneindig-form {
    background: #151515;
  }
  
  .oneindig-form input,
  .oneindig-form select,
  .oneindig-form textarea {
    background: #1a1a1a;
  }
  
  .oneindig-form input:hover,
  .oneindig-form select:hover,
  .oneindig-form textarea:hover {
    background: #202020;
  }
}

/* Optional: Add some glowing effect for premium look */
@keyframes subtleGlow {
  0%, 100% {
    box-shadow: 
      0 4px 24px rgba(0, 0, 0, 0.5),
      0 1px 2px rgba(0, 0, 0, 0.3),
      0 0 0 1px rgba(255, 255, 255, 0.08);
  }
  50% {
    box-shadow: 
      0 4px 24px rgba(0, 0, 0, 0.5),
      0 1px 2px rgba(0, 0, 0, 0.3),
      0 0 0 1px rgba(255, 255, 255, 0.12);
  }
}

.oneindig-form {
  animation: subtleGlow 4s ease-in-out infinite;
}

/*** Contact yepahome page   Contact yepahome page     Contact yepahome page           Contact yepahome page         Contact yepahome page  Contact yepahome page            Contact yepahome page    ***/






/*half banner                      half banner                       half banner                      half banner half banner               half banner               half banner */



  .banner-content {
            max-width: 900px;
            padding: 2rem;
            z-index: 2;
        }
        
        .careers-banner h1 {
            font-size: 3.5rem;
            margin-bottom: 1.5rem;
            font-weight: 700;
            letter-spacing: -0.5px;
            background: linear-gradient(90deg, #ffffff, #a3d5ff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .careers-banner p {
            font-size: 1.3rem;
            opacity: 0.9;
            line-height: 1.7;
            margin-bottom: 2.5rem;
            color: #d4d4d8;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .banner-cta {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: linear-gradient(135deg, #6d28d9, #3b82f6);
            color: white;
            padding: 14px 32px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            font-size: 1.1rem;
        }
        
        .banner-cta:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(109, 40, 217, 0.3);
        }

        /*half banner                      half banner                       half banner                      half banner half banner               half banner               half banner */