.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-text );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover,
								.elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover,
								.elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item,
								.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted,
								.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before,
								.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before,
								.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:var( --e-global-color-accent );}
							.elementor-widget-navigation-menu .sub-menu li a.hfe-sub-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-sub-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-menu-item,
							.elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-a4bbdef .menu-item a.hfe-menu-item{padding-left:25px;padding-right:25px;}.elementor-11 .elementor-element.elementor-element-a4bbdef .menu-item a.hfe-sub-menu-item{padding-left:calc( 25px + 20px );padding-right:25px;}.elementor-11 .elementor-element.elementor-element-a4bbdef .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 25px + 40px );padding-right:25px;}.elementor-11 .elementor-element.elementor-element-a4bbdef .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 25px + 60px );padding-right:25px;}.elementor-11 .elementor-element.elementor-element-a4bbdef .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 25px + 80px );padding-right:25px;}.elementor-11 .elementor-element.elementor-element-a4bbdef .menu-item a.hfe-menu-item, .elementor-11 .elementor-element.elementor-element-a4bbdef .menu-item a.hfe-sub-menu-item{padding-top:18px;padding-bottom:18px;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-a4bbdef .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body.rtl .elementor-11 .elementor-element.elementor-element-a4bbdef .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-left:0px;}.elementor-11 .elementor-element.elementor-element-a4bbdef nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}.elementor-11 .elementor-element.elementor-element-a4bbdef ul.sub-menu{width:63px;}.elementor-11 .elementor-element.elementor-element-a4bbdef .sub-menu a.hfe-sub-menu-item,
						 .elementor-11 .elementor-element.elementor-element-a4bbdef nav.hfe-dropdown li a.hfe-menu-item,
						 .elementor-11 .elementor-element.elementor-element-a4bbdef nav.hfe-dropdown li a.hfe-sub-menu-item,
						 .elementor-11 .elementor-element.elementor-element-a4bbdef nav.hfe-dropdown-expandible li a.hfe-menu-item,
						 .elementor-11 .elementor-element.elementor-element-a4bbdef nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-11 .elementor-element.elementor-element-a4bbdef{width:100%;max-width:100%;}.elementor-11 .elementor-element.elementor-element-a4bbdef.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-a4bbdef .hfe-nav-menu__toggle{margin:0 auto;}.elementor-11 .elementor-element.elementor-element-a4bbdef .menu-item a.hfe-menu-item, .elementor-11 .elementor-element.elementor-element-a4bbdef .sub-menu a.hfe-sub-menu-item{color:#050505;}.elementor-11 .elementor-element.elementor-element-a4bbdef .sub-menu,
								.elementor-11 .elementor-element.elementor-element-a4bbdef nav.hfe-dropdown,
								.elementor-11 .elementor-element.elementor-element-a4bbdef nav.hfe-dropdown-expandible,
								.elementor-11 .elementor-element.elementor-element-a4bbdef nav.hfe-dropdown .menu-item a.hfe-menu-item,
								.elementor-11 .elementor-element.elementor-element-a4bbdef nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#fff;}.elementor-11 .elementor-element.elementor-element-a4bbdef .sub-menu li.menu-item:not(:last-child),
						.elementor-11 .elementor-element.elementor-element-a4bbdef nav.hfe-dropdown li.menu-item:not(:last-child),
						.elementor-11 .elementor-element.elementor-element-a4bbdef nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-11 .elementor-element.elementor-element-d9f0d27{--display:flex;--min-height:0px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:-20px;--padding-bottom:00px;--padding-left:00px;--padding-right:00px;}.elementor-11 .elementor-element.elementor-element-d9f0d27.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-8ddae6f{--e-image-carousel-slides-to-show:1;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-bce165f{left:-903px;}body.rtl .elementor-11 .elementor-element.elementor-element-bce165f{right:-903px;}.elementor-11 .elementor-element.elementor-element-bce165f{top:537px;}.elementor-11 .elementor-element.elementor-element-029223a{--display:flex;}.elementor-11 .elementor-element.elementor-element-2fdbcb2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 11px;padding:0px 0px 0px 0px;top:-4319px;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-2fdbcb2{left:-801px;}body.rtl .elementor-11 .elementor-element.elementor-element-2fdbcb2{right:-801px;}body.elementor-page-11:not(.elementor-motion-effects-element-type-background), body.elementor-page-11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}body.elementor-page-11{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-d9f0d27{--width:100.57%;}}@media(max-width:1024px){body:not(.rtl) .elementor-11 .elementor-element.elementor-element-a4bbdef.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-11 .elementor-element.elementor-element-a4bbdef nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}}@media(max-width:767px){body:not(.rtl) .elementor-11 .elementor-element.elementor-element-a4bbdef.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-11 .elementor-element.elementor-element-a4bbdef nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}}/* Start custom CSS for html, class: .elementor-element-d3bdaf1 *//* =========================================================
   MAGNOVA PREMIUM DEPTH / SHADOW UPGRADE
   Paste this AFTER the existing CSS
========================================================= */

