.elementor-kit-12{--e-global-color-secondary:#000000;--e-global-color-primary:#FFFFFF;--e-global-color-text:#001B48;--e-global-color-accent:#0392C2;--e-global-color-f750883:#0392C2;--e-global-color-ffd8272:#E3007D;--e-global-color-69dc16c:#FD5C70;--e-global-color-44af21a:#92BF20;--e-global-color-441d90d:#9164CC;--e-global-color-4daaa69:#694A98;--e-global-color-7ff120e:#D92A1D;--e-global-color-eb93efb:#5D181F;--e-global-color-1f928f1:#0071CE;--e-global-color-6df1993:#063665;--e-global-color-52a7564:#305D6F;--e-global-color-156de10:#0D0D21;--e-global-color-2e0c057:#757272;--e-global-color-e97e6ed:#FFFFFF;--e-global-color-d91a314:#B9B9B9;--e-global-color-9259d78:#0392C2;--e-global-color-5c80ee7:#0392C2;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:400;background-color:var( --e-global-color-156de10 );color:#000000;font-family:"Montserrat", Sans-serif;font-size:20px;line-height:25px;}.elementor-kit-12 a{color:#FFFFFF;text-decoration:none;}.elementor-kit-12 a:hover{color:var( --e-global-color-primary );}.elementor-kit-12 h1{color:#FFFFFF;}.elementor-kit-12 h2{color:#FFFFFF;}.elementor-kit-12 h3{color:#FFFFFF;}.elementor-kit-12 h4{color:#FFFFFF;}.elementor-kit-12 h5{color:#FFFFFF;}.elementor-kit-12 h6{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;--container-default-padding-top:15px;--container-default-padding-right:15px;--container-default-padding-bottom:15px;--container-default-padding-left:15px;}.elementor-widget:not(:last-child){margin-block-end:15px;}.elementor-element{--widgets-spacing:15px 15px;--widgets-spacing-row:15px;--widgets-spacing-column:15px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:15px;--container-default-padding-right:15px;--container-default-padding-bottom:15px;--container-default-padding-left:15px;}}
/* Start custom CSS */a{
    text-decoration: none !important;
}

.glass-bg{
     background: rgba(255, 255, 255, 0.15);
     backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 10px;
}

/*.glass-bg::before{*/
/*     background: rgba(255, 255, 255, 0.15);*/
/*     backdrop-filter: blur(10px);*/
/*  -webkit-backdrop-filter: blur(10px);*/
/*}*/

.glass-header {
  position: relative; /* Ensure the pseudo-element stays within bounds */
  
}

.glass-header::before {
  content: "";
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.15);
  position: absolute;
  inset: 0; /* Covers the entire element */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Required for Safari support */
  z-index: -1; /* Places the blur behind the text */
  border: 1px solid #FFFFFF7A;
}



.hfe-nav-menu .sub-menu::before {
  content: "";
  border-radius: 0 0 10px 10px !important;
  background: rgba(255, 255, 255, 0.15);
  position: absolute;
  inset: 0; /* Covers the entire element */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Required for Safari support */
  z-index: -1; /* Places the blur behind the text */
  border: 1px solid #FFFFFF7A;
}

.elementor-sticky--active .glass-header::before{
    border-radius: 0 0 10px 10px !important;
    background: rgb(7 61 101 / 65%) !important;
    border: 1px solid #FFFFFF7A !important;
}


.elementor-sticky--active .hfe-nav-menu .sub-menu::before {
    
    border-radius: 0 0 10px 10px !important;
    background: rgb(7 61 101 / 65%) !important;
    border: 1px solid #FFFFFF7A !important;
}


.hfe-nav-menu{
    margin-bottom: -4px !important;
}

.hfe-nav-menu li>a{
    padding-bottom: 23px !important;
}

.hfe-nav-menu .menu-item a.hfe-sub-menu-item {
    padding-left: 15px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    
}

.hfe-nav-menu .menu-item a.hfe-sub-menu-item span{
    align-self: end !important;
    
}


