*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Poppins;
    }
    
    body{
    background:rgb(245, 245, 245);
    color:black;
    }
    
    
    /* NAVBAR */
    
    .navbar{
    
    position:fixed;
    top:20px;
    left:50%;
    transform:translateX(-50%);
    
    width:90%;
    
    display:flex;
    justify-content:space-between;
    align-items:center;
    
    padding:15px 40px;
    
    background:rgba(255,255,255,0.2);
    backdrop-filter:blur(10px);
    
    border-radius:40px;
    
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
    
    z-index:1000;
    
    }
    
    
    /* LOGO */
    
    .logo{
    
    font-size:22px;
    font-weight:600;
    
    text-shadow:0px 3px 10px rgba(0,0,0,0.2);
    
    }
    
    
    /* MENU */
    
    .nav-links{
    
    display:flex;
    list-style:none;
    gap:30px;
    
    }
    
    .nav-links a{
    
    text-decoration:none;
    color:black;
    font-weight:500;
    position:relative;
    
    }
    
    
    /* HOVER EFFECT */
    
    .nav-links a::after{
    
    content:"";
    position:absolute;
    bottom:-5px;
    left:0;
    width:0%;
    height:2px;
    background:black;
    transition:0.3s;
    
    }
    
    .nav-links a:hover::after{
    
    width:100%;
    
    }
    
    
    /* DROPDOWN */
    
    .dropdown-menu{
    
    display:none;
    position:absolute;
    background:white;
    margin-top:10px;
    padding:10px;
    border-radius:10px;
    
    box-shadow:0 10px 20px rgba(0,0,0,0.1);
    
    }
    
    .dropdown-menu li{
    
    list-style:none;
    padding:5px 10px;
    
    }
    
    .dropdown:hover .dropdown-menu{
    
    display:block;
    
    }
    
    
    /* HERO */
    
    .hero{
    
    height:100vh;
    
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    
    }
    
    .hero h1{
    
    font-size:70px;
    
    letter-spacing:3px;
    
    animation:fadeUp 1s ease;
    
    }
    
    .hero p{
    
    margin-top:10px;
    font-size:20px;
    
    }
    
    
    .btn{
    
    margin-top:30px;
    
    padding:12px 35px;
    
    border:none;
    background:black;
    color:white;
    
    border-radius:30px;
    
    cursor:pointer;
    
    transition:0.3s;
    
    }
    
    .btn:hover{
    
    transform:scale(1.1);
    
    }
    
    
    /* SERVICES */
    
    .services{
    
    padding:100px 10%;
    
    text-align:center;
    
    }
    
    .service-container{
    
    margin-top:40px;
    
    display:grid;
    
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    
    gap:30px;
    
    }
    
    .card{
    
    padding:30px;
    
    border-radius:20px;
    
    background:white;
    
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
    
    transition:0.4s;
    
    }
    
    .card:hover{
    
    transform:translateY(-10px);
    
    }
    
    
    .about{
        padding:80px 10%;
        text-align:center;
        background: rgb(250,250,250);
        border-radius:20px;
        box-shadow: 0 15px 50px rgba(0,0,0,0.05);
        margin-top: -40px; /* hero ke neeche tight fit */
        font-family: 'Poppins', sans-serif;
      }
      
      /* Main Heading */
      .about h2{
        font-size:42px;
        font-weight:600;
        color: rgb(20,20,20);
        margin-bottom:20px;
        letter-spacing:1px;
      }
      
      /* Paragraph */
      .about p{
        font-size:18px;
        line-height:1.8;
        color: rgb(50,50,50);
        max-width:850px;
        margin: 0 auto 40px auto;
        font-weight:400;
      }
      
      /* Features container */
      .about-features{
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        gap:30px;
        margin-top:30px;
      }
      
      /* Each feature box */
      .feature{
        background: white;
        border-radius:15px;
        padding:25px;
        width:250px;
        box-shadow: 0 15px 35px rgba(0,0,0,0.08);
        transition:0.3s;
      }
      
      .feature h3{
        font-size:20px;
        margin-bottom:10px;
        color: rgb(20,20,20);
      }
      
      .feature p{
        font-size:16px;
        color: rgb(70,70,70);
        line-height:1.5;
      }
      
      /* Hover effect for premium feel */
      .feature:hover{
        transform: translateY(-10px);
        box-shadow: 0 20px 50px rgba(0,0,0,0.12);
      }
      
      /* Mobile responsive */
      @media(max-width:768px){
        .about-features{
          flex-direction:column;
          gap:20px;
        }
      
        .feature{
          width:100%;
        }
      
        .about h2{
          font-size:32px;
        }
      
        .about p{
          font-size:16px;
        }
      }
