/* Custom Styles */
body {
    font-family: 'Poppins', sans-serif;
    color: #0A192F;
  }
  
  .hero {
    position: relative;
    height: 100vh;
    overflow: hidden;
  }
  
  #bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .hero-content {
    z-index: 1;
    color: #CCD6F6;
  }
  
  .about img {
    max-width: 100%;
    height: auto;
  }
  
  .card {
    transition: transform 0.3s ease;
  }
  
  .card:hover {
    transform: translateY(-10px);
  }
  
  .social-links .btn {
    margin: 5px;
  }

  /* Ensure all carousel images have the same size */
.carousel-image {
    width: 100%; /* Make images responsive */
    height: 300px; /* Set a fixed height */
    object-fit: cover; /* Ensure images cover the area without distortion */
    border-radius: 5px 5px 0 0; /* Match card's border radius */
  }

/* Typing Animation */
.typing-animation {
    overflow: hidden; 
    border-right: 0.15em solid #6495ed; 
    white-space: nowrap; 
    margin: 0 auto; 
    letter-spacing: 0.15em; 
    animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
  }
  

  @keyframes typing {
    from {
      width: 0;
    }
    to {
      width: 100%;
    }
  }
  
  
  @keyframes blink-caret {
    from,
    to {
      border-color: transparent;
    }
    50% {
      border-color: #6495ed;
    }
  }

  
/* Responsive Adjustments for Mobile */
@media (max-width: 768px) {
    .typing-animation {
      font-size: 1.8rem; /* Smaller font size for mobile */
      white-space: normal; /* Allow text to wrap */
      border-right: none; /* Remove cursor on mobile */
      animation: none; /* Disable typing animation on mobile */
    }
  
    .hero-content {
      max-width: 100%; /* Full width on mobile */
      padding: 0 20px; /* Add padding to prevent text from touching edges */
    }
  }