.elementor-68480 .elementor-element.elementor-element-08b5257{--display:flex;--min-height:120px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;box-shadow:0px 31px 68px 15px rgba(3.000000000000002, 70.99999999999996, 54.99999999999999, 0.13);overflow:visible;}.elementor-68480 .elementor-element.elementor-element-61d1b3e{--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;overflow:visible;}.elementor-68480 .elementor-element.elementor-element-61d1b3e.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-68480 .elementor-element.elementor-element-7a87102.ekit-equal-height-enable,
					.elementor-68480 .elementor-element.elementor-element-7a87102.ekit-equal-height-enable > div,
					.elementor-68480 .elementor-element.elementor-element-7a87102.ekit-equal-height-enable .ekit-wid-con,
					.elementor-68480 .elementor-element.elementor-element-7a87102.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-68480 .elementor-element.elementor-element-7a87102 .elementskit-infobox{background-color:#FFFFFF;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:rgba(0, 0, 0, 0);border-radius:10px 10px 10px 10px;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;}.elementor-68480 .elementor-element.elementor-element-7a87102 .elementskit-infobox:hover{background-color:#F4F7F3;}.elementor-68480 .elementor-element.elementor-element-7a87102 .elementskit-infobox .elementskit-info-box-title{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;color:#034737;font-size:14px;font-weight:600;letter-spacing:-0.3px;}.elementor-68480 .elementor-element.elementor-element-7a87102 .elementskit-infobox .box-body > p{color:var( --e-global-color-text );font-size:12px;line-height:24px;letter-spacing:-0.2px;}.elementor-68480 .elementor-element.elementor-element-7a87102 .elementskit-infobox p{margin:1% 0% 0% 0%;}.elementor-68480 .elementor-element.elementor-element-7a87102 .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 5px 0px 0px;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);}.elementor-68480 .elementor-element.elementor-element-7a87102 .elementskit-infobox .elementskit-info-box-icon{transform:rotate(0deg);width:65px;}.elementor-68480 .elementor-element.elementor-element-7a87102 .elementskit-infobox .elementskit-info-box-icon {height:60px;}.elementor-68480 .elementor-element.elementor-element-fef9493{--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;overflow:visible;}.elementor-68480 .elementor-element.elementor-element-fef9493.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-68480 .elementor-element.elementor-element-3c09a3b.ekit-equal-height-enable,
					.elementor-68480 .elementor-element.elementor-element-3c09a3b.ekit-equal-height-enable > div,
					.elementor-68480 .elementor-element.elementor-element-3c09a3b.ekit-equal-height-enable .ekit-wid-con,
					.elementor-68480 .elementor-element.elementor-element-3c09a3b.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-68480 .elementor-element.elementor-element-3c09a3b .elementskit-infobox{background-color:#FFFFFF;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:rgba(0, 0, 0, 0);border-radius:10px 10px 10px 10px;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;}.elementor-68480 .elementor-element.elementor-element-3c09a3b .elementskit-infobox:hover{background-color:#F4F7F3;}.elementor-68480 .elementor-element.elementor-element-3c09a3b .elementskit-infobox .elementskit-info-box-title{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;color:#034737;font-size:14px;font-weight:600;letter-spacing:-0.3px;}.elementor-68480 .elementor-element.elementor-element-3c09a3b .elementskit-infobox .box-body > p{color:var( --e-global-color-text );font-size:12px;line-height:24px;letter-spacing:-0.2px;}.elementor-68480 .elementor-element.elementor-element-3c09a3b .elementskit-infobox p{margin:1% 0% 0% 0%;}.elementor-68480 .elementor-element.elementor-element-3c09a3b .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 5px 0px 0px;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);}.elementor-68480 .elementor-element.elementor-element-3c09a3b .elementskit-infobox .elementskit-info-box-icon{transform:rotate(0deg);width:65px;}.elementor-68480 .elementor-element.elementor-element-3c09a3b .elementskit-infobox .elementskit-info-box-icon {height:60px;}@media(min-width:768px){.elementor-68480 .elementor-element.elementor-element-61d1b3e{--width:50%;}.elementor-68480 .elementor-element.elementor-element-fef9493{--width:50%;}}



/* Start custom CSS for container, class: .elementor-element-08b5257 *//* Step 1: Make parent menu item relative */
.elementskit-navbar-nav > li {
  position: relative !important;
}

/* Step 2: Add transparent 30px hover bridge */
.elementskit-navbar-nav > li::after {
  content: "";
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  height: 30px !important; /* increased gap */
  width: 100% !important;
  z-index: 998 !important;
  background: transparent !important;
}

/* Step 3: Style and position the mega menu panel */
.elementskit-megamenu-panel {
  position: absolute !important;
  top: calc(100% + 30px) !important; /* match the hover bridge */
  left: 0 !important;
  transform: translateX(-100px) !important;
  border-radius: 15px !important;
  transition: opacity 0.2s ease !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 999 !important;
}

/* Step 4: Keep menu open on hover of either the nav item or the panel */
.elementskit-navbar-nav > li:hover .elementskit-megamenu-panel,
.elementskit-megamenu-panel:hover {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Step 5: Icon hover shadow effect */
.elementskit-megamenu-panel .elementor-icon {
  transition: all 0.3s ease;
  border-radius: 12px;
}

/* Shadow and lift on hover */
.elementskit-megamenu-panel .elementor-icon:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}/* End custom CSS */

