/* ==========================================================================
   TOP UTILITY BAR / GOOGLE TRANSLATE
   ========================================================================== */
.utility-bar{
  background:var(--navy);color:#cfe0ff;font-size:.82rem;
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 5%;font-family:'Inter',sans-serif;
}
.utility-bar .u-left span{margin-right:18px;opacity:.85;}
.utility-bar .u-left svg{width:14px;height:14px;margin-right:5px;vertical-align:-2px;}
#google_translate_element{display:inline-block;transform:scale(.92);}
.goog-te-gadget{color:#cfe0ff !important;font-family:'Inter',sans-serif !important;font-size:.8rem !important;}
.goog-te-gadget .goog-te-combo{border-radius:6px;padding:2px 6px;font-family:'Inter',sans-serif;}
.skiptranslate{display:inline-block !important;}
body > .skiptranslate.goog-te-banner-frame{display:none !important;}
body{top:0 !important;}

/* ==========================================================================
   UTILITY BAR + LANGUAGE SWITCH
   ========================================================================== */
#topWrap{position:fixed;top:0;left:0;right:0;z-index:1300;}
.utility-bar{background:var(--blue);color:#cfe0ff;font-size:.82rem;display:flex;align-items:center;justify-content:space-between;padding:6px 5%;font-family:'Inter',sans-serif;position:relative;z-index:1300;}
.utility-bar .u-left span{margin-right:18px;opacity:.85;}
.utility-bar .u-left svg{width:14px;height:14px;margin-right:5px;vertical-align:-2px;}
#google_translate_element{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;}
.lang-switch{position:relative;}
.lang-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#dce8fb;border-radius:50px;padding:5px 12px;font-size:.8rem;display:flex;align-items:center;gap:6px;font-family:'Inter',sans-serif;transition:all .3s var(--ease);}
.lang-btn:hover{background:rgba(255,255,255,.16);}
.lang-btn svg{width:14px;height:14px;}
.lang-menu{min-width:200px;border-radius:12px;border:none;padding:8px;box-shadow:0 20px 40px -12px rgba(10,36,64,.35);margin-top:10px !important;max-height:260px;overflow-y:auto;}
.lang-item{width:100%;text-align:left;background:none;border:none;padding:8px 12px;border-radius:8px;font-family:'Inter',sans-serif;font-size:.9rem;color:var(--ink);transition:all .2s ease;}
.lang-item:hover{background:var(--blue-soft);color:var(--blue);}

/* ==========================================================================
   HEADER
   ========================================================================== */
header.navbar{
  padding:14px 5%;transition:all .4s var(--ease);
  background:rgb(255 255 255);backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;
}
header.navbar.scrolled{
  padding:8px 5%;background:rgba(255,255,255,.96);
  box-shadow:0 8px 30px -12px rgba(10,36,64,.18);border-bottom-color:var(--line);
}
.navbar-brand{display:flex;align-items:center;gap:10px;}
.navbar-brand img{height:5rem;transition:height .3s var(--ease);top: -2rem;}
header.navbar.scrolled .navbar-brand img{height:34px;}
.nav-link{
  font-weight:600;color:var(--blue) !important;letter-spacing:.03em;
  font-size:1.02rem;margin:0 4px;position:relative;
  transition: all 0.3s var(--ease);
}
.nav-link::after{
  content:'';position:absolute;left:50%;bottom:2px;width:0;height:2px;background:var(--blue);
  transition:all .3s var(--ease);transform:translateX(-50%);
}
.nav-item:hover .nav-link{
    /* color: var(--gold)!important; */
    /* color: var(--hero-accent)!important; */
    transform: scale(1.1);
    /* color: var(--navy)!important; */
}
.nav-link:hover::after,.nav-link.active::after{width:70%;}
.nav-link.active{color:var(--navy) !important;}

.nav-phone-btn{
  background:linear-gradient(135deg,var(--blue),var(--navy-3));
  color:#fff;
  border-radius:10px;padding:.6rem 1.3rem;font-weight:600;display:inline-flex;gap:8px;align-items:center;
  transition:all .35s var(--ease);
  text-decoration: none;
  /* background:linear-gradient(135deg, var(--hero-accent), var(--gold-2)); */
}
.nav-phone-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(30,79,163,.5);color:#fff;background:linear-gradient(135deg,var(--navy-3),var(--navy))}
.nav-phone-btn svg{width:16px;height:16px;}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    /* color: var(--bs-navbar-active-color); */
    background: #1e4fa3;
    border-radius: 0.5rem;
    color: #fff !important;
}

/* ==========================================================================
   MISC / RESPONSIVE
   ========================================================================== */

@media (max-width:576px){
  .utility-bar{font-size:.72rem;}
  .utility-bar .u-left span:nth-child(2){display:none;}
}
.translate-box{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#2e3960;
    border:0.5px solid rgba(255,255,255,0.8);
    border-radius:50px;
    padding:8px 14px;
}

.globe-icon{
    width:20px;
    height:20px;
    color:rgba(255,255,255,0.8);
}

.translate-box select{
    border:none;
    outline:none;
    background:#2e3960;
    font-size:14px;
    cursor:pointer;
    color: rgba(255,255,255,0.8);
}

.skiptranslate {
    display: none !important;
}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc{ display: none;}

@media only screen and (max-width:767px){
    #navMenu.navbar-collapse{
        margin-top: 3rem;
    background: rgb(255, 255, 255);
    }
}










