/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/accordion-js/dist/accordion.min.css ***!
  \********************************************************************************************************************************/
@charset "UTF-8";
/**
 * Accordion v3.3.4
 * Lightweight and accessible accordion module created in pure Javascript
 * https://github.com/michu2k/Accordion
 *
 * Copyright (c) Michał Strumpf
 * Published under MIT License
 */

.ac{margin-top:8px;border:1px solid #eee;background-color:#fff;box-sizing:border-box}.ac .ac-header{margin:0;padding:0}.ac .ac-trigger{font:bold 16px Arial,sans-serif;color:#111;text-align:left;width:100%;padding:8px 32px 8px 8px;display:block;cursor:pointer;background-color:transparent;transition:color .25s ease;position:relative;text-decoration:none;margin:0;border:0}.ac .ac-trigger::after{content:"+";text-align:center;width:15px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);position:absolute;right:10px;top:50%}.ac .ac-trigger:focus{color:#8a8a8a}.ac .ac-panel{overflow:hidden;transition-property:height,visibility;transition-timing-function:ease}.ac .ac-panel .ac-text{font:15px/24px Arial,sans-serif;color:#111;padding:8px;margin:0}.ac.js-enabled .ac-panel{visibility:hidden}.ac.is-active .ac-panel{visibility:visible}.ac.is-active>.ac-header .ac-trigger::after{content:"–"}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/group-css-media-queries-loader/lib/index.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

/* stylelint-disable-line */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  -webkit-text-decoration: underline;
  text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: .35em .75em .625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.woff?yuzzw2") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-down::before {
  content: "\e908";
}

.icon-cross::before {
  content: "\e90d";
}

.icon-chevron-up::before {
  content: "\e911";
}

.icon-chevron-left::before {
  content: "\e912";
}

.icon-chevron-right::before {
  content: "\e913";
}

/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: ease;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-left: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */

/* 3D Shadows */

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #ffffff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(44px / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: calc(0 - 44px / 2);
  margin-top: calc(0 - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-feature-settings: ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: #000000;
  background: var(--swiper-pagination-bullet-inactive-color, #000000);
  opacity: .2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */

.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/**
 * Set up a decent box model on the root element
 */

html {
  box-sizing: border-box;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */

*,
*::before,
*::after {
  box-sizing: inherit;
}

img {
  height: auto;
  vertical-align: top;
  max-width: 100%;
}

.section-blog-page .block-filters ul, .vacancies-block ul, .card-portfolio .info-list ul, .social-networks ul, .footer .links-list ul, .main-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

.hidden {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/*
  Basic typography style for copy text
*/

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-family: "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 300;
}

/*
  Basic styles for links
*/

a {
  transition: color .35s cubic-bezier(.3, .86, .36, .95), background .35s cubic-bezier(.3, .86, .36, .95);
  color: #ffb71b;
  -webkit-text-decoration: none;
  text-decoration: none;
}

a:hover {
  color: #ff6c0e;
  -webkit-text-decoration: none;
  text-decoration: none;
}

ul,
ol,
dl,
p {
  margin: 0 0 1.5em;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
.h {
  font-family: "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: 700;
  margin: 0 0 20px;
  letter-spacing: normal;
  text-transform: uppercase;
}

h1,
.h1 {
  font-size: 45px;
  line-height: 1.22;
  margin: 0 0 28px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  text-transform: none;
  font-weight: 300;
  font-size: 25px;
  line-height: 1.4;
}

h5,
.h5 {
  font-size: 15px;
  margin: 0 0 5px;
}

blockquote {
  position: relative;
  margin: 1rem 0;
  padding: 1.75rem 2rem;
  background: #23272f;
  border-left: 4px solid #ffb71b;
  color: #ffffff;
  font-style: italic;
}

blockquote::before {
  content: "";
  position: absolute;
  top: -1.25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.75rem;
  height: 2.2rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCA0MyAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjUzMDggMTguMDk2TDM1LjA1MjggMC45ODM5OTNINDIuMzY2OEwzNS42MDQ4IDE4LjA5Nkg0MS44MTQ4VjM0LjM4SDI1LjUzMDhWMTguMDk2Wk0wLjAwMDgyMDM1NCAxOC4wOTZMOS41MjI4MiAwLjk4Mzk5M0gxNi44MzY4TDEwLjA3NDggMTguMDk2SDE2LjI4NDhWMzQuMzhIMC4wMDA4MjAzNTRWMTguMDk2WiIgZmlsbD0iI0ZGQjcxQiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
}

blockquote p {
  margin: 0;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
  transition: border-color .35s cubic-bezier(.3, .86, .36, .95);
  border: 0;
  border-bottom: 1px solid #535353;
  background-color: transparent;
  width: 100%;
  min-width: 0;
  padding: 15px 0;
  border-radius: 0;
  -webkit-appearance: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 25px;
}

input[type=text]:focus, input[type=text]:hover,
input[type=email]:focus,
input[type=email]:hover,
input[type=tel]:focus,
input[type=tel]:hover,
textarea:focus,
textarea:hover {
  box-shadow: none;
  outline: none;
}

input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, textarea::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
textarea::placeholder {
  color: #ffffff;
  opacity: 1;
}

textarea {
  min-height: 49px;
}

ul.multi-container {
  padding-left: 0;
  margin-top: 10px;
}

.hs-input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-right: 10px;
}

.hs-input[type=checkbox]::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #535353;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
}

.hs-input[type=checkbox]:checked::before {
  background-color: #ff6c0e;
}

.hs-form-checkbox {
  list-style: none;
}

.hs-error-msgs {
  font-size: 13px;
}

.hs-button {
  cursor: pointer;
}

.orange-btn .hs-button {
  background: #ff6c0e;
}

.orange-btn .hs-button:hover {
  background: #a6192e;
}

.nav-active {
  overflow: hidden;
}

.header {
  transition: background .35s cubic-bezier(.3, .86, .36, .95), padding .35s cubic-bezier(.3, .86, .36, .95);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  padding: 19px 0;
  background: #0e0f11;
}

.header.fixed {
  background: #23272f;
}

.header.fixed:before {
  opacity: 0;
  visibility: hidden;
}

.header.fixed .logo-alt {
  display: block;
}

.header.fixed .logo {
  display: none;
}

.header .holder-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.header .logo,
.header .logo-alt {
  position: relative;
  z-index: 2;
  display: block;
}

.header .logo a,
.header .logo-alt a {
  display: flex;
  align-items: center;
}

.header .logo img,
.header .logo-alt img {
  width: 100%;
}

.header .logo {
  width: 99px;
}

.header .logo-alt {
  width: 100px;
  display: none;
}

.nav-opener {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95);
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 700;
  letter-spacing: .17em;
  z-index: 2;
}

.nav-opener:hover {
  opacity: .8;
}

.nav-opener:hover .icon:before, .nav-opener:hover .icon:after,
.nav-opener:hover .icon span {
  opacity: .8;
}

.nav-opener .icon {
  font-size: 0;
  display: block;
  position: relative;
  width: 23px;
  height: 20px;
  margin: 0 0 0 12px;
}

.nav-opener .icon:before, .nav-opener .icon:after,
.nav-opener .icon span {
  transition: transform .35s cubic-bezier(.3, .86, .36, .95), opacity .35s cubic-bezier(.3, .86, .36, .95), background .35s cubic-bezier(.3, .86, .36, .95);
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  transform: translateY(-50%);
  border-radius: 6px;
}

.nav-opener .icon:before, .nav-opener .icon:after {
  content: "";
}

.nav-opener .icon span {
  left: 14%;
}

.nav-opener .icon:before {
  transform: translateY(-8px);
}

.nav-opener .icon:after {
  transform: translateY(6px);
  left: 32%;
}

.nav-active .nav-opener .icon span {
  opacity: 0;
  transform: rotate(45deg);
}

.nav-active .nav-opener .icon:before {
  transform: rotate(45deg) translateY(0);
}

.nav-active .nav-opener .icon:after {
  transform: rotate(-45deg) translateY(0);
  left: 0;
}

.main-nav {
  transition: transform .35s cubic-bezier(.3, .86, .36, .95);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #23272f;
  transform: translateX(100%);
  overflow: hidden;
  padding: 100px 15px 20px;
}

.nav-active .main-nav {
  transform: translateX(0);
}

.main-nav .decor {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95), visibility .35s cubic-bezier(.3, .86, .36, .95);
  position: absolute;
  left: -10.4%;
  top: -8%;
  z-index: -1;
}

.main-nav .nav-holder {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  height: 100%;
  justify-content: flex-end;
  max-width: 1230px;
  margin: 0 auto;
}

.main-nav .block-wrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.main-nav .social-networks {
  margin: auto 0 0;
}

.main-nav .social-networks h3,
.main-nav .social-networks .h3 {
  font-size: 40px;
  margin: 0 0 20px;
}

.main-nav .social-networks ul {
  flex-direction: column;
  font-size: 20px;
}

.main-nav .social-networks ul li {
  padding: 0 0 6px;
}

.main-nav .social-networks ul a {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95);
}

.main-nav .social-networks ul a:hover {
  opacity: .8;
  color: inherit;
}

.main-menu ul {
  text-transform: uppercase;
  font: 700 24px/1.6 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  text-align: right;
}

