@import "../../icon-fonts/style.css"; 
.header-menu {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0px 0 0 0;
  /* z-index: 99999; */
  font-family: Roboto,sans-serif;
  transition: all 0.4s ease;
}
.menu-wrapper {
  position: relative;
  width: 980px;
  height: 50px;
  margin: 0 auto;
}
ul.abtran-menu > li > a {
  display: block;
  line-height: 50px;
  padding: 0 24px 0 15px;
  color: #1A232B;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  transition: all 0.4s linear;
}
.menu-wrapper > ul {
  position: relative;
  display: inline-block;
}
ul.abtran-menu > li {
  float: left;
  font-size: 16px;
  list-style: none;
}
ul.abtran-menu > li.abtran-active-menu-item > a {
  color: #1A232B;
}
ul.abtran-menu > li > a:after {
  font-family: 'icomoon' !important;
  text-decoration: none;
  content: "\e902";
  /* content: ""; */
  position: absolute;
  margin-left: 7px;
  /* background-image: url(../../images/down-arrow.svg); */
  width: 9px;height: 6px;
  font-size: 7px;
  top: 1px;
}
ul.abtran-menu > li.abtran-menu-mega > div{
  position: fixed;
  width:0%;
  height: auto;
  /* min-height: 300px; */
  top: 100px;
  left: 0;
  background: #fff;
  border-top: 1px solid #ccc;
  overflow: hidden;
  -webkit-box-shadow:0 12px 12px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow:0 12px 12px 0px rgba(0, 0, 0, .1);
  box-shadow:0 12px 12px 0px rgba(0, 0, 0, .1);
  transition-delay: 0.4s!important;
  /* transition: top 0.4s ease 0s; */
}
.page-template-default.contact ul.abtran-menu > li.abtran-menu-mega > div{top: 100px;}
ul.abtran-menu > li.abtran-menu-mega:hover .abtran-row{width: 100%;transition-delay: 0.4s!important;}
ul.abtran-menu > li.abtran-menu-mega > div{visibility: hidden; opacity: 0; padding-bottom: 36px;}

ul.abtran-menu:hover > li > a{ transition: opacity .4s linear; opacity: 0.3;}
ul.abtran-menu:hover > li:hover > a{transition: opacity .4s linear; opacity:1;}

ul.abtran-menu > li > a:hover, ul.abtran-menu > li:hover > a, ul.abtran-menu > li.abtran-active-menu-item > a:hover, ul.abtran-menu > li.abtran-active-menu-item:hover > a {
  color: #024985;position: relative;
}
/* ul.abtran-menu > li >a::before{content: ""; display: block; width: auto; height: 2px; left: 0px; bottom:0px; background-color: blue;position: absolute;} */
ul.abtran-menu > li:hover > a::before{ width: 100%; } 
ul.abtran-menu > li.abtran-menu-mega:hover > div{
  visibility: visible;
  opacity: 1;
}
/* ul.abtran-menu:hover > li.services-content > div {
  transform: translateX(-100%);
}
ul.abtran-menu:hover > li.industries-content > div {
  transform: translateX(-100%);
}
ul.abtran-menu:hover > li.about-content > div {
  transform: translateX(-100%);
} */

/* ul.abtran-menu > li.services-content > div {
  transform: translateX(100%);
  transition: all .6s ease;
}

ul.abtran-menu > li.industries-content > div {
  transform: translateX(200%);
  transition: all .6s ease;
}
ul.abtran-menu > li.about-content > div {
  transform: translateX(300%);
  transition: all .6s ease;
} */
/* ul.abtran-menu > li > div {
  transform: translateY(25);
}
ul.abtran-menu:hover > li:hover > div,
ul.abtran-menu > li:hover > div {
  transform: translateY(0);
} */
/* :vertical */
/* ul.abtran-menu > li > ul, ul.abtran-menu > li > div {
  transform: translateY(25px);
  transition: all .3s ease;
}

ul.abtran-menu > li:hover > ul, ul.abtran-menu > li:hover > div {
  transform: translateY(0);
} */
/* :vertical */

/* :vertical2 */


