.elementor-kit-6{--e-global-color-primary:#123F8C;--e-global-color-secondary:#102A43;--e-global-color-text:#566575;--e-global-color-accent:#35A8FF;--e-global-color-477e35a:#7A8794;--e-global-color-89b268b:#F4F7FA;--e-global-color-9e384de:#DDE5EC;--e-global-color-5aeb718:#0B1B2B;--e-global-color-efff2e9:#FFFFFF;--e-global-color-ba71453:#0F356F;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:600;color:#566575;font-size:16px;font-weight:400;line-height:1.75em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );font-weight:500;}.elementor-kit-6 a:hover{color:var( --e-global-color-ba71453 );text-decoration:underline;}.elementor-kit-6 h1{color:#102A43;font-size:52px;font-weight:600;letter-spacing:-0.4px;}.elementor-kit-6 h2{color:#102A43;font-size:38px;font-weight:600;line-height:1.3em;letter-spacing:-0.2px;}.elementor-kit-6 h3{color:#102A43;font-size:28px;font-weight:600;line-height:1.35em;}.elementor-kit-6 h4{color:#102A43;font-size:22px;font-weight:600;}.elementor-kit-6 h5{color:#102A43;font-size:18px;font-weight:600;line-height:1.5em;}.elementor-kit-6 h6{color:#102A43;font-size:16px;font-weight:600;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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-kit-6 h1{font-size:42px;line-height:1.2em;letter-spacing:-0.2px;}.elementor-kit-6 h2{font-size:32px;line-height:1.3em;}.elementor-kit-6 h3{font-size:24px;line-height:1.4em;}.elementor-kit-6 h4{font-size:20px;}.elementor-kit-6 h5{font-size:18px;line-height:1.5em;}.elementor-kit-6 h6{font-size:16px;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:15px;line-height:1.7em;}.elementor-kit-6 h1{font-size:34px;line-height:1.25em;}.elementor-kit-6 h2{font-size:28px;line-height:1.35em;}.elementor-kit-6 h3{font-size:22px;line-height:1.4em;}.elementor-kit-6 h4{font-size:19px;line-height:1.45em;}.elementor-kit-6 h5{font-size:17px;line-height:1.5em;}.elementor-kit-6 h6{font-size:15px;line-height:1.55em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   STARANS HEADER & NAVIGATION
   Minimal Premium Industrial System
   WordPress + Elementor
========================================================= */

:root {
  /* =======================================================
     BRAND COLOR SYSTEM
  ======================================================= */

  /* Top information bar */
  --starans-topbar-bg: #0d3556;

  /* Main navigation */
  --starans-header-bg: #081f33;
  --starans-header-sticky: #061827;

  /* Dropdown */
  --starans-dropdown-bg: #081e31;
  --starans-dropdown-hover: rgba(53, 168, 255, 0.08);

  /* Typography */
  --starans-text: #d5e0e9;
  --starans-text-strong: #ffffff;
  --starans-text-muted: #9fb4c5;

  /* Accent */
  --starans-accent: #35a8ff;

  /* Borders */
  --starans-border: rgba(116, 171, 211, 0.12);
  --starans-dropdown-border: rgba(113, 164, 202, 0.16);

  /* Shadows */
  --starans-header-shadow:
    0 6px 18px rgba(0, 10, 20, 0.16);

  --starans-dropdown-shadow:
    0 14px 30px rgba(0, 8, 18, 0.26);
}


/* =========================================================
   01. TOP INFORMATION BAR
========================================================= */

.starans-topbar {
  position: relative;

  background:
    var(--starans-topbar-bg) !important;

  border-bottom:
    1px solid rgba(255, 255, 255, 0.06);

  box-shadow:
    none;
}


/* Topbar text */

.starans-topbar,
.starans-topbar p,
.starans-topbar span,
.starans-topbar .elementor-heading-title {
  color:
    #d2dee8 !important;
}


/* Topbar links */

.starans-topbar a {
  color:
    #d2dee8 !important;

  text-decoration:
    none;

  transition:
    color 0.16s ease;
}


/* Desktop hover only */

@media (hover: hover) and (pointer: fine) {

  .starans-topbar a:hover {
    color:
      #ffffff !important;
  }
}


/* =========================================================
   02. MAIN HEADER
========================================================= */

.sticky-header {
  position: relative;

  background:
    var(--starans-header-bg) !important;

  border-bottom:
    1px solid var(--starans-border);

  box-shadow:
    0 3px 12px rgba(0, 10, 20, 0.08);

  /*
   No backdrop-filter:
   better GPU performance on pages containing video / 3D.
  */

  -webkit-backdrop-filter:
    none;

  backdrop-filter:
    none;

  transition:
    background-color 0.20s ease,
    border-color 0.20s ease;
}


/* =========================================================
   03. STICKY HEADER STATE
========================================================= */

.elementor-sticky--effects.sticky-header {
  background:
    var(--starans-header-sticky) !important;

  border-bottom-color:
    rgba(116, 171, 211, 0.14);

  box-shadow:
    var(--starans-header-shadow);

  -webkit-backdrop-filter:
    none;

  backdrop-filter:
    none;
}


/* =========================================================
   04. LOGO
========================================================= */

.starans-logo img {
  display:
    block;

  /*
   Converts dark monochrome logo to premium off-white.
  */

  filter:
    brightness(0) invert(1);

  opacity:
    0.94;

  transition:
    opacity 0.16s ease;
}


/* Logo hover */

@media (hover: hover) and (pointer: fine) {

  .starans-logo:hover img {
    opacity:
      1;
  }
}


/* =========================================================
   05. MAIN NAVIGATION
========================================================= */

.starans-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> .menu-item
> .elementor-item {
  position:
    relative;

  color:
    var(--starans-text) !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-bottom:
    2px solid transparent !important;

  border-radius:
    0;

  box-shadow:
    none !important;

  text-shadow:
    none;

  transition:
    color 0.17s ease,
    border-color 0.17s ease;
}


/* =========================================================
   Disable Elementor Default Pointer Effects
========================================================= */

.starans-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> .menu-item
> .elementor-item::before,

.starans-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> .menu-item
> .elementor-item::after {
  display:
    none !important;
}


/* =========================================================
   06. MAIN MENU HOVER
========================================================= */

@media (hover: hover) and (pointer: fine) {

  .starans-menu
  .elementor-nav-menu--main
  > .elementor-nav-menu
  > .menu-item
  > .elementor-item:hover {
    color:
      var(--starans-text-strong) !important;

    background:
      transparent !important;

    border-bottom-color:
      rgba(53, 168, 255, 0.70) !important;
  }
}


/* Keyboard focus */

.starans-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> .menu-item
> .elementor-item:focus-visible {
  color:
    var(--starans-text-strong) !important;

  border-bottom-color:
    var(--starans-accent) !important;

  outline:
    none;
}


/* Open dropdown parent */

.starans-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> .menu-item
> .elementor-item[aria-expanded="true"] {
  color:
    var(--starans-text-strong) !important;

  border-bottom-color:
    rgba(53, 168, 255, 0.72) !important;
}


/* =========================================================
   07. CURRENT MAIN MENU ITEM
========================================================= */

.starans-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> .current-menu-item
> .elementor-item,

.starans-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> .current-menu-ancestor
> .elementor-item,

.starans-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> .menu-item
> .elementor-item-active {
  color:
    var(--starans-text-strong) !important;

  background:
    transparent !important;

  border-bottom-color:
    var(--starans-accent) !important;
}


/* =========================================================
   08. MENU ARROWS
========================================================= */

.starans-menu
.elementor-nav-menu--main
.sub-arrow {
  color:
    var(--starans-text-muted);

  fill:
    currentColor;

  transition:
    color 0.16s ease;
}


/* Arrow hover / active */

@media (hover: hover) and (pointer: fine) {

  .starans-menu
  .elementor-nav-menu--main
  .elementor-item:hover
  .sub-arrow {
    color:
      var(--starans-accent);
  }
}


.starans-menu
.elementor-nav-menu--main
.elementor-item[aria-expanded="true"]
.sub-arrow,

.starans-menu
.elementor-nav-menu--main
.current-menu-ancestor
> .elementor-item
.sub-arrow,

.starans-menu
.elementor-nav-menu--main
.elementor-item-active
.sub-arrow {
  color:
    var(--starans-accent);
}


/* =========================================================
   09. DESKTOP DROPDOWN PANEL
========================================================= */

.starans-menu
.elementor-nav-menu--main
.sub-menu,

.glass-dropdown
.elementor-nav-menu--dropdown {
  min-width:
    238px;

  padding:
    7px !important;

  overflow:
    hidden;

  background:
    var(--starans-dropdown-bg) !important;

  border:
    1px solid var(--starans-dropdown-border) !important;

  border-radius:
    5px;

  box-shadow:
    var(--starans-dropdown-shadow);

  -webkit-backdrop-filter:
    none;

  backdrop-filter:
    none;
}


/* =========================================================
   10. DROPDOWN LINKS
========================================================= */

.starans-menu
.elementor-nav-menu--main
.sub-menu
.elementor-sub-item,

.glass-dropdown
.elementor-nav-menu--dropdown
a {
  min-height:
    43px;

  padding:
    11px 13px !important;

  color:
    var(--starans-text) !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-left:
    2px solid transparent !important;

  border-radius:
    3px;

  box-shadow:
    none !important;

  font-weight:
    500;

  line-height:
    1.45;

  text-shadow:
    none;

  transition:
    color 0.16s ease,
    background-color 0.16s ease,
    border-color 0.16s ease;
}


/* =========================================================
   11. DROPDOWN HOVER
========================================================= */

@media (hover: hover) and (pointer: fine) {

  .starans-menu
  .elementor-nav-menu--main
  .sub-menu
  .elementor-sub-item:hover,

  .glass-dropdown
  .elementor-nav-menu--dropdown
  a:hover {
    color:
      var(--starans-text-strong) !important;

    background:
      var(--starans-dropdown-hover) !important;

    border-left-color:
      rgba(53, 168, 255, 0.72) !important;
  }
}


/* Keyboard focus */

.starans-menu
.elementor-nav-menu--main
.sub-menu
.elementor-sub-item:focus-visible,

.glass-dropdown
.elementor-nav-menu--dropdown
a:focus-visible {
  color:
    var(--starans-text-strong) !important;

  background:
    var(--starans-dropdown-hover) !important;

  border-left-color:
    var(--starans-accent) !important;

  outline:
    none;
}


/* =========================================================
   12. CURRENT DROPDOWN ITEM
========================================================= */

.starans-menu
.elementor-nav-menu--main
.sub-menu
.current-menu-item
> .elementor-sub-item,

.starans-menu
.elementor-nav-menu--main
.sub-menu
.elementor-sub-item.elementor-item-active,

.glass-dropdown
.elementor-nav-menu--dropdown
.current-menu-item
> a {
  color:
    var(--starans-text-strong) !important;

  background:
    rgba(53, 168, 255, 0.10) !important;

  border-left-color:
    var(--starans-accent) !important;
}


/* =========================================================
   13. HEADER ICONS
========================================================= */

.sticky-header
.elementor-icon {
  color:
    var(--starans-text-strong);

  fill:
    var(--starans-text-strong);

  transition:
    color 0.16s ease,
    fill 0.16s ease;
}


@media (hover: hover) and (pointer: fine) {

  .sticky-header
  .elementor-icon:hover {
    color:
      var(--starans-accent);

    fill:
      var(--starans-accent);
  }
}


/* Keyboard focus */

.sticky-header
.elementor-icon:focus-visible {
  color:
    var(--starans-accent);

  fill:
    var(--starans-accent);
}


/* =========================================================
   14. PHONE / TEXT LINKS INSIDE HEADER
========================================================= */

.sticky-header a {
  text-decoration:
    none;
}


/* =========================================================
   15. TABLET / MOBILE
========================================================= */

@media (max-width: 1024px) {

  /* -------------------------------------------------------
     Topbar
  ------------------------------------------------------- */

  .starans-topbar {
    background:
      #0b304f !important;
  }


  /* -------------------------------------------------------
     Header
  ------------------------------------------------------- */

  .sticky-header,
  .elementor-sticky--effects.sticky-header {
    background:
      #061b2f !important;

    border-bottom:
      1px solid rgba(255, 255, 255, 0.08);

    box-shadow:
      0 5px 16px rgba(0, 10, 20, 0.14);

    -webkit-backdrop-filter:
      none;

    backdrop-filter:
      none;
  }


  /* -------------------------------------------------------
     Mobile menu toggle
  ------------------------------------------------------- */

  .starans-menu
  .elementor-menu-toggle {
    color:
      var(--starans-text-strong) !important;

    background:
      transparent !important;

    border:
      1px solid rgba(255, 255, 255, 0.13);

    border-radius:
      4px;

    box-shadow:
      none;

    transition:
      color 0.16s ease,
      border-color 0.16s ease;
  }


  .starans-menu
  .elementor-menu-toggle:focus-visible {
    color:
      var(--starans-accent) !important;

    border-color:
      rgba(53, 168, 255, 0.50);

    outline:
      none;
  }


  /* -------------------------------------------------------
     Mobile dropdown panel
  ------------------------------------------------------- */

  .starans-menu
  .elementor-nav-menu--dropdown {
    padding:
      8px !important;

    background:
      #071d31 !important;

    border:
      1px solid rgba(255, 255, 255, 0.08);

    border-radius:
      4px;

    box-shadow:
      0 14px 26px rgba(0, 8, 18, 0.22);

    -webkit-backdrop-filter:
      none;

    backdrop-filter:
      none;
  }


  /* -------------------------------------------------------
     Mobile menu links
  ------------------------------------------------------- */

  .starans-menu
  .elementor-nav-menu--dropdown
  .elementor-item {
    min-height:
      45px;

    padding:
      11px 13px !important;

    color:
      var(--starans-text) !important;

    background:
      transparent !important;

    border:
      0 !important;

    border-left:
      2px solid transparent !important;

    border-radius:
      3px;

    box-shadow:
      none !important;

    transition:
      color 0.16s ease,
      background-color 0.16s ease,
      border-color 0.16s ease;
  }


  /* Mobile current / open */

  .starans-menu
  .elementor-nav-menu--dropdown
  .elementor-item-active,

  .starans-menu
  .elementor-nav-menu--dropdown
  .elementor-item[aria-expanded="true"] {
    color:
      var(--starans-text-strong) !important;

    background:
      rgba(53, 168, 255, 0.08) !important;

    border-left-color:
      var(--starans-accent) !important;
  }


  /* Remove desktop pointer effects */

  .starans-menu
  .elementor-nav-menu--dropdown
  .elementor-item::before,

  .starans-menu
  .elementor-nav-menu--dropdown
  .elementor-item::after {
    display:
      none !important;
  }
}


/* =========================================================
   16. DESKTOP-ONLY HOVER FOR MOBILE TOGGLE
========================================================= */

@media
  (max-width: 1024px)
  and (hover: hover)
  and (pointer: fine) {

  .starans-menu
  .elementor-menu-toggle:hover {
    color:
      var(--starans-accent) !important;

    border-color:
      rgba(53, 168, 255, 0.50);
  }


  .starans-menu
  .elementor-nav-menu--dropdown
  .elementor-item:hover {
    color:
      var(--starans-text-strong) !important;

    background:
      rgba(53, 168, 255, 0.07) !important;

    border-left-color:
      rgba(53, 168, 255, 0.68) !important;
  }
}


/* =========================================================
   17. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .sticky-header,

  .starans-topbar a,

  .starans-logo img,

  .starans-menu
  .elementor-item,

  .starans-menu
  .elementor-sub-item,

  .starans-menu
  .sub-arrow,

  .sticky-header
  .elementor-icon {
    transition:
      none !important;
  }
}/* End custom CSS */