* {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
   font-family: "Josefin Sans", serif;
}

body {
  scroll-behavior: smooth;
  background-color: #f2ebe2;
}

.slider-item {
  position: relative;
}
.slider-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-item .caption {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.slider-item .caption:hover {
  opacity: 1;
}
.slider-item .caption p {
  color: white;
  font-size: 1.25rem;
}

/* Add the following SCSS code */
/* Styles for the navigation arrows */
#hero-section .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  margin-top: 0px !important;
  height: 34px !important;
}
#hero-section .owl-nav button.owl-prev,
#hero-section .owl-nav button.owl-next,.archivee-carousel-custom .owl-nav button.owl-prev,.archivee-carousel-custom .owl-nav button.owl-next{
  position: absolute;
  background: none;
  border: none;
  font-size: 2rem;
  color: #F2EBE2;
  padding: 0;
  margin: 0;
}
#hero-section .owl-nav button.owl-prev:hover,
#hero-section .owl-nav button.owl-next:hover {
  background: none;
}
#hero-section .owl-nav button.owl-prev {
  left: 10px; /* Adjust as needed */
}
#hero-section .owl-nav button.owl-next {
  right: 10px; /* Adjust as needed */
}

/* Position dots inside the slider */
#hero-section .owl-dots {
  position: absolute;
  bottom: 20px; /* Adjust as needed */
  width: 100%;
  text-align: center;
}

/* Remove extra space below the slider */
#hero-section {
  position: relative;
  overflow: hidden;
}

/* Hover caption for images in About Us and Annual Awards sections */
.relative.group {
  position: relative;
  overflow: hidden;
}
.relative.group img {
  display: block;
  width: 100%;
  height: auto;
}
.relative.group .absolute {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.relative.group .absolute p {
  color: white;
  font-size: 1.25rem;
}
.relative.group:hover .absolute {
  opacity: 1;
}

/* Optional: Additional styles */
/* Navbar styles for mobile menu toggle */
#nav-menu {
  overflow: hidden;
  max-height: 0;
  transition: all 0.5s ease-in-out;
}

#highlights {
  /* Hide details by default */
  /* Active class for the circle */
}
#highlights .details {
  display: none;
}
#highlights .details-active {
  display: block;
}
#highlights .circle-active {
  transform: scale(1.3);
  background-color: #c39e70;
}

.archive-carousel-custom .owl-prev,
.archive-carousel-custom .owl-next {
  position: absolute;
  top: 50%;
  background: #8f9779;
  color: white;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
}
.archive-carousel-custom .owl-prev {
  left: -20px;
}
.archive-carousel-custom .owl-next {
  right: -20px;
}
@media (max-width: 640px) {
  .archive-carousel-custom .owl-prev,
  .archive-carousel-custom .owl-next {
    display: none;
  }
}

.footer-bg {
  background-color: #7b8064; /* Light olive green */
}

/* Custom Styles for Footer */
@media (min-width: 768px) {
  /* For tablet and larger screens */
  .footer-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.single-slider-carousel {
  /* Frame styling for lightbox images */
  /* Custom Owl Carousel navigation */
}
.single-slider-carousel .lightbox-gallery img {
  border: 5px solid #8f9779;
  border-radius: 8px;
  cursor: pointer;
}
.single-slider-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  background: #8f9779;
  color: white;
  padding: 10px;
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.single-slider-carousel .owl-prev {
  left: -30px;
}
.single-slider-carousel .owl-next {
  right: -30px;
}
@media (max-width: 640px) {
  .single-slider-carousel .owl-nav {
    display: none;
  }
}

/* Custom Carousel Styling */
.single-slider-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  background: #8f9779;
  color: white;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}

.single-slider-carousel .owl-nav .owl-prev {
  left: -20px;
}

.single-slider-carousel .owl-nav .owl-next {
  right: -20px;
}

/* Hide navigation arrows for mobile */
@media (max-width: 640px) {
  .single-slider-carousel .owl-nav {
    display: none;
  }
}/*# sourceMappingURL=styles.css.map */


/* Target the navigation buttons within the specific carousel */
.archivee-carousel-custom .owl-nav button.owl-prev,
.archivee-carousel-custom .owl-nav button.owl-next {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    color: white; /* Set arrow button color to white */
    font-size: 2rem; /* Adjust size as needed */
}

/* Position the left arrow on the left side */
.archivee-carousel-custom .owl-nav button.owl-prev {
    left: -18px!important; /* Adjust spacing from the left edge */
}

/* Position the right arrow on the right side */
.archivee-carousel-custom .owl-nav button.owl-next {
    right: -18px!important; /* Adjust spacing from the right edge */
}

/* Target the Font Awesome icons inside the buttons */
.archivee-carousel-custom .owl-nav button.owl-prev i,
.archivee-carousel-custom .owl-nav button.owl-next i {
    color: #F2EBE2; /* Ensure the icons are white */
}

/* Optional: Hide default navigation backgrounds if any */
.archivee-carousel-custom .owl-nav button {
    background: none;
}


@media (max-width: 600px) {
    .archivee-carousel-custom .owl-nav button.owl-prev,
    .archivee-carousel-custom .owl-nav button.owl-next {
        font-size: 1.5rem; /* Smaller icons on small screens */
    }
}