/*Style for Main NAV Hover Blue Light Effect*/


  .hfe-nav-menu>li>a:before, .hfe-nav-menu>li>div>a:before {
    content: "" !important;
    position: absolute !important;
    height: 1px !important;
    bottom: 0px !important;
    left: 0 !important;
    background-color: #ffffff00 !important;
    visibility: hidden !important;
    width: 100% !important;
    transition: all 0.3s ease-in-out 0s !important;
    /* The glowing effect: a series of stacked shadows */
    /* box-shadow:  0 0 10px 10px 20px #0ff; */
    box-shadow: 0px -25px 24px 4px #00ffffe6 !important;
  }



.hfe-nav-menu> li:hover>a:before, .hfe-nav-menu>li:hover>div>a:before {
    visibility: visible !important;
    width: 100% !important;
  }



/* ==== Which Country… dropdown — transparent by default, container on hover ==== */



.country-nav .sub-menu{
    background: rgb(7 61 101 / 65%) !important;
     backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}





li.menu-item-11128 { position: relative; }

/* Default state: transparent, no visible border */
li.menu-item-11128 > a.elementor-item.has-submenu {
  background: transparent;
  border: 1px solid transparent;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
  position: relative;
  z-index: 1001;
}

/* Hover / open state: becomes the top of the dropdown container */
li.menu-item-11128:hover > a.elementor-item.has-submenu,
li.menu-item-11128:focus-within > a.elementor-item.has-submenu,
li.menu-item-11128 > a.elementor-item.has-submenu.highlighted {
  background: rgba(7, 61, 101, 0.65);
  border-color: rgba(255, 255, 255, 0.48);
}
/* ==== Which Country… dropdown — transparent by default, unified on hover ==== */
li.menu-item-11128 { position: relative; }

/* Default: transparent, with a transparent border so layout doesn't shift on hover */
li.menu-item-11128 > a.elementor-item.has-submenu {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-bottom: none !important;
  border-radius: 10px 10px 0 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1001 !important;
}

/* Hover / focus / open: show the container background + border */
li.menu-item-11128:hover > a.elementor-item.has-submenu,
li.menu-item-11128:focus-within > a.elementor-item.has-submenu,
li.menu-item-11128 > a.elementor-item.has-submenu.highlighted {
  background: rgba(7, 61, 101, 0.65) !important;
  border-color: rgba(255, 255, 255, 0.48) !important;
}

/* Submenu width matches the trigger exactly, flush below, sharing border */
li.menu-item-11128 > ul.sub-menu.elementor-nav-menu--dropdown {
  top: 100% !important;
  left: 0 !important;
  margin-top: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  border-top: none !important;
}



/*Styles for Vendor Pills and animation*/
.vendor-image{
    margin: 0px 10px !important;
}


.img-float1 {
  animation: float1 3s ease-in-out infinite;
}

.img-float2 {
  animation: float2 2s ease-in-out infinite;
}

.img-float3 {
  animation: float3 2s ease-in-out infinite;
}

@keyframes float1 {
  0% { transform: translateY(0px); }
  50% { transform: translateY(3px); }
  100% { transform: translateY(0px); }
}
@keyframes float2 {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0px); }
}
@keyframes float3 {
  0% { transform: translateY(0px); }
  50% { transform: translateY(4px); }
  100% { transform: translateY(0px); }
}




/*Styling widths*/

.w75{
    width: 75% !important;
}



/*G Form Button*/

.elementor-widget-mzero-gravity-forms .gform_wrapper form .gform_footer .gform_button {
    background-color: var(--e-global-color-9259d78) !important;
    font-family: "Lato", Sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) !important;
    border-radius: 25px 25px 25px 25px !important;
    padding: 12px 20px 12px 20px !important;
    border: 0px !important;

}
.elementor-widget-mzero-gravity-forms .gform_wrapper form .gform_footer .gform_button:hover {
    
    color: #ffffff !important;

}/* End custom CSS */