/* Initial hidden state */
.fade-up{
    opacity:0;
    transform: translateY(40px);
    transition: all 1s ease-out;
  }
  
  /* When visible */
  .fade-up.show{
    opacity:1;
    transform: translateY(0);
  }


  .video-inspire{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:80px 10%;
    gap:50px;
    flex-wrap:wrap;
    background: rgb(245,245,245);
    min-height:300px; /* ensures container visible */
    position:relative; /* for absolute children if any */
    overflow:visible;  /* make sure nothing hides */
  }
  
  
  .video-inspire video{
    width:500px;
    max-width:100%;
    border-radius:25px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    transition: transform 0.6s ease, box-shadow 0.6s ease;
  }
  
  /* Hover / slight zoom for wow effect */
  .video-inspire video:hover{
    transform: scale(1.05);
    box-shadow: 0 25px 80px rgba(0,0,0,0.2);
  }
  .video-container video{
    display:block; /* prevent collapsing */
    width:500px;
    max-width:100%;
    border-radius:25px;
  }


  
  .text-container{
    max-width:500px;
  }
  
  .text-container h2{
    font-size:36px;
    margin-bottom:20px;
    color: rgb(20,20,20);
    font-weight:600;
  }
  
  .text-container p{
    font-size:18px;
    line-height:1.8;
    color: rgb(50,50,50);
  }
  
  /* Fade Animations */
  .fade-left, .fade-right{
    opacity:0;
    transform: translateX(50px);
    transition: all 1s ease-out;
  }
  
  .fade-left.show{
    opacity:1;
    transform: translateX(0);
  }
  
  .fade-right{
    transform: translateX(-50px);
  }
  
  .fade-right.show{
    opacity:1;
    transform: translateX(0);
  }
  
  /* Mobile */
  @media(max-width:768px){
    .video-inspire{
      flex-direction:column-reverse;
      padding:50px 5%;
      gap:30px;
    }
    .text-container, .video-container{
      max-width:100%;
    }
    .text-container h2{
      font-size:28px;
    }
    .text-container p{
      font-size:16px;
    }
  }


/* Section layout */
.why-trust{
    padding:80px 10%;
    text-align:center;
    background: rgb(250,250,250);
    border-radius:20px;
    margin-top:60px;
    font-family: 'Poppins', sans-serif;
  }
  
  /* Heading */
  .why-trust h2{
    font-size:42px;
    color: rgb(20,20,20);
    margin-bottom:15px;
    letter-spacing:1px;
  }
  
  /* Subtitle */
  .why-trust p{
    font-size:18px;
    color: rgb(50,50,50);
    margin-bottom:50px;
  }
  
  /* Cards container */
  .trust-features{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:30px;
  }
  
  /* Individual card */
  .trust-card{
    background:white;
    border-radius:20px;
    padding:30px;
    width:250px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor:default;
  }
  
  .trust-card:hover{
    transform: translateY(-10px);
    box-shadow: 0 25px 60px rgba(0,0,0,0.12);
  }
  
  /* Card heading */
  .trust-card h3{
    font-size:20px;
    margin-bottom:10px;
    color: rgb(20,20,20);
  }
  
  /* Card paragraph */
  .trust-card p{
    font-size:16px;
    color: rgb(70,70,70);
    line-height:1.5;
  }
  
  /* Fade-up animation */
  .fade-up{
    opacity:0;
    transform: translateY(40px);
    transition: all 1s ease-out;
  }
  
  .fade-up.show{
    opacity:1;
    transform: translateY(0);
  }
  
  /* Mobile responsiveness */
  @media(max-width:768px){
    .trust-features{
      flex-direction:column;
      gap:20px;
    }
    .trust-card{
      width:100%;
    }
    .why-trust h2{
      font-size:32px;
    }
    .why-trust p{
      font-size:16px;
    }
  }







  .contact{
    padding:80px 10%;
    background: rgb(245,245,245);
    text-align:center;
    border-radius:20px;
  }
  
  .contact h2{
    font-size:42px;
    color: rgb(20,20,20);
    margin-bottom:15px;
  }
  
  .contact p{
    font-size:18px;
    color: rgb(50,50,50);
    margin-bottom:40px;
  }
  
  .contact-container{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:50px;
  }
  
  .contact-form{
    flex:1;
    min-width:300px;
    display:flex;
    flex-direction:column;
    gap:15px;
  }
  
  .contact-form input,
  .contact-form textarea{
    padding:12px 15px;
    border-radius:10px;
    border:1px solid #ccc;
    font-size:16px;
  }
  
  .contact-form button{
    padding:12px;
    border:none;
    border-radius:10px;
    background: rgb(20,20,20);
    color:white;
    font-size:16px;
    cursor:pointer;
    transition:0.3s;
  }
  
  .contact-form button:hover{
    background: rgb(50,50,50);
  }
  
  .contact-info{
    flex:1;
    min-width:250px;
    text-align:left;
    font-size:16px;
    color: rgb(50,50,50);
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:10px;
    min-height:100%;   
  }
  
  /* Fade animation */
  .fade-up{
    opacity:0;
    transform: translateY(40px);
    transition: all 1s ease-out;
  }
  .fade-up.show{
    opacity:1;
    transform: translateY(0);
  }
  
  /* Mobile */
  @media(max-width:768px){
    .contact-container{
      flex-direction:column;
      gap:30px;
    }
    .contact h2{
      font-size:32px;
    }
    .contact p{
      font-size:16px;
    }
  }
    
    /* MOBILE */
    
    .menu-toggle{
    
    display:none;
    font-size:25px;
    cursor:pointer;
    
    }
    
    
    @media(max-width:768px){
    
    .nav-links{
    
    position:absolute;
    top:80px;
    right:0;
    
    background:white;
    
    flex-direction:column;
    
    width:200px;
    
    padding:20px;
    
    display:none;
    
    }
    
    .nav-links.active{
    
    display:flex;
    
    }
    
    .menu-toggle{
    
    display:block;
    
    }
    
    }


