/*
 Theme Name:   HPA
 Description:  Wordpress Theme for HPA
 Author:       Charmer
 Version: 1.0
*/

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  @font-face {
    font-family: 'Aero';
    src: local('At Hauss Aero Retina'), local('At-Hauss-Aero-Retina'),
        url('../wptheme/fonts/AtHaussAero-Retina.woff2') format('woff2'),
        url('../wptheme/fonts/AtHaussAero-Retina.woff') format('woff'),
        url('../wptheme/fonts/AtHaussAero-Retina.ttf') format('truetype');
    font-weight: 350;
    font-style: normal;
  }

  @font-face {
    font-family: 'Aero';
    src: local('At Hauss Aero Regular'), local('At-Hauss-Aero-Regular'),
        url('../wptheme/fonts/AtHaussAero-Regular.woff2') format('woff2'),
        url('../wptheme/fonts/AtHaussAero-Regular.woff') format('woff'),
        url('../wptheme/fonts/AtHaussAero-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

  #scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    padding: 25px;
    border: none;
    border-radius: 50%;
    background: url('img/arrowDark.svg') 50% 50% no-repeat #f9fe00bf;
    cursor: pointer;
    z-index: 1;
    transform: rotate(270deg);
    transition-duration: 0.5s;
  }
  #scroll-to-top:hover {
    background: url('img/arrowDark.svg') 50% 50% no-repeat #f9fe00;
    transition-duration: 0.5s;
  }
  
  .grecaptcha-badge { 
    visibility: hidden;
  }

  html {
      overflow-x: clip;
      overflow-y: auto;
  }

  html {
      -ms-overflow-style: none;  /* Internet Explorer 10+ */
      scrollbar-width: none;  /* Firefox */
  }
  html::-webkit-scrollbar { 
      display: none;  /* Safari and Chrome */
  }

  html, body {
    position:relative;
    overflow-x:clip;
  }

  html,
  body {
    font-family: "Aero";
    font-weight: 350;
    font-size: 24px;
    color: #0F0F0F;
    line-height: 30px;
    min-height: 100vh;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
  }

  body {
    position: relative;
  }

  a {
    text-decoration: none !important;
  }

  a:hover {
  }

  img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
  }

  button {
    cursor: pointer;
    font-family: "Aero";
    font-weight: 350;
  }


  h1, h2, h3, h4, h5, h6 {
    font-weight: 350;
  }

  .break {
    flex-basis: 100%;
    height: 0;
  }
  
  .flexed {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
  }

  .flexed--between {
      justify-content: space-between;
  }

  .flexed--around {
      justify-content: space-around;
  }

  .flexed--top {
      align-items: flex-start;
  }

  .flexed--bottom {
      align-items: flex-end;
  }

  .flex1 {
    flex: 1;
  }

  h1, .h1 {
    font-size: 104px;
    letter-spacing: -0.025em;
    line-height: 96px;
  }
  
  .mobile header .menu li a,
  h2, .h2 {
    font-size: 80px;
    line-height: 76px;
    letter-spacing: -0.025em;
  }

  h3, .h3 {
    font-size: 68px;
    line-height: 68px;
    letter-spacing: -0.015em;
  }

  h4, .h4 {
    font-size: 41px;
    letter-spacing: -0.015em;
    line-height: 44px;
  }

  h5, .h5 {
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.015em;
  }

  h6, .h6 {
    font-size: 24px;
    line-height: 28px;
  }
  
  span.wpcf7-not-valid-tip,
  .text-xs {
    font-size: 19px;
    line-height: 24px;
  }

  .text-btn {
    font-size: 21px;
    line-height: 22px;
  }
  
  .wpcf7-form button,
  .text-xs-alt {
    font-size: 19px;
    line-height: 20px;
  }

  .text-xxs {
    font-size: 14px;
    line-height: 14px;
  }
  
  figcaption,
  .meta-info {
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 0.04em;
  }

  .gap8 {
    gap: 8px;
  }

  .gap12 {
    gap: 12px;
  }

  .gap16 {
    gap: 16px;
  }

  .gap016 {
    gap: 0 16px;
  }
  
  .gap24 {
    gap: 24px;
  }

  .gap32 {
    gap: 32px;
  }

  .gap40 {
    gap: 40px;
  }

  .gap64 {
    gap: 64px;
  }

  .pt6 {
    padding-top: 6px;
  }

  .pb6 {
    padding-bottom: 6px;
  }
  
  .pt8 {
    padding-top: 8px;
  }

  .pb8 {
    padding-bottom: 8px;
  }

  .pt16 {
    padding-top: 16px;
  }

  .pb16 {
    padding-bottom: 16px;
  }

  .pt24 {
    padding-top: 24px;
  }

  .pb24 {
    padding-bottom: 24px;
  }

  .pt32 {
    padding-top: 32px;
  }

  .pb32 {
    padding-bottom: 32px;
  }

  .pt40 {
    padding-top: 40px;
  }

  .pb40 {
    padding-bottom: 40px;
  }

  .pt48 {
    padding-top: 48px;
  }

  .pb48 {
    padding-bottom: 48px;
  }

  .pt56 {
    padding-top: 56px;
  }

  .pb56 {
    padding-bottom: 56px;
  }

  .pt64 {
    padding-top: 64px;
  }

  .pb64 {
    padding-bottom: 64px;
  }

  .pt72 {
    padding-top: 72px;
  }

  .pb72 {
    padding-bottom: 72px;
  }

  .pt80 {
    padding-top: 80px;
  }

  .pb80 {
    padding-bottom: 80px;
  }

  .pt88 {
    padding-top: 88px;
  }

  .pb88 {
    padding-bottom: 88px;
  }

  .pt96 {
    padding-top: 96px;
  }

  .pb96 {
    padding-bottom: 96px;
  }

  .pt120 {
    padding-top: 120px;
  }

  .pb120 {
    padding-bottom: 120px;
  }

  .pt144 {
    padding-top: 144px;
  }

  .pb144 {
    padding-bottom: 144px;
  }

  .pt156 {
    padding-top: 156px;
  }

  .pb156 {
    padding-bottom: 156px;
  }


  .pt200 {
    padding-top: 200px;
  }

  .pb200 {
    padding-bottom: 200px;
  }

  footer {
      background: #0F0F0F;
      color: #fff;
      letter-spacing: normal;
  }

  footer a {
      color: #fff;
  }

  .container {
      position: relative;
      padding: 0 48px;
      width: 100%;
  }

  .container.container-margin {
    padding: 0;
    margin: 0 48px;
    width: auto;
  }

  select, input, textarea {
    color: #0F0F0F;
    font-weight: 350;
  }
  
  .wpcf7 form .wpcf7-response-output {
      margin: 0;
      border: none;
      padding: 0;
      color: #e40000;
  }

  .footer-right li {
      display: block;
      font-size: 21px;
      line-height: 22px;
      margin-top: 11px;
  }

  .footer-social-item {
      font-size: 21px;
  }

  .footer-right li:last-child {
      margin-bottom: 0;
  }

  .footer-right-menu {
      padding-right: 212px;
  }

  .footer-right {
      max-width: 597px;
      width: 100%;
  }

  .footer-right-menu + .footer-right-menu {
      padding: 0;
  }

  .footer-middle {
      border-top: 1px solid rgb(255 255 255 / 30%);
      padding-bottom: 189px;
  }
  
  .footer-bottom {
    opacity: 0.5;
      font-size: 21px;
  }

  .contact-form-subtitle {
    opacity: 0.5;
  }


  .footer-legal {
      padding-right: 168px;
  }

  .footer-right-menu-title {
      opacity: 0.5;
      font-size: 21px;
  }

  .logo, .footer-logo {
      max-width: 120px;
      width: 100%;
  }

  header .menu {
      display: flex;
      flex-wrap: wrap;
  }

  .header-inner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 2;
  }

  .logo-wrap, .logo-wrap + div {
      flex: 1;
  }

  .header-inner {
      gap: 16px;
  }
  
  .language-menu li,
  header .menu li {
      display: block;
  }
  
  .language-menu li:not(:first-child),
  header .menu li:not(:first-child) {
    margin-left: 24px;
  }
  
  .language-menu li a,
  header .menu li a {
      color: inherit;
  }
  
  .language-menu li a,
  .homehead-nav-item-label, 
  header .menu li a {
    font-size: 21px;
    line-height: 22px;
  }

  .logo svg {
      display: block;
  }

  .logo svg + svg {
      display: none;
  }

  .submain.light .logo svg {
      display: none;
  }

  .submain.light .logo svg + svg {
      display: block;
  }

  .logo > a > svg:first-child > path {
    fill: #0f0f0f !important;
  }

  .logo svg path, 
  .footer-logo svg path {
    transition: all 0.3s ease-in-out;
    transform: translateY(0);
  }

  .logo svg path:nth-child(4), 
  .logo svg path:nth-child(5), 
  .footer-logo svg path:nth-child(4),
  .footer-logo svg path:nth-child(5) {
    transition-delay: 0.1s;
  }

  .logo svg path:nth-child(2), 
  .logo svg path:nth-child(3), 
  .footer-logo svg path:nth-child(2),
  .footer-logo svg path:nth-child(3) {
    transition-delay: 0.2s;
  }
  
  .logo svg path:nth-child(2n), 
  .footer-logo svg path:nth-child(2n) {
    transform: translateY(110%);
  }

  .logo a:hover svg path:nth-child(2n+1),
  .footer-logo a:hover svg path:nth-child(2n+1) {
     transform: translateY(-110%);
  }

  .logo a:hover svg path:nth-child(2n),
  .footer-logo a:hover svg path:nth-child(2n) {
     transform: translateY(0);
  }


  .submain.light header li a {
      color: #fff;
  }

  .homehead-content-item-text {
      flex: 1;
      max-width: 50%;
      position: relative;
      z-index: 2;
  }

  .homehead-nav-progress {
      background: rgba(15, 15, 15, 0.2);
      border-radius: 4px;
      height: 4px;
      width: 100%;
      position: relative;
      cursor: pointer;
      transition: 0.2s;
  }

  .homehead-nav-progress.progress {
      pointer-events: none;
  }

  .homehead-nav-progress-item.progress {
      pointer-events: none;
  }
  
  .homehead-nav-item.homehead-nav-news,
  .homehead-nav-item.homehead-nav-intro {
      flex: 1;
  }

  .homehead-nav-progress-item {
      flex: 1;
      background: rgba(15, 15, 15, 0.2);
      border-radius: 4px;
      height: 4px;
      width: 100%;
      cursor: pointer;
      transition: 0.2s;
  }

  .homehead-nav {
      position: absolute;
      bottom: 72px;
      z-index: 2;
      width: 100%;
  }

  .homehead-content-news-item, 
  .homehead-content-item-inner {
      padding-bottom: 186px;
      min-height: 100vh;
      display: flex;
      align-items: flex-end;
  }

  .homehead-content-item-image {
      flex: 1;
  }

  .homehead-content-item-image img {
      width: auto;
      max-height: calc(100vh - 307px);
  }

  .homehead-content-item-text a {
      color: #0F0F0F;
  }

  video#videobg {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      top: 0;
      object-fit: cover;
  }

  .homehead-content-item.homehead-content-intro {
      min-height: 100vh;
      position: relative;
  }

  span.line_wrap {
      display: block;
      overflow: hidden;
      line-height: normal;
  }

  .contact-options-text .h4 {  
    line-height: unset;
  }

  .page-template-contact-tpl h3 {
    margin-top: -9px;
    margin-bottom: -9px;
  }

  .homehead-content-item-text {
    line-height: normal !important;
  }

  span.line_wrap-inner {
      display: block;
  }

  .homehead-content-item-inner {
      flex-wrap: wrap;
  }

  .homehead-content-intro .homehead-content-item-text {
      opacity: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      visibility: hidden;
      flex: auto;
  }

  .homehead-content-intro .homehead-content-item-text.active {
    opacity: 1;
    visibility: visible;
  }

  .letter {
    display: inline-block;
  }

  .submain.light .homehead-content-item-text a {
      color: #FFF;
  }

  .submain.light .homehead-nav-progress {
      background: rgba(255, 255, 255, 0.2);
  }

  .submain.light .homehead-nav-item {
      color: #fff;
  }

  .submain.light .homehead-nav-progress-item {
      background: rgba(255, 255, 255, 0.2);
  }

  span.tricksword {
      white-space: nowrap;
  }

  .homehead-content-news-item {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .input-help a {
      color: currentColor;
  }

  .homehead-content-news-item.active {
     position: relative;
     opacity: 1;
     visibility: visible;
  }

  span.line_wrap2 {
      overflow: hidden;
      display: block;
  }

  span.line_wrap2 span.line_wrap-inner2 {
    display: block;
    opacity: 0;
    transform: translateY(100%);
  }

/*  span.line_wrap2:nth-child(1) span.line_wrap-inner2 {
      display: block;
       -webkit-transform: translateY(100%) translate3d(0, 0, 0);
      transform: translateY(100%) translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 0.5s linear 0s;
      transition: transform 0.5s linear 0s;
      opacity: 0;
  }
  span.line_wrap2:nth-child(2) span.line_wrap-inner2 {
      display: block;
       -webkit-transform: translateY(100%) translate3d(0, 0, 0);
      transform: translateY(100%) translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 0.5s linear 0.15s;
      transition: transform 0.5s linear 0.15s;
      opacity: 0;
  }
  span.line_wrap2:nth-child(3) span.line_wrap-inner2 {
      display: block;
       -webkit-transform: translateY(100%) translate3d(0, 0, 0);
      transform: translateY(100%) translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 0.5s linear 0.3s;
      transition: transform 0.5s linear 0.3s;
      opacity: 0;
  }
  span.line_wrap2:nth-child(4) span.line_wrap-inner2 {
      display: block;
       -webkit-transform: translateY(100%) translate3d(0, 0, 0);
      transform: translateY(100%) translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 0.5s linear 0.45s;
      transition: transform 0.5s linear 0.45s;
      opacity: 0;
  }
  span.line_wrap2:nth-child(5) span.line_wrap-inner2 {
      display: block;
       -webkit-transform: translateY(100%) translate3d(0, 0, 0);
      transform: translateY(100%) translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 0.5s linear 0.6s;
      transition: transform 0.5s linear 0.6s;
      opacity: 0;
  }
  span.line_wrap2:nth-child(6) span.line_wrap-inner2 {
      display: block;
       -webkit-transform: translateY(100%) translate3d(0, 0, 0);
      transform: translateY(100%) translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 0.5s linear 0.75s;
      transition: transform 0.5s linear 0.75s;
      opacity: 0;
  }
  span.line_wrap2:nth-child(7) span.line_wrap-inner2 {
      display: block;
       -webkit-transform: translateY(100%) translate3d(0, 0, 0);
      transform: translateY(100%) translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 0.5s linear 0.8s;
      transition: transform 0.5s linear 0.8s;
      opacity: 0;
  }

  .active span.line_wrap2 span.line_wrap-inner2 {
    opacity: 1;
    transform: translateY(0);
  }*/

  .ps__rail-x {
    transform: translateX(-48px) scale(95.6%, 1);
    transform-origin: right;
  }

  .homehead-nav-progress-bar {
      position: absolute;
      border-radius: 4px;
      width: 0;
      height: 4px;
      left: 0;
      top: 0;
      background: #0F0F0F;
      cursor: pointer;
  }

  .submain.light .homehead-nav-progress-bar {
      background: #F9FE00;
  }

  .homehead-nav-spoiler {
    opacity: 0;
    visibility: hidden;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background: rgba(15, 15, 15, 0.2);
      height: 4px;
      border-radius: 4px;
      cursor: pointer;
          transition: 0.2s;
  }

  .submain.light .homehead-nav-spoiler {
    background: rgba(255, 255, 255, 0.2);
  }

  .homehead-nav-progress-wrap {
      position: relative;
  }

  .home-section .ps__rail-x {
    display: none;
  }

/*  .block-content-single.block-content-single-list {
      overflow: hidden;
  }*/

/*  .homehead-nav-spoiler ~ .homehead-nav-progress-item {
      opacity: 0;
      visibility: hidden;
  }*/

  .homehead-nav-spoiler.active ~ .homehead-nav-progress-item {
      opacity: 1;
      visibility: visible;
  }

  .homehead-nav-spoiler.active {
      opacity: 0;
      visibility: hidden;
  }
  
  .homehead-nav-progress-item:hover,
  .homehead-nav-spoiler:hover,
  .homehead-nav-progress:hover {
      background: rgb(249 254 0 / 50%);
  }
  
  .dark .homehead-nav-progress-item:hover,
  .dark .homehead-nav-spoiler:hover,
  .dark .homehead-nav-progress:hover {
      background: rgb(15 15 15 / 50%);
  }

  .home-services-card {
      max-width: 33%;
  }
  
  .home-solutions-cards .abs-link,
  .home-services-card .abs-link {
    display: none;
  }

  .rel {
      position: relative;
  }

  .home-section-top h2 {
      box-sizing: content-box;
      width: calc(100% - 72px);
  }

  .home-section-top > h2, .home-section-top > p {
      display: block;
      flex: 1;
  }

  .home-section-light {
      color: #fff;
  }

  .home-services {
      background: #0F0F0F;
  }

  .home-solutions {
      background: #F9FE00;
  }

  .card-item {
      background: #0F0F0F;
      color: #fff;
      border-radius: 8px;
  }

  .home-services .card-item {
    background: none;
  }

  .card-item50 {
      max-width: calc(50% - 8px);
      width: 100%;
  }

  .card-item2 {
      padding: 40px 32px 24px 24px;
      height: 720px;
  }

  .card-item2 .card-img {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 84%;
    max-height: 58%;
    height: 100%;
  }

  .card-item {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
      width: 100%;
  }

  .card-img img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: top left;
  }

  .card-logo {
      height: 60px;
      box-sizing: content-box;
  }

  .card-logo img {
      height: 100%;
      width: auto;
  }

  .card-item2 .card-top {
      padding-left: 8px;
  }

  .card-item2 .card-text {
      max-width: 80%;
      width: 100%;
  }

  .link-arrow a {
      color: currentColor;
      line-height: 20px;
      padding-right: 24px;
      background: url('img/arrowDark2.svg') 100% 50% no-repeat;
      transition: 0.3s;
  }

  .link-arrow.link-arrow-light a {
    background: url('img/arrow2.svg') 100% 50% no-repeat;
  }

  .home-section-bottom {
      text-align: right;
  }

  .home-section-bottom a:hover {
      opacity: 0.5;
  }
  
  .wpcf7-form button,
  .link-arrow.link-btn a {
      padding: 18px 28px;

      font-size: 21px;
      display: inline-block;
      overflow: hidden;
      background: url('img/arrowDark2.svg') 50% 50% no-repeat #f9fe00;
      border-radius: 4px;
      transition: 0.3s;
      position: relative;
      z-index: 2;
  }

  .link-arrow.link-btn a span {
      transform: translateX(-100%);
      white-space: nowrap;
      opacity: 0;
      transition: 0.3s;
      color: #0F0F0F;
      display: block;
      text-indent: -200px;
  }
  
  .news-card:hover .link-arrow a span,
  .card-item:hover .link-arrow a span,
  .link-arrow.link-btn a:hover span {
      opacity: 1;
      transform: translateX(0);
      text-indent: 0;
  }
  
  .news-card:hover .link-arrow a,
  .card-item:hover .link-arrow a,
  .link-arrow.link-btn a:hover {
      padding: 18px 48px 18px 24px;
      background-position: calc(100% - 24px) 50%;
  }

  .home-client {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      height: 320px;
      width: calc(100% / 3);
      border-right: 1px solid rgba(0,0,0,0.1);
  }

  .home-client a {
      display: flex;
      height: 100%;
      width: 100%;
      align-items: center;
      justify-content: center;
  }

  .home-client a img {
      width: auto;
  }

  .home-client:nth-child(3n) {
      border-right: none;
  }

  .home-section.home-news {
      background: #F4F4F4;
  }

  .home-clients-cards {
      width: 100%;
  }

  .home-client.home-client-final-link {
      flex: 1;
      border-right: none;
      display: block;
      transition: 0.3s;
  }

  .home-client.home-client-final-link a {
      display: block;
      height: 100%;
      background: url('img/arrow2.svg') calc(100% - 48px) calc(100% - 48px) #0F0F0F no-repeat;
      padding: 48px;
      color: #fff;
      transition: 0.3s;
  }

  .news-card {
      padding: 40px 32px 32px;
      /*background: #fff;*/
      flex: 1;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 552px;
      overflow: hidden;
  }

  .news-card .card-cover.aos-init {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #fff;
      height: 100%;
      width: 100%;
  }

  .news-cards {
      align-items: stretch;
  }

  .news-card-meta {
      text-transform: uppercase;
  }

  .news-card-date {
      opacity: 0.5;
  }

  .news-card-title a {
      color: currentColor;
      letter-spacing: -0.015em;
  }

  .home-services-cards {
      flex-wrap: nowrap;
  }

  .card-item {
      height: 720px;
      padding: 36px 32px 32px;
      background: none;
      flex-shrink: 0;
  }

  .home-services-cards.ps--active-x .card-item {
      width: 31.897%;
      cursor: none;
      height: auto;

      aspect-ratio: 5 / 6;     
  }

  .home-services-cards.ps--active-x .card-item:nth-child(1) {
      margin-left: 48px;
  }

  .home-solutions-cards {
      flex-wrap: nowrap;
  }

  .home-solutions-cards.ps--active-x {
    padding-bottom: 24px;
    gap: 8px;
    margin-left: -48px;
    padding-right: 48px;
    padding-left: 48px;
    width: calc(100% + 96px);
  }

  .ps--active-x .home-solution-card {
      cursor: none;
      max-width: 48%;
  }

  #arrows {
    position: absolute;
    top: -40px;
    left: 0;
    width: 80px;
    height: 80px;
    z-index: 2;
    pointer-events: none;
    cursor: none;
  }

  #arrows.clicked.active div {
    transform: scale(0.5);
  }

  #arrows.active div {
    transform: scale(1);
  }

  #arrows div {
    height: 100%;
    cursor: none;
    background: url(img/cursorL.svg) 50% 50% no-repeat;
    background-size: contain;
    transform: scale(0);
    transition: 0.2s;
  }

  #arrows.right div {
    background: url(img/cursorR.svg) 50% 50% no-repeat;
  }

  #arrows div:after {
      content: '';
      width: 30px;
      height: 30px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: #f9fe00;
      transition: 0.2s;
      opacity: 0;
  }

  #arrows.clicked div:after {
    opacity: 1;
  } 
  
  body.home {
      overflow-x: hidden;
  }
  
  .wpcf7-form input:focus,
  .wpcf7-form textarea:focus,
  .wpcf7-form select:focus,
  .input-text:focus, 
  .input-select:focus {
    outline: none;
    box-sizing: border-box;
    border-color: transparent;
    -webkit-appearance: none;
    box-shadow: 0px 0px 0px 1.5px #0F0F0F;
  }

  .card-img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 75%;
    width: 100%;
    max-height: 64%;
    height: 100%;
    transition: opacity 0.4s ease-Out 0s;
    pointer-events: none; /* MM 20240103 to activate full width click on homepage buttons */
  }

  .ps--active-x .home-solution-card {
      max-width: 49.57%;
  }

  .card-item2 {
      height: auto;
      aspect-ratio: 4 / 3.171;
  }

  .card-suptitle {
      color: #F9FE00;
  }

  .card-item:not(.card-item2) .card-text {
      opacity: 0;
      transition: 0.3s;
  }

  .card-item:not(.card-item2):hover .card-text {
      opacity: 1;
  }

  .card-item:hover .card-img {
      opacity: 0;
  }

  .home-services-cards.ps--active-x {
      padding-bottom: 24px;
      width: calc(100% + 96px);
      margin-left: -48px;
      padding-right: 48px;
  }

  footer .footer-logo a:hover {
    opacity: 1;
  }

  footer a:hover {
      opacity: 0.5;
  }

  footer a {
      transition: 0.3s;
  }
  
  .language-menu li a:hover,
  header .menu li a:hover {
      opacity: 0.5;
  }
  
  .language-menu li a,
  header .menu li a {
      transition: 0.3s;
  }

  .abs-link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  .abs-link a {
      display: block;
      text-indent: -999999px;
      width: 100%;
      height: 100%;
  }

  .header-general {
	  /* min-height: 744px;*/
	  min-height: 444px;
      display: flex;
      align-items: flex-end;
      background-color: #F9FE00;
      background-size: cover;
      background-position: 50% 50%;
  }
  
  .header-general h1,
  .header-general p {
      flex: 1;
  }

  .header-general-inner {
      z-index: 2;
  }

  .submain.light .header-general {
      color: #FFF;
  }

  .filters-line-inner > div, 
  .filters-line select {
      flex: 1;
  }

  .input-text, .input-select {
      width: 100%;
          transition: 0.1s;
      padding: 17.5px 16px;
      border: 1px solid rgba(15, 15, 15, 0.2);
      border-radius: 4px;
      background: transparent;
  }

  .input-help {
      margin-top: 8px;
      opacity: 0.5;
      font-weight: 400;
      text-transform: uppercase;
  }

  .bg-grey {
    background: #F4F4F4;
  }
  
  .wpcf7-select,
  .input-select {
      -webkit-appearance: none;
       -moz-appearance:    none;
      appearance: none;
      background: url('img/chevron.svg') calc(100% - 16px) 50% no-repeat;
  }

  .job-post {
    background: #FFF;
    margin-top: 8px;
    border-radius: 4px;
  }

  .job-post:first-child {
    margin-top: 0px;
  }

  .job-post-top {
      padding: 32px 32px 40px;
      cursor: pointer;
  }
  
  .job-short-info {
      flex: 1;
      padding-right: 16px;
      padding-top: 5px;
  }

  .job-main-info {
      padding-right: 32px;
      display: flex;
      border-top: 1px solid rgba(15, 15, 15, 0.1);
  }

  .content-half {
    width: calc(50% - 24px);
    max-width: 100%;
    margin-left: auto;
  }

  .job-main-info-inner h5 {
      margin-bottom: 24px;
  }

  .job-main-info-inner h2:not(:first-child) {
      padding-top: 8px;
  }

  .job-main-info-inner p {
      margin-bottom: 48px;
  }

  .wp-video {
      padding-bottom: 48px;
      width: 100% !important;
  }

  .job-main-info-inner li {
      margin-bottom: 24px;
  }

  .job-main-info-inner ol {
      margin-left: 32px;
  }
  
  .accordion-text ul li,
  .text-content ul li,
  .job-main-info-inner ul li {
      display: block;
      position: relative;
      padding-left: 21px;
  }
  
  .accordion-text ul li:not(:has(a)):before,
  .accordion-text ul li a:before,
  .text-content ul li:not(:has(a)):before,
  .text-content ul li a:before,
  .job-main-info-inner ul li a:before {
      content: '';
      width: 5px;
      height: 5px;
      background: #0F0F0F;
      position: absolute;
      left: 0;
      top: 12px;
      transition: 0.3s;
  }

  .accordion-text ul li a:hover:before,
  .text-content ul li a:hover:before,
  .job-main-info-inner ul li a:hover:before {
      opacity: 0.5;
  }

  .job-main-info-inner ul, 
  .job-main-info-inner ol {
      padding-bottom: 24px;
  }

  .wpcf7-form button {
      margin-left: auto;
  }
  
  .wpcf7-form button,
  .link-arrow.link-btn.link-dark a {
      background: #0f0f0f;
      border: none;
      font-family: inherit;
      color: #fff;
  }

  .link-arrow.link-btn.link-dark a span {
      color: #FFF;
  }

  .link-arrow.link-btn.link-visible span {
      transform: none;
      text-indent: 0;
      opacity: 1;
  }

  .link-arrow.link-btn.link-visible a {
      padding: 18px 29px;
  }