.main-menu ul li {
  margin: 0 0 6px;
  /* Below line to prevent Juicer style overloading */
  background-color: transparent !important;
}

.main-menu ul li:last-child {
  margin: 0;
}

.main-menu ul li:hover:before {
  opacity: 1;
  visibility: visible;
}

.main-menu ul li.active a:after {
  opacity: 1;
}

.main-menu ul li:before {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95), visibility .35s cubic-bezier(.3, .86, .36, .95);
  transition-delay: .2s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  opacity: 0;
  visibility: hidden;
}

.main-menu ul li.bg-primary-gray:before {
  background: #23272f;
}

.main-menu ul li.bg-red:before {
  background: #a6192e;
}

.main-menu ul li.bg-orange:before {
  background: #ff6c0e;
}

.main-menu ul li.bg-blue:before {
  background: #009ade;
}

.main-menu ul li.bg-gray:before {
  background: #1e1e1e;
}

.main-menu ul li.bg-dark-gray:before {
  background: #0e0f11;
}

.main-menu ul li.bg-light-gray:before {
  background: #535353;
}

.main-menu ul a {
  color: #ffffff;
  position: relative;
}

.main-menu ul a:after {
  display: none;
}

.main-menu ul a:hover:after {
  opacity: 1;
}

body {
  background-color: #0e0f11;
}

.body-wrapper {
  overflow: hidden;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  width: 100%;
  /* Ensuring any nested containers don't create double padding */
}

.container.fluid {
  max-width: 100%;
}

.container.small {
  max-width: 970px;
}

.container.border-top::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: #535353;
  margin-bottom: 32px;
}

.container.border-bottom::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: #535353;
  margin-top: 32px;
}

.container .container {
  padding-left: 0;
  padding-right: 0;
}

.wrapper {
  width: 100%;
  position: relative;
  min-height: 100vh;
  min-height: var(--full-viewport);
  display: flex;
  flex-direction: column;
}

.touchevents .wrapper {
  min-height: var(--full-viewport);
}

.wrapper-inner {
  min-height: var(--full-viewport);
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  -ms-grid-template-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
}

.header {
  grid-row: 1;
}

#main {
  grid-row: 2;
  display: block;
}

.footer {
  grid-row: 3;
}

.img-cover img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

.subtitle {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  padding: 0 0 3px;
  margin: 0 0 28px;
}

.subtitle:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 50px;
}

.decor-blue:before {
  background: #009ade;
}

.decor-yellow:before {
  background: #ffb71b;
}

.decor-red:before {
  background: #a6192e;
}

.decor-orange:before {
  background: #ff6c0e;
}

.badge {
  display: inline-block;
  vertical-align: top;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 400;
  background: #2d2d2d;
  padding: 2px 14px;
}

.title-mark {
  display: inline-block;
  vertical-align: top;
  color: #ff6c0e;
  position: relative;
  font-weight: 700;
}

.title-mark:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 1px;
  width: 13px;
  background: #ff6c0e;
  margin: 0 10px 3px 0;
}

.footer {
  text-align: center;
  padding: 60px 0 70px;
  background: #000000;
}

.footer .text-block {
  max-width: 308px;
  margin: 0 auto;
}

.footer .text-block a {
  color: #ffffff;
}

.footer .text-block a:hover {
  color: #ff6c0e;
}

.footer .text-block p {
  margin: 0 0 10px;
}

.footer .text-block address {
  margin: 0 0 10px;
  font-style: normal;
}

.footer .logo {
  display: block;
  margin: 0 0 48px;
}

.footer .links-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.footer .links-list li:before {
  content: "|";
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}

.footer .links-list li:first-child:before {
  display: none;
}

.social-networks {
  margin: 0 0 19px;
}

.social-networks ul {
  text-transform: uppercase;
  font: 700 25px/1.6 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.social-networks ul li {
  padding: 0 19px 27px;
}

.social-networks ul a {
  color: #ffffff;
}

.social-networks ul a:hover {
  color: #ff6c0e;
}

.bamboo-listings {
  text-align: left;
}

.BambooHR-ATS-Location {
  display: block;
}

.btn, .hs-button {
  display: inline-block;
  vertical-align: top;
  border-radius: 50px;
  border: none;
  font-family: "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  background: #a6192e;
  padding: 10px 25px;
  min-width: 154px;
}

.btn:after, .hs-button:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 32' style='enable-background:new 0 0 68 32' xml:space='preserve'%3E%3Cpath d='m52.5 0-3.8 3.8 9.8 9.8H0v5.1h58.5l-9.8 9.8 3.8 3.8 15.8-16.6L52.5 0z' style='fill:%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 26px;
  height: 15px;
  margin: 0 0 0 12px;
}

.btn:hover, .hs-button:hover {
  background: #ff6c0e;
  color: #ffffff;
}

.btn.no-icon:after, .hs-button.no-icon:after {
  display: none;
}

.btn--orange, .hs-button--orange {
  background: #ff6c0e;
}

.btn--orange:hover, .hs-button--orange:hover {
  background: #a6192e;
}

.btn-arrow {
  transition: background .35s cubic-bezier(.3, .86, .36, .95);
  width: 49px;
  height: 49px;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  background: #1e1e1e;
  position: relative;
}

.btn-arrow:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 32' style='enable-background:new 0 0 68 32' xml:space='preserve'%3E%3Cpath d='m52.5 0-3.8 3.8 9.8 9.8H0v5.1h58.5l-9.8 9.8 3.8 3.8 15.8-16.6L52.5 0z' style='fill:%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 26px;
  height: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn-arrow:hover {
  background: #ff6c0e;
}

.featured-blogs {
  padding: 32px 0;
}

.featured-blogs__heading {
  font-weight: bold;
}

