@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Inter Display';
  src: url('../font/InterDisplay-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

:root {
  --font-heading: 'Inter Display', sans-serif;
  --font-body: 'Inter Display', sans-serif;
}

/* Typography Standards */
h1, .h1 { font-family: var(--font-heading) !important; font-size: 2.5rem !important; font-weight: 700; line-height: 1.2; }
h2, .h2 { font-family: var(--font-heading) !important; font-size: 2rem !important; font-weight: 700; line-height: 1.3; }
h3, .h3 { font-family: var(--font-heading) !important; font-size: 1.75rem !important; font-weight: 600; line-height: 1.4; }
h4, .h4 { font-family: var(--font-heading) !important; font-size: 1.5rem !important; font-weight: 600; line-height: 1.4; }
h5, .h5 { font-family: var(--font-heading) !important; font-size: 1.25rem !important; font-weight: 600; line-height: 1.4; }
h6, .h6 { font-family: var(--font-heading) !important; font-size: 1rem !important; font-weight: 600; line-height: 1.4; }

body {
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  line-height: 1.6;
}

/* Menu items in navbar */
nav a, .nav-item {
  font-family: var(--font-heading) !important;
  font-size: 1rem !important;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* Global utility font overrides */
.font-headline { font-family: var(--font-heading) !important; }
.font-body { font-family: var(--font-body) !important; }


.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.hero-gradient {
  background: linear-gradient(135deg, #7EB5E0 0%, #5C9AD1 100%);
}

.glass-nav {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

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

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  line-clamp: 2;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  line-clamp: 3;
  overflow: hidden;
}

.concentric-circle {
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.partner-logo {
  filter: grayscale(100%);
  opacity: 0.6;
  transition: all 0.3s ease;
}

.partner-logo:hover {
  filter: grayscale(0%);
  opacity: 1;
}

/* Carousel Specific Styles */
.carousel-slide {
  display: none;
}

.carousel-slide.active {
  display: block;
  animation: fadeIn 0.8s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}