@charset "UTF-8";
:root {
  --page-width: 100vw;
  --page-height: 100vh;
  --container-gutter-width: 16px;
  --font-accent: "Druk Text Wide",sans-serif;
  --font-base: "Wix Madefor Display",sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.4;
  --ola-brend1: #F6E200;
  --ola-brend2: #1D252D;
  --ola-brend3: #606567;
  --ola-brend4: #D6D6D6;
  --ola-brend6: #A1A5A7;
  --ola-brend8: #00B0EA;
  --ola-link-hover: #007AA3;
  --ola-brend2-100: #08205F;
  --ola-link: #009DD1;
  --ola-brend2-100: #1D252D;
  --color-primary: #0E3AAB;
  --color-primary-contrast: #FFFFFF;
  --color-primary-bright: #1249D6;
  --color-text-dark: var(--ola-brend2);
  --color-text-black: #1D252D;
  --color-black: #000000;
  --color-text-medium: #2E2E34;
  --color-text-light: #4E566A;
  --color-text-lighter: #B7BAC0;
  --color-link: #1D252D;
  --color-link-hover: var(--ola-link-hover);
  --color-link-state-active: #00ACE6;
  --color-link-light: #EAF1FF;
  --color-white: #FFFFFF;
  --ola-brend4white: #F5F5F5;
  --color-bg-light-grey: #F8F8FA;
  --color-bg-grey: #F4F4F4;
  --color-grey: #686D72;
  --border-color-blue: #72A6D8;
  --border-color-gray: #f2f4fb;
  --border-color-bright-blue: #1292D9;
  --bg-base: #FFFFFF;
  --color-hover-shadow: #0F62FE;
  --linear-gradient-intaractive: var(--ola-brend8);
  --linear-gradient-blue: linear-gradient(275deg, #006398 0%, #3173AD 53.65%, #6EA2D4 100%);
  --linear-gradient-light-blue: linear-gradient(134.98deg, #EFF8FF 0%, #D3E7F8 100.03%);
  --linear-gradient-gray: linear-gradient(105deg, #F2F4FB 0.21%, #E2EBF0 100%);
  --mob-card-width: 280px;
  --mob-title-size: 20px;
  --indentMobBig: 80px;
  --indentMobSection: 64px;
  --indentMobCol: 48px;
  --indentMobPagination: 32px;
  --indentMobInline: 24px;
  --indentMobInlineXS: 16px;
  --indentMobHeader: var(--indentMobInline);
  --cardMobIndents: 24px 16px;
  --cardMobIndentX: 16px;
  --cardMobIndentY: 24px;
  --cardMobSliderIndent: 32px
}
@supports (height:100dvh) {
  :root {
    --page-height: 100dvh
  }
}
@media (min-width:1020px) {
  :root {
    --container-gutter-width: 40px
  }
}
@media (min-width:1440px) {
  :root {
    --container-gutter-width: 60px
  }
}
@media (min-width:1600px) {
  :root {
    --container-gutter-width: 80px
  }
}
@media (min-width:1600px) {
  :root {
    --container-gutter-width: 100px
  }
}
@media (min-width:1020px) {
  :root {
    font-size: 1.0416666667vw
  }
}
@media (min-width:2600px) {
  :root {
    font-size: 26px
  }
}
@font-face {
  font-family: "Druk Text Wide";
  font-display: swap;
  src: url(../fonts/DrukTextWideCyr.otf) format("truetype");
  font-style: normal;
  font-weight: 1000
}
@font-face {
  font-family: "Roboto Flex";
  font-display: swap;
  src: url(../fonts/RobotoFlex-Regular.otf) format("truetype");
  font-style: normal;
  font-weight: 400
}
*,
::after,
::before {
  box-sizing: inherit
}
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-size: var(--font-size-base);
  line-height: var(--line-height-base)
}
body {
  min-width: 360px;
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-family: var(--font-base);
  background: var(--bg-base);
  color: var(--color-text-black)
}
body.has-active-menu,
body.has-active-modal {
  overflow: hidden
}
a {
  text-decoration: none;
  color: var(--color-link);
  transition-property: color;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
a:hover {
  --color-link: var(--color-link-hover)
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle
}
svg {
  vertical-align: middle
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 1000;
  line-height: 1.2;
  font-family: var(--font-accent);
  letter-spacing: -.02em;
  text-transform: uppercase
}
.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0
}
.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0
}
.h1,
h1 {
  font-size: 22px
}
@media (min-width:1020px) {
  .h1,
  h1 {
    font-size: 2.9rem
  }
}
@media (min-width:1440px) {
  .h1,
  h1 {
    letter-spacing: -.01em
  }
}
.h2,
h2 {
  line-height: 1.2;
  font-size: 18px
}
@media (min-width:576px) {
  .h2,
  h2 {
    font-size: 19px
  }
}
@media (min-width:1020px) {
  .h2,
  h2 {
    font-size: max(24px,1.75rem)
  }
}
.h3,
h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3
}
@media (min-width:1020px) {
  .h3,
  h3 {
    font-size: max(20px,1.6rem)
  }
}
.h4,
h4 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 15px
}
@media (min-width:1440px) {
  .h4,
  h4 {
    font-size: 18px
  }
}
.h5,
.h6,
h5,
h6 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 15px
}
@media (min-width:1440px) {
  .h5,
  .h6,
  h5,
  h6 {
    font-size: 16px
  }
}
.heading-font-base {
  font-family: var(--font-base);
  text-transform: none;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -.02em
}
.h2--font-base {
  font-family: var(--font-base);
  font-weight: 700;
  font-size: 24px;
  text-transform: none
}
@media (min-width:1020px) {
  .h2--font-base {
    font-size: max(22px,1.6rem)
  }
}
.table-wrapper {
  margin-bottom: 40px;
  overflow: auto
}
table {
  width: 100%;
  border-collapse: collapse
}
table tr:nth-child(odd) {
  background: var(--lightgray)
}
table td {
  min-width: 200px;
  padding: 14px 10px;
  border: 0
}
table td:first-child {
  padding-left: 18px
}
table td:last-child {
  padding-right: 18px
}
@media (min-width:1020px) {
  table td {
    font-size: 16px
  }
}
p {
  margin-top: 0;
  margin-bottom: 1lh
}
p:last-child {
  margin-bottom: 0
}
.text-bold {
  font-weight: 700
}
.text-subtitle-xxl {
  font-size: max(18px,1.6rem);
  font-weight: 700
}
@media (max-width:1019px) {
  .text-subtitle-xxl {
    font-size: 20px
  }
}
@media (max-width:575px) {
  .text-subtitle-xxl {
    font-size: 18px
  }
}
.text-subtitle-xl {
  font-size: max(18px,1.3rem);
  font-weight: 700
}
@media (max-width:1019px) {
  .text-subtitle-xl {
    font-size: 20px
  }
}
@media (max-width:575px) {
  .text-subtitle-xl {
    font-size: 18px
  }
}
.text-subtitle-lg {
  font-size: max(18px,1.2rem);
  font-weight: 700
}
@media (max-width:1019px) {
  .text-subtitle-lg {
    font-size: 18px
  }
}
.text-subtitle-md {
  font-size: max(17px,1.1rem);
  font-weight: 700
}
@media (max-width:1019px) {
  .text-subtitle-md {
    font-size: 18px
  }
}
.text-subtitle-sm {
  font-size: max(16px,1rem);
  font-weight: 700
}
@media (max-width:1019px) {
  .text-subtitle-sm {
    font-size: 18px
  }
}
.button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 48px;
  height: 48px;
  padding-left: 11px;
  padding-right: 11px;
  font-style: normal;
  font-weight: 400;
  font-size: .9rem;
  line-height: 18px;
  font-family: var(--font-base);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background: var(--ola-brend8,var(--ola-brend8));
  border: none;
  box-shadow: 0 1px 2px 0 rgba(16,24,40,.05);
  box-sizing: border-box;
  color: var(--color-white);
  cursor: pointer;
  transition: .2s ease-in-out;
  overflow: hidden
}
.button.is-hidden {
  display: none!important
}
.button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--color-primary-contrast);
  pointer-events: none;
  transition: transform .3s ease-in,opacity .3s ease-in;
  box-sizing: border-box;
  padding: inherit
}
.button:hover:before {
  transform: translateX(100%);
  opacity: 0
}
.button:hover:not(.button--invert):not(.button--outlined):not(.button--type3) {
  background: var(--ola-link-hover);
  color: #fff
}
@media (min-width:1020px) {
  .button {
    gap: 8px;
    font-size: max(14px,.9rem);
    line-height: 1.2rem;
    padding: 16px 1.6rem;
    min-height: 2.4rem;
    height: 3.2rem;
    padding: .55rem 1.65rem
  }
}
.button--type1::before {
  background-color: var(--ola-brend2);
  transition: transform .3s ease-in,opacity .3s ease-in
}
.button--type2 {
  transition: all .6s ease-in;
  box-shadow: inset 0 0 0 0 var(--ola-brend2)
}
.button--type2::before {
  display: none
}
@media (hover:hover) {
  .button--type2:hover {
    background: var(--ola-link-hover)!important;
    box-shadow: inset 30rem 0 0 0 var(--ola-link-hover)
  }
}
.button--type3 {
  transition: all .6s ease-in;
  box-shadow: inset 0 0 30px -30px var(--ola-brend2)
}
.button--type3::before {
  display: none
}
@media (hover:hover) {
  .button--type3:hover {
    background: var(--ola-brend8)!important;
    box-shadow: inset 30rem 0 30px -30px var(--ola-brend2)
  }
}
.button--type4 {
  transition: all .6s ease-in;
  box-shadow: inset 0 0 0 0 var(--ola-brend2)
}
.button--type4::before {
  display: none
}
@media (hover:hover) {
  .button--type4:hover {
    background: var(--ola-brend8)!important;
    box-shadow: inset 2rem 0 0 0 var(--ola-brend2)
  }
}
.button--type5 {
  transition: all .4s ease-in;
  box-shadow: inset 0 0 30px -30px var(--ola-brend2)
}
.button--type5::before {
  display: none
}
@media (hover:hover) {
  .button--type5:hover {
    background: var(--ola-brend8)!important;
    box-shadow: inset 3rem 0 30px -30px var(--ola-brend2)
  }
}
.button--type6::before {
  display: none
}
@media (hover:hover) {
  .button--type6:hover {
    animation: background1 .6s ease-in-out
  }
}
.button--invert {
  --button-bg: var(--color-primary-contrast);
  --button-color: var(--ola-brend8)
}
.button--invert:before {
  background-color: var(--color-primary-contrast)
}
.button--yellow {
  background-color: var(--ola-brend1);
  color: var(--ola-brend2);
  font-weight: 700
}
.button--yellow:before {
  background-color: var(--color-primary-contrast)
}
.button--yellow:hover {
  background-color: var(--ola-brend1)!important;
  color: var(--ola-brend2)!important
}
.button--outlined {
  background: 0 0;
  color: inherit;
  border: 1px solid var(--ola-brend2)
}
.button--outlined:before {
  background-color: var(--ola-brend8)
}
.button--outlined.button--invert {
  border: 1px solid var(--color-font-contrast,var(--ola-brend2))
}
.button--outlined.button--invert:before {
  background-color: var(--ola-brend8)
}
.button--outlined.button--invert:hover {
  background: var(--color-primary-contrast);
  color: var(--ola-brend8)
}
.button--grey {
  background: var(--ola-brend4);
  color: var(--ola-brend2);
  font-weight: 700
}
.button--grey:hover {
  background: var(--ola-brend8);
  color: var(--color-white)
}
.button--light-grey {
  background: var(--ola-brend4white);
  color: var(--ola-brend2);
  font-weight: 700
}
.button--light-grey:hover {
  background: var(--ola-brend8);
  color: var(--color-white)
}
.button--secondary {
  --button-bg: #FFFFFF;
  --button-border-color: #9FB6CA;
  --button-color: #09618F
}
.button--dark {
  background: var(--ola-brend2);
  color: var(--color-white)
}
.button--tab {
  border: 1px solid var(--color-text-light);
  color: var(--color-text-light);
  background: var(--color-white)
}
@media (hover:hover) {
  .button--tab:hover {
    background: var(--ola-brend2);
    color: var(--color-white);
    border: 1px solid transparent
  }
}
.button--tab.active,
.button--tab.releases-form__btn.button.is-active {
  background: var(--ola-brend2);
  color: var(--color-white);
  border: 1px solid transparent
}
.button--tab-grey {
  background: var(--ola-brend4white)
}
.button--xl {
  min-height: 2.4rem;
  font-size: 16px
}
@media (min-width:1020px) {
  .button--xl {
    min-height: 3.2rem;
    font-size: max(16px,.9rem)
  }
}
@media (max-width:575px) {
  .button--xl {
    width: 100%
  }
}
.button--lg {
  min-height: 2.4rem;
  font-weight: 300
}
@media (min-width:1020px) {
  .button--lg {
    min-height: 2.4rem
  }
}
@media (max-width:575px) {
  .button--lg {
    width: 100%
  }
}
@media (min-width:1020px) {
  .button--md {
    min-height: 2.4rem;
    font-size: max(12px,.8rem)
  }
}
@media (min-width:1440px) {
  .button--md {
    line-height: 1
  }
}
.button--m {
  padding: max(10px,.5rem) max(6px,1.2rem);
  font-size: max(12px,.8rem);
  min-height: 24px;
  height: 2rem
}
.button--wide {
  width: 100%;
  max-width: 23rem
}
@media (min-width:1020px) {
  .button--wide {
    width: auto
  }
}
.button--wide-on-all {
  width: 100%
}
.button--collapse {
  width: var(--button-collapse-width,26px);
  height: var(--button-collapse-height,26px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: 0 0;
  cursor: pointer;
  border: 0;
  outline: 0
}
.button--collapse:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: var(--btn-collapse-background-size,100% auto);
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_15596_83617)'%3E%3Cpath d='M5 16H27' stroke='%23606567' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 5V27' stroke='%23606567' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_15596_83617'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .button--collapse:hover:before {
    transform: rotate(90deg)
  }
}
.collapsed .button--collapse:before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_15596_70775)'%3E%3Cpath d='M5 16H27' stroke='%23D6D6D6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 16H27' stroke='black' stroke-opacity='0.2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 16H27' stroke='black' stroke-opacity='0.2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_15596_70775'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}
@media (hover:hover) {
  .collapsed .button--collapse:hover:before {
    transform: none
  }
}
.button--bold {
  font-weight: 700
}
.button__icon {
  width: 24px;
  height: 24px
}
@media (min-width:1020px) {
  .button__icon {
    width: 1.6rem;
    height: 1.6rem
  }
}
.button--reg {
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px
}
.form-section__btns-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem
}
@keyframes background1 {
  66% {
    background: #3e6dda
  }
  99% {
    background: var(--ola-brend2)
  }
}
@keyframes background {
  100% {
    background-position: 400px 0!important
  }
}
.default-link {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  color: #09618f
}
.default-link::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: currentColor
}
.underlined-link {
  text-decoration: none;
  background-image: linear-gradient(currentColor,currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  color: currentColor;
  transition-property: background-size;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  cursor: pointer
}
@media (hover:hover) {
  .underlined-link:hover {
    background-size: 100% 1px
  }
}
.list--type-check {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px
}
.list--type-check li {
  padding-left: 1.6rem;
  position: relative;
  font-size: max(13px,.8rem);
  line-height: 1.4
}
.list--type-check li:before {
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  background-color: var(--ola-brend1)
}
.list--type-check-white {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px
}
.list--type-check-white li {
  padding-left: 1.6rem;
  position: relative;
  font-size: max(13px,.8rem);
  line-height: 1.4
}
.list--type-check-white li:before {
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  background: var(--ola-brend1)
}
.list--type-square {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px
}
.list--type-square > li {
  padding-left: 16px;
  position: relative;
  font-size: 14px;
  line-height: 1.4
}
.list--type-square > li:before {
  content: "";
  left: 0;
  top: 8px;
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  background: var(--ola-brend1)
}
.list--type-square > li ul {
  padding-left: 0;
  padding-top: 14px;
  gap: 12px;
  display: flex;
  flex-direction: column
}
.list--type-square > li ul li {
  padding-left: .6rem;
  list-style-type: none;
  position: relative;
  font-size: max(14px,1rem - 2px);
  line-height: 1.4
}
.list--type-square > li ul li:before {
  content: "";
  left: 0;
  top: calc(.6rem - 2px);
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  background: var(--ola-brend1)
}
.list--type-square.list--type-square-green > li ul li:before,
.list--type-square.list--type-square-green > li:before {
  background: var(--ola-brend8)
}
@media (min-width:1020px) {
  .list > li {
    padding-left: 1.7rem;
    font-size: .8rem
  }
  .list > li:before {
    width: 1.2rem;
    height: 1.2rem
  }
  .list--type-square {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px
  }
  .list--type-square > li {
    padding-left: 1.6rem;
    position: relative;
    font-size: max(14px,1rem);
    line-height: 1.4
  }
  .list--type-square > li:before {
    content: "";
    left: 0;
    top: .5rem;
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    background: var(--ola-brend1)
  }
}
.select {
  position: relative;
  border-radius: 0;
  background: var(--color-white);
  border-bottom: 1px solid var(--select-border-bottom-color,#6e6e75);
  border-top: 0;
  border-left: 0;
  border-right: 0;
  color: var(--color-text-dark);
  transition: all .25s;
  width: 100%;
  height: var(--select-height,56px);
  font-size: 16px;
  padding-left: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.select--transparent {
  background: 0 0
}
.select__wrap {
  position: relative
}
.select__arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.select__arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--select-arrow-right,14px);
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.46734 0.656699C1.17445 0.363806 0.699576 0.363805 0.406682 0.656698C0.113789 0.949592 0.113788 1.42447 0.406681 1.71736L8.46964 9.78033C8.61029 9.92098 8.80106 10 8.99997 10C9.19888 10 9.38965 9.92098 9.5303 9.78033L17.5933 1.71736C17.8862 1.42446 17.8862 0.949592 17.5933 0.656698C17.3004 0.363805 16.8255 0.363806 16.5326 0.656699L8.99997 8.18934L1.46734 0.656699Z' fill='%2381899D'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  transition: all .2s ease-in-out
}
@media (min-width:1020px) {
  .select {
    font-size: max(16px,.9rem)
  }
}
.select--type2 {
  --select-border-bottom-color: #B9BBBE;
  --select-height: 48px;
  font-family: "Roboto Flex";
  padding-right: 32px
}
@media (min-width:1020px) {
  .select--type2 {
    font-size: max(16px,1rem)
  }
}
.select--type2__arrow:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.46734 7.6567C4.17445 7.36381 3.69958 7.3638 3.40668 7.6567C3.11379 7.94959 3.11379 8.42447 3.40668 8.71736L11.4696 16.7803C11.6103 16.921 11.8011 17 12 17C12.1989 17 12.3896 16.921 12.5303 16.7803L20.5933 8.71736C20.8862 8.42446 20.8862 7.94959 20.5933 7.6567C20.3004 7.36381 19.8255 7.36381 19.5326 7.6567L12 15.1893L4.46734 7.6567Z' fill='%234E566A'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  --select-arrow-right: 8px
}
.select--type2:focus {
  border-color: var(--color-primary);
  outline: 0;
  box-shadow: 0 0 3px .25rem #92a6e7;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.select option {
  overflow-x: hidden!important;
  text-overflow: ellipsis
}
.input {
  position: relative;
  border-radius: 0;
  background: var(--color-white);
  border-bottom: 1px solid var(--select-border-bottom-color,#6e6e75);
  border-top: 0;
  border-left: 0;
  border-right: 0;
  color: var(--color-text-dark);
  transition: all .25s;
  width: 100%;
  height: var(--select-height,56px);
  font-size: 16px;
  padding-left: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.input--transparent {
  background: 0 0
}
.input__wrap {
  position: relative
}
@media (min-width:1020px) {
  .input {
    font-size: max(16px,.9rem)
  }
}
.input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: 0 0;
  z-index: 1
}
.input[type=date]:before {
  content: "";
  color: transparent;
  background: 0 0;
  display: block;
  background: url(../img/deco/icon-calendar.svg) center center/100% auto no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px
}
.input--type2 {
  --select-border-bottom-color: #B9BBBE;
  --select-height: 48px;
  font-family: var(--font-base)
}
@media (min-width:1020px) {
  .input--type2 {
    font-size: max(16px,.8rem)
  }
}
.multi-input {
  padding-left: 16px;
  padding-right: 16px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #b3bbbf;
  display: flex;
  flex-wrap: wrap;
  padding-right: 0
}
.multi-input input {
  flex: 1;
  font-family: "Roboto Flex"
}
.multi-input input::-webkit-calendar-picker-indicator {
  opacity: 1!important;
  background: url(../img/deco/icon-arrow-down.svg) center center no-repeat;
  background-size: contain;
  color: transparent;
  cursor: pointer
}
.multi-input .item {
  background: 0 0;
  font-family: "Roboto Flex";
  font-size: max(14px,.8rem);
  padding-left: 0;
  margin-right: 25px;
  top: 4px;
  border: 0;
  white-space: nowrap
}
.multi-input .item:after {
  content: "";
  width: 18px;
  height: 18px;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.65469 1.60355C9.84995 1.40829 9.84995 1.09171 9.65469 0.896447C9.45942 0.701184 9.14284 0.701184 8.94758 0.896447L5.27557 4.56846L1.60355 0.896447C1.40829 0.701184 1.09171 0.701184 0.896447 0.896447C0.701184 1.09171 0.701184 1.40829 0.896447 1.60355L4.56846 5.27557L0.896447 8.94758C0.701184 9.14284 0.701184 9.45942 0.896447 9.65469C1.09171 9.84995 1.40829 9.84995 1.60355 9.65469L5.27557 5.98267L8.94758 9.65469C9.14284 9.84995 9.45942 9.84995 9.65469 9.65469C9.84995 9.45942 9.84995 9.14284 9.65469 8.94758L5.98267 5.27557L9.65469 1.60355Z' fill='%23B9BBBE'/%3E%3C/svg%3E") center center no-repeat
}
.multi-input__count {
  position: absolute;
  right: 65px;
  bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  padding: 1px 3px;
  color: var(--ola-brend2);
  background: #d0d3da;
  border-radius: 2px;
  display: none
}
.multi-input__count.visible {
  display: block
}
.multi-input__icon-close {
  position: absolute;
  right: 38px;
  bottom: 14px;
  color: #b9bbbe
}
.multi-input__icon-close svg {
  width: 20px;
  height: 20px
}
.input-with-placeholder__wrap {
  position: relative
}
.input-with-placeholder__wrap input:focus-visible {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: 0
}
.input-with-placeholder__placeholder {
  position: absolute;
  font-size: 12px;
  line-height: 1.4;
  padding-left: 4px;
  padding-right: 4px;
  left: 13px;
  top: -7px;
  z-index: 1;
  color: #050505
}
.select-with-placeholder__wrap {
  position: relative
}
.select-with-placeholder__wrap select:focus-visible {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: 0
}
.select-with-placeholder__placeholder {
  position: absolute;
  font-size: 12px;
  line-height: 1.4;
  padding-left: 4px;
  padding-right: 4px;
  left: 13px;
  top: -7px;
  z-index: 1;
  color: #050505
}
.multi-input-with-placeholder__wrap {
  position: relative
}
.multi-input-with-placeholder__placeholder {
  position: absolute;
  font-size: 12px;
  line-height: 1.4;
  padding-left: 4px;
  padding-right: 4px;
  left: 13px;
  top: -7px;
  z-index: 1;
  color: #050505
}
.modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--page-width);
  height: var(--page-height);
  visibility: hidden
}
.modal-wrap.show {
  visibility: visible
}
.modal {
  width: var(--page-width);
  max-width: 1508px;
  max-height: var(--page-height);
  background: var(--ola-brend4white);
  position: relative;
  padding: 3.2rem 16px;
  overflow-y: auto
}
@media (min-width:1020px) {
  .modal {
    width: calc(var(--page-width) - 32px);
    max-height: calc(var(--page-height) - 32px);
    padding-left: 3.2rem;
    padding-right: 3.2rem
  }
}
.modal-btn-close {
  position: fixed;
  right: 16px;
  top: 8px;
  width: 32px;
  height: 32px;
  background: 0 0;
  color: #9a9292;
  z-index: 1;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center
}
.modal-btn-close svg {
  width: 20px;
  height: 20px
}
@media (min-width:1020px) {
  .modal-btn-close {
    position: absolute;
    right: 16px;
    top: 18px;
    z-index: 100;
    background: 0 0;
    color: var(--color-text-black)
  }
}
@media (min-width:1020px) and (hover:hover) {
  .modal-btn-close:hover {
    color: var(--color-primary)
  }
}
@media (min-width:1020px) {
  .modal-btn-close svg {
    width: 100%;
    height: 100%
  }
}
.preloader {
  display: block;
  width: 40px;
  height: 40px;
  position: relative
}
.preloader:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: var(--ola-brend2);
  animation: opacityAnimation 1s infinite
}
.preloader:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: var(--ola-brend3);
  bottom: 0;
  right: 0;
  animation: opacityAnimationDelay 1s infinite
}
@keyframes opacityAnimation {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes opacityAnimationDelay {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.video__wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}
.video__btn {
  position: absolute;
  width: 64px;
  height: 64px;
  border: 0;
  outline: 0;
  cursor: pointer;
  border-radius: 50%;
  background: url(../img/deco/btn-video.svg) center center no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .video__btn:hover {
    transform: scale(1.1)
  }
}
@media (min-width:1020px) {
  .video__btn {
    width: 5.7rem;
    height: 5.7rem
  }
}
.color-primary {
  color: var(--color-primary)!important
}
.fill-primary {
  fill: var(--color-primary)!important
}
.img-block {
  display: block!important;
  width: 100%!important
}
.img-cover {
  width: 100%!important;
  height: 100%!important;
  -o-object-fit: cover!important;
  object-fit: cover!important;
  max-height: 37.5rem!important
}
.img-contain {
  width: 100%!important;
  height: 100%!important;
  -o-object-fit: contain!important;
  object-fit: contain!important
}
.font-size-2xl,
.font-size-3xl,
.font-size-l,
.font-size-m,
.font-size-s,
.font-size-xl,
.font-size-xs,
.font-size-xxs {
  font-size: var(--font-size)
}
.font-size-xxs {
  --font-size: max(14px, .7rem)
}
@media (max-width:1019px) {
  .font-size-xxs {
    --font-size: 14px
  }
}
.font-size-xs {
  --font-size: max(14px, .8rem)
}
@media (max-width:1019px) {
  .font-size-xs {
    --font-size: 14px
  }
}
.font-size-s {
  --font-size: max(16px, 1rem)
}
@media (max-width:1019px) {
  .font-size-s {
    --font-size: 16px
  }
}
.font-size-m {
  --font-size: max(16px, 1.1rem)
}
@media (max-width:1019px) {
  .font-size-m {
    --font-size: 16px
  }
}
.font-size-l {
  --font-size: max(18px, 1.2rem)
}
@media (max-width:1019px) {
  .font-size-l {
    --font-size: 18px
  }
}
.font-size-xl {
  --font-size: max(16px, 1.3rem)
}
@media (max-width:1019px) {
  .font-size-xl {
    --font-size: 16px
  }
}
.font-size-2xl {
  --font-size: 18px
}
@media (min-width:1020px) {
  .font-size-2xl {
    --font-size: 21px
  }
}
@media (min-width:1440px) {
  .font-size-2xl {
    --font-size: 24px
  }
}
.font-size-3xl {
  --font-size: 22px
}
@media (min-width:1020px) {
  .font-size-3xl {
    --font-size: max(16px, 1.3rem)
  }
}
.line-height-l,
.line-height-m,
.line-height-s,
.line-height-xl {
  line-height: var(--line-height)!important
}
.line-height-s {
  --line-height: 1
}
.line-height-m {
  --line-height: 1.2
}
.line-height-l {
  --line-height: 1.3
}
.line-height-xl {
  --line-height: 1.4
}
.text-left {
  text-align: left!important
}
.text-center {
  text-align: center!important
}
.text-right {
  text-align: right!important
}
.text-justify {
  text-align: justify!important
}
.visually-hidden {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden
}
.page {
  display: flex;
  flex-direction: column;
  min-height: var(--page-height)
}
.page__header--sticky {
  position: sticky;
  top: 0;
  z-index: 100
}
.page__content {
  flex-grow: 1;
  padding-bottom: var(--indentMobSection)
}
@media (min-width:1440px) {
  .page__content {
    margin-bottom: 80px;
    padding-bottom: 0
  }
}
.page__content--no-mb {
  margin-bottom: 0;
  padding-bottom: 0
}
.page__content.content-dark {
  background-color: var(--ola-brend2);
  color: #fff
}
.page--search .search {
  max-width: 1290px
}
@media (max-width:1019px) {
  .page--search {
    background: var(--ola-brend2);
    color: var(--color-white)
  }
  .page--search .content__header {
    margin-bottom: 20px!important;
    padding-top: 0;
    padding-bottom: 0;
    background: #2a3239;
    color: var(--color-white)
  }
  .page--search .breadcrumbs {
    display: none!important
  }
  .page--search .search__input {
    border-bottom: 0
  }
}
.page__sticky-intro {
  position: sticky;
  top: 0
}
.page__scroll-content {
  position: sticky;
  z-index: 100;
  background: #fff;
  top: 0
}
.page__scroll-content2 {
  position: relative;
  z-index: 101;
  background: #fff
}
.content__header:not(.content__header--no-margin) {
  margin-bottom: var(--indentMobCol)
}
@media (min-width:1020px) {
  .content__header:not(.content__header--no-margin) {
    margin-bottom: 3.2rem
  }
}
.content__nav {
  position: fixed;
  top: 0;
  z-index: 500;
  width: 100%;
  translate: 0 -100%;
  transition: translate .15s ease-in-out
}
.content__nav--fixed {
  translate: 0
}
.content-nav {
  display: none;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.15)
}
@media (min-width:1020px) {
  .content-nav {
    display: block;
    background: var(--bg-base);
    color: var(--color-text-medium)
  }
}
.content-nav__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 72px;
  margin: 0;
  padding: 0;
  list-style: none
}
.content-nav__link {
  position: relative;
  display: block;
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  color: var(--color-link)
}
.content-nav__link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--linear-gradient-intaractive);
  opacity: 0;
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .content-nav__link:hover {
    color: var(--color-link-hover)
  }
}
.content-nav__link.active,
.content-nav__link.releases-form__btn.button.is-active {
  color: var(--ola-brend8)
}
.content-nav__link.active::before,
.content-nav__link.releases-form__btn.button.is-active::before {
  opacity: 1
}
@media (min-width:1440px) {
  .content-nav__list {
    gap: 0 48px
  }
  .content-nav__link {
    padding: 16px 0;
    font-size: 16px
  }
}
.content-header {
  display: flex;
  padding: 16px 0;
  background: url(../img/deco/bg-black-pattern-3.svg) 50% 50%/100% auto repeat-x var(--ola-brend2);
  color: var(--color-white)
}
.content-header__theme-white {
  background: url(../img/deco/bg-grey-pattern.svg) 0 18%/100% auto repeat-x var(--color-bg-grey);
  color: var(--color-text-black)
}
.content-header__theme-white .breadcrumbs__item a,
.content-header__theme-white .breadcrumbs__item:before {
  color: var(--ola-brend2)!important
}
.content-header__theme-white .breadcrumbs__item span {
  color: var(--ola-brend3)
}
.content-header__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px
}
.content-header__title {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0;
  text-align: left
}
@media (max-width:1019px) {
  .content-header__title--lk {
    margin-top: 64px
  }
}
@media (min-width:1020px) {
  .content-header {
    min-height: 16.75rem;
    padding: 3.4rem 0 2.25rem
  }
  .content-header__container {
    gap: 1.2rem
  }
  .content-header__title {
    font-size: 2.4rem
  }
}
@media (min-width:1440px) {
  .content-header__container {
    gap: 1.6rem
  }
}
.container {
  width: 100%;
  max-width: 2400px;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--container-gutter-width);
  padding-left: var(--container-gutter-width)
}
.main__section-events {
  display: flex;
  flex-direction: row;
  gap: 61px
}
.section--grey-pattern-arrows {
  background: url(../img/deco/bg-light-arrows.svg) left top repeat #f3f3f3
}
.section--grey-pattern-small-arrows {
  background: url(../img/deco/bg-light-small-arrows.svg) left top repeat #f3f3f3
}
.section--grey-pattern-square {
  background: url(../img/deco/bg-light-square.svg) left top/cover repeat-x #f3f3f3
}
.section--grey {
  background: var(--ola-brend4white)
}
.section--mid-grey-pattern-arrows {
  background: url(../img/deco/bg-mid-grey-arrows.svg) left top repeat #666a6d
}
.section--mid-grey-pattern-small-arrows {
  background: url(../img/deco/bg-mid-grey-small-arrows.svg) left top repeat #666a6d
}
.section--mid-grey-pattern-square {
  background: url(../img/deco/bg-mid-grey-square.svg) left top/cover repeat-x #666a6d
}
.section--mid-grey {
  background: #666a6d
}
.section--dark-pattern-square {
  background: url(../img/deco/bg-dark-pattern-3.svg) left top/cover repeat-x var(--ola-brend2);
  color: var(--color-white)
}
.section--dark-pattern-arrows {
  background: url(../img/deco/bg-dark-pattern-arrows.svg) left top/cover repeat-x var(--ola-brend2);
  color: var(--color-white)
}
.section--dark-pattern-small-arrows {
  background: url(../img/deco/bg-dark-small-arrows.svg) left top/cover repeat-x var(--ola-brend2);
  color: var(--color-white)
}
.section--dark {
  background: var(--ola-brend2);
  color: var(--color-white)
}
.section--grey *,
.section--grey-pattern-arrows *,
.section--grey-pattern-small-arrows *,
.section--grey-pattern-square * {
  --color-bg-contrast: var(--color-white)
}
.section--mid-grey *,
.section--mid-grey-pattern-arrows *,
.section--mid-grey-pattern-small-arrows *,
.section--mid-grey-pattern-square * {
  --color-bg-contrast: var(--color-white);
  --color-font-contrast: var(--color-white)
}
.section--mid-grey .block-heading,
.section--mid-grey .block-heading__text,
.section--mid-grey .block-heading__title,
.section--mid-grey-pattern-arrows .block-heading,
.section--mid-grey-pattern-arrows .block-heading__text,
.section--mid-grey-pattern-arrows .block-heading__title,
.section--mid-grey-pattern-small-arrows .block-heading,
.section--mid-grey-pattern-small-arrows .block-heading__text,
.section--mid-grey-pattern-small-arrows .block-heading__title,
.section--mid-grey-pattern-square .block-heading,
.section--mid-grey-pattern-square .block-heading__text,
.section--mid-grey-pattern-square .block-heading__title {
  color: var(--color-white)
}
.section--dark .block-heading,
.section--dark .block-heading__text,
.section--dark .block-heading__title,
.section--dark-pattern-arrows .block-heading,
.section--dark-pattern-arrows .block-heading__text,
.section--dark-pattern-arrows .block-heading__title,
.section--dark-pattern-small-arrows .block-heading,
.section--dark-pattern-small-arrows .block-heading__text,
.section--dark-pattern-small-arrows .block-heading__title,
.section--dark-pattern-square .block-heading,
.section--dark-pattern-square .block-heading__text,
.section--dark-pattern-square .block-heading__title {
  color: var(--color-white)
}
.section--dark *,
.section--dark-pattern-arrows *,
.section--dark-pattern-small-arrows *,
.section--dark-pattern-square * {
  --color-bg-contrast: var(--color-white);
  --color-font-contrast: var(--color-white);
  --color-font-on-inversed: var(--color-text-black)
}
.section--default {
  padding: 6rem 0
}
@media (max-width:1019px) {
  .section--default {
    padding: var(--indentMobSection) 0
  }
}
.section--default:last-child {
  padding-bottom: 0
}
.swiper {
  --swiper-pagination-bullet-horizontal-gap: 6px;
  --swiper-pagination-bullet-border-radius: 0;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: #B9BBBE;
  --swiper-pagination-color: var(--ola-brend8)
}
.swiper-slide {
  height: auto
}
.swiper-pagination {
  font-size: 0;
  z-index: 2
}
.swiper-pagination-bullet {
  width: 22px;
  height: 13px;
  background: 0 0!important;
  position: relative
}
.swiper-pagination-bullet:before {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: var(--ola-brend6);
  transform: translateY(-50%);
  top: 50%
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background: var(--swiper-pagination-color);
  height: 6px
}
.swiper-pagination-bullet-active {
  width: 30px
}
.swiper-button-next,
.swiper-button-prev {
  color: var(--color-text-dark);
  background: 0 0;
  border: 0;
  outline: 0;
  height: 32px;
  width: 32px;
  padding: 0;
  position: absolute;
  bottom: 0;
  top: auto
}
@media (min-width:1020px) {
  .swiper-button-next,
  .swiper-button-prev {
    height: 1.55rem;
    width: 1.2rem
  }
}
@media (hover:hover) {
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    color: var(--ola-link-hover)
  }
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none
}
.swiper-button-prev {
  left: 0
}
.swiper-button-next {
  left: auto;
  right: 0
}
@media (min-width:1020px) {
  .swiper-button-next {
    left: 2.5rem
  }
}
@media (max-width:1019px) {
  .swiper-pagination-bullets.swiper-pagination-horizontal:not(.slider-gallery__pagination) {
    left: 50px;
    width: calc(100% - 100px);
    white-space: nowrap;
    bottom: 13px;
    top: auto
  }
}
.swiper-btns-row {
  position: relative
}
.swiper-btns-row .project-slider__navigation,
.swiper-btns-row .swiper-navigation {
  position: relative;
  height: 32px;
  margin-top: var(--indentMobPagination)
}
.swiper-btns-row .swiper-pagination {
  top: 9px!important;
  bottom: auto!important;
  white-space: normal!important
}
.swiper-btns-row .pagination__more-button {
  margin-top: 2.4rem
}
@media (min-width:1020px) {
  .swiper-btns-row {
    margin-top: 2.4rem;
    display: flex;
    align-items: center;
    position: relative;
    gap: 1.6rem
  }
  .swiper-btns-row .swiper-button-next,
  .swiper-btns-row .swiper-button-prev {
    position: relative!important;
    margin-top: 0!important;
    left: 0!important
  }
  .swiper-btns-row .project-slider__navigation,
  .swiper-btns-row .swiper-navigation {
    height: 1.55rem;
    display: flex;
    gap: 1.2rem;
    margin-top: 0
  }
  .swiper-btns-row .swiper-pagination {
    top: 50%!important;
    bottom: 50%!important;
    position: relative!important;
    width: auto;
    flex: 1
  }
  .swiper-btns-row .pagination__more-button {
    margin-top: 0
  }
  .swiper-btns-row .product-solutions-slider__more {
    margin-left: auto;
    margin-top: 0
  }
}
.selectric-wrapper {
  position: relative;
  cursor: pointer
}
.selectric-responsive {
  width: 100%;
  background: red!important
}
.selectric {
  border: 0;
  border-bottom: 1px solid #d6d6d6;
  border-radius: 0;
  background: #fff;
  position: relative;
  overflow: hidden
}
.selectric .label {
  display: block;
  height: 56px;
  margin: 0;
  font-size: 16px;
  line-height: 56px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #1d252d;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
@media (min-width:1020px) {
  .selectric .label {
    height: 60px;
    margin: 0 3.2rem 0 10px;
    font-size: 18px;
    line-height: 60px
  }
}
@media (min-width:1440px) {
  .selectric .label {
    height: 64px;
    font-size: 20px;
    line-height: 64px
  }
}
.selectric .selectric__button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  line-height: 3.2rem;
  font-size: 0!important;
  background-color: #fff;
  color: #bbb
}
.selectric .selectric__button:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.46734 7.6567C4.17445 7.36381 3.69958 7.3638 3.40668 7.6567C3.11379 7.94959 3.11379 8.42447 3.40668 8.71736L11.4696 16.7803C11.6103 16.921 11.8011 17 12 17C12.1989 17 12.3896 16.921 12.5303 16.7803L20.5933 8.71736C20.8862 8.42446 20.8862 7.94959 20.5933 7.6567C20.3004 7.36381 19.8255 7.36381 19.5326 7.6567L12 15.1893L4.46734 7.6567Z' fill='%234E566A'/%3E%3C/svg%3E");
  --select-arrow-right: 8px;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.selectric-focus .selectric {
  border-color: #1d252d
}
.selectric-hover .selectric {
  border-color: #1d252d
}
.selectric-hover .selectric .selectric__button {
  color: #a2a2a2
}
.selectric-hover .selectric .selectric__button:after {
  border-top-color: #a2a2a2
}
.selectric-open {
  z-index: 9999
}
.selectric-open .selectric {
  border-color: #bdbdbd
}
.selectric-open .selectric-items {
  display: block
}
.selectric-open .selectric__button:after {
  transform: rotate(180deg)
}
.selectric-disabled {
  opacity: .5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0
}
.selectric-hide-select select {
  position: absolute;
  left: -100%
}
.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10
}
.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0
}
.selectric-input {
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  overflow: hidden!important;
  clip: rect(0,0,0,0)!important;
  margin: 0!important;
  padding: 0!important;
  width: 1px!important;
  height: 1px!important;
  outline: 0!important;
  border: none!important;
  background: 0 0!important
}
.selectric-temp-show {
  position: absolute!important;
  visibility: hidden!important;
  display: block!important
}
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 0;
  z-index: -1;
  box-shadow: 0 0 10px -6px
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%
}
.selectric-items li,
.selectric-items ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: max(16px,.8rem);
  line-height: 20px;
  min-height: 20px
}
.selectric-items li {
  display: block;
  padding: 10px;
  color: var(--color-text-black);
  background: #f1f3fa;
  cursor: pointer;
  border-bottom: 1px solid var(--color-white)
}
.selectric-items li.selected {
  background: #e8edfc;
  color: var(--color-text-black)
}
.selectric-items li.highlighted {
  background: #cdd1de;
  color: var(--color-text-black)
}
.selectric-items li:hover {
  background: #e8edfc;
  color: #444
}
.selectric-items .disabled {
  opacity: .5;
  cursor: default!important;
  background: 0 0!important;
  color: #666!important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: 700;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: 0 0;
  color: #444
}
.selectric-items .selectric-group.disabled li {
  opacity: 1
}
.selectric-items .selectric-group li {
  padding-left: 25px
}
.selectric-wrap-type2 .selectric .label {
  line-height: 48px;
  height: 48px;
  margin-left: 16px
}
.selectric-wrap-type2 .selectric .selectric__button {
  width: 40px;
  height: 48px
}
.selectric-wrap-with-placeholder .selectric {
  background: 0 0
}
.multiselect__wrapper {
  flex-wrap: nowrap
}
.multiselect__input {
  width: 100%
}
.multiselect__container {
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #b9bbbe;
  font-family: var(--font-base);
  padding-top: 8px;
  padding-bottom: 3px;
  padding-left: 14px
}
.multiselect__container:before {
  content: " ";
  position: absolute;
  top: 8px;
  right: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.46734 7.6567C4.17445 7.36381 3.69958 7.3638 3.40668 7.6567C3.11379 7.94959 3.11379 8.42447 3.40668 8.71736L11.4696 16.7803C11.6103 16.921 11.8011 17 12 17C12.1989 17 12.3896 16.921 12.5303 16.7803L20.5933 8.71736C20.8862 8.42446 20.8862 7.94959 20.5933 7.6567C20.3004 7.36381 19.8255 7.36381 19.5326 7.6567L12 15.1893L4.46734 7.6567Z' fill='%234E566A'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 30px;
  display: flex;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  pointer-events: none;
  cursor: pointer
}
.multiselect__container > * {
  font-size: 16px
}
.multiselect__container ::-moz-placeholder {
  font-size: 16px;
  color: #050505
}
.multiselect__container ::placeholder {
  font-size: 16px;
  color: #050505
}
.multiselect__container.collapsed:before {
  transform: rotate(180deg)
}
.multiselect__selected {
  white-space: nowrap;
  background: 0 0;
  color: var(--color-text-black);
  padding-top: 2px;
  padding-bottom: 8px;
  padding-left: 2px
}
.multiselect__clear-btn {
  position: absolute;
  right: 38px
}
.multiselect__tag-wrap {
  display: flex;
  flex-wrap: nowrap;
  max-width: calc(100% - 90px);
  overflow: hidden;
  position: relative
}
.multiselect__tag-wrap:after {
  content: "";
  display: block;
  height: 100%;
  width: 16px;
  background: linear-gradient(to left,var(--color-white) 0,rgba(0,0,0,0) 100%);
  position: absolute;
  right: 0
}
.multiselect__options ul li {
  display: block;
  padding: 10px;
  color: var(--color-text-black);
  background: #f1f3fa;
  cursor: pointer;
  border-bottom: 1px solid var(--color-white)
}
.multiselect__options ul li:hover {
  background: #e8edfc;
  color: #444
}
.multiselect__options ul li.multiselect__options--selected {
  background: #cdd1de;
  color: var(--color-text-black)
}
.multiselect__options ul li.multiselect__options--selected:hover {
  background: #cdd1de
}
.alert-wrapper {
  position: fixed;
  top: 0;
  left: -200%;
  z-index: 9999;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: var(--page-width);
  padding: 12px;
  background-color: #d70e1f;
  transition: .3s ease-in
}
@media (max-width:1019px) {
  .alert-wrapper {
    left: unset;
    top: 12px;
    right: -200%;
    width: 320px;
    border-radius: 8px;
    border: none
  }
}
.alert-wrapper.is-active {
  left: 50%;
  transform: translateX(-50%)
}
@media (max-width:1019px) {
  .alert-wrapper.is-active {
    left: unset;
    right: 12px
  }
}
.alert-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px
}
.alert-message {
  font-size: 20px;
  color: #fff
}
.alert-close {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  cursor: pointer
}
.arrow-adaptive--right {
  position: relative;
  width: var(--arrow-width,1rem);
  height: 1px;
  margin: 15px 5px;
  background-color: currentColor;
  border-radius: 1px;
  transition-property: width,background;
  transition-duration: .3s;
  transition-timing-function: ease-in-out
}
.arrow-adaptive--right::after,
.arrow-adaptive--right::before {
  content: "";
  position: absolute;
  right: 0;
  width: .5rem;
  height: inherit;
  background-color: inherit;
  border-radius: inherit
}
.arrow-adaptive--right::before {
  top: 0;
  rotate: 45deg;
  transform-origin: top right
}
.arrow-adaptive--right::after {
  bottom: 0;
  rotate: -45deg;
  transform-origin: bottom right
}
.arrow-animated svg:nth-child(2),
.arrow-animated svg:nth-child(3) {
  margin-left: -4px
}
@media (hover:hover) {
  .arrow-animated:hover svg:nth-child(1) {
    animation: arrBgAnimation1 steps(1) 1s infinite
  }
  .arrow-animated:hover svg:nth-child(2) {
    animation: arrBgAnimation2 steps(1) 1s infinite
  }
  .arrow-animated:hover svg:nth-child(3) {
    animation: arrBgAnimation3 steps(1) 1s infinite
  }
}
@keyframes arrBgAnimation1 {
  0% {
    color: var(--ola-link-hover)
  }
  33% {
    color: var(--ola-brend2)
  }
}
@keyframes arrBgAnimation2 {
  0% {
    color: var(--ola-brend2)
  }
  33% {
    color: var(--ola-link-hover)
  }
  66% {
    color: var(--ola-brend2)
  }
}
@keyframes arrBgAnimation3 {
  33% {
    color: var(--ola-brend2)
  }
  66% {
    color: var(--ola-link-hover)
  }
}
.arrow--left,
.arrow--right {
  position: relative;
  width: var(--arrow-width,22px);
  height: 1px;
  margin: 15px 5px;
  background-color: currentColor;
  border-radius: 1px;
  transition-property: width,background;
  transition-duration: .3s;
  transition-timing-function: ease-in-out
}
.arrow--left::after,
.arrow--left::before,
.arrow--right::after,
.arrow--right::before {
  content: "";
  position: absolute;
  right: 0;
  width: 11px;
  height: inherit;
  background-color: inherit;
  border-radius: inherit
}
.arrow--left::after,
.arrow--left::before {
  left: 0
}
.arrow--left::before {
  top: 0;
  rotate: -45deg;
  transform-origin: top left
}
.arrow--left::after {
  bottom: 0;
  rotate: 45deg;
  transform-origin: bottom left
}
.arrow--right::after,
.arrow--right::before {
  right: 0
}
.arrow--right::before {
  top: 0;
  rotate: 45deg;
  transform-origin: top right
}
.arrow--right::after {
  bottom: 0;
  rotate: -45deg;
  transform-origin: bottom right
}
.become-partner-conditions__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  counter-reset: distributorsCounter
}
@media (min-width:1020px) {
  .become-partner-conditions__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8.1rem 1.6rem
  }
}
@media (min-width:1020px) {
  .become-partner-conditions__list {
    gap: 8.1rem 1.6rem!important
  }
}
.become-partner-conditions__step {
  flex: 1
}
@media (min-width:576px) {
  .become-partner-conditions__step {
    min-width: calc(50% - .8rem);
    max-width: calc(50% - .8rem)
  }
}
@media (min-width:1020px) {
  .become-partner-conditions__step {
    min-width: calc(25% - 1.6rem);
    max-width: calc(25% - 1.6rem)
  }
}
.become-partner-conditions__step:last-child {
  max-width: none!important
}
@media (min-width:1020px) {
  .become-partner-conditions__step-title {
    margin-bottom: 0!important
  }
}
.become-partner-conditions__step-arrow {
  right: 0!important
}
.become-partner-cooperation {
  margin-top: 6rem
}
@media (max-width:1019px) {
  .become-partner-cooperation {
    margin-top: var(--indentMobSection)
  }
}
.become-partner-cooperation__wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: 3.2rem 5rem
}
@media (max-width:1019px) {
  .become-partner-cooperation__wrapper {
    padding: 32px 16px;
    align-items: center
  }
}
.become-partner-cooperation__button-wrap {
  width: 13.3rem;
  min-width: 266px;
  flex: 0 0 auto
}
@media (max-width:575px) {
  .become-partner-cooperation__button-wrap {
    width: 100%;
    max-width: 320px
  }
}
.become-partner-cooperation__button-wrap button {
  width: 100%
}
.become-partner-cooperation__info-text {
  font-size: max(12px,.7rem)
}
.become-partner-intro {
  padding-bottom: 6rem
}
@media (max-width:1019px) {
  .become-partner-intro {
    padding-bottom: var(--indentMobSection)
  }
}
.become-partner-intro__row {
  display: flex;
  align-items: center
}
@media (max-width:1019px) {
  .become-partner-intro__row {
    flex-direction: column;
    gap: var(--indentMobInline)
  }
}
.become-partner-intro__left-col {
  width: 40%;
  flex: 0 0 auto
}
@media (max-width:1019px) {
  .become-partner-intro__left-col {
    width: 100%
  }
}
.become-partner-intro__left-col img {
  width: 100%
}
.become-partner-intro__right-col {
  flex: 1;
  padding-left: 6rem;
  padding-right: 6rem;
  font-size: max(16px,1.2rem)
}
@media (max-width:1019px) {
  .become-partner-intro__right-col {
    font-size: 16px;
    padding-right: 0;
    padding-left: 0
  }
}
.become-partner-intro__right-col-title {
  margin-bottom: max(16px,.8rem);
  font-size: max(18px,1.6rem);
  font-weight: 700
}
@media (max-width:1019px) {
  .become-partner-intro__right-col-title {
    font-size: 18px
  }
}
.become-partner-schema {
  padding: var(--indentMobSection) 0
}
@media (min-width:1020px) {
  .become-partner-schema {
    padding: 6rem 0 8.75rem
  }
}
.become-partner-schema__heading {
  margin-bottom: 3.2rem
}
@media (max-width:1019px) {
  .become-partner-schema__heading {
    margin-bottom: var(--indentMobCol)
  }
}
.become-partner-schema__heading img {
  width: 100%
}
.become-partner-schema__image {
  display: flex;
  justify-content: center
}
.become-partner-status {
  padding: var(--indentMobSection) 0
}
@media (min-width:1020px) {
  .become-partner-status {
    padding: 7rem 0 4.3rem
  }
}
.become-partner-status__heading {
  margin-bottom: 4rem
}
@media (max-width:1019px) {
  .become-partner-status__heading {
    margin-bottom: var(--indentMobCol)
  }
}
.become-partner-status__list {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  justify-content: space-between
}
@media (max-width:1019px) {
  .become-partner-status__list {
    flex-wrap: wrap
  }
}
@media (max-width:575px) {
  .become-partner-status__list {
    flex-direction: column;
    gap: var(--indentMobInline)
  }
}
.become-partner-status__item {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 2.4rem
}
.become-partner-status__title {
  font-size: 1.6rem;
  font-weight: 700
}
@media (max-width:1019px) {
  .become-partner-status__title {
    font-size: 18px
  }
}
.become-partner-status__icon {
  background: var(--color-white);
  width: 11rem;
  height: 11rem;
  display: flex;
  justify-content: center;
  align-items: center
}
@media (max-width:1019px) {
  .become-partner-status__icon {
    width: 6rem;
    height: 6rem
  }
}
@media (max-width:575px) {
  .become-partner-status__icon {
    width: 64px;
    height: 64px
  }
}
.become-partner-status__icon svg {
  width: 50%;
  height: auto
}
.block-heading__title {
  margin: 0 0 var(--indentMobInlineXS);
  font-weight: 1000;
  font-size: min(6vw,24px);
  line-height: 1.2;
  font-family: var(--font-accent);
  letter-spacing: -.02em;
  text-wrap: balance;
  color: var(--color-text-dark);
  text-align: left
}
@media (min-width:576px) {
  .block-heading__title {
    margin-bottom: 1.2rem
  }
}
@media (min-width:1020px) {
  .block-heading__title {
    font-size: 2.6rem
  }
}
@media (max-width:575px) {
  .block-heading__title {
    font-size: 18px!important
  }
}
@media (max-width:1019px) {
  .block-heading__title {
    font-size: 19px!important
  }
}
.block-heading__text {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -.02em;
  text-align: justify
}
@media (min-width:1020px) {
  .block-heading__text {
    font-size: max(17px,1.1rem)
  }
}
.blog {
  max-width: 59.7rem
}
.blog-comment {
  display: flex;
  gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px
}
.blog-comment-cont {
  display: flex;
  flex-direction: column;
  flex: 1
}
.blog-comment-icon {
  width: 30px;
  height: 30px
}
.blog-comment-icon img {
  width: 100%
}
@media (min-width:1020px) {
  .blog-comment-icon {
    width: 48px;
    height: 48px
  }
}
.blog-comment-info {
  margin-bottom: 4px;
  align-items: baseline
}
.blog-author {
  color: #8c8c8c;
  font-size: 12px;
  padding-right: 8px
}
.blog-comment-date {
  color: #b9bbbe;
  font-size: 12px
}
.blog-comment-meta {
  display: flex;
  color: #8c8c8c;
  gap: 10px;
  font-size: 12px
}
.blog-comment-content {
  margin-bottom: 12px;
  font-size: 16px
}
@media (min-width:1020px) {
  .blog-comment-content {
    font-size: 18px
  }
}
.blog-comment-answer {
  background: 0 0;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  color: #8c8c8c;
  cursor: pointer;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .blog-comment-answer:hover {
    color: var(--color-primary)
  }
}
.blog-comment-like-wrap {
  display: flex;
  gap: 8px;
  align-items: center
}
.blog-comment-like {
  background: 0 0;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  color: #8c8c8c;
  cursor: pointer;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.blog-comment-like svg {
  position: relative;
  top: -2px
}
@media (hover:hover) {
  .blog-comment-like-up:hover {
    color: #009e4d
  }
}
.blog-comment-like-up:active {
  animation: likePulse .4s cubic-bezier(.175,.885,.32,1.275) both
}
@media (hover:hover) {
  .blog-comment-like-down:hover {
    color: #ff5454
  }
}
.blog-comment-like-down:active {
  animation: likePulse .4s cubic-bezier(.175,.885,.32,1.275) both
}
.blog-comment-textarea {
  padding: 5px 12px;
  border: 1px solid #b9bbbe;
  min-height: 154px;
  margin-bottom: 24px
}
@media (min-width:1020px) {
  .blog-comment-textarea {
    margin-bottom: 45px
  }
}
.blog-comment-textarea::-moz-placeholder {
  color: #bfbfbf;
  font-size: 14px;
  font-family: var(--font-base)
}
.blog-comment-textarea::placeholder {
  color: #bfbfbf;
  font-size: 14px;
  font-family: var(--font-base)
}
@keyframes likePulse {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.5)
  }
}
.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  list-style: none
}
.breadcrumbs__item {
  display: flex;
  color: var(--color-text-light)
}
.breadcrumbs__item:not(:first-child)::before {
  content: "—";
  margin: 0 8px;
  color: currentColor;
  opacity: .4
}
.breadcrumbs__item a {
  color: #72a6d8
}
.breadcrumbs__item span {
  opacity: .4
}
.content-header .breadcrumbs .breadcrumbs__item span {
  color: #b9bbbe;
  opacity: 1
}
.content-header .breadcrumbs .breadcrumbs__item a {
  color: var(--color-white)
}
.content-header .breadcrumbs .breadcrumbs__item:not(:first-child):before {
  color: var(--color-white);
  opacity: 1
}
.burger {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 18px 27px;
  background: 0 0;
  border: none;
  color: var(--color-white);
  cursor: pointer
}
.burger span {
  width: 18px;
  height: 2px;
  background-color: currentColor;
  border-radius: 2px
}
@media (min-width:1020px) {
  .burger {
    padding: 2rem 0 2rem 3.2rem
  }
}
.card {
  --card-bg-size: 1.5rem;
  --card-bg-border-color: var(--border-color-blue);
  position: relative
}
.card__bg {
  position: absolute;
  top: 0;
  right: 0
}
.card__bg::after,
.card__bg::before {
  content: "";
  position: absolute;
  width: var(--card-bg-size);
  height: var(--card-bg-size);
  border: 1px solid var(--card-bg-border-color)
}
.card__bg::before {
  top: 0;
  right: calc(var(--card-bg-size) - 1px);
  background: var(--card-bg-filled-bg-color,transparent);
  border-color: var(--card-bg-filled-border-color,var(--card-bg-border-color))
}
.card__bg::after {
  top: calc(var(--card-bg-size) - 1px);
  right: 0
}
.career-internship {
  padding: var(--indentMobSection) 0
}
.career-internship__container {
  display: grid;
  grid-template-areas: "h" "t" "l" "a";
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 24px
}
.career-internship__heading {
  grid-area: h
}
.career-internship__text {
  grid-area: t;
  letter-spacing: -.02em
}
.career-internship__link {
  grid-area: l
}
.career-internship__apply {
  grid-area: a
}
@media (min-width:576px) {
  .career-internship__container {
    grid-template-columns: 1fr auto;
    grid-template-areas: "h l" "t t" "a a";
    align-items: center
  }
}
@media (min-width:1020px) {
  .career-internship {
    padding: 5rem 0
  }
  .career-internship__text {
    max-width: 71rem;
    margin-bottom: 3.8rem;
    font-size: 1.2rem
  }
}
.career-join__wrapper {
  padding-top: 7.2rem;
  padding-bottom: 7.2rem
}
@media (max-width:1019px) {
  .career-join__wrapper {
    padding: var(--indentMobSection) 0;
    background-size: cover
  }
}
.career-join__content {
  display: flex;
  flex-direction: column;
  gap: 2.4rem
}
@media (max-width:1019px) {
  .career-join__content {
    gap: var(--indentMobCol)
  }
}
.career-join__content-title {
  font-family: var(--font-accent);
  font-size: 2.2rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.044rem;
  text-transform: uppercase;
  margin-bottom: 1.6rem
}
@media (max-width:1019px) {
  .career-join__content-title {
    font-size: 19px;
    margin-bottom: var(--indentMobInline)
  }
}
@media (max-width:575px) {
  .career-join__content-title {
    font-size: 18px
  }
}
.career-join__content-text {
  font-family: var(--font-base);
  font-size: max(16px,1.2rem);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.024rem
}
@media (max-width:575px) {
  .career-join__content-text {
    font-size: 18px
  }
}
.career-join__contact-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.2rem
}
@media (max-width:1019px) {
  .career-join__contact-wrapper {
    gap: var(--indentMobInline)
  }
}
.career-join__contact-wrapper svg {
  max-width: 32px;
  max-height: 32px;
  margin-right: 16px;
  width: 32px;
  flex: 0 0 auto
}
.career-join__contact-text {
  color: var(--color-font-contrast,var(--ola-brend2));
  font-size: max(14px,.9rem);
  font-weight: 700;
  line-height: 1.75rem
}
@media (max-width:1019px) {
  .career-join__contact-text {
    font-size: 16px
  }
}
.career-join__contact-text a {
  color: var(--color-font-contrast,var(--color-link));
  font-weight: 400
}
.career-join__subtitle {
  font-family: var(--font-base);
  font-weight: 700;
  text-transform: none;
  font-size: 24px
}
@media (min-width:1020px) {
  .career-join__subtitle {
    font-size: max(20px,1.3rem)
  }
}
@media (min-width:1020px) {
  .career-join__contact-list {
    grid-template-columns: repeat(3,1fr)!important
  }
}
.career-join-contact-item svg {
  min-width: 100%;
  min-height: 100%
}
.career-join-contact-item__text {
  align-self: center;
  font-size: max(16px,1rem);
  font-weight: 600
}
.career-product {
  padding: 6rem 0
}
@media (max-width:1019px) {
  .career-product {
    padding: var(--indentMobSection) 0
  }
}
.career-product__wrapper {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  align-items: flex-start
}
@media (max-width:1019px) {
  .career-product__wrapper {
    gap: var(--indentMobCol)
  }
}
.career-product__product {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5.1rem
}
@media (max-width:1019px) {
  .career-product__product {
    gap: 36px
  }
}
@media (max-width:575px) {
  .career-product__product {
    flex-direction: column;
    gap: var(--indentMobInline);
    align-items: flex-start
  }
}
.career-product__logo {
  width: 18rem;
  flex: 0 0 auto
}
.career-product__logo svg {
  width: 100%
}
@media (max-width:1019px) {
  .career-product__logo {
    width: 200px
  }
}
.career-product__product-text {
  font-size: max(16px,1.3rem)
}
@media (max-width:1019px) {
  .career-product__product-text {
    font-size: 16px
  }
}
.career-vacancies-card {
  padding-top: 2.4rem!important
}
@media (max-width:1019px) {
  .career-vacancies-card__description {
    margin-bottom: 1.2rem!important
  }
}
.career-vacancies {
  padding: var(--indentMobSection) 0
}
.career-vacancies__container {
  display: grid;
  grid-template-areas: "h" "c" "l";
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 24px
}
.career-vacancies__heading {
  grid-area: h
}
.career-vacancies__title {
  margin: 0
}
.career-vacancies__cards {
  grid-area: c;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(var(--mob-card-width),1fr));
  gap: 8px
}
.career-vacancies__link {
  grid-area: l
}
@media (min-width:576px) {
  .career-vacancies__container {
    grid-template-columns: 1fr auto;
    grid-template-areas: "h l" "c c";
    align-items: center
  }
}
@media (min-width:1020px) {
  .career-vacancies {
    padding: 5rem 0
  }
  .career-vacancies__container {
    row-gap: 3.2rem
  }
  .career-vacancies__cards {
    gap: 2.4rem;
    grid-template-columns: repeat(3,1fr)
  }
}
@media (min-width:1020px) {
  .contacts {
    padding-top: 2.9rem
  }
}
.contacts__section {
  display: flex;
  flex-direction: column;
  gap: var(--indentMobInline)
}
@media (min-width:1020px) {
  .contacts__section {
    flex-direction: row;
    gap: 2.5rem
  }
}
.contacts__content {
  margin-bottom: var(--indentMobCol)
}
@media (min-width:1020px) {
  .contacts__content {
    margin-bottom: 5rem
  }
}
@media (min-width:1020px) {
  .contacts__left-col {
    width: 34.3rem;
    flex: 0 0 auto
  }
}
.contacts__right-col {
  flex: 1
}
.contacts__right-col iframe {
  min-height: 250px
}
@media (min-width:1020px) {
  .contacts__right-col iframe {
    min-height: 25rem
  }
}
.contacts__title {
  font-family: var(--font-base);
  font-weight: 700;
  text-transform: none;
  font-size: 24px;
  margin-bottom: var(--indentMobInline)
}
@media (min-width:1020px) {
  .contacts__title {
    font-size: max(20px,1.3rem);
    margin-bottom: 1.6rem
  }
}
.contacts__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}
@media (max-width:575px) {
  .contacts__list {
    gap: var(--indentMobInline)
  }
}
.contacts__row,
.distributor-card__row,
.integration-card__row,
.partners-card__row {
  font-size: 16px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px
}
@media (min-width:1020px) {
  .contacts__row,
  .distributor-card__row,
  .integration-card__row,
  .partners-card__row {
    font-size: max(14px,.9rem)
  }
}
.contacts__icon,
.distributor-card__icon,
.integration-card__icon,
.partners-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ola-brend2)
}
@media (min-width:1020px) {
  .contacts__icon svg,
  .distributor-card__icon svg,
  .integration-card__icon svg,
  .partners-card__icon svg {
    min-width: 1rem;
    min-height: 1rem
  }
}
.contacts__text a,
.distributor-card__text a {
  color: inherit;
  text-decoration: underline
}
.contacts__text .contacts__link_without-underline,
.distributor-card__text .contacts__link_without-underline {
  text-decoration: none
}
.contacts__link {
  background: var(--ola-brend4white);
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  flex: 1;
  padding: var(--cardMobIndents);
  color: var(--ola-brend2);
  justify-content: space-between;
  position: relative
}
.contacts__link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 40px solid transparent;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  transition: .3s ease
}
@media (hover:hover) {
  .contacts__link:hover::after {
    border-right: 40px solid var(--ola-brend8)
  }
}
@media (min-width:1020px) {
  .contacts__link {
    padding: 1.6rem 2.4rem;
    height: 100%
  }
}
@media (hover:hover) {
  .contacts__link:hover .contacts__link-more-text {
    background-size: 100% 1px
  }
  .contacts__link:hover .contacts__link-more svg {
    transform: translateX(10px)
  }
}
.contacts__link-title {
  font-size: 18px;
  font-weight: 600
}
@media (min-width:1020px) {
  .contacts__link-title {
    font-size: max(18px,1.2rem)
  }
}
.contacts__link-more {
  display: flex;
  gap: 16px;
  font-weight: 700;
  align-items: center
}
@media (min-width:1020px) {
  .contacts__link-more {
    font-size: max(.9rem,16px)
  }
}
.contacts__link-more svg {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  position: relative;
  left: 0;
  width: 16px;
  height: auto
}
.contacts__link-more-text {
  text-decoration: none;
  background-image: linear-gradient(currentColor,currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  color: currentColor;
  transition-property: background-size;
  transition-duration: .3s;
  transition-timing-function: ease-in-out
}
.cookie {
  position: fixed;
  z-index: 991;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--ola-brend2);
  color: var(--color-white)
}
.cookie__block {
  max-width: 48.8rem;
  padding: 16px;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  gap: 32px;
  align-items: center
}
@media (max-width:575px) {
  .cookie__block {
    flex-direction: column;
    text-align: center
  }
}
.cookie__button {
  width: 11.7rem
}
.cookie p {
  margin-bottom: 0
}
.cookie a {
  text-decoration: underline;
  color: var(--color-white)
}
.course-program-item {
  display: flex;
  flex-direction: column;
  text-align: justify
}
.course-program-item__title-row {
  display: flex;
  background: var(--ola-brend4white);
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 20px
}
.course-program-item__title {
  font-weight: 700;
  font-size: 18px
}
.course-program-item__count {
  display: none
}
.course-program-item__hidden {
  max-height: 0;
  overflow: hidden;
  transition: .5s ease-in-out
}
.collapsed .course-program-item__hidden {
  max-height: 500px;
  padding: 10px 0 20px
}
@media (min-width:1020px) {
  .course-program-item__count {
    display: block
  }
  .course-program-item__title-row {
    justify-content: flex-start;
    padding: .8rem 2.4rem 1rem 2.2rem;
    gap: 43px
  }
  .course-program-item__count {
    color: var(--ola-brend2);
    position: relative;
    width: 10.35rem;
    flex: 0 0 auto;
    font-family: var(--font-accent);
    font-size: 1.8rem;
    display: flex;
    align-items: center
  }
  .course-program-item__count:after {
    content: "";
    display: block;
    position: absolute;
    width: 5.8rem;
    height: 1px;
    background: #b9bbbe;
    right: 0
  }
  .course-program-item__title {
    flex: 1;
    font-size: max(18px,1.2rem)
  }
  .collapsed .course-program-item__hidden {
    padding: .8rem 2.4rem 1rem 2.2rem
  }
}
.courses-detail-card {
  --card-padding-vert: 24px
}
.courses-detail-card__labels {
  display: flex;
  gap: 14px
}
.courses-detail-card__level-value {
  font-size: 24px;
  font-weight: 700
}
.courses-detail-card__duration {
  display: flex;
  gap: 48px
}
.courses-detail-card__duration-item {
  display: flex;
  gap: 8px;
  align-items: baseline
}
.courses-detail-card__duration-value {
  font-size: 32px;
  font-weight: 700
}
.courses-detail-card__duration-text {
  font-size: 14px
}
@media (min-width:1020px) {
  .courses-detail-card__labels {
    gap: .8rem
  }
  .courses-detail-card__level-value {
    font-size: 1.8rem
  }
  .courses-detail-card__duration {
    gap: 3.2rem
  }
  .courses-detail-card__duration-item {
    gap: 12px
  }
  .courses-detail-card__duration-value {
    font-size: max(30px,2.5rem)
  }
  .courses-detail-card__duration-text {
    font-size: max(16px,1rem)
  }
}
.courses-detail__section-about,
.courses-detail__section-descr {
  padding-top: var(--indentMobSection);
  padding-bottom: var(--indentMobSection)
}
.courses-detail__section-program {
  padding-top: var(--indentMobSection);
  padding-bottom: var(--indentMobSection)
}
@media (max-width:1019px) {
  .courses-detail__h2 {
    margin-bottom: var(--indentMobInline)
  }
}
.courses-detail__left-col {
  padding-right: 27.9rem;
  margin-bottom: 0;
  margin-top: 3.2rem
}
@media (max-width:1019px) {
  .courses-detail__left-col {
    margin-top: 0;
    margin-bottom: var(--indentMobSection);
    padding-right: 0
  }
}
.courses-detail__content {
  margin-top: 0!important
}
.courses-detail__text {
  text-align: justify
}
.courses-detail__text--about {
  margin-bottom: 16px
}
.courses-detail__text p {
  margin: 0
}
.courses-detail__button-top-back-wrap:not(.courses-detail__back-on-mob):not(.partner-top__back-on-mob) {
  margin-bottom: 16px
}
.courses-detail__back-on-mob,
.partner-top__back-on-mob {
  margin-top: var(--indentMobCol)
}
.courses-detail__dates-wrap {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}
@media (max-width:575px) {
  .courses-detail__dates-wrap {
    margin-bottom: var(--indentMobInlineXS)
  }
}
.courses-detail__dates-text {
  font-weight: 600;
  font-size: 14px
}
.courses-detail__dates-tag {
  font-size: 20px
}
.courses-detail__program {
  display: flex;
  flex-direction: column;
  gap: 4px
}
@media (max-width:1019px) {
  .courses-detail__program {
    padding-top: var(--indentMobInlineXS)
  }
}
.courses-detail__requirements {
  margin-bottom: 16px
}
.courses-detail__requirements-text {
  font-size: 14px;
  font-weight: 600
}
.courses-detail__requirements-value {
  font-size: 20px
}
.courses-detail__button-start {
  width: 100%;
  max-width: 19.85rem
}
@media (max-width:1019px) {
  .courses-detail__button-start {
    margin-top: .5rem
  }
}
.courses-detail__bottom-link-back {
  padding-top: 24px
}
.courses-detail__back-on-desktop,
.partner-top__back-on-desktop {
  display: none
}
@media (min-width:1020px) {
  .courses-detail {
    padding-bottom: 3.2rem
  }
  .courses-detail__left {
    order: 1
  }
  .courses-detail__right-col,
  .partner-top__right-col {
    order: 2;
    margin-top: -16px
  }
  .courses-detail__button-top-back-wrap {
    margin-bottom: 3.2rem
  }
  .courses-detail__dates-text {
    display: none
  }
  .courses-detail__dates-tag {
    font-size: max(12px,.7rem);
    color: var(--ola-brend2);
    padding: 7px 8px;
    border-radius: 4px;
    border: 1px solid var(--ola-brend2)
  }
  .courses-detail__section-descr {
    padding-bottom: 6rem
  }
  .courses-detail__section-about {
    padding-top: 6rem;
    padding-bottom: 6rem
  }
  .courses-detail__section-program {
    padding-top: 6rem;
    padding-bottom: 6rem
  }
  .courses-detail__col--single {
    flex: 1
  }
  .courses-detail__program {
    padding-top: 1.2rem;
    padding-right: 27.9rem
  }
  .courses-detail__main-descr {
    padding-right: 27.9rem
  }
  .courses-detail__text {
    font-size: max(16px,1.2rem)
  }
  .courses-detail__text--about {
    margin-bottom: 1.6rem;
    padding-right: 27.9rem
  }
  .courses-detail__requirements {
    margin-bottom: 3.2rem
  }
  .courses-detail__requirements-text {
    font-size: max(14px,1rem)
  }
  .courses-detail__requirements-value {
    font-size: max(22px,1.8rem)
  }
  .courses-detail__bottom-link-back {
    padding-top: 3.2rem
  }
  .courses-detail__back-on-mob,
  .partner-top__back-on-mob {
    display: none
  }
  .courses-detail__back-on-desktop,
  .partner-top__back-on-desktop {
    display: block
  }
  .courses-detail__h2 {
    font-size: 2.6rem
  }
  .courses-detail__h2--descr {
    max-width: 25rem
  }
}
.courses-item {
  display: flex;
  gap: 16px;
  flex-direction: column;
  transition-property: background-color;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.courses-item.is-hidden {
  display: none
}
@media (hover:hover) {
  .courses-item:hover {
    background: var(--ola-brend4white)
  }
  .courses-item:hover * {
    color: var(--color-text-medium)
  }
  .courses-item:hover .button {
    background: var(--ola-link-hover);
    color: #fff
  }
  .courses-item:hover .button:before {
    transform: translateX(100%);
    opacity: 0
  }
}
.courses-item__left {
  background: var(--ola-brend4white);
  padding: 18px 16px;
  justify-content: space-between;
  display: flex;
  gap: 16px
}
.courses-item__img {
  width: 120px;
  flex: 0 0 auto
}
.courses-item__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 8px
}
.courses-item__level {
  display: flex;
  gap: 9px
}
.courses-item__level-icon {
  width: 39px;
  height: 39px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}
.courses-item__level-icon:after {
  --color-label-bg: var(--ola-brend8);
  content: "";
  display: block;
  background: var(--color-label-bg,var(--color-primary));
  position: absolute;
  width: 28px;
  height: 28px;
  transform: rotate(45deg)
}
.courses-item__level-icon img,
.courses-item__level-icon svg {
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px
}
.courses-item__level-icon--yellow:after {
  --color-label-bg: #FFB800
}
.courses-item__level-text {
  font-size: 14px;
  font-weight: 600
}
.courses-item__level-value {
  font-size: 16px;
  font-weight: 700
}
.courses-item__duration {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-left: 48px
}
.courses-item__duration-row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
  font-weight: 700
}
.courses-item__duration-value {
  font-size: 24px
}
.courses-item__duration-text {
  font-size: 14px
}
.courses-item__text {
  font-size: 16px;
  text-align: justify
}
.courses-item__title {
  text-transform: none;
  font-family: var(--font-base);
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 18px;
  line-height: 1.1
}
.courses-item__title--desktop {
  display: none
}
.courses-item__button {
  max-width: 23rem;
  margin-top: var(--indentMobInlineXS)
}
.courses-item__right {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 13px 0
}
.courses-item__tags {
  display: flex;
  gap: 13px;
  color: var(--color-text-light);
  font-size: 14px;
  align-items: center;
  flex-wrap: wrap
}
.courses-item__tags--desktop {
  display: none
}
.courses-item__tag.tag {
  font-size: 12px;
  line-height: 1;
  border-radius: 4px;
  padding: 6px;
  white-space: nowrap
}
@media (min-width:1020px) {
  .courses-item {
    gap: 2.4rem;
    flex-direction: row
  }
  .courses-item__left {
    width: 32.6rem;
    min-width: 450px;
    flex: 0 0 auto;
    padding: 13px 13px 16px 13px;
    align-items: center;
    gap: 47px
  }
  .courses-item__button {
    margin-top: 0
  }
  .courses-item__img {
    order: 1;
    width: 12.5rem;
    align-self: flex-start
  }
  .courses-item__info {
    order: 2;
    gap: 3rem;
    flex: 1;
    padding-top: 0
  }
  .courses-item__level {
    gap: 11px
  }
  .courses-item__level-icon {
    width: 2.4rem;
    height: 2.4rem
  }
  .courses-item__level-icon:after {
    width: 1.7rem;
    height: 1.7rem
  }
  .courses-item__level-icon img,
  .courses-item__level-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    top: .05rem;
    position: relative
  }
  .courses-item__level-text {
    font-size: max(16px,1rem)
  }
  .courses-item__level-value {
    font-size: max(18px,1.2rem)
  }
  .courses-item__duration {
    flex-direction: row;
    gap: 1.8rem;
    margin-left: calc(2.4rem + 11px)
  }
  .courses-item__duration-value {
    font-size: max(18px,1.2rem)
  }
  .courses-item__duration-text {
    font-size: max(16px,1rem);
    font-weight: 400
  }
  .courses-item__text {
    font-size: max(16px,1rem);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
  }
  .courses-item__title {
    font-size: max(20px,1.3rem);
    line-height: 1.2
  }
  .courses-item__title--mob {
    display: none;
    padding-left: 13px;
    padding-right: 13px
  }
  .courses-item__title--desktop {
    display: flex
  }
  .courses-item__right {
    align-items: flex-start
  }
}
@media (min-width:1020px) and (min-width:1020px) {
  .courses-item__right {
    padding-left: 13px;
    padding-right: 13px
  }
}
@media (min-width:1020px) {
  .courses-item__main-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px
  }
  .courses-item__tags {
    gap: 16px
  }
  .courses-item__tags--mob {
    display: none;
    padding-left: 13px;
    padding-right: 13px
  }
  .courses-item__tags--desktop {
    display: flex
  }
  .courses-item__tags div {
    white-space: nowrap
  }
  .courses-item__tag.tag {
    font-size: max(12px,.7rem);
    padding: 7px 8px
  }
}
.courses-right-col__content {
  position: relative;
  display: flex
}
.courses-right-col__item {
  width: 100%;
  margin-top: var(--indentMobInline);
  margin-bottom: var(--indentMobCol)
}
@media (min-width:1020px) {
  .courses-right-col__item {
    position: absolute;
    width: 26rem;
    flex: 0 0 auto;
    margin-top: -25rem;
    top: 12rem;
    position: relative;
    gap: 2.4rem;
    margin-left: auto;
    margin-bottom: 0
  }
}
.courses__list {
  display: flex;
  flex-direction: column;
  gap: 48px
}
.courses__container {
  display: flex;
  flex-direction: column;
  gap: var(--indentMobInlineXS)
}
.courses__distributors {
  background: var(--ola-brend2);
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  gap: 24px 48px;
  padding: 24px 16px;
  align-items: flex-start;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  margin-top: var(--indentMobInline)
}
.courses__disctibutors-btn {
  width: 48px;
  color: var(--ola-brend8);
  background: var(--color-white)
}
@media (min-width:1020px) {
  .courses__list {
    gap: 5rem
  }
  .courses__container {
    gap: 4rem
  }
  .courses__distributors {
    flex-direction: row;
    padding: 1.2rem 2.4rem;
    justify-content: space-between;
    font-size: max(20px,1.6rem);
    align-items: center;
    margin-top: 0
  }
  .courses__disctibutors-btn {
    width: 4rem;
    height: 4rem
  }
  .courses__disctibutors-btn svg {
    width: 1.9rem;
    height: .8rem
  }
  .courses__btn {
    min-width: 14.85rem
  }
}
.distributor-card {
  background: var(--ola-brend4white);
  padding: var(--cardMobIndents);
  display: flex;
  flex-direction: column;
  gap: var(--indentMobInline)
}
@media (min-width:1020px) {
  .distributor-card {
    padding: 1.2rem;
    gap: 1.6rem
  }
}
.distributor-card__body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}
@media (max-width:1019px) {
  .distributor-card__body {
    gap: var(--indentMobInlineXS)
  }
}
.distributor-card__title,
.integration-card__title,
.partners-card__title {
  font-family: var(--font-base);
  font-weight: 700;
  font-size: 18px;
  text-transform: none;
  margin-bottom: 0
}
@media (min-width:1020px) {
  .distributor-card__title,
  .integration-card__title,
  .partners-card__title {
    font-size: max(18px,1.2rem)
  }
}
@media (max-width:1019px) {
  .distributor-card__title,
  .integration-card__title,
  .partners-card__title {
    word-break: break-all
  }
}
.distributor-card__icon svg {
  color: transparent;
  stroke: var(--ola-brend2);
  stroke-width: 1.5
}
.distributor-card__text a {
  text-decoration: none;
  word-break: break-all
}
.distributor-card__text-link,
.integration-card__text-link,
.partners-card__text-link {
  text-decoration: none!important
}
.distributor-card__text-link svg,
.integration-card__text-link svg,
.partners-card__text-link svg {
  width: 1rem;
  height: 1rem;
  top: -.1rem;
  position: relative;
  margin-left: .4rem
}
@media (hover:hover) {
  .distributor-card__text-link:hover,
  .integration-card__text-link:hover,
  .partners-card__text-link:hover {
    color: var(--color-primary)
  }
}
.distributor-card__text-show-on-map {
  text-decoration: none!important
}
.distributors-card__modal-content {
  height: 300px
}
.distributors-card__modal-content iframe {
  width: 100%;
  height: 100%
}
@media (min-width:1020px) {
  .distributors-card__modal-content {
    height: 600px
  }
}
.distributors {
  margin-bottom: var(--indentMobInline)
}
@media (min-width:1020px) {
  .distributors {
    margin-bottom: 6rem
  }
}
.distributors__product-distributors-work-stages {
  --bg-base: #F4F4F4
}
.distributors__title {
  font-family: var(--font-base);
  font-weight: 700;
  font-size: 24px;
  text-transform: none;
  margin-bottom: 24px
}
@media (min-width:1020px) {
  .distributors__title {
    font-size: max(22px,1.6rem);
    margin-bottom: 2.4rem
  }
}
.distributors__cities {
  border-top: 1px solid #898989
}
.distributors__hidden {
  max-height: 0;
  overflow: hidden;
  transition: .5s ease-in-out
}
.distributors__city-item {
  border-bottom: 1px solid var(--color-border-bottom,#898989)
}
.distributors__city-item.collapsed {
  --color-border-bottom: #F4F4F4
}
.distributors__city-item.collapsed .distributors__hidden {
  max-height: 4000px
}
.distributors__city-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  gap: 20px
}
@media (min-width:1020px) {
  .distributors__city-row {
    padding: 1.2rem
  }
}
.distributors__city-title {
  font-family: var(--font-base);
  font-weight: 700;
  font-size: 20px;
  text-transform: none;
  margin-bottom: 0
}
@media (min-width:1020px) {
  .distributors__city-title {
    font-size: max(20px,1.3rem)
  }
}
.distributors__list {
  margin-top: 20px;
  margin-bottom: 20px
}
@media (min-width:1020px) {
  .distributors__list {
    margin-top: 2.3rem;
    margin-bottom: 3.7rem
  }
}
.distributors__city-row {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.distributors__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
  gap: var(--indentMobInline)
}
@media (min-width:1020px) {
  .distributors__list {
    grid-template-columns: repeat(3,1fr);
    gap: 2.4rem
  }
}
.documentation-item {
  border-bottom: 1px solid #b9bbbe;
  padding: 24px 16px;
  position: relative
}
@media (min-width:1020px) {
  .documentation-item {
    padding: 1.6rem 1.2rem
  }
}
.documentation-item__main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between
}
@media (min-width:1020px) {
  .documentation-item__main {
    flex-direction: row;
    gap: 32px
  }
}
.documentation-item__icon {
  background: url(../img/deco/icon-file-pdf.svg) center center/50% auto no-repeat var(--color-bg-contrast,var(--ola-brend4white));
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto
}
@media (min-width:1020px) {
  .documentation-item__icon {
    width: 6rem;
    height: 6rem
  }
}
.documentation-item__title {
  font-family: var(--font-base);
  text-transform: none;
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 18px
}
@media (min-width:1020px) {
  .documentation-item__title {
    font-size: max(20px,1.4rem)
  }
}
.documentation-item__version {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-font-contrast,var(--color-text-light));
  margin-bottom: 16px
}
@media (min-width:1020px) {
  .documentation-item__version {
    font-size: max(16px,1.2rem)
  }
}
.documentation-item__info {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-font-contrast,var(--color-text-light));
  display: flex;
  gap: 16px
}
@media (min-width:1020px) {
  .documentation-item__info {
    font-size: max(14px,.8rem)
  }
}
.documentation-item__button-collapse {
  --button-collapse-width: 32px;
  --button-collapse-height: 32px;
  --btn-collapse-background-size: 80% auto
}
.documentation-item__button {
  background: #f3f3f3
}
.documentation-item__button svg {
  fill: none;
  color: currentColor
}
.documentation-item__col-info {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-right: 40px
}
@media (min-width:1020px) {
  .documentation-item__col-info {
    width: 49.8rem;
    min-width: 670px;
    margin-right: 0;
    gap: 1.6rem
  }
}
.documentation-item__hidden {
  margin-top: 16px;
  font-size: max(14px,1.1rem);
  line-height: 1.4;
  display: none;
  text-align: justify
}
@media (min-width:1020px) {
  .documentation-item__hidden {
    margin-top: 2.4rem
  }
}
.collapsed .documentation-item__hidden {
  display: block
}
.documentation-item__col-collapse {
  position: absolute;
  right: 16px
}
@media (min-width:1020px) {
  .documentation-item__col-collapse {
    position: relative;
    right: 0
  }
}
.documentation-item__col-action {
  margin-left: 60px
}
@media (min-width:1020px) {
  .documentation-item__col-action {
    margin-left: 0
  }
}
.documentation__header {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 72px
}
@media (min-width:1020px) {
  .documentation__header {
    flex-direction: row;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: var(--indentMobSection)
  }
}
@media (min-width:1020px) {
  .documentation__search {
    width: 27.45rem;
    flex: 0 0 auto
  }
}
.documentation__tabs {
  gap: 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}
@media (min-width:1020px) {
  .documentation__tabs {
    max-width: 41.75rem;
    gap: 1.2rem
  }
}
.documentation__tab {
  flex-direction: column;
  gap: var(--indentMobCol)
}
@media (min-width:1020px) {
  .documentation__tab {
    gap: 4rem;
    display: flex
  }
}
.documentation__list {
  margin-bottom: 32px
}
@media (min-width:1020px) {
  .documentation__list {
    margin-bottom: 4rem
  }
}
.event-card {
  border: 1px solid #d0d3da;
  padding: var(--cardMobIndents);
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-decoration: none;
  color: #15191d;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .event-card:hover .event-card__title {
    color: var(--ola-link-hover)
  }
}
@media (hover:hover) {
  .event-card:hover {
    background: var(--ola-brend4white);
    border: 1px solid var(--ola-brend4white)
  }
}
.event-card__pic {
  flex: 1;
  position: relative;
  background: var(--ola-brend4white);
  align-items: center;
  justify-content: center;
  display: flex
}
.event-card__pic img {
  width: 100%
}
.event-card__icon-empty {
  padding-top: 80px;
  padding-bottom: 80px
}
.event-card__icon-empty img {
  width: 60px;
  height: 60px
}
.event-card__label {
  position: absolute;
  z-index: 1;
  color: var(--color-text-light);
  font-size: 12px;
  background: var(--color-white);
  padding: 2px 4px;
  border-radius: 4px;
  top: 10px;
  left: 10px
}
.event-card__location {
  gap: .4rem
}
.event-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px
}
.event-card__info {
  font-size: 12px;
  color: var(--color-text-light);
  display: flex;
  gap: 8px 16px;
  flex-wrap: wrap
}
.event-card__info > div {
  position: relative;
  display: flex;
  align-items: center
}
.event-card__info > div:not(:first-child):before {
  content: "";
  display: block;
  margin-right: 16px;
  height: 10px;
  width: 1px;
  background: var(--color-text-light);
  left: -16px
}
.event-card__event {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.event-card__title {
  font-size: 16px;
  font-family: var(--font-base);
  font-weight: 700;
  text-transform: none;
  margin-bottom: 0
}
.event-card__text {
  font-size: 14px;
  text-align: justify
}
.event-card__tags {
  margin-top: 0!important
}
@media (min-width:576px) {
  .event-card {
    flex-direction: row;
    flex-wrap: wrap
  }
  .event-card__content {
    min-width: 450px
  }
  .event-card__pic {
    width: 20rem;
    flex: 0 0 auto
  }
}
@media (min-width:1020px) {
  .event-card {
    padding: 24px;
    gap: 2.8rem
  }
  .event-card__content {
    gap: 1.2rem
  }
  .event-card__label {
    padding: .2rem .4rem;
    font-size: max(13px,.8rem)
  }
  .event-card__info {
    font-size: max(13px,.7rem)
  }
  .event-card__title {
    font-size: max(16px,1.3rem)
  }
  .event-card__text {
    font-size: max(14px,.8rem)
  }
  .event-card__icon-empty {
    padding-top: 4.65rem;
    padding-bottom: 4.65rem
  }
  .event-card__icon-empty img {
    width: 4rem;
    height: 4rem
  }
}
.courses-detail-card,
.events-detail-card {
  background: var(--color-white);
  border: 1px solid var(--ola-brend4);
  color: var(--ola-brend2);
  padding: var(--cardMobIndents)
}
.courses-detail-card__content,
.events-detail-card__content {
  flex: 1;
  display: flex;
  gap: 24px;
  flex-direction: column;
  align-items: flex-start
}
.courses-detail-card__content .icon,
.events-detail-card__content .icon {
  fill: none
}
.events-detail-card__buttons {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  gap: 16px
}
.events-detail-card__bottom-line {
  display: flex;
  justify-content: space-between;
  color: var(--ola-brend2);
  font-size: 14px
}
.events-detail-card__bottom-line a {
  color: inherit
}
.courses-detail-card__button,
.events-detail-card__button {
  font-weight: 700;
  width: 100%;
  max-width: 23rem
}
.events-detail-card__row-with-icon {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px
}
.events-detail-card__icon-wrap {
  width: 24px;
  flex: 0 0 auto
}
.events-detail-card__icon-wrap svg {
  width: 100%;
  height: auto;
  top: -2px;
  position: relative
}
.courses-detail-card__label,
.events-detail-card__label {
  background: var(--color-white);
  color: var(--ola-brend2);
  border: 1px solid var(--ola-brend2);
  border-radius: 4px;
  font-size: 12px;
  padding: 4px
}
.events-detail-card__main-info {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.events-detail-card__button-sm {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.events-detail-card__button-sm svg {
  margin-right: 8px
}
@media (hover:hover) {
  .events-detail-card__button-sm:hover {
    color: var(--ola-link-hover)
  }
}
@media (min-width:1020px) {
  .courses-detail-card,
  .events-detail-card {
    padding: 1.6rem
  }
  .courses-detail-card__content,
  .events-detail-card__content {
    gap: 2.4rem
  }
  .events-detail-card__buttons {
    gap: 1.2rem
  }
  .courses-detail-card__label,
  .events-detail-card__label {
    font-size: max(13px,.7rem);
    padding: .35rem .4rem
  }
  .events-detail-card__row-with-icon {
    font-size: max(16px,.8rem)
  }
  .events-detail-card__icon-wrap {
    width: 1.6rem
  }
  .events-detail-card__main-info {
    gap: 1.6rem
  }
  .events-detail-card__bottom-line {
    font-size: max(14px,.8rem)
  }
}
.courses-detail__content,
.events-detail__content,
.partner-top__content {
  display: flex;
  flex-direction: column;
  gap: var(--indentMobInline);
  font-size: 16px;
  margin-top: var(--indentMobCol)
}
@media (min-width:1020px) {
  .courses-detail__content,
  .events-detail__content,
  .partner-top__content {
    gap: 32px
  }
}
.courses-detail__right-col,
.events-detail__right-col,
.partner-top__right-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: var(--indentMobInline)
}
.events-detail__block-pic {
  display: flex;
  flex-direction: column;
  gap: 10px
}
.events-detail__pic-signature,
.project-detail__pic-signature {
  font-size: 13px;
  color: #b9bbbe
}
.events-detail__text {
  text-align: justify
}
@media (min-width:1020px) {
  .events-detail__header-title {
    padding-right: max(370px,27.9rem)
  }
  .courses-detail__content,
  .events-detail__content,
  .partner-top__content {
    flex-direction: row;
    gap: 5.2rem;
    font-size: max(16px,1rem);
    margin-top: 3.2rem
  }
  .courses-detail__right-col,
  .events-detail__right-col,
  .partner-top__right-col {
    width: 22.7rem;
    min-width: 370px;
    flex: 0 0 auto;
    margin-top: -25rem;
    top: 12rem;
    position: relative;
    gap: 2.4rem;
    margin-left: auto
  }
  .events-detail__block-pic {
    gap: .8rem
  }
  .events-detail__pic-signature,
  .project-detail__pic-signature {
    font-size: max(13px,.7rem)
  }
  .events-detail__detail-links.news-detail-links {
    margin-top: 4rem
  }
}
.events-slider {
  max-width: 750px;
  width: 100%;
  margin-left: 0;
  position: relative
}
.events-slider__slide {
  height: auto
}
.events-slider__item {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 4px;
  margin-left: 4px;
  background: var(--color-white);
  height: 100%
}
.events-slider__bottom {
  background-color: var(--color-white);
  padding: var(--indentMobInline) var(--indentMobInlineXS) 80px;
  color: var(--ola-brend2)
}
.events-slider__content {
  display: flex;
  flex-direction: column;
  max-width: 569px
}
.events-slider__location {
  margin-bottom: 16px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 8px
}
.events-slider__date {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.4;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center
}
.events-slider__date div {
  align-items: center;
  display: flex
}
.events-slider__time {
  position: relative
}
.events-slider__time:after {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  background: var(--border-color-blue);
  width: 1px;
  height: 14px
}
.events-slider__title {
  font-weight: 700;
  margin-bottom: var(--indentMobInlineXS)
}
.events-slider__image {
  position: relative
}
.events-slider__pagination {
  position: relative;
  margin-top: 64px;
  text-align: center;
  margin-left: 0
}
.events-slider__text {
  text-align: justify
}
.events-slider__text p {
  margin-bottom: 0
}
.events-slider__title {
  text-align: justify
}
@media (min-width:576px) {
  .events-slider__pagination {
    text-align: left;
    position: static;
    margin-top: 2rem
  }
}
@media (min-width:1020px) {
  .events-slider {
    max-width: 38.5rem
  }
  .events-slider__text {
    font-size: max(14px,1rem)
  }
  .events-slider__pagination {
    margin-left: -.6rem
  }
  .events-slider__bottom {
    padding: 1.6rem 3.2rem 7.2rem
  }
  .events-slider__content {
    max-width: 28.45rem
  }
  .events-slider__location {
    font-size: max(14px,.8rem);
    gap: .4rem
  }
  .events-slider__date {
    font-size: max(12px,.8rem);
    gap: 1.6rem
  }
  .events-slider__date div:first-child:after {
    right: -.8rem;
    height: .7rem
  }
}
@media (min-width:1440px) {
  .events-slider__pagination {
    margin-top: 3rem
  }
}
.events__buttons {
  display: flex;
  gap: 16px;
  margin-bottom: 36px
}
.events__tab {
  display: none
}
.events__tab.active,
.events__tab.releases-form__btn.button.is-active {
  display: block
}
.events__list {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.events__filters-left {
  flex-wrap: wrap
}
.events__col-select {
  min-width: 150px
}
.events__month-events {
  display: flex;
  flex-direction: column;
  gap: var(--indentMobInline);
  width: 100%
}
.events__month-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px
}
.events__col-year {
  color: var(--ola-brend2);
  font-weight: 700;
  font-size: 18px
}
.events__col-month {
  color: var(--ola-brend3);
  font-size: 16px
}
@media (min-width:1020px) {
  .events__month-events {
    gap: 1.6rem
  }
  .events__buttons {
    margin-bottom: 2.4rem
  }
  .events__list {
    flex-direction: row;
    gap: 3.2rem
  }
  .events__col-year {
    width: 4rem;
    alex: 0 0 auto;
    font-size: max(18px,1.3rem)
  }
  .events__col-month {
    width: 8.9rem;
    flex: 0 0 auto;
    font-size: max(16px,1.2rem)
  }
  .events__year-content {
    flex: 1;
    display: flex;
    flex-direction: column
  }
  .events__month-content {
    flex-direction: row;
    gap: 3.2rem;
    margin-bottom: 4rem
  }
}
.file-upload {
  position: relative
}
.file-upload__input {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden
}
.file-upload__label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 18px 15px;
  background-color: var(--ola-brend4white);
  border: 1px dashed #4e566a;
  color: var(--ola-brend2);
  cursor: pointer
}
.file-upload__label:hover {
  border-color: var(--ola-brend2)
}
.file-upload__input:focus + .file-upload__label {
  border-color: var(--ola-brend2)
}
.file-upload.is-error .file-upload__label {
  border-color: red
}
.file-upload__text {
  font-size: max(16px,.8rem);
  line-height: 125%
}
.file-upload--file-chosen .file-upload__text {
  color: #006400
}
.file-upload__file-list {
  margin-top: 16px
}
.file-upload__file-item {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  font-size: max(16px,.8rem);
  line-height: 125%
}
.file-upload__file-item:first-child {
  margin-top: 0
}
.file-upload__file-item-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.file-upload__file-item-delete {
  position: relative;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  opacity: .9
}
.file-upload__file-item-delete::after,
.file-upload__file-item-delete::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 14px;
  top: calc(50% - 7px);
  left: calc(50% - 1px);
  background-color: currentColor
}
.file-upload__file-item-delete::before {
  transform: rotate(45deg)
}
.file-upload__file-item-delete::after {
  transform: rotate(-45deg)
}
.file-upload__file-item-delete:hover {
  opacity: 1
}
.file-upload__hint {
  margin-top: 8px;
  font-size: 14px;
  color: var(--ola-brend3)
}
.file-upload__error {
  display: none;
  opacity: 0;
  visibility: hidden;
  margin: 4px 0 0 0;
  padding: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #d70e1f;
  transition: opacity .3s ease,visibility .3s
}
.file-upload.is-error .file-upload__error {
  display: block;
  opacity: 1;
  visibility: visible
}
.footer-nav__list {
  margin: 0;
  padding: 46px 16px 16px;
  list-style: none;
  border-top: 1px solid var(--ola-brend3)
}
@media (min-width:1020px) {
  .footer-nav__list {
    padding: 0;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 2.35rem;
    column-gap: 2.35rem;
    margin-left: 2rem;
    border-top: 0
  }
}
.footer-nav__item {
  margin-bottom: 32px
}
@media (min-width:1020px) {
  .footer-nav__item {
    margin-bottom: 1.2rem;
    -moz-column-break-inside: avoid;
    break-inside: avoid
  }
}
.footer-nav__item:last-child {
  margin-bottom: 0
}
.footer-nav__link {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .16px;
  text-decoration: none;
  color: #fff;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (min-width:1020px) {
  .footer-nav__link {
    font-size: max(14px,.8rem)
  }
}
@media (hover:hover) {
  .footer-nav__link:hover {
    color: var(--ola-brend8)
  }
}
.footer-socials__title {
  font-weight: 700
}
.footer-socials__list {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  justify-content: space-around
}
@media (min-width:1020px) {
  .footer-socials__list {
    justify-content: flex-start
  }
}
.footer-socials__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  color: #fff
}
@media (hover:hover) {
  .footer-socials__link:hover {
    color: var(--ola-brend8)
  }
}
.footer-socials__link svg {
  width: 26px;
  height: auto;
  flex: 0 0 auto
}
@media (min-width:1020px) {
  .footer-socials {
    padding: 1.2rem 2.4rem
  }
  .footer-socials__list {
    gap: 1.2rem;
    border: 0
  }
  .footer-socials__link {
    width: 2rem;
    height: 2rem
  }
  .footer-socials__link svg {
    width: 1.6rem;
    height: auto;
    flex: 0 0 auto
  }
}
@media (min-width:1440px) {
  .footer-socials__link {
    width: 1.5rem;
    height: 1.5rem
  }
  .footer-socials__link svg {
    width: 1.2rem;
    height: auto;
    flex: 0 0 auto
  }
}
.footer {
  position: relative;
  background-color: var(--ola-brend2);
  padding-top: 50px;
  padding-bottom: 32px
}
@media (min-width:1020px) {
  .footer {
    padding-top: 6.05rem;
    padding-bottom: 4.9rem
  }
}
.footer__wrap {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 73.6rem;
  padding-left: 8px;
  padding-right: 8px
}
@media (min-width:1020px) {
  .footer__wrap {
    padding-left: 0;
    padding-right: 0;
    flex-direction: row;
    justify-content: space-between;
    gap: 34px
  }
}
.footer__col--logo {
  border-bottom: 1px solid var(--ola-brend3);
  padding-bottom: 32px
}
@media (min-width:1020px) {
  .footer__col--logo {
    padding-right: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: .6rem;
    border-bottom: 0
  }
}
.footer__col--contacts {
  font-size: 14px;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 36px
}
@media (min-width:1020px) {
  .footer__col--contacts {
    max-width: 15.75rem;
    padding-left: 3.35rem;
    padding-right: 2rem;
    font-size: max(14px,.8rem);
    justify-content: space-between
  }
}
.footer__call-and-write {
  display: flex;
  flex-direction: column;
  gap: 10px;
  order: 2;
  text-align: center
}
@media (min-width:1020px) {
  .footer__call-and-write {
    gap: .5rem;
    order: 1;
    text-align: left
  }
}
.footer__phone {
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px
}
@media (min-width:1020px) {
  .footer__phone {
    font-size: max(16px,1.2rem);
    position: relative;
    justify-content: flex-start
  }
}
@media (min-width:1020px) {
  .footer__phone svg {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    margin-left: -1.8rem
  }
}
.footer__col--navigation {
  flex: 1
}
@media (max-width:1019px) {
  .footer__col--navigation {
    order: 3
  }
}
.footer__logo {
  width: 105px;
  margin-left: auto;
  margin-right: auto
}
.footer__logo img {
  height: 100%;
  width: 100%
}
@media (min-width:1020px) {
  .footer__logo {
    width: 105px;
    margin-left: 0;
    margin-right: 0
  }
}
.footer__copyright {
  color: var(--ola-brend6);
  font-size: max(13px,.8rem);
  line-height: 1.2
}
@media (max-width:1019px) {
  .footer__copyright {
    margin-top: var(--indentMobInlineXS)
  }
}
@media (max-width:1019px) {
  .footer__copyright.footer__copyright--desktop {
    display: none
  }
}
.footer__copyright.footer__copyright--mob {
  border-top: 1px solid var(--ola-brend3);
  padding-top: 24px;
  order: 4
}
@media (min-width:1020px) {
  .footer__copyright.footer__copyright--mob {
    display: none
  }
}
@media (max-width:1019px) {
  .footer__socials-caption {
    display: none
  }
}
.form-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--page-width);
  height: var(--page-height);
  pointer-events: none
}
.form-modal:not(.show) {
  display: none
}
.form-modal__modal {
  position: relative;
  width: var(--page-width);
  max-width: 1472px;
  max-height: var(--page-height);
  padding: 64px;
  background: var(--ola-brend4white);
  color: var(--ola-brend2);
  overflow-y: auto;
  pointer-events: auto
}
.form-modal__modal--medium {
  max-width: 1200px
}
.form-modal__modal--small {
  max-width: 700px
}
@media (max-width:1020px) {
  .form-modal__modal {
    padding: 32px
  }
}
.form-modal__modal-btn-close {
  position: absolute;
  right: 16px;
  top: 18px;
  z-index: 100;
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
  color: #d6d6d6;
  cursor: pointer;
  transition: .3s
}
.form-modal__modal-btn-close:hover {
  color: var(--color-text-black)
}
.form-modal__modal-btn-close svg {
  width: 36px;
  height: 36px
}
.form-modal__remember-link {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  font-family: var(--font-base);
  background: 0 0;
  border-width: 0;
  color: var(--ola-brend2);
  cursor: pointer
}
.form-container__all-content,
.form-container__success {
  font-size: 18px;
  line-height: 140%
}
.form-container__all-content.is-hide,
.form-container__success.is-hide {
  display: none!important
}
.form-title {
  margin-bottom: 2.4rem;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -.02em;
  color: var(--color-text-black)
}
.form-title:has(+.form-description) {
  margin-bottom: 1.2rem
}
.form-description {
  margin-bottom: 2.4rem
}
.form-description p {
  margin: 0
}
.form-content {
  display: flex;
  flex-direction: column;
  gap: 24px
}
.form-content--sm {
  gap: 16px
}
.form-content--lg {
  gap: 32px
}
.form-content--xl {
  gap: 48px
}
.form-section__title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%
}
.form-section__title--bold {
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -.48px
}
.form-section__title--no-mb {
  margin-bottom: 8px
}
.form-section__grid {
  display: flex;
  flex-direction: column;
  gap: 24px
}
.form-section__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 3.2rem;
  column-gap: 3.2rem;
  row-gap: 1.4rem
}
.form-section__checkboxes {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.form-section__checkboxes.lg-indent {
  margin-bottom: 24px
}
.form-section__checkboxes-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px
}
.form-section__checkboxes-row .checkbox-group label {
  color: var(--ola-brend2);
  font-family: var(--font-base);
  font-size: 16px;
  font-weight: 400;
  line-height: 100%
}
.form-section__button-center {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center
}
.form-contact__grid,
.form-contact__grid-person {
  display: grid
}
.form-contact__grid {
  gap: 16px
}
.form-contact__grid-person {
  gap: 24px
}
.form-contact__grid-person-row1,
.form-contact__grid-person-row2 {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 24px
}
@media (max-width:1019px) {
  .form-contact__grid-person-row1,
  .form-contact__grid-person-row2 {
    grid-template-columns: 100%
  }
}
.form-contact__grid-person-row1 > :nth-child(1),
.form-contact__grid-person-row2 > :nth-child(1),
.form-contact__grid-person-row2 > :nth-child(2) {
  grid-column: span 2
}
@media (max-width:1019px) {
  .form-contact__grid-person-row1 > :nth-child(1),
  .form-contact__grid-person-row2 > :nth-child(1),
  .form-contact__grid-person-row2 > :nth-child(2) {
    grid-column: auto
  }
}
.form-contact__grid-configure {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 24px
}
@media (max-width:1599px) {
  .form-contact__grid-configure {
    grid-template-columns: 1fr 1fr 1fr
  }
}
@media (max-width:1599px) {
  .form-contact__grid-configure {
    grid-template-columns: 1fr 1fr
  }
  .form-contact__grid-configure .form-select__wrap {
    grid-column: 1/3
  }
}
@media (max-width:1019px) {
  .form-contact__grid-configure {
    grid-template-columns: 1fr
  }
  .form-contact__grid-configure .form-select__wrap {
    grid-column: 1/2
  }
}
.form-contact__grid-configure--params {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 64px;
  flex-wrap: wrap
}
@media (max-width:1599px) {
  .form-contact__grid-configure--params {
    gap: 24px
  }
}
.form-cooperate__content {
  display: grid;
  grid-template-columns: 100%;
  gap: 32px
}
.form-cooperate__grid-first {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.2rem
}
@media (max-width:1019px) {
  .form-cooperate__grid-first {
    grid-template-columns: 1fr;
    gap: 12px
  }
}
.form-cooperate__grid-second {
  display: grid;
  grid-template-columns: 578fr 322fr 250fr 250fr;
  gap: 1.2rem
}
@media (max-width:1019px) {
  .form-cooperate__grid-second {
    grid-template-columns: 1fr;
    gap: 12px
  }
}
.hint-container {
  position: relative;
  display: inline-block
}
.hint-icon {
  background: 0 0;
  border: none;
  cursor: pointer;
  padding: 0
}
.hint-content {
  display: none;
  position: absolute;
  top: -100%;
  left: 50%;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
  padding: 8px 12px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 100
}
.hint-container:hover .hint-content {
  display: block
}
.form-add-license__button {
  margin-top: 28px
}
.header {
  position: relative;
  z-index: 999;
  background: var(--ola-brend2)
}
.header__top {
  color: #74787c
}
.header__container {
  position: relative;
  display: flex;
  justify-content: space-between
}
@media (max-width:1019px) {
  .header__container {
    padding-right: 0
  }
}
.header__logo {
  align-self: center;
  width: 39px;
  margin-right: 16px
}
.header__logo img {
  height: 100%
}
.header__bottom,
.header__menu {
  display: none
}
.header__burger {
  position: relative;
  display: flex;
  align-items: center
}
.header__menu-list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 3.2rem
}
.header__menu-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 2rem 0
}
.header__menu-link {
  position: relative;
  display: flex;
  font-weight: var(--header-menu-link-weight,300);
  font-size: 14px;
  line-height: 1;
  letter-spacing: normal;
  color: var(--ola-brend2);
  cursor: pointer
}
.header__offcanvas {
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 999;
  width: 100%;
  height: calc(100% - 50px);
  overflow: hidden;
  background: var(--ola-brend2);
  color: var(--ola-brend4);
  padding: 0;
  margin: 0;
  cursor: auto;
  font-size: 18px;
  list-style-type: none;
  transform: translateX(-100%);
  transition: all .4s ease-in-out
}
.header__offcanvas.show {
  transform: translateX(0);
  box-shadow: 0 5px 16px rgba(0,0,0,.2);
  transition: all .4s ease-in-out
}
.header__menu-link-with-icon .icon {
  position: absolute;
  top: 50%;
  left: calc(var(--header-menu-icon-ofset,2rem) * -1);
  width: var(--header-menu-icon-width,1.2rem);
  height: var(--header-menu-icon-height,1rem);
  translate: 0 -50%
}
@media (min-width:1020px) {
  .has-active-menu .header {
    z-index: auto
  }
  .header__top {
    z-index: auto
  }
  .header__logo {
    width: 5.2rem;
    margin-right: 1.2rem
  }
  .header__menu {
    display: block;
    margin-left: auto
  }
  .header__menu-button {
    background: var(--ola-brend8);
    width: 1.7rem;
    height: 1.7rem;
    min-width: 24px;
    min-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    color: var(--ola-brend2)!important
  }
}
@media (min-width:1020px) and (hover:hover) {
  .header__menu-button:hover {
    background: var(--ola-link-hover)
  }
}
@media (min-width:1020px) {
  .header__menu-button-lk {
    color: var(--ola-brend8)!important;
    background-color: transparent
  }
}
@media (min-width:1020px) and (hover:hover) {
  .header__menu-button-lk:hover {
    background: 0 0
  }
}
@media (min-width:1020px) {
  .header__menu-button-lk .icon {
    width: 1.7rem!important;
    height: 1.7rem!important
  }
  .header__offcanvas {
    height: 100%
  }
  .header__menu-button .icon {
    width: var(--header-menu-icon-width,.9375rem);
    height: var(--header-menu-icon-height,.7875rem);
    fill: none
  }
  .header__menu-link {
    position: relative;
    display: flex;
    font-weight: var(--header-menu-link-weight,300);
    font-size: max(14px,.8rem);
    line-height: var(--header-menu-link-line-height,1);
    letter-spacing: var(--header-menu-link-letter-spacing,normal);
    color: var(--color-white)
  }
  .header__menu-link--accent {
    --header-menu-link-weight: 700;
    --header-menu-link-line-height: 1.1;
    --header-menu-link-letter-spacing: -0.01em;
    --header-menu-icon-width: 1.2rem;
    --header-menu-icon-height: 1.2rem;
    --header-menu-icon-ofset: 1.8rem;
    --header-menu-link-size: .9rem;
    font-size: 1.1rem
  }
  .header__burger::after,
  .header__burger::before {
    height: 40px
  }
  .header__offcanvas {
    width: 375px;
    top: 0
  }
}
@media (min-width:1200px) {
  .header__bottom {
    display: block
  }
  .header__burger {
    display: none
  }
}
@media (min-width:1800px) {
  .header__menu-item {
    padding: 40px 0
  }
}
.header__profile-menu-wrapper {
  position: relative
}
.header__profile-menu-wrapper:hover .header__profile-menu {
  opacity: 1;
  visibility: visible
}
.header__profile-menu {
  position: absolute;
  right: 0;
  top: 100%;
  background: #2a3239;
  box-shadow: 0 26px 48px 0 rgba(0,0,0,.16);
  display: flex;
  width: 240px;
  padding: 16px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  z-index: 1000;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  opacity: 0;
  visibility: hidden
}
.header__profile-menu-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: var(--ola-link);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -.14px;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.header__profile-menu-item:hover {
  color: var(--ola-link-hover)
}
.header__profile-menu-item svg {
  width: 16px;
  height: 16px
}
.header__profile-menu-line {
  width: 100%;
  border-top: 1px solid var(--ola-brend3,#606567)
}
.header__menu-link_with-icon {
  display: flex!important;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 20px!important;
  font-weight: 600!important;
  line-height: 130%;
  letter-spacing: .2px
}
.header__menu-link_with-icon svg {
  color: var(--ola-link)
}
.offcanvas-submenu__profile-block {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 48px 44px 48px 48px;
  background: var(--ola-brend2)
}
.offcanvas-submenu__profile-block .button {
  padding: 16px 32px!important;
  height: auto!important;
  color: #050505;
  font-size: 18px!important;
  font-weight: 700!important
}
.offcanvas-submenu__profile-block .lk-banner-img {
  padding: 0!important
}
.hero-latest-news {
  display: flex;
  flex-wrap: wrap;
  gap: var(--indentMobInline);
  max-width: 750px
}
@media (min-width:576px) and (max-width:1019px) {
  .hero-latest-news {
    max-width: unset;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
  }
}
.hero-latest-news__item {
  background: var(--color-white);
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  cursor: pointer;
  color: var(--ola-brend2);
  align-items: center;
  position: relative;
  flex: 1;
  min-width: 300px
}
.hero-latest-news__item::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 40px solid transparent;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  transition: .3s ease
}
@media (hover:hover) {
  .hero-latest-news__item:hover::after {
    border-right: 40px solid var(--ola-brend8)
  }
}
@media (hover:hover) {
  .hero-latest-news__item:hover {
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    background: var(--ola-brend4white);
    box-shadow: 0 12px 30px 0 rgba(199,213,224,.5);
    color: var(--color-link-hover)
  }
}
.hero-latest-news__item-image {
  background: 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  flex: 0 0 auto
}
.hero-latest-news__item-date {
  font-size: 14px;
  color: var(--color-grey)
}
.hero-latest-news__item-title {
  font-size: 16px;
  margin-top: 0;
  line-height: 1.2
}
.hero-latest-news__item-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px
}
.hero-latest-news__item-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px
}
.hero-latest-news__item-link .arrow--right {
  margin: .6rem 0
}
@media (min-width:1020px) {
  .hero-latest-news {
    gap: 27px;
    max-width: 80%;
    min-width: 650px;
    flex-wrap: nowrap
  }
  .hero-latest-news__item {
    min-width: 24.3rem;
    padding: 1rem;
    flex: auto
  }
  .hero-latest-news__item-image {
    width: 5.75rem;
    height: 5.75rem
  }
  .hero-latest-news__date {
    font-size: .7rem
  }
  .hero-latest-news__item-link {
    font-size: max(12px,.7rem)
  }
  .hero-latest-news__item-icon {
    width: 4rem;
    height: 4rem
  }
  .hero-latest-news__item-icon svg {
    width: 2rem;
    height: 2rem
  }
  .hero-latest-news__item-title {
    font-size: max(18px,.9rem);
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -.18px
  }
}
@media (min-width:1600px) {
  .hero-latest-news {
    grid-template-columns: repeat(2,519px)
  }
}
@media (min-width:576px) and (max-width:1019px) {
  .hero-latest-news__item {
    min-width: 0
  }
}
.icon {
  flex: 0 0 auto;
  fill: currentColor;
  vertical-align: middle
}
.icon--outlined svg {
  fill: none;
  stroke: currentColor;
  display: flex
}
.checkbox-group {
  display: flex;
  align-items: center
}
.checkbox-group label {
  color: #050505;
  font-family: var(--font-base);
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  cursor: pointer
}
.checkbox-group label a {
  text-decoration: underline
}
input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border: 1px solid #000;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-right: 12px;
  outline: 0;
  background-color: transparent
}
input[type=checkbox]:checked {
  background-color: #fff;
  border-color: #000;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M13.3047 4.625L6.55469 11.3747L3.17969 8" stroke="%2308205F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat
}
.input-field.is-error .input-field__error {
  display: block;
  opacity: 1;
  visibility: visible
}
.input-field.is-error .input-field-placeholder input {
  border-color: red
}
.input-field.is-error .input-field-placeholder label:before {
  color: red
}
.input-field__flag {
  position: absolute;
  top: calc(50% - 10px);
  left: 8px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  border-radius: 50%;
  opacity: 0;
  transition-property: opacity;
  transition-duration: .1s;
  transition-timing-function: ease-out
}
.input-field__flag:has(~input[data-country]) {
  opacity: 1
}
.input-field__flag:has(~input[data-country=AC]) {
  background-image: url(../img/flags/ac.svg)
}
.input-field__flag:has(~input[data-country=AD]) {
  background-image: url(../img/flags/ad.svg)
}
.input-field__flag:has(~input[data-country=AE]) {
  background-image: url(../img/flags/ae.svg)
}
.input-field__flag:has(~input[data-country=AF]) {
  background-image: url(../img/flags/af.svg)
}
.input-field__flag:has(~input[data-country=AG]) {
  background-image: url(../img/flags/ag.svg)
}
.input-field__flag:has(~input[data-country=AI]) {
  background-image: url(../img/flags/ai.svg)
}
.input-field__flag:has(~input[data-country=AL]) {
  background-image: url(../img/flags/al.svg)
}
.input-field__flag:has(~input[data-country=AM]) {
  background-image: url(../img/flags/am.svg)
}
.input-field__flag:has(~input[data-country=AN]) {
  background-image: url(../img/flags/an.svg)
}
.input-field__flag:has(~input[data-country=AO]) {
  background-image: url(../img/flags/ao.svg)
}
.input-field__flag:has(~input[data-country=AQ]) {
  background-image: url(../img/flags/aq.svg)
}
.input-field__flag:has(~input[data-country=AR]) {
  background-image: url(../img/flags/ar.svg)
}
.input-field__flag:has(~input[data-country=AS]) {
  background-image: url(../img/flags/as.svg)
}
.input-field__flag:has(~input[data-country=AT]) {
  background-image: url(../img/flags/at.svg)
}
.input-field__flag:has(~input[data-country=AU]) {
  background-image: url(../img/flags/au.svg)
}
.input-field__flag:has(~input[data-country=AW]) {
  background-image: url(../img/flags/aw.svg)
}
.input-field__flag:has(~input[data-country=AZ]) {
  background-image: url(../img/flags/az.svg)
}
.input-field__flag:has(~input[data-country=BA]) {
  background-image: url(../img/flags/ba.svg)
}
.input-field__flag:has(~input[data-country=BB]) {
  background-image: url(../img/flags/bb.svg)
}
.input-field__flag:has(~input[data-country=BD]) {
  background-image: url(../img/flags/bd.svg)
}
.input-field__flag:has(~input[data-country=BE]) {
  background-image: url(../img/flags/be.svg)
}
.input-field__flag:has(~input[data-country=BF]) {
  background-image: url(../img/flags/bf.svg)
}
.input-field__flag:has(~input[data-country=BG]) {
  background-image: url(../img/flags/bg.svg)
}
.input-field__flag:has(~input[data-country=BH]) {
  background-image: url(../img/flags/bh.svg)
}
.input-field__flag:has(~input[data-country=BI]) {
  background-image: url(../img/flags/bi.svg)
}
.input-field__flag:has(~input[data-country=BJ]) {
  background-image: url(../img/flags/bj.svg)
}
.input-field__flag:has(~input[data-country=BM]) {
  background-image: url(../img/flags/bm.svg)
}
.input-field__flag:has(~input[data-country=BN]) {
  background-image: url(../img/flags/bn.svg)
}
.input-field__flag:has(~input[data-country=BO]) {
  background-image: url(../img/flags/bo.svg)
}
.input-field__flag:has(~input[data-country=BR]) {
  background-image: url(../img/flags/br.svg)
}
.input-field__flag:has(~input[data-country=BS]) {
  background-image: url(../img/flags/bs.svg)
}
.input-field__flag:has(~input[data-country=BT]) {
  background-image: url(../img/flags/bt.svg)
}
.input-field__flag:has(~input[data-country=BW]) {
  background-image: url(../img/flags/bw.svg)
}
.input-field__flag:has(~input[data-country=BY]) {
  background-image: url(../img/flags/by.svg)
}
.input-field__flag:has(~input[data-country=BZ]) {
  background-image: url(../img/flags/bz.svg)
}
.input-field__flag:has(~input[data-country=CD]) {
  background-image: url(../img/flags/cd.svg)
}
.input-field__flag:has(~input[data-country=CF]) {
  background-image: url(../img/flags/cf.svg)
}
.input-field__flag:has(~input[data-country=CG]) {
  background-image: url(../img/flags/cg.svg)
}
.input-field__flag:has(~input[data-country=CH]) {
  background-image: url(../img/flags/ch.svg)
}
.input-field__flag:has(~input[data-country=CI]) {
  background-image: url(../img/flags/ci.svg)
}
.input-field__flag:has(~input[data-country=CK]) {
  background-image: url(../img/flags/ck.svg)
}
.input-field__flag:has(~input[data-country=CL]) {
  background-image: url(../img/flags/cl.svg)
}
.input-field__flag:has(~input[data-country=CM]) {
  background-image: url(../img/flags/cm.svg)
}
.input-field__flag:has(~input[data-country=CN]) {
  background-image: url(../img/flags/cn.svg)
}
.input-field__flag:has(~input[data-country=CO]) {
  background-image: url(../img/flags/co.svg)
}
.input-field__flag:has(~input[data-country=CR]) {
  background-image: url(../img/flags/cr.svg)
}
.input-field__flag:has(~input[data-country=CU]) {
  background-image: url(../img/flags/cu.svg)
}
.input-field__flag:has(~input[data-country=CV]) {
  background-image: url(../img/flags/cv.svg)
}
.input-field__flag:has(~input[data-country=CW]) {
  background-image: url(../img/flags/cw.svg)
}
.input-field__flag:has(~input[data-country=CY]) {
  background-image: url(../img/flags/cy.svg)
}
.input-field__flag:has(~input[data-country=CZ]) {
  background-image: url(../img/flags/cz.svg)
}
.input-field__flag:has(~input[data-country=DE]) {
  background-image: url(../img/flags/de.svg)
}
.input-field__flag:has(~input[data-country=DJ]) {
  background-image: url(../img/flags/dj.svg)
}
.input-field__flag:has(~input[data-country=DK]) {
  background-image: url(../img/flags/dk.svg)
}
.input-field__flag:has(~input[data-country=DM]) {
  background-image: url(../img/flags/dm.svg)
}
.input-field__flag:has(~input[data-country=DO]) {
  background-image: url(../img/flags/do.svg)
}
.input-field__flag:has(~input[data-country=DZ]) {
  background-image: url(../img/flags/dz.svg)
}
.input-field__flag:has(~input[data-country=EC]) {
  background-image: url(../img/flags/ec.svg)
}
.input-field__flag:has(~input[data-country=EE]) {
  background-image: url(../img/flags/ee.svg)
}
.input-field__flag:has(~input[data-country=EG]) {
  background-image: url(../img/flags/eg.svg)
}
.input-field__flag:has(~input[data-country=ER]) {
  background-image: url(../img/flags/er.svg)
}
.input-field__flag:has(~input[data-country=ES]) {
  background-image: url(../img/flags/es.svg)
}
.input-field__flag:has(~input[data-country=ET]) {
  background-image: url(../img/flags/et.svg)
}
.input-field__flag:has(~input[data-country=FI]) {
  background-image: url(../img/flags/fi.svg)
}
.input-field__flag:has(~input[data-country=FJ]) {
  background-image: url(../img/flags/fj.svg)
}
.input-field__flag:has(~input[data-country=FK]) {
  background-image: url(../img/flags/fk.svg)
}
.input-field__flag:has(~input[data-country=FM]) {
  background-image: url(../img/flags/fm.svg)
}
.input-field__flag:has(~input[data-country=FO]) {
  background-image: url(../img/flags/fo.svg)
}
.input-field__flag:has(~input[data-country=FR]) {
  background-image: url(../img/flags/fr.svg)
}
.input-field__flag:has(~input[data-country=GA]) {
  background-image: url(../img/flags/ga.svg)
}
.input-field__flag:has(~input[data-country=GD]) {
  background-image: url(../img/flags/gd.svg)
}
.input-field__flag:has(~input[data-country=GE]) {
  background-image: url(../img/flags/ge.svg)
}
.input-field__flag:has(~input[data-country=GF]) {
  background-image: url(../img/flags/gf.svg)
}
.input-field__flag:has(~input[data-country=GH]) {
  background-image: url(../img/flags/gh.svg)
}
.input-field__flag:has(~input[data-country=GI]) {
  background-image: url(../img/flags/gi.svg)
}
.input-field__flag:has(~input[data-country=GL]) {
  background-image: url(../img/flags/gl.svg)
}
.input-field__flag:has(~input[data-country=GM]) {
  background-image: url(../img/flags/gm.svg)
}
.input-field__flag:has(~input[data-country=GN]) {
  background-image: url(../img/flags/gn.svg)
}
.input-field__flag:has(~input[data-country=GQ]) {
  background-image: url(../img/flags/gq.svg)
}
.input-field__flag:has(~input[data-country=GR]) {
  background-image: url(../img/flags/gr.svg)
}
.input-field__flag:has(~input[data-country=GT]) {
  background-image: url(../img/flags/gt.svg)
}
.input-field__flag:has(~input[data-country=GU]) {
  background-image: url(../img/flags/gu.svg)
}
.input-field__flag:has(~input[data-country=GW]) {
  background-image: url(../img/flags/gw.svg)
}
.input-field__flag:has(~input[data-country=GY]) {
  background-image: url(../img/flags/gy.svg)
}
.input-field__flag:has(~input[data-country=HK]) {
  background-image: url(../img/flags/hk.svg)
}
.input-field__flag:has(~input[data-country=HN]) {
  background-image: url(../img/flags/hn.svg)
}
.input-field__flag:has(~input[data-country=HR]) {
  background-image: url(../img/flags/hr.svg)
}
.input-field__flag:has(~input[data-country=HT]) {
  background-image: url(../img/flags/ht.svg)
}
.input-field__flag:has(~input[data-country=HU]) {
  background-image: url(../img/flags/hu.svg)
}
.input-field__flag:has(~input[data-country=ID]) {
  background-image: url(../img/flags/id.svg)
}
.input-field__flag:has(~input[data-country=IE]) {
  background-image: url(../img/flags/ie.svg)
}
.input-field__flag:has(~input[data-country=IL]) {
  background-image: url(../img/flags/il.svg)
}
.input-field__flag:has(~input[data-country=IN]) {
  background-image: url(../img/flags/in.svg)
}
.input-field__flag:has(~input[data-country=IO]) {
  background-image: url(../img/flags/io.svg)
}
.input-field__flag:has(~input[data-country=IQ]) {
  background-image: url(../img/flags/iq.svg)
}
.input-field__flag:has(~input[data-country=IR]) {
  background-image: url(../img/flags/ir.svg)
}
.input-field__flag:has(~input[data-country=IS]) {
  background-image: url(../img/flags/is.svg)
}
.input-field__flag:has(~input[data-country=IT]) {
  background-image: url(../img/flags/it.svg)
}
.input-field__flag:has(~input[data-country=JM]) {
  background-image: url(../img/flags/jm.svg)
}
.input-field__flag:has(~input[data-country=JO]) {
  background-image: url(../img/flags/jo.svg)
}
.input-field__flag:has(~input[data-country=JP]) {
  background-image: url(../img/flags/jp.svg)
}
.input-field__flag:has(~input[data-country=KE]) {
  background-image: url(../img/flags/ke.svg)
}
.input-field__flag:has(~input[data-country=KG]) {
  background-image: url(../img/flags/kg.svg)
}
.input-field__flag:has(~input[data-country=KH]) {
  background-image: url(../img/flags/kh.svg)
}
.input-field__flag:has(~input[data-country=KI]) {
  background-image: url(../img/flags/ki.svg)
}
.input-field__flag:has(~input[data-country=KM]) {
  background-image: url(../img/flags/km.svg)
}
.input-field__flag:has(~input[data-country=KN]) {
  background-image: url(../img/flags/kn.svg)
}
.input-field__flag:has(~input[data-country=KP]) {
  background-image: url(../img/flags/kp.svg)
}
.input-field__flag:has(~input[data-country=KR]) {
  background-image: url(../img/flags/kr.svg)
}
.input-field__flag:has(~input[data-country=KW]) {
  background-image: url(../img/flags/kw.svg)
}
.input-field__flag:has(~input[data-country=KY]) {
  background-image: url(../img/flags/ky.svg)
}
.input-field__flag:has(~input[data-country=KZ]) {
  background-image: url(../img/flags/kz.svg)
}
.input-field__flag:has(~input[data-country=LA]) {
  background-image: url(../img/flags/la.svg)
}
.input-field__flag:has(~input[data-country=LB]) {
  background-image: url(../img/flags/lb.svg)
}
.input-field__flag:has(~input[data-country=LC]) {
  background-image: url(../img/flags/lc.svg)
}
.input-field__flag:has(~input[data-country=LI]) {
  background-image: url(../img/flags/li.svg)
}
.input-field__flag:has(~input[data-country=LK]) {
  background-image: url(../img/flags/lk.svg)
}
.input-field__flag:has(~input[data-country=LR]) {
  background-image: url(../img/flags/lr.svg)
}
.input-field__flag:has(~input[data-country=LS]) {
  background-image: url(../img/flags/ls.svg)
}
.input-field__flag:has(~input[data-country=LT]) {
  background-image: url(../img/flags/lt.svg)
}
.input-field__flag:has(~input[data-country=LU]) {
  background-image: url(../img/flags/lu.svg)
}
.input-field__flag:has(~input[data-country=LV]) {
  background-image: url(../img/flags/lv.svg)
}
.input-field__flag:has(~input[data-country=LY]) {
  background-image: url(../img/flags/ly.svg)
}
.input-field__flag:has(~input[data-country=MA]) {
  background-image: url(../img/flags/ma.svg)
}
.input-field__flag:has(~input[data-country=MC]) {
  background-image: url(../img/flags/mc.svg)
}
.input-field__flag:has(~input[data-country=MD]) {
  background-image: url(../img/flags/md.svg)
}
.input-field__flag:has(~input[data-country=ME]) {
  background-image: url(../img/flags/me.svg)
}
.input-field__flag:has(~input[data-country=MG]) {
  background-image: url(../img/flags/mg.svg)
}
.input-field__flag:has(~input[data-country=MH]) {
  background-image: url(../img/flags/mh.svg)
}
.input-field__flag:has(~input[data-country=MK]) {
  background-image: url(../img/flags/mk.svg)
}
.input-field__flag:has(~input[data-country=ML]) {
  background-image: url(../img/flags/ml.svg)
}
.input-field__flag:has(~input[data-country=MM]) {
  background-image: url(../img/flags/mm.svg)
}
.input-field__flag:has(~input[data-country=MN]) {
  background-image: url(../img/flags/mn.svg)
}
.input-field__flag:has(~input[data-country=MO]) {
  background-image: url(../img/flags/mo.svg)
}
.input-field__flag:has(~input[data-country=MP]) {
  background-image: url(../img/flags/mp.svg)
}
.input-field__flag:has(~input[data-country=MQ]) {
  background-image: url(../img/flags/mq.svg)
}
.input-field__flag:has(~input[data-country=MR]) {
  background-image: url(../img/flags/mr.svg)
}
.input-field__flag:has(~input[data-country=MS]) {
  background-image: url(../img/flags/ms.svg)
}
.input-field__flag:has(~input[data-country=MT]) {
  background-image: url(../img/flags/mt.svg)
}
.input-field__flag:has(~input[data-country=MU]) {
  background-image: url(../img/flags/mu.svg)
}
.input-field__flag:has(~input[data-country=MV]) {
  background-image: url(../img/flags/mv.svg)
}
.input-field__flag:has(~input[data-country=MW]) {
  background-image: url(../img/flags/mw.svg)
}
.input-field__flag:has(~input[data-country=MX]) {
  background-image: url(../img/flags/mx.svg)
}
.input-field__flag:has(~input[data-country=MY]) {
  background-image: url(../img/flags/my.svg)
}
.input-field__flag:has(~input[data-country=MZ]) {
  background-image: url(../img/flags/mz.svg)
}
.input-field__flag:has(~input[data-country=NA]) {
  background-image: url(../img/flags/na.svg)
}
.input-field__flag:has(~input[data-country=NC]) {
  background-image: url(../img/flags/nc.svg)
}
.input-field__flag:has(~input[data-country=NE]) {
  background-image: url(../img/flags/ne.svg)
}
.input-field__flag:has(~input[data-country=NF]) {
  background-image: url(../img/flags/nf.svg)
}
.input-field__flag:has(~input[data-country=NG]) {
  background-image: url(../img/flags/ng.svg)
}
.input-field__flag:has(~input[data-country=NI]) {
  background-image: url(../img/flags/ni.svg)
}
.input-field__flag:has(~input[data-country=NL]) {
  background-image: url(../img/flags/nl.svg)
}
.input-field__flag:has(~input[data-country=NO]) {
  background-image: url(../img/flags/no.svg)
}
.input-field__flag:has(~input[data-country=NP]) {
  background-image: url(../img/flags/np.svg)
}
.input-field__flag:has(~input[data-country=NR]) {
  background-image: url(../img/flags/nr.svg)
}
.input-field__flag:has(~input[data-country=NU]) {
  background-image: url(../img/flags/nu.svg)
}
.input-field__flag:has(~input[data-country=NZ]) {
  background-image: url(../img/flags/nz.svg)
}
.input-field__flag:has(~input[data-country=OM]) {
  background-image: url(../img/flags/om.svg)
}
.input-field__flag:has(~input[data-country=PA]) {
  background-image: url(../img/flags/pa.svg)
}
.input-field__flag:has(~input[data-country=PE]) {
  background-image: url(../img/flags/pe.svg)
}
.input-field__flag:has(~input[data-country=PF]) {
  background-image: url(../img/flags/pf.svg)
}
.input-field__flag:has(~input[data-country=PG]) {
  background-image: url(../img/flags/pg.svg)
}
.input-field__flag:has(~input[data-country=PH]) {
  background-image: url(../img/flags/ph.svg)
}
.input-field__flag:has(~input[data-country=PK]) {
  background-image: url(../img/flags/pk.svg)
}
.input-field__flag:has(~input[data-country=PL]) {
  background-image: url(../img/flags/pl.svg)
}
.input-field__flag:has(~input[data-country=PS]) {
  background-image: url(../img/flags/ps.svg)
}
.input-field__flag:has(~input[data-country=PT]) {
  background-image: url(../img/flags/pt.svg)
}
.input-field__flag:has(~input[data-country=PW]) {
  background-image: url(../img/flags/pw.svg)
}
.input-field__flag:has(~input[data-country=PY]) {
  background-image: url(../img/flags/py.svg)
}
.input-field__flag:has(~input[data-country=QA]) {
  background-image: url(../img/flags/qa.svg)
}
.input-field__flag:has(~input[data-country=RE]) {
  background-image: url(../img/flags/re.svg)
}
.input-field__flag:has(~input[data-country=RO]) {
  background-image: url(../img/flags/ro.svg)
}
.input-field__flag:has(~input[data-country=RS]) {
  background-image: url(../img/flags/rs.svg)
}
.input-field__flag:has(~input[data-country=RU]) {
  background-image: url(../img/flags/ru.svg)
}
.input-field__flag:has(~input[data-country=RW]) {
  background-image: url(../img/flags/rw.svg)
}
.input-field__flag:has(~input[data-country=SA]) {
  background-image: url(../img/flags/sa.svg)
}
.input-field__flag:has(~input[data-country=SB]) {
  background-image: url(../img/flags/sb.svg)
}
.input-field__flag:has(~input[data-country=SC]) {
  background-image: url(../img/flags/sc.svg)
}
.input-field__flag:has(~input[data-country=SD]) {
  background-image: url(../img/flags/sd.svg)
}
.input-field__flag:has(~input[data-country=SE]) {
  background-image: url(../img/flags/se.svg)
}
.input-field__flag:has(~input[data-country=SG]) {
  background-image: url(../img/flags/sg.svg)
}
.input-field__flag:has(~input[data-country=SH]) {
  background-image: url(../img/flags/sh.svg)
}
.input-field__flag:has(~input[data-country=SI]) {
  background-image: url(../img/flags/si.svg)
}
.input-field__flag:has(~input[data-country=SK]) {
  background-image: url(../img/flags/sk.svg)
}
.input-field__flag:has(~input[data-country=SL]) {
  background-image: url(../img/flags/sl.svg)
}
.input-field__flag:has(~input[data-country=SM]) {
  background-image: url(../img/flags/sm.svg)
}
.input-field__flag:has(~input[data-country=SN]) {
  background-image: url(../img/flags/sn.svg)
}
.input-field__flag:has(~input[data-country=SO]) {
  background-image: url(../img/flags/so.svg)
}
.input-field__flag:has(~input[data-country=SR]) {
  background-image: url(../img/flags/sr.svg)
}
.input-field__flag:has(~input[data-country=SS]) {
  background-image: url(../img/flags/ss.svg)
}
.input-field__flag:has(~input[data-country=ST]) {
  background-image: url(../img/flags/st.svg)
}
.input-field__flag:has(~input[data-country=SV]) {
  background-image: url(../img/flags/sv.svg)
}
.input-field__flag:has(~input[data-country=SX]) {
  background-image: url(../img/flags/sx.svg)
}
.input-field__flag:has(~input[data-country=SY]) {
  background-image: url(../img/flags/sy.svg)
}
.input-field__flag:has(~input[data-country=SZ]) {
  background-image: url(../img/flags/sz.svg)
}
.input-field__flag:has(~input[data-country=TC]) {
  background-image: url(../img/flags/tc.svg)
}
.input-field__flag:has(~input[data-country=TD]) {
  background-image: url(../img/flags/td.svg)
}
.input-field__flag:has(~input[data-country=TG]) {
  background-image: url(../img/flags/tg.svg)
}
.input-field__flag:has(~input[data-country=TH]) {
  background-image: url(../img/flags/th.svg)
}
.input-field__flag:has(~input[data-country=TJ]) {
  background-image: url(../img/flags/tj.svg)
}
.input-field__flag:has(~input[data-country=TK]) {
  background-image: url(../img/flags/tk.svg)
}
.input-field__flag:has(~input[data-country=TL]) {
  background-image: url(../img/flags/tl.svg)
}
.input-field__flag:has(~input[data-country=TM]) {
  background-image: url(../img/flags/tm.svg)
}
.input-field__flag:has(~input[data-country=TN]) {
  background-image: url(../img/flags/tn.svg)
}
.input-field__flag:has(~input[data-country=TO]) {
  background-image: url(../img/flags/to.svg)
}
.input-field__flag:has(~input[data-country=TR]) {
  background-image: url(../img/flags/tr.svg)
}
.input-field__flag:has(~input[data-country=TT]) {
  background-image: url(../img/flags/tt.svg)
}
.input-field__flag:has(~input[data-country=TV]) {
  background-image: url(../img/flags/tv.svg)
}
.input-field__flag:has(~input[data-country=TW]) {
  background-image: url(../img/flags/tw.svg)
}
.input-field__flag:has(~input[data-country=TZ]) {
  background-image: url(../img/flags/tz.svg)
}
.input-field__flag:has(~input[data-country=UA]) {
  background-image: url(../img/flags/ua.svg)
}
.input-field__flag:has(~input[data-country=UG]) {
  background-image: url(../img/flags/ug.svg)
}
.input-field__flag:has(~input[data-country=UK]) {
  background-image: url(../img/flags/uk.svg)
}
.input-field__flag:has(~input[data-country=UY]) {
  background-image: url(../img/flags/uy.svg)
}
.input-field__flag:has(~input[data-country=UZ]) {
  background-image: url(../img/flags/uz.svg)
}
.input-field__flag:has(~input[data-country=VA]) {
  background-image: url(../img/flags/va.svg)
}
.input-field__flag:has(~input[data-country=US]) {
  background-image: url(../img/flags/us.svg)
}
.input-field__flag:has(~input[data-country=VC]) {
  background-image: url(../img/flags/vc.svg)
}
.input-field__flag:has(~input[data-country=VE]) {
  background-image: url(../img/flags/ve.svg)
}
.input-field__flag:has(~input[data-country=VG]) {
  background-image: url(../img/flags/vg.svg)
}
.input-field__flag:has(~input[data-country=VI]) {
  background-image: url(../img/flags/vi.svg)
}
.input-field__flag:has(~input[data-country=VN]) {
  background-image: url(../img/flags/vn.svg)
}
.input-field__flag:has(~input[data-country=VU]) {
  background-image: url(../img/flags/vu.svg)
}
.input-field__flag:has(~input[data-country=WF]) {
  background-image: url(../img/flags/wf.svg)
}
.input-field__flag:has(~input[data-country=WS]) {
  background-image: url(../img/flags/ws.svg)
}
.input-field__flag:has(~input[data-country=YE]) {
  background-image: url(../img/flags/ye.svg)
}
.input-field__flag:has(~input[data-country=ZA]) {
  background-image: url(../img/flags/za.svg)
}
.input-field__flag:has(~input[data-country=ZM]) {
  background-image: url(../img/flags/zm.svg)
}
.input-field__flag:has(~input[data-country=ZW]) {
  background-image: url(../img/flags/zw.svg)
}
.input-field__error {
  display: none;
  opacity: 0;
  visibility: hidden;
  margin: 4px 0 0 0;
  padding: 0 12px;
  transition: opacity .3s ease,visibility .3s;
  color: #d70e1f;
  font-family: var(--font-base);
  font-size: 12px;
  font-weight: 400;
  line-height: 140%
}
.input-field-placeholder {
  position: relative;
  width: 100%;
  height: 48px;
  border-radius: 24px;
  background-color: #fff
}
.input-field-placeholder.has-icon svg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}
.input-field-placeholder.has-icon input {
  padding-left: 2.4rem
}
.input-field-placeholder.has-password input {
  padding-right: 40px
}
.input-field-placeholder.has-password button {
  position: absolute;
  top: 50%;
  right: 8px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border-width: 0;
  color: var(--ola-brend3);
  cursor: pointer;
  transform: translateY(-50%)
}
.input-field-placeholder.has-password button svg {
  position: static;
  transform: none
}
.input-field-placeholder.has-textarea {
  height: auto
}
.input-field-placeholder input {
  height: 100%;
  width: 100%;
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(16px,.8rem);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  padding: 12px 16px;
  border: none;
  border-bottom: 1px solid #4e566a;
  outline: 0;
  transition-property: padding;
  transition-duration: .1s;
  transition-timing-function: ease-out
}
.input-field-placeholder input::-moz-placeholder {
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(16px,.8rem);
  font-style: normal;
  font-weight: 400;
  line-height: 100%
}
.input-field-placeholder input::placeholder {
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(16px,.8rem);
  font-style: normal;
  font-weight: 400;
  line-height: 100%
}
.input-field-placeholder input:focus,
.input-field-placeholder input:focus-visible {
  border: none;
  border-bottom: 1px solid var(--ola-brend2)
}
.input-field-placeholder input[data-country] {
  padding-left: 36px
}
.input-field-placeholder textarea {
  display: flex;
  width: 100%;
  height: 134px;
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(16px,.8rem);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  padding: 12px 16px;
  border: none;
  border-bottom: 1px solid #4e566a;
  outline: 0;
  resize: none
}
@media (max-width:1020px) {
  .input-field-placeholder textarea {
    height: 100px
  }
}
.input-field-placeholder textarea::-moz-placeholder {
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(16px,.8rem);
  font-style: normal;
  font-weight: 400;
  line-height: 100%
}
.input-field-placeholder textarea::placeholder {
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(16px,.8rem);
  font-style: normal;
  font-weight: 400;
  line-height: 100%
}
.input-field-placeholder textarea:focus,
.input-field-placeholder textarea:focus-visible {
  border: none;
  border-bottom: 2px solid var(--ola-brend2)
}
.form-select__wrap select {
  color: #1a2229;
  font-family: var(--font-base);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%
}
.form-select__wrap .select--type2 {
  --select-border-bottom-color: #4E566A
}
.form-select__wrap .selectric .label {
  line-height: 48px!important;
  height: 48px!important
}
.form-select__wrap .select__arrow {
  display: none
}
.form-select__wrap .selectric .selectric__button {
  height: 48px!important
}
.number-input input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  padding: 12px 55px;
  text-align: center
}
.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none
}
.number-input .input-field-placeholder {
  position: relative
}
.number-input .number-input__button {
  position: absolute;
  border: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  transform: translateY(-50%)
}
.number-input .number-input__button.minus {
  left: 16px;
  top: 50%
}
.number-input .number-input__button.plus {
  right: 16px;
  top: 50%
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  border: none!important;
  border-bottom: 1px solid #4e566a!important;
  outline: 0!important;
  -webkit-text-fill-color: #000!important;
  -webkit-box-shadow: 0 0 0 1000px #fff inset!important
}
.integration-card {
  background: var(--ola-brend4white);
  padding: 16px;
  display: flex;
  gap: 20px;
  align-items: flex-start
}
@media (min-width:576px) {
  .integration-card {
    flex-wrap: nowrap;
    gap: 30px
  }
}
@media (min-width:1020px) {
  .integration-card {
    padding: 1.2rem;
    gap: 2.4rem
  }
}
@media (max-width:575px) {
  .integration-card {
    flex-direction: column
  }
}
.integration-card__col-logo {
  width: 35%;
  flex: 0 0 auto;
  aspect-ratio: 1/1;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center
}
@media (min-width:1020px) {
  .integration-card__col-logo {
    width: 16rem;
    height: 16rem
  }
}
.integration-card__col-logo img {
  width: 70%;
  height: auto
}
.integration-card__col-content {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  flex: 1;
  justify-content: center;
  height: 100%
}
.integration-card__col-content a {
  color: inherit;
  text-decoration: underline
}
@media (hover:hover) {
  .integration-card__col-content a:hover {
    color: var(--color-primary)
  }
}
.integration-card__body {
  display: flex;
  flex-direction: column;
  gap: 1rem
}
.integration-card__icon svg {
  color: transparent;
  stroke: var(--ola-brend2);
  stroke-width: 1.13
}
.integrations__title {
  margin-bottom: 32px
}
@media (min-width:1020px) {
  .integrations__title {
    margin-bottom: 2.8rem
  }
}
.integrations__filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px 16px;
  margin-bottom: var(--indentMobCol)
}
.integrations__filters .multiselect__tag-wrap {
  flex-wrap: wrap
}
.integrations__filters .multi-input__count {
  bottom: unset;
  top: 14px
}
.integrations__filters .multiselect__clear-btn {
  top: 14px
}
.integrations__filters > div {
  flex: 1
}
@media (max-width:1019px) {
  .integrations__filters > div {
    min-width: 450px
  }
}
@media (max-width:575px) {
  .integrations__filters > div {
    min-width: 100%
  }
}
@media (min-width:1020px) {
  .integrations__filters {
    gap: 2.4rem;
    margin-bottom: 3.2rem
  }
}
.integrations__filters-right {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem
}
.integrations__button:not(.active):not(.releases-form__btn.button.is-active):not(:hover) {
  color: var(--ola-brend2);
  border: 1px solid var(--ola-brend2)
}
.integrations__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
  gap: var(--indentMobInline)
}
@media (min-width:576px) {
  .integrations__list {
    grid-template-columns: repeat(auto-fit,minmax(400px,1fr))
  }
}
@media (min-width:1020px) {
  .integrations__list {
    grid-template-columns: repeat(2,1fr);
    gap: 2.4rem
  }
}
.integrations__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3rem
}
.item-big-checkbox {
  position: relative;
  padding-left: 32px;
  font-size: 16px;
  display: flex;
  align-items: center;
  text-align: justify
}
.item-big-checkbox:before {
  content: "";
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: url(../img/deco/check-icon.svg) center center/35% auto no-repeat,var(--ola-brend4white);
  position: absolute;
  min-height: 20px
}
@media (min-width:1020px) {
  .item-big-checkbox {
    padding-left: 5.6rem;
    font-size: max(16px,1rem);
    min-height: 3rem
  }
  .item-big-checkbox:before {
    top: inherit;
    width: 4rem;
    height: 4rem
  }
}
.link--aqua {
  color: var(--ola-link);
  text-decoration: underline
}
@media (hover:hover) {
  .link--aqua:hover {
    color: var(--ola-link-hover)
  }
}
.link-back {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: var(--color-text-black);
  font-weight: 600;
  font-size: 18px
}
.link-back__icon {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center
}
.link-back__icon svg {
  width: 100%;
  height: auto
}
@media (hover:hover) {
  .link-back:hover {
    color: var(--ola-link-hover)
  }
  .link-back:hover .underlined-link {
    background-size: 100% 1px
  }
  .link-back:hover .link-with-arrow__icon svg {
    transform: translateX(3px);
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: ease-in-out
  }
}
.link-back.inverted {
  color: var(--color-white)
}
.link-back.inverted .link-with-arrow__icon {
  color: var(--color-white)
}
@media (min-width:1020px) {
  .link-back {
    font-size: max(14px,.9rem)
  }
}
.link-with-arrow {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: var(--color-font-contrast,var(--color-text-dark));
  font-weight: 600;
  font-size: 18px
}
.link-with-arrow__icon {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center
}
.link-with-arrow__icon svg {
  width: 100%;
  height: auto
}
.link-with-arrow__text {
  text-decoration: none;
  background-image: linear-gradient(currentColor,currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  color: currentColor;
  transition-property: background-size;
  transition-duration: .3s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .link-with-arrow:hover:not(.inverted) {
    color: var(--ola-link-hover)
  }
  .link-with-arrow:hover .link-with-arrow__icon svg {
    transform: translateX(3px);
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: ease-in-out
  }
  .link-with-arrow:hover .link-with-arrow__text {
    background-size: 100% 1px
  }
}
.link-with-arrow.inverted {
  color: var(--color-white)
}
.link-with-arrow.inverted .link-with-arrow__icon {
  color: var(--color-white)
}
@media (min-width:1020px) {
  .link-with-arrow {
    font-size: max(14px,.9rem)
  }
}
.link-with-img {
  display: inline-flex;
  align-items: center;
  gap: 19px;
  color: var(--ola-brend2);
  font-weight: 400;
  font-size: max(14px,1rem);
  font-family: var(--font-base)
}
@media (max-width:575px) {
  .link-with-img {
    font-size: 16px;
    gap: 8px
  }
}
.link-with-img__img {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center
}
.link-with-img__img svg {
  width: 100%;
  height: auto
}
@media (hover:hover) {
  .link-with-img:hover {
    color: var(--ola-link-hover)
  }
}
.lk-wrapper {
  margin-top: 80px
}
@media (max-width:1019px) {
  .lk-wrapper {
    margin-top: 0
  }
}
@media (max-width:1019px) {
  .lk-wrapper .content-header__title {
    min-height: 80px;
    border: 1px solid red
  }
}
.lk-grid {
  display: grid;
  grid-template-columns: 1fr 4.17fr;
  gap: 40px
}
@media (max-width:1019px) {
  .lk-grid {
    grid-template-columns: 1fr
  }
}
.lk-sidebar {
  display: flex;
  flex-direction: column;
  gap: 48px
}
@media (max-width:1019px) {
  .lk-sidebar {
    display: none
  }
}
.lk-sidebar__menu {
  display: flex;
  flex-direction: column;
  gap: 2.4rem
}
@media (max-width:575px) {
  .lk-sidebar__menu {
    gap: 12px
  }
}
.lk-sidebar__menu-item {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  color: #fff;
  font-family: var(--font-base);
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  transition: .3s
}
.lk-sidebar__menu-item .icon {
  fill: transparent;
  stroke: #fff;
  transition: .3s
}
@media (max-width:575px) {
  .lk-sidebar__menu-item {
    font-size: 12px
  }
  .lk-sidebar__menu-item svg {
    display: none
  }
}
.lk-sidebar__menu-item.active,
.lk-sidebar__menu-item.releases-form__btn.button.is-active {
  color: var(--ola-brend8)
}
.lk-sidebar__menu-item.active .icon,
.lk-sidebar__menu-item.releases-form__btn.button.is-active .icon {
  stroke: var(--ola-brend8)
}
.lk-sidebar__menu-item:hover {
  color: var(--ola-brend8)
}
.lk-sidebar__menu-item:hover .icon {
  stroke: var(--ola-brend8)!important
}
.lk-banner-img {
  width: 100%;
  height: auto
}
.lk-banner-img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}
.lk-profile__form-wrapper {
  position: relative;
  background-color: #f8f8fa;
  padding: 64px
}
@media (max-width:575px) {
  .lk-profile__form-wrapper {
    padding: 24px 8px
  }
}
@media (max-width:1019px) {
  .lk-profile__form-wrapper {
    padding: 24px 32px
  }
}
.lk-profile__form-wrapper .button {
  width: -moz-fit-content;
  width: fit-content
}
.lk-profile__form-wrapper .form-container__success {
  color: var(--ola-brend2)
}
.lk-profile__form-hint {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  position: absolute;
  padding: 9px 16px;
  top: 14px;
  right: 14px;
  color: rgba(0,0,0,.85);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  border-radius: 2px;
  border: 1px solid #ffe58f;
  background: #fffbe6
}
@media (max-width:1019px) {
  .lk-profile__form-hint {
    left: 32px;
    right: 32px;
    top: 90px
  }
}
.lk-profile__form-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2.4rem
}
.lk-profile__form-title {
  color: var(--ola-brend2);
  font-family: var(--font-base);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -.64px
}
@media (max-width:1019px) {
  .lk-profile__form-title:first-child {
    margin-bottom: 88px
  }
}
.lk-profile__form-content {
  display: flex;
  flex-direction: column;
  gap: 24px
}
.lk-profile__form-content .form-section__title {
  color: var(--ola-brend2);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 8px
}
.lk-profile__form-row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px
}
@media (max-width:575px) {
  .lk-profile__form-row2 {
    grid-template-columns: 1fr;
    gap: 2.4rem
  }
}
.lk-profile__form-row3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px
}
@media (max-width:575px) {
  .lk-profile__form-row3 {
    grid-template-columns: 1fr
  }
}
.lk-template__download-wrapp {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  color: var(--ola-brend2);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%
}
.lk-template__download-wrapp:hover {
  color: var(--ola-link-hover)
}
.lk-template__download-wrapp svg {
  color: var(--ola-brend8)
}
.lk-license__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px
}
.lk-license__list {
  display: flex;
  flex-direction: column;
  gap: 48px;
  background: var(--color-bg-light-grey);
  padding: 3.2rem
}
@media (max-width:575px) {
  .lk-license__list {
    padding: 16px;
    gap: 12px
  }
}
.lk-license__container {
  display: flex;
  padding: 32px 24px;
  gap: 8px;
  flex-direction: column;
  border-top: 1px solid #b9bbbe;
  color: var(--ola-brend2)
}
.lk-license__container-title {
  font-family: var(--font-base);
  font-size: 26px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.52px
}
.lk-license__container-content {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.lk-license__container-content:not(:first-of-type) {
  margin-top: 16px
}
.lk-license__main-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px
}
@media (max-width:1019px) {
  .lk-license__main-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
  }
}
.lk-license__main-row .product-demos-card__download {
  display: flex;
  flex-direction: row;
  gap: 2.5rem
}
.lk-license__main-row .product-demos-card__download a {
  color: #1d252d
}
.lk-license__main-row .product-demos-card__download a svg {
  color: var(--ola-brend8)
}
.lk-license-name {
  color: var(--color-text-light);
  font-family: var(--font-base);
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -.48px
}
.lk-license__btn {
  border: 1px solid #d0d3da;
  min-height: 56px;
  height: 56px
}
.lk-license__info-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px
}
@media (max-width:1019px) {
  .lk-license__info-row {
    flex-wrap: wrap
  }
}
.lk-license__info-row span {
  color: var(--color-text-light);
  font-family: var(--font-base);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px
}
.lk-license__info-row span:first-child {
  padding-right: 16px;
  border-right: 1px solid var(--color-text-light)
}
.copy-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px
}
.copy-text {
  color: var(--ola-brend2);
  font-family: var(--font-base);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -.18px;
  cursor: pointer
}
.lk-license__add-block {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-light-grey);
  padding: 3.2rem;
  gap: 48px;
  margin-bottom: 64px
}
@media (max-width:575px) {
  .lk-license__add-block {
    padding: 16px;
    gap: 12px
  }
}
.lk-license__add-btn {
  width: -moz-fit-content;
  width: fit-content
}
.lk-marketing__wrapper {
  display: flex;
  flex-direction: column;
  padding: 64px;
  background: #fff
}
@media (max-width:1019px) {
  .lk-marketing__wrapper {
    padding: 24px
  }
}
@media (max-width:575px) {
  .lk-marketing__wrapper {
    padding: 12px
  }
}
.lk-marketing__list {
  display: flex;
  flex-direction: column;
  gap: 20px
}
.lk-marketing__item {
  display: flex;
  flex-direction: column;
  padding: 24px 32px;
  background: #f8f8fa
}
@media (max-width:1019px) {
  .lk-marketing__item {
    padding: 16px 12px
  }
}
.lk-marketing__item.lk-marketing__item--with-img .lk-marketing__item-wrapper {
  grid-template-columns: 24fr 76fr
}
@media (max-width:1019px) {
  .lk-marketing__item.lk-marketing__item--with-img .lk-marketing__item-wrapper {
    grid-template-columns: 20fr 80fr
  }
}
@media (max-width:575px) {
  .lk-marketing__item.lk-marketing__item--with-img .lk-marketing__item-wrapper {
    grid-template-columns: 1fr
  }
}
.lk-marketing__item.collapsed .lk-marketing__item-hidden {
  margin-top: 48px;
  max-height: 4000px
}
@media (max-width:575px) {
  .lk-marketing__item.collapsed .lk-marketing__item-hidden {
    margin-top: 24px
  }
}
.lk-marketing__item-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 48px
}
@media (max-width:1019px) {
  .lk-marketing__item-wrapper {
    gap: 36px
  }
}
@media (max-width:575px) {
  .lk-marketing__item-wrapper {
    gap: var(--indentMobInline)
  }
}
.lk-marketing__img-block {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}
.lk-marketing__img-block .news-item__label {
  position: absolute;
  top: 0;
  left: 0
}
.lk-marketing__item-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
@media (max-width:575px) {
  .lk-marketing__item-img {
    height: 150px;
    width: auto
  }
}
.lk-marketing__item-content-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 48px
}
@media (max-width:1019px) {
  .lk-marketing__item-content-wrapper {
    gap: 36px
  }
}
@media (max-width:575px) {
  .lk-marketing__item-content-wrapper {
    gap: 24px
  }
}
.lk-marketing__item-content {
  display: flex;
  flex-direction: column
}
.lk-marketing__item-tags {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
  margin-bottom: 8px;
  flex-wrap: wrap
}
.lk-marketing__item-tags .news-item__label {
  position: unset
}
.lk-marketing__item-tag {
  color: #1d252d;
  font-family: var(--font-base);
  font-size: 12px;
  font-weight: 400;
  line-height: 140%
}
.lk-marketing__item-title {
  color: #1d252d;
  font-family: var(--font-base);
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -.64px;
  margin-bottom: 24px
}
@media (max-width:1019px) {
  .lk-marketing__item-title {
    font-size: 24px
  }
}
@media (max-width:575px) {
  .lk-marketing__item-title {
    font-size: 20px
  }
}
.lk-marketing__item-detail {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  color: var(--ola-brend2);
  font-family: var(--font-base);
  font-size: 14px;
  font-weight: 700;
  line-height: 140%
}
@media (max-width:575px) {
  .lk-marketing__item-detail {
    flex-wrap: wrap
  }
}
.lk-marketing__item-date,
.lk-marketing__item-time {
  white-space: nowrap
}
.lk-marketing__item-detail-line {
  height: 100%;
  border-right: 1px solid #1d252d
}
.lk-marketing__item-button {
  width: 48px;
  height: 48px;
  min-height: 48px;
  min-width: 48px;
  align-self: center
}
@media (max-width:1019px) {
  .lk-marketing__item-button {
    width: 36px;
    height: 36px;
    min-height: 36px;
    min-width: 36px
  }
}
@media (max-width:575px) {
  .lk-marketing__item-button {
    width: 24px;
    height: 24px;
    min-height: 24px;
    min-width: 24px
  }
}
.lk-marketing__item-hidden {
  max-height: 0;
  overflow: hidden;
  transition: .5s ease-in-out
}
.lk-marketing__item-hidden-text {
  color: var(--ola-brend2);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 16px
}
.lk-marketing__item-hidden-date {
  color: var(--ola-brend2);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%
}
.news-item__label.lk-marketing__item-label {
  border-radius: 2px
}
.news-item__label.lk-marketing__item-label--type-yellow {
  background: var(--ola-brend1)
}
.news-item__label.lk-marketing__item-label--type-blue {
  background: var(--ola-brend8);
  color: #fff
}
.pagination-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-top: 52px;
  width: 50%
}
@media (max-width:1019px) {
  .pagination-container {
    width: 70%
  }
}
@media (max-width:575px) {
  .pagination-container {
    width: 90%
  }
}
.pagination__pages {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.4rem
}
@media (max-width:1019px) {
  .pagination__pages {
    gap: 1.8rem
  }
}
@media (max-width:575px) {
  .pagination__pages {
    gap: 1.2rem
  }
}
.pagination__page {
  color: var(--ola-brend6);
  font-size: 18px;
  font-weight: 700;
  line-height: 24px
}
.pagination__page.active,
.pagination__page.releases-form__btn.button.is-active {
  color: var(--ola-brend8);
  pointer-events: none
}
.pagination__arrow {
  pointer-events: none;
  opacity: .6
}
.pagination__arrow.active,
.pagination__arrow.releases-form__btn.button.is-active {
  pointer-events: unset;
  opacity: 1
}
.lk-partners__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px
}
.lk-partners__status-block {
  display: flex;
  flex-direction: column;
  gap: 48px;
  background: var(--color-white);
  padding: 64px
}
@media (max-width:1019px) {
  .lk-partners__status-block {
    padding: 24px;
    gap: 24px
  }
}
@media (max-width:575px) {
  .lk-partners__status-block {
    padding: 16px
  }
}
.lk-partners__status-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  color: var(--ola-brend2);
  font-family: var(--font-base);
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -.64px
}
.lk-partners__status-title svg {
  width: 40px;
  height: 40px;
  color: var(--ola-brend8)
}
.lk-partners__btn {
  width: -moz-fit-content;
  width: fit-content
}
@media (max-width:575px) {
  .lk-partners__btn {
    width: auto
  }
}
.lk-partners__text-block {
  display: flex;
  flex-direction: column;
  gap: 48px;
  background: var(--color-white);
  padding: 64px
}
@media (max-width:1019px) {
  .lk-partners__text-block {
    padding: 24px;
    gap: 24px
  }
}
@media (max-width:575px) {
  .lk-partners__text-block {
    padding: 16px
  }
}
.lk-partners__text-title {
  color: var(--ola-brend2);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -.64px
}
.lk-partners__text-content {
  color: var(--ola-brend2);
  font-family: var(--font-base)
}
.lk-partners__text-content p {
  font-size: 16px;
  font-weight: 500;
  line-height: 140%
}
.lk-partners__text-content h3 {
  font-family: var(--font-base);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -.48px;
  text-transform: unset
}
.lk-partners__text-content h4 {
  font-family: var(--font-base);
  margin-top: 0;
  margin-bottom: 0;
  text-transform: unset;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -.2px
}
.lk-partners__affilate {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 64px
}
@media (max-width:1019px) {
  .lk-partners__affilate {
    gap: 20px
  }
}
@media (max-width:575px) {
  .lk-partners__affilate {
    gap: 16px
  }
}
.lk-partners__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  filter: brightness(1.3)
}
.lk-partners__affilate-title {
  color: var(--ola-white);
  font-family: var(--font-accent);
  font-size: 52px;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -1.04px;
  text-transform: uppercase;
  z-index: 1
}
@media (max-width:1019px) {
  .lk-partners__affilate-title {
    font-size: 42px
  }
}
@media (max-width:575px) {
  .lk-partners__affilate-title {
    font-size: 36px
  }
}
.lk-partners__affilate-subtitle {
  width: 90%;
  color: var(--ola-white);
  font-size: 22px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.44px;
  z-index: 1;
  text-transform: unset
}
@media (max-width:1019px) {
  .lk-partners__affilate-subtitle {
    width: 100%
  }
}
.main-edu-card {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 20px;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .main-edu-card:hover .main-edu-card__name,
  .main-edu-card:hover .programs-offer__title {
    color: var(--ola-link-hover)
  }
}
@media (hover:hover) {
  .main-edu-card:hover .arrow-animated svg:nth-child(1) {
    animation: arrBgAnimation1 steps(1) 1s infinite
  }
  .main-edu-card:hover .arrow-animated svg:nth-child(2) {
    animation: arrBgAnimation2 steps(1) 1s infinite
  }
  .main-edu-card:hover .arrow-animated svg:nth-child(3) {
    animation: arrBgAnimation3 steps(1) 1s infinite
  }
}
.main-edu-card__content {
  display: flex;
  gap: 16px;
  align-items: center
}
.main-edu-card__image {
  width: 80px;
  height: 80px;
  flex: 0 0 auto
}
.main-edu-card__image img {
  width: 100%
}
.main-edu-card__name,
.programs-offer__title {
  font-size: 18px;
  color: var(--color-font-contrast,var(--color-text-dark))
}
.main-edu-card__arrow,
.programs-offer__arrow {
  color: var(--ola-brend8);
  margin-top: auto;
  cursor: pointer;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .main-edu-card__arrow:hover,
  .programs-offer__arrow:hover {
    color: var(--ola-link-hover);
    transform: translateX(10px)
  }
}
.main-edu-card__arrow svg:nth-child(3),
.programs-offer__arrow svg:nth-child(3) {
  display: none
}
@media (min-width:576px) {
  .main-edu-card__image {
    width: 100px;
    height: 100px
  }
}
@media (min-width:1020px) {
  .main-edu-card {
    gap: 2rem
  }
  .main-edu-card__content {
    gap: 2rem
  }
  .main-edu-card__text {
    display: flex;
    flex-direction: column
  }
  .main-edu-card__image {
    width: 12.5rem;
    height: 12.5rem
  }
  .main-edu-card__name,
  .programs-offer__title {
    font-size: 1.6rem
  }
}
.main-edu {
  padding: var(--indentMobSection) 0
}
.main-edu__title {
  color: inherit
}
.main-edu__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
  justify-content: space-between;
  gap: var(--indentMobInline)
}
@media (min-width:1020px) {
  .main-edu {
    padding: 5rem 0;
    grid-template-columns: repeat(3,23rem);
    background-size: 100% auto
  }
  .main-edu__list {
    gap: 2.4rem;
    grid-template-columns: repeat(3,23rem)
  }
}
.main-events__link {
  z-index: 2;
  position: relative;
  top: -118px;
  left: var(--indentMobInlineXS);
  display: inline-flex
}
@media (min-width:576px) {
  .main-events__link {
    top: -80px
  }
}
@media (min-width:1020px) {
  .main-events__link {
    top: -7rem;
    left: 3.2rem
  }
}
.main-hero,
.product-hero {
  position: relative;
  padding: 0;
  background: linear-gradient(135deg,var(--ola-brend2),var(--ola-brend2));
  color: var(--color-text-medium)
}
.main-hero__image,
.product-hero__image {
  position: relative
}
.main-hero__image-bg svg,
.product-hero__image-bg svg {
  position: absolute;
  top: 0;
  width: 50px;
  height: auto
}
.main-hero__image-bg svg:first-child,
.product-hero__image-bg svg:first-child {
  left: 0
}
@media (max-width:1439px) {
  .main-hero__image-bg svg:first-child,
  .product-hero__image-bg svg:first-child {
    display: none
  }
}
.main-hero__image-bg svg:last-child,
.product-hero__image-bg svg:last-child {
  right: 0
}
.main-hero__content,
.product-hero__content {
  padding: 24px 0
}
.main-hero__title,
.product-hero__title {
  margin: 0 0 16px;
  color: var(--color-white);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -1px;
  text-transform: uppercase
}
@media (max-width:1019px) {
  .main-hero__title,
  .product-hero__title {
    display: none
  }
}
.main-hero__title-mob,
.product-hero__title-mob {
  color: var(--color-white);
  display: block;
  padding: 30px 16px 16px;
  font-size: min(6vw,28px)!important
}
@media (max-width:575px) {
  .main-hero__title-mob,
  .product-hero__title-mob {
    font-size: 19px!important
  }
}
.product-hero__subtitle {
  color: var(--color-white);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 16px
}
.main-hero__text,
.product-hero__text {
  color: var(--color-white);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  text-align: justify
}
@media (min-width:1020px) {
  .main-hero__text,
  .product-hero__text {
    max-width: 35rem
  }
}
.product-hero__btn-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px
}
@media (min-width:1020px) {
  .product-hero__btn-block {
    min-width: 550px
  }
}
.product-hero__btn-block a,
.product-hero__btn-block button {
  white-space: nowrap;
  max-width: 350px;
  width: 100%
}
.product-hero__btn-block a:nth-child(2),
.product-hero__btn-block button:nth-child(2) {
  background-color: var(--ola-brend2)
}
.main-hero .img-cover,
.product-hero .img-cover {
  max-height: 15rem!important
}
@media (min-width:576px) {
  .main-hero__content,
  .product-hero__content {
    padding: 3rem 0
  }
}
@media (min-width:1020px) {
  .main-hero,
  .product-hero {
    display: grid
  }
  .main-hero .img-cover,
  .product-hero .img-cover {
    max-height: 12.5rem!important
  }
  .main-hero__container,
  .main-hero__image,
  .product-hero__container,
  .product-hero__image {
    grid-column: 1/2;
    grid-row: 1/2
  }
  .main-hero__image-bg svg,
  .product-hero__image-bg svg {
    width: 8rem
  }
  .main-hero__container,
  .product-hero__container {
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(12,1fr);
    gap: 24px;
    align-items: center
  }
  .main-hero__content,
  .product-hero__content {
    grid-column: 1/span 6
  }
  .main-hero__title,
  .product-hero__title {
    display: block;
    font-size: 2.5rem
  }
  .main-hero__title-mob,
  .product-hero__title-mob {
    display: none
  }
  .main-hero__title,
  .product-hero__title {
    margin-bottom: 1.6rem
  }
  .product-hero__subtitle {
    font-size: max(18px,1.3rem);
    margin-bottom: 1.6rem;
    padding-top: .8rem
  }
  .main-hero__text,
  .product-hero__text {
    font-size: max(16px,1rem)
  }
  .product-hero__btn-block {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1.6rem
  }
  .product-hero__btn-block a,
  .product-hero__btn-block button {
    max-width: none;
    width: auto
  }
  .main-hero .img-cover,
  .product-hero .img-cover {
    max-height: 37.5rem!important
  }
}
@media (min-width:1600px) {
  .main-hero__container,
  .product-hero__container {
    gap: 48px
  }
}
@media (min-width:576px) and (max-width:1019px) {
  .main-hero__image .img-cover,
  .product-hero__image .img-cover {
    max-height: unset!important;
    height: 100%
  }
}
@media (min-width:1600px) {
  .main-hero__content,
  .product-hero__content {
    padding-right: 36px
  }
}
.products-breadcrumbs {
  position: absolute;
  top: 68px;
  left: 0;
  z-index: 2;
  width: 100%
}
@media (max-width:1439px) {
  .products-breadcrumbs {
    top: 10px
  }
}
@media (min-width:1200px) {
  .products-breadcrumbs {
    top: 25px
  }
}
@media (max-width:1019px) {
  .products-breadcrumbs {
    top: 0
  }
}
.products-breadcrumbs .breadcrumbs__item {
  color: var(--ola-brend3);
  opacity: 1
}
.products-breadcrumbs .breadcrumbs__item span {
  opacity: 1
}
.products-breadcrumbs .breadcrumbs__item:before {
  opacity: 1!important
}
.products-breadcrumbs .breadcrumbs__item a {
  color: var(--ola-brend3)
}
.main-hero.main-hero--with-video {
  overflow: hidden
}
.main-hero__video-wrap {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  background: var(--ola-brend2-100);
  display: flex;
  justify-content: flex-end
}
.main-hero__video {
  position: relative;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}
.main-hero__video video {
  min-height: 100%;
  min-width: 100%
}
.main-hero__sound-wrap {
  position: absolute;
  right: 2.5rem;
  bottom: 20px;
  z-index: 2
}
.main-hero__sound-mob {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 1
}
.main-hero__sound-desktop {
  visibility: hidden
}
.main-hero__sound {
  border: 0;
  cursor: pointer;
  width: 2.1rem;
  height: 2.1rem;
  transform: scale(1);
  transition: all .3s ease-in-out
}
.main-hero__sound.sound-on {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' style='enable-background:new 0 0 42 42' version='1.1' viewBox='0 0 42 42'%3E%3Cstyle%3E.st1%7Bfill:none;stroke:%23fff;stroke-width:2.3376;stroke-linecap:round;stroke-miterlimit:10%7D%3C/style%3E%3Cpath d='M25.5 4.1c-.2-.1-.5-.2-.7-.2-.2 0-.5.1-.7.3l-11.5 8.9H5.2a2.732 2.732 0 0 0-2.7 2.7v10.5A2.732 2.732 0 0 0 5.2 29h7.4l11.5 8.9c.2.2.4.2.7.3.2 0 .5 0 .7-.1.2-.1.4-.3.5-.5.1-.2.2-.4.2-.7V5.2c0-.2-.1-.5-.2-.7-.1-.2-.3-.3-.5-.4zm-1.9 30-9.7-7.5c-.2-.2-.5-.3-.8-.3H5.2V15.8h7.9c.3 0 .6-.1.8-.3L23.6 8v26.1z' style='fill:%23fff'/%3E%3Cpath d='M30.7 15.2c2.1.9 3.6 3.2 3.6 5.9 0 2.9-1.8 5.4-4.2 6.1' class='st1'/%3E%3Cpath d='M34 10.8c3.2 2 5.4 5.8 5.4 10.3 0 4.7-2.4 8.7-5.9 10.6' class='st1'/%3E%3C/svg%3E") center center/cover transparent
}
.main-hero__sound.sound-off {
  background: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.5134 4.07037C25.2926 3.96282 25.0462 3.91933 24.802 3.94485C24.5578 3.97038 24.3257 4.06388 24.132 4.21474L12.6738 13.125H5.25C4.55381 13.125 3.88613 13.4015 3.39384 13.8938C2.90156 14.3861 2.625 15.0538 2.625 15.75V26.25C2.625 26.9462 2.90156 27.6138 3.39384 28.1061C3.88613 28.5984 4.55381 28.875 5.25 28.875H12.6738L24.132 37.7852C24.3258 37.9359 24.5581 38.0292 24.8024 38.0545C25.0467 38.0798 25.2932 38.036 25.5138 37.9282C25.7345 37.8203 25.9205 37.6527 26.0506 37.4445C26.1807 37.2362 26.2498 36.9956 26.25 36.75V5.24998C26.25 5.0041 26.181 4.76315 26.0508 4.55459C25.9205 4.34603 25.7343 4.17825 25.5134 4.07037ZM23.625 34.0659L13.9305 26.5272C13.7007 26.3471 13.417 26.2495 13.125 26.25H5.25V15.75H13.125C13.417 15.7505 13.7007 15.6528 13.9305 15.4727L23.625 7.93404V34.0659ZM40.3036 24.0089C40.5499 24.2552 40.6882 24.5892 40.6882 24.9375C40.6882 25.2858 40.5499 25.6198 40.3036 25.8661C40.0573 26.1123 39.7233 26.2507 39.375 26.2507C39.0267 26.2507 38.6927 26.1123 38.4464 25.8661L35.4375 22.8555L32.4286 25.8661C32.1823 26.1123 31.8483 26.2507 31.5 26.2507C31.1517 26.2507 30.8177 26.1123 30.5714 25.8661C30.3251 25.6198 30.1868 25.2858 30.1868 24.9375C30.1868 24.5892 30.3251 24.2552 30.5714 24.0089L33.582 21L30.5714 17.9911C30.3251 17.7448 30.1868 17.4108 30.1868 17.0625C30.1868 16.7142 30.3251 16.3802 30.5714 16.1339C30.8177 15.8876 31.1517 15.7492 31.5 15.7492C31.8483 15.7492 32.1823 15.8876 32.4286 16.1339L35.4375 19.1444L38.4464 16.1339C38.6927 15.8876 39.0267 15.7492 39.375 15.7492C39.7233 15.7492 40.0573 15.8876 40.3036 16.1339C40.5499 16.3802 40.6882 16.7142 40.6882 17.0625C40.6882 17.4108 40.5499 17.7448 40.3036 17.9911L37.293 21L40.3036 24.0089Z' fill='white'/%3E%3C/svg%3E%0A") center center/cover transparent
}
.main-hero__sound:hover {
  transform: scale(1.2);
  transition: all .3s ease-in-out
}
.main-hero__content {
  color: #fff;
  padding: 20px 0!important;
  height: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: var(--indentMobInline)
}
.main-hero__title {
  color: #fff!important;
  text-transform: uppercase!important
}
@media (max-width:1019px) {
  .main-hero__title {
    display: none
  }
}
.main-hero .img-cover {
  max-height: 15rem!important
}
@media (min-width:576px) {
  .main-hero__sound-mob {
    visibility: hidden
  }
  .main-hero__sound-desktop {
    visibility: visible;
    display: flex;
    margin-left: auto;
    margin-top: calc(-1 * var(--indentMobCol))
  }
  .main-hero__video-wrap {
    position: absolute;
    height: 100%
  }
  .main-hero__video {
    width: 70%
  }
  .main-hero__video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
    background: linear-gradient(to right,var(--ola-brend2-100) 30%,rgba(0,0,0,0) 100%)
  }
}
@media (min-width:1020px) {
  .main-hero__sound-desktop {
    margin-top: 0;
    position: absolute;
    bottom: 2.35rem;
    right: 2.5rem
  }
  .main-hero__content {
    padding: 3.85rem 0 2.35rem!important;
    grid-column: 1/span 8!important;
    grid-auto-columns: 100%
  }
  .main-hero .img-cover {
    max-height: 12.5rem!important
  }
  .main-hero__text,
  .main-hero__title {
    max-width: 600px
  }
  .main-hero .img-cover {
    max-height: 37.5rem!important;
    margin-left: 100px;
    margin-left: 0
  }
}
@media (min-width:1440px) {
  .main-hero__content {
    grid-auto-columns: 100%
  }
}
@media (min-width:576px) and (max-width:1019px) {
  .main-hero {
    position: relative;
    overflow: hidden
  }
  .main-hero__title-mob {
    position: relative;
    width: 60%;
    font-size: 24px;
    font-style: normal;
    font-weight: 1000;
    line-height: 105%;
    letter-spacing: -.48px;
    text-transform: uppercase;
    z-index: 1
  }
  .main-hero__image {
    position: absolute!important;
    width: 100%;
    right: auto;
    left: 50%;
    transform: translateY(-50%);
    z-index: 0
  }
  .main-hero__container {
    position: relative;
    z-index: 1
  }
  .main-hero__text {
    width: 55%;
    margin-bottom: 150px;
    z-index: 1;
    margin-bottom: var(--indentMobCol)
  }
}
@media (min-width:1600px) {
  .main-hero__text,
  .main-hero__title {
    max-width: 35.5rem
  }
}
.main-inform {
  width: 100%
}
.main-inform__row {
  padding: var(--indentMobBig) 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--indentMobCol);
  width: 100%
}
.main-inform__row > div {
  flex: 1;
  min-width: 0
}
.main-inform__socials {
  margin-top: var(--indentMobCol)
}
@media (min-width:1020px) {
  .main-inform__row {
    flex-direction: row;
    padding: 6rem 0 3rem;
    gap: 48px
  }
  .main-inform__socials {
    margin-top: 4.25rem
  }
}
@media (min-width:1600px) {
  .main-inform__row {
    gap: 61px
  }
  .main-inform__socials {
    margin-top: 3.5rem
  }
}
.main-main-features {
  padding: var(--indentMobSection) 0 0;
  color: var(--ola-brend2)
}
.main-main-features__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--indentMobInline);
  margin: 0;
  padding: 0;
  list-style: none
}
.main-main-features__item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  margin: 0
}
.main-main-features__icon {
  display: none;
  width: 20px;
  color: var(--ola-brend8)
}
.main-main-features__icon svg {
  width: 100%;
  height: auto
}
.main-main-features__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6px
}
.main-main-features__title {
  font-weight: 500;
  color: var(--ola-brend8);
  font-family: var(--font-accent);
  letter-spacing: -.02em;
  font-size: 24px;
  line-height: 1;
  white-space: nowrap
}
.main-main-features__text {
  font-weight: 500;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--color-text-black)
}
@media (min-width:576px) {
  .main-main-features__item {
    padding: 18px 0
  }
}
@media (min-width:1020px) {
  .main-main-features {
    padding: 2.75rem 0 0
  }
  .main-main-features__item {
    gap: 24px;
    padding: 0
  }
  .main-main-features__icon {
    width: 1.5rem
  }
  .main-main-features__title {
    font-size: 3.2rem
  }
  .main-main-features__text {
    font-size: max(26px,1.3rem)
  }
  .main-main-features__content {
    gap: 14px
  }
}
.main-menu-dropdown-wide {
  position: absolute;
  background: var(--color-white);
  box-shadow: 0 8px 16px rgba(0,0,0,.08);
  z-index: 3;
  width: 100%;
  left: 0
}
.main-menu-dropdown-wide__content {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  max-width: 2400px;
  margin-left: auto;
  margin-right: auto
}
.main-menu-dropdown-wide__item {
  display: flex;
  flex-direction: column;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .main-menu-dropdown-wide__item:hover .main-menu-dropdown-wide__name {
    color: var(--ola-link-hover)
  }
}
@media (hover:hover) {
  .main-menu-dropdown-wide__item:hover {
    background: #f1f3fa
  }
}
.main-menu-dropdown-wide__item:nth-child(4n) {
  padding-right: var(--container-gutter-width)
}
.main-menu-dropdown-wide__item:nth-child(4n-3) {
  padding-left: var(--container-gutter-width)
}
.main-menu-dropdown-wide__item:nth-child(-n+4) {
  padding-top: 1.2rem
}
.main-menu-dropdown-wide__item:nth-last-child(1),
.main-menu-dropdown-wide__item:nth-last-child(2):not(:nth-child(4n)),
.main-menu-dropdown-wide__item:nth-last-child(3):not(:nth-child(4n)):not(:nth-child(4n-1)),
.main-menu-dropdown-wide__item:nth-last-child(4):nth-child(4n+1) {
  padding-bottom: 1.2rem
}
.main-menu-dropdown-wide__item-content {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: 1.2rem 2.3rem;
  justify-content: space-between
}
.main-menu-dropdown-wide__name {
  font-size: .9rem;
  color: var(--color-text-medium);
  font-weight: 600;
  margin-bottom: 4px
}
.main-menu-dropdown-wide__text {
  font-size: .7rem;
  color: var(--color-text-medium)
}
.main-menu-dropdown-wide__arrow {
  display: flex
}
.main-menu-dropdown-wide__arrow svg {
  width: 100%;
  height: auto;
  position: relative;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (min-width:1020px) {
  .main-menu-dropdown-wide__arrow {
    width: 1.05rem
  }
}
.main-menu-dropdown {
  position: absolute;
  z-index: 4;
  background: var(--ola-brend4white);
  box-shadow: 0 8px 16px 0 rgba(199,213,224,.8);
  margin: 0;
  padding: 0;
  list-style-type: none
}
.main-menu-dropdown li {
  padding: 0;
  margin: 0
}
.main-menu-dropdown a {
  display: block;
  font-size: .9rem;
  color: var(--color-primary);
  font-weight: 600;
  padding: .6rem 1.2rem
}
@media (hover:hover) {
  .main-menu-dropdown a:hover {
    background: #f1f3fa;
    color: var(--color-link-hover)
  }
}
.main-menu__list {
  display: flex;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none
}
.main-menu__submenu {
  opacity: 0;
  visibility: hidden
}
.main-menu__item {
  flex: 1 1 auto
}
.main-menu__item--with-submenu .main-menu__link:after {
  content: "";
  display: flex;
  width: .8rem;
  height: .8rem;
  margin-left: 4px;
  opacity: .6;
  background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.35186 5.07833C4.05897 4.78543 3.5841 4.78543 3.2912 5.07833C2.99831 5.37122 2.99831 5.84609 3.2912 6.13899L7.96965 10.8174C8.1103 10.9581 8.30107 11.0371 8.49998 11.0371C8.69889 11.0371 8.88966 10.9581 9.03031 10.8174L13.7088 6.13899C14.0016 5.84609 14.0016 5.37122 13.7088 5.07833C13.4159 4.78543 12.941 4.78543 12.6481 5.07833L8.49998 9.22645L4.35186 5.07833Z' fill='white'/%3E%3C/svg%3E%0A") center center no-repeat;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .main-menu__item--with-submenu:hover .main-menu__link:after {
    transform: rotate(180deg);
    opacity: 1
  }
  .main-menu__item--with-submenu:hover .main-menu__submenu {
    opacity: 1;
    visibility: visible;
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: ease-in-out
  }
}
@media (hover:none) {
  .main-menu__item--with-submenu.hover .main-menu__link:after {
    transform: rotate(180deg);
    opacity: 1
  }
  .main-menu__item--with-submenu.hover .main-menu__submenu {
    opacity: 1;
    visibility: visible;
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: ease-in-out
  }
}
.main-menu__item--active .main-menu__link {
  background: var(--ola-brend8);
  color: var(--color-white)
}
.main-menu__item--active .main-menu__link:after {
  opacity: 1
}
.main-menu__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px 16px;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
  background: var(--ola-brend2);
  color: var(--color-white)
}
.main-menu__link:hover {
  background: var(--ola-brend8);
  color: var(--color-white)
}
@media (min-width:1020px) {
  .main-menu__link {
    height: 100%;
    padding: .85rem .8rem;
    font-size: 1rem
  }
}
.main-news__heading {
  margin-bottom: var(--indentMobCol)
}
.main-news__link {
  margin-top: 24px
}
@media (min-width:1020px) {
  .main-news__heading {
    margin-bottom: 2.4rem
  }
  .main-news__link {
    margin-top: 2.4rem
  }
}
.main-products-card {
  position: relative;
  background: var(--color-bg-contrast,var(--ola-brend4white));
  padding: var(--cardMobIndents);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  overflow: hidden;
  gap: var(--indentMobInlineXS);
  color: var(--color-text-medium);
  position: relative;
  cursor: pointer;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  position: relative
}
.main-products-card::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 40px solid transparent;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  transition: .3s ease
}
@media (hover:hover) {
  .main-products-card:hover::after {
    border-right: 40px solid var(--ola-brend8)
  }
}
@media (hover:hover) {
  .main-products-card:hover .main-products-card__arrow {
    margin-left: 10px
  }
}
.main-products-card__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  z-index: 1
}
.main-products-card__arrow {
  color: var(--ola-brend8);
  width: 40px;
  height: 16px;
  position: relative;
  display: flex;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.main-products-card__title {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  font-family: var(--font-base);
  text-transform: none;
  margin-bottom: 0
}
.main-products-card__text {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600
}
.main-products-card__button {
  min-width: 238px
}
@media (min-width:1020px) {
  .main-products-card {
    padding: 1.6rem 1.75rem 1.4rem
  }
  .main-products-card__title {
    font-size: max(18px,1rem)
  }
  .main-products-card__text {
    font-size: max(13px,.8rem)
  }
}
.main-products {
  padding: var(--indentMobSection) 0
}
.main-products__heading {
  margin-bottom: var(--indentMobCol)
}
.main-products__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
  gap: var(--indentMobInline)
}
@media (min-width:576px) {
  .main-products__heading {
    margin-bottom: 2.4rem
  }
  .main-products__list {
    grid-auto-rows: 1fr
  }
}
@media (min-width:1020px) {
  .main-products {
    padding: 4.6rem 0 5.2rem
  }
  .main-products__list {
    grid-template-columns: repeat(3,1fr);
    gap: 8px
  }
}
@media (min-width:1440px) {
  .main-products__list {
    grid-template-columns: repeat(4,1fr)
  }
}
@media (min-width:1600px) {
  .main-products__list {
    grid-template-columns: repeat(4,1fr);
    gap: .4rem
  }
}
.main-socials {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--indentMobInline)
}
.main-socials__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.5rem;
  height: 3rem;
  background-color: var(--ola-brend2)
}
@media (hover:hover) {
  .main-socials__item:hover {
    background: var(--ola-brend8);
    color: var(--color-white)
  }
}
@media (max-width:575px) {
  .main-socials__item {
    width: 40px;
    height: 40px
  }
}
.main-socials__title {
  font-weight: 700;
  font-size: 1rem
}
.main-socials__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px
}
.main-socials__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #fff;
  width: 100%;
  height: 100%
}
.main-socials__link svg {
  width: 20px;
  height: auto;
  flex: 0 0 auto
}
@media (min-width:1020px) {
  .main-socials {
    flex-direction: row;
    gap: 2.4rem
  }
  .main-socials__title {
    font-size: max(14px,1.2rem)
  }
  .main-socials__list {
    gap: 1.2rem
  }
  .main-socials__link {
    min-width: 40px;
    min-height: 40px
  }
  .main-socials__link svg {
    width: 1.6rem;
    height: auto;
    flex: 0 0 auto
  }
}
.main-solutions-banner {
  color: var(--color-white);
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--cardMobIndents);
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: var(--ola-brend2)
}
.main-solutions-banner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: var(--color-text-black);
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .main-solutions-banner:hover:after {
    opacity: .3
  }
  .main-solutions-banner:hover .main-solutions-banner__button:before {
    transform: translateX(100%);
    opacity: 0
  }
}
.main-solutions-banner__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  z-index: 1
}
.main-solutions-banner__content > div {
  min-width: 180px;
  flex: 1
}
.main-solutions-banner__title {
  font-size: 26px;
  margin-bottom: var(--indentMobInline);
  line-height: 1.3;
  font-weight: 700
}
.main-solutions-banner__list {
  margin-bottom: var(--indentMobInline)
}
.main-solutions-banner__button {
  width: 100%;
  max-width: 18.5rem;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}
@media (min-width:1020px) {
  .main-solutions-banner__button {
    color: #fff;
    font-weight: 700
  }
}
@media (min-width:1020px) {
  .main-solutions-banner {
    background-position: center left;
    height: 100%;
    padding: 2.4rem;
    background-position: top left
  }
}
.main-solutions-banner__content {
  display: block
}
.main-solutions-banner__title {
  font-size: 1.3rem
}
.main-solutions-card {
  background: var(--ola-brend4white);
  padding: 60% 8px 0 8px;
  color: #050505;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  overflow: hidden;
  gap: 8px;
  position: relative;
  position: relative
}
.main-solutions-card::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 40px solid transparent;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  transition: .3s ease
}
@media (hover:hover) {
  .main-solutions-card:hover::after {
    border-right: 40px solid var(--ola-brend8)
  }
}
.main-solutions-card__content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem
}
.main-solutions-card__name {
  font-weight: 600;
  line-height: 1.2;
  font-size: 14px;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}
.main-solutions-card__icon {
  height: 40px;
  color: var(--ola-brend2)
}
.main-solutions-card__icon svg {
  height: 100%;
  width: auto
}
@media (min-width:1020px) {
  .main-solutions-card {
    padding: 80% 8px 0 8px;
    flex: 1;
    min-width: 10rem
  }
  .main-solutions-card__icon {
    height: 3.2rem
  }
  .main-solutions-card__name {
    font-size: 14px
  }
}
@media (min-width:1440px) {
  .main-solutions-card__name {
    font-size: max(16px,.8rem);
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none
  }
  .main-solutions-card__content {
    gap: 1.6rem;
    padding-left: 10px;
    padding-right: 10px
  }
}
@media (max-width:575px) {
  .main-solutions-card__name {
    font-size: 13px
  }
}
.main-solutions {
  padding: var(--indentMobSection) 0;
  color: #2e2e34;
  display: flex
}
.main-solutions__row {
  display: flex;
  flex-direction: column;
  gap: var(--indentMobCol)
}
.main-solutions__right-col {
  width: 100%;
  flex: 0 0 auto
}
.main-solutions__heading {
  margin-bottom: var(--indentMobCol)
}
.main-solutions__list {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
  gap: 8px
}
@media (min-width:1020px) {
  .main-solutions {
    padding: 4.5rem 0 3.6rem
  }
  .main-solutions__heading {
    margin-bottom: 3rem
  }
  .main-solutions__list {
    grid-template-columns: repeat(auto-fit,minmax(216px,1fr));
    gap: 16px;
    grid-template-columns: repeat(5,1fr)
  }
  .main-solutions__row {
    flex-direction: row;
    margin-bottom: 2.4rem;
    gap: .8rem
  }
  .main-solutions__right-col {
    width: 19.65rem
  }
  .main-solutions__card {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
  }
}
.main-video {
  position: relative
}
.main-video > video {
  width: 100%;
  height: auto;
  display: block
}
.main-video > video.has-media-controls-hidden::-webkit-media-controls {
  display: none
}
.main-video__button {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px calc(50% - 50px);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: .95;
  cursor: pointer;
  z-index: 1
}
.main-video__button:after {
  content: "";
  display: block;
  position: absolute;
  width: 8.55rem;
  height: 8.55rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='172' height='172' viewBox='0 0 172 172' fill='none'%3E%3Cg clip-path='url(%23clip0_20829_98834)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M86 171.5C133.22 171.5 171.5 133.22 171.5 86C171.5 38.7797 133.22 0.5 86 0.5C38.7797 0.5 0.5 38.7797 0.5 86C0.5 133.22 38.7797 171.5 86 171.5ZM73.3223 120.875C71.8949 121.914 70.7265 121.309 70.7132 119.595L70.173 50.1297C70.1595 48.3846 71.2677 47.8184 72.6925 48.8987L118.906 83.9383C120.311 85.0036 120.296 86.707 118.866 87.7472L73.3223 120.875Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_20829_98834'%3E%3Crect width='171' height='171' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
  background-size: 100% auto;
  transition: all .3s ease-in-out
}
@media (max-width:1019px) {
  .main-video__button:after {
    width: 60px;
    height: 60px
  }
}
.main-video__button.is-hidden {
  display: none
}
.main-video__button.paused:after {
  opacity: .4;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 122.9 122.9' viewBox='0 0 122.9 122.9'%3E%3Cpath d='M61.5 0C27.6 0 .1 27.5.1 61.5s27.5 61.4 61.4 61.4 61.4-27.5 61.4-61.4S95.3 0 61.5 0zm-6.7 89h-16V34h15.9v55zm29.4 0H68.3V34h15.9v55z' style='fill:%23fff'/%3E%3C/svg%3E") center center no-repeat;
  background-size: 100% auto;
  transition: all .3s ease-in-out
}
.material-blog {
  padding: 32px 0
}
@media (min-width:1020px) {
  .material-blog {
    padding: 6rem 0
  }
}
.material-documents {
  background: var(--ola-brend4white);
  padding: 32px 0
}
@media (min-width:1020px) {
  .material-documents {
    padding: 6rem 0
  }
}
.material-documents__heading {
  margin-bottom: 24px
}
@media (min-width:1020px) {
  .material-documents__heading {
    margin-bottom: 1.6rem
  }
}
.material-documents__list {
  display: flex;
  flex-direction: column
}
.material-documents__list .documentation-item__button:not(:hover) {
  background-color: var(--color-white)
}
.material-instruction__title {
  font-family: var(--font-base);
  font-weight: 700;
  font-size: 24px;
  text-transform: none;
  margin-bottom: 32px
}
@media (min-width:1020px) {
  .material-instruction__title {
    font-size: 1.3rem;
    margin-bottom: 2.4rem
  }
}
.material-instruction__buttons {
  display: flex;
  gap: 16px;
  margin-bottom: 24px
}
@media (min-width:1020px) {
  .material-instruction__buttons {
    margin-bottom: 1.6rem
  }
}
.material-instruction__button.active,
.material-instruction__button.releases-form__btn.button.is-active {
  background: var(--ola-brend2);
  color: var(--color-white)
}
.material-instruction__tab {
  background: var(--tab-content,#d0d3da);
  padding: 0 16px;
  display: none;
  flex-direction: column;
  font-size: 16px
}
.material-instruction__tab.active,
.material-instruction__tab.releases-form__btn.button.is-active {
  display: flex
}
@media (min-width:1020px) {
  .material-instruction__tab {
    font-size: max(16px,1.1rem)
  }
}
.material-instruction__tab--video {
  gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px
}
@media (min-width:1020px) {
  .material-instruction__tab--video {
    padding: 3.2rem 7.3rem 4.75rem;
    gap: 2.4rem
  }
}
.material-instruction__tab--video video {
  max-width: 100%;
  height: auto
}
@media (min-width:1020px) {
  .material-instruction__tab--text {
    padding: 0 9.75rem
  }
}
.material-instruction__tab-text-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px
}
@media (min-width:1020px) {
  .material-instruction__tab-text-section {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    gap: 2.4rem
  }
}
.material-instruction__tab-text-section img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}
.news-detail-link-back {
  display: inline-flex;
  font-size: 14px;
  gap: 8px;
  align-items: center
}
@media (hover:hover) {
  .news-detail-link-back:hover {
    --arrow-width: 3rem
  }
}
@media (min-width:1020px) {
  .news-detail-link-back {
    font-size: max(16px,1rem);
    gap: 16px
  }
}
.news-detail-links {
  background: var(--ola-brend2);
  color: var(--color-white);
  padding: var(--indentMobSection) 0;
  margin-top: var(--indentMobSection);
  margin-bottom: var(--indentMobInline)
}
.news-detail-links__heading {
  margin-bottom: var(--indentMobCol)
}
.news-detail-links__title {
  color: inherit
}
.news-detail-links__list {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
  gap: var(--indentMobInline)
}
.news-detail-links__item {
  color: inherit;
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 70px;
  position: relative
}
@media (hover:hover) {
  .news-detail-links__item:hover {
    color: var(--ola-brend8)
  }
  .news-detail-links__item:hover .news-detail-links__more-arrow {
    transform: translateX(10px)
  }
}
.news-detail-links__icon {
  width: 32px;
  height: 32px;
  margin-bottom: 16px;
  position: absolute;
  left: 0
}
.news-detail-links__icon svg {
  width: 100%;
  height: auto
}
.news-detail-links__item-content {
  width: auto
}
.news-detail-links__text-sm {
  font-size: 14px;
  margin-bottom: 4px
}
.news-detail-links__text-lg {
  font-size: 16px;
  font-weight: 700
}
.news-detail-links__more-arrow {
  margin-top: var(--indentMobInlineXS);
  color: var(--ola-brend8);
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .news-detail-links__more-arrow:hover {
    transform: translateX(10px)
  }
}
@media (min-width:576px) {
  .news-detail-links__list {
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0
  }
  .news-detail-links__more-arrow {
    position: absolute;
    bottom: 0
  }
  .news-detail-links__item {
    flex: 1;
    width: auto;
    padding-left: 0;
    justify-content: center
  }
  .news-detail-links__icon {
    position: relative
  }
  .news-detail-links__item-content {
    width: 100%;
    height: 100%;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 3rem
  }
}
@media (min-width:1020px) {
  .news-detail-links {
    padding: 5rem 0 0;
    margin-top: 6rem;
    margin-bottom: 2.4rem
  }
  .news-detail-links__list {
    padding-left: 0;
    padding-right: 0
  }
  .news-detail-links__heading {
    margin-bottom: 2.6rem
  }
  .news-detail-links__item {
    padding-top: 5.25rem;
    padding-bottom: 5.25rem
  }
  .news-detail-links__item-content {
    width: 13.15rem;
    min-width: 250px
  }
  .news-detail-links__icon {
    width: 3.2rem;
    height: 3.2rem;
    margin-bottom: 1.2rem
  }
  .news-detail-links__text-sm {
    font-size: max(14px,.9rem)
  }
  .news-detail-links__text-lg {
    font-size: max(18px,1.1rem)
  }
  .news-detail-links__more-arrow {
    margin-top: 1.7rem
  }
}
.news-detail-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 16px;
  gap: 16px;
  margin-top: 20px
}
.news-detail-list > div {
  min-width: 320px;
  flex: 1
}
.news-detail-list__item {
  position: relative;
  padding-left: 32px;
  font-size: max(16px,1rem)
}
.news-detail-list__item:before {
  content: "";
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  display: block;
  background: url(../img/deco/check-icon.svg) center center/60% auto no-repeat,var(--ola-brend4white);
  position: absolute
}
@media (min-width:1020px) {
  .news-detail-list {
    font-size: max(16px,1rem);
    gap: 2.5rem;
    margin-top: 3.1rem
  }
  .news-detail-list__item {
    padding-left: 4.2rem
  }
  .news-detail-list__item:before {
    top: 0;
    width: 3rem;
    height: 3rem
  }
}
.events-detail__info,
.news-detail__info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 14px;
  color: var(--color-text-light);
  margin-bottom: var(--indentMobInline)
}
.events-detail__tags,
.news-detail__tags {
  display: flex;
  flex-direction: row;
  gap: 18px
}
.events-detail__tag,
.news-detail__tag {
  color: inherit
}
.news-detail__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 16px;
  position: relative
}
.news-detail__content:not(:last-child) {
  margin-bottom: var(--indentMobCol)
}
.news-detail__content ul {
  padding: 0;
  margin: 0;
  list-style-type: none
}
.news-detail__content ul li {
  position: relative;
  color: var(--ola-brend3);
  padding-left: 1.7rem;
  min-height: 1.2rem;
  margin-bottom: .8rem
}
.news-detail__content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .4rem!important;
  height: .4rem!important;
  min-width: unset!important;
  min-height: unset!important;
  background-color: var(--ola-brend1)
}
.news-detail__left-col,
.news-detail__left-indent,
.news-detail__main-text-col {
  display: flex;
  flex-direction: column;
  gap: 32px
}
.news-detail__right-col {
  display: flex;
  gap: 20px;
  flex-wrap: wrap
}
.news-detail__right-col > div {
  flex: 1;
  border: 1px solid var(--border-color-blue);
  min-width: 330px
}
.news-detail__title {
  margin-bottom: 16px
}
.news-detail__subtitle {
  font-size: 20px;
  font-family: var(--font-base);
  font-weight: 700;
  text-transform: none;
  margin-top: 0;
  text-align: left
}
.news-detail__section {
  display: flex;
  flex-direction: column;
  gap: 20px
}
.news-detail__block {
  text-align: justify
}
.news-detail__video-btn {
  width: 32px;
  height: 32px;
  cursor: pointer;
  outline: 0;
  position: absolute;
  border: 0;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%,-50%);
  background: url("data:image/svg+xml,%3Csvg width='77' height='89' viewBox='0 0 77 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M74.6019 41.1222C77.2145 42.6718 77.2145 46.4534 74.6019 48.0029L6.6415 88.3116C3.97511 89.8931 0.600948 87.9713 0.600948 84.8712L0.600952 4.25392C0.600952 1.1538 3.97511 -0.767932 6.6415 0.813556L74.6019 41.1222Z' fill='white'/%3E%3C/svg%3E") center center no-repeat;
  background-size: auto 100%
}
.news-detail__image-wrap,
.news-detail__video-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}
.news-detail__image img,
.news-detail__video img {
  width: 100%;
  height: auto
}
.news-detail__video {
  position: relative
}
.news-detail__video video {
  width: 100%;
  height: auto
}
@media (min-width:1020px) {
  .news-detail {
    font-size: max(14px,.7rem);
    margin-bottom: 2.4rem
  }
  .news-detail__content {
    display: flex;
    flex-direction: row;
    gap: 7rem;
    font-size: max(16px,1rem)
  }
  .news-detail__content:not(:last-child) {
    margin-bottom: 4rem
  }
  .news-detail__left-col {
    width: 52%;
    gap: 4rem
  }
  .news-detail__main-text-col {
    gap: 4rem
  }
  .news-detail__left-indent {
    width: 52%;
    gap: 4rem
  }
  .news-detail__right-col {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(48% - 4rem);
    flex: 1;
    display: block
  }
  .news-detail__right-col > div {
    min-width: auto;
    border: 0
  }
  .news-detail__right-col > div:not(:last-child) {
    margin-bottom: 6rem
  }
  .courses-detail__text,
  .events-detail__intro,
  .news-detail__intro {
    font-size: max(18px,1.2rem);
    text-align: justify
  }
  .news-detail__title {
    margin-bottom: 2.4rem
  }
  .news-detail__subtitle {
    font-size: max(22px,1.3rem);
    margin-bottom: 16px
  }
  .news-detail__section {
    gap: 2.4rem
  }
  .news-detail__image-with-bg,
  .news-detail__video-with-bg {
    padding: 4% 3% 23%;
    background: url(../img/deco/bg-monitor.svg) center top no-repeat;
    background-size: 100% auto
  }
  .news-detail__image-wrap,
  .news-detail__video-wrap {
    width: 100%;
    padding-top: 56%;
    position: relative
  }
  .news-detail__image,
  .news-detail__video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
  }
  .news-detail__image img,
  .news-detail__video img {
    max-height: 100%;
    width: auto
  }
  .news-detail__video video {
    height: 100%;
    width: auto
  }
  .news-detail__video-btn {
    width: 5.9rem;
    height: 5.9rem
  }
  .events-detail__info,
  .news-detail__info {
    margin-bottom: 2.4rem
  }
}
.news-item {
  --news-item-padding-x: 1.2rem;
  --news-item-padding-y: 1.2rem;
  --news-item-bg: var(--ola-brend4white);
  position: relative;
  display: flex;
  flex-direction: column;
  border: 0;
  color: var(--news-item-color,var(--ola-brend2))
}
@media (max-width:575px) {
  .news-item {
    min-height: 430px
  }
}
.news-item__link {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: inherit;
  padding: calc(var(--news-item-padding-y)) calc(var(--news-item-padding-x));
  background: var(--color-white);
  position: relative;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.news-item__link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 40px solid transparent;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  transition: .3s ease
}
@media (hover:hover) {
  .news-item__link:hover::after {
    border-right: 40px solid var(--ola-brend8)
  }
}
@media (hover:hover) {
  .news-item__link:hover .news-item__title {
    color: var(--ola-link-hover)
  }
}
.news-item__label {
  position: absolute;
  top: 16px;
  left: 24px;
  padding: 2px 8px;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -.01em;
  background: var(--color-white);
  border-radius: 2px;
  color: var(--color-text-medium)
}
@media (min-width:576px) {
  .news-item__label {
    --news-item-padding-x: 24px;
    --news-item-padding-y: 16px
  }
}
@media (min-width:1020px) {
  .news-item__label {
    top: .8rem;
    left: 1.2rem;
    font-size: max(11px,.6rem);
    line-height: 1rem
  }
}
.news-item__image {
  height: 13.2rem;
  margin-bottom: 24px;
  margin-top: calc(-1 * var(--news-item-padding-y));
  margin-left: calc(-1 * var(--news-item-padding-x));
  margin-right: calc(-1 * var(--news-item-padding-x));
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden
}
@media (min-width:1020px) {
  .news-item__image {
    margin-bottom: 1.2rem
  }
}
.news-item__image img {
  display: block;
  height: 100%
}
.news-item__image.news-item__image--full-width {
  display: flex;
  align-items: center;
  justify-content: center
}
.news-item__image.news-item__image--full-width img {
  display: block;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.news-item__beginning {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 22px;
  font-family: var(--accent-font-family);
  font-size: max(13px,.7rem);
  font-weight: 700
}
.news-item__beginning time {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px
}
.news-item__beginning time span {
  width: 1px;
  height: 14px;
  background-color: currentColor
}
.news-item__title {
  margin: 4rem 0 .6rem;
  font-weight: var(--news-item-title-font-weight,500);
  font-size: var(--news-item-title-font-size,18px);
  line-height: var(--news-item-title-line-height,1.3);
  font-family: var(--news-item-title-font-family,var(--base-font-family));
  letter-spacing: var(--news-item-title-letter-spacing,-.01em);
  text-transform: none;
  font-weight: 700;
  color: var(--news-item-title-color,#0c1013)
}
@media (min-width:1020px) {
  .news-item__title {
    --news-item-title-font-size: max(18px, 1.1rem)
  }
}
.event-card__tags,
.news-item__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 18px;
  margin: auto 0 12px;
  font-size: max(12px,.6rem);
  line-height: 20px
}
@media (min-width:1020px) {
  .event-card__tags,
  .news-item__tags {
    padding-top: 3.35rem
  }
}
.event-card__tag,
.news-item__tag {
  display: flex;
  align-items: center;
  gap: 4px
}
.news-item__time {
  font-size: max(12px,.6rem);
  line-height: 22px
}
.news-item--type-release .news-item__label {
  background: var(--ola-brend1)
}
.news-item--type-webinar .news-item__label {
  background-color: var(--ola-brend8);
  color: #fff
}
.news-item__image + .news-item__title {
  margin-top: 0
}
.news-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none
}
@media (min-width:576px) {
  .news-list {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (min-width:1020px) {
  .news-list {
    grid-template-columns: repeat(3,1fr);
    gap: 32px 24px
  }
}
@media (min-width:1440px) {
  .news-list {
    grid-template-columns: repeat(4,1fr);
    gap: 48px 32px
  }
}
@media (min-width:1600px) {
  .news-list {
    gap: 64px 48px
  }
}
.news-slider__slide {
  height: auto;
  display: flex
}
.news-slider__item {
  position: relative;
  width: 100%;
  z-index: 1;
  box-sizing: border-box;
  border: 0;
  background: var(--ola-brend4white)!important;
  margin-top: 4px;
  margin-left: 4px
}
.news-slider__more {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/deco/projects-slide-more-bg.svg) right bottom/200px 361px no-repeat
}
.news-slider__more-arrow {
  position: absolute;
  right: 40px;
  bottom: 80px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: 0 0;
  border: 1px solid var(--color-white);
  color: var(--color-white)
}
.news-slider__more:hover .news-slider__more-arrow {
  background: var(--linear-gradient-intaractive);
  border-color: transparent
}
.news-slider__pagination {
  position: static;
  margin-top: 40px
}
@media (min-width:576px) {
  .news-slider {
    margin-right: calc(var(--container-gutter-width) * -1);
    padding-right: var(--container-gutter-width)
  }
}
@media (min-width:1020px) {
  .news {
    padding-bottom: 2.6rem
  }
}
.news__more {
  margin-top: 32px;
  text-align: center
}
@media (max-width:575px) {
  .news__more .button {
    width: 100%
  }
}
@media (min-width:1020px) {
  .news__more {
    margin-top: 48px;
    text-align: left
  }
}
@media (min-width:1440px) {
  .news__more {
    margin-top: 64px
  }
}
.events__filters,
.news__filters {
  display: flex;
  gap: 24px;
  flex-direction: column;
  margin-bottom: var(--indentMobCol);
  flex: 1
}
@media (min-width:1020px) {
  .events__filters,
  .news__filters {
    gap: 2.4rem;
    flex-direction: row;
    margin-bottom: 3.2rem
  }
}
.events__filters-left,
.news__filters-left {
  display: flex;
  gap: 24px;
  flex: 1
}
@media (min-width:576px) {
  .events__filters-left,
  .news__filters-left {
    flex-direction: row
  }
}
@media (min-width:1020px) {
  .events__filters-left,
  .news__filters-left {
    gap: 2.4rem
  }
}
.events__col-select,
.news__col-select {
  flex: 1
}
.events__filters-right,
.news__filters-right {
  width: 100%;
  max-width: 40.5rem
}
.news__more-button {
  width: 240px;
  font-size: max(14px,.8rem)
}
.offcanvas-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 0;
  overflow-y: auto;
  overflow-x: hidden
}
.offcanvas-container__header-menu {
  display: flex;
  z-index: 1;
  width: 375px;
  padding-left: 68px
}
.offcanvas-container__header-menu .header__menu-list {
  flex-direction: column;
  gap: 32px;
  padding-bottom: 52px
}
.offcanvas-container__header-menu .header__menu-item {
  padding: 0
}
.offcanvas-container__header-menu .header__menu-item:before {
  display: none
}
.offcanvas-container__header-menu a {
  color: inherit
}
.offcanvas-container__header-menu a svg {
  color: var(--ola-brend8)
}
.offcanvas-container .header__menu-link {
  font-size: 16px
}
.active + .offcanvas-container__header-menu,
.releases-form__btn.button.is-active + .offcanvas-container__header-menu {
  transform: translateX(-100%);
  visibility: hidden;
  display: none;
  animation: navBottomMenu .4s cubic-bezier(.86,0,.07,1) forwards
}
@keyframes navBottomMenu {
  0% {
    transform: translateX(0);
    display: flex
  }
  99% {
    transform: translateX(-100%)
  }
  100% {
    display: none
  }
}
.offcanvas-menu {
  position: relative;
  width: 100%;
  transition: all .4s cubic-bezier(.86,0,.07,1);
  margin-bottom: 50px;
  z-index: 2
}
.offcanvas-menu.active,
.offcanvas-menu.releases-form__btn.button.is-active {
  transform: translateX(-100%);
  transition: all .4s cubic-bezier(.86,0,.07,1)
}
.offcanvas-menu__menu {
  padding-left: 0;
  position: relative;
  transform: translate3d(0,0,0);
  transition: all .4s cubic-bezier(.86,0,.07,1)
}
.offcanvas-menu__menu > li a {
  cursor: pointer
}
@media (hover:hover) {
  .offcanvas-menu__menu > li:hover > span > a {
    color: var(--ola-link-hover);
    border-left: 1px solid var(--ola-link-hover)
  }
  .offcanvas-menu__menu > li:hover .offcanvas-menu__sub-menu-toggle {
    opacity: 1;
    transition: opacity .4s
  }
}
.offcanvas-menu__sub-menu-toggle {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  cursor: pointer;
  z-index: 1;
  opacity: .5;
  background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.07881 10.148C0.785921 10.4409 0.78592 10.9158 1.07881 11.2087C1.37171 11.5016 1.84658 11.5016 2.13947 11.2087L6.81793 6.53023C6.95858 6.38958 7.0376 6.19881 7.0376 5.9999C7.0376 5.80099 6.95858 5.61022 6.81793 5.46957L2.13947 0.791122C1.84658 0.498229 1.37171 0.49823 1.07881 0.791123C0.785921 1.08402 0.785921 1.55889 1.07881 1.85178L5.22694 5.9999L1.07881 10.148Z' fill='%23D0D3DA'/%3E%3C/svg%3E%0A") center center no-repeat;
  transition: opacity .4s
}
@media (hover:hover) {
  .offcanvas-menu__sub-menu-toggle:hover {
    opacity: 1;
    transition: opacity .4s
  }
}
.offcanvas-menu__btn-back {
  display: flex;
  position: relative;
  width: 60px;
  height: 60px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin-left: 30px!important;
  color: var(--ola-brend8)
}
.offcanvas-menu__btn-back svg {
  height: 9px;
  width: auto
}
.offcanvas-menu__item--has-children > span {
  display: block;
  position: relative;
  width: 100%
}
.offcanvas-menu__item--has-children > .offcanvas-submenu {
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  height: auto;
  transform: translate3d(100%,0,0);
  transition: all .4s cubic-bezier(.86,0,.07,1)
}
.offcanvas-menu__item--has-children.active-link .offcanvas-menu__sub-menu {
  visibility: visible;
  display: block;
  transition-delay: 0s
}
.offcanvas-menu__sub-menu {
  position: absolute;
  width: 100%;
  left: 100%;
  top: 0;
  visibility: hidden;
  display: none;
  max-height: var(--page-height);
  transition-delay: .4s;
  overflow-y: auto;
  overflow-x: hidden
}
.offcanvas-menu ul {
  margin: 0;
  padding: 0;
  list-style: none
}
.offcanvas-menu ul li {
  margin-left: 0;
  padding-left: 0
}
.offcanvas-menu .offcanvas-menu__sub-title,
.offcanvas-menu a {
  color: inherit;
  display: block;
  padding: 17px 44px 17px 48px;
  transition: color .3s;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none
}
.offcanvas-menu .offcanvas-menu__sub-title:hover,
.offcanvas-menu a:hover {
  color: var(--ola-link-hover);
  border-left: 1px solid var(--ola-link-hover)
}
.offcanvas-menu .offcanvas-menu__sub-title {
  color: var(--ola-brend6)
}
.offcanvas-menu .offcanvas-menu__sub-menu a {
  font-size: 18px;
  padding: 18px 24px 18px 48px;
  font-weight: 400
}
.offcanvas-menu .offcanvas-menu__sub-menu a:hover {
  color: var(--ola-link-hover);
  border-left: 1px solid var(--ola-link-hover)
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: var(--page-width);
  height: var(--page-height);
  background: var(--ola-brend2);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease-in-out
}
.has-active-menu .overlay,
.has-active-modal .overlay {
  opacity: .6;
  visibility: visible
}
.has-active-menu .overlay {
  z-index: 998
}
.has-active-modal .overlay {
  z-index: 999
}
.pagination {
  margin-top: var(--indentMobCol);
  text-align: center;
  white-space: nowrap
}
@media (min-width:1020px) {
  .pagination {
    margin-top: 2.3rem
  }
}
.pagination__more-button {
  z-index: 2;
  width: 100%;
  white-space: nowrap
}
@media (min-width:576px) {
  .pagination__more-button {
    width: auto
  }
}
@media (min-width:1020px) {
  .pagination__more-button {
    margin-top: 0
  }
}
.partner-advantages__heading {
  margin-bottom: 3.2rem
}
@media (max-width:1019px) {
  .partner-advantages__heading {
    margin-bottom: var(--indentMobCol)
  }
}
.section--partner-advantages {
  padding: 4rem 0
}
@media (max-width:1019px) {
  .section--partner-advantages {
    padding: var(--indentMobSection) 0
  }
}
.partner-block-link {
  padding: 1.2rem 2.4rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem
}
@media (max-width:1019px) {
  .partner-block-link {
    flex-direction: column;
    padding: var(--cardMobIndents)
  }
}
.partner-block-link__info {
  display: flex;
  align-items: center;
  gap: 2.4rem
}
@media (max-width:1019px) {
  .partner-block-link__info {
    gap: var(--indentMobInlineXS)
  }
}
.partner-block-link__title {
  font-size: 1.6rem;
  font-weight: 700
}
@media (max-width:1019px) {
  .partner-block-link__title {
    font-size: 18px
  }
}
.partner-block-link__icon svg {
  width: 3.2rem;
  height: 3.2rem;
  flex: 0 0 auto
}
@media (max-width:1019px) {
  .partner-block-link__icon svg {
    width: 36px;
    height: 36px
  }
}
.partner-block-link__button-wrap {
  width: 100%
}
@media (min-width:1020px) {
  .partner-block-link__button-wrap {
    max-width: 17.75rem
  }
}
.partner-capabilities {
  padding: 6rem 0
}
@media (max-width:1019px) {
  .partner-capabilities {
    padding: var(--indentMobSection) 0
  }
}
.partner-capabilities__heading {
  max-width: 68.1rem;
  margin-bottom: 2.4rem
}
@media (max-width:1019px) {
  .partner-capabilities__heading {
    gap: var(--indentMobCol)
  }
}
.partner-city {
  padding: 4rem 0
}
@media (max-width:1019px) {
  .partner-city {
    padding: var(--indentMobSection) 0
  }
}
.partner-city-content {
  display: flex;
  flex-direction: column
}
.partner-city__title-wrap {
  margin-bottom: 3.2rem
}
.partner-city__subtitle {
  margin-bottom: 2.7rem;
  font-size: 1.6rem;
  font-weight: 700
}
.partner-inner {
  display: flex;
  flex-direction: column;
  gap: 6rem
}
@media (max-width:1019px) {
  .partner-inner {
    gap: var(--indentMobCol)
  }
}
.partner-inner--small-indent {
  gap: 3.2rem
}
@media (max-width:1019px) {
  .partner-inner--small-indent {
    gap: var(--indentMobCol)
  }
}
.partner-inner--wide-indent {
  gap: 6rem
}
@media (max-width:1019px) {
  .partner-inner--wide-indent {
    gap: var(--indentMobCol)
  }
}
.partner-inner__block {
  display: flex;
  flex-direction: column;
  gap: 1.2rem
}
@media (max-width:1019px) {
  .partner-inner__block {
    gap: var(--indentMobInlineXS)
  }
}
.partner-inner__title {
  font-family: var(--font-base);
  font-weight: 700;
  text-transform: none
}
.partner-inner__text {
  font-weight: 500;
  font-size: max(16px,1.2rem)
}
@media (max-width:1019px) {
  .partner-inner__text {
    font-size: 16px
  }
}
.partner-inner__block--right-indent {
  padding-right: 20.2rem
}
@media (max-width:1019px) {
  .partner-inner__block--right-indent {
    padding-right: 0
  }
}
.partner-big-numbers__top {
  display: flex;
  flex-direction: column;
  gap: 1.2rem
}
.partner-big-numbers__top-text {
  font-weight: 600;
  font-size: 1.2rem
}
@media (max-width:1019px) {
  .partner-big-numbers__top-text {
    font-size: 16px
  }
}
.partner-big-numbers__content {
  display: flex;
  flex-direction: column;
  gap: 2.4rem
}
@media (max-width:1019px) {
  .partner-big-numbers__content {
    gap: var(--indentMobCol)
  }
}
.partners-big-numbers__heading {
  margin-bottom: 1.2rem
}
@media (max-width:1019px) {
  .partners-big-numbers__heading {
    margin-bottom: var(--indentMobInline)
  }
}
.partners-big-numbers__sections {
  display: flex;
  flex-direction: column;
  gap: 10rem
}
@media (max-width:1019px) {
  .partners-big-numbers__sections {
    gap: var(--indentMobCol)
  }
}
.partners-big-numbers__sections-body {
  display: flex;
  flex-direction: column;
  gap: 6rem
}
@media (max-width:1019px) {
  .partners-big-numbers__sections-body {
    gap: var(--indentMobInlineXS)
  }
}
.partners-big-numbers__row-2cols {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 6rem 1.2rem
}
@media (max-width:1019px) {
  .partners-big-numbers__row-2cols {
    grid-template-columns: 1fr;
    gap: var(--indentMobInlineXS)
  }
}
.partners-big-numbers__row-multiple-cols1 {
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 130px
}
@media (max-width:1019px) {
  .partners-big-numbers__row-multiple-cols1 {
    gap: 2rem 130px
  }
}
@media (max-width:575px) {
  .partners-big-numbers__row-multiple-cols1 {
    flex-direction: column
  }
}
.partners-big-numbers__row-multiple-cols2 {
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 196px
}
.partners-big-numbers__row-3cols {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 6rem 1.2rem
}
@media (max-width:1019px) {
  .partners-big-numbers__row-3cols {
    grid-template-columns: 1fr;
    gap: var(--indentMobInlineXS)
  }
}
.partners-big-numbers__item-title {
  font-size: max(16px,1.3rem);
  font-weight: 600
}
@media (max-width:1019px) {
  .partners-big-numbers__item-title {
    font-size: 16px
  }
}
.partners-big-numbers__item-value {
  color: var(--ola-brend8);
  font-family: var(--font-accent);
  font-size: 3.2rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.96px
}
@media (max-width:1019px) {
  .partners-big-numbers__item-value {
    font-size: 24px
  }
}
.partners-big-numbers__item-value--sm {
  color: var(--ola-brend8);
  font-family: var(--font-accent);
  font-size: 2rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.96px
}
@media (max-width:1019px) {
  .partners-big-numbers__item-value--sm {
    font-size: 24px
  }
}
.partners-card {
  background: var(--ola-brend4white);
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  position: relative
}
.partners-card::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 40px solid transparent;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  transition: .3s ease
}
@media (hover:hover) {
  .partners-card:hover::after {
    border-right: 40px solid var(--ola-brend8)
  }
}
@media (min-width:576px) {
  .partners-card {
    flex-wrap: nowrap;
    gap: 30px
  }
}
@media (min-width:1020px) {
  .partners-card {
    padding: 1.2rem;
    gap: 2.4rem
  }
}
.partners-card__col-logo {
  width: 35%;
  aspect-ratio: 1/1;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center
}
@media (min-width:1020px) {
  .partners-card__col-logo {
    width: 16rem;
    height: 16rem
  }
}
.partners-card__col-logo img {
  width: 70%;
  height: auto
}
.partners-card__col-content {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  flex: 1;
  justify-content: center;
  height: 100%
}
.partners-card__col-content a {
  color: inherit;
  text-decoration: underline
}
@media (hover:hover) {
  .partners-card__col-content a:hover {
    color: var(--color-primary)
  }
}
.partners-card__body {
  display: flex;
  flex-direction: column;
  gap: 1rem
}
.partners-card__icon svg {
  color: transparent;
  stroke: var(--ola-brend2);
  stroke-width: 1.13
}
.partner-directions:not(.partner-directions--no-margin) {
  padding-bottom: 3.2rem
}
@media (max-width:1019px) {
  .partner-directions:not(.partner-directions--no-margin) {
    padding-bottom: var(--indentMobSection)
  }
}
.partner-direction-cards__list {
  display: grid;
  gap: .8rem;
  grid-template-columns: repeat(5,1fr)
}
@media (max-width:1439px) {
  .partner-direction-cards__list {
    grid-template-columns: repeat(3,1fr)
  }
}
@media (max-width:1019px) {
  .partner-direction-cards__list {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (max-width:575px) {
  .partner-direction-cards__list {
    grid-template-columns: 1fr
  }
}
@media (min-width:1440px) {
  .partner-direction-cards__list.partner-direction-cards__list-4 {
    grid-template-columns: repeat(4,1fr)
  }
}
.partner-direction-cards__list.partner-direction-cards__list-2 {
  grid-template-columns: repeat(2,1fr)
}
@media (max-width:575px) {
  .partner-direction-cards__list.partner-direction-cards__list-2 {
    grid-template-columns: 1fr!important
  }
}
.partner-direction-cards__list.partner-direction-cards__list-2 .partner-direction-cards__card {
  min-height: 7rem;
  align-items: center;
  display: flex
}
@media (min-width:1440px) {
  .partner-direction-cards__list.partner-direction-cards__list-2 {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (max-width:1019px) {
  .partner-direction-cards__list.partner-direction-cards__list-2 {
    grid-template-columns: repeat(2,1fr)
  }
}
.partner-direction-cards__list.partner-direction-cards__list-3 {
  grid-template-columns: repeat(3,1fr)
}
@media (max-width:1019px) {
  .partner-direction-cards__list.partner-direction-cards__list-3 {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (max-width:575px) {
  .partner-direction-cards__list.partner-direction-cards__list-3 {
    grid-template-columns: 1fr
  }
}
.partner-direction-cards__card {
  background: var(--color-bg-contrast,var(--ola-brend4white));
  min-height: 7rem;
  padding: 1.2rem
}
@media (max-width:575px) {
  .partner-direction-cards__card {
    padding: var(--cardMobIndents)
  }
}
.partner-direction-cards__card-title {
  font-size: max(16px,1rem);
  font-weight: 600
}
.partners__title {
  margin-bottom: 32px
}
@media (min-width:1020px) {
  .partners__title {
    margin-bottom: 2.8rem
  }
}
.partners__filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px 16px;
  margin-bottom: 32px
}
.partners__filters > div {
  flex: 1
}
@media (min-width:1020px) {
  .partners__filters > div {
    min-width: 450px
  }
}
@media (min-width:1020px) {
  .partners__filters {
    gap: 2.4rem;
    margin-bottom: 3.2rem
  }
}
.partners__filters-right {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem
}
.partners__button:not(.active):not(.releases-form__btn.button.is-active):not(:hover) {
  color: var(--ola-brend2);
  border: 1px solid var(--ola-brend2)
}
.partners__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
  gap: var(--indentMobInline)
}
@media (min-width:576px) {
  .partners__list {
    grid-template-columns: repeat(auto-fit,minmax(400px,1fr))
  }
}
@media (min-width:1020px) {
  .partners__list {
    grid-template-columns: repeat(2,1fr);
    gap: 2.4rem
  }
}
.partners__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3rem
}
.product-2cols {
  padding-top: 5.25rem;
  padding-bottom: 4rem
}
@media (max-width:1019px) {
  .product-2cols {
    padding: var(--indentMobSection) 0
  }
}
.product-2cols__subtitle {
  font-weight: 600;
  margin-bottom: 1.2rem
}
.product-2cols__top-block {
  max-width: 60.6rem;
  font-weight: 600;
  margin-bottom: 1.2rem
}
@media (max-width:575px) {
  .product-2cols__top-block {
    margin-bottom: var(--indentMobCol)
  }
}
.product-2cols__heading {
  max-width: 60.6rem;
  margin-bottom: 1.6rem
}
@media (max-width:575px) {
  .product-2cols__heading {
    margin-bottom: var(--indentMobInline)
  }
}
.product-2cols__row {
  display: flex;
  gap: 7rem;
  font-size: max(16px,1rem);
  align-items: flex-start
}
@media (max-width:1019px) {
  .product-2cols__row {
    gap: var(--indentMobCol)
  }
}
@media (max-width:1019px) {
  .product-2cols__row {
    flex-direction: column;
    font-size: 16px
  }
}
.product-2cols__col-content {
  max-width: 49%;
  flex: 1;
  text-align: justify
}
@media (max-width:1019px) {
  .product-2cols__col-content {
    max-width: 100%
  }
  .product-2cols__col-content .list--type-square > li:before {
    top: 6px
  }
}
.product-2cols__col-content .block-heading__title {
  text-align: left
}
.product-2cols__col-pic {
  background: var(--ola-brend4white);
  padding: 3.2rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center
}
@media (max-width:1019px) {
  .product-2cols__col-pic {
    background-size: cover
  }
}
@media (max-width:1019px) {
  .product-2cols--pattern {
    background-size: cover
  }
}
.product-2cols--pattern .product-2cols__row {
  align-items: stretch
}
.product-2cols--pattern .product-2cols__col-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  justify-content: space-between
}
.product-2cols--pattern .product-2cols__col-pic {
  background: 0 0;
  padding: 0
}
.product-advantages {
  padding: var(--indentMobSection) 0;
  color: var(--color-text-medium)
}
.product-advantages__heading {
  margin-bottom: var(--indentMobCol)
}
.product-advantages__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--indentMobInline)
}
.product-advantages__item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 24px
}
@media (hover:hover) {
  .product-advantages__item:hover {
    --arrow-width: 92px
  }
}
.product-advantages__image {
  width: 4rem;
  height: 4rem;
  padding: 1.2rem;
  background: var(--color-bg-contrast,var(--ola-brend4white));
  color: var(--ola-brend2)
}
.product-advantages__image svg {
  width: 100%;
  height: auto;
  color: var(--ola-brend2)
}
.product-advantages__image svg path {
  fill: var(--ola-brend2)
}
.product-advantages__info {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.product-advantages__name {
  margin: 0;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.2;
  font-family: var(--font-base);
  text-transform: none;
  color: var(--color-font-contrast,var(--color-text-dark))
}
@media (min-width:1020px) {
  .product-advantages {
    padding: 6rem 0
  }
  .product-advantages__heading {
    margin-bottom: 4rem;
    max-width: 53.2rem
  }
  .product-advantages__list {
    grid-template-columns: repeat(2,1fr);
    gap: 6rem 4rem
  }
  .product-advantages__image {
    width: 8rem;
    height: 8rem;
    padding: 2.4rem
  }
  .product-advantages__name {
    font-size: max(18px,1rem)
  }
  .product-advantages__description {
    font-size: max(14px,.9rem)
  }
  .product-advantages__item {
    gap: 1.6rem
  }
}
@media (min-width:1440px) {
  .product-advantages__list {
    grid-template-columns: repeat(3,1fr)
  }
}
@media (min-width:1440px) {
  .product-advantages.product-advantages--2cols .product-advantages__list {
    grid-template-columns: repeat(2,1fr)
  }
}
@media (min-width:1020px) {
  .product-advantages.product-advantages--2cols .product-advantages__heading {
    max-width: 100%
  }
}
.product-benefits {
  padding: 5rem 0;
  display: flex
}
@media (max-width:1019px) {
  .product-benefits {
    padding: var(--indentMobSection) 0
  }
}
.product-benefits__container {
  display: flex;
  flex-direction: column;
  gap: 3.2rem
}
@media (max-width:1019px) {
  .product-benefits__container {
    gap: var(--indentMobCol)
  }
}
.product-benefits__list {
  display: flex;
  gap: 2.4rem
}
@media (max-width:1019px) {
  .product-benefits__list {
    flex-direction: column;
    gap: var(--indentMobInline)
  }
}
.product-benefits__item {
  flex: 1;
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: .8rem;
  background: var(--color-bg-contrast,var(--ola-brend4white))
}
@media (max-width:575px) {
  .product-benefits__item {
    padding: var(--cardMobIndents)
  }
}
.product-benefits__icon {
  display: flex;
  flex: 0 0 auto;
  width: 3.2rem;
  height: 3.2rem;
  margin-bottom: .4rem
}
@media (max-width:1019px) {
  .product-benefits__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 0
  }
}
.product-benefits__icon svg {
  width: 100%;
  height: auto
}
.product-benefits__name {
  font-size: max(16px,1.2rem);
  font-weight: 700;
  line-height: 1.4;
  font-family: var(--font-base);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0
}
@media (max-width:575px) {
  .product-benefits__name {
    font-size: 16px
  }
}
@media (max-width:575px) {
  .product-benefits__text {
    font-size: 14px
  }
}
.product-benefits__text ul {
  margin: 0;
  padding-left: 16px
}
.product-bms-versions__heading {
  margin-bottom: var(--indentMobCol)
}
.product-bms-versions__name {
  font-family: var(--font-base);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  text-transform: none
}
.product-bms-versions__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
  gap: var(--indentMobInline)
}
.product-bms-versions__note {
  font-size: 16px
}
.product-bms-versions__item {
  background: var(--color-bg-contrast,var(--ola-brend4white));
  color: var(--color-text-dark);
  padding: var(--cardMobIndents)
}
.product-bms-versions ul {
  padding: 0;
  margin: 0;
  list-style-type: none
}
.product-bms-versions ul li {
  position: relative;
  min-height: 24px;
  font-size: 16px;
  padding-left: 34px;
  color: var(--ola-brend3)
}
.product-bms-versions ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px!important;
  height: 8px!important;
  min-width: unset!important;
  min-height: unset!important;
  background-color: var(--ola-brend1)
}
@media (min-width:1020px) {
  .product-bms-versions__heading {
    margin-bottom: 2.4rem
  }
  .product-bms-versions__title {
    margin-bottom: 2.4rem
  }
  .product-bms-versions__list {
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    gap: 24px
  }
  .product-bms-versions__name {
    font-size: max(18px,1.3rem);
    margin-bottom: .8rem
  }
  .product-bms-versions__note {
    font-size: max(16px,.8rem)
  }
  .product-bms-versions__text {
    font-size: max(16px,1.3rem);
    margin-bottom: 1.2rem
  }
  .product-bms-versions__item {
    padding: 3.2rem 2.4rem
  }
  .product-bms-versions ul li {
    font-size: max(16px,.8rem);
    margin-bottom: .8rem;
    min-height: 1.2rem;
    padding-left: 34px
  }
  .product-bms-versions ul li:before {
    width: 1.2rem;
    height: 1.2rem;
    min-width: 24px;
    min-height: 24px
  }
}
@media (min-width:1440px) {
  .product-bms-versions ul li {
    padding-left: 1.7rem
  }
}
.product-bms-versions + .product-prices__choose {
  margin-top: 2.4em
}
@media (max-width:1019px) {
  .product-bms-versions + .product-prices__choose {
    margin-top: var(--indentMobCol)
  }
}
.product-capabilities {
  padding: var(--indentMobSection) 0
}
.product-capabilities--pattern .product-capabilities__heading {
  max-width: 72.25rem
}
.product-capabilities--pattern .block-heading__text {
  max-width: 63.7rem
}
.product-capabilities__heading {
  margin-bottom: var(--indentMobCol)
}
.product-capabilities__list {
  display: grid;
  gap: var(--indentMobInline);
  grid-template-columns: 1fr
}
.product-capabilities__item {
  background: var(--color-bg-contrast,var(--ola-brend4white));
  position: relative;
  padding: var(--cardMobIndents);
  min-height: 70px
}
.product-capabilities__item:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_9125_14469)'%3E%3Cpath d='M5 18L12 25L28 9' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9125_14469'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center/60% no-repeat,var(--ola-brend8)
}
.product-capabilities__name {
  color: var(--color-text-dark);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  font-family: var(--font-base);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 16px
}
@media (min-width:576px) {
  .product-capabilities__list {
    grid-template-columns: repeat(2,1fr);
    grid-auto-rows: 1fr;
    gap: 1.2rem
  }
}
@media (min-width:1020px) {
  .product-capabilities {
    padding: 6rem 0
  }
  .product-capabilities__item {
    min-height: 7rem;
    padding: 2.4rem 1.6rem
  }
  .product-capabilities__item:after {
    width: 2rem;
    height: 2rem
  }
  .product-capabilities__heading {
    margin-bottom: 2.4rem;
    max-width: 53.75rem
  }
  .product-capabilities__list {
    grid-template-columns: repeat(4,1fr)
  }
  .product-capabilities--3cols .product-capabilities__list {
    grid-template-columns: repeat(3,1fr);
    gap: 3.6rem
  }
  .product-capabilities__name {
    font-size: max(18px,1rem);
    line-height: 1.2;
    margin-bottom: .8rem
  }
}
.product-configurator {
  padding: var(--indentMobSection) 0
}
@media (min-width:1020px) {
  .product-configurator {
    padding: 4rem 0 4.25rem
  }
}
.product-cooperation__wrapper {
  padding: 32px 16px;
  background: url(../img/deco/bg-dark-pattern-3.svg) left top/auto var(--ola-brend2);
  color: var(--color-primary-contrast);
  font-size: max(14px,1rem)
}
.product-cooperation__heading {
  margin-bottom: 24px
}
.product-cooperation__title {
  color: inherit;
  font-size: min(5.5vw,24px)
}
.product-cooperation__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(var(--mob-card-width),1fr));
  gap: 8px
}
.product-cooperation__form-col {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1
}
.product-cooperation__form-col-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1
}
.product-cooperation__col-select {
  flex: 1
}
.product-cooperation__button {
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  max-width: 320px;
  margin-bottom: 1.2rem
}
.product-cooperation .block-heading__text {
  margin-bottom: 1.2rem
}
@media (min-width:1020px) {
  .product-cooperation__wrapper {
    padding: 3.2rem 5rem 2.2rem
  }
  .product-cooperation__title {
    font-size: 1.75rem
  }
  .product-cooperation__list {
    gap: 2.4rem;
    grid-template-columns: repeat(3,1fr)
  }
  .product-cooperation__form {
    flex-direction: row
  }
  .product-cooperation__form-col {
    display: flex;
    flex-direction: row;
    gap: 2.4rem
  }
  .product-cooperation__form-col-left {
    display: flex;
    flex-direction: row;
    gap: 2.4rem
  }
  .product-cooperation__button {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    height: 100%
  }
}
.career-vacancies-card,
.product-courses-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 var(--cardMobIndentX);
  background: var(--color-bg-contrast,var(--ola-brend4white));
  color: var(--color-link);
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  transition: none;
  height: 100%
}
@media (hover:hover) {
  .career-vacancies-card:hover,
  .product-courses-card:hover {
    --courses-card-title-color: var(--color-white);
    background: var(--ola-brend8);
    color: var(--color-white);
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: ease-in-out
  }
  .career-vacancies-card:hover .career-vacancies-card__arrow,
  .career-vacancies-card:hover .career-vacancies-card__description,
  .career-vacancies-card:hover .product-courses-card__arrow,
  .career-vacancies-card:hover .product-courses-card__description,
  .product-courses-card:hover .career-vacancies-card__arrow,
  .product-courses-card:hover .career-vacancies-card__description,
  .product-courses-card:hover .product-courses-card__arrow,
  .product-courses-card:hover .product-courses-card__description {
    color: #f2f4f8
  }
}
.product-courses-card__icon {
  margin-top: var(--cardMobIndentY);
  margin-bottom: var(--indentMobInline)
}
.product-courses-card__icon svg {
  width: 48px;
  height: 48px;
  fill: currentColor
}
.career-vacancies-card__name,
.product-courses-card__name {
  margin: 0 0 12px;
  font-weight: 700;
  font-size: var(--mob-title-size);
  line-height: 1.4;
  font-family: var(--font-base);
  letter-spacing: -.02em;
  text-transform: none;
  color: var(--courses-card-title-color,var(--color-text-black))
}
.career-vacancies-card__description,
.product-courses-card__description {
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 1.3;
  color: var(--color-text-light);
  text-align: justify
}
.career-vacancies-card__arrow,
.product-courses-card__arrow {
  margin-top: auto;
  margin-bottom: var(--cardMobIndentY);
  color: var(--ola-brend8)
}
@media (min-width:576px) {
  .career-vacancies-card,
  .product-courses-card {
    padding: 0 2.4rem
  }
  .career-vacancies-card__arrow,
  .product-courses-card__arrow {
    margin-bottom: 2.4rem
  }
}
@media (min-width:1020px) {
  .product-courses-card__icon {
    margin-bottom: 1.2rem;
    margin-top: 2.4rem
  }
  .product-courses-card__icon svg {
    width: 3.2rem;
    height: 3.2rem
  }
  .career-vacancies-card__name,
  .product-courses-card__name {
    margin-bottom: .8rem;
    font-size: max(16px,1.2rem)
  }
  .career-vacancies-card__description,
  .product-courses-card__description {
    margin-bottom: 1.8rem;
    font-size: max(14px,.9rem)
  }
}
.product-courses-slider__navigation,
.project-slider__navigation {
  margin-top: var(--indentMobPagination);
  height: 32px
}
@media (min-width:1020px) {
  .product-courses-slider__btns-row {
    margin-top: 4.4rem
  }
  .product-courses-slider__navigation,
  .project-slider__navigation {
    margin-top: 4.4rem;
    height: auto
  }
}
@media (min-width:1020px) {
  .swiper-btns-row .product-courses-slider__navigation,
  .swiper-btns-row .project-slider__navigation {
    margin-top: 0
  }
}
.product-courses {
  padding: var(--indentMobSection) 0
}
.product-courses__heading {
  margin-bottom: var(--indentMobCol)
}
.main-solutions__heading-2cols,
.product-courses__heading-2cols {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: var(--indentMobInlineXS);
  flex-wrap: wrap
}
.main-solutions__heading-2cols .block-heading__title,
.product-courses__heading-2cols .block-heading__title {
  margin-bottom: 0
}
.product-courses__title {
  color: inherit
}
.product-courses__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(var(--mob-card-width),1fr));
  gap: 8px
}
@media (min-width:576px) {
  .product-courses__heading {
    margin-bottom: 3.2rem
  }
}
@media (min-width:1020px) {
  .product-courses {
    padding: 5rem 0
  }
  .main-solutions__heading-2cols,
  .product-courses__heading-2cols {
    margin-bottom: 3.2rem
  }
  .product-courses__list {
    gap: 2.4rem;
    grid-template-columns: repeat(3,1fr)
  }
}
@media (max-width:575px) {
  .main-solutions__link--desktop,
  .product-courses__link--desktop {
    visibility: hidden;
    display: none
  }
}
.main-solutions__link--mob,
.product-courses__link--mob {
  text-align: center;
  margin-top: var(--indentMobCol)
}
@media (min-width:576px) {
  .main-solutions__link--mob,
  .product-courses__link--mob {
    visibility: hidden;
    display: none
  }
}
.product-demos-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--indentMobCol);
  padding: var(--indentMobInline) var(--indentMobInlineXS);
  background: url(../img/deco/bg-darker-arrows.svg) center right/auto 100% no-repeat var(--ola-brend2);
  color: var(--color-white)
}
.product-demos-card__name {
  margin: 0 0 var(--indentMobInlineXS);
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  font-family: var(--font-base);
  text-transform: none;
  letter-spacing: -.02em
}
.product-demos-card__description,
.product-demos-new__description {
  margin-bottom: var(--indentMobInline);
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -.01em
}
.product-demos-card__download {
  display: flex;
  flex-wrap: wrap;
  gap: 24px
}
.product-demos-card__download a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: var(--ola-brend8)
}
.product-demos-card__download a svg {
  width: 32px;
  height: 32px
}
.product-demos-card__get {
  display: flex;
  flex-direction: column;
  gap: var(--indentMobInline);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2
}
.product-demos-card__get p {
  margin: 0
}
.product-demos-card__get a {
  font-weight: 700
}
@media (min-width:576px) {
  .product-demos-card {
    padding: 4rem 4.9rem 4.6rem 4.15rem
  }
  .product-demos-card__name {
    margin-bottom: 1.2rem;
    font-size: max(18px,1.3rem)
  }
}
@media (min-width:576px) {
  .product-demos-card__get {
    font-size: max(16px,1rem);
    gap: 1.3rem
  }
  .product-demos-card__get a {
    max-width: 18rem
  }
}
@media (min-width:1020px) {
  .product-demos-card {
    grid-template-columns: 1fr auto
  }
  .product-demos-card--simple {
    padding-bottom: 4.56rem
  }
  .product-demos-card__info {
    max-width: 42.5rem
  }
  .product-demos-card__description,
  .product-demos-new__description {
    font-size: max(16px,1rem);
    margin-bottom: 0
  }
  .product-demos-card__description--simple {
    margin-bottom: 0
  }
  .product-demos-card__download {
    gap: 2.5rem
  }
  .product-demos-card__download a {
    font-size: 1.8rem
  }
  .product-demos-card__download a svg {
    width: 2.4rem;
    height: 2.4rem
  }
  .product-demos-card__get a {
    white-space: nowrap;
    max-width: none
  }
}
.product-demos-new {
  padding: 4rem 4rem 3.1rem 4rem;
  background: url(../img/deco/bg-darker-arrows.svg) 78% 50%/auto 100% no-repeat var(--ola-brend2);
  color: var(--color-white);
  min-height: 19.2rem
}
@media (max-width:575px) {
  .product-demos-new {
    padding: var(--indentMobInline) var(--indentMobInlineXS)
  }
}
.product-demos-new__row {
  display: grid;
  grid-template-columns: 23.25rem 1fr;
  gap: 13.25rem
}
@media (max-width:1019px) {
  .product-demos-new__row {
    grid-template-columns: 1fr;
    gap: var(--indentMobCol)
  }
}
.product-demos-new__title {
  font-size: max(18px,1.6rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.02em
}
@media (max-width:575px) {
  .product-demos-new__title {
    font-size: 20px
  }
}
.product-demos-new__action-title {
  font-size: max(16px,1rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.02em
}
@media (max-width:575px) {
  .product-demos-new__action-title {
    font-size: 18px
  }
}
.product-demos-new__col-text {
  display: flex;
  flex-direction: column;
  gap: 1.2rem
}
@media (max-width:575px) {
  .product-demos-new__col-text {
    gap: var(--indentMobInline)
  }
}
.product-demos-new__actions--not-auth {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
  align-items: flex-start
}
.product-demos-new__actions--not-auth .product-demos-new__action-title {
  max-width: max(300px,17.6rem)
}
@media (max-width:575px) {
  .product-demos-new__actions--not-auth {
    max-width: 100%;
    gap: var(--indentMobInlineXS)
  }
}
.product-demos-new__actions--auth {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2.25rem 4.6rem;
  max-width: 30rem
}
@media (max-width:1019px) {
  .product-demos-new__actions--auth {
    max-width: 100%
  }
}
@media (max-width:575px) {
  .product-demos-new__actions--auth {
    gap: var(--indentMobInline) 48px
  }
}
.product-demos-new__actions-col {
  display: flex;
  flex-direction: column;
  gap: 1.3rem
}
@media (max-width:575px) {
  .product-demos-new__actions-col {
    gap: var(--indentMobInlineXS);
    flex: 1;
    min-width: 200px
  }
}
@media (max-width:575px) {
  .product-demos-new__btn {
    width: 100%
  }
}
.product-demos-new__btn--get {
  min-width: max(167px,8.35rem)
}
.product-demos {
  padding: var(--indentMobSection) 0
}
.product-demos__heading {
  margin-bottom: var(--indentMobCol)
}
.product-demos__selector {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(var(--mob-card-width),1fr));
  gap: 8px;
  margin-bottom: var(--indentMobCol)
}
.product-demos__selector-button {
  padding: 7px 15px!important;
  font-weight: 400;
  font-size: max(14px,.9rem);
  line-height: 1.3;
  font-family: var(--font-base);
  letter-spacing: .01em;
  text-align: center;
  background: var(--bg-base);
  border: 1px solid var(--ola-brend2);
  border-radius: 0;
  color: var(--ola-brend2);
  cursor: pointer
}
@media (hover:hover) {
  .product-demos__selector-button:hover {
    background: var(--ola-brend2);
    border-color: transparent;
    color: var(--color-white)
  }
}
.product-demos__selector-button.active,
.product-demos__selector-button.releases-form__btn.button.is-active {
  background: var(--color-font-on-inversed,var(--ola-brend2));
  border-color: transparent;
  color: var(--color-bg-contrast,var(--color-white))
}
.product-demos__item {
  display: none
}
.product-demos__item.active,
.product-demos__item.releases-form__btn.button.is-active {
  display: block
}
@media (min-width:576px) {
  .product-demos__heading {
    margin-bottom: 3.1rem
  }
}
@media (min-width:1020px) {
  .product-demos {
    padding: 6.4rem 0;
    background-size: auto 100%
  }
  .product-demos__selector {
    grid-template-columns: repeat(4,1fr);
    gap: 1.2rem;
    margin-bottom: 2.4rem
  }
  .product-demos__selector-button--wide {
    grid-column: span 2
  }
  .product-demos__heading--digitaltwin {
    max-width: 70.9rem
  }
  .product-demos__heading--simple {
    margin-bottom: 2.4rem!important
  }
}
@media (min-width:1440px) {
  .product-demos__selector {
    grid-template-columns: repeat(5,1fr)
  }
}
.become-partner-conditions,
.product-distributors-work-stages {
  padding: var(--indentMobSection) 0;
  color: var(--color-text-medium)
}
.become-partner-conditions__heading,
.product-distributors-work-stages__heading {
  margin-bottom: 48px
}
.product-distributors-work-stages__pagination {
  text-align: left
}
.product-distributors-work-stages__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  counter-reset: distributorsCounter
}
.become-partner-conditions__step,
.product-distributors-work-stages__step {
  position: relative;
  padding-top: 8px;
  padding-left: 60px
}
.become-partner-conditions__step::before,
.product-distributors-work-stages__step::before {
  content: counter(distributorsCounter);
  counter-increment: distributorsCounter;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -.02em;
  background: var(--color-font-contrast,var(--ola-brend2));
  color: var(--color-font-on-inversed,var(--color-primary-contrast))
}
.become-partner-conditions__step-title,
.product-distributors-work-stages__step-title {
  margin: 0 0 18px;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  font-family: var(--font-base);
  letter-spacing: -.02em;
  text-transform: none;
  text-wrap: balance;
  color: var(--color-font-contrast,var(--color-text-dark))
}
.product-distributors-work-stages__step-description {
  font-size: 16px;
  line-height: 1.4;
  color: var(--color-font-contrast,var(--color-text-light));
  text-align: justify
}
.become-partner-conditions__step-arrow,
.product-distributors-work-stages__step-arrow {
  position: absolute;
  top: 58px;
  bottom: 0;
  left: 21px;
  width: 1px;
  height: auto;
  background: var(--color-font-contrast,var(--ola-brend2))
}
.become-partner-conditions__step-arrow::before,
.product-distributors-work-stages__step-arrow::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 9px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M0.5 0V18L9.5 9L0.5 0Z' fill='%231D252D'/%3E%3C/svg%3E") center center no-repeat;
  transform-origin: left center;
  background-size: 100% auto;
  transform: rotate(90deg)
}
.become-partner-conditions__step:last-child .become-partner-conditions__step-arrow,
.become-partner-conditions__step:last-child .product-distributors-work-stages__step-arrow,
.product-distributors-work-stages__step:last-child .become-partner-conditions__step-arrow,
.product-distributors-work-stages__step:last-child .product-distributors-work-stages__step-arrow {
  display: none!important
}
@media (min-width:1020px) {
  .become-partner-conditions,
  .product-distributors-work-stages {
    padding: 6.4rem 0 3.9rem
  }
  .product-distributors-work-stages--digitaltwin .block-heading__title {
    white-space: nowrap
  }
  .become-partner-conditions__heading,
  .product-distributors-work-stages__heading {
    max-width: 40rem;
    margin-bottom: 5rem
  }
  .product-distributors-work-stages__list {
    grid-template-columns: repeat(2,1fr);
    gap: 3.2rem 4.8rem
  }
  .become-partner-conditions__step,
  .product-distributors-work-stages__step {
    padding-top: 4.3rem;
    padding-left: 0
  }
  .become-partner-conditions__step::before,
  .product-distributors-work-stages__step::before {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.1rem
  }
  .product-distributors-work-stages__step-description {
    font-size: max(14px,.8rem)
  }
  .become-partner-conditions__step-title,
  .product-distributors-work-stages__step-title {
    font-size: max(18px,1.1rem);
    margin-bottom: .9rem
  }
  .become-partner-conditions__step-arrow,
  .product-distributors-work-stages__step-arrow {
    top: 1.6rem;
    right: 0;
    bottom: auto;
    left: 3.6rem;
    width: auto;
    height: 1px
  }
  .become-partner-conditions__step-arrow::before,
  .product-distributors-work-stages__step-arrow::before {
    right: -2px;
    bottom: 0;
    left: auto;
    top: -.45rem;
    transform: rotate(0);
    width: .55rem;
    height: .9rem
  }
}
@media (min-width:1440px) {
  .become-partner-conditions__heading,
  .product-distributors-work-stages__heading {
    max-width: 46.95rem
  }
  .product-distributors-work-stages__list {
    grid-template-columns: repeat(4,1fr);
    max-width: 78.8rem
  }
  .become-partner-conditions__step-arrow,
  .product-distributors-work-stages__step-arrow {
    right: -3.2rem;
    top: 1.6rem
  }
  .product-distributors-work-stages__pagination {
    margin-top: 4rem
  }
}
.product-documentation {
  padding: var(--indentMobSection) 0;
  color: var(--color-text-medium)
}
.product-documentation__heading {
  margin-bottom: var(--indentMobCol)
}
.career-join__contact-list,
.product-documentation__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--indentMobInline)
}
.career-join-contact-item,
.product-documentation__item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 24px;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .career-join-contact-item:hover .product-documentation__name,
  .product-documentation__item:hover .product-documentation__name {
    color: var(--ola-link-hover)
  }
}
@media (hover:hover) {
  .career-join-contact-item:hover .career-join-contact-item__icon,
  .career-join-contact-item:hover .product-documentation__image,
  .product-documentation__item:hover .career-join-contact-item__icon,
  .product-documentation__item:hover .product-documentation__image {
    color: #fff;
    background: var(--ola-brend8)
  }
  .career-join-contact-item:hover .career-join-contact-item__icon svg,
  .career-join-contact-item:hover .product-documentation__image svg,
  .product-documentation__item:hover .career-join-contact-item__icon svg,
  .product-documentation__item:hover .product-documentation__image svg {
    color: #fff
  }
  .career-join-contact-item:hover .product-documentation__arrow,
  .product-documentation__item:hover .product-documentation__arrow {
    transform: translateX(10px)
  }
}
.career-join-contact-item__icon,
.product-documentation__image {
  width: 80px;
  height: 80px;
  padding: 24px;
  background: var(--color-bg-contrast,var(--ola-brend4white));
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.career-join-contact-item__icon svg,
.product-documentation__image svg {
  width: 100%;
  height: 100%
}
.product-documentation__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  justify-content: space-between
}
.product-documentation__name {
  margin: 0;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.2;
  font-family: var(--font-base);
  text-transform: none;
  color: var(--color-font-contrast,var(--color-text-black))
}
.product-documentation__description {
  font-size: 16px;
  line-height: 1.3;
  color: var(--color-font-contrast,var(--color-text-light));
  text-align: justify
}
.product-documentation__arrow {
  color: var(--ola-brend8);
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .product-documentation__arrow:hover {
    transform: translateX(10px)
  }
}
@media (min-width:1020px) {
  .product-documentation {
    padding: 6rem 0
  }
  .product-documentation__heading {
    margin-bottom: 4rem
  }
  .career-join__contact-list,
  .product-documentation__list {
    grid-template-columns: repeat(2,1fr);
    gap: 6rem 4rem
  }
  .career-join-contact-item__icon,
  .product-documentation__image {
    width: 8rem;
    height: 8rem;
    padding: 2.4rem
  }
  .career-join-contact-item__icon svg,
  .product-documentation__image svg {
    width: 3.2rem;
    height: 3.2rem
  }
  .product-documentation__name {
    font-size: max(18px,1rem)
  }
  .product-documentation__description {
    font-size: max(14px,.9rem)
  }
  .career-join-contact-item,
  .product-documentation__item {
    gap: 1.6rem
  }
}
@media (min-width:1440px) {
  .career-join__contact-list,
  .product-documentation__list {
    grid-template-columns: repeat(3,1fr)
  }
}
.product-documentation--centered .product-documentation__info {
  gap: 16px;
  justify-content: center
}
.product-features {
  padding: var(--indentMobSection) 0
}
.product-configurator__heading,
.product-features__heading {
  margin-bottom: var(--indentMobCol)
}
.product-configurator__list,
.product-features__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--indentMobInline);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: advantagesCounter
}
.product-configurator__title,
.product-features__title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  font-family: var(--font-base);
  text-transform: none;
  color: var(--color-font-contrast,var(--color-text-dark))
}
.product-configurator__title::before,
.product-features__title::before {
  content: counter(advantagesCounter);
  counter-increment: advantagesCounter;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -.01em;
  text-align: center;
  background: var(--color-bg-contrast,var(--ola-brend4white));
  color: var(--ola-brend2)
}
.product-configurator__title + .product-configurator__description,
.product-configurator__title + .product-features__description,
.product-features__title + .product-configurator__description,
.product-features__title + .product-features__description {
  margin-bottom: var(--indentMobInlineXS)
}
.product-configurator__description,
.product-features__description {
  font-size: 14px;
  line-height: 1.3;
  color: var(--color-font-contrast,var(--color-text-light));
  text-align: justify
}
.product-configurator__description ul.list--type-square,
.product-features__description ul.list--type-square {
  padding-left: 52px
}
.product-features__paginator {
  margin-top: 54px
}
.product-features__pagination {
  text-align: left
}
@media (max-width:575px) {
  .product-configurator__title,
  .product-features__title {
    align-items: flex-start;
    margin-bottom: var(--indentMobInline)
  }
}
@media (min-width:1020px) {
  .product-features {
    padding: 4rem 0
  }
  .product-configurator__title,
  .product-features__title {
    font-size: max(16px,1.1rem);
    gap: .8rem;
    margin-bottom: .8rem
  }
  .product-configurator__title:before,
  .product-features__title:before {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.3rem
  }
  .product-configurator__description,
  .product-features__description {
    font-size: max(14px,.9rem)
  }
  .product-configurator__description ul.list--type-square,
  .product-features__description ul.list--type-square {
    padding-left: 4rem
  }
  .product-configurator__heading,
  .product-features__heading {
    margin-bottom: 2.7rem
  }
  .product-configurator__heading .block-heading__text,
  .product-features__heading .block-heading__text {
    padding-bottom: 1.3rem
  }
  .product-configurator__list,
  .product-features__list {
    grid-template-columns: repeat(2,1fr);
    gap: 3.2rem 10.4rem
  }
}
@media (min-width:1440px) {
  .product-features__paginator {
    margin-top: 85px
  }
}
.product-features__item.is-hidden {
  display: none
}
.product-features--grey .product-configurator__title:before,
.product-features--grey .product-features__title:before {
  background: var(--color-white)
}
.product-features__container-cols4 .block-heading__title {
  max-width: 45rem
}
@media (min-width:1020px) {
  .product-features__container-cols4 .product-configurator__list,
  .product-features__container-cols4 .product-features__list {
    grid-template-columns: repeat(4,1fr);
    gap: 3rem
  }
}
.main-hero,
.product-hero {
  position: relative;
  padding: 0;
  background: linear-gradient(135deg,var(--ola-brend2),var(--ola-brend2));
  color: var(--color-text-medium)
}
.main-hero__image,
.product-hero__image {
  position: relative
}
.main-hero__image-bg svg,
.product-hero__image-bg svg {
  position: absolute;
  top: 0;
  width: 50px;
  height: auto
}
.main-hero__image-bg svg:first-child,
.product-hero__image-bg svg:first-child {
  left: 0
}
@media (max-width:1439px) {
  .main-hero__image-bg svg:first-child,
  .product-hero__image-bg svg:first-child {
    display: none
  }
}
.main-hero__image-bg svg:last-child,
.product-hero__image-bg svg:last-child {
  right: 0
}
.main-hero__content,
.product-hero__content {
  padding: 24px 0
}
.main-hero__title,
.product-hero__title {
  margin: 0 0 16px;
  color: var(--color-white);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -1px;
  text-transform: uppercase
}
@media (max-width:1019px) {
  .main-hero__title,
  .product-hero__title {
    display: none
  }
}
.main-hero__title-mob,
.product-hero__title-mob {
  color: var(--color-white);
  display: block;
  padding: 30px 16px 16px;
  font-size: min(6vw,28px)!important
}
@media (max-width:575px) {
  .main-hero__title-mob,
  .product-hero__title-mob {
    font-size: 19px!important
  }
}
.product-hero__subtitle {
  color: var(--color-white);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 16px
}
.main-hero__text,
.product-hero__text {
  color: var(--color-white);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  text-align: justify
}
@media (min-width:1020px) {
  .main-hero__text,
  .product-hero__text {
    max-width: 35rem
  }
}
.product-hero__btn-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px
}
@media (min-width:1020px) {
  .product-hero__btn-block {
    min-width: 550px
  }
}
.product-hero__btn-block a,
.product-hero__btn-block button {
  white-space: nowrap;
  max-width: 350px;
  width: 100%
}
.product-hero__btn-block a:nth-child(2),
.product-hero__btn-block button:nth-child(2) {
  background-color: var(--ola-brend2)
}
.main-hero .img-cover,
.product-hero .img-cover {
  max-height: 15rem!important
}
@media (min-width:576px) {
  .main-hero__content,
  .product-hero__content {
    padding: 3rem 0
  }
}
@media (min-width:1020px) {
  .main-hero,
  .product-hero {
    display: grid
  }
  .main-hero .img-cover,
  .product-hero .img-cover {
    max-height: 12.5rem!important
  }
  .main-hero__container,
  .main-hero__image,
  .product-hero__container,
  .product-hero__image {
    grid-column: 1/2;
    grid-row: 1/2
  }
  .main-hero__image-bg svg,
  .product-hero__image-bg svg {
    width: 8rem
  }
  .main-hero__container,
  .product-hero__container {
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(12,1fr);
    gap: 24px;
    align-items: center
  }
  .main-hero__content,
  .product-hero__content {
    grid-column: 1/span 6
  }
  .main-hero__title,
  .product-hero__title {
    display: block;
    font-size: 2.5rem
  }
  .main-hero__title-mob,
  .product-hero__title-mob {
    display: none
  }
  .main-hero__title,
  .product-hero__title {
    margin-bottom: 1.6rem
  }
  .product-hero__subtitle {
    font-size: max(18px,1.3rem);
    margin-bottom: 1.6rem;
    padding-top: .8rem
  }
  .main-hero__text,
  .product-hero__text {
    font-size: max(16px,1rem)
  }
  .product-hero__btn-block {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1.6rem
  }
  .product-hero__btn-block a,
  .product-hero__btn-block button {
    max-width: none;
    width: auto
  }
  .main-hero .img-cover,
  .product-hero .img-cover {
    max-height: 37.5rem!important
  }
}
@media (min-width:1600px) {
  .main-hero__container,
  .product-hero__container {
    gap: 48px
  }
}
@media (min-width:576px) and (max-width:1019px) {
  .main-hero__image .img-cover,
  .product-hero__image .img-cover {
    max-height: unset!important;
    height: 100%
  }
}
@media (min-width:1600px) {
  .main-hero__content,
  .product-hero__content {
    padding-right: 36px
  }
}
.products-breadcrumbs {
  position: absolute;
  top: 68px;
  left: 0;
  z-index: 2;
  width: 100%
}
@media (max-width:1439px) {
  .products-breadcrumbs {
    top: 10px
  }
}
@media (min-width:1200px) {
  .products-breadcrumbs {
    top: 25px
  }
}
@media (max-width:1019px) {
  .products-breadcrumbs {
    top: 0
  }
}
.products-breadcrumbs .breadcrumbs__item {
  color: var(--ola-brend3);
  opacity: 1
}
.products-breadcrumbs .breadcrumbs__item span {
  opacity: 1
}
.products-breadcrumbs .breadcrumbs__item:before {
  opacity: 1!important
}
.products-breadcrumbs .breadcrumbs__item a {
  color: var(--ola-brend3)
}
.product-licenses {
  padding: var(--indentMobSection) 0
}
.product-licenses__heading {
  max-width: 63.8rem;
  margin-bottom: var(--indentMobCol)
}
.product-bms-versions__title,
.product-capabilities__title,
.product-licenses__title,
.product-prices-free__title,
.product-prices__title,
.product-processes__title,
.product-protocols__title,
.product-type__title {
  color: inherit
}
.product-licenses__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--indentMobInline);
  margin-bottom: var(--indentMobCol)
}
.product-licenses__item,
.product-prices-free__item,
.product-prices__item {
  padding: var(--cardMobIndents);
  color: var(--color-text-medium);
  background: var(--color-bg-contrast,var(--ola-brend4white))
}
.product-licenses__name,
.product-prices-free__name,
.product-prices__name {
  margin: 0 0 16px;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  font-family: var(--font-base);
  text-transform: none;
  color: var(--color-text-dark)
}
.product-licenses__description,
.product-prices__description,
.product-protocols__description,
.product-type__description {
  font-size: 16px;
  line-height: 1.3;
  text-align: justify
}
.product-licenses__choose-title,
.product-prices__choose-title {
  margin: 0 0 24px;
  font-size: 22px;
  line-height: 1.3;
  font-family: var(--font-base);
  text-transform: none
}
.product-licenses__choose-buttons,
.product-prices__choose-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px
}
.product-licenses__choose-buttons .button,
.product-prices__choose-buttons .button {
  width: 100%
}
.product-licenses__choose-buttons .button:not(:nth-child(1)),
.product-prices__choose-buttons .button:not(:nth-child(1)) {
  background-color: var(--color-black)
}
@media (min-width:576px) {
  .product-licenses__list {
    grid-template-columns: repeat(auto-fit,minmax(350px,1fr))
  }
  .product-licenses__choose-buttons,
  .product-prices__choose-buttons {
    gap: 24px
  }
  .product-licenses__choose-buttons > a,
  .product-prices__choose-buttons > a {
    min-width: 350px;
    width: auto!important;
    width: auto;
    flex: 1
  }
}
@media (min-width:1020px) {
  .product-licenses {
    padding: 4.7rem 0 5.3rem
  }
  .product-licenses__heading {
    margin-bottom: 3.2rem
  }
  .product-licenses__list {
    grid-template-columns: repeat(2,1fr);
    gap: 1.6rem;
    margin-bottom: 2rem
  }
  .product-licenses__item,
  .product-prices-free__item,
  .product-prices__item {
    padding: 2.4rem;
    background-size: 4.4rem 4.4rem
  }
  .product-licenses__name,
  .product-prices-free__name,
  .product-prices__name {
    font-size: max(18px,1.3rem)
  }
  .product-licenses__description,
  .product-prices__description,
  .product-protocols__description,
  .product-type__description {
    font-size: max(14px,.9rem)
  }
  .product-licenses__choose-title,
  .product-prices__choose-title {
    margin-bottom: 1.6rem;
    font-size: max(18px,1.3rem)
  }
  .product-licenses__choose-buttons,
  .product-prices__choose-buttons {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem
  }
  .product-licenses__choose-buttons > a,
  .product-prices__choose-buttons > a {
    font-weight: 700;
    flex: none
  }
}
@media (min-width:1440px) {
  .product-licenses__list {
    grid-template-columns: repeat(4,1fr)
  }
}
.product-main-features {
  padding: 6px 0;
  background: var(--ola-brend2);
  color: var(--color-primary-contrast);
  border-top: 1px solid #414141
}
.product-main-features__list {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none
}
.product-main-features__item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 15px;
  margin: 0;
  padding: 18px 0
}
.product-main-features__icon {
  height: 32px
}
.product-main-features__text {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.1
}
.product-main-features__text b {
  display: block;
  margin-bottom: 4px;
  font-size: 16px
}
@media (min-width:576px) {
  .product-main-features {
    padding: 1.2rem 0
  }
}
@media (min-width:1020px) {
  .product-main-features {
    border-top: 0
  }
  .product-main-features__list {
    grid-template-columns: repeat(auto-fit,286px);
    justify-content: space-between
  }
  .product-main-features__item {
    padding: 0;
    gap: 1rem
  }
  .product-main-features__icon {
    height: 3rem
  }
  .product-main-features__text {
    font-size: .8rem
  }
  .product-main-features__text b {
    font-weight: inherit;
    font-size: 1rem
  }
}
@media (min-width:1440px) {
  .product-main-features__list {
    grid-template-columns: repeat(auto-fit,286px);
    justify-content: space-between
  }
  .product-main-features__text b {
    margin-bottom: 5px
  }
}
.product-main-pic {
  padding-bottom: 3.05rem;
  padding-top: 6.25rem
}
@media (max-width:1019px) {
  .product-main-pic {
    padding: var(--indentMobSection) 0
  }
}
.product-main-pic.theme-white {
  background: #fff
}
.product-main-pic--no-text {
  padding-bottom: 9.55rem;
  padding-top: 6.9rem
}
@media (max-width:1019px) {
  .product-main-pic--no-text {
    padding: var(--indentMobSection) 0
  }
}
.product-main-pic__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.product-main-pic__wrapper {
  max-width: 71.2rem
}
.product-main-pic__wrapper img {
  width: 100%
}
.product-main-pic__title {
  color: var(--ola-brend2);
  font-family: var(--font-accent);
  font-size: 32px;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.64px;
  text-transform: uppercase;
  margin-bottom: 10px
}
@media (max-width:1019px) {
  .product-main-pic__title {
    font-size: 24px
  }
}
.product-main-pic__subtitle {
  color: var(--ola-brend2);
  font-family: var(--font-base);
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.2px;
  margin-bottom: 2.4rem;
  width: 50%
}
@media (max-width:1019px) {
  .product-main-pic__subtitle {
    font-size: 16px;
    width: 100%
  }
}
.product-pricelist {
  padding: var(--cardMobIndents);
  background: #31383e;
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px
}
.product-pricelist a {
  color: inherit;
  text-decoration: underline
}
.product-pricelist__button {
  padding: 10px;
  background: var(--color-white);
  border-radius: 0;
  min-height: 42px
}
.product-pricelist__button svg {
  width: 20px;
  height: 20px;
  color: var(--ola-brend8)
}
@media (min-width:576px) {
  .product-pricelist {
    flex-direction: row;
    gap: 24px;
    justify-content: space-between;
    align-items: center
  }
}
@media (min-width:1020px) {
  .product-pricelist {
    padding: 1.2rem 2.4rem;
    font-size: max(16px,1.3rem)
  }
  .product-pricelist__button {
    padding: 1.2rem
  }
  .product-pricelist__button svg {
    width: 1.6rem;
    height: 1.6rem
  }
}
.product-prices-free {
  padding: var(--indentMobSection) 0
}
.product-prices-free__heading {
  margin-bottom: 24px
}
.product-prices-free__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-bottom: 32px
}
.product-prices-free__download-pricelist {
  margin-bottom: var(--indentMobCol)
}
.product-prices-free__text {
  font-size: 16px;
  margin-bottom: var(--indentMobCol);
  text-align: justify
}
.product-prices-free__item {
  position: relative;
  background: 0 0;
  color: var(--color-font-contrast,var(--color-text-dark))
}
.product-prices-free__name {
  font-size: 17px;
  padding-right: 4.4rem;
  margin-bottom: 24px;
  color: var(--color-font-contrast,var(--color-text-dark))
}
.product-prices-free__tag {
  color: var(--ola-brend8);
  font-size: 16px;
  border: 1px solid var(--ola-brend8);
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: 700;
  display: inline-block
}
@media (min-width:576px) {
  .product-prices-free__list {
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    gap: 16px
  }
  .product-prices-free__choose-buttons > a {
    min-width: 350px;
    flex: 1
  }
}
@media (min-width:1020px) {
  .product-prices-free {
    padding: 6rem 0 5rem
  }
  .product-prices-free__heading {
    margin-bottom: 2.4rem
  }
  .product-prices-free__list {
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
    margin-bottom: 3.2rem
  }
  .product-prices-free__download-pricelist {
    margin-bottom: 4.8rem
  }
  .product-prices-free__text {
    font-size: max(16px,1.3rem);
    margin-bottom: 1.2rem
  }
  .product-prices-free__item {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }
  .product-prices-free__name {
    font-size: max(18px,1.2rem)
  }
  .product-prices-free__tag {
    font-size: max(16px,1.1rem);
    padding: .5rem 1rem
  }
}
.product-prices {
  padding: 32px 0
}
.product-prices__heading {
  margin-bottom: 24px
}
.product-prices__buttons {
  margin-bottom: 3.2rem;
  display: flex;
  gap: 16px
}
.product-prices__buttons .active,
.product-prices__buttons .releases-form__btn.button.is-active {
  background: var(--color-font-contrast,var(--ola-brend2));
  color: var(--color-font-on-inversed,var(--ola-brend4white))
}
.product-prices__versions-title {
  color: var(--color-font-contrast,var(--ola-brend2));
  font-family: var(--font-accent);
  font-size: 1.3rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.52px;
  text-transform: uppercase;
  margin-bottom: 1.2rem
}
.product-prices__versions-text {
  font-size: 14px;
  margin-bottom: 1.2rem
}
.product-prices__tab {
  display: none
}
.product-prices__tab.active,
.product-prices__tab.releases-form__btn.button.is-active {
  display: block
}
.product-prices__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-bottom: 32px
}
.product-prices__item {
  position: relative
}
.product-prices__name {
  font-size: 17px;
  padding-right: 4.4rem
}
@media (min-width:576px) {
  .product-prices__list {
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    gap: 16px
  }
  .product-prices__choose-buttons > a {
    min-width: 350px;
    flex: 1
  }
}
@media (min-width:1020px) {
  .product-prices {
    padding: 6rem 0 6.85rem
  }
  .product-prices__versions-text {
    font-size: 1.2rem;
    margin-bottom: 1.2rem
  }
  .product-prices__buttons {
    margin-bottom: 3.2rem
  }
  .product-prices__heading {
    margin-bottom: 1.4rem
  }
  .product-prices__list {
    grid-template-columns: repeat(4,1fr);
    gap: 1.6rem;
    margin-bottom: 4rem
  }
  .product-prices__item {
    padding: 3.2rem 2.4rem
  }
  .product-prices__name {
    font-size: max(18px,1.3rem)
  }
  .product-prices__choose-buttons > a {
    min-width: 100px;
    flex: none
  }
}
.product-processes {
  padding: var(--indentMobSection) 0;
  position: relative
}
.product-processes__heading {
  margin-bottom: var(--indentMobCol)
}
.product-processes__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
  gap: var(--indentMobInline)
}
.product-processes__item {
  background: var(--color-bg-contrast,var(--ola-brend4white));
  position: relative;
  padding: var(--cardMobIndents);
  min-height: 70px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start
}
.product-processes__icon {
  width: 30px;
  height: 30px;
  color: var(--ola-brend2-100)
}
.product-processes__icon svg {
  width: 100%;
  height: auto
}
.product-processes__name {
  color: var(--color-text-black);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  font-family: var(--font-base);
  text-transform: none;
  margin-top: 0
}
@media (min-width:576px) {
  .product-processes__list {
    gap: 16px
  }
}
@media (min-width:1020px) {
  .product-processes {
    padding: 6.6rem 0 6rem
  }
  .product-processes__item {
    min-height: 10rem;
    padding: 1.2rem;
    gap: 1rem
  }
  .product-processes__item:first-child {
    grid-column-start: 4
  }
  .product-processes__icon {
    width: 3.2rem;
    height: 3.2rem
  }
  .product-processes__heading {
    width: 45rem;
    position: absolute;
    margin-top: -.5rem
  }
  .product-processes__list {
    grid-template-columns: repeat(5,minmax(100px,1fr));
    gap: .8rem
  }
  .product-processes__name {
    font-size: 15px
  }
  .product-processes--indent2 .product-processes__list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr))
  }
  .product-processes--indent2 .product-processes__heading {
    position: relative;
    margin-top: 0
  }
  .product-processes--indent2 .product-processes__item:first-child {
    grid-column-start: 1
  }
}
@media (min-width:1440px) {
  .product-processes__list {
    grid-template-columns: repeat(6,1fr)
  }
  .product-processes__name {
    font-size: max(18px,1rem)
  }
  .product-processes--indent2 .product-processes__list {
    grid-template-columns: repeat(4,1fr)
  }
  .product-processes--indent2 .container {
    display: flex;
    align-items: center
  }
  .product-processes--indent2 .product-processes__heading {
    width: 28.7rem;
    flex: 0 0 auto
  }
}
.product-projects {
  color: var(--color-text-medium)
}
.product-projects__heading,
.product-scope__heading {
  margin-bottom: var(--indentMobCol)
}
.product-projects__pagination,
.product-scope__pagination {
  margin-top: 40px
}
.product-projects__buttons,
.product-scope__buttons {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 20px;
  margin-top: var(--indentMobCol)
}
.product-projects__button-more-wrap {
  display: flex;
  justify-content: center
}
@media (min-width:1020px) {
  .product-projects__buttons,
  .product-scope__buttons {
    flex-direction: row;
    margin-top: -2.3rem
  }
  .product-projects__heading,
  .product-scope__heading {
    margin-bottom: 3.75rem
  }
}
.block-heading--show-all {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}
.block-heading--show-all .block-heading__title {
  margin-bottom: 0
}
@media (max-width:1019px) {
  .block-heading--show-all a {
    display: none
  }
}
.product-projects--pt {
  padding-top: var(--indentMobSection)
}
@media (min-width:1020px) {
  .product-projects--pt {
    padding-top: 6rem
  }
}
.product-projects--pb {
  padding-bottom: var(--indentMobCol)
}
@media (min-width:1020px) {
  .product-projects--pb {
    padding-bottom: 6rem
  }
}
.product-protocols {
  padding: var(--indentMobSection) 0
}
.product-protocols__heading,
.product-type__heading {
  margin-bottom: var(--indentMobInline)
}
.product-protocols__buttons {
  margin-bottom: var(--indentMobCol);
  display: flex;
  gap: 16px
}
.product-protocols__buttons .active,
.product-protocols__buttons .releases-form__btn.button.is-active {
  color: #fff;
  background: var(--ola-brend2);
  border: 1px solid transparent;
  font-weight: 700
}
@media (hover:hover) {
  .product-protocols__buttons .active:hover,
  .product-protocols__buttons .releases-form__btn.button.is-active:hover {
    background: var(--ola-brend2)
  }
}
.product-protocols__buttons .button--outlined {
  border-color: var(--color-text-light);
  font-weight: 700
}
.product-protocols__tab {
  display: none
}
.product-protocols__tab.active,
.product-protocols__tab.releases-form__btn.button.is-active {
  display: block
}
.product-protocols__list,
.product-type__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
  gap: .8rem
}
.product-protocols__item,
.product-type__item {
  background: var(--color-bg-contrast,var(--ola-brend4white));
  color: var(--color-text-black);
  position: relative;
  padding: 10px 30px;
  min-height: 70px;
  display: flex;
  align-items: center;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  position: relative
}
.product-protocols__item::after,
.product-type__item::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 30px solid transparent;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  transition: .3s ease
}
@media (hover:hover) {
  .product-protocols__item:hover::after,
  .product-type__item:hover::after {
    border-right: 30px solid var(--ola-brend8)
  }
}
@media (hover:hover) {
  .product-protocols__item:hover,
  .product-type__item:hover {
    background-size: cover
  }
}
.product-protocols__name,
.product-type__name {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  font-family: var(--font-base);
  text-transform: none
}
.about__info-modal-wrap,
.product-protocols__modal-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  align-items: center;
  justify-content: center;
  width: var(--page-width);
  height: var(--page-height)
}
.product-protocols__modal-wrap.show,
.show.about__info-modal-wrap {
  display: flex
}
.about__info-modal,
.product-protocols__modal {
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--page-width);
  max-width: 1508px;
  max-height: var(--page-height);
  padding: 3.2rem 16px;
  background: var(--ola-brend4white);
  overflow-y: hidden
}
.about__info-modal-btn-close,
.product-protocols__modal-btn-close {
  position: fixed;
  right: 16px;
  top: 8px;
  width: 32px;
  height: 32px;
  background: 0 0;
  color: #9a9292;
  z-index: 1;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center
}
.about__info-modal-btn-close svg,
.product-protocols__modal-btn-close svg {
  width: 20px;
  height: 20px
}
.product-protocols__slider-wrap {
  flex: 1;
  display: flex;
  overflow: hidden;
  position: relative;
  color: var(--color-text-dark)
}
.product-protocols__slider-wrap .swiper-slide {
  opacity: 0!important
}
.product-protocols__slider-wrap .swiper-slide-active {
  opacity: 1!important
}
.product-protocols__slider-item {
  display: grid;
  grid-template-rows: min-content 1fr;
  width: 100%
}
.product-protocols__slide {
  display: flex!important
}
.product-protocols__slider-item-title {
  font-size: 20px;
  font-family: var(--font-base);
  text-transform: none
}
.product-protocols__slider-item-header {
  margin-bottom: 32px
}
.product-protocols__slider-item-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden
}
.product-protocols__slider-item-pic,
.product-protocols__slider-item-txt {
  flex: 1
}
.product-protocols__slider-item-txt {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative
}
.product-protocols__slider-item-txt:after {
  content: "";
  display: block;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  background: linear-gradient(180deg,transparent,var(--ola-brend4white))
}
.product-protocols__slider-item-txt::-webkit-scrollbar {
  width: 18px;
  height: 18px
}
.product-protocols__slider-item-txt::-webkit-scrollbar-track {
  margin: 4px
}
.product-protocols__slider-item-txt::-webkit-scrollbar-button {
  width: 0;
  height: 0
}
.product-protocols__slider-item-txt::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: var(--ola-brend8);
  background-clip: content-box;
  border: 6px solid transparent
}
.product-protocols__slider-item-txt > * {
  margin-top: 0!important;
  margin-bottom: 0!important
}
.product-protocols__slider-item-pic {
  justify-content: center;
  display: flex
}
.product-protocols__slider-item-pic img {
  max-height: 100%;
  width: auto!important;
  -o-object-fit: contain;
  object-fit: contain
}
.product-protocols__slider-list li {
  list-style-type: none;
  font-size: 16px;
  padding-left: 20px;
  position: relative;
  margin-bottom: 8px
}
.product-protocols__slider-list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  background: var(--ola-brend8)
}
@media (max-width:1019px) {
  .product-protocols {
    min-height: 250px
  }
}
@media screen and (max-width:1019px) and (orientation:landscape) {
  .product-protocols__slider-item-content {
    gap: 2.4rem;
    flex-direction: row
  }
}
@media (min-width:1020px) {
  .product-protocols {
    padding: 6rem 0 2.05rem
  }
  .product-protocols__item,
  .product-type__item {
    min-height: 7rem;
    padding: 1.7rem 1.2rem
  }
  .product-protocols__buttons {
    margin-bottom: 3.2rem
  }
  .product-protocols__heading,
  .product-type__heading {
    margin-bottom: 3.2rem
  }
  .product-protocols__name,
  .product-type__name {
    font-size: max(14px,1rem)
  }
  .product-protocols__slider-item-title {
    font-size: max(20px,1.3rem)
  }
  .product-protocols__slider-item-content {
    gap: 2.4rem;
    flex-direction: row;
    margin-left: 6.4rem;
    margin-right: 6.4rem
  }
  .product-protocols__slider-item-header {
    margin-bottom: 2.4rem
  }
  .about__info-modal,
  .product-protocols__modal {
    width: calc(var(--page-width) - 32px);
    max-height: calc(var(--page-height) - 32px);
    padding-left: 3.2rem;
    padding-right: 3.2rem
  }
  .product-protocols__slider-list {
    margin-left: 0;
    padding-left: 0
  }
  .product-protocols__slider-list li {
    font-size: max(14px,1rem)
  }
  .product-protocols__slider-list li:before {
    top: .4rem
  }
  .about__info-modal-btn-close,
  .product-protocols__modal-btn-close {
    position: absolute;
    right: 16px;
    top: 18px;
    z-index: 100;
    background: 0 0;
    color: var(--color-text-black)
  }
  .about__info-modal-btn-close svg,
  .product-protocols__modal-btn-close svg {
    width: 100%;
    height: 100%
  }
}
@media (min-width:1440px) {
  .product-protocols__list,
  .product-type__list {
    grid-template-columns: repeat(6,1fr)
  }
}
.product-protocols-slider__button {
  width: 30px;
  height: 30px;
  padding: 0;
  background: var(--color-white)!important;
  color: var(--ola-brend2);
  background: 0 0;
  border: 0;
  outline: 0;
  position: fixed;
  top: 30px
}
.product-protocols-slider__button svg {
  width: 20px;
  height: 10px;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (min-width:1020px) {
  .product-protocols-slider__button svg {
    width: 1.9rem;
    height: .8rem
  }
}
.product-protocols-slider__button--prev {
  right: 107px;
  left: auto
}
@media (min-width:1020px) {
  .product-protocols-slider__button--prev {
    left: 3.2rem;
    right: auto
  }
}
@media (hover:hover) {
  .product-protocols-slider__button--prev:hover svg {
    transform: translateX(-10px);
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: ease-in-out
  }
}
.product-protocols-slider__button--next {
  right: 70px;
  left: auto
}
@media (min-width:1020px) {
  .product-protocols-slider__button--next {
    right: 3.2rem
  }
}
@media (hover:hover) {
  .product-protocols-slider__button--next:hover svg {
    transform: translateX(10px);
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: ease-in-out
  }
}
.product-protocols-slider__button:after {
  display: none
}
@media (hover:hover) {
  .product-protocols-slider__button:hover {
    --arrow-width: 2.2rem
  }
}
@media (min-width:1020px) {
  .product-protocols-slider__button {
    top: 50%;
    position: absolute;
    width: 4rem;
    height: 4rem
  }
}
.product-scope {
  padding: var(--indentMobSection) 0
}
@media (min-width:1020px) {
  .product-scope {
    padding: 6rem 0
  }
}
.scope-slider__button {
  color: var(--color-font-contrast,var(--ola-brend2))
}
.product-slider-logos {
  padding: var(--indentMobSection) 0;
  position: relative
}
.product-slider-logos__slider .swiper-slide {
  width: 100px!important
}
.product-slider-logos__heading {
  margin-bottom: var(--indentMobCol)
}
.product-slider-logos__heading .block-heading__text {
  max-width: 53.7rem
}
.product-slider-logos__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}
.product-slider-logos__slide-image {
  width: auto;
  max-width: 100%
}
.product-slider-logos__slide-image img {
  max-height: 40px
}
.product-slider-logos__navigation {
  margin-top: var(--indentMobSection)
}
.product-slider-logos__slider-buttons-wrap {
  position: relative
}
.product-slider-logos__button {
  color: var(--color-font-contrast,var(--ola-brend2))
}
.product-slider-logos--single {
  background: var(--ola-brend4white);
  padding-top: 32px;
  padding-bottom: 32px
}
@media (min-width:1020px) {
  .product-slider-logos {
    padding: 6.4rem 0 6.1rem
  }
  .product-slider-logos--single {
    padding-top: 3.2rem;
    padding-bottom: 3.15rem;
    margin-bottom: 2.26rem
  }
  .product-slider-logos__heading {
    margin-bottom: 5rem
  }
  .product-slider-logos__slider .swiper-slide {
    width: 260px!important
  }
  .product-slider-logos__slide-image {
    width: auto;
    max-width: 100%
  }
  .product-slider-logos__slide-image img {
    max-height: 100%
  }
  .product-slider-logos__navigation {
    margin-top: 3.95rem
  }
  .product-slider-logos__pagination {
    visibility: visible
  }
}
.product-slider-monitor {
  padding: 12px 0 24px;
  margin-bottom: 36px
}
.product-slider-monitor__slider {
  overflow: visible
}
.product-slider-monitor__slider .swiper-slide {
  opacity: 0!important
}
.product-slider-monitor__slider .swiper-slide-active {
  opacity: 1!important
}
.product-slider-monitor__slide {
  height: auto!important;
  box-sizing: border-box
}
.product-slider-monitor__pagination {
  --swiper-pagination-bottom: 44px;
  padding-right: 115px;
  padding-left: 0;
  text-align: left;
  bottom: -30px!important
}
.product-slider-monitor__button {
  width: 4rem;
  height: 4rem;
  padding: 0;
  background: 0 0;
  border: 1px solid var(--border-color-blue);
  color: var(--color-primary);
  display: none
}
.product-slider-monitor__button:after {
  display: none
}
.product-slider-monitor__button--prev {
  left: 0
}
.product-slider-monitor__button--next {
  right: 0
}
.product-slider-monitor__button:hover {
  --arrow-width: 2.2rem
}
@media (min-width:1020px) {
  .product-slider-monitor {
    padding-top: 4.6rem;
    padding-bottom: 4rem;
    min-height: 42.45rem;
    margin-bottom: 0
  }
  .product-slider-monitor__slide {
    padding-left: 7.9rem;
    padding-right: 7.9rem;
    display: flex;
    flex-direction: row;
    gap: 3.65rem
  }
  .product-slider-monitor__button {
    top: 15.475rem;
    display: flex
  }
  .product-slider-monitor__pagination {
    position: relative!important;
    bottom: 0!important;
    top: 3.2rem!important;
    margin-left: calc(49.3rem - 16px);
    max-width: 300px
  }
  .product-slider-monitor__btn-video-wrap {
    margin-left: 49.3rem;
    margin-top: 6.7rem
  }
}
.product-slider-monitor-slide {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.product-slider-monitor-slide__image {
  flex: 1;
  width: auto;
  background-size: 100% auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  position: relative
}
.product-slider-monitor-slide__image-wrap {
  max-height: 155px;
  display: flex;
  align-items: center;
  justify-content: center
}
.product-slider-monitor-slide__image-wrap img {
  max-height: 155px;
  width: 100%;
  height: auto
}
.product-slider-monitor-slide__title {
  color: var(--color-text-dark);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  font-family: var(--font-base);
  text-transform: none
}
.product-slider-monitor-slide__descr {
  margin-bottom: 18px;
  font-size: 16px
}
@media (min-width:576px) {
  .product-slider-monitor-slide__image {
    width: 100%;
    max-width: 500px;
    flex: 0 0 auto;
    background: url(../img/deco/bg-monitor.svg) center top no-repeat;
    background-size: 100% auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: relative
  }
  .product-slider-monitor-slide__image-wrap {
    height: 266px;
    max-height: 266px;
    margin-top: 17px;
    margin-bottom: 110px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center
  }
  .product-slider-monitor-slide__image-wrap img {
    max-height: 100%;
    max-width: 100%;
    height: auto
  }
}
@media (min-width:1020px) {
  .product-slider-monitor-slide__text {
    flex: 1;
    margin-left: 41.4rem
  }
  .product-slider-monitor-slide__image {
    width: 37.75rem;
    height: 29.85rem;
    max-width: 100%;
    flex: 0 0 auto;
    background: url(../img/deco/bg-monitor.svg) center center no-repeat;
    background-size: 100% auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    position: absolute
  }
  .product-slider-monitor-slide__title {
    font-size: max(20px,1.3rem)
  }
  .product-slider-monitor-slide__descr {
    font-size: max(16px,1.1rem)
  }
  .product-slider-monitor-slide__image-wrap {
    height: 19.5rem;
    max-height: 19.5rem;
    margin-top: 1.65rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center
  }
  .product-slider-monitor-slide__image-wrap img {
    max-height: 100%;
    max-width: 100%;
    height: auto
  }
}
.product-slider {
  padding: var(--indentMobSection) 0
}
.product-slider .swiper-slide {
  opacity: 0!important
}
.product-slider .swiper-slide-active {
  opacity: 1!important
}
.product-slider__slider {
  overflow: visible;
  position: relative;
  display: flex
}
.product-slider__button {
  position: absolute;
  bottom: 0;
  top: auto;
  color: var(--color-font-contrast,var(--ola-brend2))
}
.product-slider__slide {
  height: 100%;
  box-sizing: border-box;
  gap: var(--indentMobCol)
}
.product-slider__navigation {
  margin-top: var(--indentMobPagination);
  height: 32px
}
.product-slider__pagination {
  --swiper-pagination-bottom: 0;
  display: flex;
  justify-content: center;
  --swiper-pagination-bullet-inactive-color: var(--ola-brend6);
  --swiper-pagination-color: var(--ola-brend8);
  z-index: 2
}
.product-slider__btn-video-wrap {
  margin-top: var(--indentMobInline)
}
.product-slider__btn-video-wrap a {
  font-weight: 700;
  width: 100%
}
.product-slider__btn-video-wrap--desktop {
  visibility: hidden;
  display: none
}
@media (min-width:576px) {
  .product-slider__btn-video-wrap a {
    max-width: 18.5rem
  }
}
@media (min-width:1020px) {
  .product-slider {
    padding: 3.75rem 0 3.95rem;
    background-size: 100% auto
  }
  .product-slider__navigation {
    bottom: 0;
    height: auto
  }
  .product-slider__pagination {
    max-width: calc(100% - 44.1rem);
    bottom: 8px!important;
    justify-content: flex-end
  }
  .product-slider__btn-video-wrap {
    bottom: 5.5rem;
    width: auto;
    position: absolute;
    z-index: 100
  }
  .product-slider__btn-video-wrap--mob {
    visibility: hidden;
    display: none
  }
  .product-slider__btn-video-wrap--desktop {
    visibility: visible;
    display: block
  }
}
.product-slider-slide {
  display: flex;
  flex-direction: column
}
.product-slider-slide__image {
  padding: 1.75rem 1.75rem 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1
}
.product-slider-slide__image img {
  max-width: 100%;
  height: auto
}
.product-slider-slide__text {
  flex-grow: 0;
  text-align: justify;
  color: var(--color-font-contrast,var(--ola-brend2))
}
.product-slider-slide__title {
  color: var(--color-font-contrast,var(--ola-brend2));
  margin: 0 0 var(--indentMobInlineXS);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -.02em;
  text-align: left
}
.product-slider-slide__description {
  color: var(--color-font-contrast,var(--ola-brend2));
  font-size: 16px;
  line-height: 1.3
}
@media (min-width:576px) {
  .product-slider-slide {
    font-size: 20px
  }
}
@media (min-width:1020px) {
  .product-slider-slide {
    display: grid;
    gap: 4rem;
    grid-template-columns: 1fr 40.1rem
  }
  .product-slider-slide__text {
    flex-grow: 1;
    padding-bottom: 8rem
  }
  .product-slider-slide__image {
    padding-bottom: 1.75rem
  }
  .product-slider-slide__title {
    margin-bottom: 1.6rem;
    font-size: max(18px,2.2rem)
  }
  .product-slider-slide__subtitle {
    margin-bottom: 1.6rem;
    font-weight: 600
  }
  .product-slider-slide__description {
    font-size: max(14px,1rem);
    line-height: 1.4
  }
}
.product-slider--wide-pic .product-slider-slide .product-slider-slide__image {
  padding: 0;
  max-height: 300px;
  overflow: hidden;
  align-items: flex-start
}
.product-slider--wide-pic .product-slider-slide .product-slider-slide__image img {
  min-width: 100%;
  height: auto;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
@media (min-width:1020px) {
  .product-slider--wide-pic .product-slider-slide .product-slider-slide__image {
    max-height: 27.05rem
  }
}
.product-solutions-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
  padding: 24px 16px;
  background: var(--bg-base);
  color: var(--color-link)
}
@media (hover:hover) {
  .product-solutions-card:hover {
    --arrow-width: 92px;
    --tag-color: var(--color-primary);
    --card-bg-filled-bg-color: var(--linear-gradient-intaractive);
    --card-bg-filled-border-color: transparent;
    background: var(--linear-gradient-light-blue);
    box-shadow: 0 12px 30px 0 rgba(199,213,224,.5);
    color: var(--color-link-hover)
  }
}
.product-solutions-card__name {
  margin: 0 0 16px;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  font-family: var(--font-base);
  text-transform: none;
  letter-spacing: -.01em
}
.product-solutions-card__tag {
  margin-top: 16px
}
.product-solutions-card__arrow {
  margin-bottom: auto
}
@media (min-width:1020px) {
  .product-solutions-card {
    min-height: 12rem;
    padding: 1.7rem 3rem 1.7rem 1.2rem
  }
  .product-solutions-card__name {
    font-size: max(16px,1rem);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 3lh;
    margin-bottom: 6px;
    overflow: hidden
  }
}
.product-solutions-slider {
  padding: var(--indentMobSection) 0;
  color: var(--ola-brend2)
}
.product-solutions-slider__heading {
  max-width: 53.2rem;
  margin-bottom: var(--indentMobCol)
}
.product-solutions-slider__item {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 4px;
  padding-left: 4px;
  gap: var(--indentMobInline)
}
.product-solutions-slider__pagination:not(.swiper-pagination) {
  text-align: right;
  margin-top: 48px
}
.product-solutions-slider__pagination.swiper-pagination {
  bottom: 0;
  top: var(--cardMobSliderIndent)
}
.product-solutions-slider__arrow {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  color: var(--ola-brend8)
}
.product-solutions-slider__card {
  background: var(--color-bg-contrast,var(--ola-brend4white));
  min-height: 170px;
  display: flex;
  flex: 1;
  position: relative;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.product-solutions-slider__card::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 40px solid transparent;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  transition: .3s ease
}
@media (hover:hover) {
  .product-solutions-slider__card:hover::after {
    border-right: 40px solid var(--ola-brend8)
  }
}
@media (hover:hover) {
  .product-solutions-slider__card:hover .product-solutions-slider__arrow {
    transform: translateX(10px)
  }
}
.product-solutions-slider__card-content {
  padding: var(--cardMobIndents);
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  flex: 1
}
.product-solutions-slider__tag {
  --tag-color: var(--ola-brend2);
  margin-bottom: 8px;
  padding: .1rem .5rem!important
}
.product-solutions-slider__name {
  font: var(--font-base);
  color: var(--color-text-black);
  text-transform: none;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  margin-top: 0
}
.product-solutions-slider__button {
  color: var(--color-font-contrast,var(--color-text-dark))
}
@media (min-width:576px) {
  .product-solutions-slider__heading {
    margin-bottom: 3rem
  }
  .product-solutions-slider__item {
    gap: 8px
  }
  .product-solutions-slider__card-content {
    padding: 1.2rem 1.75rem
  }
  .product-solutions-slider__pagination:not(.swiper-pagination) {
    margin-top: 2rem
  }
}
@media (min-width:1020px) {
  .product-solutions-slider {
    padding: 6.4rem 0 7rem
  }
  .product-solutions-slider__card {
    min-height: 12rem
  }
  .product-solutions-slider__tag {
    margin-bottom: .8rem
  }
  .product-solutions-slider__card-content {
    gap: .8rem
  }
  .product-solutions-slider__name {
    font-size: 1rem
  }
  .product-solutions-slider__pagination.swiper-pagination {
    position: absolute;
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto)
  }
  .product-solutions-slider__pagination .pagination__more-button {
    margin-top: -3.5rem
  }
}
.product-solutions-slider.grey {
  --card-bg-color: var(--color-white)
}
.product-solutions {
  padding: 32px 0;
  background: var(--linear-gradient-gray);
  color: #2e2e34
}
.product-solutions__heading {
  max-width: 53.2rem;
  margin-bottom: 24px
}
.product-solutions__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(var(--mob-card-width),1fr));
  gap: 8px
}
.product-solutions__pagination {
  margin-top: 24px
}
.product-solutions.inverted {
  background: var(--linear-gradient-blue);
  color: var(--color-white)
}
.product-solutions.inverted .block-heading__title {
  color: inherit
}
@media (min-width:1020px) {
  .product-solutions {
    padding: 6.4rem 0
  }
  .product-solutions__heading {
    margin-bottom: 3rem
  }
  .product-solutions__list {
    grid-template-columns: repeat(4,1fr);
    gap: 2.4rem
  }
  .product-solutions__pagination {
    margin-top: 40px
  }
}
.product-top-line {
  border-top: 1px solid #414141;
  background: var(--ola-brend2);
  color: var(--color-white);
  padding-top: 1.2rem;
  padding-bottom: 1.2rem
}
.product-top-line__content {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: max(14px,1rem);
  font-weight: 700
}
@media (max-width:1019px) {
  .product-top-line__content {
    font-size: 14px
  }
}
.product-top-line__icon {
  width: 3rem;
  height: 3rem
}
@media (max-width:1019px) {
  .product-top-line__icon {
    width: 40px;
    height: 40px
  }
}
.product-type {
  padding: var(--indentMobSection) 0;
  display: flex;
  flex-direction: column;
  gap: var(--indentMobCol)
}
@media (min-width:1020px) {
  .product-type {
    padding: 6rem 0 5rem;
    gap: 5rem
  }
}
.product-type__heading {
  margin-bottom: var(--indentMobCol)
}
@media (min-width:1020px) {
  .product-type__heading {
    margin-bottom: 3.2rem;
    max-width: 56.7rem
  }
}
.product-type__item.no-hover {
  pointer-events: none;
  cursor: default
}
.product-type__item.no-hover:hover {
  pointer-events: none
}
.product-versions {
  padding: 6rem 0;
  display: flex
}
@media (max-width:1019px) {
  .product-versions {
    padding: var(--indentMobSection) 0
  }
}
.product-versions__container {
  display: flex;
  flex-direction: column;
  gap: 4rem
}
@media (max-width:1019px) {
  .product-versions__container {
    gap: var(--indentMobCol)
  }
}
.product-versions__list {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 4rem
}
@media (max-width:1019px) {
  .product-versions__list {
    display: flex;
    flex-direction: column;
    gap: var(--indentMobInline)
  }
}
.product-versions__item {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 1.6rem
}
@media (max-width:1019px) {
  .product-versions__item {
    align-items: flex-start
  }
}
.product-versions__icon {
  display: flex;
  flex: 0 0 auto;
  width: 8rem;
  height: 8rem;
  background: var(--color-bg-contrast,var(--ola-brend4white));
  display: flex;
  align-items: center;
  justify-content: center
}
@media (max-width:1019px) {
  .product-versions__icon {
    width: 4rem;
    height: 4rem;
    padding: 1.2rem
  }
}
.product-versions__icon svg {
  height: 3.2rem;
  width: auto
}
@media (max-width:1019px) {
  .product-versions__icon svg {
    height: 100%;
    width: auto
  }
}
.product-versions__name {
  font-size: max(16px,1rem);
  font-weight: 600;
  line-height: 1.2;
  font-family: var(--font-base);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: max(20px,1rem);
  padding-bottom: 1rem
}
@media (max-width:1019px) {
  .product-versions__name {
    font-size: 16px;
    padding-bottom: 0;
    padding-top: 0
  }
}
.product-versions__content {
  position: relative;
  height: 100%;
  align-items: center;
  display: flex;
  flex-wrap: wrap
}
@media (max-width:1019px) {
  .product-versions__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start
  }
}
.product-versions__in-progress {
  top: 0;
  left: 0;
  color: var(--ola-brend8);
  font-size: max(14px,1.1rem);
  font-weight: 600
}
@media (max-width:1019px) {
  .product-versions__in-progress {
    position: relative;
    left: 0;
    top: 0;
    font-size: 14px
  }
}
.products-card {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  text-transform: none
}
.products-card__preview {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  background: var(--ola-brend4white);
  color: var(--ola-brend2);
  min-width: 250px;
  min-height: 120px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.products-card__preview:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--ola-brend8);
  background-size: cover;
  opacity: 0;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.products-card__arrow {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  color: var(--ola-brend8)
}
.products-card__title {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -.01em;
  font-family: var(--font-base);
  text-transform: none;
  position: relative;
  z-index: 1
}
.products-card__subtitle {
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -.02em;
  position: relative;
  z-index: 1
}
.products-card__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 300px;
  flex: 2
}
.products-card__description {
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -.01em;
  color: var(--color-text-light)
}
.products-card__description p {
  margin: 0
}
.products-card__category {
  font-weight: 700;
  font-size: 18px;
  color: var(--color-text-black);
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (min-width:576px) {
  .products-card {
    gap: 32px
  }
}
@media (min-width:1020px) {
  .products-card {
    display: grid;
    grid-template-columns: 26.9rem 1fr;
    gap: 4.9rem;
    align-items: center
  }
  .products-card__title {
    font-size: max(16px,1.6rem)
  }
  .products-card__subtitle {
    font-size: max(14px,1rem)
  }
  .products-card__description {
    font-size: max(14px,.9rem)
  }
  .products-card__preview {
    margin: 0;
    min-height: 10.5rem;
    height: 100%;
    min-width: 0;
    padding-left: 4.9rem;
    padding-right: 4.9rem
  }
  .products-card__category {
    display: inline-block;
    font-size: max(18px,1.3rem)
  }
}
@media (min-width:1440px) {
  .products-card__info {
    gap: .8rem
  }
}
@media (min-width:1800px) {
  .products-card__info {
    padding-right: 80px
  }
}
@media (hover:hover) {
  .products-card:hover .products-card__title {
    color: var(--color-white)
  }
  .products-card:hover .products-card__subtitle {
    color: var(--color-white)
  }
  .products-card:hover .products-card__arrow {
    transform: translateX(10px)
  }
  .products-card:hover .products-card__preview:after {
    opacity: 1
  }
}
.products {
  padding: 32px 0
}
@media (min-width:1020px) {
  .products {
    padding-top: 6rem;
    padding-bottom: 4.7rem
  }
}
.products__description {
  margin-bottom: 32px;
  font-size: 18px;
  letter-spacing: -.02em;
  font-weight: 500
}
@media (min-width:1020px) {
  .products__description {
    font-size: max(17px,1.2rem);
    margin-bottom: 3.2rem;
    max-width: 73.1rem
  }
}
.products__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px
}
@media (min-width:1020px) {
  .products__list {
    gap: 3.9rem
  }
}
.project-detail-list {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  gap: 16px
}
@media (min-width:1020px) {
  .project-detail-list {
    gap: 3.2rem 6rem;
    display: grid;
    grid-template-columns: repeat(2,1fr)
  }
}
.project-detail__header-title {
  text-transform: none
}
.project-detail__subtitle {
  font-family: var(--font-base);
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: none
}
.project-detail__title {
  color: var(--color-font-contrast,#050505);
  font-family: var(--font-accent);
  font-size: 2.6rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.035rem;
  text-transform: uppercase;
  margin-bottom: 2.4rem
}
@media (max-width:575px) {
  .project-detail__title {
    font-size: 18px
  }
}
@media (max-width:1019px) {
  .project-detail__title {
    margin-top: var(--indentMobInlineXS);
    margin-bottom: var(--indentMobInline);
    font-size: 19px
  }
}
.project-detail__text {
  font-size: 16px;
  text-align: justify
}
.project-detail__top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 32px
}
@media (min-width:1020px) {
  .project-detail__top .project-detail__title {
    margin-bottom: 1.2rem
  }
}
.project-detail__info {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  color: var(--color-text-medium)
}
@media (max-width:1019px) {
  .project-detail__info {
    gap: var(--indentMobInlineXS)
  }
}
.project-detail__date {
  padding-left: 16px;
  font-size: 16px;
  position: relative;
  display: flex;
  align-items: center
}
.project-detail__date:before {
  content: "";
  display: block;
  background: var(--ola-brend1);
  left: 0;
  position: absolute;
  width: 5px;
  height: 5px
}
.project-detail__intro,
.project-detail__text-big {
  font-size: 18px
}
.project-detail__intro {
  margin-bottom: 32px;
  text-align: justify
}
@media (max-width:1019px) {
  .project-detail__intro {
    margin-bottom: var(--indentMobCol)
  }
}
.project-detail__list {
  margin-top: 20px
}
@media (max-width:1019px) {
  .project-detail__list {
    margin-top: var(--indentMobInlineXS)
  }
}
@media (max-width:1019px) {
  .project-detail__list li {
    font-size: 16px
  }
}
.project-detail__top-pic {
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 10px
}
.project-detail__section:not(:last-child) {
  margin-bottom: 32px
}
@media (max-width:1019px) {
  .project-detail__section:not(:last-child) {
    margin-bottom: var(--indentMobCol);
    gap: var(--indentMobInline)
  }
}
.project-detail__block {
  margin-bottom: 32px
}
.project-detail__block--wide {
  max-width: 70.8rem
}
.project-detail__block--small-indent {
  margin-bottom: 32px
}
.project-detail__block-colored {
  background: var(--ola-brend4white);
  padding: var(--cardMobIndents);
  position: relative
}
.project-detail__accident {
  position: relative;
  background: var(--ola-brend4white);
  color: var(--color-brend2);
  font-size: 16px;
  padding: 20px;
  text-align: justify
}
@media (max-width:575px) {
  .project-detail__accident {
    padding: var(--cardMobIndents)
  }
}
.project-detail__accident-title {
  font-size: 18px;
  margin-bottom: 18px;
  font-weight: 700;
  text-align: left
}
@media (max-width:575px) {
  .project-detail__accident-title {
    margin-bottom: var(--indentMobInlineXS);
    font-size: 20px
  }
}
@media (min-width:1020px) {
  .project-detail__accident-title {
    font-size: max(18px,1.6rem);
    margin-bottom: 1.6rem
  }
}
.project-detail__block-with-pic {
  display: flex;
  flex-direction: column;
  gap: 32px;
  font-size: 16px
}
.project-detail__block-with-pic-image {
  max-width: 100%
}
.project-detail__block-with-pic-text {
  text-align: justify
}
@media (min-width:1020px) {
  .project-detail__header-title {
    font-size: 2.8rem
  }
  .project-detail__subtitle {
    font-size: max(20px,1.3rem);
    margin-bottom: 2.4rem
  }
  .project-detail__info {
    gap: 1.9rem;
    margin-bottom: 1.6rem
  }
  .project-detail__tag.tag {
    font-size: max(16px,1rem)
  }
  .project-detail__date {
    padding-left: 1rem;
    font-size: max(16px,1rem)
  }
  .project-detail__text {
    font-size: max(16px,1.1rem)
  }
  .project-detail__top {
    flex-wrap: nowrap;
    gap: 2.1rem
  }
  .project-detail__intro,
  .project-detail__text-big {
    font-size: max(18px,1.2rem)
  }
  .project-detail__intro {
    margin-bottom: 4rem
  }
  .project-detail__list {
    margin-top: 1.6rem
  }
  .project-detail__top-pic {
    min-width: 34rem;
    position: relative;
    gap: .75rem
  }
  .project-detail__section:not(:last-child) {
    margin-bottom: 6rem
  }
  .project-detail__block {
    margin-bottom: 4rem
  }
  .project-detail__block--small-indent {
    margin-bottom: 2.4rem
  }
  .project-detail__block-colored {
    padding: 3.5rem 4rem 3.2rem;
    position: relative
  }
  .project-detail__block-colored:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 4rem;
    height: 6rem;
    opacity: .5;
    background: url(../img/deco/two-white-squares.svg) left top/cover no-repeat
  }
  .project-detail__block-with-pic {
    flex-direction: row;
    gap: 5.5rem;
    font-size: max(16px,1.1rem)
  }
  .project-detail__block-with-pic-image {
    width: 48.15rem;
    max-width: 48.15rem;
    flex: 1 0 auto
  }
  .project-detail__accident {
    padding: 2.4rem 8rem;
    font-size: max(18px,1.2rem)
  }
}
.project-slider .swiper-slide {
  opacity: 0!important
}
.project-slider .swiper-slide-active {
  opacity: 1!important
}
.project-slider__slide {
  display: flex;
  flex-direction: column;
  gap: var(--indentMobInline);
  align-items: center
}
.project-slider__slide-text {
  font-size: 16px;
  color: #050505;
  text-align: justify
}
.project-slider__slide-image {
  padding-bottom: var(--indentMobSection)
}
.project-slider__pagination.swiper-pagination-bullets span:first-child {
  margin-left: 0
}
@media (min-width:1020px) {
  .project-slider__slide {
    display: flex;
    flex-direction: row;
    gap: 5.51rem
  }
  .project-slider__slide-text {
    flex: 1;
    padding-bottom: 9.2rem;
    font-size: max(16px,1.1rem)
  }
  .project-slider__slide-image {
    width: 48.15rem;
    max-width: 48.15rem;
    flex: 1 0 auto;
    padding-bottom: 3rem
  }
  .project-slider__slide-image img {
    max-width: 100%
  }
}
.projects-released-card-type-pic {
  position: relative;
  overflow: hidden;
  background: var(--color-text-dark)
}
@media (hover:hover) {
  .projects-released-card-type-pic:hover .projects-released-card-type-pic__image {
    opacity: .6
  }
  .projects-released-card-type-pic:hover .projects-released-card-type-pic__more-arrow {
    background: var(--linear-gradient-intaractive);
    border-color: transparent
  }
}
.projects-released-card-type-pic__image {
  width: 100%;
  opacity: 1;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.projects-released-card-type-pic__image img {
  width: 100%;
  height: auto
}
.projects-released-card-type-pic__content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-left: 20px;
  color: var(--color-white)
}
.projects-released-card-type-pic__tag {
  --tag-color: var(--color-white)
}
.projects-released-card-type-pic__year {
  font-size: 14px;
  display: flex;
  align-items: center;
  font-weight: 600;
  gap: 12px
}
.projects-released-card-type-pic__year:before {
  content: "";
  display: inline-flex;
  width: 5px;
  height: 5px;
  background: var(--color-white)
}
.projects-released-card-type-pic__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  padding-right: 7.5rem;
  min-height: 45px
}
.projects-released-card-type-pic__info {
  font-size: 16px;
  margin-bottom: 16px;
  padding-right: 7.5rem
}
.projects-released-card-type-pic__more {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/deco/projects-slide-more-bg.svg) right bottom/auto 18rem no-repeat
}
.projects-released-card-type-pic__more-arrow {
  position: absolute;
  right: 2rem;
  bottom: 4rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  background: 0 0;
  border: 1px solid var(--color-white);
  color: var(--color-white)
}
@media (min-width:1020px) {
  .projects-released-card-type-pic__content {
    padding-left: 2.4rem;
    padding-top: 2.4rem
  }
  .projects-released-card-type-pic__year {
    font-size: max(14px,1rem);
    margin-bottom: .8rem
  }
  .projects-released-card-type-pic__title {
    font-size: max(20px,1.3rem);
    min-height: 4.5rem;
    margin-bottom: .8rem
  }
  .projects-released-card-type-pic__info {
    font-size: max(14px,.9rem);
    margin-bottom: .8rem
  }
  .projects-released-card-type-pic__link {
    font-size: max(16px,.9rem)
  }
}
.projects-released-card {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .projects-released-card:hover .projects-released-card__title {
    color: var(--ola-link-hover)
  }
}
.projects-released-card .projects-released-card__image {
  position: relative
}
.projects-released-card .projects-released-card__image::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 40px solid transparent;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  transition: .3s ease
}
@media (hover:hover) {
  .projects-released-card:hover .projects-released-card__image::after {
    border-right: 40px solid var(--ola-brend8)
  }
}
@media (hover:hover) {
  .projects-released-card:hover .projects-released-card__link {
    color: var(--ola-link-hover);
    transform: translateX(10px)
  }
  .projects-released-card:hover .underlined-link {
    background-size: 100% 1px
  }
}
.projects-released-card__image {
  position: relative;
  width: 200px;
  height: 200px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center
}
.projects-released-card__image img {
  height: 100%;
  width: auto;
  min-width: 100%;
  max-width: none
}
.projects-released-card__content {
  flex: 1;
  color: var(--color-text-dark)
}
.projects-released-card__tag {
  --tag-background-color: var(--color-white);
  border: 0!important;
  position: absolute;
  top: 1.2rem;
  right: 1.2rem
}
.projects-released-card__year {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 12px
}
.projects-released-card__year:before {
  content: "";
  display: inline-flex;
  width: 5px;
  height: 5px;
  background: var(--color-text-black)
}
.projects-released-card__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px
}
.projects-released-card__info {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  color: var(--color-text-light)
}
.projects-released-card__link {
  color: var(--color-text-dark);
  font-weight: 700;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.projects-released-card__link-txt {
  position: relative;
  transform: translateX(0);
  text-decoration: none;
  background-image: linear-gradient(currentColor,currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  color: currentColor;
  transition-property: background-size;
  transition-duration: .3s;
  transition-timing-function: ease-in-out
}
@media (min-width:576px) {
  .projects-released-card {
    flex-direction: row
  }
}
@media (min-width:1020px) {
  .projects-released-card {
    gap: 0
  }
  .projects-released-card__image {
    width: 15.1rem;
    height: 15.1rem;
    overflow: hidden
  }
  .projects-released-card__content {
    padding-left: 2.4rem
  }
  .projects-released-card__tag {
    margin-left: 3.2rem
  }
  .projects-released-card__year {
    font-size: max(14px,.9rem);
    margin-bottom: .4rem
  }
  .projects-released-card__title {
    font-size: max(20px,1.3rem);
    margin-bottom: 1.6rem
  }
  .projects-released-card__info {
    font-size: max(14px,.9rem);
    gap: .8rem;
    margin-bottom: 1.6rem
  }
  .projects-released-card__link {
    font-size: max(16px,.9rem)
  }
}
.projects-released__list {
  display: grid;
  gap: 60px 40px;
  grid-template-columns: 1fr
}
@media (min-width:1020px) {
  .projects-released__list {
    gap: 40px
  }
}
.projects-released__list-3cols {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(auto-fit,minmax(300px,1fr))
}
.projects-released__container {
  display: flex;
  flex-direction: column;
  gap: var(--indentMobCol)
}
.projects-released__filters {
  display: flex;
  flex-direction: column;
  gap: var(--indentMobInlineXS);
  margin-top: var(--indentMobCol)
}
.projects-released__count {
  font-size: 16px;
  color: var(--ola-brend6);
  font-weight: 600
}
.projects-released__btn {
  width: 100%;
  max-width: 23rem
}
@media (min-width:1020px) {
  .projects-released__container {
    gap: 3.2rem
  }
  .projects-released__list {
    grid-template-columns: 1fr 1fr;
    gap: 3.2rem 2.4rem
  }
  .projects-released__list-3cols {
    grid-template-columns: repeat(auto-fit,minmax(350px,1fr));
    gap: 2.51rem 4rem
  }
  .projects-released__filters {
    display: grid;
    gap: 2.4rem;
    grid-template-columns: 15rem 1fr 1fr 1fr;
    margin-top: 0
  }
  .projects-released__filters--sm {
    grid-template-columns: 15rem 12.65rem 12.65rem 12.65rem
  }
  .projects-released__count {
    font-size: max(14px,1rem)
  }
  .projects-released__btn {
    width: auto
  }
}
@media (min-width:1440px) {
  .projects-released__list-3cols {
    grid-template-columns: repeat(3,1fr)
  }
}
.projects-slider,
.scope-slider {
  position: relative
}
.projects-slider__item,
.scope-slider__item {
  position: relative;
  overflow: hidden;
  display: block;
  height: 300px;
  background: var(--color-bg-contrast,var(--ola-brend4white))
}
.projects-slider__image,
.scope-slider__image {
  height: 100%
}
.projects-slider__content,
.scope-slider__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--color-bg-contrast,var(--ola-brend4white));
  color: var(--ola-brend2)
}
.projects-slider__content-inner,
.scope-slider__content-inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: var(--cardMobIndents)
}
.projects-slider__year {
  position: absolute;
  font-family: var(--font-accent);
  top: -60px;
  padding-left: 10px;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.48px;
  text-transform: uppercase
}
.projects-slider__year::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  background: var(--ola-brend1);
  translate: 0 -50%
}
.projects-slider__tag {
  order: 1;
  margin-top: auto;
  position: absolute;
  top: 16px;
  left: 16px
}
.projects-slider__tag .tag {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--ola-brend2);
  background-color: #fff;
  border: none
}
.projects-slider__name,
.scope-slider__name {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  font-family: var(--font-base);
  text-transform: none;
  font-weight: 700
}
.projects-slider__description,
.scope-slider__description {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -.02em
}
.projects-slider__description p,
.scope-slider__description p {
  margin-bottom: 0
}
.projects-slider__navigation,
.scope-slider__navigation,
.slider-gallery__navigation {
  position: relative;
  margin-top: var(--indentMobPagination);
  height: 32px
}
.projects-slider__button {
  color: var(--color-font-contrast,var(--ola-brend2))
}
@media (min-width:576px) {
  .projects-slider,
  .scope-slider {
    margin-right: calc(var(--container-gutter-width) * -1);
    margin-left: calc(var(--container-gutter-width) * -1);
    padding-right: var(--container-gutter-width);
    padding-left: var(--container-gutter-width)
  }
}
@media (min-width:1020px) {
  .projects-slider,
  .scope-slider {
    padding-bottom: 0
  }
  .projects-slider__item,
  .scope-slider__item {
    height: 38rem
  }
  .project-slider__button,
  .projects-slider__pagination,
  .slider-gallery__pagination {
    margin-top: 2.9rem
  }
  .project-slider__button .swiper-pagination-bullet,
  .projects-slider__pagination .swiper-pagination-bullet,
  .slider-gallery__pagination .swiper-pagination-bullet {
    margin-top: .6rem!important
  }
  .projects-slider__navigation,
  .scope-slider__navigation,
  .slider-gallery__navigation {
    margin-top: 4.4rem;
    height: auto
  }
  .projects-slider__button {
    height: 1.55rem;
    width: 1.2rem
  }
  .projects-slider__button--next {
    left: 2.5rem
  }
  .projects-slider__content,
  .scope-slider__content {
    height: 9rem
  }
  .projects-slider__content-inner,
  .scope-slider__content-inner {
    padding: 1.2rem 2.45rem;
    gap: .8rem
  }
  .projects-slider__year {
    padding-left: 1.05rem;
    font-size: max(12px,1rem)
  }
  .projects-slider__year::before {
    width: 5px;
    height: 5px
  }
  .projects-slider__tag {
    top: 1.2rem;
    left: 2.4rem
  }
  .projects-slider__tag .tag {
    font: max(12px,.8rem)
  }
  .projects-slider__name,
  .scope-slider__name {
    font-size: max(18px,1.3rem)
  }
  .projects-slider__description,
  .scope-slider__description {
    font-size: max(14px,1.1rem)
  }
  .project-slider__button,
  .projects-slider__pagination,
  .slider-gallery__pagination {
    margin-top: 2.1rem;
    height: 1.55rem
  }
}
.projects {
  background: var(--linear-gradient-gray);
  color: var(--color-base)
}
.projects__heading {
  margin-bottom: 32px
}
@media (min-width:1020px) {
  .projects__heading {
    margin-bottom: 48px
  }
}
@media (min-width:1440px) {
  .projects__heading {
    margin-bottom: 72px
  }
}
.scope-slider__content {
  height: auto!important
}
.search-results {
  margin-bottom: 5.4rem
}
.search-results__grid {
  width: 100%;
  display: grid;
  grid-template-columns: 53% auto;
  gap: 19rem;
  margin-top: 3.2rem
}
@media (max-width:1019px) {
  .search-results__grid {
    grid-template-columns: 1fr;
    margin-top: 0;
    gap: var(--indentMobCol)
  }
}
.search-results__number {
  color: var(--ola-brend3);
  font-family: var(--font-base);
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -.2px;
  margin-bottom: 58px
}
@media (max-width:1019px) {
  .search-results__number {
    font-size: 14px;
    margin-bottom: 8px
  }
}
@media (max-width:575px) {
  .search-results__number {
    margin-bottom: var(--indentMobCol)
  }
}
.search-results__list {
  display: flex;
  flex-direction: column;
  gap: 48px
}
@media (max-width:1019px) {
  .search-results__list {
    gap: var(--indentMobInlineXS)
  }
}
.search-results__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 3.2rem 24px 0;
  text-decoration: none;
  border-top: 1px solid var(--ola-brend4);
  color: inherit
}
@media (max-width:1019px) {
  .search-results__item {
    padding: var(--indentMobInlineXS) 0;
    border-top: 1px solid rgba(96,101,103,.5)
  }
}
.search-results__item-title {
  font-size: max(20px,1.3rem);
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.52px
}
@media (max-width:1019px) {
  .search-results__item-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 3px
  }
}
@media (max-width:575px) {
  .search-results__item-title {
    font-size: 16px
  }
}
.search-results__item-text {
  font-family: Inter,sans-serif;
  font-size: max(18px,1.2rem);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.48px
}
@media (max-width:1019px) {
  .search-results__item-text {
    font-size: 16px
  }
}
.search__results-popular-title {
  display: block;
  margin-bottom: 48px;
  font-size: max(20px,1.2rem);
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -.48px
}
@media (max-width:575px) {
  .search__results-popular-title {
    font-size: 18px;
    margin-bottom: var(--indentMobInline)
  }
}
.search__results-popular-list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem
}
@media (max-width:575px) {
  .search__results-popular-list {
    gap: var(--indentMobInline)
  }
}
@media (max-width:1019px) {
  .search__results-popular-list {
    flex-direction: row;
    flex-wrap: wrap
  }
}
.search__results-popular-item {
  font-size: max(18px,1.1rem);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.44px;
  color: inherit
}
@media (max-width:575px) {
  .search__results-popular-item {
    font-size: 16px
  }
}
.highlight {
  background-color: #d3d3d3;
  padding: 2px 4px
}
@media (max-width:1019px) {
  .highlight {
    background-color: rgba(214,214,214,.1)
  }
}
.search {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0
}
.search__input-wrapper svg {
  display: none
}
.search__input {
  width: 100%;
  height: 56px;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  font-family: var(--font-base);
  text-overflow: ellipsis;
  overflow: hidden;
  background: 0 0;
  border: none;
  border-bottom: 1px solid var(--ola-brend4);
  outline: 0;
  color: inherit
}
.search__input:focus,
.search__input:hover {
  border-bottom-color: var(--ola-brend2)
}
.search__button {
  gap: 0;
  width: 56px;
  height: 56px;
  padding: 0;
  font-size: 0
}
@media (min-width:1020px) {
  .search {
    gap: 32px
  }
  .search__input-wrapper {
    position: relative
  }
  .search__input-wrapper svg {
    position: absolute;
    top: 50%;
    left: 16px;
    display: block;
    width: 24px;
    height: 24px;
    pointer-events: none;
    transform: translateY(-50%)
  }
  .search__input {
    height: 60px;
    padding-left: 48px;
    font-size: 18px
  }
  .search__button {
    width: auto;
    height: 60px;
    padding-inline: 24px;
    font-size: 18px
  }
  .search__button svg {
    display: none
  }
}
@media (min-width:1440px) {
  .search {
    gap: 48px
  }
  .search__input {
    height: 64px;
    font-size: 20px
  }
  .search__button {
    height: 64px;
    padding-inline: 32px;
    font-size: 20px
  }
}
@media (min-width:1020px) {
  .search--main .search__button {
    width: 135px
  }
}
@media (min-width:1440px) {
  .search--main .search__input-wrapper svg {
    width: 48px;
    height: 48px
  }
  .search--main .search__input {
    padding-left: 72px;
    font-size: 22px
  }
  .search--main .search__button {
    width: 266px;
    font-size: 22px
  }
}
.searchbox-results {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  padding: 1.6rem 0 1.6rem;
  background-color: var(--color-white);
  color: var(--color-text-black)
}
.searchbox-results:not(.active):not(.releases-form__btn.button.is-active) {
  display: none
}
@media (min-width:1020px) {
  .searchbox-results {
    box-shadow: 0 5px 8px 0 rgba(34,60,80,.14)
  }
}
@media (max-width:575px) {
  .searchbox-results {
    position: fixed;
    inset: 50px 0 0 0;
    gap: 32px;
    overflow: auto;
    background-color: var(--ola-brend2);
    color: var(--color-white)
  }
}
.searchbox-results__container {
  display: flex;
  flex-direction: column
}
.searchbox-results__container-title {
  color: var(--ola-brend3);
  font-family: var(--font-base);
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -.48px;
  margin-bottom: 24px;
  padding: 0 2.4rem
}
@media (max-width:575px) {
  .searchbox-results__container-title {
    color: #fff;
    margin-bottom: 16px;
    padding: 8px 12px
  }
}
.searchbox-results__container-list {
  display: flex;
  flex-direction: column
}
.searchbox-results__item {
  padding: 18px 2.4rem 18px;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: -.02em;
  color: var(--color-text-black);
  transition: .3s
}
@media (hover:hover) {
  .searchbox-results__item:hover {
    background: #f1f3fa;
    color: var(--color-text-black)
  }
}
@media (max-width:575px) {
  .searchbox-results__item {
    padding: 8px 12px;
    font-size: 18px;
    color: var(--color-white)
  }
}
@media (max-width:575px) and (hover:hover) {
  .searchbox-results__item:hover {
    background: #2a3239;
    color: var(--color-white)
  }
}
.searchbox-results__news {
  display: flex;
  flex-direction: column;
  padding: 18px 2.4rem 18px;
  color: var(--color-text-black);
  transition: .3s
}
@media (hover:hover) {
  .searchbox-results__news:hover {
    background: #f1f3fa;
    color: var(--color-text-black)
  }
}
@media (max-width:575px) {
  .searchbox-results__news {
    padding: 8px 12px;
    color: var(--color-white)
  }
}
@media (max-width:575px) and (hover:hover) {
  .searchbox-results__news:hover {
    background: #2a3239;
    color: var(--color-white)
  }
}
.searchbox-results__news-date {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 140%;
  color: var(--ola-brend3)
}
@media (max-width:575px) {
  .searchbox-results__news-date {
    color: var(--ola-brend4)
  }
}
.searchbox-results__news-name {
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -.02em
}
.searchbox-results__see-all {
  padding: 0 2.4rem
}
@media (max-width:575px) {
  .searchbox-results__see-all {
    padding: 0 12px;
    color: var(--color-white)
  }
}
.searchbox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  background: #2a3239;
  width: 0;
  transition: width .6s ease-in .6s;
  overflow: hidden
}
.searchbox.active,
.searchbox.releases-form__btn.button.is-active {
  z-index: 1000000;
  width: 100%;
  transition: width .6s ease-in;
  overflow: visible
}
.searchbox__container {
  height: 100%
}
@media (max-width:575px) {
  .searchbox__container {
    padding-left: 0!important;
    padding-right: 0!important
  }
}
.searchbox form {
  display: flex;
  height: 100%;
  opacity: 0;
  transition: opacity .6s linear
}
.searchbox.active form,
.searchbox.releases-form__btn.button.is-active form {
  opacity: 1;
  transition: opacity .6s linear .6s
}
.searchbox__input {
  flex-grow: 1;
  margin: 0;
  padding: 0 16px 0 0;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 110%;
  font-family: var(--font-base);
  letter-spacing: -.44px;
  background: 0 0;
  border: 0;
  outline: 0;
  color: var(--ola-brend4)
}
@media (max-width:575px) {
  .searchbox__input {
    padding-left: 16px
  }
}
.searchbox__button,
.searchbox__close {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  transition: all .5s ease
}
.searchbox__button {
  background: var(--ola-brend8);
  color: var(--color-white);
  opacity: 1
}
.searchbox__button:hover {
  opacity: .7
}
.searchbox__close {
  background: 0 0;
  color: var(--ola-brend6);
  opacity: .5
}
.searchbox__close:hover {
  opacity: 1
}
.slider-gallery {
  padding: 32px 0;
  position: relative
}
.slider-gallery__heading {
  margin-bottom: 32px;
  max-width: 53.75rem
}
.slider-gallery__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}
.slider-gallery__slide-image {
  width: auto;
  max-width: 100%
}
.slider-gallery__navigation {
  visibility: hidden
}
@media (min-width:1020px) {
  .slider-gallery {
    padding: 4rem 0
  }
  .slider-gallery__heading {
    margin-bottom: 2.4rem
  }
  .slider-gallery__slide-image {
    width: auto;
    max-width: 100%
  }
  .slider-gallery__slide-image img {
    max-height: 100%
  }
  .slider-gallery__navigation {
    visibility: visible
  }
}
.socials__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 30px;
  margin: 0;
  padding: 0;
  list-style: none
}
@media (min-width:1020px) {
  .socials__list {
    gap: 2.1rem
  }
}
@media (min-width:1440px) {
  .socials__list {
    gap: 24px
  }
}
.socials__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  font-size: 0;
  text-decoration: none;
  color: var(--color-primary)
}
@media (min-width:1020px) {
  .socials__link {
    width: 35px;
    height: 35px
  }
}
.solutions-item {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  align-items: flex-start;
  color: var(--color-text-black);
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .solutions-item:hover .solutions-item__title {
    color: var(--ola-link-hover)
  }
}
.solutions-item .solutions-item__pic-wrap {
  position: relative
}
.solutions-item .solutions-item__pic-wrap::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 40px solid transparent;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  transition: .3s ease
}
@media (hover:hover) {
  .solutions-item:hover .solutions-item__pic-wrap::after {
    border-right: 40px solid var(--ola-brend8)
  }
}
@media (hover:hover) {
  .solutions-item:hover .solutions-item__link {
    color: var(--ola-brend8)
  }
  .solutions-item:hover .solutions-item__link .underlined-link {
    background-size: 100% 1px
  }
}
.solutions-item__title {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: var(--font-base);
  font-size: 18px;
  font-weight: 400;
  text-transform: none;
  font-weight: 700
}
.solutions-item__text {
  margin-bottom: 16px
}
.solutions-item__icon {
  position: absolute;
  bottom: 16px;
  right: 16px;
  color: var(--color-white);
  width: 36px;
  height: 36px
}
.solutions-item__icon svg {
  width: 100%;
  height: auto
}
.solutions-item__pic-wrap {
  width: 40%;
  min-width: 120px;
  max-width: 200px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  box-shadow: 0 0 0 0 var(--color-hover-shadow)
}
.solutions-item__pic-wrap img {
  min-height: 100%;
  max-height: 100%;
  width: auto!important
}
.solutions-item__content {
  flex: 1;
  min-width: 250px
}
.solutions-item__ul {
  gap: 4px
}
.solutions-item__link {
  font-size: 14px;
  color: inherit;
  font-weight: 700;
  display: flex;
  gap: .5rem;
  align-items: center
}
@media (min-width:576px) {
  .solutions-item {
    flex-wrap: nowrap
  }
}
@media (min-width:1020px) {
  .solutions-item {
    gap: 20px 2.4rem
  }
  .solutions-item__pic-wrap {
    width: 16rem;
    height: 16rem;
    flex: 0 0 auto;
    max-width: none;
    position: relative
  }
  .solutions-item__title {
    font-size: max(20px,1.3rem);
    margin-bottom: 1.2rem
  }
  .solutions-item__text {
    margin-bottom: 1.6rem
  }
  .solutions-item__link {
    font-size: max(16px,.8rem)
  }
  .solutions-item__icon {
    width: 3.2rem;
    height: 3.2rem;
    bottom: 1.2rem;
    right: 1.2rem
  }
  .solutions-item__ul {
    gap: 8px
  }
}
.solutions__list {
  display: grid;
  gap: var(--indentMobCol);
  margin-bottom: var(--indentMobCol)
}
.solutions__list:not(.solutions__list--one-col) {
  grid-template-columns: 1fr
}
.solutions__filters {
  display: flex;
  gap: 24px;
  margin-bottom: var(--indentMobCol);
  flex-direction: column
}
.solutions__col-search,
.solutions__col-select {
  flex: 1
}
.solutions__select {
  --select-height: 48px;
  font-family: var(--font-base);
  font-size: 18px
}
.solutions__results-header {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px
}
.solutions__link-back {
  display: flex;
  color: inherit;
  gap: .8rem;
  align-items: center;
  font-size: 16px;
  font-weight: 700
}
.solutions__found-text {
  font-size: 20px;
  font-weight: 700
}
@media (min-width:576px) {
  .solutions__list:not(.solutions__list--one-col) {
    grid-template-columns: repeat(auto-fit,minmax(400px,1fr))
  }
}
@media (min-width:1020px) {
  .solutions__list {
    gap: 3.2rem 2.5rem;
    margin-bottom: 3.3rem
  }
  .solutions__list:not(.solutions__list--one-col) {
    grid-template-columns: repeat(2,1fr)
  }
  .solutions__list--one-col {
    grid-template-columns: 1fr
  }
  .solutions__filters {
    gap: 2.4rem;
    margin-bottom: 3.2rem;
    flex-direction: row
  }
  .solutions__col-select {
    max-width: 300px
  }
  .solutions__select {
    --select-height: 64px
  }
  .solutions__results-header {
    gap: 1.6rem;
    margin-bottom: 3.2rem
  }
  .solutions__link-back {
    font-size: max(14px,.9rem)
  }
  .solutions__found-text {
    font-size: 1.3rem
  }
}
.solutions__number {
  color: #050505;
  font-family: var(--font-base);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.52px;
  margin-bottom: 48px;
  display: none
}
.solutions__number.is-active {
  display: block
}
.solutions-empty__wrapper {
  padding: 5.25rem 5rem;
  display: none;
  flex-direction: column;
  gap: 1.2rem;
  background: url(../img/deco/bg-darker-arrows.svg) center right/auto 140% no-repeat var(--ola-brend2-100);
  color: #fff;
  margin-bottom: 2.9rem
}
.solutions-empty__wrapper.is-active {
  display: flex
}
.solutions-empty__title {
  font-family: var(--font-base);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -.64px
}
.solutions-empty__text {
  font-family: var(--font-base);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.44px;
  margin-bottom: 24px
}
.solutions-empty__text a {
  color: #fff
}
.tag {
  display: inline-block;
  padding: 3px 11px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  background: var(--tag-background-color,transparent);
  border: 1px solid currentColor;
  border-radius: 2px;
  color: var(--tag-color,var(--color-text-medium))
}
@media (min-width:1020px) {
  .tag {
    font-size: max(10px,.65rem)
  }
}
.tag--invert {
  color: var(--tag-color,var(--border-color-gray))
}
.tag--lg {
  font-size: 16px
}
@media (min-width:1020px) {
  .tag--lg {
    font-size: max(11px,.8rem)
  }
}
.up-button--mob,
.up-button--white {
  display: flex;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 990;
  width: 42px;
  height: 42px;
  background: var(--ola-brend8);
  color: #fff;
  transition: .3s ease-in-out;
  opacity: 0;
  visibility: hidden
}
.up-button--mob.active,
.up-button--mob.releases-form__btn.button.is-active,
.up-button--white.active,
.up-button--white.releases-form__btn.button.is-active {
  opacity: 1;
  visibility: visible
}
@media (hover:hover) {
  .up-button--mob:hover,
  .up-button--white:hover {
    background: var(--ola-link-hover)
  }
}
@media (min-width:1020px) {
  .up-button--mob,
  .up-button--white {
    width: 3rem;
    height: 3rem;
    right: 5.2rem;
    bottom: 50px
  }
}
.up-button--mob svg,
.up-button--white svg {
  width: 14px;
  height: 14px;
  margin: auto;
  position: relative;
  transform: rotate(-90deg);
  color: #fff
}
@media (min-width:1020px) {
  .up-button--mob svg,
  .up-button--white svg {
    width: .7rem;
    height: .7rem
  }
}
@media (max-width:1019px) {
  .up-button--desktop {
    display: none
  }
}
.up-button--mob {
  position: absolute;
  top: 0
}
@media (min-width:1020px) {
  .up-button--mob {
    display: none
  }
}
.page-404 {
  height: var(--page-height);
  background: url(../img/deco/bg-grey-pattern.svg) center top repeat-x
}
.page-404__content-img {
  width: 410px;
  height: auto
}
.page-404__container {
  padding: 12.5rem
}
@media (max-width:1019px) {
  .page-404__container {
    padding: 6rem
  }
}
@media (max-width:575px) {
  .page-404__container {
    padding: 1rem
  }
}
.page-404__text-content {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  margin-bottom: 4rem
}
@media (max-width:575px) {
  .page-404__text-content {
    gap: var(--indentMobInline);
    margin-bottom: var(--indentMobCol)
  }
}
.page-404__content-title {
  font-family: var(--font-accent);
  font-size: max(20px,1.2rem);
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.48px
}
@media (min-width:1020px) {
  .page-404__text {
    width: 50%;
    font-size: max(14px,1rem)
  }
}
.page-404__links {
  display: flex;
  flex-wrap: wrap;
  gap: 6rem
}
@media (max-width:1019px) {
  .page-404__links {
    gap: 40px
  }
}
@media (max-width:575px) {
  .page-404__links {
    gap: var(--indentMobInline)
  }
}
.about-facts {
  padding-top: 5rem;
  padding-bottom: 5rem
}
@media (max-width:1019px) {
  .about-facts {
    padding: var(--indentMobSection) 0;
    background-size: cover
  }
}
.about-facts__title {
  color: var(--color-font-contrast,var(--ola-brend2));
  font-family: var(--font-accent);
  font-size: 2.6rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.035rem;
  text-transform: uppercase;
  margin-bottom: 3rem
}
@media (max-width:1019px) {
  .about-facts__title {
    font-size: 19px
  }
}
@media (max-width:575px) {
  .about-facts__title {
    font-size: 18px
  }
}
.about-facts__cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12.5rem
}
@media (max-width:1019px) {
  .about-facts__cards {
    grid-template-columns: 1fr;
    gap: 32px
  }
}
.about-facts__card {
  display: flex;
  flex-direction: row;
  align-items: center
}
.about-facts__card-img {
  width: 8rem;
  height: 8rem;
  min-height: 8rem;
  min-width: 8rem;
  margin-right: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-contrast,var(--ola-brend4white))
}
@media (max-width:1019px) {
  .about-facts__card-img {
    width: 80px;
    height: 80px;
    min-height: 80px;
    min-width: 80px;
    margin-right: 24px
  }
}
.about-facts__card-img svg {
  width: 3.2rem;
  height: 3.2rem
}
@media (max-width:1019px) {
  .about-facts__card-img svg {
    width: 48px;
    height: 48px
  }
}
.about-facts__card-text {
  color: var(--color-font-contrast,#050505);
  font-family: var(--font-base);
  font-size: max(16px,1rem);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -.01rem
}
.about-history {
  padding: var(--indentMobSection) 0;
  margin-bottom: 6rem
}
@media (max-width:1019px) {
  .about-history {
    padding-top: var(--indentMobSection);
    padding-bottom: var(--indentMobSection);
    margin-bottom: var(--indentMobSection)
  }
}
.about-history__title {
  color: var(--color-font-contrast,#050505);
  font-family: var(--font-accent);
  font-size: 2.6rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.035rem;
  text-transform: uppercase;
  margin-bottom: 1.2rem
}
@media (max-width:575px) {
  .about-history__title {
    font-size: 18px
  }
}
@media (max-width:1019px) {
  .about-history__title {
    margin-bottom: var(--indentMobInline);
    font-size: 19px
  }
}
.about-history__text {
  color: var(--color-font-contrast,#050505);
  font-family: var(--font-base);
  font-size: max(16px,1rem);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.01rem;
  margin-bottom: 1.2rem;
  text-align: justify
}
@media (max-width:1019px) {
  .about-history__text {
    margin-bottom: var(--indentMobCol)
  }
}
.history-slider-slide__text {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  color: #050505;
  font-family: var(--font-base);
  font-size: max(16px,1.2rem);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.024rem
}
@media (max-width:1019px) {
  .history-slider-slide__text {
    padding: var(--cardMobIndents)
  }
}
.history-slider__slider {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.9rem
}
@media (max-width:1019px) {
  .history-slider__slider {
    margin-bottom: var(--cardMobSliderIndent)
  }
}
.history-slider__slider .swiper-slide {
  opacity: 0!important
}
.history-slider__slider .swiper-slide-active {
  opacity: 1!important
}
.history-slider__slide {
  display: grid;
  grid-template-columns: 625fr 1026fr;
  gap: 36px;
  height: 308px;
  padding-bottom: 1.45rem;
  margin-bottom: 2.9rem
}
@media (max-width:1019px) {
  .history-slider__slide {
    display: flex;
    flex-direction: column;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0
  }
}
@media (max-width:575px) {
  .history-slider__slide {
    gap: 16px
  }
}
.history-slider__pagination {
  top: unset;
  bottom: 2.9rem
}
@media (max-width:1019px) {
  .history-slider__pagination {
    display: none
  }
}
.history-slider__append-btns {
  display: flex;
  flex-direction: row
}
.history-slider__thumbs {
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 4rem
}
@media (max-width:575px) {
  .history-slider__thumbs {
    margin-bottom: var(--indentMobInline)
  }
}
.history-slider__thumbs .product-slider__button {
  color: #15191d
}
.history-slider__thumbs .product-slider__navigation {
  position: absolute;
  height: 100%;
  right: 0;
  left: 0;
  bottom: 0
}
.history-slider__thumbs .product-slider__navigation .product-slider__button--prev {
  height: 100%;
  bottom: 0;
  color: var(--color-font-contrast,var(--ola-brend2))
}
.history-slider__thumbs .product-slider__navigation .product-slider__button--prev:before {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  height: 70px;
  z-index: -1;
  left: 0;
  margin-top: -5px;
  background: linear-gradient(to right,var(--color-font-on-inversed,var(--ola-brend4white)) 60%,rgba(0,0,0,0) 100%)
}
.history-slider__thumbs .product-slider__navigation .product-slider__button--next {
  height: 100%;
  bottom: 0;
  left: unset;
  right: 0;
  color: var(--color-font-contrast,var(--ola-brend2))
}
.history-slider__thumbs .product-slider__navigation .product-slider__button--next:before {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  height: 70px;
  z-index: -1;
  right: 0;
  margin-top: -5px;
  background: linear-gradient(to right,rgba(0,0,0,0) 0,var(--color-font-on-inversed,var(--ola-brend4white)) 40%)
}
@media (hover:hover) {
  .history-slider__thumbs .product-slider__navigation .product-slider__button--next:hover {
    color: var(--ola-link-hover)
  }
}
.history-slider__thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: auto
}
.history-slider__thumb div {
  padding: 19px 32px;
  color: var(--color-font-contrast,#4e566a);
  font-family: var(--font-base);
  font-size: max(14px,.9rem);
  font-weight: 400;
  line-height: 130%;
  letter-spacing: .009rem
}
@media (max-width:575px) {
  .history-slider__thumb div {
    padding: 0 24px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center
  }
}
@media (hover:hover) {
  .history-slider__thumb div:hover {
    background: var(--color-link-hover);
    color: var(--color-white)
  }
}
.history-slider__thumb.swiper-slide-thumb-active div {
  background-color: var(--ola-brend2);
  color: #fff
}
.history-slider-slide__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--color-font-contrast,var(--ola-brend2));
  font-family: var(--font-accent);
  font-size: 6rem;
  font-weight: 1000;
  line-height: 1.35rem
}
.history-slider-slide__title svg {
  margin-right: 2.4rem
}
@media (max-width:1019px) {
  .history-slider-slide__title svg {
    margin-right: 16px
  }
}
@media (max-width:1019px) {
  .history-slider-slide__title {
    justify-content: center;
    font-size: 56px
  }
}
@media (max-width:575px) {
  .history-slider-slide__title {
    font-size: 48px
  }
}
.about-mission {
  margin-bottom: 6rem
}
@media (max-width:1019px) {
  .about-mission {
    margin-bottom: var(--indentMobSection)
  }
}
.about-mission__title {
  color: #050505;
  font-family: var(--font-accent);
  font-size: 2.6rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.035rem;
  text-transform: uppercase;
  margin-bottom: 4rem
}
@media (max-width:1019px) {
  .about-mission__title {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
  }
}
@media (max-width:575px) {
  .about-mission__title {
    margin-bottom: 36px;
    font-size: 18px
  }
}
.about-mission__content,
.programs-offer-text__content {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-column-gap: 28px;
  grid-row-gap: 6rem
}
@media (max-width:1019px) {
  .about-mission__content,
  .programs-offer-text__content {
    grid-row-gap: 16px;
    grid-template-columns: 1fr
  }
}
.about-mission__content-left,
.programs-offer-text__content-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content
}
@media (max-width:1019px) {
  .about-mission__content-left,
  .programs-offer-text__content-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
  }
}
.about-mission__content-name,
.programs-offer-text__content-name {
  color: #050505;
  font-family: var(--font-base);
  font-size: max(18px,1.5rem);
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.026rem;
  margin-right: 16px
}
@media (max-width:1019px) {
  .about-mission__content-name,
  .programs-offer-text__content-name {
    font-size: 18px;
    order: 2
  }
}
@media (max-width:1019px) {
  .about-mission__content-name br,
  .programs-offer-text__content-name br {
    display: none
  }
}
.about-mission__content-line,
.programs-offer-text__content-line {
  height: 1px;
  background-color: #050505;
  flex-grow: 1
}
@media (max-width:1019px) {
  .about-mission__content-line,
  .programs-offer-text__content-line {
    display: block;
    order: 1;
    width: 100%
  }
}
.about-mission__content-accent {
  color: var(--ola-brend2);
  font-family: var(--font-accent);
  font-size: 1.75rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.035rem;
  text-transform: uppercase;
  margin-bottom: 1.6rem
}
@media (max-width:1019px) {
  .about-mission__content-accent {
    font-size: 17px;
    margin-bottom: var(--indentMobInline)
  }
}
@media (max-width:575px) {
  .about-mission__content-accent {
    font-size: 16px
  }
}
.about-mission__content-text {
  color: #050505;
  font-family: var(--font-base);
  font-size: max(14px,1.2rem);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.022rem;
  text-align: justify
}
@media (max-width:1019px) {
  .about-mission__content-text {
    font-size: 16px;
    margin-bottom: 24px
  }
}
.about-mission__content-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1.6rem
}
.about-mission__content-row:last-child {
  margin-bottom: 0
}
@media (max-width:1019px) {
  .about-mission__content-row {
    align-items: flex-start
  }
}
.about-mission__content-number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--font-base);
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 130%;
  width: 4.8rem;
  height: 4.8rem;
  min-width: 4.8rem;
  min-height: 4.8rem;
  margin-right: 1.3rem;
  background-color: var(--ola-brend2)
}
@media (max-width:1019px) {
  .about-mission__content-number {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    font-size: 22px
  }
}
.about-products {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem
}
@media (max-width:1019px) {
  .about-products {
    padding-top: var(--indentMobSection);
    padding-bottom: var(--indentMobSection)
  }
}
.about-products__cards-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2.6rem;
  margin-bottom: 2.4rem
}
@media (max-width:1019px) {
  .about-products__cards-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--indentMobInline)
  }
}
.about-products__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3.45rem;
  padding-bottom: 3.45rem;
  background: var(--ola-brend4white);
  font-family: var(--font-base)
}
@media (max-width:1019px) {
  .about-products__card {
    padding-top: 0;
    padding-bottom: 0
  }
}
@media (max-width:1019px) {
  .about-products__card-content {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--indentMobInlineXS);
    padding: var(--cardMobIndents);
    justify-content: space-between
  }
  .about-products__card-content > :nth-child(1) {
    grid-column: 1;
    grid-row: 1
  }
  .about-products__card-content > :nth-child(2) {
    grid-column: 1;
    grid-row: 2
  }
  .about-products__card-content > :nth-child(3) {
    grid-column: 2;
    grid-row: 1
  }
  .about-products__card-content > :nth-child(4) {
    grid-column: 2;
    grid-row: 2
  }
}
@media (max-width:575px) {
  .about-products__card-content {
    display: flex;
    flex-direction: column
  }
}
.about-products__card-title {
  color: #050505;
  font-size: max(20px,1.6rem);
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -.032rem;
  margin-bottom: .95rem
}
@media (max-width:575px) {
  .about-products__card-title {
    font-size: 20px;
    margin-bottom: 0
  }
}
.about-products__card-subtitle {
  color: #050505;
  font-family: Inter,sans-serif;
  font-size: max(16px,1rem);
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -.02rem;
  margin-bottom: .95rem
}
@media (max-width:575px) {
  .about-products__card-subtitle {
    margin-bottom: 0;
    font-size: 16px
  }
}
.about-products__btn {
  padding: .8rem 5rem;
  color: var(--ola-white,#fff);
  font-size: max(14px,.9rem);
  font-weight: 600;
  line-height: 1.2rem;
  margin-bottom: .95rem
}
@media (max-width:575px) {
  .about-products__btn {
    margin-top: var(--indentMobInlineXS)
  }
}
@media (max-width:1439px) {
  .about-products__btn {
    padding: 0 3.5rem
  }
}
.about-products__link {
  color: var(--color-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.01rem
}
.about-products__all-product-link {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0
}
.about-products__all-product-link .link-with-arrow {
  color: var(--ola-link)!important
}
@media (min-width:1020px) {
  .about-products__all-product-link .link-with-arrow {
    font-size: max(16px,.9rem)
  }
}
.about-products__title {
  font-family: var(--font-base);
  font-size: max(16px,1.2rem);
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 2.4rem
}
@media (min-width:1020px) {
  .about-products__title {
    margin-bottom: var(--indentMobCol)
  }
}
.about__text-info {
  margin-bottom: 100px
}
@media (max-width:1019px) {
  .about__text-info {
    margin-bottom: 50px
  }
}
@media (max-width:1599px) {
  .about__text-info {
    margfin-bottom: 5rem
  }
}
.about__text-info-title {
  font-family: var(--font-base);
  color: #050505;
  font-size: max(16px,1.2rem);
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.024rem;
  margin-bottom: 3.2rem;
  text-align: justify
}
@media (max-width:1019px) {
  .about__text-info-title {
    margin-bottom: var(--indentMobInline);
    font-size: 18px
  }
}
.about__text-info-colored {
  display: flex;
  padding: 2.4rem 8rem;
  flex-direction: column;
  align-items: flex-start;
  background: var(--ola-brend2);
  color: #fff;
  font-family: var(--font-base);
  font-size: max(16px,1.2rem);
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.024rem
}
@media (max-width:1439px) {
  .about__text-info-colored {
    padding: 2.4rem 5rem
  }
}
@media (max-width:1019px) {
  .about__text-info-colored {
    padding: 2.4rem 2rem
  }
}
@media (max-width:575px) {
  .about__text-info-colored {
    padding: var(--cardMobIndents);
    font-size: 18px
  }
}
.about__info-video {
  padding-top: 6rem;
  padding-bottom: 6rem
}
@media (max-width:1019px) {
  .about__info-video {
    padding-top: var(--indentMobSection);
    padding-bottom: var(--indentMobSection)
  }
}
.about__info-video-container {
  display: flex;
  gap: 6.8rem
}
@media (max-width:1019px) {
  .about__info-video-container {
    flex-direction: column;
    gap: var(--indentMobCol)
  }
}
.about__info-video-container > div {
  flex: 1
}
.about__info-video-wrap {
  position: relative
}
.about__info-video-wrap img {
  width: 100%
}
.about__info-video-title {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: -.52px
}
@media (max-width:1019px) {
  .about__info-video-title {
    font-size: 18px
  }
}
.about__info-video-btn {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  background: 0 0;
  border: 0;
  outline: 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  color: var(--color-white);
  font-size: .9rem;
  font-style: normal;
  font-weight: 700;
  z-index: 2
}
.about__info-video-btn:before {
  content: "";
  display: block;
  height: 2.85rem;
  width: 2.85rem;
  transition: all .3s ease-in-out;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='58' viewBox='0 0 58 58' fill='none'%3E%3Cg clip-path='url(%23clip0_20802_97358)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.1484 57.5C44.8886 57.5 57.6484 44.7401 57.6484 29C57.6484 13.2599 44.8886 0.5 29.1484 0.5C13.4083 0.5 0.648438 13.2599 0.648438 29C0.648438 44.7401 13.4083 57.5 29.1484 57.5ZM24.9225 40.6251C24.4467 40.9712 24.0573 40.7697 24.0528 40.1985L23.8728 17.0432C23.8683 16.4615 24.2377 16.2728 24.7126 16.6329L40.1171 28.3128C40.5855 28.6679 40.5803 29.2357 40.1036 29.5824L24.9225 40.6251Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_20802_97358'%3E%3Crect width='57' height='57' fill='white' transform='translate(0.648438 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center left no-repeat;
  background-size: 100% auto
}
.about__info-video-btn:hover:before {
  transform: scale(1.1);
  transition: all .3s ease-in-out
}
.about__info-modal {
  padding: 0
}
.about__info-modal-heading {
  position: relative;
  margin-bottom: 0
}
.about__info-modal-btn-close {
  --color-text-black: #FFFFFF
}
@media (max-width:1019px) {
  .about__info-modal-btn-close {
    color: #fff;
    position: absolute!important;
    z-index: 2
  }
}
.about__info-modal-video {
  position: relative;
  display: flex
}
.about__info-modal-video video {
  width: 100%;
  height: auto
}
.career-info {
  background: var(--ola-brend4white);
  padding-top: var(--indentMobSection);
  padding-bottom: var(--indentMobSection)
}
@media (min-width:1020px) {
  .career-info {
    padding-top: 6rem;
    padding-bottom: 6rem
  }
}
.career-info__text {
  max-width: 85%;
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(16px,1.2rem);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.024rem;
  margin-bottom: 4rem;
  text-align: justify
}
@media (max-width:1019px) {
  .career-info__text {
    max-width: 100%
  }
}
@media (max-width:575px) {
  .career-info__text {
    font-size: 18px;
    margin-bottom: var(--indentMobCol)
  }
}
.career-info__title {
  color: #050505;
  font-family: var(--font-accent);
  font-size: 2.6rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.035rem;
  text-transform: uppercase;
  margin-bottom: 6rem
}
@media (max-width:1019px) {
  .career-info__title {
    font-size: 19px;
    margin-bottom: var(--indentMobCol)
  }
}
@media (max-width:575px) {
  .career-info__title {
    font-size: 18px
  }
}
.career-info__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6rem
}
@media (max-width:1019px) {
  .career-info__items {
    gap: 2.4rem
  }
}
@media (max-width:575px) {
  .career-info__items {
    gap: var(--indentMobCol)
  }
}
.career-info__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: var(--color-white)
}
.career-info__item:nth-child(even) {
  flex-direction: row-reverse
}
@media (max-width:1019px) {
  .career-info__item {
    flex-direction: column;
    gap: 24px
  }
  .career-info__item:nth-child(even) {
    flex-direction: column
  }
}
.career-info__item-image {
  width: 34.5rem;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden
}
@media (max-width:1019px) {
  .career-info__item-image {
    width: 100%;
    max-width: 100%;
    height: auto
  }
}
.career-info__item-image img {
  -o-object-fit: cover;
  object-fit: cover;
  min-width: 100%;
  height: auto;
  min-height: 100%
}
.career-info__item-content {
  padding: 2rem 6rem;
  flex: 1
}
@media (max-width:1019px) {
  .career-info__item-content {
    width: 100%;
    max-width: 100%;
    padding: 1.6rem 2.4rem
  }
}
@media (max-width:575px) {
  .career-info__item-content {
    padding: var(--cardMobIndents)
  }
}
.career-info__item-number-wrapper {
  padding-left: .95rem;
  padding-bottom: .95rem;
  margin-bottom: 2.4rem
}
@media (max-width:575px) {
  .career-info__item-number-wrapper {
    margin-bottom: var(--indentMobInlineXS)
  }
}
.career-info__item-number {
  width: 3.3rem;
  height: 3.3rem;
  min-width: 3.3rem;
  min-height: 3.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--ola-brend2);
  color: #fff;
  font-family: var(--font-accent);
  font-size: 1.8rem;
  font-weight: 1000;
  transform: rotate(45deg)
}
@media (max-width:1019px) {
  .career-info__item-number {
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px
  }
}
.career-info__item-number div {
  position: relative;
  transform: rotate(-45deg);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 4.65rem;
  height: 4.65rem;
  flex: 0 0 auto
}
.career-info__item-number div:after {
  position: absolute;
  content: "";
  width: 150px;
  height: 1px;
  background-color: var(--ola-brend2);
  left: calc(100% + 1.2rem);
  top: 50%;
  transform: translateY(-50%)
}
@media (max-width:1019px) {
  .career-info__item-number div:after {
    left: calc(100% + 60px)
  }
}
@media (max-width:575px) {
  .career-info__item-number div:after {
    left: calc(100% + 36px)
  }
}
.career-info__item-title {
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(18px,1.3rem);
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.026rem;
  margin-bottom: 16px
}
@media (max-width:575px) {
  .career-info__item-title {
    font-size: 18px
  }
}
.career-info__item-description {
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(16px,1.2rem);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.024rem;
  text-align: justify
}
@media (max-width:575px) {
  .career-info__item-description {
    font-size: 16px
  }
}
.career-info-intro__video {
  width: 100%;
  height: auto
}
.career-info-intro__video iframe {
  width: 100%;
  height: 100%
}
.career-info-intro {
  margin-bottom: var(--indentMobSection)
}
.career-info-intro__text {
  font-size: 16px;
  letter-spacing: -.02em
}
@media (min-width:1020px) {
  .career-info-intro {
    margin-bottom: 4rem
  }
  .career-info-intro__text {
    max-width: 71rem;
    font-size: max(16px,1.2rem)
  }
}
.career-quote {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: 4rem 7.35rem;
  background-image: url(../img/deco/bg-darker-arrows.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 120%
}
@media (max-width:1019px) {
  .career-quote {
    padding: var(--cardMobIndents)
  }
}
.career-quote__main-text {
  max-width: 60rem;
  position: relative
}
.career-quote__main-text > div {
  position: relative;
  z-index: 1
}
.career-quote__main-text:before {
  background-image: url(../img/deco/icon-quotes.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  position: absolute;
  margin-top: -1rem;
  margin-left: -1.5rem;
  width: 5.85rem;
  height: 3.85rem;
  z-index: 0
}
@media (max-width:1019px) {
  .career-quote__main-text:before {
    width: 3.85rem;
    margin-left: 0
  }
}
.career-video {
  padding: var(--indentMobSection) 0
}
@media (min-width:1020px) {
  .career-video {
    padding: 6rem 0
  }
}
.career-video__video,
iframe {
  width: 100%;
  height: auto
}
.career-probations {
  padding-top: var(--indentMobSection);
  padding-bottom: var(--indentMobSection)
}
@media (min-width:1020px) {
  .career-probations {
    padding-top: 5rem;
    padding-bottom: 5rem
  }
}
.career-probations__button {
  margin-top: var(--indentMobInline)
}
@media (min-width:1020px) {
  .career-probations__button {
    margin-top: 5rem
  }
}
.demo-alert__wrapper {
  margin-bottom: 3.1rem
}
.demo-alert {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 4rem 5.65rem 4.5rem 4rem;
  background: url(../img/deco/bg-darker-arrows.svg) center right/auto 130% no-repeat var(--ola-brend2-100);
  color: #fff
}
@media (max-width:1019px) {
  .demo-alert {
    flex-wrap: wrap;
    padding: var(--cardMobIndents);
    row-gap: 20px
  }
}
.demo-alert__container {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-right: 8.7rem
}
.demo-alert__title {
  color: #fff;
  font-family: var(--font-accent);
  font-size: 2.2rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.88px;
  text-transform: uppercase
}
@media (max-width:1019px) {
  .demo-alert__title {
    font-size: 19px
  }
}
@media (max-width:575px) {
  .demo-alert__title {
    font-size: 18px
  }
}
.demo-alert__subtitle {
  color: #fff;
  font-family: var(--font-base);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -.64px
}
@media (max-width:1019px) {
  .demo-alert__subtitle {
    font-size: 19px
  }
}
@media (max-width:575px) {
  .demo-alert__subtitle {
    font-size: 18px
  }
}
.demo-alert__text {
  font-family: var(--font-base);
  font-size: max(14px,1rem);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.2px
}
.demo-alert__login {
  display: flex;
  flex-direction: column;
  gap: 1.3rem
}
.demo-alert__login .button {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700
}
@media (max-width:1019px) {
  .demo-alert__login .button {
    width: 100%;
    max-width: 23rem
  }
}
.demo-alert__login-title {
  font-family: var(--font-base);
  font-size: max(16px,1rem);
  font-weight: 700;
  line-height: 1.4
}
.demo__list {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  margin-bottom: 5rem
}
@media (max-width:1019px) {
  .demo__list {
    margin-bottom: var(--indentMobSection)
  }
}
.demo__tab-title-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6rem;
  margin-bottom: 1.6rem
}
@media (max-width:1019px) {
  .demo__tab-title-wrapper {
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: var(--indentMobCol)
  }
}
.demo__tab-title {
  color: #1a2229;
  font-family: var(--font-accent);
  font-size: 1.75rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.035rem;
  text-transform: uppercase
}
@media (max-width:1019px) {
  .demo__tab-title {
    font-size: 19px
  }
}
@media (max-width:575px) {
  .demo__tab-title {
    font-size: 18px
  }
}
.demo__item {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 1.6rem 1.2rem;
  border-bottom: 1px solid #d0d3da
}
.demo__item:first-child {
  border-top: 1px solid #d0d3da
}
.demo__item-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}
@media (max-width:1019px) {
  .demo__item-top {
    flex-direction: column;
    gap: 18px
  }
}
.demo__item-title {
  color: #15191d;
  font-family: var(--font-base);
  font-size: max(20px,1.3rem);
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.026rem;
  margin-bottom: 8px
}
@media (max-width:575px) {
  .demo__item-title {
    font-size: 18px
  }
}
.demo__item-platform {
  color: #4e566a;
  font-family: var(--font-base);
  font-size: max(16px,1.2rem);
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -.024rem;
  margin-bottom: 16px
}
.demo__item-size {
  color: #4e566a;
  font-family: var(--font-base);
  font-size: max(14px,.9rem);
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -.009rem
}
.demo__item-description {
  width: 60%;
  color: #4e566a;
  font-family: var(--font-base);
  font-size: max(14px,1.2rem);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.024rem;
  text-align: justify
}
@media (max-width:1019px) {
  .demo__item-description {
    width: 100%;
    font-size: 16px
  }
}
.demo__item-download {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.4rem
}
.demo__item-download .link-with-img {
  color: #15191d;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -.036rem;
  gap: 8px
}
@media (max-width:1019px) {
  .demo__item-download .link-with-img {
    font-size: 26px
  }
}
@media (max-width:575px) {
  .demo__item-download .link-with-img {
    font-size: 24px
  }
}
.demo__item-download .link-with-img__img {
  width: 2.4rem;
  height: 2.4rem
}
.demo__item-download .button {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2rem;
  padding: .8rem 1.2rem;
  min-height: unset
}
@media (max-width:1019px) {
  .demo__item-download .button {
    font-size: 16px;
    width: 100%;
    max-width: 18.5rem
  }
}
.demo__item-download svg {
  fill: #fff
}
.demo-empty {
  display: none
}
@media (max-width:1019px) {
  .js-demo-see-more {
    width: 100%;
    max-width: 23rem
  }
}
@media (min-width:1020px) {
  .js-demo-see-more {
    min-width: 15rem
  }
}
.education-comment__wrapper {
  padding-left: 1.6rem;
  padding-right: 1.6rem
}
.education-comment__title {
  color: #1a2229;
  font-family: var(--font-accent);
  font-size: 2.6rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.035rem;
  text-transform: uppercase;
  margin-bottom: 1.6rem
}
@media (max-width:1019px) {
  .education-comment__title {
    font-size: 19px;
    margin-bottom: var(--indentMobHeader)
  }
}
@media (max-width:575px) {
  .education-comment__title {
    font-size: 18px
  }
}
.education-comment__list {
  margin-bottom: .6rem
}
.education-comment__item {
  display: flex;
  flex-direction: row;
  padding-top: .8rem;
  padding-bottom: .8rem
}
.education-comment__item-avatar {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  margin-right: .8rem;
  flex: 0 0 auto
}
.education-comment__item-avatar img {
  width: 100%;
  height: auto
}
.education-comment__item-content-top {
  display: flex;
  flex-direction: row;
  margin-bottom: 4px;
  color: rgba(0,0,0,.45);
  font-family: var(--font-base);
  font-size: max(12px,.6rem);
  font-weight: 400;
  line-height: 1rem
}
.education-comment__item-name {
  margin-right: .4rem
}
.education-comment__item-text {
  color: rgba(0,0,0,.85);
  font-family: var(--font-base);
  font-size: max(14px,.9rem);
  font-weight: 400;
  line-height: 130%;
  text-align: justify
}
.education-comment__wrapper {
  padding-top: 6rem
}
@media (max-width:1019px) {
  .education-comment__wrapper {
    padding-top: var(--indentMobSection)
  }
}
.education-comment__form-btn {
  min-width: 13.3rem
}
.education-doc__wrapper {
  padding-top: 6rem;
  padding-bottom: 6rem;
  margin-top: 6rem
}
@media (max-width:1019px) {
  .education-doc__wrapper {
    padding-top: var(--indentMobSection);
    margin-top: var(--indentMobSection);
    padding-bottom: var(--indentMobSection)
  }
}
.education-doc__wrapper .documentation-item:first-child {
  border-top: 1px solid #b9bbbe
}
.education-doc__wrapper .documentation-item__icon {
  background: url(../img/deco/icon-file-pdf.svg) center center/50% auto no-repeat var(--color-bg-contrast,var(--ola-brend4white))
}
.education-doc__wrapper .documentation-item__version {
  color: var(--color-font-contrast,#4e566a);
  font-family: var(--font-base);
  font-size: max(16px,1.2rem);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.024rem
}
.education-doc__wrapper .documentation-item__button {
  background-color: #fff
}
.education-doc__title {
  color: var(--color-font-contrast,var(--ola-brend2));
  font-family: var(--font-accent);
  font-size: 2.6rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.035rem;
  text-transform: uppercase;
  margin-bottom: 1.6rem
}
@media (max-width:1019px) {
  .education-doc__title {
    font-size: 19px
  }
}
@media (max-width:575px) {
  .education-doc__title {
    font-size: 18px
  }
}
.education-doc__subtitle {
  color: var(--color-font-contrast,var(--ola-brend2));
  font-family: var(--font-base);
  font-size: max(20px,1.3rem);
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.026rem;
  margin-bottom: .4rem;
  text-transform: unset
}
.education-comment__form-content {
  display: flex;
  flex-direction: row
}
.education-link {
  margin-top: 4.3rem
}
@media (max-width:1019px) {
  .education-link {
    margin-top: var(--indentMobCol)
  }
}
.education-tabs__question {
  color: #050505;
  font-family: var(--font-base);
  font-size: max(22px,1.3rem);
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.026rem;
  margin-bottom: 2.4rem
}
@media (max-width:1019px) {
  .education-tabs__question {
    margin-bottom: var(--indentMobInline)
  }
}
.education-tabs__selectors {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 2.4rem
}
@media (max-width:1019px) {
  .education-tabs__selectors {
    gap: var(--indentMobInline) 16px
  }
}
.education-tab__content {
  display: none;
  border-radius: 4px;
  background: var(--ola-brend4white);
  padding: 0 5rem
}
@media (max-width:1019px) {
  .education-tab__content {
    padding: 0 1.5rem
  }
}
@media (max-width:575px) {
  .education-tab__content {
    padding: 0
  }
}
.education-tab__content.active,
.education-tab__content.releases-form__btn.button.is-active {
  display: block
}
.education-tab__content-section {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 2.4rem 4rem
}
@media (max-width:575px) {
  .education-tab__content-section {
    padding: var(--cardMobIndents);
    margin-bottom: 32px
  }
}
.education-tab__content-video {
  height: 660px;
  width: 100%
}
@media (max-width:1019px) {
  .education-tab__content-video {
    height: 400px
  }
}
@media (max-width:575px) {
  .education-tab__content-video {
    height: 300px
  }
}
.education-tab__content-video iframe {
  width: 100%;
  height: 100%
}
.education-comment__content {
  width: 70%
}
@media (max-width:1019px) {
  .education-comment__content {
    width: 100%
  }
}
.education-tab__content-text {
  color: #050505;
  font-family: var(--font-base);
  font-size: max(16px,1.1rem);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.022rem;
  text-align: justify
}
@media (max-width:1019px) {
  .education-tab__content-text {
    font-size: 16px
  }
}
.education-comment__form-input-wrapper {
  width: 100%
}
.education-comment__form-input {
  padding-left: 1px;
  width: 100%;
  height: 144px;
  margin-bottom: 2.25rem
}
.education-comment__form-input textarea {
  width: 100%;
  height: 144px;
  border-radius: 2px;
  padding: 5px 12px;
  font-family: var(--font-base);
  border: 1px solid;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.education-comment__form-input textarea::-moz-placeholder {
  color: rgba(0,0,0,.25);
  font-family: var(--font-base);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px
}
.education-comment__form-input textarea::placeholder {
  color: rgba(0,0,0,.25);
  font-family: var(--font-base);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px
}
.education-comment__form-input textarea:focus {
  border: 1px solid var(--ola-brend8);
  outline: 1px solid var(--ola-brend8);
  box-shadow: 0 0 10px var(--ola-brend8)
}
.materials-content__wrapper {
  margin-bottom: 4rem
}
@media (max-width:1019px) {
  .materials-content__wrapper {
    margin-bottom: 0
  }
}
.materials-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 6px;
  grid-row-gap: 3.2rem;
  margin-bottom: 4rem
}
@media (max-width:1019px) {
  .materials-content {
    grid-template-columns: 1fr;
    grid-row-gap: 1.6rem;
    margin-bottom: var(--indentMobCol)
  }
}
@media (max-width:575px) {
  .materials-content {
    grid-row-gap: var(--indentMobInline)
  }
}
.materials-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: .3s;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
.materials-card .materials-card__img-wrapper {
  position: relative
}
.materials-card .materials-card__img-wrapper::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 40px solid transparent;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  transition: .3s ease
}
@media (hover:hover) {
  .materials-card:hover .materials-card__img-wrapper::after {
    border-right: 40px solid var(--ola-brend8)
  }
}
@media (hover:hover) {
  .materials-card:hover .materials-card__content-title {
    color: var(--ola-link-hover)
  }
}
@media (max-width:575px) {
  .materials-card {
    align-items: flex-start
  }
}
.materials-card__img-wrapper {
  min-width: 16rem;
  width: 16rem;
  height: 100%;
  max-height: 13.2rem;
  background-color: var(--ola-brend4white);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.6rem
}
@media (max-width:1019px) {
  .materials-card__img-wrapper {
    min-width: 120px;
    width: 120px;
    height: 120px
  }
}
.materials-card__img {
  max-width: 5rem;
  max-height: 5rem;
  width: 100%;
  height: auto
}
@media (max-width:1019px) {
  .materials-card__img {
    max-width: 3rem;
    max-height: 3rem
  }
}
@media (max-width:575px) {
  .materials-card__img {
    max-width: 56px;
    max-height: 56px
  }
}
.materials-card__content {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-right: 4.5rem
}
@media (max-width:1019px) {
  .materials-card__content {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0
  }
}
.materials-card__content-title {
  color: #15191d;
  font-family: var(--font-base);
  font-size: max(18px,1.1rem);
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -.022rem;
  margin-bottom: 16px
}
.materials-card__content-text {
  color: #1a2229;
  font-size: max(16px,.9rem);
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 16px;
  text-align: justify
}
.materials-card__content-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px
}
.materials-card__content-tag {
  color: #4e566a;
  font-family: var(--font-base);
  font-size: max(12px,.7rem);
  font-weight: 400;
  line-height: 140%
}
.materials-content__empty {
  display: flex;
  flex-direction: row;
  align-items: center
}
@media (max-width:1019px) {
  .materials-content__empty {
    flex-direction: column
  }
}
.materials-content__empty-img {
  width: 335px;
  height: 335px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.6rem
}
@media (max-width:1019px) {
  .materials-content__empty-img {
    width: 100%;
    height: auto;
    flex-direction: column;
    margin-bottom: 32px;
    margin-right: 0
  }
}
.materials-content__empty-title {
  color: #050505;
  font-family: var(--font-base);
  font-size: max(18px,1.3rem);
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.026rem;
  margin-bottom: 1.2rem
}
@media (max-width:1019px) {
  .materials-content__empty-title {
    margin-bottom: var(--indentMobInlineXS)
  }
}
.materials-content__empty-text {
  color: #050505;
  font-family: var(--font-base);
  font-size: max(16px,1.1rem);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.022rem;
  margin-bottom: 1.2rem
}
@media (max-width:1019px) {
  .materials-content__empty-text {
    margin-bottom: var(--indentMobInline)
  }
}
.materials-content__see-more {
  min-width: 14.95rem
}
.materials-search {
  margin-bottom: 3.2rem
}
.materials-search__input-wrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2.4rem
}
@media (max-width:1019px) {
  .materials-search__input-wrap {
    gap: 24px;
    align-items: flex-start
  }
}
.materials-search__input-wrap .input-field {
  flex-grow: 1
}
@media (min-width:1020px) {
  .materials-search__input-wrap .input-field {
    align-self: flex-end;
    margin-right: 2.4rem
  }
}
.materials-search__input-wrap .input-field__error {
  display: none
}
.materials-search__btns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.2rem
}
.materials-search__btns .button:first-child {
  padding-left: 4rem;
  padding-right: 4rem
}
@media (min-width:1020px) {
  .materials-search__btn {
    min-width: 13.15rem
  }
}
.partner-effect__wrapper {
  padding-top: 6rem;
  padding-bottom: 6rem
}
@media (max-width:1019px) {
  .partner-effect__wrapper {
    padding: var(--indentMobSection) 0
  }
}
.partner-effect {
  display: flex;
  flex-direction: column;
  gap: 5.7rem
}
@media (max-width:1019px) {
  .partner-effect {
    gap: var(--indentMobCol)
  }
}
.partner-effect__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 5rem
}
@media (max-width:1019px) {
  .partner-effect__head {
    gap: var(--indentMobCol);
    flex-direction: column;
    padding-right: unset
  }
}
.partner-effect__head-left {
  width: 60%
}
@media (max-width:1019px) {
  .partner-effect__head-left {
    width: auto
  }
}
.partner-effect__head-title {
  color: var(--color-font-contrast,#050505);
  font-family: var(--font-accent);
  font-size: 2.6rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.7px;
  text-transform: uppercase;
  margin-bottom: 1.2rem
}
@media (max-width:1019px) {
  .partner-effect__head-title {
    font-size: 19px;
    margin-bottom: var(--indentMobInline)
  }
}
@media (max-width:575px) {
  .partner-effect__head-title {
    font-size: 18px
  }
}
.partner-effect__head-subtitle {
  color: var(--color-font-contrast,#050505);
  font-family: var(--font-base);
  font-size: max(16px,1.2rem);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.48px
}
@media (max-width:1019px) {
  .partner-effect__head-subtitle {
    font-size: 18px
  }
}
.partner-effect__head-percent-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.4rem
}
@media (max-width:1019px) {
  .partner-effect__head-percent-row {
    gap: var(--indentMobInlineXS)
  }
}
.partner-effect__head-percent {
  color: var(--color-font-contrast,var(--ola-brend2));
  font-family: var(--font-accent);
  font-size: 3.2rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -1.28px;
  text-transform: uppercase
}
.partner-effect__head-percent-text {
  width: 80%;
  text-align: center;
  color: var(--color-font-contrast,#1a2229);
  font-family: var(--font-base);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -.48px
}
.partner-effect__content-text {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--color-font-contrast,#1a2229);
  font-family: var(--font-base);
  font-size: max(16px,1.2rem);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.48px;
  margin-bottom: 2.4rem
}
.partner-effect__content-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-column-gap: 8.4rem;
  grid-row-gap: 6rem
}
@media (max-width:1019px) {
  .partner-effect__content-grid {
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem
  }
}
@media (max-width:575px) {
  .partner-effect__content-grid {
    grid-template-columns: repeat(2,1fr)
  }
}
.partner-effect__content-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.05rem
}
.partner-effect__content-item-percent {
  color: var(--color-font-contrast,var(--ola-brend2));
  font-family: var(--font-accent);
  font-size: 2.4rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.96px;
  text-transform: uppercase
}
@media (max-width:575px) {
  .partner-effect__content-item-percent {
    font-size: 32px
  }
}
.partner-effect__content-item-text {
  width: 90%;
  align-self: flex-end;
  color: var(--color-font-contrast,#1a2229);
  font-family: var(--font-base);
  font-size: max(14px,1rem);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -.2px
}
.partner-effect__chart {
  position: relative
}
.chart-bg {
  display: flex;
  flex-direction: column;
  gap: 14px
}
.chart-bg__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.4rem
}
.chart-bg__item-number {
  height: 33px;
  text-align: right;
  width: 5.4rem;
  color: #4e566a;
  font-family: var(--font-base);
  font-size: .9rem;
  font-weight: 400
}
.partner-effect__chart canvas {
  height: 400px
}
.partner-info {
  display: grid;
  grid-template-columns: .56fr .44fr;
  gap: 7.4rem;
  margin-bottom: 6rem
}
@media (max-width:1019px) {
  .partner-info {
    grid-template-columns: 1fr;
    gap: 2.4rem;
    margin-bottom: var(--indentMobSection)
  }
}
.partner-info__link-back {
  margin-bottom: 3.4rem
}
@media (max-width:1019px) {
  .partner-info__link-back {
    margin-bottom: var(--indentMobInline)
  }
}
.partner-info__subtitle {
  color: #050505;
  font-family: var(--font-base);
  font-size: max(16px,1.2rem);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.024rem;
  margin-bottom: 2.4rem;
  text-align: justify
}
@media (max-width:1019px) {
  .partner-info__subtitle {
    font-size: 18px;
    margin-bottom: var(--indentMobCol)
  }
}
.partner-info__contacts {
  margin-bottom: 2.4rem
}
.partner-text {
  color: #050505;
  font-family: var(--font-base);
  font-size: max(16px,1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.01rem;
  text-align: justify
}
.partner-info__img {
  width: 100%;
  height: auto;
  margin-bottom: 15px
}
@media (max-width:1019px) {
  .partner-info__img {
    margin-bottom: 8px
  }
}
.partner-info__img-name {
  color: #4e566a;
  font-family: var(--font-base);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%
}
.partner-top__content {
  padding-bottom: 3.2rem
}
@media (max-width:575px) {
  .partner-top__content {
    padding-bottom: var(--indentMobCol)
  }
}
.partner-top__left-col {
  display: flex;
  flex-direction: column;
  gap: 2.4rem
}
@media (max-width:1019px) {
  .partner-top__left-col {
    gap: var(--indentMobInline)
  }
}
.partner-top__right-col {
  width: 15rem;
  min-width: 15rem;
  height: 15rem
}
@media (max-width:1439px) {
  .partner-top__right-col {
    width: 260px;
    min-width: 260px;
    height: 260px
  }
}
@media (max-width:1019px) {
  .partner-top__right-col {
    height: auto
  }
}
@media (max-width:575px) {
  .partner-top__right-col {
    width: 200px;
    min-width: 200px
  }
}
@media (max-width:1019px) {
  .partner-top__right-col--no-logo {
    display: none
  }
}
.partner-top__back-on-mob {
  margin-bottom: var(--indentMobInlineXS)
}
.partner-top__logo-wrap {
  background: var(--color-white);
  border: 1px solid var(--ola-brend6);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 2.5rem
}
@media (max-width:575px) {
  .partner-top__logo-wrap {
    padding: var(--cardMobIndents)
  }
}
.partner-top__logo-img {
  width: 100%
}
.partner-top__left-col-content {
  display: flex;
  flex-direction: column;
  gap: 3.2rem
}
@media (max-width:1019px) {
  .partner-top__left-col-content {
    gap: var(--indentMobInlineXS)
  }
}
.partner-top__left-col-text {
  font-size: max(16px,1.3rem);
  font-weight: 700
}
@media (max-width:1019px) {
  .partner-top__left-col-text {
    font-size: 18px
  }
}
.partner-top__header-title {
  padding-right: max(300px,15rem)
}
.programs-offer-text {
  padding: 6rem 0 5.05rem
}
@media (max-width:1019px) {
  .programs-offer-text {
    padding: 32px 0
  }
}
.programs-offer-text__content {
  grid-row-gap: 5rem
}
@media (max-width:1019px) {
  .programs-offer-text__content {
    grid-row-gap: 16px
  }
}
.programs-offer-text__content-left {
  display: flex;
  flex-direction: column;
  gap: 1.6rem
}
@media (max-width:1019px) {
  .programs-offer-text__content-left {
    gap: 1rem
  }
}
.programs-offer-text__btn {
  width: max(250px,18rem);
  white-space: nowrap
}
@media (max-width:575px) {
  .programs-offer-text__btn {
    width: 100%
  }
}
.programs-offer-text__content-name {
  font-size: max(18px,1.3rem)
}
@media (max-width:1019px) {
  .programs-offer-text__content-name {
    font-size: 18px;
    order: 2
  }
}
@media (max-width:1019px) {
  .programs-offer-text__content-name br {
    display: none
  }
}
.programs-offer-text__content-text {
  font-size: max(14px,1.2rem);
  text-align: justify
}
@media (max-width:1019px) {
  .programs-offer-text__content-text {
    font-size: 16px;
    margin-bottom: 24px
  }
}
@media (max-width:1019px) {
  .programs-offer-text__content-line {
    display: block;
    order: 1;
    width: 100%
  }
}
.programs-offer__modal-heading {
  position: relative;
  margin-bottom: 2.4rem
}
.programs-offer__modal-heading button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #b9bbbe
}
.programs-offer__modal-title {
  color: #1a2229;
  font-family: var(--font-base);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -.032rem
}
.programs-offer__modal-wrap .swiper {
  padding-left: 6.4rem;
  padding-right: 6.4rem
}
@media (max-width:1019px) {
  .programs-offer__modal-wrap .swiper {
    padding-left: 16px;
    padding-right: 16px
  }
}
.programs-offer__slider-item-title {
  color: #0d1c27;
  font-family: var(--font-base);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -.022rem;
  margin-bottom: 1.6rem
}
.programs-offer__slider-content {
  display: flex;
  flex-direction: row;
  padding-bottom: 2.4rem
}
@media (max-width:1019px) {
  .programs-offer__slider-content {
    flex-direction: column;
    gap: 16px
  }
}
.programs-offer__slider-img {
  width: 416px;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 48px;
  flex-shrink: 0
}
@media (max-width:1019px) {
  .programs-offer__slider-img {
    margin-right: 0;
    width: 100%
  }
}
.programs-offer__slider-img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}
.programs-offer__slider-text {
  color: #050505;
  font-family: var(--font-base);
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.01rem;
  margin-bottom: 32px
}
.programs-offer__slider-info {
  display: flex;
  flex-direction: row;
  align-items: center
}
.programs-offer__slider-info-img {
  width: 33px;
  height: 28px;
  min-width: 33px;
  min-height: 28px;
  margin-right: 16px
}
.programs-offer__modal {
  background-color: var(--ola-brend4white)
}
.about__info-modal-wrap .product-protocols-slider__button,
.product-protocols__modal-wrap .product-protocols-slider__button {
  background-color: #fff!important
}
.programs-text {
  width: 83%;
  color: #1a2229;
  font-family: var(--font-base);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.024rem;
  margin-bottom: 6rem;
  text-align: justify
}
@media (max-width:1019px) {
  .programs-text {
    width: 100%;
    margin-bottom: 4rem
  }
}
.programs-offer {
  padding: 5rem 0
}
@media (max-width:1019px) {
  .programs-offer {
    margin-bottom: 24px;
    padding: var(--indentMobSection) 0
  }
}
.programs-offer__image {
  width: 11rem;
  flex: 0 0 auto
}
.programs-offer__image img {
  width: 100%
}
.programs-offer__heading {
  margin-bottom: 3.2rem
}
@media (max-width:1019px) {
  .programs-offer__heading {
    margin-bottom: var(--indentMobInlineXS)
  }
}
@media (min-width:1020px) {
  .programs-offer__heading h2 {
    font-size: 2rem
  }
}
.programs-offer__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2.4rem
}
@media (max-width:1019px) {
  .programs-offer__list {
    grid-template-columns: 1fr;
    grid-gap: 16px
  }
}
@media (hover:hover) {
  .programs-offer__card:hover .arrow-animated svg:nth-child(1) {
    animation: arrBgAnimation1 steps(1) 1s infinite
  }
  .programs-offer__card:hover .arrow-animated svg:nth-child(2) {
    animation: arrBgAnimation2 steps(1) 1s infinite
  }
  .programs-offer__card:hover .arrow-animated svg:nth-child(3) {
    animation: arrBgAnimation3 steps(1) 1s infinite
  }
}
.programs-offer__title {
  color: var(--color-font-contrast,#050505);
  font-family: var(--font-base);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -.024rem
}
@media (max-width:1019px) {
  .programs-offer__title {
    font-size: 20px
  }
}
.programs-partners__block-heading {
  margin-bottom: 2.4rem
}
@media (max-width:1019px) {
  .programs-partners__block-heading {
    margin-bottom: var(--indentMobCol)
  }
}
.programs-partners__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 2.6rem;
  align-items: stretch;
  margin-bottom: 4rem
}
@media (max-width:1019px) {
  .programs-partners__list {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-gap: var(--indentMobInline)
  }
}
@media (max-width:575px) {
  .programs-partners__list {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6,1fr)
  }
}
.programs-partners__card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 2.5rem;
  background-color: var(--color-bg-contrast,var(--ola-brend4white));
  height: 100%;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out;
  position: relative
}
.programs-partners__card::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-top: 40px solid transparent;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  transition: .3s ease
}
@media (hover:hover) {
  .programs-partners__card:hover::after {
    border-right: 40px solid var(--ola-brend8)
  }
}
@media (max-width:575px) {
  .programs-partners__card {
    padding: 16px
  }
}
.programs-offer-card__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.4rem;
  height: 100%
}
.programs-offer__link {
  margin-bottom: 6rem
}
@media (max-width:1019px) {
  .programs-offer__link {
    margin-bottom: var(--indentMobSection)
  }
}
.programs-partners__card-spesial {
  position: absolute;
  top: 0;
  left: 0;
  width: 186px;
  min-width: 186px;
  height: 50px;
  min-height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--ola-brend1);
  color: var(--ola-brend2);
  font-size: 15px;
  font-weight: 400;
  line-height: 110%;
  font-family: var(--font-base);
  padding: 0 4px
}
.programs-partners__card-spesial svg {
  margin-right: 4px
}
.programs-partners__card-img {
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}
.programs-partners {
  margin-bottom: 6rem;
  padding: 6rem 0
}
@media (max-width:1019px) {
  .programs-partners {
    margin-bottom: var(--indentMobSection);
    padding: var(--indentMobSection) 0
  }
}
.programs-partners__see-all {
  min-width: 13.3rem
}
.programs-cooperate {
  display: flex;
  flex-direction: row;
  padding: 80px;
  background: var(--ola-brend2);
  position: relative;
  text-align: justify
}
.programs-cooperate:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .3;
  background: url(../img/deco/bg-dark-arrows.svg) center right/auto 140% no-repeat
}
@media (max-width:1019px) {
  .programs-cooperate {
    flex-direction: column;
    gap: 32px
  }
}
@media (max-width:575px) {
  .programs-cooperate {
    padding: var(--cardMobIndents)
  }
}
.programs-cooperate > * {
  position: relative;
  z-index: 1
}
.programs-cooperate__content {
  width: 50%;
  margin-right: 11rem;
  color: #fff
}
@media (max-width:1019px) {
  .programs-cooperate__content {
    margin-right: 0;
    width: 100%
  }
}
.programs-cooperate__content-title {
  font-family: var(--font-base);
  font-size: max(20px,1.3rem);
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.026rem;
  margin-bottom: 1.2rem;
  text-align: left
}
.programs-cooperate__content-text {
  font-family: var(--font-base);
  font-size: max(16px,1rem);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.01rem
}
.programs-cooperate__content-text a {
  color: #fff;
  transition: .3s
}
.programs-cooperate__content-text a:hover {
  opacity: .7
}
.programs-cooperate__btn {
  height: -moz-fit-content;
  height: fit-content;
  background-color: #fff;
  color: var(--ola-brend2)
}
@media (min-width:576px) {
  .programs-cooperate__btn {
    max-width: 23rem
  }
}
.programs-offer__card {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in-out
}
@media (hover:hover) {
  .programs-offer__card:hover .programs-offer__title {
    color: var(--ola-link-hover)
  }
}
.programs-offer__subtitle {
  font-weight: 700;
  font-size: max(18px,1.3rem);
  margin-bottom: 3.2rem
}
@media (max-width:1019px) {
  .programs-offer__subtitle {
    font-size: 18px
  }
}
.programs-offer__subtitle p {
  margin-bottom: 0
}
.releases-content__year {
  margin-bottom: 5rem
}
@media (max-width:575px) {
  .releases-content__year {
    margin-bottom: var(--indentMobCol)
  }
}
.releases-content__title {
  color: #1a2229;
  font-family: var(--font-accent);
  font-size: 1.75rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.035rem;
  text-transform: uppercase;
  margin-bottom: 2.4rem
}
@media (max-width:575px) {
  .releases-content__title {
    margin-bottom: var(--indentMobInline)
  }
}
.releases-content__spoiler-wrapper {
  padding: 16px 0;
  border-bottom: 1px solid #b9bbbe;
  cursor: pointer
}
@media (min-width:1020px) {
  .releases-content__spoiler-wrapper {
    padding: 24px
  }
}
.releases-content__spoiler-wrapper .button--collapse {
  margin-left: auto
}
.releases-content__spoiler-wrapper:first-child {
  border-top: 1px solid #b9bbbe
}
.releases-content__spoiler-row {
  display: flex;
  flex-direction: row;
  align-items: center
}
.releases-content__spoiler-date {
  color: var(--color-text-light);
  font-family: var(--font-base);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.022rem;
  width: 110px
}
@media (min-width:1020px) {
  .releases-content__spoiler-date {
    font-size: max(16px,1.1rem);
    width: 10rem
  }
}
.releases-content__spoiler-title {
  color: #15191d;
  font-family: var(--font-base);
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.026rem;
  padding-right: 1rem
}
@media (min-width:1020px) {
  .releases-content__spoiler-title {
    font-size: max(20px,1.3rem)
  }
}
.releases-content__spoiler-hidden {
  max-height: 0;
  overflow: hidden;
  transition: .5s ease-in-out
}
.collapsed .releases-content__spoiler-hidden {
  padding-top: 2rem;
  max-height: 10000px
}
.releases-content__spoiler-text-title {
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(16px,.9rem);
  font-weight: 700;
  line-height: 1.35rem;
  margin-bottom: 1.1rem
}
.releases-content__spoiler-text-description {
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(16px,1rem);
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 2rem
}
.releases-content__spoiler-text-li {
  color: #050505;
  font-family: var(--font-base);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.2px;
  padding-left: 32px;
  margin-bottom: 16px;
  position: relative
}
@media (min-width:1020px) {
  .releases-content__spoiler-text-li {
    font-size: max(16px,1rem)
  }
}
.releases-content__spoiler-text-li:before {
  content: "";
  position: absolute;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--ola-brend8)
}
.releases-form {
  display: grid;
  grid-template-columns: 1fr .55fr;
  grid-gap: 10rem;
  margin-bottom: 3.2rem
}
@media (max-width:1019px) {
  .releases-form {
    grid-template-columns: 1fr;
    grid-gap: 48px
  }
}
.releases-form__btns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.2rem
}
@media (max-width:575px) {
  .releases-form__btns {
    gap: var(--indentMobInlineXS)
  }
}
.releases-form__btn.button {
  font-size: 1rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: .009rem;
  min-height: 3.1rem
}
@media (max-width:1019px) {
  .releases-form__btn.button {
    min-height: 48px
  }
}
.releases-load-more {
  padding-top: 1rem;
  padding-bottom: 1rem
}
@media (max-width:1019px) {
  .releases-load-more {
    width: 100%;
    max-width: 23rem
  }
}
.releases-text {
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(15px,1.2rem);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.024rem;
  margin-bottom: 3.2rem;
  width: 85%;
  text-align: justify
}
@media (max-width:575px) {
  .releases-text {
    margin-bottom: var(--indentMobCol)
  }
}
@media (max-width:1019px) {
  .releases-text {
    width: 100%
  }
}
.solution-info {
  margin-bottom: 4.9rem
}
@media (max-width:1019px) {
  .solution-info {
    margin-bottom: var(--indentMobSection)
  }
}
.solution-info__top {
  display: grid;
  grid-template-columns: 761fr 833fr;
  gap: 6.15rem;
  align-items: center;
  margin-bottom: 5rem
}
@media (max-width:1019px) {
  .solution-info__top {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin-bottom: 2.6rem
  }
}
.solution-info__content-title {
  width: 87%;
  color: #050505;
  font-family: var(--font-base);
  font-size: max(18px,1.2rem);
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.024rem;
  margin-bottom: 1.6rem;
  text-align: justify
}
@media (max-width:1019px) {
  .solution-info__content-title {
    width: 100%;
    margin-bottom: 16px
  }
}
@media (max-width:575px) {
  .solution-info__content-title {
    font-size: 18px
  }
}
.solution-info__content-text {
  color: #050505;
  font-family: var(--font-base);
  font-size: max(16px,1rem);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -.2px;
  text-align: justify
}
.solution-info__img {
  display: flex;
  align-items: center;
  justify-content: center
}
.solution-info__img img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain
}
.solution-info__bottom {
  color: #050505;
  font-family: var(--font-base);
  font-size: max(14px,1rem);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -.01rem;
  text-align: justify
}
.solutions-list {
  padding-top: 6.4rem;
  padding-bottom: 6.4rem
}
@media (max-width:1019px) {
  .solutions-list {
    padding-top: var(--indentMobSection);
    padding-bottom: var(--indentMobSection)
  }
}
.solutions-list__title {
  color: var(--color-font-contrast,var(--color-text-dark));
  font-family: var(--font-accent);
  font-size: 2.6rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.035rem;
  text-transform: uppercase;
  margin-bottom: 3rem
}
@media (max-width:1019px) {
  .solutions-list__title {
    margin-bottom: 1.6rem;
    font-size: 19px
  }
}
@media (max-width:575px) {
  .solutions-list__title {
    font-size: 18px;
    margin-bottom: var(--indentMobCol)
  }
}
.solutions-list__grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 2.4rem
}
@media (max-width:1019px) {
  .solutions-list__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--indentMobInline)
  }
}
@media (max-width:575px) {
  .solutions-list__grid {
    grid-template-columns: 1fr
  }
}
.solutions-list__card {
  display: flex;
  flex-direction: column;
  padding: 1.6rem 1.2rem;
  background: var(--color-bg-contrast,var(--ola-brend4white));
  color: #15191d;
  transition: .3s ease-in
}
@media (min-width:1020px) {
  .solutions-list__card:not(.no-hover):hover {
    box-shadow: 0 12px 30px 0 rgba(199,213,224,.5);
    cursor: pointer
  }
  .solutions-list__card:not(.no-hover):hover .solutions-list__card-arrow {
    transform: translateX(8px)
  }
}
.solutions-list__card-title {
  font-family: var(--font-base);
  font-size: max(16px,1rem);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -.01rem;
  margin-bottom: 16px
}
.solutions-list__card-arrow {
  margin-bottom: 4.3rem;
  color: var(--ola-brend8);
  transition: .3s ease-in
}
.solutions-list__card-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto
}
.solutions-list__card-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  padding: 4px 10px;
  border-radius: 4px;
  height: -moz-fit-content;
  height: fit-content;
  min-height: unset
}
.solution-cooperate__form {
  margin-top: 6rem
}
@media (max-width:1019px) {
  .solution-cooperate__form {
    margin-top: 3rem
  }
}
.support-materials-section {
  margin-bottom: 6rem;
  display: flex;
  flex-direction: column;
  gap: 56px
}
@media (max-width:1019px) {
  .support-materials-section {
    margin-bottom: 64px;
    gap: var(--indentMobCol)
  }
}
.support-text__wrapper {
  margin-bottom: 3.2rem
}
@media (max-width:575px) {
  .support-text__wrapper {
    margin-bottom: var(--indentMobCol)
  }
}
.support-materials {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px
}
@media (max-width:1019px) {
  .support-materials {
    grid-template-columns: 1fr;
    gap: 32px
  }
}
.support-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3.2rem;
  padding: 3.2rem 2.8rem 3.2rem 6rem;
  background-color: var(--ola-brend4white)
}
@media (max-width:1019px) {
  .support-section {
    padding: 1.6rem 3rem
  }
}
@media (max-width:575px) {
  .support-section {
    padding: var(--cardMobIndents);
    gap: var(--indentMobInline)
  }
}
.support-section--consultation {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center
}
.support-section__title {
  color: #050505;
  font-family: var(--font-base);
  font-size: max(18px,1.3rem);
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.026rem
}
@media (max-width:575px) {
  .support-section__title {
    font-size: 20px
  }
}
.support-section__item-description {
  color: #1a2229;
  font-family: var(--font-base);
  font-size: max(18px,1.1rem);
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -.022rem;
  margin-bottom: 1.2rem
}
@media (max-width:575px) {
  .support-section__item-description {
    margin-bottom: var(--indentMobInlineXS)
  }
}
.support-section__item-link {
  background-color: #fff;
  padding: .8rem 1.6rem;
  white-space: nowrap
}
@media (max-width:575px) {
  .support-section__item-link {
    width: 100%
  }
}
.support-section__item-link .link-with-img {
  color: var(--ola-brend2);
  font-size: max(13px,.9rem);
  font-weight: 600;
  line-height: 130%;
  gap: 16px
}
@media (hover:hover) {
  .support-section__item-link .link-with-img:hover {
    color: var(--ola-link-hover)
  }
}
.support-section__item-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.2rem
}
.support-attention {
  padding-top: 6.3rem;
  padding-bottom: 6.05rem
}
@media (max-width:1019px) {
  .support-attention {
    background-size: cover;
    padding-top: var(--indentMobSection);
    padding-bottom: var(--indentMobSection)
  }
}
.support-attention__wrapper {
  display: flex;
  flex-direction: row
}
@media (max-width:1019px) {
  .support-attention__wrapper {
    flex-direction: column;
    gap: var(--indentMobCol)
  }
}
.support-attention__info {
  max-width: 45%;
  flex-grow: 1;
  margin-right: 8.5rem
}
@media (max-width:1019px) {
  .support-attention__info {
    margin-right: unset;
    max-width: unset
  }
}
.support-attention__title {
  font-family: var(--font-accent);
  font-size: 2.2rem;
  font-weight: 1000;
  line-height: 120%;
  letter-spacing: -.044rem;
  text-transform: uppercase;
  margin-bottom: 2.1rem
}
@media (max-width:1019px) {
  .support-attention__title {
    font-size: 19px;
    margin-bottom: var(--indentMobInline)
  }
}
@media (max-width:575px) {
  .support-attention__title {
    font-size: 18px
  }
}
.support-attention__text {
  font-family: var(--font-base);
  font-size: max(18px,1.3rem);
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.026rem;
  margin-bottom: 1.2rem
}
@media (max-width:575px) {
  .support-attention__text {
    font-size: 18px;
    margin-bottom: var(--indentMobInline)
  }
}
.support-attention__list {
  padding-left: 15px;
  list-style: none;
  margin-top: 0;
  margin-bottom: 1.6rem
}
.support-attention__list-item {
  font-family: var(--font-base);
  font-size: max(16px,1rem);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.01rem;
  margin-bottom: 1.2rem;
  position: relative;
  padding-left: 1.6rem
}
.support-attention__list-item:not(:empty)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: .4rem;
  height: .4rem;
  margin-top: -.2rem;
  background: var(--color-text-black)
}
@media (max-width:575px) {
  .support-attention__list-item {
    margin-bottom: var(--indentMobInline)
  }
}
.support-attention__list-item:last-child {
  margin-bottom: 0
}
.support-attention__video {
  max-width: 35%
}
@media (max-width:1019px) {
  .support-attention__video {
    max-width: unset
  }
}
.support-attention__video-title {
  font-family: var(--font-base);
  font-size: max(18px,1.3rem);
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.026rem;
  margin-bottom: 2.1rem
}
@media (max-width:575px) {
  .support-attention__video-title {
    font-size: 20px;
    margin-bottom: var(--indentMobInline)
  }
}
.support-attention__video-wrapper {
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  background: #000
}
.support-attention__video-wrapper iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9
}
@media (max-width:1439px) {
  .support-attention__video-wrapper {
    height: 300px
  }
}
@media (max-width:1019px) {
  .support-attention__video-wrapper {
    height: 400px
  }
}
.support-attention__button {
  min-width: 100%
}
@media (min-width:1020px) {
  .support-attention__button {
    min-width: 32.2rem
  }
}
.support-text {
  font-weight: 500;
  text-align: justify
}
@media (min-width:1020px) {
  .support-text {
    font-size: max(16px,1rem)
  }
}
.support-link {
  color: var(--ola-link)
}
.support-section__button--more {
  min-width: 13.3rem
}
@media (min-width:1020px) {
  .support-section__button--wide {
    margin-right: 3.2rem;
    min-height: 40px;
    line-height: 1.2
  }
}
.support-section__video-block {
  display: flex;
  flex-direction: column
}
.support-section__instruction-title {
  font-family: var(--font-base);
  font-size: max(16px,1.1rem);
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem
}
.support-section__instruction-button {
  width: 100%
}
.support-section__button--consultation {
  min-width: 24.45rem
}
@media (max-width:1019px) {
  .support-section__button--consultation {
    width: 100%;
    min-width: 100%
  }
}
/*# sourceMappingURL=style.css.map */