/* ---------- Main Background ---------- */

.magnova-about {
  position: relative;
  background:
    radial-gradient(circle at 8% 12%, rgba(21,84,163,.055), transparent 28%),
    radial-gradient(circle at 92% 42%, rgba(212,175,55,.045), transparent 25%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 48%, #ffffff 100%);
}

/* subtle decorative glow */
.magnova-about::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  left: -250px;
  top: 250px;
  border-radius: 50%;
  background: rgba(21,84,163,.035);
  filter: blur(20px);
  pointer-events: none;
}

.magnova-about::after {
  content: "";
  position: absolute;
  width: 350px;
  height: 350px;
  right: -220px;
  bottom: 300px;
  border-radius: 50%;
  background: rgba(212,175,55,.045);
  filter: blur(25px);
  pointer-events: none;
}


/* ---------- Container ---------- */

.mg-container {
  position: relative;
  z-index: 2;
}


/* ---------- Heading ---------- */

.mg-heading {
  position: relative;
}

.mg-heading::after {
  content: "";
  display: block;
  width: 75px;
  height: 4px;
  margin-top: 30px;
  background: linear-gradient(
    90deg,
    #d4af37,
    #1554a3
  );
  border-radius: 10px;
}


/* ---------- Main About Content ---------- */

.mg-about-main {
  background: rgba(255,255,255,.72);
  padding: 42px 45px 42px 90px;
  border: 1px solid rgba(7,27,56,.055);
  border-radius: 4px;

  box-shadow:
    0 15px 40px rgba(7,27,56,.055),
    0 3px 10px rgba(7,27,56,.025);

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.mg-about-main:hover {
  transform: translateY(-5px);

  box-shadow:
    0 25px 60px rgba(7,27,56,.09),
    0 5px 15px rgba(21,84,163,.045);
}


/* ---------- Number Decoration ---------- */

.mg-number {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      #071b38,
      #1554a3
    );

  color: #d4af37;

  box-shadow:
    0 8px 20px rgba(7,27,56,.18);

  left: 28px;
  top: 38px;
}


/* ---------- Highlight Card ---------- */

.mg-highlight {
  border-radius: 5px;

  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(21,84,163,.55),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #06182f,
      #0b2850 65%,
      #103a6d
    );

  box-shadow:
    0 25px 60px rgba(7,27,56,.20),
    0 8px 20px rgba(7,27,56,.10);

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.mg-highlight:hover {
  transform: translateY(-7px);

  box-shadow:
    0 35px 80px rgba(7,27,56,.25),
    0 10px 30px rgba(212,175,55,.08);
}


/* ---------- Highlight Gold Accent ---------- */

.mg-highlight::before {
  content: "";
  position: absolute;

  left: 0;
  top: 0;

  width: 5px;
  height: 100%;

  background:
    linear-gradient(
      180deg,
      #d4af37,
      #f1d77a,
      #d4af37
    );
}


/* ---------- Mini Items ---------- */

.mg-mini-item {
  transition: .3s ease;
}

.mg-mini-item:hover {
  padding-left: 8px;
}

.mg-icon {
  border-radius: 50%;

  background: rgba(212,175,55,.06);

  box-shadow:
    inset 0 0 0 1px rgba(212,175,55,.12);
}


/* =========================================================
   CORE FOCUS CARDS
========================================================= */

.mg-focus-grid {
  border: none;
  gap: 18px;
}

