.elementor-22 .elementor-element.elementor-element-368a0b8 > .elementor-container{min-height:90px;}.elementor-22 .elementor-element.elementor-element-368a0b8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-213px;z-index:1000;}.elementor-22 .elementor-element.elementor-element-368a0b8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-22 .elementor-element.elementor-element-da33c99.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22 .elementor-element.elementor-element-da33c99.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22 .elementor-element.elementor-element-da33c99 > .elementor-element-populated{padding:0px 0px 0px 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-22 .elementor-element.elementor-element-a2e849c{text-align:left;}.elementor-bc-flex-widget .elementor-22 .elementor-element.elementor-element-b29fa86.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22 .elementor-element.elementor-element-b29fa86.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22 .elementor-element.elementor-element-b29fa86 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-22 .elementor-element.elementor-element-4ccb106 .elementor-menu-toggle{margin:0 auto;}.elementor-22 .elementor-element.elementor-element-4ccb106 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-075cc30 );fill:var( --e-global-color-075cc30 );}.elementor-22 .elementor-element.elementor-element-4ccb106 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-22 .elementor-element.elementor-element-4ccb106 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF00;}.elementor-22 .elementor-element.elementor-element-4ccb106 .e--pointer-framed .elementor-item:before,
					.elementor-22 .elementor-element.elementor-element-4ccb106 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF00;}.elementor-bc-flex-widget .elementor-22 .elementor-element.elementor-element-fe75921.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22 .elementor-element.elementor-element-fe75921.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22 .elementor-element.elementor-element-fe75921 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-403d05c{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-22{margin:20px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1200px){.elementor-22 .elementor-element.elementor-element-4ccb106{width:var( --container-widget-width, 345.648px );max-width:345.648px;--container-widget-width:345.648px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-da33c99{width:25%;}.elementor-22 .elementor-element.elementor-element-b29fa86{width:50%;}.elementor-22 .elementor-element.elementor-element-fe75921{width:24.554%;}}/* Start custom CSS for social-icons, class: .elementor-element-403d05c *//* Facebook */
.elementor-social-icon-mixcloud i,
.elementor-social-icon-mixcloud svg {
    display: none !important; /* hide default icon only */
}

.elementor-social-icon-mixcloud {
    background: url('/wp-content/uploads/2025/10/zimbabwe.png') no-repeat center !important;
    background-size: contain !important;
    color: transparent !important;
}

/* Instagram */
.elementor-social-icon-snapchat i,
.elementor-social-icon-snapchat svg {
    display: none !important;
}

.elementor-social-icon-snapchat {
    background: url('/wp-content/uploads/2025/10/botswana.png') no-repeat center !important;
    background-size: contain !important;
    color: transparent !important;
}

/* WordPress */
.elementor-social-icon-wordpress i,
.elementor-social-icon-wordpress svg {
    display: none !important;
}

.elementor-social-icon-wordpress {
    background: url('/wp-content/uploads/2025/10/malawi.png') no-repeat center !important;
    background-size: contain !important;
    color: transparent !important;
}

/* YouTube */
.elementor-social-icon-xing i,
.elementor-social-icon-xing svg {
    display: none !important;
}

.elementor-social-icon-xing {
    background: url('/wp-content/uploads/2025/10/namibia.png') no-repeat center !important;
    background-size: contain !important;
    color: transparent !important;
}


.elementor-social-icon {
    transition: all 0.3s ease-in-out; /* smooth animation */
}

.elementor-social-icon:hover {
    filter: brightness(1.2) drop-shadow(0 0 6px rgba(0,0,0,0.4));
    transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-368a0b8 *//* ===== Sticky Header ===== */
.elementor-sticky--effects {
  background: linear-gradient(
    180deg,
    rgba(5, 17, 56, 0.95) 0%,
    rgba(0, 0, 0, 0.85) 100%
  ) !important;
  transition: background 1s ease !important;
}

.elementor-sticky--effects > .elementor-container {
  min-height: 70px;
  transition: min-height 1s ease !important;
}

/* ===== Logo Scaling on Scroll ===== */
.logo img {
  max-width: 180px;
  height: auto;
  transition: all 0.5s ease;
}

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

/* ===== Dropdown Container ===== */
.sub-menu.elementor-nav-menu--dropdown {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 10px 0;
  margin: 0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 100%;
  left: 0 !important;
  min-width: 220px;
  width: auto;
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.4s ease;
}

/* ===== Smooth Fade for Dropdown ===== */
li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* ===== Reset spacing ===== */
.sub-menu,
.sub-menu li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  position: relative;
  overflow: hidden;
}

/* ===== Full-width clickable links ===== */
.sub-menu li > a {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 20px;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;
}

/* ===== Divider lines ===== */
.sub-menu li > a::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  transition: opacity 0.3s ease;
}

.sub-menu li:last-child > a::after {
  display: none;
}

/* ===== Full-width gradient background on hover & active ===== */
.sub-menu li::before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  transition: background 0.35s ease, box-shadow 0.35s ease, transform 0.25s ease;
  z-index: 0;
  border-radius: 0; /* keep flat edges for clean stacking */
}