/*  .link-arrow.link-btn.link-visible a:hover {
    opacity: 0.85;
  }*/

  button.toggle-btn span {
    position: absolute;
    opacity: 0;
    visibility: hidden;
  }

  button.toggle-btn {
      background: #0F0F0F;
      width: 56px;
      height: 56px;
      border-radius: 4px;
      border: none;
      transition: 0.3s;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  button.toggle-btn:hover {
    opacity: 0.85;
  }

  button.toggle-btn svg {
      transition: 0.3s;

  }
  
  .active button.toggle-btn svg {
    transform: rotate(45deg);
  }

  .active button.toggle-btn svg path {
    fill: #F9FE00;
    /*stroke: #F9FE00;*/
  }

  .no-results {
      padding-top: 16px;
      min-height: 50vh;
  }

  .job-post .job-main-info .mejs-overlay>.mejs-overlay-button {
    background: url(img/play.svg) 50% 50% no-repeat;
  }

  .text-content a {
    color: #0F0F0F;
    cursor: pointer;
    font-weight: 350;
    transition: 0.3s;
    border-bottom: 2px solid currentColor;
/*    transition: all 0.5s linear;
    background: linear-gradient(to bottom, #F9FE00 0%, #F9FE00 98%);
    background-size: 0px 5px;
    background-repeat: no-repeat;
    background-position: right 100%;*/
  }
  .text-content a:hover {/*
    background-size: 100% 5px;
    background-position: 0 100%;*/
    opacity: 0.5;
  }

  .gallery-item {
      align-items: stretch;
  }

  .gallery-item-img {
      flex: 1;
  }

  .gallery-item-img img {
      height: 100%;
      object-fit: cover;
  }
  
  .caption {
      display: block;
      font-weight: 350;
  }

  .blocks-nav {
      background: #f9fe00;
      border-top: 1px solid rgb(15 15 15 / 10%);
      position: sticky;
      top: 0;
      z-index: 3;
  }

  .admin-bar .blocks-nav {
    top: 32px;
  }

  .blocks-nav-inner a {
      color: currentColor;
      transition: 0.2s;
  }

  .blocks-nav-inner a:hover {
      opacity: 0.5;
  }

  .block-content > h3 {
      color: #0F0F0F;
  }

  .block-content-wrap:not(:first-child) {
      border-top: 1px solid rgb(15 15 15 / 10%);
      /*overflow: hidden;*/
  }

  .block-content-wrap.title-empty .block-content-single {
      padding-top: 0;
  }

  .block-content-wrap.title-empty .block-content-single .list-items-wrap:before {
      display: none;
  }

  .block-content > h3 {
    flex: 1;
  }

  .block-content > h3 span {
      padding-right: 56px;
      display: block;
  }
  
  .research-card-right .text-content p:not(:last-child),
  .block-content .text-content p {
      margin-bottom: 32px;
  }

  .block-content .text-content h4 {
      margin-bottom: 32px;
  }

  .block-content .text-content ul li {
      margin-bottom: 16px;
  }

  .block-content .text-content ul {
      margin-bottom: 40px;
  }

  .block-content-single {
      width: calc(50% - 8px);
      margin-left: auto;
  }
  
  .block-content-single.block-content-single-slider,
  .block-content-single.block-content-single-gallery,
  .block-content-single.block-content-single-list,
  .block-content-single.block-content-single-full_width_image {
      width: 100%;
  }

  .left-sep {
    width: calc(50% - 8px);
  }

  .block-content-single.block-content-single-accordion {
      padding: 32px 0 64px;
  }

  .accodrion-item .accordion-title {
    padding: 16px 16px 16px 24px;
    cursor: pointer;
  }

  .accodrion-item:not(:last-child) {
      margin-bottom: 8px;
  }

  .block-content-single.block-content-single-files {
      padding: 16px 0 56px;
  }

  .block-content-single.block-content-single-files .file-item {
      border-bottom: 1px solid rgb(0 0 0 / 10%);
      padding: 16px 0;
  }

  .block-content-single.block-content-single-gallery-sm {
      padding-top: 32px;
  }

  .block-content-single.block-content-single-gallery-sm .gallery-item:not(.gallery-item-logos) .gallery-item-img {
      height: auto;
      justify-content: flex-start;
      background: none;
      display: block;
  }

  .block-content-single.block-content-single-gallery-sm .gallery-item:not(.gallery-item-logos) .gallery-item-img img {
      height: auto;
  }

  .block-content-single.block-content-single-gallery-sm .gallery-item:not(.gallery-item-logos) .gallery-item-img .caption {
      max-width: 100%;
      position: static;
      width: 100%;
      display: block;
      opacity: 1;
  }

  .block-content-single.block-content-single-logos {
      width: 100%;
      margin-top: 112px;
      margin-bottom: -128px;
  }
  
  .block-content-single.block-content-single-logos .home-clients-cards {
      width: calc(100% + 96px);
      margin-left: -48px;
  }

  .file-item-ext {
      font-weight: 400;
      font-size: 12.5px;
      line-height: 14px;
      background: #000;
      color: #fff;
      text-transform: uppercase;
      padding: 9px 7px 7px;
      position: relative;
  }

  .file-item-ext:before {
      content: '';
      position: absolute;
      width: 50%;
      height: 10px;
      top: 1px;
      transform: translateY(-100%);
      left: 0;
      background: #000;
  }

  .file-item-name {
      transform: translateY(-5px);
  }

  .file-item-download a {
      background: #0F0F0F;
      width: 56px;
      height: 56px;
      border-radius: 4px;
      border: none;
      transition: 0.3s;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .file-item-download a span {
      position: absolute;
      opacity: 0;
      visibility: hidden;
  }

  .file-item-download a:hover svg path {
      /*fill: #f9fe00;*/
  }

  .file-item-download a:hover {
      opacity: 0.85;
  }
  
  .block-content-single.block-content-single-slider,
  .block-content-single.block-content-single-gallery {
    padding: 80px 0 64px;
  }

  .gallery-item-img img {
      height: 680px;
      object-fit: cover;
  }

  .block-content-single.block-content-single-list {
      padding: 88px 0 8px;
  }

  .block-content-single.block-content-single-list .list-item {
      max-width: calc(33.3333% - calc(32px / 3));
  }

  .block-content-single.block-content-single-list .list-items {
      gap: 56px 16px;
  }

  .list-item-number {
      opacity: 0.5;
  }

  .list-item-title {
      margin-bottom: 28px;
  }

  .list-item-text {
      padding-right: 24px;
  }

  .block-content-single.block-content-single-full_width_image {
    padding: 112px 0 0;
  }

  .block-content-single.block-content-single-full_width_image img {
      margin-left: -48px;
      width: calc(100% + 96px);
      max-width: inherit;
  }

  .home-client.home-client-final-link a:hover {
      background-image: url('img/arrowDark2.svg');
      background-color: #F9FE00;
      color: #0F0F0F;
  }

  .list-items-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: -50px; 
    width: calc(100% + 200px);
      border-top: 1px solid rgb(15 15 15 / 10%);
  }
  
  .news-card-title,
  .news-card-meta,
  .news-card-bottom,
  .block-content-wrap:not(:last-child) {
      overflow: hidden;
  }

  .header-meta-info {
      width: 100%;
  }

  .meta-info-label {
      opacity: 0.5;
  }

  .accordion-text ul li:not(:last-child) {
      margin-bottom: 16px;
  }

  .accordion-text a {
      color: currentColor;
  }

  .file-item-info {padding-top: 10px;}

  .accordion-text a {
/*      background: linear-gradient(to bottom, rgb(249 254 0 / 75%), rgb(249 254 0 / 75%));
      background-size: 0 5px;
      background-position: right 100%;
      background-repeat: no-repeat;*/
      transition: 0.3s;
  }

  .accordion-text a:hover {
    opacity: 0.5;
/*      background-size: 100% 5px;
      background-position: 0 100%;*/
  }

  .block-content-single.block-content-single-accordion:last-child {
      padding-bottom: 0;
  }

  .block-content-single-gallery-sm .gallery-item-img img {
      height: auto;
  }

  .submain.single-post header {
      background: #F9FE00;
  }

  .submain.single-post .header-inner {
      position: relative;
  }

  .post-meta-sep {
      height: 6px;
      width: 6px;
      background: #0F0F0F;
  }

  .submain.single-post .blocks-content {
      padding-top: 0;
      padding-bottom: 32px;
      border-top: 1px solid rgb(15 15 15 / 10%);
      border-bottom: 1px solid rgb(15 15 15 / 10%);
  }

  .single-post .blocks-content .block-content-wrap {
      padding-bottom: 0;
  }

  .single-post .block-content-single.block-content-single-gallery-sm {
      margin-bottom: 64px;
  }

  .share-right, .share-left {
      flex: 1;
  }

  .share-options a {
      color: currentColor;
      transition: 0.3s;
  }

  .share-options a:hover {
    opacity: 0.5;
  }

  .tabs button {
    background: transparent;
    padding: 13px 16px 14px;
    border: none;
    color: #0F0F0F;
    border-radius: 4px;
    transition: 0.3s;
  }

  .tabs button:not(.active):hover {
    background: #F9FE00;
  }

  .tabs button.active {
    background: #0F0F0F;
    color: #fff;
  }

  .share-title {
      opacity: 0.5;
  }

  .card-item11 .card-bottom {
      max-width: 32%;
  }

  .card-item12 .card-bottom {
      max-width: 63%;
  }

  .card-item13 {
      max-width: calc(33.3333% - calc(32px / 3));
  }

  .card-item12 {
      max-width: calc(50% - 8px);
  }

  .card-item12 .card-img {
    max-width: 81%;
    max-height: 62%;
  }

  .card-item11 .card-top {
    max-width: 30%;
    width: 100%;
  }

  .card-item11 .card-img {
      max-height: 100%;
      max-width: 65%;
      right: 2%;
  }

  .page-template-cardspage-always-half-tpl .card-text {
      opacity: 1;
      max-width: 72%;
  }

  .news-page .news-card {
      flex: auto;
      max-width: calc(calc(100% / 3) - calc(32px / 3));
      width: 100%;
  }

  .load-more-wrap {
    display: inline-block;
    text-align: center;
    width: 100%;  
  }

  .news-filters-right {
      max-width: calc(calc(100% / 3) - calc(32px / 3));
      width: 100%;
  }

  button.load-more {
      background: #0F0F0F;
      color: #fff;
      border: none;
      padding: 18px 25px 18px;
      font-size: 21px;
      line-height: 22px;
      border-radius: 4px;
      transition: 0.3s;
  }

  button.load-more:hover {
     background: #F9FE00;
  }

  button.load-more span {
      display: block;
      transform: translateY(0);
      transition: 0.3s;
  }

  button.load-more span + span {
      transform: translateY(100%);
      position: absolute;
      top: 0;
      height: 100%;
      display: flex;
      color: #0F0F0F;
      align-items: center;
      transition: 0.3s;
      width: 100%;
      justify-content: center;
      left: 0;
  }

  button.load-more {
      display: inline-block;
      overflow: hidden;
      position: relative;
  }

  button.load-more:hover span {
      transform: translateY(-200%);
  }

  button.load-more:hover span + span {
      transform: translateY(0%);
  }

  .filter-line > div, .filter-line select {
      flex: 1;
  }

  .research-card-left {
      flex: 1;
  }

  .research-card-right {
      flex: 1;
  }

  .research-card {
      align-items: stretch;
      background: #fff;
      padding-right: 32px;
      padding-left: 32px;
      border-radius: 8px;
  }

  .research-card-left-inner {
      aspect-ratio: 4 / 3;
      background: #F4F4F4;
      justify-content: center;
      margin-right: 122px;
      border-radius: 4px;
  }

  .research-card-img img {
    width: auto;
  }

  .research-card-link {
      position: absolute;
      bottom: 24px;
      right: 24px;
  }

  .research-card-link a {
      font-size: 21px;
      line-height: 22px;
      color: currentColor;/*
      margin: 21px 0px 21px 0;*/
      overflow: hidden;
      background: none;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
  }

  .research-card-right h4 {
    line-height: unset;
  }

  .research-card-link a > span + span {
      width: 56px;
      height: 56px;
      border: 1px solid currentColor;
      border-radius: 4px;
      background: url('img/arrowTopRight.svg') 50% 50% no-repeat;
      background-size: 20px 20px;
      transition: 0.2s;
  }

  .research-card-link a span {
      position: relative;
  }

  .research-card-link a > span + span:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      transform: translateY(100%);
      transition: 0.2s;
      background: url('img/arrowTopRight.svg') 50% 50% no-repeat;
  }

  .research-card-left-inner:hover a span + span:after {
      transform: translateY(0);
  }

  .research-card-left-inner:hover a span + span {
      border-color: #f9fe00;
      background-color: #f9fe00;
      background-position: 50% -100%;
  }

  .research-card-link a span {
    transition: 0.2s;
  }

  .research-card-left-inner:hover a > span:first-child {
      opacity: 0.5;
  }

  .meta-info-date {
      padding-right: 3px;
  }

  .contact-option-text .meta-info {
      opacity: 0.5;
  }

  .contact-option-text a {
      color: currentColor;
      transition: 0.2s;
  }

  .contact-option-text a:hover {
      opacity: 0.5;
  }

  .contact-option-text p {
      margin-bottom: 16px;
  }

  .contact-options-inner h3 span, .contact-form-left span {
      padding-right: 56px;
  }

  .wpcf7-form .row p {
      display: flex;
      margin-bottom: 16px;
      gap: 16px;
  }

  .wpcf7-form .row p span {
      flex: 1;
      width: 100%;
  }

  .wpcf7-form input, 
  .wpcf7-form textarea, 
  .wpcf7-form select {
      width: 100%;
      padding: 12px 16px 13px;
      font-size: 19px;
      transition: 0.1s;
      line-height: 20px;
      border: 1px solid #CFCFCF;
      border-radius: 4px;
      resize: none;
      font-family: inherit;
  }

  span.wpcf7-form-control.wpcf7-checkbox {
      display: block;
  }

  .wpcf7-list-item {
      display: flex;
      width: 100%;
      margin: 0 0 5px;
  }

  .wpcf7-list-item label {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      align-items: center;
  }

  .wpcf7-list-item label span {
      flex: 1;
      padding-left: 10px;
  }

  .wpcf7-list-item label input {
      width: 20px;
      height: 20px;
  }

  .wpcf7-form select {
    line-height: 25px;
  }

  .wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder {
    color: currentColor;
  }

  .contact-form-wrap {
      border-top: 1px solid #E7E7E7;
  }

  .intl-tel-input.allow-dropdown .flag-container {left: 7px;}

  .intl-tel-input.allow-dropdown input[type=text] {
      padding-left: 60px;
  }
  
  span.wpcf7-not-valid-tip {
      color: #E40000;
      font-size: 17px;
      line-height: 20px;
      margin-top: 8px;
  }

  input.wpcf7-form-control.wpcf7-not-valid {
      border-color: #E40000;
      color: #E40000;
  }

  .accodrion-item {
      background: #F4F4F4;
      border-radius: 4px;
  }

  .accordion-text {
      padding-left: 24px;
      padding-right: 16px;
  }

  .block-content-single.block-content-single-gallery-sm .gallery-item-img {
      aspect-ratio: 74 / 63;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      border-radius: 8px;
      background: #F4F4F4;
  }

  .block-content-single.block-content-single-gallery-sm .gallery-item-img img {
      height: 106px;
      width: auto;
  }

  .block-content-single.block-content-single-gallery-sm .gallery-item-img .caption {
      position: absolute;
      bottom: 24px;
      left: 24px;
      opacity: 0.5;
      max-width: 190px;
  }
  
  .file-item-download a,
  .wpcf7-form button,
  .job-main-info-inner .link-arrow.link-btn a,
  .block-content-single-button .link-arrow.link-btn a {
      overflow: hidden;
      position: relative;
      display: inline-block;
  } 
  
  .file-item:hover .file-item-download a,
  .wpcf7-form button:hover,
  .job-main-info-inner .link-arrow.link-btn a:hover,
  .block-content-single-button .link-arrow.link-btn a:hover {
      background: #F9FE00;
  } 
  
  .file-item:hover .file-item-download a span+em,
  .wpcf7-form button:hover span:first-child,
  .job-main-info-inner .link-arrow.link-btn a:hover span:first-child,
  .block-content-single-button .link-arrow.link-btn a:hover span:first-child {
      transform: translateY(-300%);
  } 
  
  .file-item:hover .file-item-download a em:last-child,
  .wpcf7-form button:hover span:last-child,
  .job-main-info-inner .link-arrow.link-btn a:hover span:last-child,
  .block-content-single-button .link-arrow.link-btn a:hover span:last-child {
      transform: translateY(0%);
  } 
  
  .file-item .file-item-download a em,
  .job-main-info-inner .link-arrow.link-btn a span,
  .wpcf7-form button span,
  .link-arrow.link-btn.link-dark a span {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.2s;
    justify-content: center;
  }
  
  .job-main-info-inner .link-arrow.link-btn a span:after,
  .wpcf7-form button span:after,
  .link-arrow.link-btn.link-dark a span:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(img/arrow2.svg) 50% 50% no-repeat;
    background-size: contain;
  }
  

  .job-main-info-inner .link-arrow.link-btn a span:last-child:after,
  .wpcf7-form button span:last-child:after,
  .link-arrow.link-btn.link-dark a span:last-child:after {
    background: url(img/arrowDark2.svg) 50% 50% no-repeat;
    background-size: contain;

  }
  
  .file-item .file-item-download a em:last-child,
  .job-main-info-inner .link-arrow.link-btn a span:last-child,
  .wpcf7-form button span:last-child,
  .link-arrow.link-btn.link-dark a span:last-child {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    color: #0F0F0F;
    transform: translateY(100%);
  }

  .file-item .file-item-download a em:last-child svg path {
      fill: #0F0F0F;
  }

  .file-item .file-item-download a em {
      height: 100%;
  }

  body #main {
      opacity: 0;
      transition: opacity 0.2s linear 0s;
  }

  body.loaded #main {
      opacity: 1;
      transition: opacity 0.3s linear 0.2s;
  }

  body.loaded #main.first {
      opacity: 1;
      transition: opacity 0.4s linear 0.6s;
  }

  body.home #main {
    opacity: 1;
  }

  body.home header .header-inner, 
  body.home .homehead-nav, 
  body.home .homehead-content-intro .container {
    opacity: 0;
    transition: opacity 0.5s linear 0.2s;
  } 

  body.home.loaded .header-inner, 
  body.home.loaded .homehead-nav, 
  body.home.loaded .homehead-content-intro .container {
    opacity: 1
  } 

  .news-page.done,
  .cards-page-inner.done {
      opacity: 1;
      /*transition: all 0.05s linear 0.1s;*/
  }

  /*#main:not(.first) .cards-page-inner:not(.done) .aos-init,*/
  #main .submain:not(.fresh) .cards-page-inner:not(.done) .aos-init,
  /*#main:not(.first) .news-page:not(.done) .aos-init,*/
  #main .submain:not(.fresh) .news-page:not(.done) .aos-init {
      transition-delay: 0s !important;
      transition-duration: 0s !important;
  }

  .news-page,
  .cards-page-inner {
      opacity: 0;
      transition: 0s;
  }

  .accordion-title-inner {
      flex: 1;
      padding-right: 15px;
  }

  .mobile-menu button {
      text-indent: -999999px;
      background: none;
      border: none;
      width: 48px;
      height: 16px;
      display: block;
      overflow: hidden;
      position: relative;
  }

  .mobile-menu button:after, 
  .mobile-menu button:before {
    content: '';
    width: 100%;
    height: 3px;
    background: #0F0F0F;
    position: absolute;
    top: 1px;
    left: 0;
    transition: 0.2s;
    transform-origin: center center;
  }

  .submain.light .mobile-menu button:after, 
  .submain.light .mobile-menu button:before {
    background: #FFFFFF;
  }

  .submain.light.mobile-opened .mobile-menu button:after,
  .submain.light.mobile-opened .mobile-menu button:before {
    background: #0F0F0F;
  }

  .mobile-menu button:after {
      top: inherit;
      bottom: 0;
  }

  .mobile-menu button.active:after,
  .mobile-menu button.active:before {
    height: 2px;
  }

  .mobile-menu button.active:after {
    transform: rotate(45deg) translate(-5%, -50%);
    top: 50%;
  }

  .mobile-menu button.active:before {
      top: 50%;
      transform: rotate(-45deg) translate(5%, -50%);
  }

  .mobile-menu button.active {
      width: 22px;
      height: 24px;
  }

  .mobile-menu {
      display: none;
      z-index: 5;
  }

  body.mobile header .menu-wrap ul {
    display: block;
  }

  body.mobile header .menu-wrap {
      position: absolute;
      top: 0;
      height: 100vh;
      display: none;
      width: 100%;
      left: 0;
      background: #f9fe00;
      padding-top: 104px;
      z-index: 2;
      padding-bottom: 2px;
      margin-left: -48px;
      padding-left: 48px;
      width: calc(100% + 96px);
  }

  body.mobile header .menu-wrap > div:first-child {
    height: 100%;/*
    display: flex;
    align-items: flex-end;*/
  }

  body.mobile header .menu-wrap > div.ps--active-y {
      /*padding-top: 20px;*/
      height: calc(100% + 112px);
      /*padding-bottom: 56px;*/
      display: inline-block;
      position: relative;
      padding-right: 40px;
          width: 100%;
  }

  body.mobile header .menu-wrap ul {
      height: 100%;
      display: flex;
      flex-wrap: nowrap;
      flex-direction: column;
      justify-content: flex-start;
      overflow: auto;
  }

  body.mobile header .menu-wrap > div.ps--active-y.ps--active-y ul {
      display: block;
      /*padding-top: 20px;*/
  }
  
  .mobile header .menu li:last-of-type {
      margin-bottom: 153px;
  } 

  .mobile .header-inner {
      z-index: 5;
  }

  .mobile header .menu li {
      margin-left: 0 !important;
      flex-shrink: 0;
  }

  .mobile header .menu li:not(:last-child) {
    margin-bottom: 13px;
  }

  .mobile-menu-social {
    display: none;
  }

  .mobile .mobile-menu-social {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 55px;
    width: 100%;
  }

  .mobile .mobile-menu-social-inner {
    display: flex;
  }

  .mobile-menu-social-inner {
      position: absolute;
      right: 195px;
      display: none;
      bottom: 0px;
  }

  .mobile-menu-social-inner a {
      color: currentColor;
      transition: 0.2s;
  }

  .mobile-menu-social-inner a:hover {
      opacity: 0.5;
  }

  .mobile-tabs {
      display: none;
  }

  .logo-wrap {
      position: relative;
      z-index: 5;
  }

  body.mobile-opened .logo-wrap {
    max-width: 200px;
  }

  body.mobile-opened .logo-wrap svg {
      display: block;
  }

  body.mobile-opened .logo-wrap svg + svg {
      display: none;
  }

  .submain.light.mobile-opened header li a {
    color: #0F0F0F;
  }
  
  body:after {
    content: '';
    background: #f9fe00;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
    min-height: 100vh;
    transform: translateY(-100%);
    transition: all 0.4s ease-in-out 0s;
  }

  body.mobile-opened:after {
      transform: translateY(0%);
  }
  
  body.mobile-opened,
  html.mobile-opened {
      overflow: hidden;
  }

  .mobile header .menu li a {
  }

  .mobile-opened .header-inner {
      /* position: relative; */
  }

  .mobile-opened .header-inner:after {
      content: '';
      width: calc(100% + 200px);
      position: absolute;
      left: -100px;
      top: 100%;
      background: #0F0F0F;
      height: 1px;
      z-index: 2;
      opacity: 0.3;
  }

  .mobile-menu-social-item {
    position: relative;
    top: 2px;
  }

  body.error404 .header-general {
      min-height: auto;
      position: absolute;
      top: 0;
      left: 0;
      background: transparent;
      width: 100%;
  }

  body.error404 footer {
      display: none;
  }

  .not-found {
      height: 100vh;
      background: #0f0f0f;
      color: #fff;
      display: flex;
      align-items: flex-end;
  }

  body.mobile header .menu-wrap  > div.ps--active-y > div {
      opacity: 0;
      visibility: hidden;
  }

  body.mobile header .menu-wrap  > div.ps--active-y li:last-child {
      padding-bottom: 112px;
  }

  .mobile-menu button:focus {
    outline: none;
  }

  .card-page-card {
      height: auto;
      aspect-ratio: 5 / 6;
  }

  .card-page-card.card-item12 {
      height: auto;
      aspect-ratio: 4 / 3.171
  }

  .card-page-card.card-item11 {
      aspect-ratio: 8 / 3.144;
  }

  .job-filters input, 
  .job-filters select {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 48px;
    flex: 1 0 48px;
    min-height: 1px;
  }

  .input-text::placeholder {
    color: #0f0F0F;
  }

  .tabs.cat-filters-inner {
          flex-wrap: nowrap;
          overflow-x: auto;
          padding-right: 24px;
          min-width: calc(100% + 24px);
  }

  .tabs.cat-filters-inner::-webkit-scrollbar{
      display: none;
  }

  .cat-filters {
      overflow: hidden;
  }

  .tabs button {
      flex-shrink: 0;
  }

  .block-content-single.block-content-single-gallery-sm .gallery-item.gallery-item-normal .gallery-item-img {
      aspect-ratio: auto;
  }

  .single-post .post-meta-right span {
      display: none;
  }

  .post-meta.post-meta-mob {
      display: none;
  }

  ul.country-list {
      font-size: 19px;
      line-height: 20px;
  }


  .block-content-wrap:last-child .block-content-single:last-child .text-content p:last-child {
    margin-bottom: 0;
  }

  .block-content-single.block-content-single-files .file-item:hover a {
      opacity: 0.85;
  }

  .otgs-development-site-front-end {
      display: none;
  }

  header .menu-wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 40px;
  }

  .language-menu li a {
      text-transform: capitalize;
  }
  body.mobile header .menu-wrap ul.language-menu {
      position: absolute;
      height: auto;
      width: auto;
      flex-direction: row;
      top: 22px;
      right: 230px;
  }

  .single-post .text-content img {
      width: auto;
  }

  .single-post .text-content figure {
      margin-bottom: 40px;
  }

  .text-content ol {
      margin-left: 30px;
      margin-bottom: 40px;
  }

  header .menu li.mobonly {
    opacity: 0;
    visibility: hidden;
    width: 0;
  }

  body.mobile header .menu li.mobonly {
    opacity: 1;
    visibility: visible;
    font-size: inherit;
  }

  body.mobile header .menu-wrap ul.language-menu {
    display: none;
  }

  .post-meta a {
      color: currentColor;
  }

  .post-meta.post-meta-breads {
      text-transform: none;
  }

  .footer-about-legal-short.footer-about-legal-short-mob {
      display: none;
  }

  .footer-bottom-wrap {
      border-top: 1px solid rgba(255, 255, 255, 0.4);
      opacity: 0.5;
  }

  .footer-middle-inner {
      opacity: 0.5;
  }

  .footer-top-inner > div {
      flex: 1;
      max-width: 100% !important;
      gap: 8px;
  }

  .footer-right-menu-el {
      flex: 1;
  }

  .footer-middle-inner > div {
      flex: 1;
      max-width: 100% !important;
      gap: 8px;
  }

  .footer-middle-right > div {
      flex: 1;
      padding: 0 !important;
  }

  .footer-bottom-inner > div {
      flex: 1;
  }

  .gallery-item.slider-item {
      width: calc(100% + 32px);
  }

  .gallery-item.slider-item .gallery-item-img:first-child {
      margin-left: 32px;
  }

  .gallery-item.slider-item .gallery-item-img {
      flex: auto;
      max-width: calc(50vw - 58px);
  }

  .slick-track {
      display: flex;
      gap: 19px;
      cursor: none;
  }

  .slick-list {
      overflow: visible;
  }

  .card-item.aos-init .card-cover {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #0F0F0F;
      height: 100%;
      width: 100%;
      border-radius: 8px;
  }

  .home-services-card.card-item.aos-init .card-cover {
    background: #1C1C1C;
  }

  .card-logo div {
    height: 100%;
  }

  .card-top {
      position: relative;
  }

  .card-bottom {
      position: relative;
  }
  
  .mobile-menu-short-msg,
  .card-top > div {
    overflow: hidden;
  }

  [data-aos=slide-up] {
    transform: translate3d(0,200%,0);
  }

  .card-top > div > div > div {
      transform: translateY(-2px);
  }

  div#preloader {
      background: #f9fe00;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      transition: all 0.6s linear 0.2s;
  }

  div#preloader.loaded {
    transform: translateY(-100%);
  }

  .preloader-inner {
      position: relative;
      width: 100%;
  }

  .preloader-item .logo {
      margin: 0 auto;
  }

  #preloader.loaded .final {
    opacity: 0;
  }

  .preloader-item {position: absolute;width: 100%;}

  .preloader-item {
      opacity: 0;
      visibility: hidden;
      transition: 0ms;
  }

  .preloader-item.active {
      visibility: visible;
      opacity: 1;
      transition: 300ms
  }

  .preloader-item.active.final {
    transition: 250ms
  }

  div#changer {
      background: #f9fe00;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      transform: translateY(100%);
      transition: 0s;
  }

  header {
      position: relative;
      z-index: 4;
  }

  div#changer.active {
      transform: translateY(0%);
      transition: 0.7s;
  }

  div#changer.done {
      transform: translateY(-100%);
      transition: 0.7s;
  }

  div#main {
      overflow: clip;
  }

  .submain.single-post .post-meta.meta-info {
      text-transform: none;
  }

  .post-meta.post-meta-breads span {
      padding: 0 5px 0 3px;
  }
  
  .mobile-menu-social-item,
  .mobile header li {
      overflow: hidden;
      height: auto;
      width: auto !important;
  }
  
  .mobile header .mobile-menu-short-msg-inner,
  .mobile header .mobile-menu-social-inner a,
  .mobile header .menu li a {
      transform: translateY(100%);
      display: block;
      transition: opacity 0.2s;
  }
  
  .mobile.mobile-opened header .menu-opened .mobile-menu-social-inner a,
  .mobile.mobile-opened header .menu-opened .mobile-menu-short-msg-inner,
  .mobile.mobile-opened header .menu-opened .menu li a {
      transform: translateY(0%);
      transition: transform 0.5s ease-in-out 0.2s, opacity 0.2s;
  }
  
  body.mobile header .menu-wrap,
  body.mobile header .menu-wrap ul {
    scrollbar-width: none;
  }

  body.mobile header .menu-wrap::-webkit-scrollbar,
  body.mobile header .menu-wrap ul::-webkit-scrollbar {
    display: none;
  }

  body.mobile header .menu-wrap ul:after {
      content: '';
      position: absolute;
      height: 36%;
      width: 100%;
      bottom: 0;
      background: linear-gradient(180deg, rgba(249, 254, 0, 0.00) 0%, #F9FE00 85.71%);
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
  }

  body.mobile header .menu-wrap ul.donescroll:after {
    opacity: 0;
    visibility: hidden;
  }

  .mobile header .menu li:first-child {
      margin-top: 45px;
  }

  body.mobile-opened .submain .logo-wrap svg + svg {
      display: none;
  }

  body.mobile-opened .submain .logo-wrap svg {
      display: block;
  }

  .mobile-opened .submain .mobile-menu button:after, .mobile-opened .submain .mobile-menu button:before {
      background: #0F0F0F;
  }

  .mobile-opened .submain header li a {
      color: #0F0F0F;
  }

  .news-card-meta-inner[data-aos=slide-up]:not(.aos-animate) {
    transform: translate3d(0,300%,0);
  }

.block-content-single-gallery img, .block-content-single-slider img {height: 100% !important;}