/* styles.css */  

body{
    font-family: "Makozin Regular";
    font-family: "Inter";
    font-family: "Lato";
}
header{
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 125px;
    margin-top: 0;
    margin-left: 0;
}
nav{
    position: relative !important;
    background: #FFF !important;
    font-family: "Inter";
    font-family: "Geneva";
    font-family: "Genty";
    font-family: "Montserrat";
    font-family: "SFProDisplay";
    font-family: "RoyalCastleBold";
    font-family: "Montserrat";
}
nav .nav-link{
    font-weight: bold !important;
    color: #000 !important;
}
.custom-heading-1{
    font-family: "Roboto";
    font-weight: bold;
    font-size: 30px;
    line-height: 1.1em;
}
#header-text{
    font-family: unset !important;
}
/* Custom Styles for Light Theme Navbar */
.navbar-custom-light { /* Changed class name to indicate light theme */
  background-color: #ffffff; /* White or very light background */
  padding-top: 1rem;
  padding-bottom: 1rem;
  box-shadow: 0 2px 4px rgba(0,0,0,.08); /* Subtle shadow */
}

.navbar-custom-light .navbar-brand {
  color: #343a40; /* Dark color for brand */
  font-weight: 700;
  font-size: 1.5rem;
}

.navbar-custom-light .navbar-nav .nav-link {
  color: #6c757d; /* Muted dark color for links */
  font-weight: 500;
  font-size: 1rem;
  padding: 0.5rem 1rem; /* Adjust padding */
  transition: color 0.3s ease-in-out, border-bottom 0.3s ease-in-out;
  border-bottom: 2px solid transparent; /* Invisible border for hover effect */
}

.navbar-custom-light .navbar-nav .nav-link:hover {
  color: #000000; /* Darker color on hover */
  border-bottom-color: #343a40; /* Accent color underline on hover (Bootstrap primary blue as example) */
}

.navbar-custom-light .navbar-nav .nav-item.active .nav-link {
  color: #343a40; /* Accent color for active link */
  border-bottom-color: #343a40; /* Accent color underline for active */
  font-weight: 700;
}

.navbar-custom-light .navbar-toggler {
     border-color: rgba(0,0,0,.1); /* Dark border for toggler */
}
 .navbar-custom-light .navbar-toggler-icon {
     /* Dark toggler icon for light background */
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
 }
/* Optional: Style for the button */
.btn-outline-accent {
    color: #3498db;
    border-color: #3498db;
    transition: all 0.3s ease-in-out;
}
.btn-outline-accent:hover {
    color: #fff;
    background-color: #3498db;
    border-color: #3498db;
}
.header-spacing-1{
    margin-top: 0px;
}

.bg-image {  
    background-image: url(images/1.jpg);  
    background-size: cover;  
    background-position: center;  
    position: relative;  
    display: flex;  
    align-items: center;  
    justify-content: center;  
    height: 50%;  
}  

.overlay::before {  
    content: '';  
    position: absolute;  
    top: 0;  
    left: 0;  
    right: 0;  
    bottom: 0;  
    opacity: 1;  
    z-index: 1;  
}

.section-halfscreen-inner {  
    position: relative;  
    z-index: 2; /* Content above the overlay */  
}  

.text-black {  
    color: rgb(0, 0, 0); /* Ensure text is white */
    font-family: "Calibri", serif;
    font-size: large;
    font-weight: lighter;
}  

.image-container {  
    position: relative;  
    overflow: hidden;  
  }  
  
  .img-size {  
    width: 100%;       /* Ensure images take the full width */  
    height: 200px;     /* Set a fixed height for uniformity */  
    object-fit: cover; /* Ensure the image covers the area while preserving aspect ratio */  
  }  
  
  .carousel-caption {  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */  
    color: #fff;  
    padding: 10px;  
    opacity: 0; /* Hide by default */  
    transition: opacity 0.3s ease; /* Smooth transition */  
  }  
  
  .image-container:hover .carousel-caption {  
    opacity: 1; /* Show on hover */  
  }


/* Optional animations */  
@keyframes fadeInUp {  
    from {  
        opacity: 0;  
        transform: translateY(20px);  
    }  
    to {  
        opacity: 1;  
        transform: translateY(0);  
    }  
}  

/* Animation class for fading in */  
.wow {  
    animation-duration: 0.8s; /* Duration of animation */  
    animation-fill-mode: both; /* Retain styles after animation */  
} 
.text-black{
    font-family: "Monteserrat", serif;
    text-align: center;
    font-size: larger;
}