/* IAOMC COMMON HEADER + FOOTER */
:root{
  --navy:#041e35;
  --navy2:#07395e;
  --blue:#075f9c;
  --cyan:#23c7d9;
  --cyan2:#8be9ef;
  --ice:#edfafd;
  --line:#d9e8ef;
  --shadow:0 25px 70px rgba(1,35,60,.13);
}
*{box-sizing:border-box}
.site-header img,.site-footer img{max-width:100%;display:block}
.site-header a,.site-footer a{text-decoration:none;color:inherit}
.site-header .container,.site-footer .container{width:min(1260px,calc(100% - 48px));margin:auto}

.site-header{
  position:sticky;
  top:0;
  z-index:9999;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(18px);
  box-shadow:0 8px 30px rgba(4,30,53,.06);
}
.brand-row{
  height:96px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.brand img{width:360px;max-width:72vw}
.nav-toggle{
  display:none;
  position:absolute;
  right:0;
  border:0;
  width:44px;
  height:44px;
  border-radius:14px;
  background:var(--navy);
  color:#fff;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.nav-shell{border-top:1px solid #edf2f5;position:relative}
.nav-shell:after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);
  opacity:.65;
}
.main-nav{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  align-items:stretch;
  justify-content:center;
}
.main-nav>li{position:relative}
.main-nav>li>a{
  height:60px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:7px;
  font-family:'Manrope','Poppins',Arial,sans-serif;
  font-size:12px;
  font-weight:800;
  color:#29445a;
  text-transform:uppercase;
  white-space:nowrap;
  position:relative;
}
.main-nav>li>a:before{
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:3px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  transform:translateX(-50%);
  border-radius:8px 8px 0 0;
  transition:.25s;
}
.main-nav>li.active>a,.main-nav>li>a:hover{color:var(--blue)}
.main-nav>li.active>a:before,.main-nav>li>a:hover:before{width:calc(100% - 28px)}
.main-nav .fa-chevron-down{font-size:9px}
.nav-drop{
  position:absolute;
  top:100%;
  left:0;
  min-width:250px;
  margin:0;
  padding:10px;
  list-style:none;
  background:rgba(255,255,255,.99);
  border:1px solid var(--line);
  border-radius:0 0 18px 18px;
  box-shadow:var(--shadow);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:.2s;
}
.main-nav li:hover>.nav-drop{
  opacity:1;
  visibility:visible;
  transform:none;
}
.nav-drop a{
  display:block;
  padding:11px 12px;
  border-radius:10px;
  font-family:'Manrope','Poppins',Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  color:#355166;
  text-transform:uppercase;
}
.nav-drop a:hover{background:var(--ice);color:var(--blue)}

.site-footer{
  position:relative;
  background:#021625;
  color:#c8d8e3;
  padding-top:82px;
  overflow:hidden;
}
.site-footer:before{
  content:'';
  position:absolute;
  top:-82px;
  left:-5%;
  width:110%;
  height:120px;
  background:#f2fafc;
  border-radius:0 0 50% 50%/0 0 100% 100%;
}
.site-footer:after{
  content:'';
  position:absolute;
  width:470px;
  height:470px;
  border-radius:50%;
  border:1px solid rgba(35,199,217,.07);
  right:-260px;
  top:100px;
  box-shadow:0 0 0 55px rgba(35,199,217,.018),0 0 0 110px rgba(35,199,217,.01);
}
.footer-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.25fr .75fr 1fr;
  gap:54px;
  padding:28px 0 58px;
}
.footer-block h3{
  margin:0 0 22px;
  color:#fff;
  font-family:'Manrope','Poppins',Arial,sans-serif;
  font-size:18px;
  font-weight:800;
}
.footer-block h3:after{
  content:'';
  display:block;
  width:32px;
  height:3px;
  border-radius:99px;
  background:var(--cyan);
  margin-top:10px;
}
.footer-block p{
  font-family:'Manrope','Poppins',Arial,sans-serif;
  font-size:13px;
  line-height:1.9;
  margin:0 0 8px;
  color:#b9ccd8;
}
.footer-block p:first-of-type{font-weight:800;color:#fff}
.footer-block>img{max-width:210px;margin-bottom:15px}
.flag-box{
  display:inline-block;
  padding:11px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 14px 36px rgba(0,0,0,.24);
}
.footer-copyright{
  position:relative;
  z-index:2;
  border-top:1px solid rgba(255,255,255,.08);
  padding:20px 0;
  text-align:center;
  color:#829bab;
  font-family:'Manrope','Poppins',Arial,sans-serif;
  font-size:12px;
}
.footer-copyright a{color:#a8c9db}

@media(max-width:1180px){
  .main-nav>li>a{padding:0 10px;font-size:11px}
}
@media(max-width:1050px){
  .brand-row{height:78px;justify-content:flex-start}
  .brand img{width:300px}
  .nav-toggle{display:flex}
  .nav-shell{border-top:0}
  .main-nav{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:0;
    background:#fff;
    box-shadow:0 25px 55px rgba(3,35,59,.17);
    padding:12px 22px 18px;
    flex-direction:column;
    align-items:stretch;
    max-height:calc(100vh - 78px);
    overflow:auto;
  }
  .main-nav.open{display:flex}
  .main-nav>li>a{
    height:auto;
    padding:14px 8px;
    justify-content:space-between;
    border-bottom:1px solid #edf2f5;
  }
  .main-nav>li>a:before{display:none}
  .nav-drop{
    position:static;
    display:none;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
    border:0;
    border-radius:12px;
    background:#f6fbfd;
    padding:5px 8px;
  }
  .main-nav li:hover>.nav-drop{display:none}
  .main-nav li.sub-open>.nav-drop{display:block}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-block:last-child{grid-column:1/-1}
}
@media(max-width:767px){
  .site-header .container,.site-footer .container{width:calc(100% - 28px)}
  .brand-row{height:72px}
  .brand img{width:245px;max-width:72vw}
  .site-footer{padding-top:62px}
  .site-footer:before{top:-56px;height:90px}
  .footer-grid{grid-template-columns:1fr;gap:32px;padding-bottom:40px}
  .footer-block:last-child{grid-column:auto}
}
@media(max-width:420px){
  .site-header .container,.site-footer .container{width:calc(100% - 20px)}
  .brand img{width:218px}
}