body {
  font-size-adjust: 0.5;
}

@media (max-width: 767px) {
  .banner-section {
    padding-top: 2rem;
  }
}

.header.scrolled,
.header.element-open {
  background-color: #fbfaf9;
}
.header.scrolled .menu-search-box img:not(.logo),
.header.element-open .menu-search-box img:not(.logo) {
  filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(0%) hue-rotate(14deg) brightness(95%) contrast(98%);
}

html:not([data-theme=dark]) .header.sustainability-header .menu-search-box img:not(.logo) {
  filter: brightness(0) saturate(100%) invert(16%) sepia(83%) saturate(1009%) hue-rotate(206deg) brightness(89%) contrast(91%);
}

@media (max-width: 767px) {
  .header .menu-search-box img:not(.logo) {
    filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(0%) hue-rotate(14deg) brightness(95%) contrast(98%);
  }
}

.header.scrolled {
  padding: 10px 0;
}

.banner-split-text {
  max-width: 730px;
}
@media (min-width: 1700px) {
  .banner-split-text {
    max-width: 800px;
  }
}

.bg-banner {
  position: relative;
  overflow: hidden;
  transform-origin: right;
  background-color: transparent !important;
}
.bg-banner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bg-banner .curtain {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 200px;
  content: "";
  background: linear-gradient(90deg, rgb(12, 54, 89) 14%, rgb(85, 176, 212) 14%, rgb(85, 176, 212) 33%, rgb(12, 54, 89) 33%, rgb(12, 54, 89) 55%, rgb(85, 176, 212) 55%, rgb(85, 176, 212) 77%, rgb(12, 54, 89) 77%, rgb(12, 54, 89) 100%);
  z-index: 3;
}

.preloader {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

@media (min-width: 1200px) {
  .section-two {
    padding-top: 0px;
  }
}

.pf-animation-bg-txt div {
  animation: marque 40s linear infinite;
}
.pf-animation-bg-txt h4 {
  flex-shrink: 0;
  width: -moz-max-content !important;
  width: max-content !important;
  white-space: nowrap;
}

.something-bigger .linkedin-slider-box .linkedin-second-img-bg-box {
  transform: perspective(500px);
}

.brands-animation-bg-txt div {
  animation: marque 40s linear infinite;
}
.brands-animation-bg-txt h4 {
  width: unset !important;
  flex-shrink: 0;
}

@keyframes marque {
  100% {
    transform: translateX(-300%);
  }
}/*# sourceMappingURL=animation.css.map */