.mg-focus-card {
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f8fafc
    );

  border: 1px solid rgba(7,27,56,.06) !important;

  border-radius: 6px;

  box-shadow:
    0 10px 30px rgba(7,27,56,.045);

  min-height: 290px;

  overflow: hidden;

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

.mg-focus-card::before {
  content: "";

  position: absolute;

  left: 0;
  top: 0;

  width: 100%;
  height: 3px;

  background:
    linear-gradient(
      90deg,
      #1554a3,
      #d4af37
    );

  transform: scaleX(0);
  transform-origin: left;

  transition: transform .35s ease;
}

.mg-focus-card:hover::before {
  transform: scaleX(1);
}

.mg-focus-card:hover {
  transform: translateY(-10px);

  border-color: rgba(21,84,163,.12) !important;

  box-shadow:
    0 25px 55px rgba(7,27,56,.11),
    0 5px 15px rgba(21,84,163,.045);
}


/* ---------- Focus Icon ---------- */

.mg-focus-icon {
  background:
    linear-gradient(
      135deg,
      #edf4fc,
      #f8f1dc
    );

  box-shadow:
    0 8px 18px rgba(7,27,56,.07);

  transition: .3s ease;
}

.mg-focus-card:hover .mg-focus-icon {
  transform: scale(1.08) rotate(3deg);

  box-shadow:
    0 12px 25px rgba(21,84,163,.12);
}


/* =========================================================
   MISSION / VISION / VALUES
========================================================= */

.mg-mvv {
  gap: 18px;
}

.mg-mvv-card {
  border-radius: 6px;

  box-shadow:
    0 15px 35px rgba(7,27,56,.055);

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.mg-mvv-card:hover {
  transform: translateY(-8px);

  box-shadow:
    0 25px 55px rgba(7,27,56,.11);
}


/* Dark card */

.mg-mvv-card.mg-mvv-dark {
  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(21,84,163,.55),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      #06182f,
      #0b2850
    );

  box-shadow:
    0 20px 45px rgba(7,27,56,.18);
}


/* =========================================================
   GLOBAL REACH
========================================================= */

.mg-global {
  position: relative;

  background:
    linear-gradient(
      135deg,
      rgba(246,248,251,.9),
      rgba(255,255,255,.95)
    );

  padding: 80px 70px;

  border: 1px solid rgba(7,27,56,.05);

  border-radius: 8px;

  box-shadow:
    0 18px 50px rgba(7,27,56,.055);

  overflow: hidden;
}

.mg-global::before {
  content: "";

  position: absolute;

  width: 300px;
  height: 300px;

  right: -130px;
  top: -130px;

  border-radius: 50%;

  border: 1px solid rgba(212,175,55,.20);

  box-shadow:
    0 0 0 25px rgba(212,175,55,.025),
    0 0 0 50px rgba(212,175,55,.015);
}

.mg-global::after {
  content: "MAGNOVA";

  position: absolute;

  right: 50px;
  bottom: -18px;

  font-size: 90px;
  font-weight: 900;

  letter-spacing: 5px;

  color: rgba(7,27,56,.025);

  pointer-events: none;
}


/* =========================================================
   CTA
========================================================= */

.mg-about-cta {
  border-radius: 7px;

  box-shadow:
    0 25px 60px rgba(7,27,56,.18),
    0 5px 20px rgba(212,175,55,.05);

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.mg-about-cta:hover {
  transform: translateY(-5px);

  box-shadow:
    0 35px 75px rgba(7,27,56,.22);
}


/* ---------- CTA Gold Button ---------- */

.mg-cta-button {
  border-radius: 3px;

  box-shadow:
    0 10px 25px rgba(212,175,55,.18);
}

.mg-cta-button:hover {
  box-shadow:
    0 15px 30px rgba(212,175,55,.25);
}


/* =========================================================
   RESPONSIVE SHADOW ADJUSTMENTS
========================================================= */

@media (max-width: 650px) {

  .mg-about-main {
    padding: 38px 25px 38px 65px;
  }

  .mg-number {
    left: 18px;
    top: 30px;
  }

  .mg-global {
    padding: 50px 28px;
  }

  .mg-global::after {
    font-size: 55px;
  }

  .mg-focus-card:hover,
  .mg-mvv-card:hover,
  .mg-about-main:hover,
  .mg-highlight:hover {
    transform: none;
  }

}/* End custom CSS */