.elementor-277 .elementor-element.elementor-element-2e177327 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-277 .elementor-element.elementor-element-2e177327:not(.elementor-motion-effects-element-type-background), .elementor-277 .elementor-element.elementor-element-2e177327 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EACFBA00;}.elementor-277 .elementor-element.elementor-element-2e177327 > .elementor-container{max-width:1350px;}.elementor-277 .elementor-element.elementor-element-2e177327{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-277 .elementor-element.elementor-element-2e177327 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-277 .elementor-element.elementor-element-7009f273 > .elementor-element-populated{padding:0% 0% 0% 3%;}.elementor-277 .elementor-element.elementor-element-7009f273{z-index:9;}.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-277 .elementor-element.elementor-element-3932de6d{width:var( --container-widget-width, 18% );max-width:18%;padding:0% 0% 0% 0%;--container-widget-width:18%;--container-widget-flex-grow:0;z-index:999;border-radius:15px 15px 15px 15px;text-align:start;}.elementor-277 .elementor-element.elementor-element-3932de6d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-277 .elementor-element.elementor-element-3932de6d img{width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-277 .elementor-element.elementor-element-2e177327{padding:20px 10px 20px 10px;}.elementor-277 .elementor-element.elementor-element-3932de6d img{width:95%;}}@media(max-width:767px){.elementor-277 .elementor-element.elementor-element-7009f273{width:43%;}.elementor-277 .elementor-element.elementor-element-3932de6d{text-align:center;}.elementor-277 .elementor-element.elementor-element-3932de6d img{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-277 .elementor-element.elementor-element-7009f273{width:30%;}}/* Start custom CSS for column, class: .elementor-element-7009f273 *//* Ensure the header container is positioned relative */
.header-container {
  position: relative;
}

/* Base styles for both logos with transition */
.og-logo,
.scroll-logo {
  transition: opacity 0.5s ease;
}

/* Original logo visible by default */
.og-logo {
  opacity: 1;
  pointer-events: auto;
}

/* Scroll logo default styling: hidden and absolutely positioned so it won't affect layout */
.scroll-logo {
  position: absolute; /* Remove from document flow */
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  background-color: #1b2838;
  border: solid #c59833;
  border-width: 1px;
  border-radius: 50px;
  box-shadow: 5px 5px 0 0 #c59833;
}

/* When scrolling, hide the original logo */
.og-logo.hide {
  opacity: 0;
  pointer-events: none;
}

/* When scrolling, show the scroll logo */
.scroll-logo.show {
  opacity: 1;
  pointer-events: auto;
}/* End custom CSS */