@import url('modal.css');
@import url('navbar.css');
@import url('hero.css');
@import url('path.css');
@import url('events.css');
@import url('impact.css');
@import url('quick-links.css');
@import url('news.css');
@import url('success.css');
@import url('campuses.css');
@import url('testimon.css');
@import url('sponsors.css');
@import url('footer.css');
@import url('chatbot.css');

:root {
  --primary: #002D58;
  --accent: #F3B200;
  --light: #F8F9FA;
  --white: #FFFFFF;
  --gray: #929292;
  --light-text: #6C757D;
  --dark-text: #333333;
  --border: #E1E5E9;

  /* hover colors */
  --primary-light:#002d58c8;
  --secondary-blue: #1A4B7E;
  --light-gold: #FFD166;

  /* Additional Colors */
  --rich-Green: #007635;
  --rich-red: #A11A16; 
  --pale-burgundy: #A64167;
  --petroleum-blue: #5CBDB1;

  --pdf-color: #e74c3c;
}


@font-face {
    font-family: 'Poppins-Regular';
    src: url('../../../fonts/Poppins/Poppins-Regular.eot');
    src: url('../../../fonts/Poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../../../fonts/Poppins/Poppins-Regular.woff2') format('woff2'), url('../../../fonts/Poppins/Poppins-Regular.woff') format('woff'), url('../../../fonts/Poppins/Poppins-Regular.ttf') format('truetype'), url('../../../fonts/Poppins/Poppins-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0100-024F; /* Latin ranges */
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../../../fonts/Poppins/Poppins-SemiBold.otf');
    src: url('../../../fonts/Poppins/Poppins-SemiBold.otf?#iefix') format('embedded-opentype'), url('../../../fonts/Poppins/Poppins-SemiBold.woff2') format('woff2'), url('../../../fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0100-024F; /* Latin ranges */
}

@font-face {
    font-family: 'Madani-Regular';
    src: url('../../../fonts/Madani/MadaniArabic-Regular.eot');
    src: url('../../../fonts/Madani/MadaniArabic-Regular.eot?#iefix') format('embedded-opentype'), url('../../../fonts/Madani/MadaniArabic-Regular.woff2') format('woff2'), url('../../../fonts/Madani/MadaniArabic-Regular.woff') format('woff'), url('../../../fonts/Madani/MadaniArabic-Regular.ttf') format('truetype'), url('../../../fonts/Madani/MadaniArabic-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0600-06FF, U+0750-077F; /* Arabic ranges */
}



html, body {
  overflow-x: clip;
}

body {
  font-family: 'Poppins-Regular', 'Madani-Regular';
  color: var(--dark-text);
  background: var(--light);
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, .display-1, .display-2, .display-3 {
  font-family: 'Poppins-SemiBold', 'Madani-Regular';
  font-weight: 700;
}

.section-title {
  position: relative;
  margin-bottom: 2rem;
  text-align: center;
  font-weight: 800;
  font-size: clamp(2.5rem, 4vw, 4rem);
  line-height: 1.1;
}

.section-title:after {
  content: '';
  position: absolute;
  width: 80px;
  height: 3px;
  background: var(--accent);
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
}

.section-subtitle {
  color: var(--light-text);
  font-size: 1rem;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.card-actions {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  gap: 10px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.interactive-card:hover .card-actions {
  opacity: 1;
}

.carousel-indicators button {
  background-color: var(--accent) !important;
  width: 40px !important;
  height: 7px !important;
  border: none !important;
  border-radius: 5px !important;
  margin: 0 3px !important;
}


.animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  animation: fadeInUp 0.6s ease forwards;
}

.animate-on-scroll.animated {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 992px) {
.hero-title {
  font-size: 2.5rem;
}

.hero-subtitle {
  font-size: 1.2rem;
}
}

@media (max-width: 768px) {
.section-title {
  font-size: 2rem;
}
.mb-small-screens{
  margin-bottom: 4rem !important;
}
}

@media (min-width: 992px) {
.navbar-nav .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  transition: all 0.3s ease;
}
}


@keyframes fadeInUp {
from {
  opacity: 0;
  transform: translateY(20px);
}

to {
  opacity: 1;
  transform: translateY(0);
}
}