.elementor-278 .elementor-element.elementor-element-85b7c3f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.69;--overlay-mix-blend-mode:luminosity;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:-115px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;--z-index:200;}.elementor-278 .elementor-element.elementor-element-85b7c3f::before, .elementor-278 .elementor-element.elementor-element-85b7c3f > .elementor-background-video-container::before, .elementor-278 .elementor-element.elementor-element-85b7c3f > .e-con-inner > .elementor-background-video-container::before, .elementor-278 .elementor-element.elementor-element-85b7c3f > .elementor-background-slideshow::before, .elementor-278 .elementor-element.elementor-element-85b7c3f > .e-con-inner > .elementor-background-slideshow::before, .elementor-278 .elementor-element.elementor-element-85b7c3f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(180deg, #000000B3 0%, #FFFFFF00 100%);}.elementor-278 .elementor-element.elementor-element-201d252{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-278 .elementor-element.elementor-element-e554b3e img{width:25%;border-radius:100px 100px 100px 100px;}.elementor-278 .elementor-element.elementor-element-112688d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}@media(min-width:768px){.elementor-278 .elementor-element.elementor-element-201d252{--width:18%;}.elementor-278 .elementor-element.elementor-element-112688d{--width:90%;}}/* Start custom CSS for html, class: .elementor-element-43bc381 *//* =============================
   MAIN MENU
============================= */
.custom-menu {
  text-align: center;
  font-family: 'Inter', sans-serif;
}

.custom-menu .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  gap:15px!important;
}

.custom-menu .menu-item {
  position: relative;
}

/* =============================
   PARENT MENU STYLE
============================= */
.custom-menu .menu-item > a {
  text-decoration: none;
  padding: 12px 8px;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  color: #ffffff !important;
  display: inline-block;
  transition: color 0.3s ease;
}

/* hover */
.custom-menu .menu-item > a:hover {
  color: #C89B4A !important;
}

/* active */
.custom-menu .menu-item > a:active,
.custom-menu .menu-item.current > a {
  color: #324A6D;
}

/* =============================
   DROPDOWN (REDUCED WIDTH)
============================= */
.custom-menu .dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 150px; /* reduced width */
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 2px 0 0;
  display: none;
  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
  z-index: 999;
}

/* show dropdown */
.custom-menu .menu-item:hover .dropdown,
.custom-menu .dropdown:hover {
  display: block;
}

/* =============================
   THICK GREEN TOP LINE
============================= */
.custom-menu .dropdown::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 3.5px !important;
  width: 100%;
  background: #EAAA2C !important;
}


.custom-menu .dropdown {
  margin: 0 !important;
  padding: 2px !important;  /* no padding at top */
}



/* =============================
   GREEN ARROW
============================= */
.custom-menu .dropdown::after {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #EAAA2C !important;
}

/* =============================
   CHILD MENU STYLE
============================= */
.custom-menu .dropdown li {
  border-bottom: 1px solid #B7E4C7;
}

.custom-menu .dropdown li:last-child {
  border-bottom: none;
}

.custom-menu .dropdown a {
  display: block;
  padding: 12px 18px;
  font-size: 13px !important;
  font-weight: 400;
  color: #000000 !important;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 0.2s ease;
  text-align: left;
}

/* child hover */
.custom-menu .dropdown a:hover {
  background: #f5f5f5;
  font-weight: 600;
  color: #EAAA2C !important;
}

.custom-menu .menu {
  flex-wrap: nowrap;
  white-space: nowrap;
}



/* =============================
   FONT COLOR CHANGE ON SCROLL
============================= */

/* Smooth transition for menu text */
.custom-menu .menu-item > a {
  transition: color 0.3s ease;
}

/* When scrolled → font turns black */
.custom-menu.scrolled .menu-item > a {
  color: white !important;
}

/* Hover color stays green even after scroll */
.custom-menu.scrolled .menu-item > a:hover {
  color: #EAAA2C !important;
}

/* Dropdown text remains unchanged */
.custom-menu.scrolled .dropdown a {
  color: #04418B;
}



/* =============================
   REDUCE PARENT GAP FOR TAB & SMALL SCREENS
============================= */
@media (max-width: 1366px) {

  .custom-menu .menu {
    gap: 6px !important;   /* reduce spacing */
  }

  .custom-menu .menu-item > a {
    font-size: 11.5px;       /* slight reduction */
    padding: 10px 6px;     /* reduce padding */
    letter-spacing: 0.2px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85b7c3f */.elementor-278 .elementor-element.elementor-element-85b7c3f.elementor-sticky--effects{
background-color: #0F3B3E !important
}

.elementor-278 .elementor-element.elementor-element-85b7c3f{
transition: background-color 1s ease !important;
}

.elementor-278 .elementor-element.elementor-element-85b7c3f.elementor-sticky--effects >.elementor-container{
min-height: 50px;
}

.elementor-278 .elementor-element.elementor-element-85b7c3f > .elementor-container{
transition: min-height 1s ease !important;
}

.logo img {
max-width: 140px;
height: auto;
transition: all 1s ease;
}

.elementor-sticky--effects .logo img {
max-width: 120px;
height: auto;
}





/* Thin bottom line when header scrolls */
.elementor-sticky--effects {
  border-bottom: 0px solid #C2C2C2
; /* thin line */
}


/* Default overlay visible */
.scroll-overlay-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.17); /* your overlay color */
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

/* Remove overlay on scroll */
.scroll-overlay-header.remove-overlay::before {
    opacity: 0;
}/* End custom CSS */