@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
  font-family: 'Indu-Normal';
  src: url('../fonts/ML-TTIndulekha-Normal.ttf')  format('truetype');
}
@font-face {
  font-family: 'Indu-Bold';
  src: url('../fonts/ML-TTIndulekha-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'Indu-Extrabold';
  src: url('../fonts/ML-TTIndulekha-Extrabold.ttf')  format('truetype');
}
:root {
  --color-navy-dark: #071D33;
  --color-navy: #0A2540;
  --color-teal: #67be58;
  --color-teal-light: #E6F4F0;
  --color-green: #00A86B;
}
.mainheading span.text-brand-green.english-font {
    font-size: 70%;
    font-weight: bold !important;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem; /* Offset for the sticky header */
}

.english-font, a, .font-sans {
   font-family: "Raleway", sans-serif !important;
}
body {
  font-family: "Raleway", sans-serif !important;
  color: var(--color-navy);
  background-color: #FCFDFD;
  overflow-x: hidden;
  letter-spacing: -.2px;
}

/* Custom Malayalam Font Helper */
.font-malayalam {
font-family: 'Indu-Normal' !important;
  line-height: 1.6;
}
.font-malayalam-bold {
font-family: 'Indu-Bold' !important;
  line-height: 1.6;
}
.font-malayalam-extrabold {
font-family: 'Indu-Extrabold' !important;
  font-weight: bolder !important;
}
/* Watercolor background themes */
.watercolor-bg-hero {
  background: 
    radial-gradient(circle at 10% 20%, rgba(230, 244, 240, 0.8) 0%, rgba(255, 255, 255, 0) 50%),
    radial-gradient(circle at 90% 10%, rgba(220, 235, 245, 0.7) 0%, rgba(255, 255, 255, 0) 50%),
    radial-gradient(circle at 50% 90%, rgba(245, 245, 245, 0.5) 0%, rgba(255, 255, 255, 0) 80%);
}

.watercolor-bg-soft {
  background: 
    radial-gradient(circle at 0% 50%, rgba(230, 244, 240, 0.5) 0%, rgba(255, 255, 255, 0) 40%),
    radial-gradient(circle at 100% 50%, rgba(220, 235, 245, 0.4) 0%, rgba(255, 255, 255, 0) 40%);
}

.watercolor-bg-accent {
  background: 
    radial-gradient(circle at 90% 80%, rgba(230, 244, 240, 0.6) 0%, rgba(255, 255, 255, 0) 50%),
    radial-gradient(circle at 10% 90%, rgba(220, 235, 245, 0.6) 0%, rgba(255, 255, 255, 0) 50%);
}

/* Glassmorphism Styles */
.glass-nav {
  background: rgba(252, 253, 253, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(230, 244, 240, 0.5);
}

.glass-card {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.glass-card-hover {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card-hover:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 20px 40px -15px rgba(10, 37, 64, 0.08);
  border-color: rgba(0, 128, 96, 0.2);
}

/* Animations using CSS transitions + Intersection Observer */
.animate-fade-in-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.animate-fade-in-up.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.animation-delay-200 {
  transition-delay: 200ms !important;
}

.animation-delay-400 {
  transition-delay: 400ms !important;
}

/* Navigation Indicator Animation */
.nav-link {
  position: relative;
  transition: color 0.3s ease;
}

.nav-link::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--color-teal);
  transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.nav-link.active-nav {
  color: var(--color-teal);
  font-weight: 600;
}

.nav-link.active-nav::after {
  width: 100%;
}

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

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f8fafc;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Accordion transition styles */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.4s ease;
}

.accordion-item.active .accordion-content {
  max-height: 500px;
  padding-bottom: 1.5rem;
}

.accordion-chevron {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.accordion-item.active .accordion-chevron {
  transform: rotate(180deg);
}

/* Custom styled placeholder images/visual slots */
.placeholder-visual {
  position: relative;
  background: linear-gradient(135deg, rgba(230, 244, 240, 0.6) 0%, rgba(220, 235, 245, 0.6) 100%);
  border: 2px dashed rgba(0, 128, 96, 0.15);
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 250px;
}

.placeholder-visual::before {
  content: 'Visual Asset Area';
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-teal);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
img.logo.object-contain {
    width: 100px;
}
header.fixed.shadow-md img.logo.object-contain {
    width: 80px !important;
}
header.fixed.shadow-md {
  padding-bottom: 0px !important;
}
.tagin {
    background: #2A7B9B;
    background: linear-gradient(90deg, #7abb43 0%, #54a85d 50%, #63ad71 100%);
        color: white !important;
    font-weight: bold !important;
    line-height: 1 !important;
    margin-bottom: 20px;
    padding: 10px 20px 10px 20px !important;
}
.mainbutton svg {
    position: relative;
    top: -3px;
}
.mainbutton {
    padding: 20px 30px 14px 30px !important;
    line-height: 1;
}
.nav-link {
    position: relative;
    transition: color 0.3s ease;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: -.2px !important;
}
.chartbanner {
    background-image: url(../images/chartbanner.webp);
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}
.cfont {
    font-family: fantasy;
    font-weight: bold !important;
    line-height: 1.2 !important;
    margin-top: 4px;
    font-size: 14px !important;
}

body {
    font-weight: 500;
}
.mb-1 {
    margin-bottom: 10px !important;
}
section#home {

}
section#about, section#learn, section#philosophy {
    background-size: cover;
    background-position: center;
    background: linear-gradient(180deg, #020719 0%, #000412 100%);
}

.kingine span {
    font-weight: bold !important;
    font-family: sans-serif;
    color: black !important;
}
.h-px.flex-1.bg-slate-200 {
    background: #008060 !important;
}
h2.text-4xl.md\:text-6xl.font-black.text-brand-navy.leading-tight {
    letter-spacing: -2px !important;
}

@media (max-width: 768px) and (min-width: 100px) {
p.font-malayalam-extrabold, p.font-malayalam, p.font-malayalam-bold {
font-size: 20px !important;
        line-height: 23px !important;
}
.nobile {
  display: none !important; 
}
    .mainheading {
        font-size: 40px !important;
        line-height: 1 !important;
    }section#home {
    padding-top: 170px !important;
}
.mwidth svg {
width: 50px !important;
        height: 50px !important;
        margin-right: 25px !important; 
}.mwidth .text-center {
    text-align: left !important;
}.cfont {
    font-size: 22px !important;
}
.subheading {
        font-size: 25px !important;
        line-height: 1 !important;
}.flex.items-center.gap-2.bg-white\/60.p-2\.5.rounded-lg.border.border-gray-100.shadow-sm {
    line-height: 1;
}
.mwidth {
        width: 300px !important;
        align-items: center;
        justify-content: left !important;
        text-align: left !important;
        padding: 13px 16px !important;
        border-bottom: 1px solid #86efac;
        border-right: 0px !important;
    }
.chartbanner {
    padding-bottom: 150px !important;
    aspect-ratio: auto !important;
}h2.font-heading.text-4xl.md\:text-6xl.lg\:text-7xl.font-black.text-brand-navy.leading-\[0\.95\].tracking-tight {
    font-size: 30px !important;
    line-height: 1.2 !important;
}
section {
    padding: 40px 0px !important;
}
p {
    font-size: 18px !important;
    line-height: 1.5 !important;
}
}
a {
    cursor: pointer !important;
}

/* Gold Theme Event Details Card */
.gold-details-card {
  background: rgba(7, 29, 51, 0.85) !important;
  border: 1.5px solid rgba(212, 163, 89, 0.4) !important; /* Gold border */
  box-shadow: 0 0 25px rgba(212, 163, 89, 0.15), inset 0 0 15px rgba(212, 163, 89, 0.05);
}

.gold-text-accent {
  color: #d4a359 !important; /* Premium Gold color */
}

.gold-divider {
  border-color: rgba(212, 163, 89, 0.25) !important;
}
.font-malayalam-bold .english-font {
    font-size: 75% !important;
    font-weight: bold !important;
    font-family: "Raleway", sans-serif !important;
}
.inbpaing {
  padding: 10px 20px 10px 10px !important;
}
.newbackground {
      background-image: url(../images/videobackground.webp);
    background-position: bottom center;
    background-size: cover;
    /* height: 510px !important; */
}
    .placeaddress {
margin-top: 40px;
margin-bottom: 20px;

    }
        .placeaddress img {
width: 100%;

    }
@media (max-width: 90000px) and (min-width: 768px) {
    .placeaddress {
        width: 90% !important;
    }
    .personalighn {
        position: absolute !important;
        max-width: 600px !important;
        max-height: 570px !important;
        left: -80px;
    }
  .mainheading {
    line-height: 65px !important;
    letter-spacing: 0px !important;
    font-size: 71px !important;
}h1.mainheading {
        margin-bottom: 11px !important;
        font-size: 3.5rem !important;
        line-height: 1 !important;
        font-weight: normal !important;
        letter-spacing: -.5px !important;
}
p.font-malayalam-extrabold, p.font-malayalam, p.font-malayalam-bold {
    font-size: 17px !important;
            line-height: 1.2;
}
.nfont {
  font-size: 14px !important;
}
}

/* --- New Dark Theme Redesign styles --- */
#home {
  background-color: #000000 !important;
  background: url(../images/lighteffects.webp);
  background-position: top right;
  background-repeat: no-repeat;
  color: #ffffff !important;
  position: relative;
  overflow: hidden;
}

