.elementor-2450 .elementor-element.elementor-element-5d1a6b7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2450 .elementor-element.elementor-element-5d1a6b7{border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF2E;padding:0px 50px 0px 50px;}.elementor-2450 .elementor-element.elementor-element-ae49b72 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-2450 .elementor-element.elementor-element-ae49b72 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2450 .elementor-element.elementor-element-ae49b72 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-opal-site-logo .widget-image-caption{color:var( --e-global-color-text );}.elementor-2450 .elementor-element.elementor-element-4f30037{text-align:left;}.elementor-2450 .elementor-element.elementor-element-4f30037 .elementor-image img,
                    .elementor-2450 .elementor-element.elementor-element-4f30037 .elementor-image>a img[src$=".svg"],
                    .elementor-2450 .elementor-element.elementor-element-4f30037 .elementor-image> img[src$=".svg"],
                    .elementor-2450 .elementor-element.elementor-element-4f30037 .elementor-image figure>a img[src$=".svg"]{width:100px;}.elementor-2450 .elementor-element.elementor-element-5cc9597 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-2450 .elementor-element.elementor-element-5cc9597 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2450 .elementor-element.elementor-element-5cc9597 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu .sub-arrow{font-size:15px;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--main, #nav-popup-e7f7f9e .elementor-nav-menu--popup, #nav-popup-e7f7f9e .elementor-nav-menu--popup > ul > li > a{font-weight:600;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--main .elementor-item:not(:hover):not(.elementor-item-active){color:#ffffff;}#nav-popup-e7f7f9e .elementor-nav-menu--popup .elementor-item:not(:hover):not(.elementor-item-active){color:#ffffff;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}#nav-popup-e7f7f9e .elementor-nav-menu--popup .elementor-item{padding-left:0px;padding-right:0px;padding-top:40px;padding-bottom:40px;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--main:not(.e--pointer-underline) .elementor-item{padding-top:40px;padding-bottom:40px;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--main.e--pointer-underline .elementor-item .menu-title{padding-top:40px;padding-bottom:40px;}body:not(.rtl) .elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child){margin-right:30px;}body.rtl .elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child){margin-left:30px;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}#nav-popup-e7f7f9e .elementor-nav-menu--popup .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;padding-bottom:30px;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--dropdown:not(.mega-menu), #nav-popup-e7f7f9e .elementor-nav-menu--dropdown{background-color:#ffffff;font-size:15px;font-weight:300;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--dropdown:not(.mega-menu) .has-submenu{color:#008C07;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--dropdown:not(.mega-menu) a:hover, .elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--dropdown:not(.mega-menu) a.highlighted{color:#008C07;}#nav-popup-e7f7f9e .elementor-nav-menu--dropdown a:hover, #nav-popup-e7f7f9e .elementor-nav-menu--dropdown a.highlighted{color:#008C07;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--layout-horizontal.elementor-nav-menu--main .elementor-nav-menu a.elementor-sub-item.elementor-item-active{color:#008C07;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--dropdown:not(.mega-menu) a:before{background-color:#008C07;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-menu-toggle:not(:hover) i{color:#ffffff;}.elementor-2450 .elementor-element.elementor-element-3b4fa3e.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-2450 .elementor-element.elementor-element-3b4fa3e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-2450 .elementor-element.elementor-element-3b4fa3e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2450 .elementor-element.elementor-element-3b4fa3e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2450 .elementor-element.elementor-element-66ed31e{width:auto;max-width:auto;}.elementor-2450 .elementor-element.elementor-element-66ed31e.elementor-view-stacked:not(:hover) .elementor-icon{background-color:#1E1F1E;}.elementor-2450 .elementor-element.elementor-element-66ed31e.elementor-view-framed:not(:hover) .elementor-icon, .elementor-2450 .elementor-element.elementor-element-66ed31e.elementor-view-default:not(:hover) .elementor-icon{color:#1E1F1E;}.elementor-2450 .elementor-element.elementor-element-66ed31e.elementor-position-right .elementor-icon-box-icon{margin-left:5px;}.elementor-2450 .elementor-element.elementor-element-66ed31e.elementor-position-left .elementor-icon-box-icon{margin-right:5px;}.elementor-2450 .elementor-element.elementor-element-66ed31e.elementor-position-top .elementor-icon-box-icon{margin-bottom:5px;}.elementor-2450 .elementor-element.elementor-element-66ed31e .elementor-icon{font-size:18px;border-width:1px 1px 1px 1px;}.elementor-2450 .elementor-element.elementor-element-66ed31e .elementor-icon i{transform:rotate(0deg);}.elementor-2450 .elementor-element.elementor-element-66ed31e:not(:hover) .elementor-icon{border-color:#FC592BD6;}.elementor-2450 .elementor-element.elementor-element-66ed31e .elementor-icon-box-svg img{width:80px;height:80px;}.elementor-2450 .elementor-element.elementor-element-66ed31e.elementor-position-right .elementor-icon-box-svg{margin-left:15px;}.elementor-2450 .elementor-element.elementor-element-66ed31e.elementor-position-left .elementor-icon-box-svg{margin-right:15px;}.elementor-2450 .elementor-element.elementor-element-66ed31e.elementor-position-top .elementor-icon-box-svg{margin-bottom:15px;}.elementor-2450 .elementor-element.elementor-element-66ed31e.elementor-view-stacked:hover .elementor-icon{background-color:#08710A;}.elementor-2450 .elementor-element.elementor-element-66ed31e.elementor-view-framed:hover .elementor-icon, .elementor-2450 .elementor-element.elementor-element-66ed31e.elementor-view-default:hover .elementor-icon{color:#08710A;border-color:#08710A;}.elementor-2450 .elementor-element.elementor-element-66ed31e .elementor-icon-box-title{margin-bottom:0px;}.elementor-2450 .elementor-element.elementor-element-66ed31e:not(:hover) .elementor-icon-box-title{color:#FFFFFF;}.elementor-2450 .elementor-element.elementor-element-66ed31e .elementor-icon-box-content .elementor-icon-box-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:18px;line-height:20px;}.elementor-2450 .elementor-element.elementor-element-66ed31e .elementor-icon-box-description{margin-bottom:0px;}@media(max-width:1024px){.elementor-2450 .elementor-element.elementor-element-5d1a6b7{padding:0px 30px 0px 30px;}body:not(.rtl) .elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child){margin-right:25px;}body.rtl .elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child){margin-left:25px;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:25px;}#nav-popup-e7f7f9e .elementor-nav-menu--popup .elementor-nav-menu > li:not(:last-child){margin-bottom:25px;padding-bottom:25px;}}@media(max-width:767px){.elementor-2450 .elementor-element.elementor-element-5d1a6b7{padding:15px 15px 15px 15px;}.elementor-2450 .elementor-element.elementor-element-ae49b72{width:50%;}.elementor-2450 .elementor-element.elementor-element-5cc9597{width:50%;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-menu-toggle{padding:0px 0px 0px 0px;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-menu-toggle .eicon{font-size:30px;}.elementor-2450 .elementor-element.elementor-element-e7f7f9e .elementor-menu-toggle .menu-toggle-title{margin-left:0px;}.elementor-2450 .elementor-element.elementor-element-3b4fa3e{width:50%;}.elementor-2450 .elementor-element.elementor-element-66ed31e .elementor-icon-box-icon{margin-bottom:5px;}.elementor-2450 .elementor-element.elementor-element-66ed31e .elementor-icon-box-svg{margin-bottom:15px;}}@media(min-width:768px){.elementor-2450 .elementor-element.elementor-element-ae49b72{width:25%;}.elementor-2450 .elementor-element.elementor-element-5cc9597{width:54%;}.elementor-2450 .elementor-element.elementor-element-3b4fa3e{width:20.332%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2450 .elementor-element.elementor-element-ae49b72{width:25%;}.elementor-2450 .elementor-element.elementor-element-5cc9597{width:75%;}.elementor-2450 .elementor-element.elementor-element-3b4fa3e{width:25%;}}/* Start custom CSS for opal-site-logo, class: .elementor-element-4f30037 *//* 🔹 Transparent Header with Adjustable Opacity */
.site-header {
  background: rgba(0, 0, 0, 0.1) !important; /* 0.4 = 40% visible; adjust transparency */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: background 0.4s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* 🔹 When user scrolls down — make header solid for readability */
.site-header.scrolled {
  background: rgba(255, 255, 255, 0.98) !important; /* solid white when scrolling */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* 🔹 Ensure content below isn't hidden by header */
body:not(.home) .site-content {
  padding-top: 120px; /* adjust according to your header height */
}

/* 🔹 Menu links color (white on transparent, dark on scroll) */
.site-header a,
.site-header .elementor-widget-nav-menu a {
  color: #fff !important;
  transition: color 0.3s ease;
}

.site-header.scrolled a,
.site-header.scrolled .elementor-widget-nav-menu a {
  color: #222 !important;
}

/* ✅ Keep logo original color */
.site-header .elementor-widget-opal-site-logo img {
  filter: none !important;
  transition: none !important;
}















/* 🔹 Default menu item style */
.site-header .elementor-nav-menu--main .elementor-item {
  color: black !important; /* Default white on transparent header */
  transition: color 0.3s ease;
  text-decoration: none !important;
  border: none !important;
}

/* 🔹 On hover or active state, turn orange */
.site-header .elementor-nav-menu--main .elementor-item:hover,
.site-header .elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: white !important; /* white hover/active color */
  text-decoration: none !important;
  border: none !important;
}

/* 🔹 Remove any underline or border effects that theme adds */
.site-header .elementor-nav-menu--main .elementor-item::before,
.site-header .elementor-nav-menu--main .elementor-item::after {
  display: none !important;
  content: none !important;
}/* End custom CSS */