.featured-blogs__holder {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.featured-blogs__blog img {
  width: 100%;
  border-radius: 20px;
}

.featured-blogs__blog a {
  color: #ffffff;
}

.featured-blogs__blog a:hover {
  color: #ff6c0e;
}

.featured-blogs .heading-block {
  margin: 0 0 40px;
}

.featured-blogs .heading-block .body h1, .featured-blogs .heading-block .body h2, .featured-blogs .heading-block .body h3, .featured-blogs .heading-block .body h4, .featured-blogs .heading-block .body h5, .featured-blogs .heading-block .body h6, .featured-blogs .heading-block .body span, .featured-blogs .heading-block .body p {
  margin: 0;
}

.featured-blogs .heading-block .btn {
  margin-top: 40px;
}

.featured-blogs .blog-title {
  font-weight: 300;
  font-size: 30px;
  line-height: 40px;
  margin-top: 1.5rem;
  color: inherit;
}

.ac {
  margin: 0;
  border: 0;
  background: none;
}

.ac .ac-trigger {
  color: inherit;
  font: inherit;
}

.ac .ac-trigger:after {
  display: none;
}

.ac .icon-plus {
  display: block;
  width: 27px;
  height: 27px;
  position: relative;
}

.ac .icon-plus:before, .ac .icon-plus:after {
  content: "";
  position: absolute;
  background: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ac .icon-plus:before {
  transition: transform .35s cubic-bezier(.3, .86, .36, .95);
  width: 1px;
  height: 27px;
}

.ac .icon-plus:after {
  width: 27px;
  height: 1px;
}

.ac.is-active .icon-plus:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.section-background-hero {
  position: relative;
  padding: 100px 0 10px;
}

.section-background-hero .heading-area {
  padding: 100px 0 0;
  margin: 0;
}

.section-background-hero .heading-area .text-block {
  text-align: left;
}

.section-background-hero .heading-area .subtitle {
  margin: 0 0 10px;
}

.section-hero .img-block {
  position: relative;
  z-index: 2;
  aspect-ratio: 376/478;
}

.section-hero .img-block img {
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
}

.section-hero .img-block video {
  pointer-events: none;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-hero .text-block {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 100px 15px 35px;
}

.section-hero .text-block p {
  margin: 0 0 30px;
}

.section-hero .text-wrap {
  max-width: 430px;
  padding: 55px 0 0;
}

.section-info {
  padding: var(--custom-padding-mobile) 0 var(--custom-padding-mobile);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: var(--bg-image-mobile);
}

.section-info--rounded {
  border-radius: 32px;
}

.section-info .container {
  max-width: 1070px;
}

.section-info .holder-block {
  display: flex;
  gap: 30px;
  flex-direction: column;
}

.section-info .holder-block--mobile-reverse {
  flex-direction: column-reverse;
}

.section-info .img-block {
  border-radius: 35px;
  overflow: hidden;
  flex: 50% 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--image-mobile-padding);
}

.section-info .img-block img {
  width: 100%;
}

.section-info .form-block {
  padding: 32px;
  background-color: #23272f;
  border-radius: 20px;
}

.section-info .form-heading {
  font-family: "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: 27px;
  font-weight: 200;
}

.section-info .text-holder {
  font-family: "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.section-info .text-holder--roboto {
  font-family: "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.section-info .text-block.custom-bullets ul {
  margin: 0 0 32px;
  padding-left: 0;
  font-family: "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  list-style: none;
}

.section-info .text-block.custom-bullets li {
  position: relative;
  padding: 8px 0 8px 46px;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.section-info .text-block.custom-bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjAxNTcgMi40NzczM0MxMi4zMDU3IDEuOTczNjUgMy41MjY5OSAxMC43NTI3IDQuMDcyOTkgMjEuNDYyN0M0LjUzNTY2IDMwLjY2IDExLjk2OTMgMzguMDk0IDIxLjE2NjYgMzguNTU2NEMzMS44NzY2IDM5LjEwMjcgNDAuNjk2NyAzMC4yODI3IDQwLjE1MDMgMTkuNTcyN0MzOS42NDY2IDEwLjQxNjQgMzIuMjEzIDIuOTgyNzMgMjMuMDE1NyAyLjQ3NzMzWk0xOS4wNjY2IDI5LjQ0MjdMMTEuMjk2NiAyMS42NzI3TDEzLjk4NCAxOC45ODU0TDE5LjA2NjcgMjQuMDY4MUwzMC4xOTY3IDEyLjkzODFMMzIuODg0IDE1LjYyNTRMMTkuMDY2NiAyOS40NDI3WiIgZmlsbD0iI0Y1RUNDMiIvPgo8L3N2Zz4K");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.section-info .text-block.custom-bullets li strong {
  font-weight: bold;
}

.section-info h1,
.section-info .heading {
  margin: 0 0 28px;
}

.section-info h1--med,
.section-info .heading--med {
  font-size: 35px;
}

.section-visual-info {
  position: relative;
  z-index: 1;
  background: #000000;
}

.section-visual-info .container {
  max-width: 860px;
}

.section-visual-info .img-bg {
  opacity: .25;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.section-visual-info .subtitle {
  margin: 0 0 37px;
}

.section-visual-info .holder-block {
  display: flex;
  align-items: center;
}

.section-visual-info .text-block {
  line-height: 1.47;
}

.section-visual-info .two-columns {
  padding: 60px 0 95px;
}

.section-visual-info h3,
.section-visual-info .h3 {
  margin: 0 0 25px;
}

.section-visual-info p {
  margin: 0 0 48px;
}

.section-services {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 37px 0 35px;
}

.section-services .decor {
  display: none;
}

.section-services .text-area {
  max-width: 600px;
  padding: 0 0 30px;
}

.section-services h1,
.section-services .h1 {
  margin: 0 0 30px;
}

.sevices-list {
  line-height: 1.4666666667;
  padding: 28px 0 25px;
}

.sevices-list .item-holder {
  padding: 10px 0 37px;
}

.sevices-list .accordion-opener {
  font: 700 30px/1.6 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color: #ffffff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: none;
  border: 0;
  text-transform: uppercase;
  padding: 15px 15px 15px 0;
}

.sevices-list .accordion-opener:after {
  display: none;
}

.sevices-list .accordion-opener:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
}

.sevices-list .accordion-opener:focus {
  color: inherit;
}

.sevices-list p {
  margin: 0 0 20px;
}

.section-contacts .text-block {
  padding: 58px 15px 72px;
}

.section-contacts .text-wrap {
  max-width: 393px;
  line-height: 1.4666666667;
}

.section-contacts .map-block {
  position: relative;
  width: 100%;
  height: 100%;
}

.section-contacts .map-area {
  position: relative;
  padding: 0 15px;
}

.section-contacts .address-block {
  background: #0e0f11;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 37px 15px 48px;
}

.section-contacts .address-block .btn-holder {
  width: 50%;
}

.section-contacts .address-block address {
  font-style: normal;
  font: 18px/1.4 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  width: 50%;
  padding: 0 20px 0 0;
}

.section-contacts .form-column {
  width: 100%;
}

.section-contacts .hs_submit {
  padding-bottom: 30px;
}

.section-contacts iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-contacts p {
  margin: 0 0 38px;
}

.section-portfolio {
  padding: 33px 0 45px;
  background: #000000;
}

.card-portfolio .img-frame {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  aspect-ratio: 310/213;
  color: #ffffff;
  display: flex;
  align-items: flex-end;
  margin: 0 0 23px;
}

.card-portfolio .img-frame:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 100%);
}

.card-portfolio .img-frame:hover img {
  transform: scale(1.05);
}

.card-portfolio .img-frame img {
  transition: transform .35s cubic-bezier(.3, .86, .36, .95);
  transition-duration: 1s;
}

.card-portfolio .text-block {
  max-width: 540px;
}

.card-portfolio .info-list {
  display: none;
}

.card-portfolio .info-list ul {
  display: flex;
  font-family: "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: 300;
  margin: 0 -25px;
}

.card-portfolio .info-list ul .value {
  display: block;
  font-weight: 700;
  font-size: 35px;
  line-height: 1.2;
}

.card-portfolio .info-list ul li {
  position: relative;
  padding: 0 25px;
}

.card-portfolio .info-list ul li:before {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  bottom: 6px;
  width: 1px;
  background: #ffffff;
}

.card-portfolio .info-list ul li:last-child:before {
  display: none;
}

.card-portfolio .holder-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin: 0 0 13px;
}

.card-portfolio .catd-text {
  font: 300 25px/1.3 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.card-portfolio .catd-text .btn-arrow {
  vertical-align: middle;
  margin: 0 0 0 7px;
}

.card-portfolio .catd-text a {
  color: #ffffff;
}

.card-portfolio .catd-text a:hover {
  color: #ff6c0e;
}

.card-portfolio .catd-text a:hover .btn-arrow {
  background: #ff6c0e;
}

.portfolio-slider {
  padding: 25px 0 78px 15px;
}

.portfolio-slider .swiper-button-prev,
.portfolio-slider .swiper-button-next {
  display: none;
}

.portfolio-slider .swiper-button-prev:before,
.portfolio-slider .swiper-button-next:before {
  content: "";
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  width: 100px;
}

.portfolio-slider .swiper-button-prev:after,
.portfolio-slider .swiper-button-next:after {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95);
  font-size: 0;
  opacity: .35;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
  position: relative;
}

.portfolio-slider .swiper-button-prev:hover:after,
.portfolio-slider .swiper-button-next:hover:after {
  opacity: 1;
}

.portfolio-slider .swiper-button-prev.swiper-button-disabled,
.portfolio-slider .swiper-button-next.swiper-button-disabled {
  display: none !important;
}

.portfolio-slider .swiper-button-prev {
  left: 0;
}

.portfolio-slider .swiper-button-prev:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71 72' style='enable-background:new 0 0 71 72' xml:space='preserve'%3E%3Cpath d='m12.4 36 36-36 11.3 11.2L34.9 36l24.8 24.8L48.4 72l-36-36z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.portfolio-slider .swiper-button-prev:before {
  left: 0;
  background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%);
}

.portfolio-slider .swiper-button-next {
  right: 0;
}

.portfolio-slider .swiper-button-next::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71 72' style='enable-background:new 0 0 71 72' xml:space='preserve'%3E%3Cpath d='M23.6 72 12.4 60.8 37.1 36 12.4 11.3 23.6 0l36 36-36 36z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.portfolio-slider .swiper-button-next:before {
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%);
}

.portfolio-slider .swiper-pagination .swiper-pagination-bullet {
  transition: background .35s cubic-bezier(.3, .86, .36, .95);
  width: 17px;
  height: 17px;
  background: #535353;
  opacity: 1;
  cursor: pointer;
  margin: 0 6px;
}

.portfolio-slider .swiper-pagination .swiper-pagination-bullet:hover {
  background: #a6192e;
}

.portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #a6192e;
}

.section-blog-listing .blog-pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.section-blog-listing .blog-pagination__pill {
  background-color: transparent;
  outline: 2px solid #23272f;
  outline-offset: -2px;
  border-radius: 20px;
  text-align: center;
  display: inline-block;
  padding: 6px 16px;
  color: #ffffff;
  font-weight: 700;
}

.section-blog-listing .blog-pagination__pill:hover {
  outline: 2px solid #ffffff;
}

.section-blog-listing .blog-pagination__pill.active {
  outline: 2px solid #ff6c0e;
}

.section-blog-listing .posts-holder {
  padding: 53px 0 0;
}

.blog-tag-filters__button {
  border: 1px solid #23272f;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 24px;
  margin-bottom: 24px;
}

.blog-tag-filters__button p {
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
}

.blog-tag-filters__button .arrow-icon {
  width: 15px;
  height: 15px;
  transition: transform .3s ease-in-out;
}

.blog-tag-filters__button.active .arrow-icon {
  transform: rotate(180deg);
}

.blog-tag-filters__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-in-out;
}

.blog-tag-filters__tag-holder {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0;
  margin: 0;
}

.blog-tag-filters__tag {
  background-color: #23272f;
  border-radius: 20px;
  list-style: none;
  text-align: center;
  list-style-position: outside;
  display: inline-block;
  padding: 6px 24px;
}

.blog-tag-filters__tag.active {
  outline: 2px solid #ff6c0e;
  outline-offset: -2px;
}

.blog-tag-filters__tag a {
  color: #ffffff;
  font-weight: 700;
}

.section-social {
  background: #000000;
  padding: 40px 0;
  /* Styles for Juicer social feed -- Present in our stylesheet to work around caching issues */
}

.section-social .heading-block {
  margin: 0 0 65px;
}

.section-social .juicer-feed {
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
}

.section-social .feed-item {
  border: none !important;
}

.section-social .j-text {
  display: none !important;
}

