/* Fix modal stacking so modal is always above backdrop */
.modal-backdrop.show {
  opacity: 0.3 !important;
  z-index: 1060 !important;
}
.modal {
  z-index: 1070 !important;
}
#scholarshipScreeningModal {
  z-index: 1071 !important;
}
body.modal-open {
  overflow: auto !important;
}
.modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 1060 !important;
}
.modal.fade .modal-dialog {
  z-index: 1071 !important;
}
.scholarship-modal-content {
  z-index: 1071 !important;
  position: relative;
}
.scholarship-modal-dialog {
  z-index: 1071 !important;
}
/* Minimal Custom CSS - Only Essential Styles */

/* Theme Colors */
:root {
  --theme-blue: #0a2342;
  --theme-green: #10b981;
  --theme-green-hover: #0f9d75;
}
p{
  font-family: 'Inter', sans-serif !important;
}
/* Custom Fonts Only */
.font-serif { 
  font-family: 'Merriweather', serif !important; 
  
}

/* Custom Theme Buttons Only */
.btn-theme {
  background: var(--theme-green) !important;
  border-color: var(--theme-green) !important;
  border-radius: 30px !important;
  font-weight: 600;
  padding: 14px 40px !important;
  font-size: 1.1rem !important;
}
.btn-theme:hover {
  background: var(--theme-green-hover) !important;
  border-color: var(--theme-green-hover) !important;
}

.btn-outline-theme {
  color: var(--theme-green) !important;
  border: 2px solid var(--theme-green) !important;
  border-radius: 30px !important;
  font-weight: 600;
  padding: 14px 40px !important;
  font-size: 1.1rem !important;
}
.btn-outline-theme:hover {
  background: var(--theme-green) !important;
  color: #fff !important;
}


  /* Highest stacking for modal and backdrop */
  .modal-backdrop.show, .modal-backdrop {
    opacity: 0.3 !important;
    z-index: 9999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
  }
  .modal {
    z-index: 10000 !important;
  }
  #scholarshipScreeningModal {
    z-index: 10001 !important;
  }
  .modal.fade .modal-dialog,
  .scholarship-modal-dialog,
  .scholarship-modal-content {
    z-index: 10001 !important;
    position: relative;
  }
 
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23002147'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-item {
  background: #fff !important;
  border-radius: 16px !important;
  margin-bottom: 18px !important;
  /* box-shadow: 0 2px 8px rgba(16, 185, 129, 0.13) !important; */
  border: 1px solid #e0f7ef !important;
}

.accordion-body {
  background: #fff !important;
  border-radius: 0 0 16px 16px !important;
}

/* Custom Text Colors Only */
.text-theme-blue { color: var(--theme-blue) !important; }
.text-theme-green { color: var(--theme-green) !important; }

/* Process Steps Spacing */
.process-step {
  margin-bottom: 25px !important;
}

/* Desktop Content Width - Restored Original */
.content-width {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Hero H1 White Color */
.hero-title {
  color: #ffffff !important;
}

/* Section Titles Deep Blue */
.section-title {
  color: var(--theme-blue) !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 2rem !important;
}

/* Section Content Spacing */
.section-content {
  margin-top: 2rem !important;
}

/* Modern List Styling */
.modern-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.modern-list li {
  display: flex !important;
  align-items: flex-start !important;
  padding: 12px 20px !important;
  margin-bottom: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}

.modern-list li:hover {
  background: #f1f5f9 !important;
  border-color: var(--theme-green) !important;
  transform: translateX(4px) !important;
}

.modern-list li i {
  margin-right: 12px !important;
  margin-top: 2px !important;
  flex-shrink: 0 !important;
  padding: 10px !important;
}

.modern-list li span {
  flex: 1 !important;
  line-height: 1.6 !important;
}

/* Professional Cards */
.info-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  /* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; */
  transition: all 0.3s ease !important;
}

.info-card:hover {
  /* box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; */
  transform: translateY(-2px) !important;
}

/* Mobile and Tablet Responsive Adjustments */
@media (max-width: 1024px) {
  /* Tablet adjustments */
  .hero-title { font-size: 2rem !important; }
  .section-title { 
    font-size: 1.5rem !important; 
    margin-bottom: 1.5rem !important;
  }
  .mission-vision-title { font-size: 1.3rem !important; }
  .quote-text { font-size: 1.3rem !important; }
  
  /* Tablet width control */
  .content-width {
    max-width: 95% !important;
    padding: 0 20px !important;
  }
  
  /* Section spacing for tablets */
  .section-content {
    margin-top: 1.5rem !important;
  }
  
  /* Modern list adjustments */
  .modern-list li {
    padding: 10px 16px !important;
    margin-bottom: 6px !important;
  }
  
  .modern-list li i {
    margin-right: 10px !important;
  }
}