/* Hover & Active States — gradient covers entire li */
.sub-menu li:hover::before,
.sub-menu li.active::before,
.sub-menu li.current-menu-item::before,
.sub-menu li.current_page_item::before,
.sub-menu li.menu-item-current::before {
  background: linear-gradient(
    90deg,
    rgba(0, 180, 219, 1) 0%,
    rgba(0, 131, 176, 0.9) 40%,
    rgba(0, 131, 176, 0.1) 100%
  );
  box-shadow: inset 0 0 10px rgba(0, 180, 219, 0.25),
              0 0 12px rgba(0, 180, 219, 0.45);
}

/* ===== Hover animations ===== */
.sub-menu li:hover > a {
  transform: translateX(4px);
}

/* Optional: soften divider visibility on hover for continuity */
.sub-menu li:hover > a::after,
.sub-menu li.active > a::after,
.sub-menu li.current-menu-item > a::after,
.sub-menu li.current_page_item > a::after {
  opacity: 0.1;
}

/* ===== Top-Level Menu ===== */
.elementor-nav-menu > li > a {
  color: #fff;
  font-weight: 600;
  position: relative;
  border-radius: 25px;
  padding: 8px 20px;
  transition: background 0.4s ease, box-shadow 0.4s ease, color 0.4s ease, transform 0.3s ease;
}

/* ===== Top-Level Hover Gradient ===== */
.elementor-nav-menu > li > a:hover {
  background: linear-gradient(
    90deg,
    rgba(0, 180, 219, 1) 0%,
    rgba(0, 131, 176, 0.9) 40%,
    rgba(0, 131, 176, 0.1) 100%
  ) !important;
  box-shadow: 0 0 18px rgba(0, 180, 219, 0.55);
  color: #fff !important;
}

/* ===== Top-Level Active Menu Items ===== */
.elementor-nav-menu > li.current-menu-item:not(.menu-item-has-children) > a,
.elementor-nav-menu > li.current_page_item:not(.menu-item-has-children) > a {
  background-color: #009EE1 !important;
  color: #fff !important;
  border-radius: 25px;
  box-shadow: 0 0 15px rgba(0, 158, 225, 0.5);
}

/* ===== Gradient Underline for Active Top-Level Item ===== */
.elementor-nav-menu > li.active > a::after,
.elementor-nav-menu > li.current-menu-item > a::after,
.elementor-nav-menu > li.current_page_item > a::after {
  content: "";
  display: block;
  width: 50%;
  height: 3px;
  margin: 4px auto 0;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    rgba(0, 180, 219, 1) 0%,
    rgba(0, 131, 176, 0.9) 50%,
    rgba(0, 131, 176, 0.1) 100%
  );
  box-shadow: 0 0 6px rgba(0, 180, 219, 0.4);
  transition: width 0.4s ease, opacity 0.4s ease;
}

/* ===== Underline Animation on Hover ===== */
.elementor-nav-menu > li > a:hover::after {
  width: 80%;
  opacity: 1;
}/* End custom CSS */