@charset "utf-8";
 
 

/*===========================================================================================================*/
/*=========================================== GENERAL SETTINGS ==============================================*/
/*===========================================================================================================*/
body {
  margin: 0;
  padding: 0;
  font-size: 10px;
  background-color: #FFF;
  -webkit-font-smoothing: antialiased;
  color: #3a3a3a;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4em;
   
}
b, strong {
	font-weight: bold;
}
strong.stronger {
  font-weight: 900;
}
* {
  margin: 0;
  box-sizing: border-box;
}
.list-unstyled {
	list-style: none;
	padding: 0;
}
.list-unstyled li {
	display: block;
	margin: 0;
}
.list-inline {
	list-style: none;
	padding: 0;
}
.list-inline li {
	display: inline-block;
	margin: 0;
}
.list-inline li:not(:last-child) {margin-right: 5px;}
ul, ol {
  margin: 0 0 0;
  padding-left: 22px;
}
ul *, ol * {
  vertical-align: inherit;
   /* 133.333% */
   
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* padding-left:5px; */
}
li{}
li::marker  {font-size:11px;font-weight:400;/* align-self:center; */}
.break-word {
  -webkit-word-wrap: break-word;
  -moz-word-wrap: break-word;
  -ms-word-wrap: break-word;
  -o-word-wrap: break-word;
  word-wrap: break-word;
}
p {
  color: #000;
   
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 144.444% */
}

