@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Plus+Jakarta+Sans:wght@300;400;700;800&display=swap');

        :root {
            --tech-red: #e63946;
            --tech-green: #06d6a0;
            --tech-orange: #f3722c;
            --tech-blue: #0077b6;
        }

         body { 
            background-color: #020617; 
            color: white;
           
        }

@media (min-width: 1200px) {
    h3,
    .h3 {
        font-size: 1.75rem !important;
        font-weight: 500 !important;
    }
}

@media (min-width: 1200px) {
    h4,
    .h4 {
        font-size: 1.5rem !important;
        font-weight: 600 !important;
    }
}


@media (max-width: 768px) {

    h3,
    .h3 {
        font-size: 1.5rem !important;
        font-weight: 500 !important;
    }

    h4,
    .h4 {
        font-size: 1.5rem !important;
        font-weight: 600 !important;
    }
}
        .orbitron { font-family: 'Orbitron', sans-serif; }

        /* Tilted Box Style */
        .tilted-card {
            clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .tilted-card:hover {
            clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
            transform: scale(1.02);
        }

        /* Glassmorphism Effect */
        .glass-card {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
        }




        .glass-card:hover {
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.2);
            transform: translateY(-5px);
        }

        .bg-tech-red { background-color: var(--tech-red); }
        .bg-tech-green { background-color: var(--tech-green); }
        .bg-tech-orange { background-color: var(--tech-orange); }

        .glitch-bg {
            background: #020617;
            position: relative;
        }

        .neon-glow-red { box-shadow: 0 0 30px rgba(230, 57, 70, 0.3); }
        .neon-glow-green { box-shadow: 0 0 30px rgba(6, 214, 160, 0.3); }

        .scroll-text {
            white-space: nowrap;
            animation: scroll 25s linear infinite;
        }
        @keyframes scroll {
            0% { transform: translateX(100%); }
            100% { transform: translateX(-100%); }
        }

        .collage-img {
            filter: grayscale(100%) contrast(120%);
            transition: all 0.6s ease;
        }
        .collage-img:hover {
            filter: grayscale(0%) contrast(100%);
            transform: scale(1.03);
        }

        .video-section{
            position: relative;
            overflow: hidden;
            padding: 0;        
            min-height: 100vh; 
        }

        /* Background video */
        .bg-video{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 0;
        }

        .video-overlay{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.65);
            z-index: 1;
        }

        .video-section .container{
            position: relative;
            z-index: 2;
        }

        /* Zoom In/Out Pulse Effect */
        @keyframes zoom-pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.06); }
            100% { transform: scale(1); }
        }

        .btn-pulse {
            animation: zoom-pulse 1.2s infinite ease-in-out;
            will-change: transform; /* Optimizes browser rendering for smooth animation */
            transition: box-shadow 0.3s ease;
        }
        
        .btn-pulse:hover {
            box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2);
        }

        .btn-pulse i {
            transition: transform 0.3s ease;
        }

        .btn-pulse:hover i {
            transform: translateX(8px);
        }


      

        .navbar .navbar-nav .nav-item::after {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border: 0px solid var(--bs-primary) !important;
            transition: 0.5s;
        }

        .navbar .navbar-nav .nav-item::before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border: 0px solid var(--bs-primary) !important;
            transition: 0.5s;
        }



        /* 1. Tailwind ki default '.collapse' ko neutralize karein */
          .collapse:not(.show) {
            display: none !important;
          }
          
          .collapse {
            visibility: visible !important;
          }

          /* 2. Desktop pe Navbar ko hamesha dikhayein */
          @media (min-width: 992px) {
            .navbar-expand-lg .navbar-collapse {
              display: flex !important;
            }
          }

          /* 3. Dropdown Fix */
          .dropdown-toggle::after {
            display: inline-block !important;
          }
          
          .dropdown-menu.show {
            display: block !important;
          }



          img {
              display: inline-block !important; 
          }

          .text-center {
              text-align: center !important;
          }