html, body {
    overflow-x: hidden;
}

body {
    font-family: 'Inter', sans-serif;
}

h1, .funky-heading {
    font-family: 'Michroma', sans-serif;
}

.footer-heading {
    font-family: 'Michroma', sans-serif;
}

h2 {
    font-family: 'Michroma', sans-serif;
}

h3, .font-poppins {
    font-family: 'Poppins', sans-serif;
}

.font-michroma {
    font-family: 'Michroma', sans-serif;
}

.fade-in {
    animation: fadeIn 0.6s ease-in-out forwards;
    opacity: 0;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

.hero-text-bg {
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black for contrast */
    padding: 1.5rem;
    border-radius: 0.75rem;
    display: inline-block; /* To wrap content */
    backdrop-filter: blur(4px); /* Optional: extra blur for readability */
}

.gradient-hero {
    background: linear-gradient(135deg, #8B5CF6, #EC4899, #F97316);
    background-size: 200% 200%;
    animation: gradient-animation 10s ease infinite;
}

@keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.card:hover, .card:focus-visible {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.service-logo {
    text-align: center;
    margin-bottom: 40px;
}

.logo {
    width: 150px; /* Adjust as needed */
    height: auto;
    display: block;
}

/* Blob animation for footer */
@keyframes blob {
    0% {
        transform: translate(0, 0) scale(1);
    }
    30% {
        transform: translate(30px, -50px) scale(1.1);
    }
    60% {
        transform: translate(-20px, 20px) scale(0.9);
    }
    100% {
        transform: translate(0, 0) scale(1);
    }
}

.animate-blob {
    animation: blob 7s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.animation-delay-2000 {
    animation-delay: 2s;
}

.animation-delay-4000 {
    animation-delay: 4s;
}


/* Hamburger Menu Icon */
.menu-icon { /* Changed from label.menu-icon */
  display:flex;
  flex-direction:column;
  width:50px; /* Reduced for mobile */
  cursor:pointer;
}

.menu-icon span { /* Changed from label.menu-icon span */
  background: #A855F7;
  border-radius:10px;
  height:5px; /* Reduced for mobile */
  margin: 6px 0; /* Adjusted for mobile */
  transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.menu-icon span:nth-of-type(1) { /* Changed from label.menu-icon span */
  width:50%;
}

.menu-icon span:nth-of-type(2) { /* Changed from label.menu-icon span */
  width:100%;
}

.menu-icon span:nth-of-type(3) { /* Changed from label.menu-icon span */
  width:75%;
}

/* Hamburger Menu Icon X transformation */
.menu-icon.open span:nth-of-type(1) {
  transform-origin:bottom;
  transform:rotatez(45deg) translate(6px,0px);
}

.menu-icon.open span:nth-of-type(2) {
  transform-origin:top;
  transform:rotatez(-45deg);
}

.menu-icon.open span:nth-of-type(3) {
  transform-origin:bottom;
  width:50%;
  transform: translate(22px,-9px) rotatez(45deg);
}



/* Mouse Follower */

#mouse-follower {
    position: fixed;
    width: 80px; /* Size of the circle */
    height: 80px;
    background: radial-gradient(circle, rgba(255,165,0,0.6) 0%, rgba(255,165,0,0) 70%); /* Orange fading out */
    border-radius: 50%;
    transform: translate(-50%, -50%); /* Center the circle on the mouse */
    pointer-events: none; /* Allow clicks to pass through */
    z-index: -2; /* Behind content, behind the main background gradient */
    transition: transform 0.1s ease-out; /* Smooth movement */
    filter: blur(20px); /* Soft blur effect */
    opacity: 0.7; /* Initial opacity */
}

/* Shooting Star */
.shooting-star {
    position: fixed;
    width: 3px; /* Size of the diamond */
    height: 3px; /* Size of the diamond */
    background-color: white;
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.7); /* White glow */
    transform: rotate(45deg); /* Diamond shape */
    animation: shoot 12s linear infinite; /* Slower animation, less frequent */
    opacity: 0; /* Hidden by default */
    z-index: -1;
}

@keyframes shoot {
    0% {
        transform: translate(0, 0) rotate(45deg); /* Start as diamond */
        opacity: 0;
    }
    1% {
        opacity: 1; /* Appear quickly */
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(150vw, 150vh) rotate(45deg); /* Longer path, maintain diamond */
        opacity: 0;
    }
}

/* Accessibility Improvements */
a:focus-visible, button:focus-visible {
    outline: 3px solid #A855F7;
    outline-offset: 2px;
    border-radius: 4px;
}

.menu-icon:focus-visible {
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  html, body {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

#animated-text-container {
    color: white; /* Changed to white */
}

/* Inspiration Section Enhancement */
.title-box {
  background: linear-gradient(to right, #a855f7, #e91e63); /* Purple to Pink */
  color: #fff;
  padding: 12px 30px;
  border-radius: 999px; /* Pill shape */
  display: inline-block;
  margin-bottom: 40px; /* More space */
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  border: none;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.inspiration-grid-legacy {
  font-family: 'Michroma', sans-serif;
  font-size: 2rem; /* 32px */
  line-height: 1.8;
  position: relative;
}

.grid-word {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  color: rgba(255, 255, 255, 0.2); /* Muted color for the words */
  transition: color 0.4s ease, transform 0.4s ease;
  text-transform: uppercase;
  padding: 0 1rem; /* Prevent text from touching edges on small screens */
  letter-spacing: 0.5em; /* Spacing between letters */
}

.inspiration-grid-legacy:hover .grid-word {
    color: rgba(255, 255, 255, 0.4);
}

.inspiration-grid-legacy .grid-word:hover {
    color: #fff;
    transform: scale(1.03);
}

.part-before {
  text-align: right;
}

.part-after {
  text-align: left;
}

.highlight-placeholder {
  color: transparent;
}

.teamwork {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  line-height: 1.8; /* Match .inspiration-grid-legacy line-height */
  font-size: 2.5rem; /* 40px, larger than the grid text */
  pointer-events: none; /* Allows hover effects on words behind it */
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}

.teamwork .highlight {
  text-shadow: 0 0 15px currentColor, 0 0 5px rgba(255, 255, 255, 0.5);
  transition: text-shadow 0.4s ease;
}

.inspiration-grid-legacy:hover .teamwork .highlight {
    text-shadow: 0 0 25px currentColor, 0 0 10px rgba(255, 255, 255, 0.8);
}

.highlight { font-weight: bold; }
.c1 { color: #e91e63; }
.c2 { color: #9c27b0; }
.c3 { color: #2196f3; }
.c4 { color: #009688; }
.c5 { color: #4caf50; }
.c6 { color: #ff9800; }
.c7 { color: #ff5722; }
.c8 { color: #795548; }

@media (max-width: 768px) {
  .inspiration-grid-legacy { font-size: 1.5rem; }
  .grid-word { letter-spacing: 0.2em; }
  .teamwork { font-size: 2rem; }
}

@media (max-width: 480px) {
  .inspiration-grid-legacy { font-size: 1rem; line-height: 2; }
  .teamwork { font-size: 1.5rem; line-height: 2; }
  .grid-word { letter-spacing: 0.1em; }
}

/* New styles for Teamwork Section */
.teamwork-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px; /* Adjust as needed */
    position: relative;
    font-family: 'Michroma', sans-serif;
}

.teamwork-letters {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.team-letter {
    font-size: 4rem; /* Adjust size as needed */
    font-weight: bold;
    color: white;
    line-height: 1;
    margin: 0; /* Remove default margins */
    padding: 0; /* Remove default padding */
}

.teamwork-container p {
    position: absolute;
    width: 30%; /* Adjust width as needed */
    line-height: 1.5;
    font-size: 1.2rem;
}

.teamwork-container p:first-of-type {
    left: 0;
    text-align: right;
}

.teamwork-container p:last-of-type {
    right: 0;
    text-align: left;
}

@media (max-width: 768px) {
    .teamwork-container {
        flex-direction: column;
        height: auto;
    }

    .teamwork-container p {
        position: static;
        width: 100%;
        text-align: center !important;
        margin-bottom: 1rem;
    }

    .teamwork-letters {
        position: static;
        transform: none;
        margin-bottom: 1rem;
    }

    .team-letter {
        font-size: 3rem;
    }
}
body {
  background-color: #9a2525;
  color:#fff;
}
.facts h1{
  color:#fff;
  text-align:center;
  font-family:'Josefin Sans';
  padding: 250px 50px;
}
.mg-btm {
  margin-bottom:1500px;
}

/* Shooting Star */
.shooting-star {
    position: fixed;
    width: 5px; /* Size of the diamond */
    height: 5px; /* Size of the diamond */
    background-color: white;
    box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.8); /* White glow */
    transform: rotate(45deg); /* Diamond shape */
    animation: shoot 10s linear infinite; /* Slower animation, less frequent */
    opacity: 0; /* Hidden by default */
    z-index: -1;
}

@keyframes shoot {
    0% {
        transform: translate(0, 0) rotate(45deg); /* Start as diamond */
        opacity: 0;
    }
    1% {
        opacity: 1; /* Appear quickly */
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(150vw, 150vh) rotate(45deg); /* Longer path, maintain diamond */
        opacity: 0;
    }
}