/* Custom Styles */
body {
  padding-top: 56px; /* Offset for fixed navbar */
}

/* Hero Section Styles */
.hero-section {
  position: relative;
  width: 100%;
  height: 100vh; /* Full height */
  overflow: hidden;
}

.carousel-image-container {
  position: relative;
  width: 100%;
  height: 100vh; /* Full height */
  background-size: cover;
  background-position: center center;
}

.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4); /* semi-transparent black overlay */
  z-index: 1;
}

.carousel-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 2; /* Ensure the text is above the overlay */
  text-align: center;
}

.carousel-caption h1 {
  font-size: 4rem; /* Adjust font size as needed */
  font-weight: bold;
}

.carousel-caption p {
  font-size: 1.5rem;
  font-weight: normal;
  margin-top: 5%;
}

/* Optional: Styling for Carousel Controls */
.carousel-control-prev, .carousel-control-next {
  filter: invert(1);
}
.map-container {
  border: 2px solid #e6dfdf; /* Simple black border */
  padding: 0px; /* Small padding to give space between the map and the border */
  margin: 10px 0; /* Optional margin for spacing */
}

.map-container iframe {
  border: none; /* No additional border on iframe itself */
}

/* Navbar Styles */
/* Navbar Styles */
.navbar {
  height: 80px; /* Set the fixed height for the navbar */
  padding: 10px 0; /* Padding for vertical spacing inside the navbar */
  transition: all 0.3s ease;
  display: flex; /* Enable flexbox to control item alignment */
  justify-content: flex-start; /* Align navbar items to the left */
  align-items: center; /* Vertically center items */
  background-color: #a9b2ba; /* Navbar background color */
}

/* Navbar brand with logo */
.navbar-brand {
  display: flex; /* Flex container for logo */
  align-items: center; /* Vertically center the logo */
  justify-content: flex-start; /* Align the logo to the left */
  padding: 5px 20px; /* Adds padding to the left and right of the logo */
  background-color: #ffffff; /* Set a background color for the logo area */
  border-radius: 8px; /* Optional: Rounded corners */
  height: 100%; /* Ensure the navbar brand is the full height of the navbar */
}

/* Logo image */
.navbar-brand img {
  max-height: 60px; /* Adjust logo size */
  width: auto; /* Maintain aspect ratio */
}


.navbar-nav .nav-link {
  font-size: 1.3rem;
  padding: 10px 15px;
 
}

/* About Us Tabs Styles */
#about {
  margin-top: .1%; /* Adjust this value based on your needs */
}

.nav-tabs {
  border-bottom: 2px solid #007bff;
}

.nav-tabs .nav-link {
  font-size: 1.1rem;
  color: #343a40;
  border: none;
  margin: 0 10px;
}

.nav-tabs .nav-link.active {
  color: #007bff;
  border-bottom: 3px solid #007bff;
}

.tab-content {
  padding: 20px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tab-content img {
  border-radius: 10px;
}

.card {
  transition: transform 0.3s ease;
}

.card:hover {
  transform: translateY(-10px);
}

.map-container {
  overflow: hidden;
  border-radius: 10px;
}

.bg-light {
  background-color: #e2d9d999 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

/* Affiliations Section Styles */
#affiliations {
  background-color: #070707;
  padding: 60px 0;
}
#affiliations h1 {
  text-align: center; /* Center the heading text */
  color: #eceeea; /* Text color */
  margin-bottom: 40px; /* Space below the heading */
}

#affiliations h1::after {
  content: ''; /* Empty content */
  display: block; /* Make it a block element */
  width: 5%; /* Adjust this to the width you want the underline to take */
  margin: 10px auto; /* Centers the underline and adds spacing */
  border-bottom: 3px solid #eb3609; /* Blue underline */
}


#affiliations h2 {
  text-align: left; /* Left align the heading text */
  color: #f9470c; /* Text color */
  margin-bottom: 40px; /* Space below the heading */
}

#affiliations h2::after {
  content: ''; /* Empty content */
  display: block; /* Make it a block element */
  width: 45%; /* Adjust this to the width you want the underline to take */
  margin-top: 10px; /* Space between text and underline */
  border-bottom: 2px solid #fbf6f5; /* Orange underline */
  margin-left: 0; /* Align the underline to the left */
}


#affiliations h3 {
  color: #93311bd3;
  margin-bottom: 20px;
}

#affiliations p {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #a09d9d;
}

#affiliations img {
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Smooth Scroll Behavior */
html {
  scroll-behavior: smooth;
}

/* Offset for Fixed Navbar */
section {
  padding-top: 80px; /* Adjust based on navbar height */
  margin-top: -80px; /* Compensate for the padding */
}

/* Section Headings */
h2.text-center {
  font-size: 2.5rem; /* Larger font size */
  font-weight: bold; /* Bold text */
  color: #343a40; /* Dark color for contrast */
  margin-bottom: 30px; /* More space below the heading */
  position: relative; /* For pseudo-element */
  padding-bottom: 10px; /* Space for the underline */
}

h2.text-center::after {
  content: ''; /* Add a decorative line under the heading */
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 60px; /* Length of the line */
  height: 4px; /* Thickness of the line */
  background-color: #007bff; /* Blue color to match the theme */
  transform: translateX(-50%); /* Center the line */
}

/* Additional Styling for Subheadings */
h3 {
  font-size: 1.8rem; /* Larger font size for subheadings */
  font-weight: bold; /* Bold text */
  color: #007bff; /* Blue color to match the theme */
  margin-bottom: 20px; /* Space below subheadings */
}

/* Adjustments for Better Spacing */
section {
  padding: 80px 0; /* More padding for sections */
}

/* Navbar Background on Scroll */
.navbar.scrolled {
  background-color: rgba(0, 0, 0, 0.9) !important; /* Darker background on scroll */
}
/* Footer Styles */
footer {
  font-size: 1.5rem; /* Increase the text size */
  padding: 30px 0; /* Increase padding for more space */
}

footer p {
  font-size: 1.2rem; /* Increase the text size for the copyright notice */
}

footer .container {
  max-width: 100%; /* Ensure the container uses full width */
}