.j-overlay .j-overlay-content {
  color: #ffffff !important;
}

.j-overlay .juicer-feed {
  background-color: #23272f !important;
}

.j-overlay .j-meta {
  display: none !important;
}

.j-overlay .juicer-button.j-instagram {
  border-color: #ffffff !important;
}

.j-overlay .j-post-overlay.juicer-feed a.juicer-button:hover {
  background-color: #ffffff !important;
}

.j-overlay .juicer-feed .is-not-youTube a:hover {
  color: #23272f !important;
}

.j-overlay .j-close {
  background-color: #23272f !important;
}

.section-hero-full-height {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-hero-full-height:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80%;
  background: linear-gradient(to bottom, rgba(14, 15, 17, 0) 0%, #0e0f11 100%);
  z-index: -1;
}

.section-hero-full-height .img-bg {
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.section-hero-full-height .text-block {
  text-align: center;
  padding: 100px 15px;
}

.section-hero-full-height .btn-anchor {
  transition: background .35s cubic-bezier(.3, .86, .36, .95);
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.section-hero-full-height .btn-anchor:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.3 68.3' style='enable-background:new 0 0 32.3 68.3' xml:space='preserve'%3E%3Cpath d='m32.3 52.5-3.8-3.8-9.8 9.8V0h-5.1v58.5l-9.8-9.8L0 52.5l16.6 15.8 15.7-15.8z' style='fill:%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 13px;
  height: 28px;
  animation: bounce 2s ease infinite;
}

.section-hero-full-height .btn-anchor:hover {
  background: #ff6c0e;
}

.section-hero-full-height h1,
.section-hero-full-height .h1 {
  margin: 0 0 15px;
}

@keyframes bounce {
  0% {
    transform: translate(-50%, 0);
  }

  50% {
    transform: translate(-50%, -50%);
  }

  100% {
    transform: translate(-50%, 0);
  }
}

.section-challenge {
  padding: 50px 0;
}

.section-challenge .container {
  max-width: 1070px;
}

.section-challenge .text-block {
  line-height: 1.5;
  padding: 72px 0 30px;
}

.section-challenge .text-block h2,
.section-challenge .text-block .h2 {
  margin: 0 0 18px;
}

.section-challenge .images-holder {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 -15px;
}

.section-challenge .images-holder .img-block.small {
  width: calc((100% - 7px) / 2);
}

.section-challenge .images-holder .img-block img {
  width: 100%;
}

.section-challenge .block-results {
  padding: 60px 0 1px;
}

.section-challenge .text-box {
  line-height: 1.5;
  padding: 0 0 15px;
}

.section-challenge .text-box h2,
.section-challenge .text-box .h2 {
  margin: 0 0 20px;
}

.section-challenge .block-frame {
  border: 1px solid #a6192e;
  border-radius: 20px;
  font-family: "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  aspect-ratio: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 25px;
}

.section-challenge .block-frame .value {
  display: block;
  font: 700 150px/1.1 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.section-challenge .block-frame p {
  margin: 0 0 25px;
}

.section-challenge h2,
.section-challenge .h2 {
  margin: 0 0 8px;
}

.section-challenge h3,
.section-challenge .h3 {
  margin: 0 0 20px;
}

.heading-area {
  position: relative;
  padding: 0 0 57px;
  margin: 0 0 25px;
}

.heading-area .subtitle {
  margin: 0 0 16px;
}

.heading-area h3,
.heading-area .h3 {
  font-size: 30px;
  margin: 0 0 24px;
}

.section-page-heading {
  position: relative;
  padding: 100px 0 10px;
}

.section-page-heading .heading-area {
  padding: 100px 0 0;
  margin: 0;
}

.section-page-heading .heading-area.align-bottom h1,
.section-page-heading .heading-area.align-bottom .h1 {
  margin: 0 0 17px;
}

.section-page-heading .heading-area .subtitle {
  margin: 0 0 10px;
}

.section-page-heading .img-decor {
  position: absolute;
  top: -53px;
  right: -270px;
  z-index: -1;
  width: 500px;
}

.section-page-heading .img-decor img {
  width: 100%;
}

.section-works {
  padding: 8px 0 20px;
}

.section-works.show-items .btn-holder {
  display: none;
}

.section-works .btn-holder {
  text-align: center;
}

.card-work {
  color: #ffffff;
  display: block;
  margin: 0 0 40px;
}

.card-work:hover {
  color: #ff6c0e;
}

.card-work:hover img {
  transform: scale(1.02);
}

.card-work.large .img-block {
  aspect-ratio: 1228/682;
}

.card-work .img-block {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin: 0 0 20px;
  aspect-ratio: 599/333;
}

.card-work .img-block img {
  transition: transform .35s cubic-bezier(.3, .86, .36, .95);
  transition-duration: 1s;
}

.card-work .title {
  display: block;
  font: 300 25px/1.4 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  padding: 0 0 0 27px;
}

.section-testimonials {
  padding: 55px 0 70px;
}

.testimonials-block .img-block {
  text-align: center;
  margin: 0 0 105px;
}

.testimonials-block .text-block {
  position: relative;
}

.testimonials-block blockquote {
  font: 300 30px/1.33 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  padding: 0;
  margin: 0 0 25px;
}

.testimonials-block blockquote q:after, .testimonials-block blockquote q:before {
  font: 700 100px/1.2 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color: #000000;
  -webkit-text-stroke: 1px #ffb71b;
  text-stroke: 1px #ffb71b;
  position: absolute;
}

.testimonials-block blockquote q:before {
  content: "“";
  top: -72px;
  left: 0;
}

.testimonials-block blockquote q:after {
  content: "„";
  right: 0;
  bottom: 38px;
}

.testimonials-block .author {
  display: block;
  color: #ffb71b;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 300;
}

.section-industries {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 37px 0 35px;
}

.section-industries .decor {
  display: none;
}

.section-industries .container .text-area {
  padding-bottom: 57px;
}

.section-industries .swiper-wrapper {
  transition-timing-function: linear !important;
}

.section-industries .swiper-slide {
  width: 200px;
  height: 200px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.card-industries {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  aspect-ratio: 345/205;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 20px;
}

.card-industries:before {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  opacity: .5;
}

.card-industries:hover {
  color: #ffffff;
}

.card-industries:hover:before {
  opacity: .7;
}

.card-industries.blue-overlay:before {
  background: linear-gradient(to bottom, #009ade 0%, #737373 100%);
}

.card-industries.orange-overlay:before {
  background: linear-gradient(to bottom, #ff6c0e 0%, #737373 100%);
}

.card-industries.red-overlay:before {
  background: linear-gradient(to bottom, #a6192e 0%, #737373 100%);
}

.card-industries.yellow-overlay:before {
  background: linear-gradient(to bottom, #ffb71b 0%, #737373 100%);
}

.card-industries.purple-overlay:before {
  background: linear-gradient(to bottom, #9747ff 0%, #737373 100%);
}

.card-industries .img-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
}

.card-industries h3,
.card-industries .h3 {
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  z-index: 2;
}

.heading-info-block {
  margin: 0 0 73px;
}

.heading-info-block.center {
  text-align: center;
}

.heading-info-block .text-block {
  border-top: 1px solid #535353;
  border-bottom: 1px solid #535353;
  padding: 23px 0 0;
  line-height: 1.4666666667;
}

.heading-info-block .text-area {
  line-height: 1.5;
  padding: 0 0 16px;
}

.heading-info-block h4,
.heading-info-block .h4 {
  font: 300 25px/1.4 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  text-transform: none;
}

.section-videos {
  padding: 74px 0 20px;
}

.section-videos .container {
  max-width: 1070px;
}

.section-videos .block-video {
  margin: 0 -15px 40px;
}

.block-video {
  position: relative;
  aspect-ratio: 1020/576;
  margin: 0 0 25px;
}

.block-video.playing .placeholder-image,
.block-video.playing .btn-play {
  opacity: 0;
  visibility: hidden;
}

.block-video .placeholder-image,
.block-video .btn-play {
  transition: opacity .35s cubic-bezier(.3, .86, .36, .95), visibility .35s cubic-bezier(.3, .86, .36, .95);
  position: absolute;
}

.block-video .placeholder-image {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.block-video .btn-play {
  transition: background .35s cubic-bezier(.3, .86, .36, .95);
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: #a6192e;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.block-video .btn-play:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 0 11px 18px;
  border-color: transparent transparent transparent #d9d9d9;
  margin: 0 0 0 2px;
}

.block-video .btn-play:hover {
  background: #ff6c0e;
}

.block-video iframe {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.section-info-services {
  padding: 50px 0 55px;
}

.services-info-list {
  list-style-type: none;
  counter-reset: item;
  padding: 0;
  margin: 0;
}

.services-info-list li {
  border-top: 1px solid #ffffff;
}

.services-info-list li.style-red {
  border-color: #a6192e;
}

.services-info-list li.style-red .title:before {
  color: #a6192e;
}

.services-info-list li.style-orange {
  border-color: #ff6c0e;
}

.services-info-list li.style-orange .title:before {
  color: #ff6c0e;
}

.services-info-list li.style-yellow {
  border-color: #ffb71b;
}

.services-info-list li.style-yellow .title:before {
  color: #ffb71b;
}

.services-info-list li.style-blue {
  border-color: #009ade;
}

.services-info-list li.style-blue .title:before {
  color: #009ade;
}

.services-info-list .title {
  display: block;
  position: relative;
  text-transform: uppercase;
  font: 700 30px/1.4 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.services-info-list .img-block {
  display: flex;
  justify-content: center;
  padding: 17px 0 19px;
}

.services-info-list .text-block {
  line-height: 1.4666666667;
  padding: 0 0 48px;
}

.services-info-list h4,
.services-info-list .h4 {
  font: 300 25px/1.4 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  text-transform: none;
}

.section-careers {
  padding: 0 0 35px;
}

.section-careers .container {
  max-width: 1070px;
}

.section-careers .info-area {
  max-width: 810px;
  margin: 0 auto 32px;
}

.section-careers .info-area .holder-block {
  margin: 0 -15px 32px;
  position: relative;
  aspect-ratio: 810/455;
}

.section-careers .info-area .holder-block img {
  width: 100%;
}

.section-careers .info-area .text-block {
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.4666666667;
}

.section-careers .info-area .text-block h3,
.section-careers .info-area .text-block .h3 {
  font-size: 30px;
  margin: 0 0 21px;
}

.section-careers iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vacancies-block {
  border-bottom: 1px solid #ffffff;
  padding: 0 0 12px;
  margin: 0 0 12px;
}

.vacancies-block:last-child {
  border: 0;
}

.vacancies-block .title {
  display: block;
  font-size: 13px;
  color: #535353;
  margin: 0 0 6px;
}

.vacancies-block ul .vacancy-name {
  display: block;
  color: #ffb71b;
  font-weight: 700;
  width: 60%;
  padding: 0 15px 0 0;
}

.vacancies-block ul .location {
  display: block;
  font-size: 13px;
  width: 40%;
  text-align: right;
}

.vacancies-block ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 2px;
}

.section-blog-page .blog-content {
  display: flex;
  flex-direction: column-reverse;
  padding: 0 0 12px;
}

.section-blog-page .blog-content-sidebar .sidebar-wrap {
  border-top: 1px solid #535353;
}

.section-blog-page .blog-content-sidebar .sidebar-item {
  padding-bottom: 20px;
}

.section-blog-page .blog-content-sidebar .sidebar-item:first-child {
  padding-top: 20px;
}

.section-blog-page .blog-content-main {
  padding-bottom: 50px;
}

.section-blog-page .blog-content-main h1, .section-blog-page .blog-content-main h2, .section-blog-page .blog-content-main h3, .section-blog-page .blog-content-main h4, .section-blog-page .blog-content-main h5 {
  color: #ffffff;
  font-family: "Oswald";
  font-size: 25px;
  font-style: normal;
  font-weight: bold;
  line-height: 35px;
  margin-bottom: 20px;
}

.section-blog-page .blog-content-main h1 {
  font-size: 55px;
  line-height: 65px;
}

.section-blog-page .blog-content-main h2 {
  font-size: 45px;
  line-height: 55px;
}

.section-blog-page .blog-content-main h3 {
  font-size: 35px;
  line-height: 45px;
}

.section-blog-page .blog-content-main h4 {
  font-size: 30px;
  line-height: 40px;
}

.section-blog-page .blog-content-main h5 {
  font-size: 25px;
  line-height: 30px;
}

.section-blog-page .blog-content-main h6 {
  font-size: 20px;
  line-height: 25px;
}

.section-blog-page .blog-content-main p {
  color: #ffffff;
  font-family: "Roboto";
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
}

.section-blog-page .blog-content-main .heading-area {
  padding: 0;
  margin-bottom: 18px;
}

.section-blog-page .blog-content-main .heading-area .heading-wrap {
  width: auto;
}

.section-blog-page .block-filters {
  overflow-x: auto;
  margin: 0 0 40px;
}

.section-blog-page .block-filters ul {
  display: flex;
  gap: 18px;
}

.section-blog-page .block-filters ul a {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border-radius: 45px;
  font-weight: 700;
  color: #ffffff;
  background: #2d2d2d;
  padding: 10px 20px;
  min-width: 132px;
}

.section-blog-page .block-filters ul a:hover {
  background: #a6192e;
}

.section-blog-page .block-filters ul a.active {
  background: #a6192e;
}

.block-post {
  margin: 0 0 60px;
}

.block-post .img-block {
  overflow: hidden;
  border-radius: 20px;
  display: block;
  margin: 0 0 17px;
}

.block-post .img-block:hover img {
  transform: scale(1.05);
}

.block-post .img-block img {
  transition: transform .35s cubic-bezier(.3, .86, .36, .95);
  width: 100%;
}

.block-post .text-block {
  line-height: 1.4666666667;
}

.block-post .text-block h3,
.block-post .text-block .h3 {
  margin: 0 0 20px;
  font-size: 30px;
}

.block-post .text-block p {
  margin: 0 0 24px;
}

.contacts-info-list {
  padding: 40px 0 0;
}

.contacts-info-list .phone {
  color: #ffffff;
}

.contacts-info-list .phone:hover {
  color: #ff6c0e;
}

.contacts-info-list .info-block {
  border-top: 1px solid #ffffff;
  line-height: 1.4666666667;
  padding: 20px 0 50px;
}

.contacts-info-list .info-block.style-red {
  border-color: #a6192e;
}

.contacts-info-list .info-block.style-orange {
  border-color: #ff6c0e;
}

.contacts-info-list .info-block.style-yellow {
  border-color: #ffb71b;
}

.contacts-info-list .info-block.style-blue {
  border-color: #009ade;
}

.contacts-info-list .link {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  display: block;
}

.contacts-info-list .link:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.contacts-info-list .contacts-social-networks li {
  padding: 0 12px 20px;
}

.contacts-info-list .contacts-social-networks li img {
  max-width: 35px;
}

.contacts-info-list address {
  font-style: normal;
}

.contacts-info-list h3,
.contacts-info-list .h3 {
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 24px;
}

.section-info-contact-us {
  padding: 50px 0 100px;
}

.section-info-contact-us .holder-block {
  padding: 7px 0 0;
}

.section-info-contact-us .holder-block .img-column {
  margin: 0 0 38px;
}

.section-info-contact-us .holder-block .form-column {
  padding: 0 15px;
}

.section-info-contact-us .img-block {
  position: relative;
  display: none;
}

.section-info-contact-us .img-block.large {
  display: block;
  aspect-ratio: 374/230;
}

.section-info-contact-us .img-block img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-info-contact-us .form-holder .btn {
  transition: background .35s cubic-bezier(.3, .86, .36, .95);
  border: 0;
  cursor: pointer;
  padding: 15px 25px;
}

.section-info-contact-us .form-holder h3,
.section-info-contact-us .form-holder .h3 {
  margin: 0 0 28px;
  font-size: 30px;
}

.section-our-people {
  position: relative;
  z-index: 1;
  padding: 25px 0 30px;
}

.custom-open-close {
  position: relative;
}

.custom-open-close .item {
  transition: margin .5s linear;
}

.custom-open-close .item.is-active .opener:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.custom-open-close .slide {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: auto;
  width: 100%;
}

.custom-open-close .card-holder,
.custom-open-close .img-frame {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 285/476;
  z-index: 1;
}

.custom-open-close .card-holder img,
.custom-open-close .img-frame img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}

.custom-open-close .card-holder {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.custom-open-close .img-frame {
  max-width: 345px;
  margin: 0 auto 22px;
  aspect-ratio: 345/462;
}

.custom-open-close .title-mark {
  font-size: 12px;
}

.custom-open-close .title-mark:before {
  width: 15px;
  margin: 0 8px 3px 0;
}

.custom-open-close .title-holder {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 23px 13px 23px 0;
}

.custom-open-close .opener {
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: none;
}

.custom-open-close .opener:after, .custom-open-close .opener:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
}

.custom-open-close .opener:after {
  transition: transform .35s cubic-bezier(.3, .86, .36, .95);
  height: 27px;
  width: 1px;
}

.custom-open-close .opener:before {
  width: 27px;
  height: 1px;
}

.custom-open-close .heading-block {
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  padding: 0 0 10px;
}

.custom-open-close .text-block {
  line-height: 1.4666666667;
  padding: 0 0 45px 24px;
}

.custom-open-close .slide-content .title-mark {
  font-size: 15px;
  margin: 0 0 10px;
}

.custom-open-close h2,
.custom-open-close .h2 {
  font-size: 35px;
  line-height: 1.2;
  padding: 0 0 0 27px;
}

.custom-open-close h3,
.custom-open-close .h3 {
  margin: 0;
  font: 700 30px/1 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  text-transform: uppercase;
}

.section-stats-showcase {
  background-image: var(--bg-image-mobile);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #000000;
  padding: 80px 0;
}

.section-stats-showcase--rounded {
  border-radius: 32px;
}

.section-stats-showcase .stat-card {
  text-align: center;
}

.section-stats-showcase .stat-text {
  padding: 0 30px;
}

.section-stats-showcase .content-section {
  text-align: center;
}

.section-stats-showcase .content-section__heading {
  font-size: 35px;
  font-weight: bold;
  padding-top: 64px;
}

.section-stats-showcase .content-section__body {
  font-size: 17px;
  padding-bottom: 32px;
}

.section-stats-showcase .content-section__image {
  width: 100%;
}

.section-stats-showcase .circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
}

.section-stats-showcase .circle-bg {
  fill: none;
  stroke: #bbbbbb;
  opacity: 0.2;
  stroke-width: 2.5;
}

.section-stats-showcase .circle {
  fill: none;
  stroke: #ff6c0e;
  stroke-width: 2.5;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.section-stats-showcase .percentage {
  fill: #ffffff;
  font-family: "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: bold;
  font-size: .65em;
  text-anchor: middle;
  dominant-baseline: middle;
}

.list-heading {
  margin: 32px 0;
}

.list-heading__number {
  display: inline-block;
  font-family: "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color: #535353;
  font-size: 30px;
  line-height: 1.33;
  margin: 0 0 35px;
  font-weight: 700;
  margin: 0 16px 0 0;
}

.list-heading__text {
  display: inline-block;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}

.capability-row {
  margin: 60px 0 0;
}

.capability-row__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.capability-row__text {
  margin-bottom: 32px;
}

.capability-row__text .title {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid;
  border-color: var(--accent-color);
  padding: 16px 0;
}

.capability-row__text .title img {
  padding-right: 10px;
}

.capability-row__text .title h4 {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 0;
}

.capability-row__text .body-text ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.capability-row__text .body-text li {
  position: relative;
  padding-left: 20px;
}

.capability-row__text .body-text li::before {
  content: "→";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  line-height: 1;
}

.capability-row__image {
  aspect-ratio: 1/1;
  border-radius: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.capability-row__image p {
  margin-bottom: 0;
}

.capability-row__image .box-subtitle {
  position: relative;
  padding-left: 20px;
}

.capability-row__image .box-subtitle::before {
  content: "—";
  position: absolute;
  left: 0;
  top: 0;
}

.capability-row__image .box-title {
  font-size: 16px;
  font-weight: 700;
  padding-left: 20px;
}

.capability-row__box-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px;
  justify-content: flex-end;
  color: #ffffff;
}

.color-columns {
  margin-bottom: 52px;
}

.color-columns__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 25px;
}

.color-columns .color-column {
  display: flex;
  flex-direction: column;
  flex: 0 1 20%;
}

.color-columns .color-column__color-box {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  background: #0e0f11;
  background-clip: padding-box;
  border: solid 2px transparent;
  border-radius: 20px;
}

.color-columns .color-column__color-box:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(180deg, var(--column-color), transparent 90%);
}

.color-columns .color-column__icon {
  display: flex;
  justify-content: center;
  width: 100%;
  aspect-ratio: 2/1;
  padding: 30px;
}

.color-columns .color-column__icon img {
  width: 100%;
  max-width: 110px;
}

.color-columns .color-column__title {
  padding: 16px 0;
  text-align: center;
}

.color-columns .color-column__title h4 {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  margin: 0;
}

.color-columns .color-column__body ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.color-columns .color-column__body li {
  position: relative;
  padding-left: 20px;
}

.color-columns .color-column__body li::before {
  content: "→";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  line-height: 1;
}

.popup-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 1000;
}

.popup-modal.open {
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-modal__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000;
}

.popup-modal__dialog {
  position: relative;
  padding: 32px;
  background: #23272f;
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 20px;
}

.popup-modal__content {
  position: relative;
  margin: 32px;
}

.popup-modal__heading {
  font-size: 30px;
  line-height: 40px;
  font-weight: 200;
  font-family: "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.popup-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transform: translate(40%, -40%);
  max-width: 50px;
  cursor: pointer;
}

/* Styles for 404 and other error pages */

.error-page {
  padding: 200px 25px 50px;
  margin: 0 auto;
  max-width: 1280px;
}

@media (min-width: 768px) {
  .header {
    background: none;
  }

  .header:before {
    transition: opacity .35s cubic-bezier(.3, .86, .36, .95), visibility .35s cubic-bezier(.3, .86, .36, .95);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(14, 15, 17, .7) 0%, rgba(14, 15, 17, .69) 1%, rgba(14, 15, 17, 0) 100%);
    height: 95px;
    z-index: -1;
  }

  .nav-opener {
    padding: 0 7px 0 0;
  }

  .main-nav {
    padding: 122px 20px 30px;
  }

  .main-nav .nav-holder {
    align-items: center;
  }

  .main-menu ul a:after {
    transition: opacity .35s cubic-bezier(.3, .86, .36, .95);
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 32' style='enable-background:new 0 0 68 32' xml:space='preserve'%3E%3Cpath d='m15.8 32.3 3.8-3.8-9.8-9.8h58.5v-5.1H9.8l9.8-9.8L15.8 0 0 16.6l15.8 15.7z' style='fill:%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 44px;
    height: 20px;
    margin: 0 11px 10px 21px;
    opacity: 0;
  }

  .badge {
    padding: 3px 21px;
  }

  .title-mark:before {
    width: 30px;
  }

  .social-networks ul li {
    padding: 0 19px 20px;
  }

  .featured-blogs .heading-block {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
  }

  .featured-blogs .heading-block .text-wrap {
    width: 50%;
  }

  .section-background-hero {
    padding: 300px 0;
  }

  .section-background-hero .heading-area .heading-wrap {
    padding: 10px 45px 20px 0;
  }

  .section-hero .img-block {
    aspect-ratio: 1;
  }

  .section-info .text-block.custom-bullets--wrap ul {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 10px;
         column-gap: 10px;
    -moz-column-fill: balance;
         column-fill: balance;
  }

  .section-services .decor {
    position: absolute;
    top: 4%;
    right: -390px;
    z-index: -1;
    display: block;
  }

  .sevices-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .sevices-list .accordion-item {
    flex: 1;
  }

  .sevices-list .accordion-slider {
    padding: 10px 0 0;
    visibility: visible !important;
    height: auto !important;
  }

  .sevices-list .item-holder {
    padding: 10px 0 0;
  }

  .sevices-list .accordion-opener {
    padding: 15px 0;
    pointer-events: none;
  }

  .sevices-list .icon-plus {
    display: none;
  }

  .sevices-list p {
    margin: 0 0 30px;
  }

  .section-contacts .text-block {
    padding: 58px 25px 72px;
  }

  .section-contacts .map-area {
    padding: 0 25px;
  }

  .card-portfolio .img-frame {
    margin: 0 0 30px;
    aspect-ratio: 808/449;
  }

  .card-portfolio .info-list {
    padding: 0 0 18px 38px;
    display: block;
  }

  .card-portfolio .holder-block {
    margin: 0 0 9px;
  }

  .card-portfolio .catd-text {
    padding: 0 0 0 40px;
    font-size: 35px;
    line-height: 1.43;
  }

  .portfolio-slider {
    padding: 40px 0 0 25px;
  }

  .portfolio-slider .swiper-pagination {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    text-align: right;
    padding: 0 28px;
  }

  .section-challenge .text-block {
    padding: 101px 0 68px;
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
  }

  .section-challenge .images-holder {
    gap: 10px;
    margin: 0 0 25px;
  }

  .section-challenge .images-holder .img-block.small {
    width: calc((100% - 10px) / 2);
  }

  .section-challenge .block-results {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    padding: 45px 0;
  }

  .section-challenge .text-box {
    width: 50%;
    padding: 0 20px 0 0;
  }

  .section-challenge .block-frame {
    width: 50%;
  }

  .heading-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 40px;
  }

  .heading-area .heading-wrap,
  .heading-area .text-block {
    width: 50%;
  }

  .heading-area .heading-wrap {
    padding: 0 15px 0 0;
  }

  .heading-area .text-area {
    max-width: 240px;
    text-align: right;
  }

  .heading-area .text-block {
    text-align: right;
    max-width: 500px;
  }

  .section-page-heading {
    padding: 100px 0 20px;
  }

  .section-page-heading .heading-area.align-bottom .heading-wrap {
    padding-bottom: 0;
  }

  .section-page-heading .heading-area .heading-wrap {
    padding: 10px 15px 20px 0;
  }

  .section-page-heading .img-decor {
    width: 70%;
    top: 0;
    right: 0;
  }

  .section-works .holder-block {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .section-works .btn-holder {
    display: none;
  }

  .card-work {
    width: calc((100% - 15px) / 2);
  }

  .card-work.large {
    width: 100%;
  }

  .section-testimonials {
    padding: 80px 0;
  }

  .testimonials-block {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    max-width: 810px;
    margin: 0 auto;
  }

  .testimonials-block .img-block {
    text-align: left;
    width: 39%;
    margin: -20px 0 20px;
    padding: 0 20px 0 0;
  }

  .testimonials-block .text-block {
    width: 61%;
  }

  .section-industries .decor {
    position: absolute;
    top: 4%;
    right: -390px;
    z-index: -1;
    display: block;
  }

  .section-industries .holder-block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
  }

  .card-industries {
    aspect-ratio: 1;
    width: calc((100% - 15px) / 2);
    margin: 0;
  }

  .heading-info-block {
    margin: 0 0 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .heading-info-block .text-block,
  .heading-info-block .text-area {
    width: 50%;
  }

  .heading-info-block .text-block {
    text-align: right;
    padding: 5px 5px 0 0;
    border: 0;
  }

  .heading-info-block .text-area {
    padding: 0 20px 0 0;
  }

  .section-videos .block-video {
    margin: 0 0 44px;
  }

  .services-info-list li {
    position: relative;
    padding: 54px 0 72px;
    display: flex;
    flex-wrap: wrap;
  }

  .services-info-list .icon-plus {
    display: none;
  }

  .services-info-list .title {
    padding: 0 0 0 48px;
    width: 100%;
  }

  .services-info-list .title:before {
    content: "0" counter(item);
    counter-increment: item;
    font: 700 30px/1.3 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    position: absolute;
    left: 0;
    top: 0;
  }

  .services-info-list .img-block {
    width: 45%;
    padding: 0;
  }

  .services-info-list .text-block {
    width: 55%;
    padding: 0;
  }

  .services-info-list .accordion-slider {
    visibility: visible !important;
    height: auto !important;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .section-careers .info-area {
    text-align: center;
  }

  .section-careers .info-area .holder-block {
    margin: 0 0 33px;
  }

  .section-blog-page .blog-content {
    padding: 25px 0 50px;
  }

  .section-blog-page .block-filters ul {
    gap: 9px;
  }

  .block-post {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
  }

  .block-post.reverse {
    flex-direction: row;
  }

  .block-post.reverse .text-block {
    padding: 0 0 0 15px;
  }

  .block-post .img-block {
    width: 49%;
    margin: 0;
  }

  .block-post .text-block {
    padding: 0 15px 0 0;
    width: 51%;
  }

  .contacts-info-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .contacts-info-list .info-block {
    flex: 1;
  }

  .section-info-contact-us .holder-block {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }

  .section-info-contact-us .holder-block .img-column {
    width: 48.5%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }

  .section-info-contact-us .holder-block .form-column {
    width: 51.5%;
    padding: 30px 15px 30px 0;
    display: flex;
    align-items: center;
  }

  .section-info-contact-us .img-block {
    width: 50%;
    aspect-ratio: 314/236;
    display: block;
  }

  .section-info-contact-us .img-block.large {
    width: 100%;
    aspect-ratio: 623/562;
  }

  .section-info-contact-us .form-holder {
    background: #23272f;
    border-radius: 0 20px 20px 0;
    padding: 30px;
  }

  .section-our-people:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 250px;
    z-index: -2;
    background: #000000;
  }

  .custom-open-close {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
    gap: 20px;
  }

  .custom-open-close .slide-holder {
    background: #000000;
    position: relative;
  }

  .custom-open-close .slide-holder:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 30px 30px;
    background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(29, 29, 29) 100%);
    height: 35%;
  }

  .custom-open-close .card-holder:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
    height: 34%;
    z-index: -1;
  }

  .custom-open-close .title-wrap {
    padding: 0 10px 0 0;
    margin: -6px 0 0;
  }

  .custom-open-close .img-frame {
    display: none;
  }

  .custom-open-close .title-holder {
    align-items: flex-start;
    padding: 0 10px 18px;
  }

  .custom-open-close .title-holder h3,
  .custom-open-close .title-holder .h3 {
    padding: 0 0 0 24px;
  }

  .custom-open-close .opener {
    transition: background .35s cubic-bezier(.3, .86, .36, .95);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #2d2d2d;
  }

  .custom-open-close .opener:hover {
    background: #ff6c0e;
  }

  .custom-open-close .opener:after {
    height: 20px;
  }

  .custom-open-close .opener:before {
    width: 20px;
  }

  .custom-open-close .holder-block {
    display: flex;
    flex-wrap: wrap;
  }

  .custom-open-close .heading-block {
    width: 30%;
    text-align: right;
    flex-direction: column;
    padding: 13px 25px 0 0;
  }

  .custom-open-close .text-block {
    width: 70%;
    position: relative;
    padding: 15px 0 7px 15px;
    max-width: 525px;
  }

  .custom-open-close .text-block:before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 1px;
    height: 145px;
    background: #ff6c0e;
  }

  .custom-open-close .slide-content {
    position: relative;
    padding: 27px 0 0;
  }

  .custom-open-close .slide-content .title-mark {
    font: 300 15px/1.2 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  }

  .custom-open-close .slide-content .title-mark:before {
    display: none;
  }

  .custom-open-close h2,
  .custom-open-close .h2 {
    padding: 0;
  }

  .section-stats-showcase {
    background-image: var(--bg-image-desktop);
    padding: 100px 0;
  }

  .section-stats-showcase--rounded {
    border-radius: 96px;
  }

  .section-stats-showcase .content-section__heading {
    font-size: 48px;
    padding-top: 124px;
  }

  .section-stats-showcase .content-section__body {
    padding-bottom: 48px;
  }

  .capability-row {
    margin: 0 0 32px;
  }

  .capability-row__wrapper {
    flex-direction: row;
  }

  .capability-row__wrapper--reverse {
    flex-direction: row-reverse;
  }

  .capability-row__text {
    padding: 0 48px;
    margin-bottom: 0;
  }

  .capability-row__text .body-text ul {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 10px;
         column-gap: 10px;
    -moz-column-fill: balance;
         column-fill: balance;
  }

  .capability-row__image {
    width: 350px;
    height: 350px;
  }

  .color-columns__wrapper {
    flex-direction: row;
  }

  .color-columns .color-column__color-box:before {
    background: linear-gradient(var(--gradient-direction), var(--column-color), transparent 90%);
  }

  .color-columns .color-column__icon {
    aspect-ratio: 1/1;
  }

  .color-columns .color-column__title {
    text-align: inherit;
  }
}

@media (min-width: 1024px) {
  h1,
  .h1 {
    line-height: 1.05;
    font-size: 65px;
    margin: 0 0 35px;
  }

  h2,
  .h2 {
    font-size: 35px;
  }

  h3,
  .h3 {
    font-size: 30px;
    line-height: 1.33;
    margin: 0 0 35px;
  }

  .header {
    padding: 25px 0;
  }

  .header.fixed {
    padding: 20px 0;
  }

  .header .logo {
    width: 213px;
  }

  .header .logo-alt {
    width: 176px;
  }

  .container {
    max-width: 1280px;
  }

  .two-columns {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }

  .two-columns .column {
    width: 50%;
    padding: 0 15px;
  }

  .footer .logo {
    margin: 0 0 62px;
  }

  .social-networks {
    margin: 0 0 32px;
  }

  .featured-blogs__holder {
    flex-direction: row;
  }

  .featured-blogs__blog {
    flex: 1 1 50%;
  }

  .section-background-hero .container {
    max-width: 880px;
  }

  .section-background-hero .heading-area {
    min-height: 354px;
    padding: 0;
  }

  .section-background-hero .heading-area .subtitle {
    margin: 0 0 17px;
  }

  .section-background-hero .heading-area .heading-wrap {
    width: 40%;
    padding: 0 45px 20px 0;
  }

  .section-hero {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    height: 100vh;
    overflow: hidden;
  }

  .section-hero .img-block {
    aspect-ratio: auto;
    width: 49%;
  }

  .section-hero .img-block video {
    width: 99%;
  }

  .section-hero .text-block {
    align-items: center;
    min-height: 800px;
    padding: 100px 50px;
    width: 51%;
  }

  .section-hero .text-block p {
    margin: 0 0 50px;
  }

  .section-hero .text-wrap {
    margin: 0 auto;
    padding: 0 0 16px 20px;
  }

  .section-info {
    background-image: var(--bg-image-desktop);
    background-color: #000000;
    padding: var(--custom-padding-desktop) 0 var(--custom-padding-desktop);
  }

  .section-info--rounded {
    border-radius: 96px;
  }

  .section-info .holder-block {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .section-info .holder-block--desktop-reverse {
    flex-direction: row;
  }

  .section-info .img-block {
    width: 48%;
    padding: 0;
  }

  .section-info .form-block {
    flex: 50% 1 1;
  }

  .section-info .text-holder {
    flex: 50% 1 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .section-info h1--med,
  .section-info .heading--med {
    font-size: 48px;
  }

  .section-info h3,
  .section-info .h3 {
    margin: 0 0 45px;
  }

  .section-visual-info .subtitle {
    margin: 0 0 15px;
  }

  .section-visual-info .holder-block {
    min-height: 800px;
  }

  .section-visual-info .two-columns {
    padding: 100px 0 25px;
  }

  .section-visual-info p {
    margin: 0 0 30px;
  }

  .section-services {
    padding: 70px 0;
  }

  .section-services .text-area {
    padding: 72px 0;
  }

  .section-services h1,
  .section-services .h1 {
    margin: 0 0 20px;
  }

  .sevices-list {
    gap: 30px;
    padding: 85px 0 80px;
  }

  .section-contacts {
    display: flex;
    flex-wrap: wrap;
  }

  .section-contacts .text-block {
    width: 50%;
    padding: 110px 10% 131px;
  }

  .section-contacts .map-area {
    width: 50%;
    padding: 0;
    padding: initial;
  }

  .section-contacts .address-block {
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 30px;
    min-width: 460px;
    padding: 38px 30px;
    background: #1e1e1e;
  }

  .section-contacts .form-column {
    width: 75%;
  }

  .section-contacts .hs_submit {
    padding-bottom: 0;
    padding-bottom: initial;
  }

  .section-contacts h1,
  .section-contacts .h1 {
    margin: 0 0 49px;
  }

  .section-contacts p {
    margin: 0 0 44px;
  }

  .section-portfolio {
    padding: 65px 0 72px;
  }

  .portfolio-slider .swiper-button-prev,
  .portfolio-slider .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 72px;
    height: 72px;
    z-index: 2;
    margin: -5px 0 0;
  }

  .section-blog-listing .posts-holder {
    padding: 80px 0 0;
  }

  .blog-tag-filters__button {
    display: none;
  }

  .blog-tag-filters__content {
    max-height: none;
    max-height: initial;
    overflow: visible;
    overflow: initial;
  }

  .section-social {
    padding: 110px 0 63px;
  }

  .section-hero-full-height .text-block {
    padding: 100px 25px;
  }

  .section-hero-full-height h3,
  .section-hero-full-height .h3 {
    font-size: 25px;
  }

  .section-challenge {
    padding: 82px 0 122px;
  }

  .section-challenge .images-holder {
    gap: 20px;
  }

  .section-challenge .images-holder .img-block.small {
    width: calc((100% - 20px) / 2);
  }

  .section-challenge .text-box {
    width: 62%;
    padding: 0 40px 0 0;
  }

  .section-challenge .block-frame {
    width: 38%;
  }

  .section-challenge h3,
  .section-challenge .h3 {
    margin: 0 0 28px;
    font-size: 25px;
  }

  .heading-area {
    align-items: flex-end;
  }

  .heading-area .subtitle {
    margin: 0 0 37px;
  }

  .section-page-heading .heading-area {
    min-height: 354px;
    padding: 0;
  }

  .section-page-heading .heading-area .subtitle {
    margin: 0 0 17px;
  }

  .section-page-heading .heading-area .heading-wrap {
    padding: 0 15px 20px 0;
  }

  .section-page-heading .img-decor {
    width: 79%;
    top: 74px;
    right: -215px;
  }

  .section-works .holder-block {
    gap: 30px;
  }

  .card-work {
    width: calc((100% - 30px) / 2);
    margin: 0 0 43px;
  }

  .card-work.large {
    margin: 0 0 67px;
  }

  .card-work.large .img-block {
    margin: 0 0 31px;
  }

  .card-work .img-block {
    margin: 0 0 15px;
  }

  .card-work .title {
    font-size: 35px;
    padding: 0 0 0 38px;
  }

  .section-testimonials {
    padding: 168px 0 187px;
  }

  .testimonials-block blockquote {
    margin: 0 0 30px;
  }

  .testimonials-block blockquote q:after {
    bottom: 15px;
  }

  .section-industries {
    padding: 70px 0;
  }

  .section-industries .holder-block {
    gap: 30px;
  }

  .card-industries {
    width: calc((100% - 30px) / 2);
  }

  .card-industries.one-third {
    width: calc((100% - 60px) / 3);
  }

  .section-videos {
    padding: 40px 0 100px;
  }

  .section-videos .heading-info-block {
    margin: 0 0 55px;
  }

  .block-video .btn-play {
    width: 120px;
    height: 120px;
  }

  .block-video .btn-play:before {
    margin: 0 0 0 4px;
    border-width: 20px 0 20px 34px;
  }

  .section-info-services {
    padding: 190px 0 50px;
  }

  .services-info-list .title {
    width: 25%;
  }

  .services-info-list .img-block {
    align-items: center;
    width: 46%;
    justify-content: flex-start;
  }

  .services-info-list .text-block {
    width: 54%;
  }

  .services-info-list .accordion-slider {
    width: 75%;
  }

  .section-careers {
    padding: 54px 0;
  }

  .section-careers .info-area {
    margin: 0 auto 86px;
  }

  .section-careers .info-area .text-block h3,
  .section-careers .info-area .text-block .h3 {
    margin: 0 0 10px;
  }

  .section-blog-page .blog-content {
    padding: 25px 0 130px;
    flex-direction: row;
  }

  .section-blog-page .blog-content-sidebar {
    width: 30%;
  }

  .section-blog-page .blog-content-sidebar .sidebar-wrap {
    border: none;
    padding-left: 10%;
  }

  .section-blog-page .blog-content-main {
    width: 70%;
    padding-right: 12.5%;
  }

  .block-post {
    margin: 0 0 118px;
  }

  .block-post.reverse .text-block {
    padding: 0 0 0 33px;
  }

  .block-post .text-block {
    padding: 0 30px 0 0;
  }

  .block-post .text-block h3,
  .block-post .text-block .h3 {
    margin: 0 0 30px;
  }

  .block-post .text-block p {
    margin: 0 0 40px;
  }

  .contacts-info-list {
    gap: 30px;
    margin: 0 0 40px;
    padding: 131px 0 0;
  }

  .section-info-contact-us {
    padding: 40px 0 157px;
  }

  .section-info-contact-us .holder-block {
    padding: 50px 0 0;
  }

  .section-info-contact-us .holder-block .form-column {
    padding: 55px 25px 40px 0;
  }

  .section-info-contact-us .form-holder {
    padding: 38px 75px 40px 55px;
    max-width: 590px;
  }

  .section-our-people {
    padding: 45px 0 95px;
  }

  .custom-open-close {
    gap: 30px;
  }

  .custom-open-close .heading-block {
    width: 40%;
    padding: 13px 50px 0 0;
  }

  .custom-open-close .text-block {
    padding: 15px 0 7px 27px;
    width: 60%;
  }

  .custom-open-close .slide-content .title-mark {
    font-size: 25px;
  }

  .custom-open-close h2,
  .custom-open-close .h2 {
    font-size: 50px;
    margin: 0 0 9px;
  }

  .custom-open-close h3,
  .custom-open-close .h3 {
    font-size: 20px;
  }

  .section-stats-showcase .swiper-slide {
    flex: 25% 1 1;
  }

  .capability-row__wrapper {
    padding: 0 100px;
  }

  .capability-row__image {
    width: 390px;
    height: 390px;
  }

  .color-columns__wrapper {
    padding: 0 100px;
  }

  .color-columns .color-column__icon {
    padding: 48px;
  }
}

@media (min-width: 1280px) {
  .section-contacts .text-wrap {
    margin: 0 0 0 calc((100vw - 1290px) / 2);
  }

  .section-contacts .address-block {
    padding: 38px 30px 38px 50px;
  }

  .section-hero-full-height .btn-anchor {
    bottom: 24px;
  }

  .section-info-contact-us .form-holder {
    padding: 38px 100px 40px 95px;
  }
}

@media (min-width: 1480px) {
  .section-contacts .text-block {
    padding: 110px 125px 131px;
  }
}

@media (max-width: 767px) {
  .main-nav .social-networks {
    margin: auto 0 60px;
  }

  .container {
    padding: 0 15px;
  }

  .section-visual-info .text-wrap {
    padding: 0 0 15px;
  }

  .section-visual-info h3,
  .section-visual-info .h3 {
    margin: 0 0 13px;
    font-size: 30px;
  }

  .section-services h3,
  .section-services .h3 {
    margin: 0 0 43px;
  }

  .card-portfolio .catd-text .btn-arrow {
    width: 30px;
    height: 30px;
  }

  .card-portfolio .catd-text .btn-arrow:after {
    width: 20px;
    height: 8px;
  }

  .section-challenge .block-frame {
    max-width: 350px;
    margin: 0 auto;
  }

  .heading-area .btn {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .heading-area h1,
  .heading-area .h1 {
    margin: 0 0 15px;
  }

  .section-works.show-items .card-work {
    display: block;
  }

  .section-works .card-work {
    display: none;
  }

  .section-works .card-work:nth-child(-n+6) {
    display: block;
  }

  .heading-info-block .text-block p {
    margin: 0 0 18px;
  }

  .section-videos .block-video:last-child {
    margin: 0 -15px;
  }

  .block-video {
    margin: 0 -15px;
  }

  .services-info-list .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 18px 15px 18px 0;
  }

  .services-info-list h4,
  .services-info-list .h4 {
    margin: 0 0 32px;
  }

  .custom-open-close .item:last-child .card-holder {
    border-bottom: 1px solid #535353;
  }

  .custom-open-close .item.is-active:last-child .card-holder {
    border-bottom: 0;
  }

  .custom-open-close .card-holder {
    border-radius: 0;
    overflow: visible;
    aspect-ratio: auto;
    border-top: 1px solid #535353;
  }

  .custom-open-close .card-holder .img-block {
    display: none;
  }

  .custom-open-close .title-holder .title-mark {
    display: none;
  }

  .custom-open-close .slide-content .title-mark:before {
    width: 12px;
    margin: 0 15px 3px 0;
  }
}

@media (max-width: 1023px) {
  .section-contacts .subtitle {
    margin: 0 0 45px;
  }

  .section-contacts .map-area {
    aspect-ratio: 1;
  }

  .section-contacts .address-block .btn-holder {
    text-align: right;
  }

  .section-challenge h2,
  .section-challenge .h2 {
    font-size: 35px;
    margin: 0 0 17px;
  }

  .card-industries h3,
  .card-industries .h3 {
    font-size: 30px;
  }
}

@media (min-height: 710px) {
  .main-menu ul {
    font: 700 32px/1.6 "Oswald", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  }

  .main-menu ul li {
    margin: 0 0 20px;
  }
}


/*# sourceMappingURL=style.css.map*/