/* Hidden by default */
.thank-card{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background: linear-gradient(145deg, #fffcf5, #ffe5d4);
    color: rgb(20,20,20);
    padding: 25px 40px;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(255,200,0,0.8), 0 0 60px rgba(255,150,0,0.6);
    font-size: 20px;
    text-align: center;
    z-index: 9999;
    transition: transform 0.5s ease, opacity 0.5s ease;
    opacity:0;
  }
  
  /* Show card */
  .thank-card.show{
    transform: translate(-50%, -50%) scale(1);
    opacity:1;
    animation: glowPulse 1.5s ease-in-out infinite alternate;
  }
  
  /* Glow animation */
  @keyframes glowPulse{
    0% { box-shadow: 0 0 20px rgba(255,200,0,0.6), 0 0 40px rgba(255,150,0,0.4); }
    100% { box-shadow: 0 0 35px rgba(255,220,0,0.9), 0 0 70px rgba(255,180,0,0.7); }
  }






    
    .footer{
        padding:40px 10%;
        background: rgb(20,20,20);
        color:white;
        text-align:center;
      }
      
      .footer-container p{
        margin-bottom:15px;
        font-size:16px;
      }
      
      .footer-links a{
        color:white;
        text-decoration:none;
        margin:0 5px;
        font-size:16px;
        transition:0.3s;
      }
      
      .footer-links a:hover{
        color: rgb(200,200,200);
      }
      
      /* Mobile */
      @media(max-width:768px){
        .footer-container p, .footer-links a{
          font-size:14px;
        }
        .footer-links{
          display:flex;
          flex-direction:column;
          gap:5px;
        }
      }
  
       
    .hero{

        margin-top:65px; /* navbar ke neeche */
        
        display:flex;
        justify-content:center;
        
        }
        
        /* slider box */
        
        .hero-slider{
        
        width:90%;
        height:70vh;
        
        position:relative;
        overflow:hidden;
        
        /* curved corners */
        
        border-radius:35px;
        
        /* cinematic glow */
        
        box-shadow:
        0 40px 80px rgba(0,0,0,0.35),
        0 0 70px rgba(255,255,255,0.12);
        
        }
        
        /* slides */
        
        .slide{
        
        position:absolute;
        width:100%;
        height:100%;
        
        top:0;
        left:100%;
        opacity: 0;
        transition:1s ease;
        
        }
        
        .slide img{
        
        width:100%;
        height:100%;
        
        /* image clear */
        
        object-fit:contain;
        
        }
        
        /* active slide */
        
        .slide.active{
        
        left:0;
        opacity: 1;
        
        }
        
        /* previous slide */
        
        .slide.prev{
        
        left:-100%;
        
        }
        
        
        /* mobile responsive */
        
        @media(max-width:768px){
        
        .hero{
        
        margin-top:100px;
        
        }
        
        .hero-slider{
        
        width:94%;
        height:50vh;
        
        }
        
        }

        .hero-slider::after{

            content:"";
            position:absolute;
            inset:0;
            border-radius:35px;
            
            box-shadow: inset 0 0 120px rgba(0,0,0,0.35);
            
            }