@charset "UTF-8";
.grid-x.align-center {
  justify-content: center;
}

/*
	@TODO: Add to theme: new division fix for updated sass package.
*/
/**==================================================================================================================================
BREAKPOINT
 ==================================================================================================================================*/
/**==================================================================================================================================
BREAKPOINT ENDS
==================================================================================================================================*/
span.edit-link {
  display: inline-block;
  background-color: yellow;
  font-weight: 600;
  position: fixed;
  left: 0;
  bottom: 3.125rem;
  transform: translateX(-45px);
  transition: all 0.2s;
}

span.edit-link a {
  display: block;
  padding: 0.9375rem;
}

span.edit-link:hover {
  transform: translateX(0);
}

@font-face {
  font-family: "icon";
  src: url("/wp-content/themes/addovation2026/dist/fonts/icons/icon.eot?t=1777980396199"); /* IE9*/
  src: url("/wp-content/themes/addovation2026/dist/fonts/icons/icon.eot?t=1777980396199#iefix") format("embedded-opentype"), url("/wp-content/themes/addovation2026/dist/fonts/icons/icon.woff2?t=1777980396199") format("woff2"), url("/wp-content/themes/addovation2026/dist/fonts/icons/icon.woff?t=1777980396199") format("woff"), url("/wp-content/themes/addovation2026/dist/fonts/icons/icon.ttf?t=1777980396199") format("truetype"), url("/wp-content/themes/addovation2026/dist/fonts/icons/icon.svg?t=1777980396199") format("svg");
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icon" !important;
  font-size: undefined;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-3pils::before {
  content: "А";
}

.icon-arrow-right::before {
  content: "Б";
}

.icon-avatar::before {
  content: "В";
}

.icon-close::before {
  content: "Г";
}

.icon-download::before {
  content: "Д";
}

.icon-globe::before {
  content: "Е";
}

.icon-pil-opp::before {
  content: "Ж";
}

.icon-plus::before {
  content: "З";
}

.icon-search::before {
  content: "И";
}

.block-section.logo-banner .section-title {
  margin-bottom: 70px;
  font-size: 1.25rem;
  font-weight: normal;
  text-align: left;
  color: #00966C;
}

.block-section.logo-banner .section-title.text-align-center {
  text-align: center;
}

.block-section.logo-banner .logo-marquee-wrapper {
  display: flex;
  flex-direction: column;
  gap: 7rem;
}

.block-section.logo-banner .logo-marquee {
  --speed: 95s;
  --gap: 6rem;
  --logo-h: 50px;
}

@media (min-width: 64rem) {
  .block-section.logo-banner .logo-marquee {
    --logo-h: 64px;
  }
}
.block-section.logo-banner .logo-marquee .logo-marquee__viewport {
  width: 100%;
  overflow: hidden;
}

.block-section.logo-banner .logo-marquee .logo-marquee__track {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  animation: marquee var(--speed) linear infinite;
}

.block-section.logo-banner .logo-marquee .logo-marquee__set {
  display: inline-flex;
  align-items: center;
  gap: var(--gap);
}

.block-section.logo-banner .logo-marquee .logo-marquee__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: clamp(120px, 12vw, 220px);
  block-size: var(--logo-h);
  padding: 0 6px;
  box-sizing: border-box;
  overflow: hidden;
  flex: 0 0 auto;
}

.block-section.logo-banner .logo-marquee .logo-marquee__spacer {
  inline-size: var(--gap);
  block-size: 1px;
  flex: 0 0 auto;
}

.block-section.logo-banner .logo-marquee .logo-marquee__img,
.block-section.logo-banner .logo-marquee .logo-marquee__img.alignnone,
.block-section.logo-banner .logo-marquee .logo-marquee__img.alignleft,
.block-section.logo-banner .logo-marquee .logo-marquee__img.alignright,
.block-section.logo-banner .logo-marquee .logo-marquee__img.aligncenter {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  margin: 0 !important;
  filter: grayscale(100%);
  opacity: 0.9;
}

.block-section.logo-banner .logo-marquee.logo-marquee--alt .logo-marquee__track {
  animation-direction: reverse;
  animation-duration: calc(var(--speed) * 1.15);
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-1 * var(--loop, 0px)));
  }
}