/* Vertical spotlight animations and beams */
@keyframes spotlight-pulse {
  0%, 100% { opacity: 0.35; transform: scale(1) rotate(-15deg); }
  50% { opacity: 0.5; transform: scale(1.05) rotate(-13deg); }
}

.spotlight-beam-1 {
  animation: spotlight-pulse 8s ease-in-out infinite alternate;
}

.spotlight-beam-2 {
  animation: spotlight-pulse 6s ease-in-out infinite alternate-reverse;
}

/* Sticky header transparent & scroll styling */
#main-header {
  transition: background-color 0.3s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease, box-shadow 0.3s ease;
}

#main-header:not(.scrolled) {
  background-color: transparent !important;
  box-shadow: none !important;
}

#main-header:not(.scrolled) .nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

#main-header:not(.scrolled) .nav-link:hover {
  color: #ffffff !important;
}

#main-header:not(.scrolled) .nav-link.active-nav {
  color: #67be58 !important;
}

#main-header:not(.scrolled) #logo-fallback {
  color: #ffffff !important;
}

#main-header:not(.scrolled) #mobile-menu-btn {
  color: #ffffff !important;
}

#main-header:not(.scrolled) .logo-wrapper {
  background-color: transparent !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

.header-cta {
  background-color: transparent !important;
  border: 1px solid var(--color-teal) !important;
  color: var(--color-teal) !important;
  border-radius: 9999px !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.header-cta:hover {
  background-color: rgba(103, 190, 88, 0.1) !important;
  box-shadow: 0 0 15px rgba(103, 190, 88, 0.15) !important;
}

/* Scrolled state defaults */
#main-header.scrolled {
  background-color: rgba(0, 0, 0, 0.95) !important;
}