@media (max-width: 768px) {
  /* Mobile adjustments */
  .hero-title { font-size: 1.8rem !important; }
  .hero-description { 
    font-size: 1rem !important; 
    padding: 0 15px !important; 
    line-height: 1.6 !important;
  }
  .section-title { 
    font-size: 1.4rem !important; 
    padding: 0 !important;
    margin: 0 0 1.25rem 0 !important;
  }
  .mission-vision-title { font-size: 1.2rem !important; }
  .quote-text { font-size: 1.2rem !important; }
  .quote-author { font-size: 1rem !important; }
  .legacy-description { font-size: 1rem !important; }
  
  /* Button adjustments */
  .btn-theme, .btn-outline-theme {
    padding: 12px 30px !important;
    font-size: 1rem !important;
    margin: 5px !important;
  }
  
  /* Process steps mobile layout */
  .process-step {
    margin-bottom: 20px !important;
    padding: 25px 15px !important;
  }
  
  /* FAQ mobile spacing */
  .accordion-button {
    padding: 15px !important;
    font-size: 0.95rem !important;
  }
  
  /* Social buttons mobile */
  .social-btn-container {
    gap: 10px !important;
  }
  
  .social-btn-container .btn {
    flex: 1 1 auto;
    min-width: 120px;
    font-size: 0.9rem !important;
    padding: 10px 15px !important;
  }
  
  /* Mobile width control */
  .content-width {
    max-width: 100% !important;
    padding: 0 15px !important;
  }
  
  /* Mobile container adjustments */
  .container.content-width {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  /* Section spacing for mobile */
  .section-content {
    margin-top: 1rem !important;
  }
  
  /* Mobile paragraph styling */
  .mobile-text {
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #374151 !important;
    margin-bottom: 1rem !important;
  }
  
  /* Mobile modern list */
  .modern-list li {
    padding: 8px 12px !important;
    margin-bottom: 6px !important;
    font-size: 14px !important;
  }
  
  .modern-list li i {
    margin-right: 8px !important;
    font-size: 12px !important;
  }
  
  /* Mobile cards */
  .info-card {
    padding: 1.25rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (max-width: 576px) {
  /* Small mobile adjustments */
  .hero-title { font-size: 1.6rem !important; line-height: 1.3 !important; }
  .hero-description { font-size: 0.95rem !important; }
  .section-title { 
    font-size: 1.3rem !important;
    padding: 0 !important;
    margin: 0 0 1rem 0 !important;
  }
  .mission-vision-title { font-size: 1.1rem !important; }
  .quote-text { font-size: 1.1rem !important; }
  
  /* Button adjustments */
  .btn-theme, .btn-outline-theme {
    padding: 10px 25px !important;
    font-size: 0.9rem !important;
    width: 100% !important;
    margin: 8px 0 !important;
  }
  
  /* Process steps very small mobile */
  .process-step {
    padding: 20px 10px !important;
    margin-bottom: 15px !important;
  }
  
  .process-step h4 {
    font-size: 0.9rem !important;
  }
  
  .process-step p {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
  }
  
  /* FAQ very small mobile */
  .accordion-button {
    padding: 12px !important;
    font-size: 0.9rem !important;
  }
  
  .accordion-body {
    padding: 15px !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
  }
  
  /* FAQ container mobile */
  .accordion {
    max-width: 100% !important;
  }
  
  /* Social buttons very small mobile */
  .social-btn-container .btn {
    font-size: 0.8rem !important;
    padding: 8px 12px !important;
    min-width: 100px;
  }
  
  /* Very small mobile width control */
  .content-width {
    max-width: 100% !important;
    padding: 0 10px !important;
  }
  
  /* Very small mobile container */
  .container.content-width {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  /* Section padding adjustments for small mobile */
  section {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  /* Small mobile text */
  .mobile-text {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  
  /* Small mobile modern list */
  .modern-list li {
    padding: 6px 10px !important;
    margin-bottom: 4px !important;
    font-size: 13px !important;
  }
  
  .modern-list li i {
    margin-right: 6px !important;
    font-size: 11px !important;
  }
  
  /* Small mobile cards */
  .info-card {
    padding: 1rem !important;
    margin-bottom: 0.75rem !important;
  }
}

/* Modal Styles */
.modal-backdrop.show {
  opacity: 0.3 !important;
  z-index: 1040 !important;
}
.modal {
  z-index: 1050 !important;
}

#scholarshipScreeningModal {
  z-index: 1060 !important;
}

body.modal-open {
  overflow: auto !important;
}

/* Fix for modals in separate files (force backdrop below modal) */
.modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 1040 !important;
}
.modal.fade .modal-dialog {
  z-index: 1051 !important;
}