/* Header things and effects applied when header is opened */
body:after{
  opacity:0;
  content:'';
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color:rgba(0,0,0,0.5);
  transition:.4s;
}
.slide-menu-down:after{
  opacity: 1;
  z-index: 50;
}
header{
  width: 100%;
  position:absolute;
  z-index: 99;
  left:0;
  top:0;
}
.sticky-header header{
  position:fixed;
}
/** Header main **/
.header-main{
  padding: 10px 0;
  border-bottom: 1.5px solid #fff;
  transition: .4s;
}
.sticky-header .header-main, .slide-menu-down .header-main, .blue-header .header-main{
  background: #fff;
  border-bottom: 1.5px solid var(--blue);
}
.header-main .container:before, .header-main .container:after{
  display: none;
}
.header-main .flex-row,
.header-main .woocommerce__menu{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-main .logo-item{
  padding: 0;
  padding-right:20px;
  display:inline-flex;
}
.header-main .logo-item a{
  vertical-align:top;
  line-height:0;
}
.header-main .logo-item img{
  height: 37px;
}
.header-main .logo-item .color-logo,
.sticky-header .header-main .logo-item .white-logo, .slide-menu-down .header-main .logo-item .white-logo,
.blue-header .header-main .logo-item .white-logo{
  display: none;
}
.sticky-header .header-main .logo-item .color-logo, .slide-menu-down .header-main .logo-item .color-logo,
.blue-header .header-main .logo-item .color-logo{
  display: block;
}
.header-main .btn{
  position:relative;
}
.header-main .container{
  position:static;
  margin: 0 auto;
  flex-direction: row;
}
.header-main .desktop-menu{
  text-align:center;
  position:static;
  flex: 1;
}
.header-main .woo-menu-item{
  padding: 0;
}
.sticky-header .header-main .btn.white, .slide-menu-down .header-main .btn.white, .blue-header .header-main .btn.white{
  background: var(--blue);
  color:#fff;
}
.sticky-header .header-main .btn.white:hover, .slide-menu-down .header-main .btn.white:hover, .blue-header .header-main .btn.white:hover{
  background:#290DA2;
}
.sticky-header .header-main .btn.white svg, .slide-menu-down .header-main .btn.white svg, .blue-header .header-main .btn.white svg{
  --btn-arrow: #fff;
}
.main-menu{
  margin: 0;
  list-style: none;
}
.main-menu > li{
  display: inline-block;
  padding: 10px;
  transition: .4s;
}
.main-menu > li a{
  text-decoration: none;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color:#fff;
  display: inline-block;
  position:relative;
}
.main-menu > li svg{
  margin-left: 2px;
  transition: .4s;
  display: inline-block;
  cursor: pointer;
  --stroke-color:#fff;
  vertical-align: middle;
}
.main-menu > li.arrow > svg{
  transform: rotate(-180deg) translateY(2px);
  --stroke-color:var(--black);
}
.sticky-header .main-menu > li a, .slide-menu-down .main-menu > li a, .blue-header .main-menu > li a{
  color:var(--black);
}
.sticky-header .main-menu > li svg, .slide-menu-down .main-menu > li svg, .blue-header .main-menu > li svg{
  --stroke-color:var(--black);
}
.main-menu > li:hover a{
  color:var(--green);
}
.sticky-header .main-menu > li:hover a, .slide-menu-down .main-menu > li:hover a, .blue-header .main-menu > li:hover a{
  color:var(--blue);
}
.main-menu > li:hover svg{
  --stroke-color:var(--green);
}
.sticky-header .main-menu > li:hover svg, .slide-menu-down .main-menu > li:hover svg, .blue-header .main-menu > li:hover svg{
  --stroke-color:var(--blue);
}
.main-menu ul.sub-menu{
  position: absolute;
  width: 100%;
  left: 0;
  margin: 0;
  background-color: #fff;
  display: none;
  top: 86px;
  list-style: none;
  padding:20px 0;
  z-index: 2;
  text-align:left;
}
.main-menu ul.sub-menu:before, .main-menu ul.sub-menu:after{
  display: block;
  content'';
  clear: both;
}
.main-menu ul.sub-menu .container li{
  display: inline-block;
  width: 20%;
  padding: 10px;
  vertical-align: top;
  float: left;
}
.main-menu ul.sub-menu .container li svg{
  display: none;
}
.main-menu ul.sub-menu .container li:after{
  content: "";
  display: block;
  clear: both;
}
.main-menu ul.sub-menu .container li{
  position:relative;
}
.main-menu ul.sub-menu .container li a{
  padding:0;
  display: inline-block;
  letter-spacing: 0.5px;
  border-bottom: 1px solid var(--lavander);
  color:var(--black);
  font-size:15px;
  width:100%;
  line-height: 1.3;
  transition: .4s;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-weight: 500;
}
.main-menu ul.sub-menu .container li a:hover{
  color:var(--blue);
}
.main-menu ul.sub-menu .sub-menu{
  display: block;
  position: static;
  padding: unset;
  margin: 0;
  box-shadow: none;
  width: 100%;
  border-radius: 0;
}
.main-menu ul.sub-menu .sub-menu .container{
  max-width: 100%;
  padding: 0;
}
.main-menu ul.sub-menu .sub-menu .container li{
  padding: 0;
  margin-bottom: 0px;
  border:0;
  display: block;
  width: 100%;
}
.main-menu ul.sub-menu .sub-menu .container li a{
  color: #4F4F4F;
  font-weight: 400;
  padding: 0;
  font-size:14px;
  border-bottom:0;
  width: auto;
  position:relative;
}
.main-menu ul.sub-menu .sub-menu .container li a:hover{
  color:var(--blue);
}
/**/
.header-main .nav-icon,
.mobile-menu-container,
.header-main .menu-icon{
  display:none;
}
/* Header responsive */
@media(max-width:1401px){
  .main-menu > li a,
  .header-main .btn{
    font-size: 14px;
    line-height: 16px;
  }
  .main-menu ul.sub-menu .container li a{
    font-size: 16px;
  }
}
@media(max-width:1281px){
  .main-menu > li{
    padding: 6px;
  }
  .main-menu ul.sub-menu{
    top:92px;
  }
}
@media(max-width:1200px){
  .header-main{
    padding: 20px 0;
    position:relative;
    z-index: 3;
  }
  .header-main .desktop-menu,
  .header-main .woo-menu-item .btn{
    display:none;
  }
  .header-main  .nav-icon{
    display:inline-flex;
  }
  .nav-icon {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    outline: none;
    position: relative;
    z-index: 2;
    border-radius: 50%;
    padding: 6px 3px 2px;
    transition:.4s;
  }
  .nav-icon.is-tapped{
    background-color: var(--green);
  }
  .nav-icon svg {
    width: 35px;
    height: 35px;
    margin-top: -4px;
  }
  .nav-icon .line {
    fill: none;
    stroke: var(--green);
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(.4,0,.2,1),stroke-dashoffset 600ms cubic-bezier(.4,0,.2,1);
  }
  .nav-icon.is-tapped .line{
    stroke:#fff;
  }
  .nav-icon .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
  }
  .nav-icon .line2 {
    stroke-dasharray: 45 60;
    stroke-width: 6;
    transform:translateX(15px);
  }
  .nav-icon .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
  }
  .nav-icon.is-tapped .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
  }
  .nav-icon.is-tapped .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
  }
  .nav-icon.is-tapped .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
  }
  .show-mobile-menu .header-main .white-logo{
    display: none;
  }
  .show-mobile-menu .header-main .color-logo{
    display: block;
  }
  .mobile-menu-container{
    display: block;
    height: 100vh;
    position: fixed;
    top: 0;
    right:-150%;
    background-color: #fff;
    width: 100%;
    z-index: 2;
    padding-top: 85px;
    transition:.4s;
  }
  .mobile-menu-container.show-menu{
    right:0;
  }
  .mobile-menu-container > .container{
    padding: 0;
    display: flex;
    height: 100%;
    flex-direction: column;
  }
  .mobile-menu-container .container .mobile-menu{
    flex:1;
    margin:0;
    overflow-y: scroll;
    padding: 20px;
    list-style: none;
  }
  .mobile-menu-container .container .mobile-menu > li{
    padding:5px;
    margin-bottom:10px;
    position:relative;
  }
  .mobile-menu-container .container .mobile-menu > li:hover{
    background-color: var(--light-mint);
  }
  .mobile-menu-container .container .mobile-menu > li:after{
    display:block;
    content:'';
    position:absolute;
    top:0;
    left: 0;
    width:100%;
    height: 100%;
    max-height: 38px;
    background-color:var(--bg-project-n-product);
    border-radius:7px;
    z-index: -1;
    opacity:0;
    transition: .4s;
  }
  .mobile-menu-container .container .mobile-menu > li:hover:after{
    opacity:1;
  }
  .mobile-menu-container .container .mobile-menu li a{
    color:var(--black);
    font-weight:500;
    font-size:18px;
    text-decoration: none;
  }
  .mobile-menu-container .container .mobile-menu li img{
    float:left;
    vertical-align:middle;
    height:26px;
    width: 26px;
    object-fit:contain;
    margin-right:10px;
  }
  .mobile-menu-container .container .mobile-menu li svg{
    --stroke-color:var(--black);
    vertical-align:middle;
    transition:.4s;
    margin-left: 5px;
    transform: scale(1.5);
    margin-bottom: 2px;
  }
  .mobile-menu-container .container .mobile-menu  li.arrow > svg{
    transform:rotate(-180deg) scale(1.5);
  }
  .mobile-menu-container .container .mobile-menu li a:hover{
    color:var(--blue);
  }
  .mobile-menu-container .container .mobile-menu li ul.sub-menu{
    display:none;
    margin:0;
    list-style: none;
    margin-top:6px;
  }
  .mobile-menu-container .container .mobile-menu li ul.sub-menu li{
    padding: 6px;
    border-radius:6px;
    padding-left:20px;
  }
  .mobile-menu-container .container .mobile-menu li ul.sub-menu li a{
    font-size:16px;
    line-height:18px;
  }
  .mobile-menu-container .container .mobile-menu li ul.sub-menu svg{
    transform:scale(1.2);
  }
  .mobile-menu-container .container .mobile-menu li ul.sub-menu li.arrow svg{
    transform:rotate(-180deg) scale(1.2);
  }
  .mobile-menu-container .social_media{
    text-align: center;
  }
  .mobile-menu-container .mobile-menu::-webkit-scrollbar {
    width: 0px;
  }
}
@media(max-width:850px){
  .header-main{
    padding: 10px 0;
  }
}
/* ----- Footer ----- */
/* Footer */
footer{
  margin-top:50px;
}
footer a, footer p{
  font-size:14px;
  line-height:24px;
}
footer .first-row{
  background-color: var(--blue);
  color:#fff;
  padding:30px 0;
}
footer .first-row .flex-row{
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right:-30px;
}
footer .first-row .flex-row .flex-item{
  padding: 0 30px;
}
footer .first-row .flex-row .flex-item.logo-item{
  flex: 1 1 50%;
}
footer .first-row .flex-row .flex-item.sitemap-item,
footer .first-row .flex-row .flex-item.contact-item{
  flex: 1 1 25%;
}
footer .first-row .info{
  margin-top: 20px;
  max-width: 440px;
}
footer  h3{
  color:#fff;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
footer a{
  text-decoration: none;
}
footer .contact-item p,
footer .contact-item a{
  margin-bottom: 10px;
  display: block;
}
footer .contact-item > a{
  float: left;
  clear: both;
}
footer .contact-item p > a{
  display: inline-block;
}
.footer-menu  {
  list-style: none;
  margin:0;
  margin-left:-5px;
  column-count: 2;
}
.footer-menu li{
  padding: 5px;
}
.footer-menu li a:hover{
  color:var(--green);
}
footer .second-row .flex-row{
  justify-content: space-between;
  align-items: center;
}
footer .second-row{
  background-color:var(--green);
  padding:15px 0;
}
footer .second-row .flex-item{
  padding: 0;
}
footer .second-row a, footer .second-row p{
  color:var(--blue);
  font-weight: 500;
  margin: 0 5px;
}
footer .copy{
  margin-bottom: 0;
}
@media(max-width:1200px){
  footer a, footer p{
    font-size: 16px;
  }
  footer .first-row .flex-row{
    margin-left:-15px;
    margin-right:-15px;
  }
  footer .first-row .flex-row .flex-item.sitemap-item,
  footer .first-row .flex-row .flex-item.logo-item,
  footer .first-row .flex-row .flex-item.contact-item{
    padding: 15px;
  }
  footer .second-row .flex-row{
    flex-direction: column;
  }
  footer .second-row p.copy{
    font-size: 12px;
    line-height: 14px;
    text-align: center;
  }
}
@media(max-width:1024px){
  footer .first-row .flex-row .flex-item.sitemap-item,
  footer .first-row .flex-row .flex-item.logo-item,
  footer .first-row .flex-row .flex-item.contact-item{
    padding: 15px;
  }
  footer .first-row .flex-row .flex-item.logo-item{
    flex: 1 1 100%;
    text-align: center;
  }
  footer .first-row .flex-row .flex-item.sitemap-item,footer .first-row .flex-row .flex-item.contact-item{
    flex: 1 1 50%;
  }
  footer .first-row .info{
    max-width: 100%;
  }
  footer .second-row a, footer .second-row p{
    display: block;
    text-align: center;
    margin:5px 0;
  }
}
@media(max-width:767px){
  footer .first-row .flex-row .flex-item.sitemap-item,
  footer .first-row .flex-row .flex-item.logo-item,
  footer .first-row .flex-row .flex-item.contact-item{
    flex: 1 1 100%;
  }
  footer .first-row .flex-row .flex-item.logo-item{
    text-align: left;
  }
}

/* ------ Modules ------- */
/* Intro Banner */
.intro-banner .container{
  padding: 150px 15px 50px;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  color:#fff;
  z-index: 2;
  min-height: 350px;
  margin: 0 auto;
}
.intro-banner h1{
  color:#fff;
}
/* Blue Banner */
.blue-banner{
  background-color: var(--blue);
  color:#fff;
  text-align: center;
  padding: 30px 0;
  background-image:url('../img/bb-vector.svg');
  background-size: contain;
  background-repeat: repeat;
  margin:20px 0;
}
.blue-banner h2{
  color:#fff;
}
.blue-banner .btn{
  margin-top: 40px;
}
@media(min-width:1024px){
  .blue-banner{
      margin:50px 0;
      padding: 50px 0;
  }
}
/* Contact Info Box */
.contact-info-box{
  text-align: center;
}
.contact-info-box .container > .flex-row{
  align-items: stretch;
  flex-direction: column;
}
.contact-info-box .map{
  width: 100%;
  border-radius: 20px;
  position: relative;
  min-height: 250px;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 30px;
}
.contact-info-box .map iframe{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-info-box .container > .flex-row{
  margin:30px 0 0 0;
}
.contact-info-box .container > .flex-row .flex-item{
  padding: 10px 15px;
}
.contact-info-box .inner img{
  margin-bottom: 15px;
}
.contact-info-box .inner p, .contact-info-box .inner a{
  font-size: 18px;
  margin-bottom: 8px;
  text-decoration: none;
}
.contact-info-box .inner a:hover{
  color:var(--blue);
}
.contact-info-box .inner p.title{
  color:var(--blue);
  font-size: 20px;
  font-weight: 700;
}
@media(min-width:850px){
  .contact-info-box{
    text-align: left;
  }
  .contact-info-box .container > p{
    max-width: 600px;
  }
  .contact-info-box .container > .flex-row{
    flex-direction: row;
  }
  .contact-info-box .container > .flex-row{
    margin:50px -25px 0 -25px;
  }
  .contact-info-box .container > .flex-row .flex-item{
    padding: 0 25px;
  }
  .contact-info-box:not(.general) .inner:first-of-type{
    border-bottom:1px solid var(--lavander);
    padding-bottom: 20px;
    margin-bottom: 28px;
  }
  .contact-info-box .map{
    margin-top:0;
  }
  .contact-info-box.general .inner{
    margin:0;
  }
  .contact-info-box.general .flex-item{
    border-right: 1px solid var(--lavander);
  }
  .contact-info-box.general .flex-row > .flex-row:last-of-type .flex-item:last-of-type{
    border-right: 0;
  }
  .contact-info-box.general .flex-row > .flex-row{
    flex: 1 1 50%;
  }
}
/* Social Media */
.social_media{
	margin: 0;
	background-color:var(--blue);
	margin-left:-10px;
	margin-right:-10px;
}
.social_media li {
  display: inline-block;
  vertical-align: top;
	padding:10px;
}
.social_media li a {
  display: block;
  vertical-align: middle;
	line-height: 0;
  margin-bottom: 0;
}
.social_media .icon svg, .social_media .icon svg path{
	transition: 0.4s;
}
.social_media .icon svg {
  --social-color:#fff;
}
.social_media a:hover .icon svg {
  --social-color:var(--green);
}
/* Numbers */
.numbers .flex-row{
  margin: 0;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
.numbers .flex-item{
  text-align: center;
  flex: 1;
  padding: 15px;
}
.numbers li p.number{
  color:var(--green);
  font-size: 31px;
  line-height: 110%;
  font-weight: 700;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
  display: block;
}
.numbers li p.small-text{
  text-transform: uppercase;
}
@media(min-width:767px){
  .numbers .flex-item{
    text-align: left;
    flex: 1 1 33%;
  }
}
@media(min-width:1024px){
  .numbers .flex-item{
    text-align: left;
    flex: 1 1 20%;
  }
}
@media(min-width:1100px){
  .numbers li p.number{
    font-size: 48px;
  }
}
/* Hero screen */
.hero-screen .container{
  padding: 180px 15px 50px;
  justify-content: space-between;
  color:#fff;
  z-index: 2;
  margin: 0 auto;
}
.hero-screen h1{
  color:#fff;
  margin-bottom: 30px;
}
.hero-screen .screen-title-container{
  margin:0 0 60px;
  max-width: 880px;
}
.hero-screen .btn{
  margin-top:50px;
}
.hero-screen .icon_boxes{
  flex-direction: row;
  flex-wrap: wrap;
}
.hero-screen .icon_boxes .flex-item{
  flex: 1 1 50%;
  max-width: 50%;
  padding: 10px;
  text-align: center;
}
.hero-screen .icon_boxes .medium-text{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #fff;
}
@media(min-width:768px){
  .hero-screen .screen-title-container{
    text-align: left;
  }
  .hero-screen .container{
    min-height: 660px;
  }
  .hero-screen .screen-title-container{
    text-align: left;
  }
  .hero-screen .icon_boxes .flex-item{
    flex: 1 1 25%;
    max-width: 25%;
    text-align: left;
  }
}
@media(min-width:850px){
  .hero-screen .container{
    min-height: 100vh;
  }
}
/* Sustainability */
.sustainability-esg,
.sustainability-esg .container{
  padding: 50px 15px;
}
.sustainability-esg .bg-gradient{
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
}
.sustainability-esg .container{
  z-index: 2;
}
.sustainability-esg .bg-gradient:after{
  background: linear-gradient(180deg, rgba(60, 28, 196, 0.20) 19.18%, rgba(123, 209, 40, 0.20) 74.35%);
}
.sustainability-esg .screen-title-container{
  margin:0;
  max-width: 570px;
  text-align: left;
  color:#fff;
}
.sustainability-esg .screen-title-container h2{
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
}
.sustainability-esg .screen-title-container .btn{
  margin-top:40px;
}
@media(min-width:767px){
  .sustainability-esg .container{
    min-height: 500px;
  }
}
@media(min-width:1280px){
  .sustainability-esg .container{
    min-height: 768px;
  }
}
@media(min-width:1440px){
  .sustainability-esg{
    padding: 50px 20px;
  }
}
@media(min-width:1600px){
  .sustainability-esg{
    padding: 50px;
  }
}
/* Side image info screen */
.side-image-info{
  padding: 40px 0;
}
.side-image-info .screen-title-container{
  text-align: left;
  margin: 0;
  padding: 40px 15px 0;
  max-width: 960px;
  text-align: center;
}
.side-image-info .flex-row{
  align-items: center;
  flex-direction: column;
}
.side-image-info .flex-item.item45{
  width: 100%;
}
.side-image-info .flex-row:not(.reverse) .flex-item.item45{
  padding-right: 20px;
  padding-left: 0;
}
.side-image-info .flex-row.reverse .flex-item.item45{
  padding-left: 20px;
  padding-right: 0;
}
.side-image-info .flex-row:not(.reverse) .oval-fig{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.side-image-info .flex-row.reverse .oval-fig{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media(min-width:850px){
  .side-image-info{
    padding: 80px 0;
    padding-right: 15px;
  }
  .side-image-info .flex-row{
    flex-direction: row;
  }
  .side-image-info .flex-row.reverse{
    flex-direction: row-reverse;
    margin-left: 0;
  }
  .side-image-info .screen-title-container{
    padding-top:0;
    padding-bottom: 0;
    max-width:800px;
  }
  .side-image-info .flex-row:not(.reverse) .screen-title-container{
    padding-left: 50px;
  }
  .side-image-info .flex-row.reverse .screen-title-container{
    padding-right: 50px;
    float:right;
  }
  .side-image-info .screen-title-container{
    text-align: left;
  }
  .side-image-info .screen-title-container .btn{
    margin-top:20px;
  }
}
@media(min-width:1024px){
    .side-image-info{
      padding: 100px 0;
    }
}
/* Projects Grid */
.projects_grid .grid{
  padding: 30px 15px;
}
@media(min-width:1440px){
  .projects_grid .grid{
    padding: 30px 20px;
  }
}
@media(min-width:1600px){
  .projects_grid .grid{
    padding:30px 50px;
  }
}
/* ESG Consultancy */
.esg-consultancy{
  background: rgba(247, 246, 255, 1);
  text-align: center;
}
.esg-consultancy .list{
  flex-wrap: wrap;
}
.esg-consultancy .list .number{
  color:#092C4C;
  font-size: 30px;
  font-weight: 700;
  line-height: 176%; /* 176% */
}
.esg-consultancy .list .title{
  font-weight: 500;
  color:var(--blue);
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--lavander);
  font-size: 16px;
}
.esg-consultancy .list .info{
  font-size: 14px;
}
@media(min-width:767px){
  .esg-consultancy .list .flex-item{
    flex: 1 1 50%;
    max-width: 50%;
    padding: 20px;
  }
  .esg-consultancy{
    text-align: left;
  }
}
@media(min-width:850px){
  .esg-consultancy .list .flex-item{
    flex: 1 1 25%;
    max-width: 25%;
  }
}
/* Why FMS */
.why-fms{
  background: rgba(247, 246, 255, 1);
  text-align: center;
}
.why-fms .list{
  flex-wrap: wrap;
  margin-top: 40px;
}
.why-fms .list h3{
  border-bottom: 1px solid var(--lavander);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.why-fms .item50{
  max-width: 100%;
  flex:1 1 100%;
}
@media(min-width:850px){
  .why-fms{
    text-align: left;
  }
  .why-fms .item50{
    max-width: 50%;
  }
  .why-fms .list{
    margin-left: -30px;
    margin-right: -30px;
    margin-top:20px;
  }
  .why-fms .list .flex-item{
    padding: 30px;
  }
}
/* Service Description */
.service-description .list{
  flex-wrap: wrap;
}
.service-description .list h3{
  border-bottom: 1px solid var(--lavander);
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.service-description .container .flex-row:first-of-type{
  text-align: center;
}
@media(min-width:767px){
  .service-description .list h3{
    text-align: left;
  }
  .service-description .list .info ul{
    column-count: 2;
    column-gap: 20px;
  }
  .service-description .container .flex-row:first-of-type{
    text-align: left;
  }
  .service-description .list .flex-item{
    margin-top:20px;
  }
}
@media(min-width:850px){
  .service-description .list .info ul{
    column-gap: 40px;
  }
}
@media(min-width:1280px){
  .service-description .list .info ul{
    column-gap: 140px;
  }
}
/* Services grid */
.services_grid_wrapper{
  flex-wrap: wrap;
  margin:40px -10px 0;
}
.services_grid_wrapper .inner-service{
  padding: 10px;
}
@media(min-width:768px){
  .services_grid_wrapper .inner-service{
    flex: 1 1 50%;
  }
}
@media(min-width:850px){
  .services_grid_wrapper .inner-service{
    flex: 1 1 33%;
  }
}
/* grid articles */
.grid-articles .screen-title-container{
  max-width: 560px;
  margin-bottom: 40px;
}
/* News */
.news .text-item{
  text-align: center;
}
.news .flex-item{
  text-align: left;
}
.news .row > .item{
    padding: 10px 0;
}
.news .text-item{
  max-width: 580px;
}
.news .text-item h2{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--lavander);
  max-width: 500px;
}
.news .text-item .btn{
  display: none;
}
.news .container > .h-align{
  margin-top:20px;
}
@media(min-width:767px){
  .news .text-item{
    text-align: left;
  }
  .news .text-item .btn{
    display: inline-flex;
    margin-top:20px;
  }
  .news .container > .h-align{
    display: none;
  }
  .news .row > .item{
    padding: 10px;
  }
}
/* Icons slider */
.icons-slider .container > .flex-row{
  text-align: center;
}
.icons-slider .container > .h-align{
  margin-top: 20px;
}
.icons-slider .slider{
  text-align: center;
  margin-top:40px;
}
.icons-slider .slider .item{
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 10px;
  margin-bottom: 30px;
}
.icons-slider .slider .flex-row{
  margin:0;
  margin-bottom: 30px;
  gap:20px;
  flex-direction: row;
}
.icons-slider .slider .flex-row img{
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.icons-slider .slider .flex-row p{
  font-size: 16px;
  font-weight: 500;
}
.icons-slider .slider .flex-row .number{
  color:  #092C4C;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}
.icons-slider .slider figure{
  width: 100%;
  height: 92px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.icons-slider .slider .item > p{
  font-size: 14px;
  margin-bottom: 30px;
}
@media(min-width:767px){
  .icons-slider .container > .flex-row{
    text-align: left;
  }
  .icons-slider .slider .item > p{
    min-height: 160px;
  }
  .icons-slider .item:not(:last-of-type){
    border-right: 1px solid var(--lavander);
  }
}
@media(min-width:850px){
  .icons-slider .slider .item{
    width: 33%;
  }
}
@media(min-width:1024px){
  .icons-slider .slider .item{
    width: 24%;
  }
}
/* team */
.team .grid{
  margin-top: 50px;
}
.team-member{
  position: relative;
  aspect-ratio:1.4/1;
  border-radius: 10px;
  overflow: hidden;
}
.team-member:after{
  display: block;
  content:'';
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 38.95%, rgba(8, 7, 34, 0.50) 82.69%);
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
}
.team-member h3, .team-member p{
  color:#fff;
}
.team-member p{
  font-size: 16px;
}
.team-member > h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  margin: 0;
  opacity: 1;
  transition: .4s;
  z-index: 2;
  font-size: 20px;
}
.team-member .inner-info{
  opacity: 0;
  transition: opacity .4s;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 3;
  padding: 20px;
  position: relative;
}
.team-member .inner-info h3{
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
  font-size: 20px;
}
.team-member:hover > h3{
  bottom: 70%;
  opacity: 0;
}
.team-member:hover .inner-info {
  opacity: 1;
}
@media(min-width:768px){
  .team-member{
    aspect-ratio:1/1;
  }
}
@media(min-width:1024px){
  .team-member{
    aspect-ratio:1/1.2;
  }
}
/* Testimonials */
.testimonials-slider{
  background: #EFF5EA;
  margin-top:20px;
  text-align: center;
}
.testimonials-slider .slider{
  margin-top:20px;
}
.testimonials-slider .slider .item{
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 10px;
  margin-bottom: 30px;
}
.testimonials-slider .inner{
  background: var(--blue);
  border-radius: 10px;
  color:#fff;
  padding: 20px;
}
.testimonials-slider .flex-row{
  flex-direction: row;
  gap:15px;
  margin:0;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #fff;
}
.testimonials-slider .flex-row p{
  color:var(--green);
  font-size: 16px;
}
.testimonials-slider .flex-row .name{
  color:#fff;
  font-size: 18px;
  font-weight: 700;
}
.testimonials-slider .inner > p{
  font-size: 14px;
}
@media(min-width:850px){
  .testimonials-slider .slider .item{
    width: 50%;
  }
  .testimonials-slider{
    margin-top:50px;
  }
  .testimonials-slider .slider{
    margin-top:40px;
  }
  .testimonials-slider .inner > p{
    min-height: 160px;
  }
}
@media(min-width:1024px){
  .testimonials-slider .slider .item{
    width: 33%;
  }
}
/* Map Screen */
.map-screen {
  text-align: center;
}
.map-screen .info ul{
  column-count: 2;
}
@media(min-width:768px){
  .map-screen {
    text-align: left;
  }
  .map-screen .text-item{
    padding-right: 40px;
  }
}
@media(min-width:1024px){
  .map-screen .text-item{
    padding-right: 70px;
  }
}
@media(min-width:1280px){
  .map-screen .text-item{
    padding-right: 90px;
  }
}
/* ----- Pages ---- */
/* Homepage */
.hp_page .side-image-info{
  margin-bottom: 20px;
  background-color: #EFF5EA;
}
@media(min-width:1024px){
  .hp_page .side-image-info{
    margin-bottom: 50px;
  }
}
/* About us */
.about_us .side-image-info{
  margin-bottom: 50px;
  background-color: #EFF5EA;
}
/* Sustainability & ESG */
.sust_esg_page .blue-banner{
  margin-top: 0;
}
/* ---- Singles ---- */
.single__serviciu .side-image-info{
  background: #F7F6FF;
}
.single__article{
  margin-top:20px;
}
.single__article .article-page .container{
  max-width: 940px;
}
.content-hero{
  margin-bottom: 30px;
}
.content-hero .featured{
  position: relative;
  width: 100%;
  aspect-ratio:16/9;
  min-height: 240px;
  overflow: hidden;
  border-radius: 10px;
}
.content-hero h1{
  font-size: 28px;
  margin:10px 0;
}
.article-page .info.has__gallery iframe{
  aspect-ratio:16/9;
}
/* ----- Projects ---- */
.projects__listing .testimonials-slider{
  margin-top:0;
}