#main-header.scrolled .nav-link {
  color:rgba(255, 255, 255, 0.8) !important;
}

#main-header.scrolled .nav-link.active-nav {
  color: var(--color-teal) !important;
}

#main-header.scrolled .logo-wrapper {
  background-color: transparent;
}

/* Gradient Badge with Gradient Border & Text */
.gradient-badge {
  background: linear-gradient(#000000, #000000) padding-box,
              linear-gradient(to right, #00A86B, #67be58, rgba(255, 255, 255, 0.6)) border-box !important;
  border: 1px solid transparent !important;
  border-radius: 9999px !important;
}

.gradient-badge-text {
  background: linear-gradient(to right, #00A86B, #67be58, #ffffff);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}

/* Custom Highlights styles matching the screenshot */
.highlights-container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.5rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 0rem 0 !important;
  margin: 1.2rem 0 !important;
}

@media (min-width: 768px) {
  .highlights-container {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }
}

.highlight-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 0 5px !important;
  position: relative !important;
}

/* Vertical dividers on desktop */
@media (min-width: 768px) {
  .highlight-item:not(:first-child)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5%;
    height: 90%;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.15) !important;
  }
}

.highlight-icon-wrapper {
  width: 3.5rem !important; /* w-14 */
  height: 3.5rem !important; /* h-14 */
  border-radius: 9999px !important;
  border: 1px solid rgba(91, 188, 90, 0.2) !important; /* thin dim green border */
  background-color: rgba(91, 188, 90, 0.02) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 1rem !important;
  transition: all 0.3s ease !important;
}