/* ul.abtran-menu:hover  > li> div {
  transform: translateY(0); background: #fff;
} */
ul.abtran-menu > li > div .abtra-menu-container{
  /* transform: translateY(35px);transition: all .6s ease; */
  opacity: 0;transition:opacity 0.5s linear;
  transition-delay: 0.1s;
}
ul.abtran-menu > li:hover  > div .abtra-menu-container{
  /* transform: translateY(0);transition: all .6s ease; */
  opacity: 1;transition:opacity 0.7s linear;
  transition-delay: 0.2s;
}
/* :vertical2 */


*{box-sizing: border-box;}
.abtra-menu-container{ max-width: 1504px;margin: auto;}
.abtra-menu-container{display: flex; width: 100%; justify-content: space-between;}
.menu-content{padding:80px 24px 24px 24px;}
.menu-case-study{ flex: 0 0 400px; border-left: 1px solid #ccc; padding: 80px 0px 24px 48px;}
.menu-grid{display: flex; flex-wrap: wrap;}
.menu-grid .menu-grid-block{flex: 0 1 33.333%;height: auto; padding: 36px;border-radius: 8px;transition: all 0.3s ease;}
.menu-grid .menu-grid-block:hover{background-color: rgba(26, 35, 43, 0.04);transition: all 0.3s ease;}
.hover-border{display:block;}
.hover-border span{display: inline-block;
  position: relative;}
  .hover-border span:after {bottom: -1px;content: "";height: 2px;left: 0;position: absolute;width: 100%;background: #baaaf0;}
  .Pink .hover-border span:after{background:var(--Pink)}
  .Orange .hover-border span:after{background:var(--Orange)}
  .Green .hover-border span:after{background:var(--Green)}
  .Mint-Green .hover-border span:after{background:var(--Mint-Green)}
  .Cyan .hover-border span:after{background:var(--Cyan)}
  .Purple .hover-border span:after{background:var(--Purple)}
.menu-grid .menu-grid-block .hover-border:nth-child(2) span:after {
  transition-delay: .2s;
}
.hover-border span:after {
  transform: translateZ(0) scaleX(0);
  transform-origin: 100% 50%;
  transition: transform .3s cubic-bezier(.165,.84,.44,1);
}
.menu-grid .menu-grid-block:hover span:after  {
  transform: translateZ(0) scaleX(1);
  transform-origin: 0 50%;
}
.nav-icon{width: 64px; height: 64px; position: relative;border-radius: 8px; margin-bottom: 10px;text-align: center; display: grid; align-items: center; justify-content: center;}
.nav-icon svg{position: relative; z-index: 2;} 
.nav-icon span.ico{z-index: 2; font-size: 58px;} 
.nav-icon .round{width:30px; height:30px; position: absolute; border-radius: 100%; bottom: 10px; left: 10px;z-index: 1;opacity: 0.3; transition: all 0.3s ease;} 
/* .menu-grid .menu-grid-block:hover .nav-icon{background: #024985;} */
.menu-grid .menu-grid-block .nav-icon svg path{ fill: #1A232B;}
/* .menu-grid .menu-grid-block:hover .nav-icon svg path{ fill: #fff;}
.menu-grid .menu-grid-block:hover .nav-icon span.ico{ color: #fff;} */
.menu-grid .menu-grid-block:hover .round{width: 100%;height: 100%;bottom: 0px;left: 0px; transition: all 0.5s ease;}
.menu-content h3{font-family: 'Clash Display',sans-serif;font-weight:500;font-size: 22px;line-height:1.5;}
.menu-content h3 a{color: #1A232B;}
.menu-grid-block a,.nav-item .menu-grid-block a{color: #1A232B;}
.menu-head{font-family: 'Clash Display',sans-serif; color: #024985; font-size: 16px; text-transform: uppercase;font-weight:500;    margin-left: 36px;}
.more-icon { margin-top: 0px;position: relative;}
.more-icon svg{opacity: 0;transform: translate3d(0,-24px,0);transition: opacity .15s linear,visibility .15s,transform 0s linear .15s;visibility: hidden;}
.menu-grid .menu-grid-block:hover .more-icon svg {opacity: 1; transform: translateZ(0);transition: opacity .15s linear,transform .5s cubic-bezier(.19,1,.22,1);visibility: visible;}
.more-icon svg path{fill:#baaaf0;}
.caseStudy_menu_img_block{ width: 100%; height:180px; overflow: hidden;}
.caseStudy_menu_img_block img{ width: 100%; height: 100%; object-fit: cover;}
.menu-grid-block .more-icon {display: none;}
.nav-list {
  display: inline-block;
  margin: 0 -30px;
  position: relative;
}
.nav-item {
  margin: 0 0px; padding: 26px 24px; float: left;transition: all 0.4s ease;
}
.nav-item a {
  color: #d8d8d8;
  padding: 6px 0;
}
.nav-item-line {
  background: #024985;
  border-radius: 1px;
  bottom: 0px;
  height: 4px;
  left: var(--left, calc(100% / var(--items) * (var(--index) - 1) + 50%));
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: left 0.5s, opacity 0.5s;
  width: var(--width, calc(100% / var(--items) - 10px));
  --index: 0;
}
.nav-item:hover ~ .nav-item-line {
  opacity: 1;transition-delay: 0.4s!important;
}
.case-studies-content a::after{display: none;}
.nav-item:nth-of-type(1):hover ~ .nav-item-line {
  --index: 1;
  width: 83px;left: var(--left, calc(100% / var(--items) * (var(--index) - 1) + 60px));
}
.nav-item:nth-of-type(2):hover ~ .nav-item-line {
  --index: 2;
  width: 97px;left: var(--left, calc(100% / var(--items) * (var(--index) - 1) + -58px));
}
.nav-item:nth-of-type(3):hover ~ .nav-item-line {
  --index: 3;
  width: 97px;
  left: var(--left, calc(100% / var(--items) * (var(--index) - 1) + -157px));
}
.nav-item:nth-of-type(4):hover ~ .nav-item-line {
  --index: 4;
  width: 64px;left: var(--left, calc(100% / var(--items) * (var(--index) - 1) + -242px));
}
.nav-item:nth-of-type(5):hover ~ .nav-item-line {
  --index: 5;
  width: 67px;left: var(--left, calc(100% / var(--items) * (var(--index) - 1) + -367px));
}
.nav-item:nth-of-type(6):hover ~ .nav-item-line {
  --index: 6;
  width: 67px;left: var(--left, calc(100% / var(--items) * (var(--index) - 1) + -500px));
}
.nav-item:last-of-type:hover ~ .nav-item-line {
  --index: var(--items);
}
.nav-item.is-located ~ .nav-item-line {
  opacity: 1;
}
.nav-item-1.is-located ~ .nav-item-line {
  --index: 1;
  
}
.nav-item-2.is-located ~ .nav-item-line {
  --index: 2;
}
.nav-item-3.is-located ~ .nav-item-line {
  --index: 3;
}
.nav-item-4.is-located ~ .nav-item-line {
  --index: 4;
}
.nav-item-5.is-located ~ .nav-item-line {
  --index: 5;
}




/* cursor pointer */
/* #cursor {
position: fixed;
z-index: 99;
left: 0;
top: 0;
pointer-events: none;
will-change: transform;
}
@media (hover: hover) and (pointer: fine) {
  .cursor__circle {
    width: 64px;
    height: 64px;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 50%;
    transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
  }
  #cursor.arrow .cursor__circle{
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background-image: linear-gradient(#2b4bb6 10%, #2b4bb6 );
    filter: blur(50px);
    opacity: 0.22;
  }
}
@media (hover: hover) and (pointer: fine) {
  .image-container:hover img{
    transform: scale(1.1);
  }
  .underline:hover::after{
    opacity: 1;
  }
  section::after{
    display: none;
  }
} */
/* cursor pointer */


.menu-slick{display: block; max-width: 350px;padding: 0px;}
.menu-slick li{list-style-type: none; list-style: none; }
.menu-slick  .slick-dots{bottom: 19px;text-align: left;padding-left: 37px;}
.menu-slick  .slick-dots li {width: 10px;height: 6px;margin: 0 2px; text-align: center;}
.menu-slick .slick-dots li.slick-active{width: 18px;}
.menu-slick .slick-dots li button:before{background: #ccc;background: #1A232B; opacity: 0.3;width:6px; height: 4px; border-radius:2px;transition: all 0.2s linear;}
.menu-slick .slick-dots li.slick-active button:before{width:16px; height: 4px; border-radius:2px; background: #1A232B;opacity: 1; transition: all 0.4s linear;}
/* .menu-cs-slider{background:#E6EEDB; padding: 16px; border-radius: 4px; } */
.menu-slick  .slick-slider{background:#E6EEDB; padding: 16px 16px 38px 16px; border-radius: 4px;}
.menu-slick .slick-slide {
margin: 0px 0px;
}
.menu-slick .slick-prev{left:17px;transform: rotate(90deg);}
.menu-slick .slick-next{right: 211px;transform: rotate(-90deg);}
.menu-slick .slick-prev,.menu-slick .slick-next{bottom: 20px;z-index: 999;display: block; top: auto; border: 1px solid #1A232B;width:24px;height: 24px; text-align: center;border-radius: 100%;}
.menu-slick .slick-prev:before{ font-family: 'icomoon' !important;content: "\e902";font-size: 8px; color:#1A232B;}
.menu-slick .slick-next:before{ font-family: 'icomoon' !important;content: "\e902";font-size: 8px;color:#1A232B;}
.menu-slick .slick-active{opacity:1;}
.menu-slick .slick-dots li button:before{content: "";}
.menu-cs-slider h3{color:#DC1D6D; text-transform: uppercase ; font-size: 16px; font-weight: 600; margin-top: 18px; margin-bottom: 16px;}
.menu-case-study-head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.menu-case-study-head .menu-head{margin: 0px;}
.case-study-slider-more,a.case-study-slider-more {background: rgba(2, 73, 133, 0.06);
border-radius: 34px; padding: 13px 24px; display: inline-block; font-size: 12px;  font-weight: 500; color: #1A232B;font-family: 'Clash Display',sans-serif; position: relative;overflow: hidden;letter-spacing: 0.02em;margin-top: 24px;}
.case-study-slider-more:hover,a.case-study-slider-more:hover {color: #fff;}
.case-study-slider-more:hover svg path,a.case-study-slider-more:hover {fill: #fff;}
.case-study-slider-more::after,a.case-study-slider-more::after { content: ""; position: absolute;left: 0px;bottom: -50px;width: 100%;
  height: 100%; background-color: var(--Green); transition: all 0.4s ease;z-index: -1;}
.case-study-slider-more:hover::after,a.case-study-slider-more:hover::after{position: absolute;left: 0px;bottom: 0px; transition: all 0.4s ease;}
.case-study-slider-more svg,a.case-study-slider-more svg{ margin-left: 5px;    font-family: 'Clash Display',sans-serif;}
.menu-case-study a p{color: #1A232B;}
.menu-slick .slick-dotted.slick-slider { margin-bottom: 24px;}
.mini ul.abtran-menu > li.abtran-menu-mega > div{top: 63px;}
.menu-grid-block p{max-height: 52px; margin-bottom: 0px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
@media only screen and (min-width:992px) {
/* Header main edit */
.Header .HeaderDesktop{padding-bottom: 0px;}
.HeaderDesktop_logo {height: 156px;}
.Header.mini .HeaderDesktop_logo {padding-bottom: 97px;}
.mini .HeaderDesktop_logo {height: 151px;}
.HeaderDesktop_container {height: 100px;}
.Header.mini .HeaderDesktop_container {height: 4rem;overflow:hidden;}
.MenuDesktopSecondaryNav_link {height: 148px;}
.mini  .MenuDesktopSecondaryNav_link {height: 150px;}
.MenuDesktopSecondaryNav_cta {height: 85px;}
.mini .MenuDesktopSecondaryNav_cta {height: 88px;}
.nav-item { padding: 26px 0px;}
.mini  .nav-item {padding: 8px 8px; }
.header-main{display: none;}
/* Header main edit */
}
@media only screen and (min-width:1025px) {
  .nav-item { padding: 26px 20px;}
  .mini  .nav-item {padding: 8px 20px; }
}
@media only screen and (min-width: 1025px) and (max-width: 1299px)  {
  .nav-item, .mini .nav-item { padding-left:14px; padding-right:14px;}  
  .nav-item:nth-of-type(1):hover ~ .nav-item-line {
    left: var(--left, calc(100% / var(--items)*(var(--index) - 1) + 57px));}
  .nav-item:nth-of-type(2):hover ~ .nav-item-line {
    left: var(--left, calc(100% / var(--items)*(var(--index) - 1) + 10px));}
  .nav-item:nth-of-type(3):hover ~ .nav-item-line {
    left: var(--left, calc(100% / var(--items)*(var(--index) - 1) + -19px));}
  .nav-item:nth-of-type(4):hover ~ .nav-item-line {
    left: var(--left, calc(100% / var(--items)*(var(--index) - 1) + -36px));}  
  .nav-item:nth-of-type(5):hover ~ .nav-item-line {
    left: var(--left, calc(100% / var(--items)*(var(--index) - 1) + -88px));}
}
@media only screen and (max-width:1600px) {
  .menu-slick .slick-next{right: 198px;}
  .menu-content h3 {font-size: 18px;line-height: 1.4;}
  .menu-head{margin-left: 20px; }
  .menu-grid .menu-grid-block{padding:16px 16px 16px 20px;}
  .menu-case-study{padding-left: 36px;}
  .menu-content,.menu-case-study{padding-top: 36px;}
  .nav-icon span.ico {font-size: 56px;}
  .nav-icon {width: 54px;height: 54px;margin-bottom:8px;}
  .nav-icon .round {width: 25px;height: 25px;bottom: 5px;}
  .more-icon {margin-top: -5px;}
  .caseStudy_menu_img_block {height: 160px;}
  .menu-cs-slider h3 {margin-bottom: 10px;}
  ul.abtran-menu > li.abtran-menu-mega > div{padding-bottom:0px;}
  }
  @media only screen and (max-width:1366px) {
  .menu-content h3 {margin-bottom: 5px;}
  .nav-icon span.ico {font-size: 52px;}
  .nav-icon {width: 48px;height: 48px;margin-bottom:8px;}
  .nav-icon .round {width: 21px;height: 21px; bottom: 4px;}
  }
  @media only screen and (max-width:992px) {
    .HeaderMobile{background: #fff; height: 60px; display: flex; align-items: center; padding-top: 0;}
    .MenuMobilePrimaryNav{margin: 0;}
    .MenuMobile{margin-top: 60px; padding-top: 48px;}
    .MenuMobile ul{display: flex; flex-flow: column; gap: 48px;}
    .MenuMobile ul li{font-family: 'Clash Display',sans-serif;font-style: normal;font-weight: 400;font-size: 24px;line-height: 21px; list-style: none;}
    .MenuMobile ul li a{color: #1A232B; display: flex; align-items: center; gap: 8px;}
    .MenuMobile ul li a:after{font-family: 'icomoon' !important; content: "\e902"; font-size: 8px; transform: rotate(-90deg); width: 16px; height: 16px;}


    .header-main {
      width: 100%;
      height: 100%;
      margin: 0;
      border-radius: 0px;
      position: relative;
      display: block;
      overflow: hidden;
   }
    .header-main .header {
      display: flex;
      flex-flow: column;
      height: 60px;
      width: 100%;
      background:#fff;
      overflow: hidden;
      transition: all 0.5s ease-out, background 1s ease-out;
      transition-delay: 0.2s;
      z-index: 1;
   }
   .header-main .header .icon {
      display: inline-block;
      position: absolute;
      height: 100%;
      line-height: 50px;
      width: 50px;
      height: 50px;
      text-align: center;
      color: #fff;
      font-size: 22px;
      left: 50%;
      transform: translateX(-50%);
   }
    .header-main .header ul.menu {
      position: relative;
      display: flex;
      flex-flow: column;
      gap: 48px;
      list-style: none;
      padding: 0;
   }
    .header-main .header ul.menu li.menu-item {
      transform: scale(1.15) translateY(-30px);
      opacity: 0;
      transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
   }
    .header-main .header ul.menu li.menu-item:nth-child(1) {
      transition-delay: 0.49s;
   }
    .header-main .header ul.menu li.menu-item:nth-child(2) {
      transition-delay: 0.42s;
   }
    .header-main .header ul.menu li.menu-item:nth-child(3) {
      transition-delay: 0.35s;
   }
    .header-main .header ul.menu li.menu-item:nth-child(4) {
      transition-delay: 0.28s;
   }
    .header-main .header ul.menu li.menu-item:nth-child(5) {
      transition-delay: 0.21s;
   }
    .header-main .header ul.menu li.menu-item:nth-child(6) {
      transition-delay: 0.14s;
   }
    .header-main .header ul.menu li.menu-item:nth-child(7) {
      transition-delay: 0.07s;
   }
   .header-main .header ul.menu li.menu-item.multi-item a{color: #1A232B; display: flex; align-items: center; gap: 8px;}
   .header-main .header ul.menu li.menu-item.multi-item a:after{
    font-family: 'icomoon' !important; content: "\e902"; font-size: 8px; transform: rotate(-90deg); width: 16px; height: 16px;display: flex;
    align-items: center;
    justify-content: center;
   }
    .header-main .header ul.menu li.menu-item a {
      display: block;
      position: relative;
      color: #1A232B;
      font-family: 'Clash Display',sans-serif;
      text-decoration: none;
      font-size: 24px;
      line-height: 21px;
      font-weight: 400;
      width: 100%;
   }
    .header-main .header.menu-opened {
      height: 100vh;
      background-color: #fff;
      transition: all 0.3s ease-in, background 0.5s ease-in;
      transition-delay: 0.25s;
   }
   .header-main .header .hburger-container-main{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 24px;
   }
   .HeaderMobile_logo svg{height: 35px;}
    .header-main .header.menu-opened ul.menu li.menu-item {
      transform: scale(1) translateY(0px);
      opacity: 1;
   }
    .header-main .header.menu-opened ul.menu li.menu-item:nth-child(1) {
      transition-delay: 0.27s;
   }
    .header-main .header.menu-opened ul.menu li.menu-item:nth-child(2) {
      transition-delay: 0.34s;
   }
    .header-main .header.menu-opened ul.menu li.menu-item:nth-child(3) {
      transition-delay: 0.41s;
   }
    .header-main .header.menu-opened ul.menu li.menu-item:nth-child(4) {
      transition-delay: 0.48s;
   }
    .header-main .header.menu-opened ul.menu li.menu-item:nth-child(5) {
      transition-delay: 0.55s;
   }
    .header-main .header.menu-opened ul.menu li.menu-item:nth-child(6) {
      transition-delay: 0.62s;
   }
    .header-main .header.menu-opened ul.menu li.menu-item:nth-child(7) {
      transition-delay: 0.69s;
   }
   .hburger-main{display: flex; position: relative; transition: all 0.5s ease-in-out; right:0%}
   .menu-conatiner{display: flex; gap: 64px; flex-direction: column; flex: 0 0 auto; width: 100%; overflow-y: unset; padding: 48px 24px 24px 24px;}
   .menu-btn-main{ display: flex; flex-direction: column; padding: 0; gap: 16px; list-style: none;}
   .menu-btn-main .menu-btn a{color: #1A232B; align-items: center; display: flex; justify-content: center; width: 100%; border: 1px solid #1A232B; border-radius: 56px; padding: 16px 32px; font-family: Roboto,sans-serif; font-weight: 0;}
   .menu-btn-main .menu-btn:last-child a{background: rgba(26, 35, 43, 0.04); border: none;}
    .menu-foot{display: flex; justify-content: space-between; color: #1A232B; padding: 24px 24px 48px 24px; z-index: 2; width: 100%; background: #fff; margin-top: auto;}
   .menu-foot-left{opacity: 0.5;font-size: 14px;}
   .menu-foot-right{display: flex; gap: 24px; z-index: 1;font-size: 14px;}
   .menu-foot-right a{color: var(--DarkBlue);}
   .menu-foot-right a:hover{color: var(--primary);}
  .sub-menu-conatiner{ flex: 0 0 auto;  width: 100%;  overflow-y: unset;  padding: 50px 24px;  align-items: flex-start;  display: flex; flex-wrap: wrap;}
  .sub-menu-wrap{width: calc(100% - 50px); left: 0; position: inherit; top: 110px; flex: 0 0 100%; opacity: 1; display: none; transition: all 0.5s ease-in-out; height: 100%;}
  .sub-menu-wrap.active {left: 0; display: block; opacity: 1;}

    /* .menu-item ~ .sub-menu-conatiner:after{content: "."; height: 100vh; position: absolute; background: rgb(255,187,84); background: linear-gradient(90deg, rgba(255,187,84,1) 50%, rgba(29,181,132,1) 50%); width: 200%; font-size: 0; z-index: 9; right: -200%;} 
    .menu-item.active ~ .sub-menu-conatiner:after{left: -200%; right: auto;} */
    .main-sub{position: relative; height: 100%;}
   .sub-menu{padding: 0; list-style: none; overflow: auto; height: 100%; position: absolute; width: 100%;}
   .sub-menu-title{border-bottom: 1px solid rgba(26, 35, 43, 0.08); margin-bottom: 24px; display: flex; align-items: center; gap: 40px; padding-bottom: 24px;}
   .sub-menu-title h3{font-weight: 400; font-size: 24px; line-height: 21px; margin: 0; font-family: 'Clash Display',sans-serif;}
   .sub-menu-title button{margin: 0;}
   .sub-menu-title button {
    border: 1px solid #1a232b;
    border-radius: 50%;
    overflow: hidden;
    transition: border .1s linear,background .1s linear;    
    height: 24px;
    width: 24px;
    display: flex;
}
   .sub-menu-title svg{fill: #1a232b;
    height: 100%;
    transition: color .1s linear;
    width: 100%;
    z-index: 2;
    transform: scaleX(-1);
    width: 100%;
  }
   .sub-menu-item-content{display: flex; padding: 24px 0; color: #1A232B; gap: 16px;align-items: center;}
   .sub-menu-item-content h3{font-weight: 500; font-size: 18px; line-height: 25px; margin-bottom: 12px;font-family: 'Clash Display',sans-serif; letter-spacing: 0.02em;}
   .sub-menu-item-content p{font-weight: 400; font-size: 14px; line-height: 18px; font-family: Roboto,sans-serif; margin: 0;letter-spacing: 0.02em;}
   .header-main .header ul.menu li.menu-item {
    transform: scale(1.15) translateY(-30px);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 }
  .header-main .header .multi-item.active ~ .sub-menu-conatiner ul.sub-menu li.sub-menu-item:nth-child(1) {
    transition-delay: 0.27s;
 }
 .header-main .header .multi-item.active ~ .sub-menu-conatiner ul.sub-menu li.sub-menu-item:nth-child(2) {
    transition-delay: 0.34s;
 }
 .header-main .header .multi-item.active ~ .sub-menu-conatiner ul.sub-menu li.sub-menu-item:nth-child(3) {
    transition-delay: 0.41s;
 }
 .header-main .header .multi-item.active ~ .sub-menu-conatiner ul.sub-menu li.sub-menu-item:nth-child(4) {
   transition-delay: 0.48s;
}
.header-main .header .multi-item.active ~ .sub-menu-conatiner ul.sub-menu li.sub-menu-item:nth-child(5) {
   transition-delay: 0.55s;
}
.header-main .header .multi-item.active ~ .sub-menu-conatiner ul.sub-menu li.sub-menu-item:nth-child(6) {
   transition-delay: 0.62s;
}
  }

  .NavAboutBlock{padding: 16px; border-radius: 4px;}
  .NavAboutBlock_img{width: 100%; height: 240px;}
  .NavAboutBlock_img img{width: 100%; height: 100%; object-fit: cover;}
  .NavAboutBlock-cnt{padding: 16px;position: relative; z-index: 0;}
  .NavAboutBlock .case-study-slider-more, .NavAboutBlock a.case-study-slider-more{background: transparent;border: 1px solid #1A232B;    margin-top: 12px;}
  .NavAboutBlock .case-study-slider-more:hover, .NavAboutBlock a.case-study-slider-more:hover{border: 1px solid var(--Green);}


  .menu-head-container{display: flex; align-items: center; justify-content: space-between;}
  .menu-head-container .menu-head-link{font-size: 16px;font-weight: 500; line-height: 116%; color: var(--primary); margin-right: 24px;}
  .menu-head-container .menu-head-link span{font-size: 10px;padding-left: 10px;}