.elementor-7169 .elementor-element.elementor-element-9f59fd7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7169 .elementor-element.elementor-element-5f48989{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-5f48989 *//* ==========================================================================
   NEW-HEADER SCOPED STYLES
   ========================================================================== */
.new-header *, .new-header *::before, .new-header *::after{box-sizing:border-box}

.new-header{
  position:relative; font:400 17px/1.65 'Inter',system-ui,sans-serif; -webkit-font-smoothing:antialiased; color:#08182A;
}
.new-header a{color:inherit; text-decoration:none}
.new-header ul{margin:0; padding:0; list-style:none}
.new-header button{cursor:pointer}

.new-header .wrap{width:100%; max-width:1320px; margin:0 auto; padding:0 clamp(18px,4vw,40px)}

/* ---- scroll progress ---- */
.new-header .prog{position:fixed; top:0; left:0; right:0; height:2px; z-index:990; transform-origin:0 50%;
  transform:scaleX(0); background:linear-gradient(90deg,#0EA5E9,#38BDF8,#67E8F9)}

/* ---- buttons ---- */
.new-header .btn{display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:17px 30px; border-radius:999px; border:1.5px solid transparent; cursor:pointer;
  font:500 16px/1 'Inter',sans-serif; letter-spacing:-.01em; text-align:center;
  transition:transform .2s cubic-bezier(.2,.8,.3,1),background .2s,color .2s,border-color .2s}
.new-header .btn:hover{transform:translateY(-2px)}
.new-header .btn--cta{background:linear-gradient(135deg,#7DD3FC,#38BDF8); color:#04121F; font-weight:600}
.new-header .btn--cta:hover{background:linear-gradient(135deg,#A5F3FC,#7DD3FC)}
.new-header .btn--wa{background:#25D366; color:#04220F; font-weight:600}
.new-header .btn--wa:hover{background:#3EE57C}

/* ---- BRAND ---- */
.new-header .brand{display:block; position:relative; width:180px; flex:none; line-height:0}
.new-header .brand svg{width:100%; height:auto; display:block}
.new-header .brand__rev,.new-header .brand__ink{display:block; transition:opacity .3s}
.new-header .brand__ink{position:absolute; inset:0; opacity:0}
.new-header .head.stuck .brand__rev{opacity:0}
.new-header .head.stuck .brand__ink{opacity:1}

/* ==========================================================================
   HEADER — flat services flyout
   ========================================================================== */
.new-header .head{position:fixed; top:0; left:0; right:0; z-index:900; transition:.3s ease; background:transparent; width:100%;}
.new-header .head__in{display:flex; align-items:center; gap:30px; height:78px}
.new-header .head.stuck{background:rgba(255,255,255,.90); backdrop-filter:blur(18px) saturate(1.5); border-bottom:1px solid #DAE7F0}
.new-header .head.stuck .nav > li > a{color:#08182A}
.new-header .nav{display:flex; gap:30px; margin-left:auto; font-size:15.5px; font-weight:500; align-items:center}
.new-header .nav > li{position:relative}
.new-header .nav > li > a{color:rgba(255,255,255,.84); position:relative; padding:26px 0; display:inline-flex; align-items:center; gap:7px}
.new-header .nav > li > a::after{content:""; position:absolute; left:0; bottom:20px; height:1.5px; width:0; background:#38BDF8; transition:width .3s}
.new-header .nav > li > a:hover::after,.new-header .nav > li:hover > a::after{width:100%}
.new-header .nav .caret{width:9px; height:9px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
  transform:rotate(45deg) translateY(-2px); transition:transform .25s; opacity:.7}
.new-header .nav li:hover .caret{transform:rotate(225deg) translateY(-2px)}

/* flyout */
.new-header .fly{position:absolute; top:100%; left:-22px; min-width:560px; padding:14px; z-index:5;
  background:#FFFFFF; border:1px solid #DAE7F0; border-radius:14px;
  box-shadow:0 30px 70px rgba(15,42,71,.20); display:grid; grid-template-columns:1fr 1fr; gap:2px;
  opacity:0; visibility:hidden; transform:translateY(10px); transition:.24s cubic-bezier(.2,.8,.3,1)}
.new-header .nav li:hover .fly,.new-header .nav li:focus-within .fly{opacity:1; visibility:visible; transform:none}
.new-header .fly a{display:block; padding:12px 14px; border-radius:10px; color:#08182A; transition:.18s}
.new-header .fly a:hover{background:#E7F4FD; color:#0F2A47}
.new-header .fly b{display:block; font:600 15px/1.2 'Instrument Sans',sans-serif; letter-spacing:-.02em; margin-bottom:3px}
.new-header .fly span{font-size:12.5px; color:#54687C; line-height:1.4}
.new-header .fly__all{grid-column:1/-1; margin-top:8px; padding-top:12px; border-top:1px solid #DAE7F0;
  display:flex; justify-content:space-between; align-items:center; gap:14px; font-size:13.5px; color:#54687C}
.new-header .fly__all a{padding:0; font-weight:600; color:#0F2A47}
.new-header .fly__all a:hover{background:none; text-decoration:underline}
.new-header .head .btn{padding:13px 24px; font-size:15px; border-color:rgba(255,255,255,.5); color:#fff}
.new-header .burger{display:none; margin-left:auto; background:transparent !important; border:0; color:#fff; padding:10px; cursor:pointer}
.new-header .burger span{display:block; width:24px; height:1.5px; background:currentColor; margin:5px 0}
.new-header .head.stuck .burger{color:#08182A}

/* credential strip */
.new-header .credbar{border-top:1px solid rgba(255,255,255,.14); background:rgba(4,16,30,.55); backdrop-filter:blur(14px)}
.new-header .head.stuck .credbar{background:#0F2A47; border-top-color:transparent}
.new-header .credbar__in{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px 26px;
  padding:9px 0; font:500 12.5px/1.3 'Inter',sans-serif; color:rgba(255,255,255,.82); text-align:center}
.new-header .credbar__in i{font-style:normal; color:#38BDF8; font-size:9px; opacity:.7}
.new-header .credbar b{font-weight:600; color:#fff}

/* ==========================================================================
   MOBILE / TABLET DRAWER
   ========================================================================== */
.new-header .drawer{position:fixed; inset:0; z-index:960}
.new-header .drawer__bg{position:absolute; inset:0; background:rgba(8,10,12,.55); backdrop-filter:blur(4px);
  opacity:0; transition:opacity .3s}
.new-header .drawer.open .drawer__bg{opacity:1}
.new-header .drawer__p{position:absolute; top:0; right:0; bottom:0; width:min(400px,88vw);
  background:#FFFFFF; padding:26px 26px calc(26px + env(safe-area-inset-bottom));
  display:flex; flex-direction:column; gap:2px; overflow-y:auto; overscroll-behavior:contain;
  transform:translateX(100%); transition:transform .38s cubic-bezier(.2,.8,.3,1)}
.new-header .drawer.open .drawer__p{transform:none}
.new-header .drawer__x {
  align-self: self-end;
  border: 1px solid #DAE7F0;
  border-radius: 999px;
  color: #08182A;
  font-size: 17px;
  cursor: pointer;
  margin-bottom: 14px;
  background: transparent !important;
  padding: 7px 10px !important;
}
.new-header .drawer__p > a.dlink{font-family:'Instrument Sans',sans-serif; font-size:25px; font-weight:500;
  letter-spacing:-.03em; padding:14px 0; border-bottom:1px solid #DAE7F0; min-height:54px; display:flex; align-items:center}
.new-header .drawer__p > a.dlink:hover{color:#0F2A47}
.new-header .dgroup{border-bottom:1px solid #DAE7F0; padding:6px 0 14px}
.new-header .dgroup > p{font-family:'Instrument Sans',sans-serif; font-size:25px; font-weight:500; letter-spacing:-.03em;
  margin:0; padding:14px 0 8px; color:#08182A}
.new-header .dgroup a{display:block; padding:11px 0 11px 16px; font-size:15.5px; color:#54687C;
  border-left:2px solid #DAE7F0; min-height:44px}
.new-header .dgroup a:hover{color:#0F2A47; border-left-color:#38BDF8}
.new-header .drawer__foot{margin-top:auto; padding-top:26px; display:grid; gap:11px}
.new-header .drawer__foot .btn{width:100%}
.new-header .drawer__tel{text-align:center; font-size:14px; color:#54687C}
.new-header .drawer__tel b{display:block; font-family:'Instrument Sans',sans-serif; font-size:21px; color:#08182A; letter-spacing:-.02em}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES
   ========================================================================== */
@media (max-width:1024px){
  .new-header .nav{display:none}
  .new-header .burger{display:block; margin-left:auto}
  .new-header .head .btn{padding:12px 20px; font-size:14.5px; margin-left:12px}
  .new-header .brand{width:164px}
  .new-header .head__in{height:70px}
  .new-header .credbar__in{font-size:11.5px; gap:6px 16px}
}

@media (max-width:820px){
  .new-header .head .btn{display:none}
}

@media (max-width:640px){
  .new-header .head__in{height:62px}
  .new-header .brand{width:140px}
  .new-header .credbar__in{padding:7px 0; font-size:11px; gap:4px 12px}
  .new-header .credbar__in i{display:none}
  .new-header .drawer__p > a.dlink, .new-header .dgroup > p {
    font-size: 22px;
  }
}/* End custom CSS */