/* ==========================================================================
   FOOTER
   ========================================================================== */
footer{background:var(--navy);color:#c9d7ee;padding-top:70px;}
footer h5.footer-h{color:#fff;font-weight:700;letter-spacing:.04em;font-size:1.05rem;margin-bottom:18px;}
footer a{color:#c9d7ee;text-decoration:none;transition:all .3s var(--ease); font-size: 0.9rem;}
footer a:hover{ transform: translateY(-0.2rem);display: inline-flex;}
footer ul{list-style:none;padding:0;}
footer ul li{margin-bottom:10px;}
.footer-social{
  width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);
  display:inline-flex;align-items:center;justify-content:center;margin-right:8px;transition:all .3s var(--ease);
}
/* .footer-social:hover{background:var(--gold);} */
.footer-social svg{width:17px;height:17px;color:#fff;}
.footer-social:hover svg{color:#1a1200;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding:18px 0;text-align:center;font-size:.85rem;color:#8ea3c3;}
.footer-contact-item{display:flex;gap:10px;margin-bottom:14px;align-items:flex-start; font-size: 0.9rem;}
.footer-contact-item svg{width:18px;height:18px;color:#fff;flex:none;margin-top:3px;}

/* ---- page heading banner ---- */
.page-hero{position:relative;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-3) 55%,#0c2f57 100%);padding:90px 0 70px;overflow:hidden;color:#fff;
background-image: linear-gradient(
            90deg,
            rgba(3, 32, 85, 0.95) 0%,
            rgba(3, 48, 117, 0.92) 45%,
            rgba(3, 48, 117, 0.70) 65%,
            rgba(3, 48, 117, 0.20) 80%,
            rgba(3, 48, 117, 0.00) 100%
        ),url(../images/background_page_header.png);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
}
.page-hero-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;}
.page-hero-blob.b1{width:420px;height:420px;background:radial-gradient(circle,var(--blue) 0%,transparent 70%);top:-160px;right:-100px;}
.page-hero-blob.b2{width:360px;height:360px;background:radial-gradient(circle,var(--blue-2) 0%,transparent 70%);bottom:-140px;left:-100px;opacity:.22;}
.page-hero-texture{position:absolute;inset:0;opacity:.14;}
.page-hero-texture img{width:100%;height:100%;object-fit:cover;object-position:center;}
.page-hero h1{color:#fff;font-size:clamp(2rem,4vw,2.8rem);margin:16px 0 10px;position:relative;z-index:2;}
.page-hero p{color:#cddcf3;max-width:560px;position:relative;z-index:2;line-height: 1.4rem;}

.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;color:var(--blue);background:var(--blue-soft);border:1px solid #d7e3f7;padding:6px 16px;border-radius:50px;}
.eyebrow img{width:14px;height:14px;}
.eyebrow.light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28);}

    /* floating pge heading item STARTS */
      .floating-box{
width: 100%;
height: 100%;
    position:relative;
    /* overflow:hidden; */

}

.floating-box span{
    position: absolute;
    left: var(--x);
    top: var(--y);
    padding: 5px 9px;
    border-radius: 30px;
    color: #ddd;
    border: 1px solid #052669;
    background-color: #033075cc;
    animation: float 6s ease-in-out infinite;
    animation-delay: var(--d);
    font-size: 0.8rem;
}

@keyframes float{
    0%,100%{
        transform:translate(0,0);
    }
    25%{
        transform:translate(15px,-12px);
    }
    50%{
        transform:translate(-12px,10px);
    }
    75%{
        transform:translate(8px,-6px);
    }
}
    /* floating pge heading item ENDS */