.highlight-item:hover .highlight-icon-wrapper {
  border-color: rgba(91, 188, 90, 0.5) !important;
  background-color: rgba(91, 188, 90, 0.08) !important;
  transform: translateY(-2px) !important;
}

.highlight-title {
  font-size: 10px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  line-height: 1.3 !important;
  font-family: "Raleway", sans-serif !important;
}

.highlight-subtitle {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #94a3b8 !important;
    margin-top: 2px !important;
    line-height: 1.2 !important;
    font-family: "Raleway", sans-serif !important;
}

/* Hero CTA Buttons matching the screenshot */
.btn-reserve-seat {
  background: linear-gradient(to bottom, #238b55, #196f40) !important;
  border: 1.5px solid #145932 !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 12px rgba(25, 111, 64, 0.15) !important;
  transition: all 0.3s ease !important;
  font-family: "Raleway", sans-serif !important;
  font-weight: 700 !important;
}

.btn-reserve-seat:hover {
  background: linear-gradient(to bottom, #2a9b60, #1e804a) !important;
  box-shadow: 0 6px 16px rgba(25, 111, 64, 0.25) !important;
  transform: translateY(-1px) !important;
}

.btn-watch-preview {
  background-color: transparent !important;
  border: 1.5px solid #1e7b4b !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  transition: all 0.3s ease !important;
  font-family: "Raleway", sans-serif !important;
  font-weight: 700 !important;
}

.btn-watch-preview:hover {
  background-color: rgba(30, 123, 75, 0.08) !important;
  box-shadow: 0 4px 12px rgba(30, 123, 75, 0.1) !important;
  border-color: #5bbc5a !important;
}

/* Play Icon wrapper */
.play-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1.5px solid #5bbc5a;
  margin-left: 12px;
  transition: all 0.3s ease;
}
div#video-frame-container, iframe {
    height: 300px !important;
}
.text-\[10px\] {
    font-size: 10px !important;
}

.timefont {
      font-family: sans-serif !important;
}
span.fontin {
    font-size: 36px !important;
    font-weight: bold;
    font-family: sans-serif !important;
    line-height: 1 !important;
    margin: 0px !important;
}
.btn-watch-preview:hover .play-icon-circle {
  border-color: #5bbc5a;
  background-color: rgba(38, 154, 94, 0.1);
  transform: scale(1.05);
}

/* WORKSHOP PREVIEW video badge gradient */
.video-badge-gradient {
  background: linear-gradient(to right, #1f7d4c, #5bbc5a) !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
}

/* Philosophy Section Redesign styles */
#philosophy {
  color: #ffffff !important;
  position: relative;
  overflow: hidden;
}
section#gallery {
    background: #01130f !important;
}
/* Gradient hover card style matching screenshot */
.gradient-hover-card {
  position: relative !important;
  background: linear-gradient(#030914, #030914) padding-box,
              linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)) border-box !important;
  border: 1.5px solid transparent !important;
  border-radius: 24px !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

