#section_navbar .xw-navbar {
background-color:  #202D60 !important;
background:  #202D60  !important;
}
.navbar .nav-link {
color: #fff !important;
}
.navbar {
  position: relative;
min-height: 60px;
}

.navbar .btn {
  position: absolute;
  right: 80px;
  top: 50%;
  transform: translateY(-50%);
}

/* Mobile override */
@media (max-width: 768px) {
  .navbar .btn {
    position: static;
    transform: none;
    width: 100%;
    margin: 10px 0 0 0;
    text-align: center;
    display: block;
  }
}

.navbar .btn {
color: #89B0C5 !important;
font-size: 1.3rem !important;
background-color: transparent;
border: 1px solid #89B0C5;
padding: 8px 16px;
border-radius: 4px;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
.navbar .btn:hover {
background-color: #89B0C5;
color: white !important;
}
/* full browser width for the content area */
.xw-content-section .container1080 { max-width: 95% !important;}
/* removing padding and marging space between content and footer */
.xw-mainapp.mb-5 { margin-bottom: 0 !important;}
.xw-mainapp > .pb-5 { padding-bottom: 0 !important;}
.xw-masthead .banner-image-wrap { max-height: 195% !important;}
.xw-masthead .container { max-width: 95% !important;} //make banner full width
.banner-image-wrap .container { max-width: 95% !important;}
.xw-content-section .xw-section-inner { padding: 0 !important;}
.xw-content-section .xw-content-section-inner { padding: 0 !important;}
.banner-image-wrap .container,
.banner-image-wrap .container1080 {
max-width: 95% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Desktop: Left-align navbar */
#section_navbar .xw-navbar .container {
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 20 !important;
}
/* Collapse container handles alignment */
#section_navbar .navbar-collapse {
justify-content: flex-start !important;
width: 100% !important;
}
/* Align nav items left */
#section_navbar .navbar-nav {
justify-content: flex-start !important;
margin-left: 0 !important;
}
/* Mobile: ensure collapse works and nav stacks vertically */
@media (max-width: 768px) {
#section_navbar .navbar-collapse {
flex-direction: column !important;
}
#section_navbar .navbar-nav {
flex-direction: column !important;
width: 100% !important;
}
#section_navbar .navbar-nav .nav-item {
width: 100% !important;
text-align: left !important;
padding: 8px 16px;
}
}