a {
  text-decoration: none;
  color: #FFF;
  font-family: Metropolis;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration-line: underline;
  text-decoration-style: 1px solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 1px;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
a:hover, a:focus {text-decoration-line: none;}
a img {
  border: none;
}
img {
  max-width: 100%;
  width: auto;
}
 
h1{
  color: #000;
   
  font-size: 66px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
 
.h1-small {
   color: #000;
 
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   letter-spacing: 9px;
   text-transform: uppercase;
   margin-bottom: 10px;
}

 

h2 {   
   color: #000;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

 

h3 {
  color: #000;
  text-align: center;
   
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
h4 {
  color: #000;
   
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

@media (max-width: 750px) {
  h1{
    font-size:45px;
  }

  h2{font-size: 45px;}

h1.h1-bnn-eyebrown{
	font-size: 25px;
}
h1.h1-bnn-eyebrown.down{
	font-size: 19px!important;
}
a.home-a {
 font-size:21px!important;
}
}
 
 

 /*===========================================================================================================*/
/*=========================================== TOP ===========================================================*/
/*===========================================================================================================*/
/*===========================================================================================================*/
/*=========================================== TOP ===========================================================*/
/*===========================================================================================================*/

:root{
  --menu-h-desktop: 94px;
  --menu-h-mobile: 78px;
  --menu-blue: #0B2E5E; /* change to your brand blue */
}

.menu{
  display:block;
  position:fixed;
  top:0;
  left:0;
  right:0;
  padding:0;
  margin:0 auto;
  opacity:1;
  z-index:9999;
  background:transparent;
  transition: background .25s ease, box-shadow .25s ease, padding .25s ease;
}
.menu .container{
	max-width:100%;
}
.menu.home{
  position:absolute;
  top:0;
  background:transparent;
}

.menu.ready{ opacity:1; }

.menu.actived{
  padding:0;
  box-shadow:none;
}

/* Sticky classic header on scroll */
.menu.behaved{
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  background: #03254C;
  box-shadow: 0 10px 25px rgba(0,0,0,.18);
  height:auto;
  overflow:visible;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* WP admin bar offsets */
.customize-support .menu.home{ top:32px; }
.customize-support .menu.behaved{ top:32px; }

@media screen and (max-width: 782px){
  .customize-support .menu.behaved{ top:46px; }
}

/* Keep behaved always pinned */
.menu.actived.behaved{
  top:0 !important;
  padding:0;
}

/* container */
.menu > .container{
  position:relative;
  display:flex;
  gap:0;
  align-items:center;
  justify-content: center;
  padding: 40px 60px;
}

.menu.home > .container{ align-items:center; }

/* Reduce height when sticky (classic header) */
.menu.behaved > .container{
  padding: 12px 50px 20px;
  justify-content: flex-start;
}

/*===========================================================================================================*/
/*=========================================== DESKTOP =======================================================*/
/*===========================================================================================================*/
.logo-mobile{display:none;}
@media screen and (min-width: 993px){

  .menu.home{
    background: rgba(0,0,0,.55);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }

  .menu .logo-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    max-width: 485px;
    height:156px;
    padding:10px 14px;
    background:#fff;
    max-height:200px;
    box-shadow: 0 10px 22px rgba(0,0,0,.18);
    gap:16px;
    flex-shrink:0;
    transition: all .3s ease;
  }

  .menu .logo-nav img{
    display:block;
    width:100%;
    max-width:328px;
    height:auto;
    transition: all .3s ease;
  }

  .menu .logo-nav:hover{ opacity:.92 !important; }

  .menu.behaved .logo-nav{
    max-width: 305px;
    /* width: 100%; */
    /* padding:8px 12px; */
    /* opacity:1; */
    /* width:auto; */
    /* overflow:visible; */
    top:auto;
    height: 92px;
  }

  .menu.behaved .logo-nav img{
    max-height: 90px;
    width:auto;
    max-width:none;
  }

  .menu .collapse-menu{
    width:auto;
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    gap:0;
    justify-content:flex-start;
    /* align-items:center; */
    border: 2px solid #fff;
    /* background: rgba(255,255,255,.06); */
  }

  .menu .collapse-menu > li{ position:relative; }

  .menu .collapse-menu > li + li{
    border-left: 2px solid #fff;
  }

  .menu .collapse-menu li a{
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 60px 35px;
    text-decoration:none;
    transition: background .2s ease, opacity .2s ease;
    color: #FFF;
    font-family: Metropolis;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
  }

  .menu .collapse-menu li a:after{ content:none !important; }

  .menu .collapse-menu > li:hover > a,
  .menu .collapse-menu > li:focus-within > a{
    
  }

  .menu .collapse-menu li.current-menu-item > a,
  .menu .collapse-menu li.current-page-ancestor > a{
    /* background: rgba(255,255,255,.12); */
    color: #187BCD;
  }

  .menu .arrow-menudown,
  .menu .arrow-menuright{
    display:inline-block;
    height:auto;
    vertical-align:middle;
    filter: brightness(0) invert(1);
    opacity:.95;
  }

  .menu .arrow-menudown{ width:12px; }
  .menu .arrow-menuright{ width:12px; }

  .menu .collapse-menu > li > ul{
    list-style:none;
    margin:0 !important;
    padding:0;
    position:absolute;
    top: calc(100% + 10px);
    left:0;
    transform:none;
    z-index:9999;
    width:280px;
    border: 1px solid rgba(255,255,255,.25);
    background: rgba(0,0,0,.92);
    box-shadow: 0 18px 40px rgba(0,0,0,.28);
    opacity:0;
    height:0;
    overflow:hidden;
    pointer-events:none;
    transition: opacity .2s ease, height .2s ease;
  }

  .menu .collapse-menu > li:hover > ul,
  .menu .collapse-menu > li:focus-within > ul{
    padding:14px 0;
    opacity:1;
    height:auto;
    pointer-events:auto;
  }

  .menu .collapse-menu > li > ul::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-12px;
    height:12px;
  }

  .menu .collapse-menu > li > ul > li a{
    display:block;
    padding:12px 18px !important;
    color:#fff;
    text-shadow:none;
    border:0;
    font-size:12px;
    font-weight:700;
    letter-spacing:.10em;
    text-transform:uppercase;
    line-height:1.2;
    background:transparent;
  }

  .menu .collapse-menu > li > ul > li a:hover,
  .menu .collapse-menu > li > ul > li a:focus{
    background: rgba(255,255,255,.10);
    opacity:1;
    text-decoration:none;
  }

  .menu .collapse-menu > li > ul > li a:before,
  .menu .collapse-menu > li > ul > li a:after{
    content:none !important;
  }
  .menu.behaved .collapse-menu li a{padding: 29.5px;}
  .menu.behaved .collapse-menu{display:flex;height: 92px;align-items: center;}
}


/*===========================================================================================================*/
/*=========================================== MOBILE ========================================================*/
/*===========================================================================================================*/

.menu .mobile-nav ul{ margin:0; }
.menu .mobile-nav ul li:not(:last-child){ margin-right:23px; }

.menu > div .navigation{
  display:block;
  position:relative;
  float:right;
  width:24px;
  margin:29px 0;
  text-decoration:none;
  background:none;
  transition: all .3s ease;
}
.menu.behaved > div .navigation{
  margin:22px 0;
  width:24px;
}

.menu > div a.navigation > .bar{
  position:absolute;
  left:0;
  width:24px;
  height:3px;
  border-radius:32px;
  background-color: var(--teal, #fff);
  transition: top .3s ease, transform .4s ease, opacity .3s ease;
}
.menu.behaved > div a.navigation > .bar{
  width:17px;
  background-color: var(--teal, #fff);
}

.menu > div a.navigation > span:first-child{ top:0; }
.menu > div a.navigation > span:nth-child(2){ top:8px; }
.menu > div a.navigation > span:nth-child(3){ top:16px; }

.menu > div a.navigation.behaved > span:first-child{
  top:7px;
  transform: rotate(135deg);
}
.menu > div a.navigation.behaved > span:nth-child(2){ display:none; }
.menu > div a.navigation.behaved > span:nth-child(3){
  top:7px;
  transform: rotate(-135deg);
}

/* Overlay */
.navigation-overlay{
  display:none;
  position:fixed;
  z-index:10;
  top:0;
  right:-105px;
  bottom:0;
  width:100%;
  padding: 138px 35px 50px;
  overflow-x:hidden;
  overflow-y:auto;
  transition:right .6s ease;
  background: var(--gray, #000);
  opacity:.9;
  border:none;
}
.navigation-overlay.behaved{ right:0; }

.navigation-overlay > ul{
  opacity:0;
  margin:0;
  padding:0;
}
.navigation-overlay.behaved > ul{ opacity:1; }

.navigation-overlay > ul > li{ margin-bottom:18px !important; }
.navigation-overlay > ul > li > a{
  background:none;
  color:#FFF;
  font-size:26px;
  font-weight:600;
  line-height:normal;
  text-decoration:none;
}

/* Hide the header logo when mobile overlay is open */
body.actived .menu .logo-nav{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Also hide the entire header container if needed (stronger) */
body.actived .menu{
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 991px){
  .navigation-overlay .arrow-menudown{ display:none !important; }
  .menu > .container{ justify-content: space-between !important; }
}

.navigation-overlay > ul > li ul{
  display:block;
  border-left: 2px solid #FFF;
  padding-left:23px;
  margin-left:17px;
  margin-top:12px;
  margin-bottom:10px;
}

.navigation-overlay > ul > li > ul li{ margin-bottom:11px !important; }
.navigation-overlay > ul > li > ul li a{
  text-transform:capitalize;
  font-size:22px;
  font-weight:700;
  line-height:normal;
  text-decoration:none;
  color:#FFF;
  background:none;
}

body.behaved,
body.actived{ overflow:hidden; }

/* Breakpoints */
@media screen and (min-width: 993px){
  .menu .navigation,
  .menu .mobile-nav,
  .navigation-overlay{
    display:none !important;
  }
.logo-mobile{display:none!important;}
	.logo-desktop{display:block!important;}

}

@media screen and (max-width: 991px){
  .menu > .container{
    padding: 30px 20px;
    gap:20px;
    align-items:anchor-center;
  }
  .menu.behaved > .container{
  padding: 12px 10px 20px;
  justify-content: flex-start;
}
	.logo-desktop{display:none!important;}
	.logo-mobile{display:block!important;}
  .menu.home > .container{ padding:30px 50px; }

  .menu .collapse-menu{ display:none; }
  body.actived{ overflow:auto !important; }

  .menu{ top:0; padding:0; }
  .menu.actived{
    background:#fff;
    padding:5px 2vw;
  }

  /* Keep behaved on mobile as you had (no forced blue here unless you want it) */
  .menu.behaved,
  .menu.behaved:before{
    background-image:none;
    border:transparent;
  }

  .menu > div .navigation{ margin-right:0; }
  .menu.actived > div .navigation{ margin:0; }

  .menu .logo-nav{
    top:8px;
    left:10px;
    width:260px;
    font-size:65px;
    color: var(--chas-blue, #fff);
  }
  .menu.actived .logo-nav{
    top:4px;
    font-size:49px;
    max-width:105px;
  }
}

@media screen and (max-width: 650px){
  .menu.home > .container{ padding:30px 20px; }
  .menu.behaved > div .navigation{
    width:24px;
    padding:0;
    margin-right:0;
  }
}

@media screen and (max-width: 910px){
  .customize-support .menu.home,
  .customize-support .menu.actived{ top:32px; }
}

@media screen and (max-width: 782px){
  .customize-support .menu.home,
  .customize-support .menu.actived{ top:46px; }
}

@media (max-width: 370px){
  .menu .mobile-nav ul li:not(:last-child){ margin-right:5px; }
}

 

/* Mobile overlay: hide ONLY the logo and remove the blue header bar */
@media (max-width: 991px){

   body.nav-open .menu,
  body.nav-open .menu.behaved,
  body.nav-open .menu.actived{
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

   body.nav-open .menu > .container{
    padding: 0 20px !important;
  }

 
  body.nav-open .menu .logo-nav{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body.nav-open .menu .logo-nav img{
    display: none !important;
  }

   body.nav-open .menu{
    pointer-events: none !important;
  }
  body.nav-open .menu .mobile-nav,
  body.nav-open .menu .mobile-nav *{
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/*===========================================================================================================*/
/*=========================================== 1920fix ======================================================*/
/*===========================================================================================================*/
.section-white {
  padding: 50px 0;
}

/* Container */
.container,
.container-lg {
	position: relative;
	margin: 0 auto;
	max-width: 1920px;
	padding: 0 20px;
}
.container {
	width: 100%;
	max-width: 1240px;
	gap: 0;
}
.container.container-1 {
	max-width: 1038px;
}
.container.container-2 {
	max-width: 934px;
}
@media (min-width: 1920px) {
	.container {
	    max-width: 1340px;
	}
}



/*===========================================================================================================*/
/*=========================================== FOR ALL ======================================================*/
/*===========================================================================================================*/
.services-split{
  padding: 0;
  background:
    linear-gradient(0deg, rgba(3, 37, 76, 0.80) 0%, rgba(3, 37, 76, 0.80) 100%),
    var(--bg-img) lightgray 50% / cover no-repeat;
}

.services-split .container-lg{padding: 200px 150px;}

.services-split-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 56px;
}

.services-left,
.services-right{
  flex:1 1 0;
  min-width: 0;
}

.services-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 24px;
  border-radius: 999px;
  border: 1px solid #fff;
  margin-bottom: 27px;
  color: #FFF;
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.services-title{
  margin:0 0 18px;
  font-size: 64px;
  color: #FFF;
  font-family: Metropolis;
  font-style: normal;
  font-weight: 700;
  line-height: 72px; /* 112.5% */
}

.services-subtitle{
  margin: 40px 0 20px;
  color: #FFF;
  font-feature-settings: 'dlig' on;
  font-family: Metropolis;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  text-align: left;
  line-height: normal;
}

.services-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap: 12px;
  color:#fff;
  font-size: 16px;
}

.services-list li{
  display:flex;
  align-items:center;
  gap: 10px;
  color: #FFF;
  font-feature-settings: 'dlig' on;
  font-family: Metropolis;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.services-check{
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1.5px solid rgba(255,255,255,.75);
  position: relative;
  flex: 0 0 30px;
  margin-bottom: 3px;
}

.services-check::after{
  content:"";
  position:absolute;
  left: 11px;
  top: 6px;
  width: 5px;
  height: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(40deg);
}

.services-right{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 30px;
}

.service-card{
  display:flex;
  flex-direction:column;
  gap: 10px;
  padding: 40px;
  width: 100%;
  /* width: 380px; */
  border-radius: 5px;
  background:#fff;
  color:#03254C;
  text-decoration:none;
  /* max-height: 265px; */
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.service-card h4{
  margin:0;
  color: #03254C;
  font-feature-settings: 'dlig' on;
  font-family: Metropolis;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-size: clamp(24px, 3.2vw, 32px);
}

.service-card p{
  margin:0;
  color: #3D3D3D;
  font-feature-settings: 'dlig' on;
  font-family: Metropolis;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Learn more + icon (SVG mask) */
.service-link{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  overflow: hidden;
  color: #03254C;
  text-overflow: ellipsis;
  font-family: Metropolis;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
   max-width:176px;
	border-bottom: 1px solid #000;
  line-height: normal;
  text-transform: uppercase;
  transition: color .2s ease;
}

.service-link::after{
  content:"";
  width: 30px;
  height: 30px;
  display:inline-block;
  flex: 0 0 30px;
  background-color:#03254C;
  -webkit-mask: url('../img/icons/arrow-up-right.svg') no-repeat center / contain;
  mask: url('../img/icons/arrow-up-right.svg') no-repeat center / contain;
  transition: background-color .2s ease, transform .2s ease;
}

.service-card:hover .service-link,
.service-card:focus-visible .service-link{
  color:#fff;
border-bottom:0px solid #fff;
}

.service-card:hover .service-link::after,
.service-card:focus-visible .service-link::after{
  background-color:#fff;
  
  transform: translate(1px, -1px);
}


.service-card:hover,
.service-card:focus-visible{
  background: #187BCD;
  color:#fff;
  transform: translateY(-2px);
}

.service-card:hover p,
.service-card:focus-visible p,
.service-card:hover h4,
.service-card:focus-visible h4
{
  color:#fff;
}
.services-right .service-card:nth-child(-n+2){
  margin-left: 20px;
}

.services-right .service-card:nth-child(n+3){
  margin-right: 20px;
}

/* Optional: remove offsets on mobile (1 column) */
@media (max-width: 1320px){
  .services-right .service-card:nth-child(-n+2),
  .services-right .service-card:nth-child(n+3){
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1320px){
  .services-split .container-lg{
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .services-split-row{
    flex-direction:column;
    align-items:stretch;
    gap: 34px;
  }

  .services-right{
    grid-template-columns: 1fr;
    align-self: center;
  }
}

/*===========================================================================================================*/
/*=========================================== BOTTOM ======================================================*/
/*===========================================================================================================*/
.cta-bottom{
  padding: 70px 0;
}

.cta-bottom-card{
  max-width: 780px;
  margin: 0 auto;
  border-radius: 14px;
  overflow:hidden;
  text-align:center;
  padding: 54px 28px;
  position: relative;
  isolation: isolate;  
}

 
.cta-bottom-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(3, 37, 76, 1);
  opacity: 0.96;              
  z-index:0;
}

/* Content above overlay */
.cta-bottom-card > *{
  position: relative;
  z-index: 1;
}

.cta-bottom-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 24px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.35);
  margin-bottom: 14px;
  color: #FFF;
  font-family: Metropolis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.cta-bottom-title{
  margin: 0 0 12px;
  color:#fff;
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.cta-bottom-text{
  margin: 0 0 22px;
  color: #FFF;
  text-align: center;
  font-family: Metropolis;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
}

.cta-bottom-btn{
  margin-top: 2px;
}

@media (max-width: 820px){
  .cta-bottom{
    padding: 56px 0;
  }

  .cta-bottom-card{
    max-width: 100%;
    padding: 44px 18px;
  }
}


/*===========================================================================================================*/
/*=========================================== PARALLAXX ====================================================*/
/*===========================================================================================================*/


/*===========================================================================================================*/
/*=========================================== KEY FRAMES ====================================================*/
/*===========================================================================================================*/
.scroll {
  opacity: 0;
}
.ready {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}

.scroll-left{opacity:0;}
.ready-left{opacity:1;animation:fadeInLeft 1.2s ease both;}

.scroll-right{opacity:0;}
.ready-right{opacity:1;animation:fadeInRight 1.2s ease both;}
 
.core-values-grid .core-card.scroll,
.core-values-grid .core-card.scroll-left,
.core-values-grid .core-card.scroll-right{
 
  animation-delay: var(--delay, 0ms);
}
 
/* delays (ajuste os ms se quiser mais rápido/lento) */
.core-values-grid .core-card:nth-child(1){ --delay: 0ms; }
.core-values-grid .core-card:nth-child(2){ --delay: 120ms; }
.core-values-grid .core-card:nth-child(3){ --delay: 240ms; }
.core-values-grid .core-card:nth-child(4){ --delay: 360ms; }
.core-values-grid .core-card:nth-child(5){ --delay: 480ms; }
.core-values-grid .core-card:nth-child(6){ --delay: 600ms; }


@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-20%);
		-webkit-transform: translateY(-20%);
		-moz-webkit-transform: translateY(-20%);
		-o-webkit-transform: translateY(-20%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20%);
		-webkit-transform: translateY(20%);
		-moz-webkit-transform: translateY(20%);
		-o-webkit-transform: translateY(20%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translateX(-20%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
		-webk9t-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translateX(20%);
		-webkit-transform: translateX(20%);
		-moz-transform: translateX(20%);
		-o-transform: translateX(20%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
		-webk9t-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
	}
}

 

/*===========================================================================================================*/
/*=========================================== FOOTER ========================================================*/
/*===========================================================================================================*/
.site-footer{
  background:#03254C;
  color:#fff;
  padding: 50px 100px;
}

.site-footer a{
  text-decoration:none;
  color: #FFF;
  font-feature-settings: 'dlig' on;
  font-family: Metropolis;
  font-size: 21.333px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.footer-top{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0px;
}

.footer-logo{
  /* display:inline-flex; */
  align-items:center;
  /* max-width: 430px; */
}

.footer-logo img{
  display:block;
  /* width: 500px; */
  /* max-width: 300px; */
  height:auto;
}

.footer-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap: 0;
  border: 2px solid #FFF;
}

.footer-menu > li{
  margin:0;
  padding: 24px 10px;
}

.footer-menu > li + li{
  border-left:2px solid #FFF;
}

.footer-menu > li > a{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 18px 34px;
  white-space: nowrap;
  color: #FFF;
  font-family: Metropolis;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.footer-menu > li.current-menu-item > a,
.footer-menu > li > a:hover{
  color: #187BCD;
}

.footer-divider{
  height:1px;
  background: #fff;
  margin: 28px 0 22px;
}

.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 30px;
}

.footer-contact{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap: 10px;
  font-size: 15px;
}

.footer-contact .footer-item{
  display:flex;
  align-items:center;
  gap: 12px;
}

.footer-contact .footer-item::before{
  content:"";
  width:18px;
  height:18px;
  display:inline-block;
  flex: 0 0 18px;
  background-color:#fff;
}

.footer-item-mail::before{
  -webkit-mask: url('../img/icons/envelope.svg') no-repeat center / contain;
  mask: url('../img/icons/envelope.svg') no-repeat center / contain;
}

.footer-item-office::before,
.footer-item-fab::before{
  -webkit-mask: url('../img/icons/map-marker-alt.svg') no-repeat center / contain;
  mask: url('../img/icons/map-marker-alt.svg') no-repeat center / contain;
}

.footer-social{
  display:flex;
  align-items:center;
  gap: 12px;
}

.footer-social-link{
  width: 53px;
  height: 53px;
  border-radius: 999px;
  background: #fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .2s ease, opacity .2s ease;
  position:relative;
}

.footer-social-link::before{
  content:"";
  width: 23px;
  height: 23px;
  display:inline-block;
  background-color:#03254C;
}

.footer-social-link:hover{
  transform: translateY(-1px);
  opacity:.95;
}

.footer-social-youtube::before{
  -webkit-mask: url('../img/icons/youtube.svg') no-repeat center / contain;
  mask: url('../img/icons/youtube.svg') no-repeat center / contain;
}

.footer-social-linkedin::before{
  -webkit-mask: url('../img/icons/linkedin.svg') no-repeat center / contain;
  mask: url('../img/icons/linkedin.svg') no-repeat center / contain;
}

.footer-social-x::before{
  -webkit-mask: url('../img/icons/x-twitter.svg') no-repeat center / contain;
  mask: url('../img/icons/x-twitter.svg') no-repeat center / contain;
}

.footer-social-instagram::before{
  -webkit-mask: url('../img/icons/instagram.svg') no-repeat center / contain;
  mask: url('../img/icons/instagram.svg') no-repeat center / contain;
}

.footer-copy{
  white-space: nowrap;
  color: #FFF;
  font-feature-settings: 'dlig' on;
  font-family: Metropolis;
  font-size: 21.333px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  line-height: 46px;
}

/* Responsive */
@media (max-width: 1300px){
  .footer-top{
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-menu{
    width:100%;
    flex-wrap: wrap;
  }

  .footer-menu > li{
    flex: 1 1 160px;
    border-bottom: 1px solid #FFF;
  }

  .footer-menu > li + li{
    border-left: 1px solid #FFF;
  }

  .footer-menu > li > a{
    padding: 16px 18px;
    font-size: 16px;
    justify-content:center;
  }
}

@media (max-width: 1300px){
  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap: 18px;
  }

	.site-footer{
  background:#03254C;
  color:#fff;
  padding: 50px 20px;
}

.site-footer .container-lg{
padding:0
}

  .footer-copy{
    white-space: normal;
  }
}

/*===========================================================================================================*/
/*=========================================== MOBILE ========================================================*/
/*===========================================================================================================*/
@media screen and (max-width: 1919px){
	.menu{}
	.menu .collapse-menu li a {
		padding:55px 20px;
		font-size: 23px;
	}
	
.menu .container{
	max-width:100%;
}
	.menu .logo-nav {
	max-width:330px;
	height: 141px;
	}


.footer-menu{ }
	.footer-logo img{
   width: 300px;
   max-width: 300px;
 }

.footer-menu > li{
  margin:0;
  padding: 14px 5px;
}
.footer-menu > li > a{
 font-size:16px
}

}
 
 


@media screen and (max-width: 1289px){
	.menu .logo-nav {
	max-width:230px;
	height: 138px!important;
	}
 
.services-split .container-lg{padding: 100px 20px;}
	.menu.behaved .logo-nav {
	max-width: 220px;
	height: 92px!important;
	}
	 .menu.behaved .collapse-menu li a{font-size:20px;}
}
@media (max-width:1188px){
 .menu .collapse-menu li a {
		padding:35px 10px;
		font-size: 20px;
	}
.menu .logo-nav {
	max-width: 220px;
	height: 94px!important;
	}

.menu.behaved .collapse-menu li a {
		padding: 38px 15px;
		font-size: 20px;
	}
 
}
	 @media (max-width:990px){
	
 
 }

@media (max-width:930px){
 	
}


@media (max-width:850px){
 
	
}

@media (max-width: 768px) {
 
	.h1-bnn{
		font-size: 40px;
	}

}
@media (max-width:595px){
 
}
@media (max-width:530px){
 
 
}

 

 
html { background:#03254C}