.gradient-hover-card:hover {
  background: linear-gradient(#030914, #030914) padding-box,
              linear-gradient(135deg, #00A86B 0%, #5bbc5a 50%, #ffffff 100%) border-box !important;
  border: 1.5px solid transparent !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(91, 188, 90, 0.12) !important;
}

.card-icon-wrapper {
  width: 3.5rem !important; /* w-14 */
  height: 3.5rem !important; /* h-14 */
  border-radius: 12px !important;
  border: 1px solid rgba(91, 188, 90, 0.25) !important;
  background-color: rgba(91, 188, 90, 0.04) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 1.5rem !important;
  transition: all 0.3s ease !important;
}

.gradient-hover-card:hover .card-icon-wrapper {
  border-color: rgba(91, 188, 90, 0.6) !important;
  background-color: rgba(91, 188, 90, 0.1) !important;
  transform: scale(1.05) !important;
}

/* Lightbulb alert card styling */
.warning-alert-card {
  background-color: #030914 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 32px !important;
  padding: 1.5rem !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

.warning-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-color: rgba(253, 224, 71, 0.05); /* dim yellow bg */
  border: 1px solid rgba(253, 224, 71, 0.15);
  box-shadow: 0 0 15px rgba(253, 224, 71, 0.05);
}

/* Points Section Redesign styles */
#points {
  background-color: #030712 !important; /* solid deep dark black/navy background */
  color: #ffffff !important;
}

.brand-badge-card {
  position: relative;
  background: #000000;
  border: 1.5px solid rgba(91, 188, 90, 0.2);
  border-radius: 32px;
  padding: 3rem 2.5rem;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8), 0 0 30px rgba(91, 188, 90, 0.03);
  transition: all 0.4s ease;
  width: 100%;
  max-width: 440px;
}

.brand-badge-card:hover {
  border-color: rgba(91, 188, 90, 0.4);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9), 0 0 40px rgba(91, 188, 90, 0.08);
}

.brand-logo-text {
  font-family: 'Raleway', sans-serif !important;
  font-size: 3.5rem; /* ~56px */
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: -3px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .brand-logo-text {
    font-size: 4.8rem; /* ~76px */
  }
}

.problem-card {
  position: relative !important;
  background: linear-gradient(rgba(7, 12, 23, 0.3), rgba(7, 12, 23, 0.3)) padding-box,
              linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)) border-box !important;
  border: 1px solid transparent !important;
  border-radius: 32px !important;
  padding: 2.2rem 2rem !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.problem-card:hover {
  background: linear-gradient(rgba(7, 12, 23, 0.5), rgba(7, 12, 23, 0.5)) padding-box,
              linear-gradient(to bottom, rgba(91, 188, 90, 0.35), rgba(91, 188, 90, 0.15)) border-box !important;
  border: 1px solid transparent !important;
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(91, 188, 90, 0.03) !important;
}

.event-detail-card {
  position: relative;
  background: linear-gradient(225deg, #01291e 0%, #000721 100%);
  border: 1.5px solid rgba(91, 188, 90, 0.25);
  border-radius: 24px;
  padding: 1.8rem;
  transition: all 0.35s ease;
}

.event-detail-card:hover {
  border-color: rgba(91, 188, 90, 0.45);
  background: linear-gradient(225deg, #023829 0%, #000721 100%);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 30px rgba(91, 188, 90, 0.04);
}

.takehome-card {
  background: linear-gradient(rgba(7, 12, 23, 0.4), rgba(7, 12, 23, 0.4)) padding-box,
              linear-gradient(to bottom, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)) border-box;
  border: 1px solid transparent !important;
  border-radius: 24px;
  padding: 1.25rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: all 0.3s ease;
}

.takehome-card:hover {
  background: linear-gradient(rgba(7, 12, 23, 0.5), rgba(7, 12, 23, 0.5)) padding-box,
              linear-gradient(to bottom, rgba(91, 188, 90, 0.2), rgba(91, 188, 90, 0.05)) border-box;
  border: 1px solid transparent !important;
  transform: translateY(-2px);
}

/* Audience Fit Section */
.audience-fit-card {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.audience-fit-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 30px rgba(91, 188, 90, 0.04);
}

/* Custom Input Focus Glow and Dropdown Overrides */
input:focus, select:focus, textarea:focus {
  border-color: #5bbc5a !important;
  box-shadow: 0 0 15px rgba(91, 188, 90, 0.25) !important;
  outline: none !important;
}

.select-custom option {
  background-color: #030712 !important;
  color: #ffffff !important;
}