/* top section menu */

#top-page-section-pb{
	background-color: #114c52;
	text-align: right;
	padding-top:var(--space-1);
	padding-bottom:var(--space-1);
}


.menu-top-section-menu-container {
  display: flex; /* Use flexbox for alignment */
  justify-content: flex-end; /* Align the menu to the right */
  align-items: center; /* Vertically center the menu items */
  grid-column: span 12; /* Ensure it spans the full width of the grid */
}

.menu-top-section-menu-container ul {
  display: flex; /* Use flexbox for horizontal alignment */
  list-style: none; /* Remove default list styling */
  margin: 0; /* Reset margin */
  padding: 0; /* Reset padding */
}

.menu-top-section-menu-container ul li {
  margin-left: 16px; /* Add spacing between menu items */
  margin-bottom: 0;
}

.menu-top-section-menu-container ul li:first-child {
  margin-left: 0; /* Remove left margin for the first item */
}

.menu-top-section-menu-container ul li a {
  text-decoration: none; /* Remove underline */
  font-size: 15px; /* Adjust font size */
  color: #fff; /* Text color */
  font-weight: 500; /* Optional: Make it bold */
  padding: 4px 8px; /* Optional: Add some padding for better clickability */
  transition: color 0.3s ease; /* Smooth hover effect */
}

.menu-top-section-menu-container ul li a:hover {
  text-decoration: underline;
}





/* Main site navigation */

#mega-menu-wrap-main-menu {
  float: right;
}

#site-navigation {
  height: 100%;
  display: flex;
  align-content: center;
  align-items: center;
}

.header-right {
  height: 100%;
  display: flex;
  align-content: center;
  align-items: center;
}

.custom-logo {
  max-width: 100%;
  height: 4.5rem;
  width: auto;
}

.site-header {
 
  border-bottom: 1px solid #e3e3e3;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover {
  font-weight: 500;
}








.wrap-main-header-pb {
  display: flex;
  align-items: center; /* Vertically center elements */
  justify-content: space-between; /* Align items to edges with space in between */
  max-width: 1345px; /* Align with .container width */
  margin: 0 auto; /* Center the header */
  padding: 0 20px; /* Add some horizontal padding */
  box-sizing: border-box; /* Ensure padding doesn't exceed width */
}



/* Branding Section */
.site-branding {
  flex: 1; /* Allow space for branding/logo */
}

.site-logo img {
  max-height: 65px; /* Limit logo height */
  width: auto; /* Maintain aspect ratio */
}

/* Navigation Section */
#site-navigation {
  flex: 4; /* Allocate more space for navigation */
}

#site-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  
  gap: 20px; /* Add spacing between menu items */
}

#site-navigation li {
  display: inline;
}

#site-navigation a {
  text-decoration: none;
  color: #333333; /* Use your original link color */
  font-weight: 500;
  padding: 5px 10px;
  transition: color 0.3s ease;
}

#site-navigation a:hover {
  color: #007acc; /* Optional hover effect for links */
}

/* Header Right Section */
.header-right {
  display: flex;
  align-items: center; /* Align button vertically with menu */
  margin-left: 20px; /* Add space between menu and button */
}

.header-right .button-secondary {
  display: inline-block;
}

.header-right .button-secondary a {
  color: inherit;
  text-decoration: none;
}


#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
  
    box-shadow: 0 10px 6px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.06);
}

#site-navigation .sub-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

#site-navigation li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}





.styles_container__PGlmS {
  
    position: sticky;
    z-index: 50;
    width: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 999;
}









.hero-slider {
    position: relative;
    width: 100%;
    max-height: 680px; /* Set your desired max height */
    overflow: hidden;
}



.hero-content {
 position: absolute;
top: 35%;
left: 0%;
transform: translateY(-20%);
color: white;
width: 100%;
z-index: 2;
}

.the-content{
	max-width: 1345px;
	margin: 0 auto;
	padding: 0 20px;
}

.hero-content h1 {
    font-size: var(--font-size-header-2);
    font-weight: bold;
    margin-bottom: 1rem;
    max-width: 700px;
}

.hero-content p {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    max-width: 600px;
    color:#fff;
}

.cta-button {
    display: inline-block;
}










@media (max-width: 1228px) {
	#mega-menu-wrap-main-menu {
    float: right;
    margin: 0;
    margin-left: 25px;
	}
}

/* Responsive Styles */
@media (max-width: 768px) {
  .site-header {
    flex-wrap: wrap; /* Allow wrapping of elements */
  }
	
	.menu-top-section-menu-container ul li a{
		font-size: 13px;
	}

  #site-navigation {
    order: 1; /* Ensure menu appears before button */
    flex: 0; /* Take up full width */
  }

  .header-right {
    order: 2; /* Ensure button appears after menu */
    margin-left: 0; /* Remove margin on smaller screens */
  }

  .site-branding{
  	flex:2;
  }

  .hero-slider {
        max-height: 430px; /* Adjust for smaller screens */
    }
.hero-content {
  position: absolute;
  top: 45%;
  left: 0%;
  transform: translateY(-50%);
  color: white;
  width: 100%;
  z-index: 2;
}

.hero-content h1 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
    max-width: 100%;
}

.hero-content p{
	font-size: var(--font-size-header-4);
}



}