@font-face {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ProximaNova/ProximaNova-Regular.eot?iefix") format("eot"), url("../fonts/ProximaNova/ProximaNova-Regular.ttf") format("truetype"), url("../fonts/ProximaNova/ProximaNova-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/ProximaNova/ProximaNova-Bold.eot?iefix") format("eot"), url("../fonts/ProximaNova/ProximaNova-Bold.ttf") format("truetype"), url("../fonts/ProximaNova/ProximaNova-Bold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "TTNorms";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/TTNorms/TTNorms-Regular.eot?iefix") format("eot"), url("../fonts/TTNorms/TTNorms-Regular.ttf") format("truetype"), url("../fonts/TTNorms/TTNorms-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "TTNorms";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/TTNorms/TTNorms-Medium.eot?iefix") format("eot"), url("../fonts/TTNorms/TTNorms-Medium.ttf") format("truetype"), url("../fonts/TTNorms/TTNorms-Medium.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "TTNorms";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/TTNorms/TTNorms-Bold.eot?iefix") format("eot"), url("../fonts/TTNorms/TTNorms-Bold.ttf") format("truetype"), url("../fonts/TTNorms/TTNorms-Bold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "VKSansDisplay";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/VKSansDisplay/VKSansDisplay-Regular.ttf") format("truetype"), url("../fonts/VKSansDisplay/VKSansDisplay-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "VKSansDisplay";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/VKSansDisplay/VKSansDisplay-Medium.ttf") format("truetype"), url("../fonts/VKSansDisplay/VKSansDisplay-Medium.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "VKSansDisplay";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/VKSansDisplay/VKSansDisplay-DemiBold.ttf") format("truetype"), url("../fonts/VKSansDisplay/VKSansDisplay-DemiBold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "VKSansDisplay";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/VKSansDisplay/VKSansDisplay-Bold.ttf") format("truetype"), url("../fonts/VKSansDisplay/VKSansDisplay-Bold.woff") format("woff");
  font-display: swap;
}

body {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  font-family: "VKSansDisplay", sans-serif;
  font-weight: 400;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding-top: 95px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  background: var(--color-main);
  position: relative;
  margin-bottom: 100px;
}

.wrapper.zIndex {
  z-index: 2;
}

._error-page .wrapper {
  margin-bottom: 0 !important;
}

._contacts .wrapper {
  margin-bottom: 0 !important;
}

.wrapper .wrapper-section {
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .wrapper {
    /* padding-top: 6.5em; */
    padding-top: 2.5em;
    margin-bottom: 10em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .wrapper {
    margin-bottom: 4.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .is-desctop,
  .is-non-mobile {
    display: none !important;
  }
}

.is-mobile {
  display: block !important;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .is-mobile {
    display: none !important;
  }
}

.is-hide {
  display: none !important;
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

p {
  margin: 0;
}

a,
button {
  outline: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

a {
  text-decoration: none;
  color: currentColor;
}

/* svg {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  height: 100%;
  fill: currentColor;
} */

figure,
picture {
  display: inline-block;
  margin: 0;
  line-height: 0;
}

figure img,
picture img {
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

img {
  vertical-align: top;
  max-width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

img[draggable="false"] {
  pointer-events: none;
  -webkit-user-drag: none;
}

fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

video {
  outline: none;
  width: 100%;
  height: 100%;
}

iframe {
  display: block;
}

strong {
  font-weight: 600;
}

@media only screen and (min-width: 1025px) {
  @-webkit-keyframes productsCardBackgroundStart {
    0% {
      -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
      clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    }

    100% {
      -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
      clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    }
  }

  @keyframes productsCardBackgroundStart {
    0% {
      -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
      clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    }

    100% {
      -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
      clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    }
  }

  @-webkit-keyframes productsCardBackgroundEnd {
    0% {
      -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
      clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    }

    100% {
      -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
      clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    }
  }

  @keyframes productsCardBackgroundEnd {
    0% {
      -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
      clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    }

    100% {
      -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
      clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    }
  }
}

.mb-0 {
  margin-bottom: 0 !important;
}

.grid {
  width: 100%;
}

.grid.xxl-1 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(1, 1fr);
}

.grid.xxl-1 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid.xxl-2 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(2, 1fr);
}

.grid.xxl-2 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid.xxl-3 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(3, 1fr);
}

.grid.xxl-3 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid.xxl-4 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(4, 1fr);
}

.grid.xxl-4 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid.xxl-5 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(5, 1fr);
}

.grid.xxl-5 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid.xxl-6 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(6, 1fr);
}

.grid.xxl-6 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid.xxl-7 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(7, 1fr);
}

.grid.xxl-7 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid.xxl-8 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(8, 1fr);
}

.grid.xxl-8 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid.xxl-9 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(9, 1fr);
}

.grid.xxl-9 .card {
  border-bottom: 1px solid #e3e3e3;
}

@media only screen and (max-width: 1278px) {
  .grid.xl-1 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .grid.xl-1 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.xl-2 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .grid.xl-2 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.xl-3 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(3, 1fr);
  }

  .grid.xl-3 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.xl-4 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(4, 1fr);
  }

  .grid.xl-4 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.xl-5 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(5, 1fr);
  }

  .grid.xl-5 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.xl-6 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(6, 1fr);
  }

  .grid.xl-6 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.xl-7 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(7, 1fr);
  }

  .grid.xl-7 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.xl-8 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(8, 1fr);
  }

  .grid.xl-8 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.xl-9 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(9, 1fr);
  }

  .grid.xl-9 .card {
    border-bottom: 1px solid #e3e3e3;
  }
}

@media only screen and (max-width: 1023px) {
  .grid.md-1 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .grid.md-1 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.md-2 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .grid.md-2 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.md-3 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(3, 1fr);
  }

  .grid.md-3 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.md-4 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(4, 1fr);
  }

  .grid.md-4 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.md-5 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(5, 1fr);
  }

  .grid.md-5 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.md-6 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(6, 1fr);
  }

  .grid.md-6 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.md-7 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(7, 1fr);
  }

  .grid.md-7 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.md-8 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(8, 1fr);
  }

  .grid.md-8 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.md-9 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(9, 1fr);
  }

  .grid.md-9 .card {
    border-bottom: 1px solid #e3e3e3;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .grid.lg-1 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .grid.lg-1 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.lg-2 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .grid.lg-2 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.lg-3 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(3, 1fr);
  }

  .grid.lg-3 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.lg-4 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(4, 1fr);
  }

  .grid.lg-4 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.lg-5 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(5, 1fr);
  }

  .grid.lg-5 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.lg-6 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(6, 1fr);
  }

  .grid.lg-6 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.lg-7 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(7, 1fr);
  }

  .grid.lg-7 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.lg-8 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(8, 1fr);
  }

  .grid.lg-8 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid.lg-9 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(9, 1fr);
  }

  .grid.lg-9 .card {
    border-bottom: 1px solid #e3e3e3;
  }
}

.grid.gap-1 {
  grid-row-gap: 1px;
  grid-column-gap: 1px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-1 {
    grid-row-gap: 0.1rem;
    grid-column-gap: 0.1rem;
  }
}

.grid.gap-2 {
  grid-row-gap: 2px;
  grid-column-gap: 2px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-2 {
    grid-row-gap: 0.2rem;
    grid-column-gap: 0.2rem;
  }
}

.grid.gap-3 {
  grid-row-gap: 3px;
  grid-column-gap: 3px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-3 {
    grid-row-gap: 0.3rem;
    grid-column-gap: 0.3rem;
  }
}

.grid.gap-4 {
  grid-row-gap: 4px;
  grid-column-gap: 4px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-4 {
    grid-row-gap: 0.4rem;
    grid-column-gap: 0.4rem;
  }
}

.grid.gap-5 {
  grid-row-gap: 5px;
  grid-column-gap: 5px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-5 {
    grid-row-gap: 0.5rem;
    grid-column-gap: 0.5rem;
  }
}

.grid.gap-6 {
  grid-row-gap: 6px;
  grid-column-gap: 6px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-6 {
    grid-row-gap: 0.6rem;
    grid-column-gap: 0.6rem;
  }
}

.grid.gap-7 {
  grid-row-gap: 7px;
  grid-column-gap: 7px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-7 {
    grid-row-gap: 0.7rem;
    grid-column-gap: 0.7rem;
  }
}

.grid.gap-8 {
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-8 {
    grid-row-gap: 0.8rem;
    grid-column-gap: 0.8rem;
  }
}

.grid.gap-9 {
  grid-row-gap: 9px;
  grid-column-gap: 9px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-9 {
    grid-row-gap: 0.9rem;
    grid-column-gap: 0.9rem;
  }
}

.grid.gap-10 {
  grid-row-gap: 10px;
  grid-column-gap: 10px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-10 {
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
  }
}

.grid.gap-11 {
  grid-row-gap: 11px;
  grid-column-gap: 11px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-11 {
    grid-row-gap: 1.1rem;
    grid-column-gap: 1.1rem;
  }
}

.grid.gap-12 {
  grid-row-gap: 12px;
  grid-column-gap: 12px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-12 {
    grid-row-gap: 1.2rem;
    grid-column-gap: 1.2rem;
  }
}

.grid.gap-13 {
  grid-row-gap: 13px;
  grid-column-gap: 13px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-13 {
    grid-row-gap: 1.3rem;
    grid-column-gap: 1.3rem;
  }
}

.grid.gap-14 {
  grid-row-gap: 14px;
  grid-column-gap: 14px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-14 {
    grid-row-gap: 1.4rem;
    grid-column-gap: 1.4rem;
  }
}

.grid.gap-15 {
  grid-row-gap: 15px;
  grid-column-gap: 15px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-15 {
    grid-row-gap: 1.5rem;
    grid-column-gap: 1.5rem;
  }
}

.grid.gap-16 {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-16 {
    grid-row-gap: 1.6rem;
    grid-column-gap: 1.6rem;
  }
}

.grid.gap-17 {
  grid-row-gap: 17px;
  grid-column-gap: 17px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-17 {
    grid-row-gap: 1.7rem;
    grid-column-gap: 1.7rem;
  }
}

.grid.gap-18 {
  grid-row-gap: 18px;
  grid-column-gap: 18px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-18 {
    grid-row-gap: 1.8rem;
    grid-column-gap: 1.8rem;
  }
}

.grid.gap-19 {
  grid-row-gap: 19px;
  grid-column-gap: 19px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-19 {
    grid-row-gap: 1.9rem;
    grid-column-gap: 1.9rem;
  }
}

.grid.gap-20 {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-20 {
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
  }
}

.grid.gap-21 {
  grid-row-gap: 21px;
  grid-column-gap: 21px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-21 {
    grid-row-gap: 2.1rem;
    grid-column-gap: 2.1rem;
  }
}

.grid.gap-22 {
  grid-row-gap: 22px;
  grid-column-gap: 22px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-22 {
    grid-row-gap: 2.2rem;
    grid-column-gap: 2.2rem;
  }
}

.grid.gap-23 {
  grid-row-gap: 23px;
  grid-column-gap: 23px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-23 {
    grid-row-gap: 2.3rem;
    grid-column-gap: 2.3rem;
  }
}

.grid.gap-24 {
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-24 {
    grid-row-gap: 2.4rem;
    grid-column-gap: 2.4rem;
  }
}

.grid.gap-25 {
  grid-row-gap: 25px;
  grid-column-gap: 25px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-25 {
    grid-row-gap: 2.5rem;
    grid-column-gap: 2.5rem;
  }
}

.grid.gap-26 {
  grid-row-gap: 26px;
  grid-column-gap: 26px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-26 {
    grid-row-gap: 2.6rem;
    grid-column-gap: 2.6rem;
  }
}

.grid.gap-27 {
  grid-row-gap: 27px;
  grid-column-gap: 27px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-27 {
    grid-row-gap: 2.7rem;
    grid-column-gap: 2.7rem;
  }
}

.grid.gap-28 {
  grid-row-gap: 28px;
  grid-column-gap: 28px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-28 {
    grid-row-gap: 2.8rem;
    grid-column-gap: 2.8rem;
  }
}

.grid.gap-29 {
  grid-row-gap: 29px;
  grid-column-gap: 29px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-29 {
    grid-row-gap: 2.9rem;
    grid-column-gap: 2.9rem;
  }
}

.grid.gap-30 {
  grid-row-gap: 30px;
  grid-column-gap: 30px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-30 {
    grid-row-gap: 3rem;
    grid-column-gap: 3rem;
  }
}

.grid.gap-31 {
  grid-row-gap: 31px;
  grid-column-gap: 31px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-31 {
    grid-row-gap: 3.1rem;
    grid-column-gap: 3.1rem;
  }
}

.grid.gap-32 {
  grid-row-gap: 32px;
  grid-column-gap: 32px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-32 {
    grid-row-gap: 3.2rem;
    grid-column-gap: 3.2rem;
  }
}

.grid.gap-33 {
  grid-row-gap: 33px;
  grid-column-gap: 33px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-33 {
    grid-row-gap: 3.3rem;
    grid-column-gap: 3.3rem;
  }
}

.grid.gap-34 {
  grid-row-gap: 34px;
  grid-column-gap: 34px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-34 {
    grid-row-gap: 3.4rem;
    grid-column-gap: 3.4rem;
  }
}

.grid.gap-35 {
  grid-row-gap: 35px;
  grid-column-gap: 35px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-35 {
    grid-row-gap: 3.5rem;
    grid-column-gap: 3.5rem;
  }
}

.grid.gap-36 {
  grid-row-gap: 36px;
  grid-column-gap: 36px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-36 {
    grid-row-gap: 3.6rem;
    grid-column-gap: 3.6rem;
  }
}

.grid.gap-37 {
  grid-row-gap: 37px;
  grid-column-gap: 37px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-37 {
    grid-row-gap: 3.7rem;
    grid-column-gap: 3.7rem;
  }
}

.grid.gap-38 {
  grid-row-gap: 38px;
  grid-column-gap: 38px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-38 {
    grid-row-gap: 3.8rem;
    grid-column-gap: 3.8rem;
  }
}

.grid.gap-39 {
  grid-row-gap: 39px;
  grid-column-gap: 39px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-39 {
    grid-row-gap: 3.9rem;
    grid-column-gap: 3.9rem;
  }
}

.grid.gap-40 {
  grid-row-gap: 40px;
  grid-column-gap: 40px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-40 {
    grid-row-gap: 4rem;
    grid-column-gap: 4rem;
  }
}

.grid.gap-41 {
  grid-row-gap: 41px;
  grid-column-gap: 41px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-41 {
    grid-row-gap: 4.1rem;
    grid-column-gap: 4.1rem;
  }
}

.grid.gap-42 {
  grid-row-gap: 42px;
  grid-column-gap: 42px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-42 {
    grid-row-gap: 4.2rem;
    grid-column-gap: 4.2rem;
  }
}

.grid.gap-43 {
  grid-row-gap: 43px;
  grid-column-gap: 43px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-43 {
    grid-row-gap: 4.3rem;
    grid-column-gap: 4.3rem;
  }
}

.grid.gap-44 {
  grid-row-gap: 44px;
  grid-column-gap: 44px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-44 {
    grid-row-gap: 4.4rem;
    grid-column-gap: 4.4rem;
  }
}

.grid.gap-45 {
  grid-row-gap: 45px;
  grid-column-gap: 45px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-45 {
    grid-row-gap: 4.5rem;
    grid-column-gap: 4.5rem;
  }
}

.grid.gap-46 {
  grid-row-gap: 46px;
  grid-column-gap: 46px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-46 {
    grid-row-gap: 4.6rem;
    grid-column-gap: 4.6rem;
  }
}

.grid.gap-47 {
  grid-row-gap: 47px;
  grid-column-gap: 47px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-47 {
    grid-row-gap: 4.7rem;
    grid-column-gap: 4.7rem;
  }
}

.grid.gap-48 {
  grid-row-gap: 48px;
  grid-column-gap: 48px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-48 {
    grid-row-gap: 4.8rem;
    grid-column-gap: 4.8rem;
  }
}

.grid.gap-49 {
  grid-row-gap: 49px;
  grid-column-gap: 49px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-49 {
    grid-row-gap: 4.9rem;
    grid-column-gap: 4.9rem;
  }
}

.grid.gap-50 {
  grid-row-gap: 50px;
  grid-column-gap: 50px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-50 {
    grid-row-gap: 5rem;
    grid-column-gap: 5rem;
  }
}

.grid.gap-51 {
  grid-row-gap: 51px;
  grid-column-gap: 51px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-51 {
    grid-row-gap: 5.1rem;
    grid-column-gap: 5.1rem;
  }
}

.grid.gap-52 {
  grid-row-gap: 52px;
  grid-column-gap: 52px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-52 {
    grid-row-gap: 5.2rem;
    grid-column-gap: 5.2rem;
  }
}

.grid.gap-53 {
  grid-row-gap: 53px;
  grid-column-gap: 53px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-53 {
    grid-row-gap: 5.3rem;
    grid-column-gap: 5.3rem;
  }
}

.grid.gap-54 {
  grid-row-gap: 54px;
  grid-column-gap: 54px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-54 {
    grid-row-gap: 5.4rem;
    grid-column-gap: 5.4rem;
  }
}

.grid.gap-55 {
  grid-row-gap: 55px;
  grid-column-gap: 55px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-55 {
    grid-row-gap: 5.5rem;
    grid-column-gap: 5.5rem;
  }
}

.grid.gap-56 {
  grid-row-gap: 56px;
  grid-column-gap: 56px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-56 {
    grid-row-gap: 5.6rem;
    grid-column-gap: 5.6rem;
  }
}

.grid.gap-57 {
  grid-row-gap: 57px;
  grid-column-gap: 57px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-57 {
    grid-row-gap: 5.7rem;
    grid-column-gap: 5.7rem;
  }
}

.grid.gap-58 {
  grid-row-gap: 58px;
  grid-column-gap: 58px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-58 {
    grid-row-gap: 5.8rem;
    grid-column-gap: 5.8rem;
  }
}

.grid.gap-59 {
  grid-row-gap: 59px;
  grid-column-gap: 59px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-59 {
    grid-row-gap: 5.9rem;
    grid-column-gap: 5.9rem;
  }
}

.grid.gap-60 {
  grid-row-gap: 60px;
  grid-column-gap: 60px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-60 {
    grid-row-gap: 6rem;
    grid-column-gap: 6rem;
  }
}

.grid.gap-61 {
  grid-row-gap: 61px;
  grid-column-gap: 61px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-61 {
    grid-row-gap: 6.1rem;
    grid-column-gap: 6.1rem;
  }
}

.grid.gap-62 {
  grid-row-gap: 62px;
  grid-column-gap: 62px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-62 {
    grid-row-gap: 6.2rem;
    grid-column-gap: 6.2rem;
  }
}

.grid.gap-63 {
  grid-row-gap: 63px;
  grid-column-gap: 63px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-63 {
    grid-row-gap: 6.3rem;
    grid-column-gap: 6.3rem;
  }
}

.grid.gap-64 {
  grid-row-gap: 64px;
  grid-column-gap: 64px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-64 {
    grid-row-gap: 6.4rem;
    grid-column-gap: 6.4rem;
  }
}

.grid.gap-65 {
  grid-row-gap: 65px;
  grid-column-gap: 65px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-65 {
    grid-row-gap: 6.5rem;
    grid-column-gap: 6.5rem;
  }
}

.grid.gap-66 {
  grid-row-gap: 66px;
  grid-column-gap: 66px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-66 {
    grid-row-gap: 6.6rem;
    grid-column-gap: 6.6rem;
  }
}

.grid.gap-67 {
  grid-row-gap: 67px;
  grid-column-gap: 67px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-67 {
    grid-row-gap: 6.7rem;
    grid-column-gap: 6.7rem;
  }
}

.grid.gap-68 {
  grid-row-gap: 68px;
  grid-column-gap: 68px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-68 {
    grid-row-gap: 6.8rem;
    grid-column-gap: 6.8rem;
  }
}

.grid.gap-69 {
  grid-row-gap: 69px;
  grid-column-gap: 69px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-69 {
    grid-row-gap: 6.9rem;
    grid-column-gap: 6.9rem;
  }
}

.grid.gap-70 {
  grid-row-gap: 70px;
  grid-column-gap: 70px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-70 {
    grid-row-gap: 7rem;
    grid-column-gap: 7rem;
  }
}

.grid.gap-71 {
  grid-row-gap: 71px;
  grid-column-gap: 71px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-71 {
    grid-row-gap: 7.1rem;
    grid-column-gap: 7.1rem;
  }
}

.grid.gap-72 {
  grid-row-gap: 72px;
  grid-column-gap: 72px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-72 {
    grid-row-gap: 7.2rem;
    grid-column-gap: 7.2rem;
  }
}

.grid.gap-73 {
  grid-row-gap: 73px;
  grid-column-gap: 73px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-73 {
    grid-row-gap: 7.3rem;
    grid-column-gap: 7.3rem;
  }
}

.grid.gap-74 {
  grid-row-gap: 74px;
  grid-column-gap: 74px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-74 {
    grid-row-gap: 7.4rem;
    grid-column-gap: 7.4rem;
  }
}

.grid.gap-75 {
  grid-row-gap: 75px;
  grid-column-gap: 75px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-75 {
    grid-row-gap: 7.5rem;
    grid-column-gap: 7.5rem;
  }
}

.grid.gap-76 {
  grid-row-gap: 76px;
  grid-column-gap: 76px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-76 {
    grid-row-gap: 7.6rem;
    grid-column-gap: 7.6rem;
  }
}

.grid.gap-77 {
  grid-row-gap: 77px;
  grid-column-gap: 77px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-77 {
    grid-row-gap: 7.7rem;
    grid-column-gap: 7.7rem;
  }
}

.grid.gap-78 {
  grid-row-gap: 78px;
  grid-column-gap: 78px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-78 {
    grid-row-gap: 7.8rem;
    grid-column-gap: 7.8rem;
  }
}

.grid.gap-79 {
  grid-row-gap: 79px;
  grid-column-gap: 79px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-79 {
    grid-row-gap: 7.9rem;
    grid-column-gap: 7.9rem;
  }
}

.grid.gap-80 {
  grid-row-gap: 80px;
  grid-column-gap: 80px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-80 {
    grid-row-gap: 8rem;
    grid-column-gap: 8rem;
  }
}

.grid.gap-81 {
  grid-row-gap: 81px;
  grid-column-gap: 81px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-81 {
    grid-row-gap: 8.1rem;
    grid-column-gap: 8.1rem;
  }
}

.grid.gap-82 {
  grid-row-gap: 82px;
  grid-column-gap: 82px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-82 {
    grid-row-gap: 8.2rem;
    grid-column-gap: 8.2rem;
  }
}

.grid.gap-83 {
  grid-row-gap: 83px;
  grid-column-gap: 83px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-83 {
    grid-row-gap: 8.3rem;
    grid-column-gap: 8.3rem;
  }
}

.grid.gap-84 {
  grid-row-gap: 84px;
  grid-column-gap: 84px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-84 {
    grid-row-gap: 8.4rem;
    grid-column-gap: 8.4rem;
  }
}

.grid.gap-85 {
  grid-row-gap: 85px;
  grid-column-gap: 85px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-85 {
    grid-row-gap: 8.5rem;
    grid-column-gap: 8.5rem;
  }
}

.grid.gap-86 {
  grid-row-gap: 86px;
  grid-column-gap: 86px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-86 {
    grid-row-gap: 8.6rem;
    grid-column-gap: 8.6rem;
  }
}

.grid.gap-87 {
  grid-row-gap: 87px;
  grid-column-gap: 87px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-87 {
    grid-row-gap: 8.7rem;
    grid-column-gap: 8.7rem;
  }
}

.grid.gap-88 {
  grid-row-gap: 88px;
  grid-column-gap: 88px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-88 {
    grid-row-gap: 8.8rem;
    grid-column-gap: 8.8rem;
  }
}

.grid.gap-89 {
  grid-row-gap: 89px;
  grid-column-gap: 89px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-89 {
    grid-row-gap: 8.9rem;
    grid-column-gap: 8.9rem;
  }
}

.grid.gap-90 {
  grid-row-gap: 90px;
  grid-column-gap: 90px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-90 {
    grid-row-gap: 9rem;
    grid-column-gap: 9rem;
  }
}

.grid.gap-91 {
  grid-row-gap: 91px;
  grid-column-gap: 91px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-91 {
    grid-row-gap: 9.1rem;
    grid-column-gap: 9.1rem;
  }
}

.grid.gap-92 {
  grid-row-gap: 92px;
  grid-column-gap: 92px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-92 {
    grid-row-gap: 9.2rem;
    grid-column-gap: 9.2rem;
  }
}

.grid.gap-93 {
  grid-row-gap: 93px;
  grid-column-gap: 93px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-93 {
    grid-row-gap: 9.3rem;
    grid-column-gap: 9.3rem;
  }
}

.grid.gap-94 {
  grid-row-gap: 94px;
  grid-column-gap: 94px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-94 {
    grid-row-gap: 9.4rem;
    grid-column-gap: 9.4rem;
  }
}

.grid.gap-95 {
  grid-row-gap: 95px;
  grid-column-gap: 95px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-95 {
    grid-row-gap: 9.5rem;
    grid-column-gap: 9.5rem;
  }
}

.grid.gap-96 {
  grid-row-gap: 96px;
  grid-column-gap: 96px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-96 {
    grid-row-gap: 9.6rem;
    grid-column-gap: 9.6rem;
  }
}

.grid.gap-97 {
  grid-row-gap: 97px;
  grid-column-gap: 97px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-97 {
    grid-row-gap: 9.7rem;
    grid-column-gap: 9.7rem;
  }
}

.grid.gap-98 {
  grid-row-gap: 98px;
  grid-column-gap: 98px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-98 {
    grid-row-gap: 9.8rem;
    grid-column-gap: 9.8rem;
  }
}

.grid.gap-99 {
  grid-row-gap: 99px;
  grid-column-gap: 99px;
}

@media only screen and (max-width: 1278px) {
  .grid.gap-99 {
    grid-row-gap: 9.9rem;
    grid-column-gap: 9.9rem;
  }
}

.grid.row-gap-1 {
  grid-row-gap: 1px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-1 {
    grid-row-gap: 0.1rem;
  }
}

.grid.row-gap-2 {
  grid-row-gap: 2px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-2 {
    grid-row-gap: 0.2rem;
  }
}

.grid.row-gap-3 {
  grid-row-gap: 3px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-3 {
    grid-row-gap: 0.3rem;
  }
}

.grid.row-gap-4 {
  grid-row-gap: 4px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-4 {
    grid-row-gap: 0.4rem;
  }
}

.grid.row-gap-5 {
  grid-row-gap: 5px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-5 {
    grid-row-gap: 0.5rem;
  }
}

.grid.row-gap-6 {
  grid-row-gap: 6px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-6 {
    grid-row-gap: 0.6rem;
  }
}

.grid.row-gap-7 {
  grid-row-gap: 7px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-7 {
    grid-row-gap: 0.7rem;
  }
}

.grid.row-gap-8 {
  grid-row-gap: 8px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-8 {
    grid-row-gap: 0.8rem;
  }
}

.grid.row-gap-9 {
  grid-row-gap: 9px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-9 {
    grid-row-gap: 0.9rem;
  }
}

.grid.row-gap-10 {
  grid-row-gap: 10px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-10 {
    grid-row-gap: 1rem;
  }
}

.grid.row-gap-11 {
  grid-row-gap: 11px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-11 {
    grid-row-gap: 1.1rem;
  }
}

.grid.row-gap-12 {
  grid-row-gap: 12px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-12 {
    grid-row-gap: 1.2rem;
  }
}

.grid.row-gap-13 {
  grid-row-gap: 13px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-13 {
    grid-row-gap: 1.3rem;
  }
}

.grid.row-gap-14 {
  grid-row-gap: 14px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-14 {
    grid-row-gap: 1.4rem;
  }
}

.grid.row-gap-15 {
  grid-row-gap: 15px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-15 {
    grid-row-gap: 1.5rem;
  }
}

.grid.row-gap-16 {
  grid-row-gap: 16px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-16 {
    grid-row-gap: 1.6rem;
  }
}

.grid.row-gap-17 {
  grid-row-gap: 17px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-17 {
    grid-row-gap: 1.7rem;
  }
}

.grid.row-gap-18 {
  grid-row-gap: 18px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-18 {
    grid-row-gap: 1.8rem;
  }
}

.grid.row-gap-19 {
  grid-row-gap: 19px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-19 {
    grid-row-gap: 1.9rem;
  }
}

.grid.row-gap-20 {
  grid-row-gap: 20px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-20 {
    grid-row-gap: 2rem;
  }
}

.grid.row-gap-21 {
  grid-row-gap: 21px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-21 {
    grid-row-gap: 2.1rem;
  }
}

.grid.row-gap-22 {
  grid-row-gap: 22px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-22 {
    grid-row-gap: 2.2rem;
  }
}

.grid.row-gap-23 {
  grid-row-gap: 23px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-23 {
    grid-row-gap: 2.3rem;
  }
}

.grid.row-gap-24 {
  grid-row-gap: 24px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-24 {
    grid-row-gap: 2.4rem;
  }
}

.grid.row-gap-25 {
  grid-row-gap: 25px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-25 {
    grid-row-gap: 2.5rem;
  }
}

.grid.row-gap-26 {
  grid-row-gap: 26px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-26 {
    grid-row-gap: 2.6rem;
  }
}

.grid.row-gap-27 {
  grid-row-gap: 27px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-27 {
    grid-row-gap: 2.7rem;
  }
}

.grid.row-gap-28 {
  grid-row-gap: 28px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-28 {
    grid-row-gap: 2.8rem;
  }
}

.grid.row-gap-29 {
  grid-row-gap: 29px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-29 {
    grid-row-gap: 2.9rem;
  }
}

.grid.row-gap-30 {
  grid-row-gap: 30px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-30 {
    grid-row-gap: 3rem;
  }
}

.grid.row-gap-31 {
  grid-row-gap: 31px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-31 {
    grid-row-gap: 3.1rem;
  }
}

.grid.row-gap-32 {
  grid-row-gap: 32px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-32 {
    grid-row-gap: 3.2rem;
  }
}

.grid.row-gap-33 {
  grid-row-gap: 33px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-33 {
    grid-row-gap: 3.3rem;
  }
}

.grid.row-gap-34 {
  grid-row-gap: 34px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-34 {
    grid-row-gap: 3.4rem;
  }
}

.grid.row-gap-35 {
  grid-row-gap: 35px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-35 {
    grid-row-gap: 3.5rem;
  }
}

.grid.row-gap-36 {
  grid-row-gap: 36px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-36 {
    grid-row-gap: 3.6rem;
  }
}

.grid.row-gap-37 {
  grid-row-gap: 37px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-37 {
    grid-row-gap: 3.7rem;
  }
}

.grid.row-gap-38 {
  grid-row-gap: 38px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-38 {
    grid-row-gap: 3.8rem;
  }
}

.grid.row-gap-39 {
  grid-row-gap: 39px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-39 {
    grid-row-gap: 3.9rem;
  }
}

.grid.row-gap-40 {
  grid-row-gap: 40px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-40 {
    grid-row-gap: 4rem;
  }
}

.grid.row-gap-41 {
  grid-row-gap: 41px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-41 {
    grid-row-gap: 4.1rem;
  }
}

.grid.row-gap-42 {
  grid-row-gap: 42px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-42 {
    grid-row-gap: 4.2rem;
  }
}

.grid.row-gap-43 {
  grid-row-gap: 43px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-43 {
    grid-row-gap: 4.3rem;
  }
}

.grid.row-gap-44 {
  grid-row-gap: 44px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-44 {
    grid-row-gap: 4.4rem;
  }
}

.grid.row-gap-45 {
  grid-row-gap: 45px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-45 {
    grid-row-gap: 4.5rem;
  }
}

.grid.row-gap-46 {
  grid-row-gap: 46px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-46 {
    grid-row-gap: 4.6rem;
  }
}

.grid.row-gap-47 {
  grid-row-gap: 47px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-47 {
    grid-row-gap: 4.7rem;
  }
}

.grid.row-gap-48 {
  grid-row-gap: 48px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-48 {
    grid-row-gap: 4.8rem;
  }
}

.grid.row-gap-49 {
  grid-row-gap: 49px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-49 {
    grid-row-gap: 4.9rem;
  }
}

.grid.row-gap-50 {
  grid-row-gap: 50px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-50 {
    grid-row-gap: 5rem;
  }
}

.grid.row-gap-51 {
  grid-row-gap: 51px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-51 {
    grid-row-gap: 5.1rem;
  }
}

.grid.row-gap-52 {
  grid-row-gap: 52px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-52 {
    grid-row-gap: 5.2rem;
  }
}

.grid.row-gap-53 {
  grid-row-gap: 53px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-53 {
    grid-row-gap: 5.3rem;
  }
}

.grid.row-gap-54 {
  grid-row-gap: 54px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-54 {
    grid-row-gap: 5.4rem;
  }
}

.grid.row-gap-55 {
  grid-row-gap: 55px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-55 {
    grid-row-gap: 5.5rem;
  }
}

.grid.row-gap-56 {
  grid-row-gap: 56px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-56 {
    grid-row-gap: 5.6rem;
  }
}

.grid.row-gap-57 {
  grid-row-gap: 57px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-57 {
    grid-row-gap: 5.7rem;
  }
}

.grid.row-gap-58 {
  grid-row-gap: 58px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-58 {
    grid-row-gap: 5.8rem;
  }
}

.grid.row-gap-59 {
  grid-row-gap: 59px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-59 {
    grid-row-gap: 5.9rem;
  }
}

.grid.row-gap-60 {
  grid-row-gap: 60px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-60 {
    grid-row-gap: 6rem;
  }
}

.grid.row-gap-61 {
  grid-row-gap: 61px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-61 {
    grid-row-gap: 6.1rem;
  }
}

.grid.row-gap-62 {
  grid-row-gap: 62px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-62 {
    grid-row-gap: 6.2rem;
  }
}

.grid.row-gap-63 {
  grid-row-gap: 63px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-63 {
    grid-row-gap: 6.3rem;
  }
}

.grid.row-gap-64 {
  grid-row-gap: 64px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-64 {
    grid-row-gap: 6.4rem;
  }
}

.grid.row-gap-65 {
  grid-row-gap: 65px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-65 {
    grid-row-gap: 6.5rem;
  }
}

.grid.row-gap-66 {
  grid-row-gap: 66px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-66 {
    grid-row-gap: 6.6rem;
  }
}

.grid.row-gap-67 {
  grid-row-gap: 67px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-67 {
    grid-row-gap: 6.7rem;
  }
}

.grid.row-gap-68 {
  grid-row-gap: 68px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-68 {
    grid-row-gap: 6.8rem;
  }
}

.grid.row-gap-69 {
  grid-row-gap: 69px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-69 {
    grid-row-gap: 6.9rem;
  }
}

.grid.row-gap-70 {
  grid-row-gap: 70px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-70 {
    grid-row-gap: 7rem;
  }
}

.grid.row-gap-71 {
  grid-row-gap: 71px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-71 {
    grid-row-gap: 7.1rem;
  }
}

.grid.row-gap-72 {
  grid-row-gap: 72px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-72 {
    grid-row-gap: 7.2rem;
  }
}

.grid.row-gap-73 {
  grid-row-gap: 73px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-73 {
    grid-row-gap: 7.3rem;
  }
}

.grid.row-gap-74 {
  grid-row-gap: 74px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-74 {
    grid-row-gap: 7.4rem;
  }
}

.grid.row-gap-75 {
  grid-row-gap: 75px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-75 {
    grid-row-gap: 7.5rem;
  }
}

.grid.row-gap-76 {
  grid-row-gap: 76px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-76 {
    grid-row-gap: 7.6rem;
  }
}

.grid.row-gap-77 {
  grid-row-gap: 77px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-77 {
    grid-row-gap: 7.7rem;
  }
}

.grid.row-gap-78 {
  grid-row-gap: 78px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-78 {
    grid-row-gap: 7.8rem;
  }
}

.grid.row-gap-79 {
  grid-row-gap: 79px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-79 {
    grid-row-gap: 7.9rem;
  }
}

.grid.row-gap-80 {
  grid-row-gap: 80px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-80 {
    grid-row-gap: 8rem;
  }
}

.grid.row-gap-81 {
  grid-row-gap: 81px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-81 {
    grid-row-gap: 8.1rem;
  }
}

.grid.row-gap-82 {
  grid-row-gap: 82px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-82 {
    grid-row-gap: 8.2rem;
  }
}

.grid.row-gap-83 {
  grid-row-gap: 83px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-83 {
    grid-row-gap: 8.3rem;
  }
}

.grid.row-gap-84 {
  grid-row-gap: 84px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-84 {
    grid-row-gap: 8.4rem;
  }
}

.grid.row-gap-85 {
  grid-row-gap: 85px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-85 {
    grid-row-gap: 8.5rem;
  }
}

.grid.row-gap-86 {
  grid-row-gap: 86px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-86 {
    grid-row-gap: 8.6rem;
  }
}

.grid.row-gap-87 {
  grid-row-gap: 87px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-87 {
    grid-row-gap: 8.7rem;
  }
}

.grid.row-gap-88 {
  grid-row-gap: 88px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-88 {
    grid-row-gap: 8.8rem;
  }
}

.grid.row-gap-89 {
  grid-row-gap: 89px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-89 {
    grid-row-gap: 8.9rem;
  }
}

.grid.row-gap-90 {
  grid-row-gap: 90px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-90 {
    grid-row-gap: 9rem;
  }
}

.grid.row-gap-91 {
  grid-row-gap: 91px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-91 {
    grid-row-gap: 9.1rem;
  }
}

.grid.row-gap-92 {
  grid-row-gap: 92px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-92 {
    grid-row-gap: 9.2rem;
  }
}

.grid.row-gap-93 {
  grid-row-gap: 93px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-93 {
    grid-row-gap: 9.3rem;
  }
}

.grid.row-gap-94 {
  grid-row-gap: 94px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-94 {
    grid-row-gap: 9.4rem;
  }
}

.grid.row-gap-95 {
  grid-row-gap: 95px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-95 {
    grid-row-gap: 9.5rem;
  }
}

.grid.row-gap-96 {
  grid-row-gap: 96px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-96 {
    grid-row-gap: 9.6rem;
  }
}

.grid.row-gap-97 {
  grid-row-gap: 97px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-97 {
    grid-row-gap: 9.7rem;
  }
}

.grid.row-gap-98 {
  grid-row-gap: 98px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-98 {
    grid-row-gap: 9.8rem;
  }
}

.grid.row-gap-99 {
  grid-row-gap: 99px;
}

@media only screen and (max-width: 1278px) {
  .grid.row-gap-99 {
    grid-row-gap: 9.9rem;
  }
}

.grid.column-gap-1 {
  grid-column-gap: 1px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-1 {
    grid-column-gap: 0.1rem;
  }
}

.grid.column-gap-2 {
  grid-column-gap: 2px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-2 {
    grid-column-gap: 0.2rem;
  }
}

.grid.column-gap-3 {
  grid-column-gap: 3px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-3 {
    grid-column-gap: 0.3rem;
  }
}

.grid.column-gap-4 {
  grid-column-gap: 4px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-4 {
    grid-column-gap: 0.4rem;
  }
}

.grid.column-gap-5 {
  grid-column-gap: 5px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-5 {
    grid-column-gap: 0.5rem;
  }
}

.grid.column-gap-6 {
  grid-column-gap: 6px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-6 {
    grid-column-gap: 0.6rem;
  }
}

.grid.column-gap-7 {
  grid-column-gap: 7px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-7 {
    grid-column-gap: 0.7rem;
  }
}

.grid.column-gap-8 {
  grid-column-gap: 8px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-8 {
    grid-column-gap: 0.8rem;
  }
}

.grid.column-gap-9 {
  grid-column-gap: 9px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-9 {
    grid-column-gap: 0.9rem;
  }
}

.grid.column-gap-10 {
  grid-column-gap: 10px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-10 {
    grid-column-gap: 1rem;
  }
}

.grid.column-gap-11 {
  grid-column-gap: 11px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-11 {
    grid-column-gap: 1.1rem;
  }
}

.grid.column-gap-12 {
  grid-column-gap: 12px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-12 {
    grid-column-gap: 1.2rem;
  }
}

.grid.column-gap-13 {
  grid-column-gap: 13px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-13 {
    grid-column-gap: 1.3rem;
  }
}

.grid.column-gap-14 {
  grid-column-gap: 14px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-14 {
    grid-column-gap: 1.4rem;
  }
}

.grid.column-gap-15 {
  grid-column-gap: 15px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-15 {
    grid-column-gap: 1.5rem;
  }
}

.grid.column-gap-16 {
  grid-column-gap: 16px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-16 {
    grid-column-gap: 1.6rem;
  }
}

.grid.column-gap-17 {
  grid-column-gap: 17px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-17 {
    grid-column-gap: 1.7rem;
  }
}

.grid.column-gap-18 {
  grid-column-gap: 18px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-18 {
    grid-column-gap: 1.8rem;
  }
}

.grid.column-gap-19 {
  grid-column-gap: 19px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-19 {
    grid-column-gap: 1.9rem;
  }
}

.grid.column-gap-20 {
  grid-column-gap: 20px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-20 {
    grid-column-gap: 2rem;
  }
}

.grid.column-gap-21 {
  grid-column-gap: 21px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-21 {
    grid-column-gap: 2.1rem;
  }
}

.grid.column-gap-22 {
  grid-column-gap: 22px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-22 {
    grid-column-gap: 2.2rem;
  }
}

.grid.column-gap-23 {
  grid-column-gap: 23px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-23 {
    grid-column-gap: 2.3rem;
  }
}

.grid.column-gap-24 {
  grid-column-gap: 24px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-24 {
    grid-column-gap: 2.4rem;
  }
}

.grid.column-gap-25 {
  grid-column-gap: 25px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-25 {
    grid-column-gap: 2.5rem;
  }
}

.grid.column-gap-26 {
  grid-column-gap: 26px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-26 {
    grid-column-gap: 2.6rem;
  }
}

.grid.column-gap-27 {
  grid-column-gap: 27px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-27 {
    grid-column-gap: 2.7rem;
  }
}

.grid.column-gap-28 {
  grid-column-gap: 28px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-28 {
    grid-column-gap: 2.8rem;
  }
}

.grid.column-gap-29 {
  grid-column-gap: 29px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-29 {
    grid-column-gap: 2.9rem;
  }
}

.grid.column-gap-30 {
  grid-column-gap: 30px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-30 {
    grid-column-gap: 3rem;
  }
}

.grid.column-gap-31 {
  grid-column-gap: 31px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-31 {
    grid-column-gap: 3.1rem;
  }
}

.grid.column-gap-32 {
  grid-column-gap: 32px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-32 {
    grid-column-gap: 3.2rem;
  }
}

.grid.column-gap-33 {
  grid-column-gap: 33px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-33 {
    grid-column-gap: 3.3rem;
  }
}

.grid.column-gap-34 {
  grid-column-gap: 34px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-34 {
    grid-column-gap: 3.4rem;
  }
}

.grid.column-gap-35 {
  grid-column-gap: 35px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-35 {
    grid-column-gap: 3.5rem;
  }
}

.grid.column-gap-36 {
  grid-column-gap: 36px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-36 {
    grid-column-gap: 3.6rem;
  }
}

.grid.column-gap-37 {
  grid-column-gap: 37px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-37 {
    grid-column-gap: 3.7rem;
  }
}

.grid.column-gap-38 {
  grid-column-gap: 38px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-38 {
    grid-column-gap: 3.8rem;
  }
}

.grid.column-gap-39 {
  grid-column-gap: 39px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-39 {
    grid-column-gap: 3.9rem;
  }
}

.grid.column-gap-40 {
  grid-column-gap: 40px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-40 {
    grid-column-gap: 4rem;
  }
}

.grid.column-gap-41 {
  grid-column-gap: 41px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-41 {
    grid-column-gap: 4.1rem;
  }
}

.grid.column-gap-42 {
  grid-column-gap: 42px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-42 {
    grid-column-gap: 4.2rem;
  }
}

.grid.column-gap-43 {
  grid-column-gap: 43px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-43 {
    grid-column-gap: 4.3rem;
  }
}

.grid.column-gap-44 {
  grid-column-gap: 44px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-44 {
    grid-column-gap: 4.4rem;
  }
}

.grid.column-gap-45 {
  grid-column-gap: 45px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-45 {
    grid-column-gap: 4.5rem;
  }
}

.grid.column-gap-46 {
  grid-column-gap: 46px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-46 {
    grid-column-gap: 4.6rem;
  }
}

.grid.column-gap-47 {
  grid-column-gap: 47px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-47 {
    grid-column-gap: 4.7rem;
  }
}

.grid.column-gap-48 {
  grid-column-gap: 48px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-48 {
    grid-column-gap: 4.8rem;
  }
}

.grid.column-gap-49 {
  grid-column-gap: 49px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-49 {
    grid-column-gap: 4.9rem;
  }
}

.grid.column-gap-50 {
  grid-column-gap: 50px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-50 {
    grid-column-gap: 5rem;
  }
}

.grid.column-gap-51 {
  grid-column-gap: 51px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-51 {
    grid-column-gap: 5.1rem;
  }
}

.grid.column-gap-52 {
  grid-column-gap: 52px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-52 {
    grid-column-gap: 5.2rem;
  }
}

.grid.column-gap-53 {
  grid-column-gap: 53px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-53 {
    grid-column-gap: 5.3rem;
  }
}

.grid.column-gap-54 {
  grid-column-gap: 54px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-54 {
    grid-column-gap: 5.4rem;
  }
}

.grid.column-gap-55 {
  grid-column-gap: 55px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-55 {
    grid-column-gap: 5.5rem;
  }
}

.grid.column-gap-56 {
  grid-column-gap: 56px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-56 {
    grid-column-gap: 5.6rem;
  }
}

.grid.column-gap-57 {
  grid-column-gap: 57px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-57 {
    grid-column-gap: 5.7rem;
  }
}

.grid.column-gap-58 {
  grid-column-gap: 58px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-58 {
    grid-column-gap: 5.8rem;
  }
}

.grid.column-gap-59 {
  grid-column-gap: 59px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-59 {
    grid-column-gap: 5.9rem;
  }
}

.grid.column-gap-60 {
  grid-column-gap: 60px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-60 {
    grid-column-gap: 6rem;
  }
}

.grid.column-gap-61 {
  grid-column-gap: 61px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-61 {
    grid-column-gap: 6.1rem;
  }
}

.grid.column-gap-62 {
  grid-column-gap: 62px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-62 {
    grid-column-gap: 6.2rem;
  }
}

.grid.column-gap-63 {
  grid-column-gap: 63px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-63 {
    grid-column-gap: 6.3rem;
  }
}

.grid.column-gap-64 {
  grid-column-gap: 64px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-64 {
    grid-column-gap: 6.4rem;
  }
}

.grid.column-gap-65 {
  grid-column-gap: 65px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-65 {
    grid-column-gap: 6.5rem;
  }
}

.grid.column-gap-66 {
  grid-column-gap: 66px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-66 {
    grid-column-gap: 6.6rem;
  }
}

.grid.column-gap-67 {
  grid-column-gap: 67px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-67 {
    grid-column-gap: 6.7rem;
  }
}

.grid.column-gap-68 {
  grid-column-gap: 68px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-68 {
    grid-column-gap: 6.8rem;
  }
}

.grid.column-gap-69 {
  grid-column-gap: 69px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-69 {
    grid-column-gap: 6.9rem;
  }
}

.grid.column-gap-70 {
  grid-column-gap: 70px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-70 {
    grid-column-gap: 7rem;
  }
}

.grid.column-gap-71 {
  grid-column-gap: 71px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-71 {
    grid-column-gap: 7.1rem;
  }
}

.grid.column-gap-72 {
  grid-column-gap: 72px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-72 {
    grid-column-gap: 7.2rem;
  }
}

.grid.column-gap-73 {
  grid-column-gap: 73px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-73 {
    grid-column-gap: 7.3rem;
  }
}

.grid.column-gap-74 {
  grid-column-gap: 74px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-74 {
    grid-column-gap: 7.4rem;
  }
}

.grid.column-gap-75 {
  grid-column-gap: 75px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-75 {
    grid-column-gap: 7.5rem;
  }
}

.grid.column-gap-76 {
  grid-column-gap: 76px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-76 {
    grid-column-gap: 7.6rem;
  }
}

.grid.column-gap-77 {
  grid-column-gap: 77px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-77 {
    grid-column-gap: 7.7rem;
  }
}

.grid.column-gap-78 {
  grid-column-gap: 78px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-78 {
    grid-column-gap: 7.8rem;
  }
}

.grid.column-gap-79 {
  grid-column-gap: 79px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-79 {
    grid-column-gap: 7.9rem;
  }
}

.grid.column-gap-80 {
  grid-column-gap: 80px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-80 {
    grid-column-gap: 8rem;
  }
}

.grid.column-gap-81 {
  grid-column-gap: 81px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-81 {
    grid-column-gap: 8.1rem;
  }
}

.grid.column-gap-82 {
  grid-column-gap: 82px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-82 {
    grid-column-gap: 8.2rem;
  }
}

.grid.column-gap-83 {
  grid-column-gap: 83px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-83 {
    grid-column-gap: 8.3rem;
  }
}

.grid.column-gap-84 {
  grid-column-gap: 84px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-84 {
    grid-column-gap: 8.4rem;
  }
}

.grid.column-gap-85 {
  grid-column-gap: 85px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-85 {
    grid-column-gap: 8.5rem;
  }
}

.grid.column-gap-86 {
  grid-column-gap: 86px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-86 {
    grid-column-gap: 8.6rem;
  }
}

.grid.column-gap-87 {
  grid-column-gap: 87px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-87 {
    grid-column-gap: 8.7rem;
  }
}

.grid.column-gap-88 {
  grid-column-gap: 88px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-88 {
    grid-column-gap: 8.8rem;
  }
}

.grid.column-gap-89 {
  grid-column-gap: 89px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-89 {
    grid-column-gap: 8.9rem;
  }
}

.grid.column-gap-90 {
  grid-column-gap: 90px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-90 {
    grid-column-gap: 9rem;
  }
}

.grid.column-gap-91 {
  grid-column-gap: 91px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-91 {
    grid-column-gap: 9.1rem;
  }
}

.grid.column-gap-92 {
  grid-column-gap: 92px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-92 {
    grid-column-gap: 9.2rem;
  }
}

.grid.column-gap-93 {
  grid-column-gap: 93px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-93 {
    grid-column-gap: 9.3rem;
  }
}

.grid.column-gap-94 {
  grid-column-gap: 94px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-94 {
    grid-column-gap: 9.4rem;
  }
}

.grid.column-gap-95 {
  grid-column-gap: 95px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-95 {
    grid-column-gap: 9.5rem;
  }
}

.grid.column-gap-96 {
  grid-column-gap: 96px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-96 {
    grid-column-gap: 9.6rem;
  }
}

.grid.column-gap-97 {
  grid-column-gap: 97px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-97 {
    grid-column-gap: 9.7rem;
  }
}

.grid.column-gap-98 {
  grid-column-gap: 98px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-98 {
    grid-column-gap: 9.8rem;
  }
}

.grid.column-gap-99 {
  grid-column-gap: 99px;
}

@media only screen and (max-width: 1278px) {
  .grid.column-gap-99 {
    grid-column-gap: 9.9rem;
  }
}

.gap-1 {
  grid-row-gap: 1px !important;
  grid-column-gap: 1px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-1 {
    grid-row-gap: 0.1rem !important;
    grid-column-gap: 0.1rem !important;
  }
}

.gap-2 {
  grid-row-gap: 2px !important;
  grid-column-gap: 2px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-2 {
    grid-row-gap: 0.2rem !important;
    grid-column-gap: 0.2rem !important;
  }
}

.gap-3 {
  grid-row-gap: 3px !important;
  grid-column-gap: 3px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-3 {
    grid-row-gap: 0.3rem !important;
    grid-column-gap: 0.3rem !important;
  }
}

.gap-4 {
  grid-row-gap: 4px !important;
  grid-column-gap: 4px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-4 {
    grid-row-gap: 0.4rem !important;
    grid-column-gap: 0.4rem !important;
  }
}

.gap-5 {
  grid-row-gap: 5px !important;
  grid-column-gap: 5px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-5 {
    grid-row-gap: 0.5rem !important;
    grid-column-gap: 0.5rem !important;
  }
}

.gap-6 {
  grid-row-gap: 6px !important;
  grid-column-gap: 6px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-6 {
    grid-row-gap: 0.6rem !important;
    grid-column-gap: 0.6rem !important;
  }
}

.gap-7 {
  grid-row-gap: 7px !important;
  grid-column-gap: 7px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-7 {
    grid-row-gap: 0.7rem !important;
    grid-column-gap: 0.7rem !important;
  }
}

.gap-8 {
  grid-row-gap: 8px !important;
  grid-column-gap: 8px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-8 {
    grid-row-gap: 0.8rem !important;
    grid-column-gap: 0.8rem !important;
  }
}

.gap-9 {
  grid-row-gap: 9px !important;
  grid-column-gap: 9px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-9 {
    grid-row-gap: 0.9rem !important;
    grid-column-gap: 0.9rem !important;
  }
}

.gap-10 {
  grid-row-gap: 10px !important;
  grid-column-gap: 10px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-10 {
    grid-row-gap: 1rem !important;
    grid-column-gap: 1rem !important;
  }
}

.gap-11 {
  grid-row-gap: 11px !important;
  grid-column-gap: 11px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-11 {
    grid-row-gap: 1.1rem !important;
    grid-column-gap: 1.1rem !important;
  }
}

.gap-12 {
  grid-row-gap: 12px !important;
  grid-column-gap: 12px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-12 {
    grid-row-gap: 1.2rem !important;
    grid-column-gap: 1.2rem !important;
  }
}

.gap-13 {
  grid-row-gap: 13px !important;
  grid-column-gap: 13px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-13 {
    grid-row-gap: 1.3rem !important;
    grid-column-gap: 1.3rem !important;
  }
}

.gap-14 {
  grid-row-gap: 14px !important;
  grid-column-gap: 14px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-14 {
    grid-row-gap: 1.4rem !important;
    grid-column-gap: 1.4rem !important;
  }
}

.gap-15 {
  grid-row-gap: 15px !important;
  grid-column-gap: 15px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-15 {
    grid-row-gap: 1.5rem !important;
    grid-column-gap: 1.5rem !important;
  }
}

.gap-16 {
  grid-row-gap: 16px !important;
  grid-column-gap: 16px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-16 {
    grid-row-gap: 1.6rem !important;
    grid-column-gap: 1.6rem !important;
  }
}

.gap-17 {
  grid-row-gap: 17px !important;
  grid-column-gap: 17px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-17 {
    grid-row-gap: 1.7rem !important;
    grid-column-gap: 1.7rem !important;
  }
}

.gap-18 {
  grid-row-gap: 18px !important;
  grid-column-gap: 18px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-18 {
    grid-row-gap: 1.8rem !important;
    grid-column-gap: 1.8rem !important;
  }
}

.gap-19 {
  grid-row-gap: 19px !important;
  grid-column-gap: 19px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-19 {
    grid-row-gap: 1.9rem !important;
    grid-column-gap: 1.9rem !important;
  }
}

.gap-20 {
  grid-row-gap: 20px !important;
  grid-column-gap: 20px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-20 {
    grid-row-gap: 2rem !important;
    grid-column-gap: 2rem !important;
  }
}

.gap-21 {
  grid-row-gap: 21px !important;
  grid-column-gap: 21px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-21 {
    grid-row-gap: 2.1rem !important;
    grid-column-gap: 2.1rem !important;
  }
}

.gap-22 {
  grid-row-gap: 22px !important;
  grid-column-gap: 22px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-22 {
    grid-row-gap: 2.2rem !important;
    grid-column-gap: 2.2rem !important;
  }
}

.gap-23 {
  grid-row-gap: 23px !important;
  grid-column-gap: 23px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-23 {
    grid-row-gap: 2.3rem !important;
    grid-column-gap: 2.3rem !important;
  }
}

.gap-24 {
  grid-row-gap: 24px !important;
  grid-column-gap: 24px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-24 {
    grid-row-gap: 2.4rem !important;
    grid-column-gap: 2.4rem !important;
  }
}

.gap-25 {
  grid-row-gap: 25px !important;
  grid-column-gap: 25px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-25 {
    grid-row-gap: 2.5rem !important;
    grid-column-gap: 2.5rem !important;
  }
}

.gap-26 {
  grid-row-gap: 26px !important;
  grid-column-gap: 26px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-26 {
    grid-row-gap: 2.6rem !important;
    grid-column-gap: 2.6rem !important;
  }
}

.gap-27 {
  grid-row-gap: 27px !important;
  grid-column-gap: 27px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-27 {
    grid-row-gap: 2.7rem !important;
    grid-column-gap: 2.7rem !important;
  }
}

.gap-28 {
  grid-row-gap: 28px !important;
  grid-column-gap: 28px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-28 {
    grid-row-gap: 2.8rem !important;
    grid-column-gap: 2.8rem !important;
  }
}

.gap-29 {
  grid-row-gap: 29px !important;
  grid-column-gap: 29px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-29 {
    grid-row-gap: 2.9rem !important;
    grid-column-gap: 2.9rem !important;
  }
}

.gap-30 {
  grid-row-gap: 30px !important;
  grid-column-gap: 30px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-30 {
    grid-row-gap: 3rem !important;
    grid-column-gap: 3rem !important;
  }
}

.gap-31 {
  grid-row-gap: 31px !important;
  grid-column-gap: 31px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-31 {
    grid-row-gap: 3.1rem !important;
    grid-column-gap: 3.1rem !important;
  }
}

.gap-32 {
  grid-row-gap: 32px !important;
  grid-column-gap: 32px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-32 {
    grid-row-gap: 3.2rem !important;
    grid-column-gap: 3.2rem !important;
  }
}

.gap-33 {
  grid-row-gap: 33px !important;
  grid-column-gap: 33px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-33 {
    grid-row-gap: 3.3rem !important;
    grid-column-gap: 3.3rem !important;
  }
}

.gap-34 {
  grid-row-gap: 34px !important;
  grid-column-gap: 34px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-34 {
    grid-row-gap: 3.4rem !important;
    grid-column-gap: 3.4rem !important;
  }
}

.gap-35 {
  grid-row-gap: 35px !important;
  grid-column-gap: 35px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-35 {
    grid-row-gap: 3.5rem !important;
    grid-column-gap: 3.5rem !important;
  }
}

.gap-36 {
  grid-row-gap: 36px !important;
  grid-column-gap: 36px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-36 {
    grid-row-gap: 3.6rem !important;
    grid-column-gap: 3.6rem !important;
  }
}

.gap-37 {
  grid-row-gap: 37px !important;
  grid-column-gap: 37px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-37 {
    grid-row-gap: 3.7rem !important;
    grid-column-gap: 3.7rem !important;
  }
}

.gap-38 {
  grid-row-gap: 38px !important;
  grid-column-gap: 38px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-38 {
    grid-row-gap: 3.8rem !important;
    grid-column-gap: 3.8rem !important;
  }
}

.gap-39 {
  grid-row-gap: 39px !important;
  grid-column-gap: 39px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-39 {
    grid-row-gap: 3.9rem !important;
    grid-column-gap: 3.9rem !important;
  }
}

.gap-40 {
  grid-row-gap: 40px !important;
  grid-column-gap: 40px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-40 {
    grid-row-gap: 4rem !important;
    grid-column-gap: 4rem !important;
  }
}

.gap-41 {
  grid-row-gap: 41px !important;
  grid-column-gap: 41px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-41 {
    grid-row-gap: 4.1rem !important;
    grid-column-gap: 4.1rem !important;
  }
}

.gap-42 {
  grid-row-gap: 42px !important;
  grid-column-gap: 42px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-42 {
    grid-row-gap: 4.2rem !important;
    grid-column-gap: 4.2rem !important;
  }
}

.gap-43 {
  grid-row-gap: 43px !important;
  grid-column-gap: 43px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-43 {
    grid-row-gap: 4.3rem !important;
    grid-column-gap: 4.3rem !important;
  }
}

.gap-44 {
  grid-row-gap: 44px !important;
  grid-column-gap: 44px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-44 {
    grid-row-gap: 4.4rem !important;
    grid-column-gap: 4.4rem !important;
  }
}

.gap-45 {
  grid-row-gap: 45px !important;
  grid-column-gap: 45px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-45 {
    grid-row-gap: 4.5rem !important;
    grid-column-gap: 4.5rem !important;
  }
}

.gap-46 {
  grid-row-gap: 46px !important;
  grid-column-gap: 46px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-46 {
    grid-row-gap: 4.6rem !important;
    grid-column-gap: 4.6rem !important;
  }
}

.gap-47 {
  grid-row-gap: 47px !important;
  grid-column-gap: 47px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-47 {
    grid-row-gap: 4.7rem !important;
    grid-column-gap: 4.7rem !important;
  }
}

.gap-48 {
  grid-row-gap: 48px !important;
  grid-column-gap: 48px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-48 {
    grid-row-gap: 4.8rem !important;
    grid-column-gap: 4.8rem !important;
  }
}

.gap-49 {
  grid-row-gap: 49px !important;
  grid-column-gap: 49px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-49 {
    grid-row-gap: 4.9rem !important;
    grid-column-gap: 4.9rem !important;
  }
}

.gap-50 {
  grid-row-gap: 50px !important;
  grid-column-gap: 50px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-50 {
    grid-row-gap: 5rem !important;
    grid-column-gap: 5rem !important;
  }
}

.gap-51 {
  grid-row-gap: 51px !important;
  grid-column-gap: 51px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-51 {
    grid-row-gap: 5.1rem !important;
    grid-column-gap: 5.1rem !important;
  }
}

.gap-52 {
  grid-row-gap: 52px !important;
  grid-column-gap: 52px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-52 {
    grid-row-gap: 5.2rem !important;
    grid-column-gap: 5.2rem !important;
  }
}

.gap-53 {
  grid-row-gap: 53px !important;
  grid-column-gap: 53px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-53 {
    grid-row-gap: 5.3rem !important;
    grid-column-gap: 5.3rem !important;
  }
}

.gap-54 {
  grid-row-gap: 54px !important;
  grid-column-gap: 54px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-54 {
    grid-row-gap: 5.4rem !important;
    grid-column-gap: 5.4rem !important;
  }
}

.gap-55 {
  grid-row-gap: 55px !important;
  grid-column-gap: 55px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-55 {
    grid-row-gap: 5.5rem !important;
    grid-column-gap: 5.5rem !important;
  }
}

.gap-56 {
  grid-row-gap: 56px !important;
  grid-column-gap: 56px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-56 {
    grid-row-gap: 5.6rem !important;
    grid-column-gap: 5.6rem !important;
  }
}

.gap-57 {
  grid-row-gap: 57px !important;
  grid-column-gap: 57px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-57 {
    grid-row-gap: 5.7rem !important;
    grid-column-gap: 5.7rem !important;
  }
}

.gap-58 {
  grid-row-gap: 58px !important;
  grid-column-gap: 58px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-58 {
    grid-row-gap: 5.8rem !important;
    grid-column-gap: 5.8rem !important;
  }
}

.gap-59 {
  grid-row-gap: 59px !important;
  grid-column-gap: 59px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-59 {
    grid-row-gap: 5.9rem !important;
    grid-column-gap: 5.9rem !important;
  }
}

.gap-60 {
  grid-row-gap: 60px !important;
  grid-column-gap: 60px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-60 {
    grid-row-gap: 6rem !important;
    grid-column-gap: 6rem !important;
  }
}

.gap-61 {
  grid-row-gap: 61px !important;
  grid-column-gap: 61px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-61 {
    grid-row-gap: 6.1rem !important;
    grid-column-gap: 6.1rem !important;
  }
}

.gap-62 {
  grid-row-gap: 62px !important;
  grid-column-gap: 62px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-62 {
    grid-row-gap: 6.2rem !important;
    grid-column-gap: 6.2rem !important;
  }
}

.gap-63 {
  grid-row-gap: 63px !important;
  grid-column-gap: 63px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-63 {
    grid-row-gap: 6.3rem !important;
    grid-column-gap: 6.3rem !important;
  }
}

.gap-64 {
  grid-row-gap: 64px !important;
  grid-column-gap: 64px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-64 {
    grid-row-gap: 6.4rem !important;
    grid-column-gap: 6.4rem !important;
  }
}

.gap-65 {
  grid-row-gap: 65px !important;
  grid-column-gap: 65px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-65 {
    grid-row-gap: 6.5rem !important;
    grid-column-gap: 6.5rem !important;
  }
}

.gap-66 {
  grid-row-gap: 66px !important;
  grid-column-gap: 66px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-66 {
    grid-row-gap: 6.6rem !important;
    grid-column-gap: 6.6rem !important;
  }
}

.gap-67 {
  grid-row-gap: 67px !important;
  grid-column-gap: 67px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-67 {
    grid-row-gap: 6.7rem !important;
    grid-column-gap: 6.7rem !important;
  }
}

.gap-68 {
  grid-row-gap: 68px !important;
  grid-column-gap: 68px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-68 {
    grid-row-gap: 6.8rem !important;
    grid-column-gap: 6.8rem !important;
  }
}

.gap-69 {
  grid-row-gap: 69px !important;
  grid-column-gap: 69px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-69 {
    grid-row-gap: 6.9rem !important;
    grid-column-gap: 6.9rem !important;
  }
}

.gap-70 {
  grid-row-gap: 70px !important;
  grid-column-gap: 70px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-70 {
    grid-row-gap: 7rem !important;
    grid-column-gap: 7rem !important;
  }
}

.gap-71 {
  grid-row-gap: 71px !important;
  grid-column-gap: 71px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-71 {
    grid-row-gap: 7.1rem !important;
    grid-column-gap: 7.1rem !important;
  }
}

.gap-72 {
  grid-row-gap: 72px !important;
  grid-column-gap: 72px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-72 {
    grid-row-gap: 7.2rem !important;
    grid-column-gap: 7.2rem !important;
  }
}

.gap-73 {
  grid-row-gap: 73px !important;
  grid-column-gap: 73px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-73 {
    grid-row-gap: 7.3rem !important;
    grid-column-gap: 7.3rem !important;
  }
}

.gap-74 {
  grid-row-gap: 74px !important;
  grid-column-gap: 74px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-74 {
    grid-row-gap: 7.4rem !important;
    grid-column-gap: 7.4rem !important;
  }
}

.gap-75 {
  grid-row-gap: 75px !important;
  grid-column-gap: 75px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-75 {
    grid-row-gap: 7.5rem !important;
    grid-column-gap: 7.5rem !important;
  }
}

.gap-76 {
  grid-row-gap: 76px !important;
  grid-column-gap: 76px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-76 {
    grid-row-gap: 7.6rem !important;
    grid-column-gap: 7.6rem !important;
  }
}

.gap-77 {
  grid-row-gap: 77px !important;
  grid-column-gap: 77px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-77 {
    grid-row-gap: 7.7rem !important;
    grid-column-gap: 7.7rem !important;
  }
}

.gap-78 {
  grid-row-gap: 78px !important;
  grid-column-gap: 78px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-78 {
    grid-row-gap: 7.8rem !important;
    grid-column-gap: 7.8rem !important;
  }
}

.gap-79 {
  grid-row-gap: 79px !important;
  grid-column-gap: 79px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-79 {
    grid-row-gap: 7.9rem !important;
    grid-column-gap: 7.9rem !important;
  }
}

.gap-80 {
  grid-row-gap: 80px !important;
  grid-column-gap: 80px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-80 {
    grid-row-gap: 8rem !important;
    grid-column-gap: 8rem !important;
  }
}

.gap-81 {
  grid-row-gap: 81px !important;
  grid-column-gap: 81px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-81 {
    grid-row-gap: 8.1rem !important;
    grid-column-gap: 8.1rem !important;
  }
}

.gap-82 {
  grid-row-gap: 82px !important;
  grid-column-gap: 82px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-82 {
    grid-row-gap: 8.2rem !important;
    grid-column-gap: 8.2rem !important;
  }
}

.gap-83 {
  grid-row-gap: 83px !important;
  grid-column-gap: 83px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-83 {
    grid-row-gap: 8.3rem !important;
    grid-column-gap: 8.3rem !important;
  }
}

.gap-84 {
  grid-row-gap: 84px !important;
  grid-column-gap: 84px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-84 {
    grid-row-gap: 8.4rem !important;
    grid-column-gap: 8.4rem !important;
  }
}

.gap-85 {
  grid-row-gap: 85px !important;
  grid-column-gap: 85px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-85 {
    grid-row-gap: 8.5rem !important;
    grid-column-gap: 8.5rem !important;
  }
}

.gap-86 {
  grid-row-gap: 86px !important;
  grid-column-gap: 86px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-86 {
    grid-row-gap: 8.6rem !important;
    grid-column-gap: 8.6rem !important;
  }
}

.gap-87 {
  grid-row-gap: 87px !important;
  grid-column-gap: 87px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-87 {
    grid-row-gap: 8.7rem !important;
    grid-column-gap: 8.7rem !important;
  }
}

.gap-88 {
  grid-row-gap: 88px !important;
  grid-column-gap: 88px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-88 {
    grid-row-gap: 8.8rem !important;
    grid-column-gap: 8.8rem !important;
  }
}

.gap-89 {
  grid-row-gap: 89px !important;
  grid-column-gap: 89px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-89 {
    grid-row-gap: 8.9rem !important;
    grid-column-gap: 8.9rem !important;
  }
}

.gap-90 {
  grid-row-gap: 90px !important;
  grid-column-gap: 90px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-90 {
    grid-row-gap: 9rem !important;
    grid-column-gap: 9rem !important;
  }
}

.gap-91 {
  grid-row-gap: 91px !important;
  grid-column-gap: 91px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-91 {
    grid-row-gap: 9.1rem !important;
    grid-column-gap: 9.1rem !important;
  }
}

.gap-92 {
  grid-row-gap: 92px !important;
  grid-column-gap: 92px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-92 {
    grid-row-gap: 9.2rem !important;
    grid-column-gap: 9.2rem !important;
  }
}

.gap-93 {
  grid-row-gap: 93px !important;
  grid-column-gap: 93px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-93 {
    grid-row-gap: 9.3rem !important;
    grid-column-gap: 9.3rem !important;
  }
}

.gap-94 {
  grid-row-gap: 94px !important;
  grid-column-gap: 94px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-94 {
    grid-row-gap: 9.4rem !important;
    grid-column-gap: 9.4rem !important;
  }
}

.gap-95 {
  grid-row-gap: 95px !important;
  grid-column-gap: 95px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-95 {
    grid-row-gap: 9.5rem !important;
    grid-column-gap: 9.5rem !important;
  }
}

.gap-96 {
  grid-row-gap: 96px !important;
  grid-column-gap: 96px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-96 {
    grid-row-gap: 9.6rem !important;
    grid-column-gap: 9.6rem !important;
  }
}

.gap-97 {
  grid-row-gap: 97px !important;
  grid-column-gap: 97px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-97 {
    grid-row-gap: 9.7rem !important;
    grid-column-gap: 9.7rem !important;
  }
}

.gap-98 {
  grid-row-gap: 98px !important;
  grid-column-gap: 98px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-98 {
    grid-row-gap: 9.8rem !important;
    grid-column-gap: 9.8rem !important;
  }
}

.gap-99 {
  grid-row-gap: 99px !important;
  grid-column-gap: 99px !important;
}

@media only screen and (max-width: 1278px) {
  .gap-99 {
    grid-row-gap: 9.9rem !important;
    grid-column-gap: 9.9rem !important;
  }
}

.row-gap-1 {
  grid-row-gap: 1px;
}

.row-gap-2 {
  grid-row-gap: 2px;
}

.row-gap-3 {
  grid-row-gap: 3px;
}

.row-gap-4 {
  grid-row-gap: 4px;
}

.row-gap-5 {
  grid-row-gap: 5px;
}

.row-gap-6 {
  grid-row-gap: 6px;
}

.row-gap-7 {
  grid-row-gap: 7px;
}

.row-gap-8 {
  grid-row-gap: 8px;
}

.row-gap-9 {
  grid-row-gap: 9px;
}

.row-gap-10 {
  grid-row-gap: 10px;
}

.row-gap-11 {
  grid-row-gap: 11px;
}

.row-gap-12 {
  grid-row-gap: 12px;
}

.row-gap-13 {
  grid-row-gap: 13px;
}

.row-gap-14 {
  grid-row-gap: 14px;
}

.row-gap-15 {
  grid-row-gap: 15px;
}

.row-gap-16 {
  grid-row-gap: 16px;
}

.row-gap-17 {
  grid-row-gap: 17px;
}

.row-gap-18 {
  grid-row-gap: 18px;
}

.row-gap-19 {
  grid-row-gap: 19px;
}

.row-gap-20 {
  grid-row-gap: 20px;
}

.row-gap-21 {
  grid-row-gap: 21px;
}

.row-gap-22 {
  grid-row-gap: 22px;
}

.row-gap-23 {
  grid-row-gap: 23px;
}

.row-gap-24 {
  grid-row-gap: 24px;
}

.row-gap-25 {
  grid-row-gap: 25px;
}

.row-gap-26 {
  grid-row-gap: 26px;
}

.row-gap-27 {
  grid-row-gap: 27px;
}

.row-gap-28 {
  grid-row-gap: 28px;
}

.row-gap-29 {
  grid-row-gap: 29px;
}

.row-gap-30 {
  grid-row-gap: 30px;
}

.row-gap-31 {
  grid-row-gap: 31px;
}

.row-gap-32 {
  grid-row-gap: 32px;
}

.row-gap-33 {
  grid-row-gap: 33px;
}

.row-gap-34 {
  grid-row-gap: 34px;
}

.row-gap-35 {
  grid-row-gap: 35px;
}

.row-gap-36 {
  grid-row-gap: 36px;
}

.row-gap-37 {
  grid-row-gap: 37px;
}

.row-gap-38 {
  grid-row-gap: 38px;
}

.row-gap-39 {
  grid-row-gap: 39px;
}

.row-gap-40 {
  grid-row-gap: 40px;
}

.row-gap-41 {
  grid-row-gap: 41px;
}

.row-gap-42 {
  grid-row-gap: 42px;
}

.row-gap-43 {
  grid-row-gap: 43px;
}

.row-gap-44 {
  grid-row-gap: 44px;
}

.row-gap-45 {
  grid-row-gap: 45px;
}

.row-gap-46 {
  grid-row-gap: 46px;
}

.row-gap-47 {
  grid-row-gap: 47px;
}

.row-gap-48 {
  grid-row-gap: 48px;
}

.row-gap-49 {
  grid-row-gap: 49px;
}

.row-gap-50 {
  grid-row-gap: 50px;
}

.row-gap-51 {
  grid-row-gap: 51px;
}

.row-gap-52 {
  grid-row-gap: 52px;
}

.row-gap-53 {
  grid-row-gap: 53px;
}

.row-gap-54 {
  grid-row-gap: 54px;
}

.row-gap-55 {
  grid-row-gap: 55px;
}

.row-gap-56 {
  grid-row-gap: 56px;
}

.row-gap-57 {
  grid-row-gap: 57px;
}

.row-gap-58 {
  grid-row-gap: 58px;
}

.row-gap-59 {
  grid-row-gap: 59px;
}

.row-gap-60 {
  grid-row-gap: 60px;
}

.row-gap-61 {
  grid-row-gap: 61px;
}

.row-gap-62 {
  grid-row-gap: 62px;
}

.row-gap-63 {
  grid-row-gap: 63px;
}

.row-gap-64 {
  grid-row-gap: 64px;
}

.row-gap-65 {
  grid-row-gap: 65px;
}

.row-gap-66 {
  grid-row-gap: 66px;
}

.row-gap-67 {
  grid-row-gap: 67px;
}

.row-gap-68 {
  grid-row-gap: 68px;
}

.row-gap-69 {
  grid-row-gap: 69px;
}

.row-gap-70 {
  grid-row-gap: 70px;
}

.row-gap-71 {
  grid-row-gap: 71px;
}

.row-gap-72 {
  grid-row-gap: 72px;
}

.row-gap-73 {
  grid-row-gap: 73px;
}

.row-gap-74 {
  grid-row-gap: 74px;
}

.row-gap-75 {
  grid-row-gap: 75px;
}

.row-gap-76 {
  grid-row-gap: 76px;
}

.row-gap-77 {
  grid-row-gap: 77px;
}

.row-gap-78 {
  grid-row-gap: 78px;
}

.row-gap-79 {
  grid-row-gap: 79px;
}

.row-gap-80 {
  grid-row-gap: 80px;
}

.row-gap-81 {
  grid-row-gap: 81px;
}

.row-gap-82 {
  grid-row-gap: 82px;
}

.row-gap-83 {
  grid-row-gap: 83px;
}

.row-gap-84 {
  grid-row-gap: 84px;
}

.row-gap-85 {
  grid-row-gap: 85px;
}

.row-gap-86 {
  grid-row-gap: 86px;
}

.row-gap-87 {
  grid-row-gap: 87px;
}

.row-gap-88 {
  grid-row-gap: 88px;
}

.row-gap-89 {
  grid-row-gap: 89px;
}

.row-gap-90 {
  grid-row-gap: 90px;
}

.row-gap-91 {
  grid-row-gap: 91px;
}

.row-gap-92 {
  grid-row-gap: 92px;
}

.row-gap-93 {
  grid-row-gap: 93px;
}

.row-gap-94 {
  grid-row-gap: 94px;
}

.row-gap-95 {
  grid-row-gap: 95px;
}

.row-gap-96 {
  grid-row-gap: 96px;
}

.row-gap-97 {
  grid-row-gap: 97px;
}

.row-gap-98 {
  grid-row-gap: 98px;
}

.row-gap-99 {
  grid-row-gap: 99px;
}

.column-gap-1 {
  grid-column-gap: 1px;
}

.column-gap-2 {
  grid-column-gap: 2px;
}

.column-gap-3 {
  grid-column-gap: 3px;
}

.column-gap-4 {
  grid-column-gap: 4px;
}

.column-gap-5 {
  grid-column-gap: 5px;
}

.column-gap-6 {
  grid-column-gap: 6px;
}

.column-gap-7 {
  grid-column-gap: 7px;
}

.column-gap-8 {
  grid-column-gap: 8px;
}

.column-gap-9 {
  grid-column-gap: 9px;
}

.column-gap-10 {
  grid-column-gap: 10px;
}

.column-gap-11 {
  grid-column-gap: 11px;
}

.column-gap-12 {
  grid-column-gap: 12px;
}

.column-gap-13 {
  grid-column-gap: 13px;
}

.column-gap-14 {
  grid-column-gap: 14px;
}

.column-gap-15 {
  grid-column-gap: 15px;
}

.column-gap-16 {
  grid-column-gap: 16px;
}

.column-gap-17 {
  grid-column-gap: 17px;
}

.column-gap-18 {
  grid-column-gap: 18px;
}

.column-gap-19 {
  grid-column-gap: 19px;
}

.column-gap-20 {
  grid-column-gap: 20px;
}

.column-gap-21 {
  grid-column-gap: 21px;
}

.column-gap-22 {
  grid-column-gap: 22px;
}

.column-gap-23 {
  grid-column-gap: 23px;
}

.column-gap-24 {
  grid-column-gap: 24px;
}

.column-gap-25 {
  grid-column-gap: 25px;
}

.column-gap-26 {
  grid-column-gap: 26px;
}

.column-gap-27 {
  grid-column-gap: 27px;
}

.column-gap-28 {
  grid-column-gap: 28px;
}

.column-gap-29 {
  grid-column-gap: 29px;
}

.column-gap-30 {
  grid-column-gap: 30px;
}

.column-gap-31 {
  grid-column-gap: 31px;
}

.column-gap-32 {
  grid-column-gap: 32px;
}

.column-gap-33 {
  grid-column-gap: 33px;
}

.column-gap-34 {
  grid-column-gap: 34px;
}

.column-gap-35 {
  grid-column-gap: 35px;
}

.column-gap-36 {
  grid-column-gap: 36px;
}

.column-gap-37 {
  grid-column-gap: 37px;
}

.column-gap-38 {
  grid-column-gap: 38px;
}

.column-gap-39 {
  grid-column-gap: 39px;
}

.column-gap-40 {
  grid-column-gap: 40px;
}

.column-gap-41 {
  grid-column-gap: 41px;
}

.column-gap-42 {
  grid-column-gap: 42px;
}

.column-gap-43 {
  grid-column-gap: 43px;
}

.column-gap-44 {
  grid-column-gap: 44px;
}

.column-gap-45 {
  grid-column-gap: 45px;
}

.column-gap-46 {
  grid-column-gap: 46px;
}

.column-gap-47 {
  grid-column-gap: 47px;
}

.column-gap-48 {
  grid-column-gap: 48px;
}

.column-gap-49 {
  grid-column-gap: 49px;
}

.column-gap-50 {
  grid-column-gap: 50px;
}

.column-gap-51 {
  grid-column-gap: 51px;
}

.column-gap-52 {
  grid-column-gap: 52px;
}

.column-gap-53 {
  grid-column-gap: 53px;
}

.column-gap-54 {
  grid-column-gap: 54px;
}

.column-gap-55 {
  grid-column-gap: 55px;
}

.column-gap-56 {
  grid-column-gap: 56px;
}

.column-gap-57 {
  grid-column-gap: 57px;
}

.column-gap-58 {
  grid-column-gap: 58px;
}

.column-gap-59 {
  grid-column-gap: 59px;
}

.column-gap-60 {
  grid-column-gap: 60px;
}

.column-gap-61 {
  grid-column-gap: 61px;
}

.column-gap-62 {
  grid-column-gap: 62px;
}

.column-gap-63 {
  grid-column-gap: 63px;
}

.column-gap-64 {
  grid-column-gap: 64px;
}

.column-gap-65 {
  grid-column-gap: 65px;
}

.column-gap-66 {
  grid-column-gap: 66px;
}

.column-gap-67 {
  grid-column-gap: 67px;
}

.column-gap-68 {
  grid-column-gap: 68px;
}

.column-gap-69 {
  grid-column-gap: 69px;
}

.column-gap-70 {
  grid-column-gap: 70px;
}

.column-gap-71 {
  grid-column-gap: 71px;
}

.column-gap-72 {
  grid-column-gap: 72px;
}

.column-gap-73 {
  grid-column-gap: 73px;
}

.column-gap-74 {
  grid-column-gap: 74px;
}

.column-gap-75 {
  grid-column-gap: 75px;
}

.column-gap-76 {
  grid-column-gap: 76px;
}

.column-gap-77 {
  grid-column-gap: 77px;
}

.column-gap-78 {
  grid-column-gap: 78px;
}

.column-gap-79 {
  grid-column-gap: 79px;
}

.column-gap-80 {
  grid-column-gap: 80px;
}

.column-gap-81 {
  grid-column-gap: 81px;
}

.column-gap-82 {
  grid-column-gap: 82px;
}

.column-gap-83 {
  grid-column-gap: 83px;
}

.column-gap-84 {
  grid-column-gap: 84px;
}

.column-gap-85 {
  grid-column-gap: 85px;
}

.column-gap-86 {
  grid-column-gap: 86px;
}

.column-gap-87 {
  grid-column-gap: 87px;
}

.column-gap-88 {
  grid-column-gap: 88px;
}

.column-gap-89 {
  grid-column-gap: 89px;
}

.column-gap-90 {
  grid-column-gap: 90px;
}

.column-gap-91 {
  grid-column-gap: 91px;
}

.column-gap-92 {
  grid-column-gap: 92px;
}

.column-gap-93 {
  grid-column-gap: 93px;
}

.column-gap-94 {
  grid-column-gap: 94px;
}

.column-gap-95 {
  grid-column-gap: 95px;
}

.column-gap-96 {
  grid-column-gap: 96px;
}

.column-gap-97 {
  grid-column-gap: 97px;
}

.column-gap-98 {
  grid-column-gap: 98px;
}

.column-gap-99 {
  grid-column-gap: 99px;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .xxl-column-span-1 {
    grid-column: span 1;
  }

  .xxl-column-span-2 {
    grid-column: span 2;
  }

  .xxl-column-span-3 {
    grid-column: span 3;
  }

  .xxl-column-span-4 {
    grid-column: span 4;
  }

  .xxl-column-span-5 {
    grid-column: span 5;
  }

  .xxl-column-span-6 {
    grid-column: span 6;
  }

  .xxl-column-span-7 {
    grid-column: span 7;
  }

  .xxl-column-span-8 {
    grid-column: span 8;
  }

  .xxl-column-span-9 {
    grid-column: span 9;
  }
}

@media only screen and (max-width: 1278px) and (orientation: landscape) and (min-width: 1023px),
only screen and (max-width: 1278px) and (orientation: portrait) and (min-width: 767px) {
  .xl-column-span-1 {
    grid-column: span 1;
  }

  .xl-column-span-2 {
    grid-column: span 2;
  }

  .xl-column-span-3 {
    grid-column: span 3;
  }

  .xl-column-span-4 {
    grid-column: span 4;
  }

  .xl-column-span-5 {
    grid-column: span 5;
  }

  .xl-column-span-6 {
    grid-column: span 6;
  }

  .xl-column-span-7 {
    grid-column: span 7;
  }

  .xl-column-span-8 {
    grid-column: span 8;
  }

  .xl-column-span-9 {
    grid-column: span 9;
  }
}

@media only screen and (max-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
only screen and (max-width: 1023px) and (orientation: portrait) and (min-width: 767px) {
  .md-column-span-1 {
    grid-column: span 1;
  }

  .md-column-span-2 {
    grid-column: span 2;
  }

  .md-column-span-3 {
    grid-column: span 3;
  }

  .md-column-span-4 {
    grid-column: span 4;
  }

  .md-column-span-5 {
    grid-column: span 5;
  }

  .md-column-span-6 {
    grid-column: span 6;
  }

  .md-column-span-7 {
    grid-column: span 7;
  }

  .md-column-span-8 {
    grid-column: span 8;
  }

  .md-column-span-9 {
    grid-column: span 9;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (max-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (max-width: 767px) and (orientation: portrait) and (min-width: 767px) {
  .lg-column-span-1 {
    grid-column: span 1;
  }

  .lg-column-span-2 {
    grid-column: span 2;
  }

  .lg-column-span-3 {
    grid-column: span 3;
  }

  .lg-column-span-4 {
    grid-column: span 4;
  }

  .lg-column-span-5 {
    grid-column: span 5;
  }

  .lg-column-span-6 {
    grid-column: span 6;
  }

  .lg-column-span-7 {
    grid-column: span 7;
  }

  .lg-column-span-8 {
    grid-column: span 8;
  }

  .lg-column-span-9 {
    grid-column: span 9;
  }
}

.color-blue {
  color: #0077ff !important;
}

.grecaptcha-badge,
.grecaptcha-logo {
  display: none !important;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .js-marque {
    padding: 1.5em 3.2em !important;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .js-marque .marquee__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px !important;
    margin-bottom: 0 !important;
  }

  .js-marque .marquee__item p {
    white-space: nowrap;
  }
}

.is-hidden {
  display: none !important;
}

.is-hide {
  visibility: hidden;
}

@media (max-width: 766px) {
  .for-desktop {
    display: none !important;
  }
}

@media (min-width: 767px) {
  .for-mobile {
    display: none !important;
  }
}

.clearfix {
  overflow: auto;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}

/* stylelint-disable */
.dont-break-out {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* stylelint-enable */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* svg {
  display: block;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
} */

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

button {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  border-radius: 0;
}

button * {
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

a:focus,
a:hover {
  color: none;
  text-decoration: none;
}

textarea {
  resize: none;
}

input,
select,
textarea {
  border: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type='number'] {
  -moz-appearance: textfield;
}

a {
  display: inline-block;
  text-decoration: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff;
  -webkit-text-fill-color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 400;
}

label input::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

label input::-moz-placeholder {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

label input::-ms-input-placeholder {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

label input::placeholder {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

label.focus input::-webkit-input-placeholder {
  opacity: 1;
}

label.focus input::-moz-placeholder {
  opacity: 1;
}

label.focus input::-ms-input-placeholder {
  opacity: 1;
}

label.focus input::placeholder {
  opacity: 1;
}

.main__label input::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.main__label input::-moz-placeholder {
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.main__label input::-ms-input-placeholder {
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.main__label input::placeholder {
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

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

.container,
.products .slick-dots,
.cases .slick-dots,
.technology .slick-dots,
.cards .slick-dots li,
.grid-container .slick-dots,
.js-slide .slick-dots,
.security .slick-dots li,
.news-page__tabs,
.blog-page__list.popular .blog-page__list--container {
  margin: 0 auto;
  width: 100%;
  max-width: 1540px;
}

.pmkonsult_form_click:hover {
  color: #fff;
}

@media only screen and (max-width: 1679px) {

  .container,
  .products .slick-dots,
  .cases .slick-dots,
  .technology .slick-dots,
  .cards .slick-dots li,
  .grid-container .slick-dots,
  .js-slide .slick-dots,
  .security .slick-dots li,
  .news-page__tabs,
  .blog-page__list.popular .blog-page__list--container {
    max-width: 1240px;
  }
}

@media only screen and (max-width: 1279px) {

  .container,
  .products .slick-dots,
  .cases .slick-dots,
  .technology .slick-dots,
  .cards .slick-dots li,
  .grid-container .slick-dots,
  .js-slide .slick-dots,
  .security .slick-dots li,
  .news-page__tabs,
  .blog-page__list.popular .blog-page__list--container {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 1278px) {

  .container,
  .products .slick-dots,
  .cases .slick-dots,
  .technology .slick-dots,
  .cards .slick-dots li,
  .grid-container .slick-dots,
  .js-slide .slick-dots,
  .security .slick-dots li,
  .news-page__tabs,
  .blog-page__list.popular .blog-page__list--container {
    padding: 0 5em;
    max-width: 100%;
  }
}

@media only screen and (max-width: 1023px) {

  .container,
  .products .slick-dots,
  .cases .slick-dots,
  .technology .slick-dots,
  .cards .slick-dots li,
  .grid-container .slick-dots,
  .js-slide .slick-dots,
  .security .slick-dots li,
  .news-page__tabs,
  .blog-page__list.popular .blog-page__list--container {
    padding: 0;
    max-width: 95%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .container,
  .products .slick-dots,
  .cases .slick-dots,
  .technology .slick-dots,
  .cards .slick-dots li,
  .grid-container .slick-dots,
  .js-slide .slick-dots,
  .security .slick-dots li,
  .news-page__tabs,
  .blog-page__list.popular .blog-page__list--container {
    padding: 0 2.8em;
    max-width: 100%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .why-assistant {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 4.8em;
  }
}

.platform__btn,
.faq__answer a {
  font-weight: 400;
  font-size: 20px;
  color: #0178ff;
  line-height: 1.4em;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media only screen and (max-width: 1278px) {

  .platform__btn,
  .faq__answer a {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1025px) {

  .platform__btn:hover,
  .faq__answer a:hover {
    color: #0077ff;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .platform__btn,
  .faq__answer a {
    font-weight: 400;
    font-size: 16px;
    color: #0178ff;
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .platform__btn,
  .faq__answer a {
    font-size: 1.6rem;
  }
}

.btn,
.cover__btn,
.error-page .btn,
.btn.blue {
  font-weight: 400;
  font-size: 22px;
  color: #fff;
  line-height: 1.27272727em;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 12px;
  padding: 0 28px;
  height: 58px;
}

@media only screen and (max-width: 1278px) {

  .btn,
  .cover__btn,
  .error-page .btn,
  .btn.blue {
    font-size: 2.2rem;
  }
}

.btn:disabled,
.cover__btn:disabled,
.btn[disabled],
.cover__btn[disabled] {
  color: #000 !important;
  background: #ebeef2 !important;
  cursor: not-allowed;
}

.center.btn,
.center.cover__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

[data-theme="dark"] .btn,
[data-theme="dark"] .cover__btn {
  border-radius: 0;
}

@media only screen and (max-width: 1278px) {

  .btn,
  .cover__btn,
  .error-page .btn,
  .btn.blue {
    padding: 0 1em;
    height: 2.9em;
    font-size: 2rem;
    line-height: 1.4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .btn,
  .cover__btn,
  .error-page .btn,
  .btn.blue {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 1.66666667em;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding: 0 1.11111111em;
    width: 100%;
    height: 2.77777778em;
    max-width: 400px;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .btn,
  .cover__btn,
  .error-page .btn,
  .btn.blue {
    font-size: 1.8rem;
  }
}

.btn,
.cover__btn,
.error-page .btn {
  background: #1e1e1e;
}

@media only screen and (min-width: 1025px) {

  .btn:hover,
  .cover__btn:hover {
    background: #262626;
  }
}

.btn.blue {
  background: #0077ff;
}

@media only screen and (min-width: 1025px) {
  .btn.blue:hover {
    background: #1f87ff;
  }
}

.title h3,
.cover__title,
.products__title,
.news__title,
.technology__title,
.text-container h3,
.platform__title,
.interface__title,
.benefits__title,
.grid-container__title,
.security__title,
.job-option__title,
.video-cover h3,
.news-page__title,
.article__title h1,
.article__text h1,
.procurement__title,
.terms h1,
.team__title,
.blog-page__title,
.about-us__heading,
.social-box .video-cover__text h3,
.expert-inner__cover h1,
.expert-inner__name,
.error-page__title {
  font-weight: 400;
  font-size: 58px;
  line-height: 1.13793103em;
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {

  .title h3,
  .cover__title,
  .products__title,
  .news__title,
  .technology__title,
  .text-container h3,
  .platform__title,
  .interface__title,
  .benefits__title,
  .grid-container__title,
  .security__title,
  .job-option__title,
  .video-cover h3,
  .news-page__title,
  .article__title h1,
  .article__text h1,
  .procurement__title,
  .terms h1,
  .team__title,
  .blog-page__title,
  .about-us__heading,
  .social-box .video-cover__text h3,
  .expert-inner__cover h1,
  .expert-inner__name,
  .error-page__title {
    font-size: 5.8rem;
  }
}

@media only screen and (max-width: 1278px) {

  .title h3,
  .cover__title,
  .products__title,
  .news__title,
  .technology__title,
  .text-container h3,
  .platform__title,
  .interface__title,
  .benefits__title,
  .grid-container__title,
  .security__title,
  .job-option__title,
  .video-cover h3,
  .news-page__title,
  .article__title h1,
  .article__text h1,
  .procurement__title,
  .terms h1,
  .team__title,
  .blog-page__title,
  .about-us__heading,
  .social-box .video-cover__text h3,
  .expert-inner__cover h1,
  .expert-inner__name,
  .error-page__title {
    font-weight: 400;
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {

  .title h3,
  .cover__title,
  .products__title,
  .news__title,
  .technology__title,
  .text-container h3,
  .platform__title,
  .interface__title,
  .benefits__title,
  .grid-container__title,
  .security__title,
  .job-option__title,
  .video-cover h3,
  .news-page__title,
  .article__title h1,
  .article__text h1,
  .procurement__title,
  .terms h1,
  .team__title,
  .blog-page__title,
  .about-us__heading,
  .social-box .video-cover__text h3,
  .expert-inner__cover h1,
  .expert-inner__name,
  .error-page__title {
    font-size: 4rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .title h3,
  .cover__title,
  .products__title,
  .news__title,
  .technology__title,
  .text-container h3,
  .platform__title,
  .interface__title,
  .benefits__title,
  .grid-container__title,
  .security__title,
  .job-option__title,
  .video-cover h3,
  .news-page__title,
  .article__title h1,
  .article__text h1,
  .procurement__title,
  .terms h1,
  .team__title,
  .blog-page__title,
  .about-us__heading,
  .social-box .video-cover__text h3,
  .expert-inner__cover h1,
  .expert-inner__name,
  .error-page__title {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.21428571em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .title h3,
  .cover__title,
  .products__title,
  .news__title,
  .technology__title,
  .text-container h3,
  .platform__title,
  .interface__title,
  .benefits__title,
  .grid-container__title,
  .security__title,
  .job-option__title,
  .video-cover h3,
  .news-page__title,
  .article__title h1,
  .article__text h1,
  .procurement__title,
  .terms h1,
  .team__title,
  .blog-page__title,
  .about-us__heading,
  .social-box .video-cover__text h3,
  .expert-inner__cover h1,
  .expert-inner__name,
  .error-page__title {
    font-size: 2.8rem;
  }
}

.cases__title,
.blog-item__title,
.grid-container__row h3,
.card--statistics .card__heading,
.solution__title,
.card-news:nth-child(8n + 5) .card-news__title,
.card-news:nth-child(8n + 4) .card-news__title,
.ph-platform__title h3,
.article__subtitle h2,
.article__text h2,
.social-box .ph-platform__heading {
  font-weight: 400;
  font-size: 38px;
  line-height: 1.15789474em;
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {

  .cases__title,
  .blog-item__title,
  .grid-container__row h3,
  .card--statistics .card__heading,
  .solution__title,
  .card-news:nth-child(8n + 5) .card-news__title,
  .card-news:nth-child(8n + 4) .card-news__title,
  .ph-platform__title h3,
  .article__subtitle h2,
  .article__text h2,
  .social-box .ph-platform__heading {
    font-size: 3.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .cases__title,
  .blog-item__title,
  .grid-container__row h3,
  .card--statistics .card__heading,
  .solution__title,
  .card-news:nth-child(8n + 5) .card-news__title,
  .card-news:nth-child(8n + 4) .card-news__title,
  .ph-platform__title h3,
  .article__subtitle h2,
  .article__text h2,
  .social-box .ph-platform__heading {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.21428571em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .cases__title,
  .blog-item__title,
  .grid-container__row h3,
  .card--statistics .card__heading,
  .solution__title,
  .card-news:nth-child(8n + 5) .card-news__title,
  .card-news:nth-child(8n + 4) .card-news__title,
  .ph-platform__title h3,
  .article__subtitle h2,
  .article__text h2,
  .social-box .ph-platform__heading {
    font-size: 2.8rem;
  }
}

.interface__heading,
.cards__heading,
.card__heading,
.security__heading,
.job-option__heading,
.solution .single-product__subject,
.video-cover p,
.terms h2,
.worker__name {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.28571429em;
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {

  .interface__heading,
  .cards__heading,
  .card__heading,
  .security__heading,
  .job-option__heading,
  .solution .single-product__subject,
  .video-cover p,
  .terms h2,
  .worker__name {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 1278px) {

  .interface__heading,
  .cards__heading,
  .card__heading,
  .security__heading,
  .job-option__heading,
  .solution .single-product__subject,
  .video-cover p,
  .terms h2,
  .worker__name {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.16666667em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {

  .interface__heading,
  .cards__heading,
  .card__heading,
  .security__heading,
  .job-option__heading,
  .solution .single-product__subject,
  .video-cover p,
  .terms h2,
  .worker__name {
    font-size: 2.4rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .interface__heading,
  .cards__heading,
  .card__heading,
  .security__heading,
  .job-option__heading,
  .solution .single-product__subject,
  .video-cover p,
  .terms h2,
  .worker__name {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .interface__heading,
  .cards__heading,
  .card__heading,
  .security__heading,
  .job-option__heading,
  .solution .single-product__subject,
  .video-cover p,
  .terms h2,
  .worker__name {
    font-size: 2rem;
  }
}

.announcements__date p,
.text-container h4,
.features__title h3,
.faq__question h4,
.module__top h3,
.module__title,
.ph-platform__heading,
.product-item__title h3,
.assistant-hr-card h3 {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.28571429em;
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {

  .announcements__date p,
  .text-container h4,
  .features__title h3,
  .faq__question h4,
  .module__top h3,
  .module__title,
  .ph-platform__heading,
  .product-item__title h3,
  .assistant-hr-card h3 {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 1278px) {

  .announcements__date p,
  .text-container h4,
  .features__title h3,
  .faq__question h4,
  .module__top h3,
  .module__title,
  .ph-platform__heading,
  .product-item__title h3,
  .assistant-hr-card h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.16666667em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {

  .announcements__date p,
  .text-container h4,
  .features__title h3,
  .faq__question h4,
  .module__top h3,
  .module__title,
  .ph-platform__heading,
  .product-item__title h3,
  .assistant-hr-card h3 {
    font-size: 2.4rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .announcements__date p,
  .text-container h4,
  .features__title h3,
  .faq__question h4,
  .module__top h3,
  .module__title,
  .ph-platform__heading,
  .product-item__title h3,
  .assistant-hr-card h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .announcements__date p,
  .text-container h4,
  .features__title h3,
  .faq__question h4,
  .module__top h3,
  .module__title,
  .ph-platform__heading,
  .product-item__title h3,
  .assistant-hr-card h3 {
    font-size: 2rem;
  }
}

.cover__desc,
.news-card__title,
.blog-item__desc,
.expert-inner-card__tag,
.expert-inner-card__title,
.error-page__desc {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.41666667em;
}

@media only screen and (max-width: 1278px) {

  .cover__desc,
  .news-card__title,
  .blog-item__desc,
  .expert-inner-card__tag,
  .expert-inner-card__title,
  .error-page__desc {
    font-size: 2.4rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .cover__desc,
  .news-card__title,
  .blog-item__desc,
  .expert-inner-card__tag,
  .expert-inner-card__title,
  .error-page__desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .cover__desc,
  .news-card__title,
  .blog-item__desc,
  .expert-inner-card__tag,
  .expert-inner-card__title,
  .error-page__desc {
    font-size: 2rem;
  }
}

.card-news__title,
.article__lead p,
.article__quote-author-name,
.article__text h3,
.cases-inner .cover__back p,
.cases-inner__inner p,
.expert-inner__position,
.expert-inner__desc {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.41666667em;
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {

  .card-news__title,
  .article__lead p,
  .article__quote-author-name,
  .article__text h3,
  .cases-inner .cover__back p,
  .cases-inner__inner p,
  .expert-inner__position,
  .expert-inner__desc {
    font-size: 2.4rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .card-news__title,
  .article__lead p,
  .article__quote-author-name,
  .article__text h3,
  .cases-inner .cover__back p,
  .cases-inner__inner p,
  .expert-inner__position,
  .expert-inner__desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .card-news__title,
  .article__lead p,
  .article__quote-author-name,
  .article__text h3,
  .cases-inner .cover__back p,
  .cases-inner__inner p,
  .expert-inner__position,
  .expert-inner__desc {
    font-size: 2rem;
  }
}

.cases__caption,
.text-container li,
.text-container p,
.interface__description,
.cards__desc,
.card__li,
.card__desc,
.solution__description,
.solution__btn p,
.filter-search__input,
.filter-products select,
.filter-products .current,
.filter-time__select,
.filter-blog .filter__btn p,
.features__description p,
.faq__answer ul,
.faq__answer li,
.faq__answer p,
.module__list li,
.ph-platform__title p,
.ph-platform p,
.ph-platform__item p,
.footer-inner p,
.product-item__desc p,
.article__quote-text,
.article__quote-author-position,
.article__text li,
.article__text p,
.terms li,
.terms p,
.worker__position,
.about-us__aside p,
.about-us__caption,
.assistant-hr__text p,
.assistant-hr-card p,
.ph__card p,
.social-box .video-cover__text p {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.36363636em;
  color: rgba(0, 0, 0, 0.7);
}

@media only screen and (max-width: 1278px) {

  .cases__caption,
  .text-container li,
  .text-container p,
  .interface__description,
  .cards__desc,
  .card__li,
  .card__desc,
  .solution__description,
  .solution__btn p,
  .filter-search__input,
  .filter-products select,
  .filter-products .current,
  .filter-time__select,
  .filter-blog .filter__btn p,
  .features__description p,
  .faq__answer ul,
  .faq__answer li,
  .faq__answer p,
  .module__list li,
  .ph-platform__title p,
  .ph-platform p,
  .ph-platform__item p,
  .footer-inner p,
  .product-item__desc p,
  .article__quote-text,
  .article__quote-author-position,
  .article__text li,
  .article__text p,
  .terms li,
  .terms p,
  .worker__position,
  .about-us__aside p,
  .about-us__caption,
  .assistant-hr__text p,
  .assistant-hr-card p,
  .ph__card p,
  .social-box .video-cover__text p {
    font-size: 2.2rem;
  }
}

[data-theme="dark"] .cases__caption,
[data-theme="dark"] .text-container li,
.text-container [data-theme="dark"] li,
[data-theme="dark"] .text-container p,
.text-container [data-theme="dark"] p,
[data-theme="dark"] .interface__description,
[data-theme="dark"] .cards__desc,
[data-theme="dark"] .card__li,
[data-theme="dark"] .card__desc,
[data-theme="dark"] .solution__description,
[data-theme="dark"] .solution__btn p,
.solution__btn [data-theme="dark"] p,
[data-theme="dark"] .filter-search__input,
[data-theme="dark"] .filter-products select,
.filter-products [data-theme="dark"] select,
[data-theme="dark"] .filter-products .current,
.filter-products [data-theme="dark"] .current,
[data-theme="dark"] .filter-time__select,
[data-theme="dark"] .filter-blog .filter__btn p,
.filter-blog .filter__btn [data-theme="dark"] p,
[data-theme="dark"] .features__description p,
.features__description [data-theme="dark"] p,
[data-theme="dark"] .faq__answer ul,
.faq__answer [data-theme="dark"] ul,
[data-theme="dark"] .faq__answer li,
.faq__answer [data-theme="dark"] li,
[data-theme="dark"] .faq__answer p,
.faq__answer [data-theme="dark"] p,
[data-theme="dark"] .module__list li,
.module__list [data-theme="dark"] li,
[data-theme="dark"] .ph-platform__title p,
.ph-platform__title [data-theme="dark"] p,
[data-theme="dark"] .ph-platform p,
.ph-platform [data-theme="dark"] p,
[data-theme="dark"] .ph-platform__item p,
.ph-platform__item [data-theme="dark"] p,
[data-theme="dark"] .footer-inner p,
.footer-inner [data-theme="dark"] p,
[data-theme="dark"] .product-item__desc p,
.product-item__desc [data-theme="dark"] p,
[data-theme="dark"] .article__quote-text,
[data-theme="dark"] .article__quote-author-position,
[data-theme="dark"] .article__text li,
.article__text [data-theme="dark"] li,
[data-theme="dark"] .article__text p,
.article__text [data-theme="dark"] p,
[data-theme="dark"] .terms li,
.terms [data-theme="dark"] li,
[data-theme="dark"] .terms p,
.terms [data-theme="dark"] p,
[data-theme="dark"] .worker__position,
[data-theme="dark"] .about-us__aside p,
.about-us__aside [data-theme="dark"] p,
[data-theme="dark"] .about-us__caption,
[data-theme="dark"] .assistant-hr__text p,
.assistant-hr__text [data-theme="dark"] p,
[data-theme="dark"] .assistant-hr-card p,
.assistant-hr-card [data-theme="dark"] p,
[data-theme="dark"] .ph__card p,
.ph__card [data-theme="dark"] p,
[data-theme="dark"] .social-box .video-cover__text p,
.social-box .video-cover__text [data-theme="dark"] p {
  color: rgba(255, 255, 255, 0.7);
}

@media only screen and (max-width: 1278px) {

  .cases__caption,
  .text-container li,
  .text-container p,
  .interface__description,
  .cards__desc,
  .card__li,
  .card__desc,
  .solution__description,
  .solution__btn p,
  .filter-search__input,
  .filter-products select,
  .filter-products .current,
  .filter-time__select,
  .filter-blog .filter__btn p,
  .features__description p,
  .faq__answer ul,
  .faq__answer li,
  .faq__answer p,
  .module__list li,
  .ph-platform__title p,
  .ph-platform p,
  .ph-platform__item p,
  .footer-inner p,
  .product-item__desc p,
  .article__quote-text,
  .article__quote-author-position,
  .article__text li,
  .article__text p,
  .terms li,
  .terms p,
  .worker__position,
  .about-us__aside p,
  .about-us__caption,
  .assistant-hr__text p,
  .assistant-hr-card p,
  .ph__card p,
  .social-box .video-cover__text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5em;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {

  .cases__caption,
  .text-container li,
  .text-container p,
  .interface__description,
  .cards__desc,
  .card__li,
  .card__desc,
  .solution__description,
  .solution__btn p,
  .filter-search__input,
  .filter-products select,
  .filter-products .current,
  .filter-time__select,
  .filter-blog .filter__btn p,
  .features__description p,
  .faq__answer ul,
  .faq__answer li,
  .faq__answer p,
  .module__list li,
  .ph-platform__title p,
  .ph-platform p,
  .ph-platform__item p,
  .footer-inner p,
  .product-item__desc p,
  .article__quote-text,
  .article__quote-author-position,
  .article__text li,
  .article__text p,
  .terms li,
  .terms p,
  .worker__position,
  .about-us__aside p,
  .about-us__caption,
  .assistant-hr__text p,
  .assistant-hr-card p,
  .ph__card p,
  .social-box .video-cover__text p {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .cases__caption,
  .text-container li,
  .text-container p,
  .interface__description,
  .cards__desc,
  .card__li,
  .card__desc,
  .solution__description,
  .solution__btn p,
  .filter-search__input,
  .filter-products select,
  .filter-products .current,
  .filter-time__select,
  .filter-blog .filter__btn p,
  .features__description p,
  .faq__answer ul,
  .faq__answer li,
  .faq__answer p,
  .module__list li,
  .ph-platform__title p,
  .ph-platform p,
  .ph-platform__item p,
  .footer-inner p,
  .product-item__desc p,
  .article__quote-text,
  .article__quote-author-position,
  .article__text li,
  .article__text p,
  .terms li,
  .terms p,
  .worker__position,
  .about-us__aside p,
  .about-us__caption,
  .assistant-hr__text p,
  .assistant-hr-card p,
  .ph__card p,
  .social-box .video-cover__text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .cases__caption,
  .text-container li,
  .text-container p,
  .interface__description,
  .cards__desc,
  .card__li,
  .card__desc,
  .solution__description,
  .solution__btn p,
  .filter-search__input,
  .filter-products select,
  .filter-products .current,
  .filter-time__select,
  .filter-blog .filter__btn p,
  .features__description p,
  .faq__answer ul,
  .faq__answer li,
  .faq__answer p,
  .module__list li,
  .ph-platform__title p,
  .ph-platform p,
  .ph-platform__item p,
  .footer-inner p,
  .product-item__desc p,
  .article__quote-text,
  .article__quote-author-position,
  .article__text li,
  .article__text p,
  .terms li,
  .terms p,
  .worker__position,
  .about-us__aside p,
  .about-us__caption,
  .assistant-hr__text p,
  .assistant-hr-card p,
  .ph__card p,
  .social-box .video-cover__text p {
    font-size: 1.6rem;
  }
}

.header {
  position: fixed;
  top: 0;
  z-index: 100;
  padding: 32px 0;
  width: 100%;
  height: 95px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  background: #fff;
  z-index: 99990;
}

._sc-top .header {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

._sc-down .header {
  border-bottom: 1px solid #e3e3e3;
}

[data-theme="dark"] ._sc-down .header {
  border-bottom: 1px solid #3B3B3B;
}

@media only screen and (max-width: 1278px) {
  .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 6.5em;
    padding: 0;
  }
}

.header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1278px) {
  .header .container {
    padding: 0 2.8em 0 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .header .container {
    padding: 0 2em;
  }
}

.header__logo {
  height: 30px;
  position: relative;
  width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[data-theme="dark"] .header__logo {
  color: #fff;
}

.header__logo._eng {
  width: 95px;
}

.header__logo._eng svg {
  width: 100%;
  height: 100%;
}

.header__logo--icon {
  width: 30px;
  height: 30px;
  margin-right: 11px;
}

.header__logo--text {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 1px;
  flex: 1 0 1px;
}

@media only screen and (max-width: 1278px) {
  .header__logo {
    width: 18em;
    height: 25px;
  }

  .header__logo._eng {
    width: 8em;
  }

  .header__logo--icon {
    width: 2.5em;
    height: 2.5em;
    margin-right: 1em;
  }
}

.header__item {
  font-weight: 400;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 102;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  cursor: pointer;
}

.header__item:hover {
  color: #000;
}

@media only screen and (max-width: 1278px) {
  .header__item {
    font-size: 1.8rem;
  }
}

[data-theme="dark"] .header__item {
  color: #fff;
}

.header__item svg {
  color: #313131;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  margin-left: 10px;
  /* width: 10px;
  height: 5px; */
  -webkit-transform: scale(1);
  transform: scale(1);
}

[data-theme="dark"] .header__item svg {
  color: #fff;
}

/* @media only screen and (max-width: 1278px) {
  .header__item svg {
    margin-left: 15px;
    height: 8px;
  }
} */

@media only screen and (max-width: 1278px) {
  .header__item {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.41666667em;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .header__item {
    font-size: 2rem;
  }
}

.header__li {
  position: relative;
}

.header__li:not(:last-child) {
  margin-right: 25px;
}

.header__li:last-child .header__submenu--container {
  right: 30% !important;
}

.header__li .profile-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
}

.header__li .profile-btn img {
  max-width: 100%;
  max-height: 100%;
}

@media only screen and (max-width: 1278px) {
  .header__li:not(:last-child) {
    margin-bottom: 1.4em;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .header__li:hover .header__submenu {
    pointer-events: all;
    opacity: 1;
    z-index: 1;
    transform: translate3d(-50%, 0, 0);
  }

  /* .header__li:hover .header__item {
    font-weight: 400;
    color: #0178ff;
  } */
  .header__li:hover .header__item svg {
    /* fill: #0178ff; */
    -webkit-transform: scale(-1);
    transform: scale(-1);
  }
}

.header__submenu {
  opacity: 0;
  z-index: -100;
  pointer-events: none;
  position: absolute;
  left: calc(50% - 10px);
  top: 0;
  -webkit-transform: translate3d(-50%, 25px, 0);
  transform: translate3d(-50%, 25px, 0);
  z-index: 100;
  padding-top: 50px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.header__submenu.show {
  pointer-events: all;
  opacity: 1;
  z-index: 1;
}

.header__submenu.show .header__submenu--container {
  opacity: 1;
}

.header__submenu::before {
  content: "";
  z-index: 101;
  position: absolute;
  left: 50%;
  top: 37px;
  display: block;
  border-radius: 0 2px 0 0;
  background: #0077ff;
  -webkit-transform: rotate(-45deg) translate3d(-50%, 0, 0);
  transform: rotate(-45deg) translate3d(-50%, 0, 0);
  width: 15px;
  height: 15px;
  border-right: 1px solid #0077ff;
  border-top: 1px solid #0077ff;
}

[data-theme="dark"] .header__submenu::before {
  border-right: 1px solid #3B3B3B;
  border-top: 1px solid #3B3B3B;
  background: var(--color-main);
}

@media only screen and (max-width: 1278px) {
  .header__submenu::before {
    display: none;
  }
}

@media only screen and (max-width: 1278px) {
  .header__submenu {
    display: none;
    padding-top: 16px;
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media only screen and (min-width: 1279px) {
  .header__submenu--container {
    display: grid;
    position: relative;
    z-index: 100;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    border-radius: 10px;
    padding: 15px;
    max-width: 650px;
    -webkit-box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.4);
    background-color: #0077ff;
    border: 1px solid #0077ff;
  }

  .header__submenu--container .header__submenu--item .header__submenu--link {
    margin-bottom: 10px;
  }

  .header__submenu--container .header__submenu--item .header__submenu--link:last-child {
    margin-bottom: 0;
  }

  [data-theme="dark"] .header__submenu--container {
    border: 1px solid #3B3B3B;
  }
}

@media only screen and (max-width: 1278px) {
  .header__submenu--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 1278px) {
  .header__submenu--item:not(:last-child) {
    margin-bottom: 1.6em;
  }

  .header__li:hover .header__submenu {
    display: block;
    opacity: 1;
    pointer-events: unset;
  }

  .header__li .header__submenu .header__submenu--link {
    display: block;
  }
}

.header__submenu--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.22222222em;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 8px;
  color: #fff;
}

.menu .header__submenu--link {
  color: #000;
}

.header__submenu--item .header__submenu--link:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1278px) {
  .header__submenu--link {
    font-size: 1.8rem;
  }
}

[data-theme="dark"] .header__submenu--link {
  color: #fff;
}

.header__submenu--link svg {
  width: 25px;
  height: 25px;
  margin-right: 16px;
}

@media only screen and (min-width: 1025px) {
  .header__submenu--link:hover {
    font-weight: 400;
    font-size: 18px;
    /* color: #0178ff; */
    color: #fff;
    line-height: 1.22222222em;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1278px) {
  .header__submenu--link:hover {
    font-size: 1.8rem;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .header__submenu--link {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 1023px) {
  .header__submenu--link {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
  }
}

@media only screen and (max-width: 1023px) and (max-width: 1278px) {
  .header__submenu--link {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 1023px) {
  .header__submenu--link svg {
    width: 2em;
    height: 2em;
    margin-right: 1.2em;
  }
}

.header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

@media only screen and (max-width: 1278px) {
  .header__list {
    display: none;
    margin-bottom: 4em;
  }
}

.header__burger {
  display: none;
  margin-right: 4px;
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: 20px;
}

@media only screen and (max-width: 1278px) {
  .header__burger {
    display: block;
  }
}

.header__burger::after,
.header__burger::before {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: relative;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #0077ff;
}

.header__burger::before {
  -webkit-transform: translateY(-2px) rotate(0deg);
  transform: translateY(-2px) rotate(0deg);
}

.header__burger::after {
  -webkit-transform: translateY(2px) rotate(0deg);
  transform: translateY(2px) rotate(0deg);
}

.open .header__burger::before {
  -webkit-transform: translateY(1px) rotate(45deg);
  transform: translateY(1px) rotate(45deg);
}

.open .header__burger::after {
  -webkit-transform: translateY(-1px) rotate(-45deg);
  transform: translateY(-1px) rotate(-45deg);
}

.header__profile {
  position: relative;
  z-index: 101;
  display: block;
  margin-left: 30px;
  width: 22px;
  height: 22px;
  color: #0077ff;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

[data-theme="dark"] .header__profile {
  color: #fff;
}


@media only screen and (min-width: 1025px) {
  [data-theme="dark"] .header__profile:hover {
    color: #0077ff;
  }
}

.header__profile svg {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1278px) {
  .header__profile {
    opacity: 0;
    pointer-events: none;
    position: relative;
    margin-left: auto;
    margin-right: 18px;
  }

  .header__profile svg {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  .header__profile::after {
    position: absolute;
    top: -10px;
    right: -18px;
    content: "";
    display: block;
    height: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    width: 1px;
    background: #e3e3e3;
  }

  .open .header__profile {
    opacity: 1;
    pointer-events: all;
  }

  .open .header__profile svg {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .open .header__profile::after {
    height: 40px;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .open .header__profile {
    opacity: 1;
    pointer-events: all;
  }

  .open .header__profile svg {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .open .header__profile::after {
    height: 4em;
  }
}

.menu {
  width: 100%;
  display: none;
  overflow-x: auto;
  border-top: 1px solid #e3e3e3;
}

@media only screen and (max-width: 1278px) {
  .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: -webkit-clip-path 0.45s ease;
    transition: -webkit-clip-path 0.45s ease;
    transition: clip-path 0.45s ease;
    transition: clip-path 0.45s ease, -webkit-clip-path 0.45s ease;
    opacity: 0;
    pointer-events: none;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    padding: 4.5em 3em;
    position: fixed;
    top: 6.4em;
    left: 0;
    width: 100%;
    height: calc(100vh - 6.5em);
    z-index: -1;
    background-color: #fff;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .menu {
    padding: 2.5em 1em;
    top: 6.4em;
    height: calc(var(--app-height) - 6.4em);
  }
}

.menu .header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin: 0;
}

@media only screen and (min-width: 1025px) {
  .menu .header__li:hover .header__submenu {
    pointer-events: all;
    opacity: 1;
    z-index: 1;
    display: block;
  }
}

.menu .header__li.show .header__submenu {
  pointer-events: all;
  opacity: 1;
  z-index: 1;
  display: block;
}

.menu .footer__social {
  margin-left: 0;
}

.open .menu {
  opacity: 1;
  pointer-events: all;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.footer {
  padding: 0 0 50px;
  width: 100%;
  background: #EDF0F3;
}

[data-theme="dark"] .footer {
  background: var(--color-main);
}

@media only screen and (max-width: 1278px) {
  .footer {
    padding: 0 0 5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .footer {
    padding: 0 0 5em;
  }
}

.footer .container {
  padding-top: 60px;
}

[data-theme="dark"] .footer .container {
  border-top: 1px solid #3B3B3B;
}

@media only screen and (max-width: 1278px) {
  .footer .container {
    padding-top: 6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .footer .container {
    padding-top: 3.7em;
  }
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.footer__logo {
  height: 30px;
  width: 180px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[data-theme="dark"] .footer__logo {
  color: #fff;
}

.footer__logo._eng {
  width: 95px;
}

.footer__logo._eng svg {
  width: 100%;
  height: 100%;
}

.footer__logo--icon {
  width: 30px;
  height: 30px;
  margin-right: 11px;
}

.footer__logo--text {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 1px;
  flex: 1 0 1px;
}

@media only screen and (max-width: 1278px) {
  .footer__logo {
    width: 18em;
    height: 25px;
  }

  .footer__logo._eng {
    width: 8em;
  }

  .footer__logo--icon {
    width: 2.5em;
    height: 2.5em;
    margin-right: 1em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .footer__logo {
    display: none;
  }
}

.footer__heading {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 500;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1278px) {
  .footer__heading {
    font-size: 2rem;
  }
}

[data-theme="dark"] .footer__heading {
  color: #fff;
}

@media only screen and (max-width: 1278px) {
  .footer__heading {
    margin-bottom: 1.6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .footer__heading {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 1.5625em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .footer__heading {
    font-size: 1.6rem;
  }
}

.footer__year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  color: #313131;
  line-height: 1.33333333em;
  font-weight: 300;
  opacity: 0.7;
}

@media only screen and (max-width: 1278px) {
  .footer__year {
    font-size: 1.8rem;
  }
}

[data-theme="dark"] .footer__year {
  color: #B3B3B4;
}

@media only screen and (max-width: 767px) {
  .footer__year {
    font-weight: 400;
    font-size: 16px;
    color: #313131;
    line-height: 1.5em;
    font-weight: 300;
  }
}

@media only screen and (max-width: 767px) and (max-width: 1278px) {
  .footer__year {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 767px) {
  [data-theme="dark"] .footer__year {
    color: #B3B3B4;
  }
}

.footer__col--inner:not(:last-child) {
  margin-bottom: 46px;
}

@media only screen and (max-width: 1278px) {
  .footer__col--inner:not(:last-child) {
    margin-bottom: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .footer__col--inner {
    margin-bottom: 2.4em;
  }

  .footer__col--inner:not(:last-child) {
    margin-bottom: 2.4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .footer__col {
    width: 100%;
    margin-right: 0;
  }
}

.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 130px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 65px;
}

@media only screen and (max-width: 1278px) {
  .footer__inner {
    grid-column-gap: 8.5em;
    margin-bottom: 6.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 2.5em;
  }
}

.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footer__link {
  opacity: 0.7;
}

.footer__link:not(:last-child) {
  margin-bottom: 20px;
}

.footer__link {
  font-weight: 400;
  font-size: 18px;
  color: #313131;
  line-height: 1.22222222em;
  font-weight: 400;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .footer__link {
    font-size: 1.8rem;
  }
}

[data-theme="dark"] .footer__link {
  color: #B3B3B4;
}

@media only screen and (min-width: 1025px) {
  .footer__link:hover {
    font-weight: 400;
    color: #0178ff;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .footer__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .footer__link {
    font-size: 1.6rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .footer__link:not(:last-child) {
    margin-bottom: 1.125em;
  }
}

.footer__btn {
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (min-width: 1025px) {
  .footer__btn:hover {
    font-weight: 400;
    color: #0178ff;
  }
}

.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 35px;
  margin-left: auto;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .footer__social {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer__social {
    margin-bottom: 10px;
  }
}

.footer__social--item {
  /* width: 32px;
  height: 32px; */
  color: #99A0B4;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  font-size: 20px;
}

[data-theme="dark"] .footer__social--item {
  color: #1D1D1F;
}

.footer__social--item svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.footer__social--item:not(:last-child) {
  margin-right: 22px;
}

@media only screen and (min-width: 1025px) {
  .footer__social--item:hover {
    color: #0178ff;
  }
}

.popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99998;
  width: 100%;
  height: 100vh;
  visibility: hidden;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
  }
}

.popup picture {
  width: 100%;
  height: auto;
}

.popup .nice-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex !important;
}

.popup .nice-select .nice-select-dropdown {
  width: calc(100% + 2px) !important;
  margin-top: -11px !important;
  border: 1px solid #E3E3E3 !important;
  border-radius: 0 0 8px 8px !important;
  padding: 20px !important;
  border-top: none !important;
  -webkit-transform: scale(1) translateY(0) translate3d(-50%, 0, 0) !important;
  transform: scale(1) translateY(0) translate3d(-50%, 0, 0) !important;
}

.popup .nice-select.change {
  border-color: #0077ff !important;
}

.popup .nice-select.change .current {
  color: #313131 !important;
  opacity: 1;
}

[data-theme="dark"] .popup .nice-select.change .current {
  color: #fff !important;
}

.popup .nice-select.error {
  border-color: rgba(255, 0, 0, 0.5) !important;
}

.popup .nice-select.error .current {
  color: rgba(255, 0, 0, 0.5) !important;
  opacity: 1 !important;
}

.popup .nice-select.error .nice-select-dropdown {
  border-color: rgba(255, 0, 0, 0.5) !important;
}

.popup .nice-select::after {
  border-color: #99a2ad !important;
}

.popup .nice-select .option {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33333333em;
  font-weight: 400;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@media only screen and (max-width: 1278px) {
  .popup .nice-select .option {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1025px) {
  .popup .nice-select .option:hover {
    color: #0077ff;
  }
}

.popup .nice-select .option:not(:last-child) {
  margin-bottom: 24px;
}

.popup .form__action-suggestion {
  width: 100%;
}

.popup span.error {
  display: none;
}

.popup__container>div:not(:last-child),
.popup__container>button:not(:last-child),
.popup__inner>div:not(:last-child),
.popup__inner>button:not(:last-child),
.popup__wrapper>div:not(:last-child),
.popup__wrapper>button:not(:last-child) {
  margin-bottom: 20px;
}

.popup__wrapper {
  width: 100%;
}

.popup__wrapper[data-status='success'] {
  display: none;
}

._has-success .popup__wrapper[data-status='success'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: flex;
}

._has-success .popup__wrapper[data-status='submit'] {
  display: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup__wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.popup__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  display: none;
}

.popup__inner[data-step="first"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popup__inner[data-step="vk-sumbit"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popup__inner.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popup__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  z-index: 2;
  display: none;
  border-radius: 16px;
  padding: 30px 40px;
  width: 100%;
  overflow: hidden;
  width: 480px;
  background-color: #fff;
}

[data-theme="dark"] .popup__form {
  background: #1D1D1F;
}

.popup__form.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 1278px) {
  .popup__form {
    padding: 3em 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: none;
    border-radius: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 100vh;
    padding: 2em;
    max-width: 100%;
    overflow-y: auto;
  }

  .popup__form.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.popup__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: absolute;
  z-index: 10;
  background-color: #fff;
  top: 30px;
  right: 40px;
  background: rgba(0, 0, 0, 0.05);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #000;
}

[data-theme="dark"] .popup__close {
  background: #3B3B3B;
  color: #fff;
}

.popup__close svg {
  width: 18px;
  height: 18px;
}

@media only screen and (min-width: 1025px) {
  .popup__close:hover {
    background: #0077ff;
    color: #fff;
  }
}

@media only screen and (max-width: 1278px) {
  .popup__close {
    top: 3em;
    right: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup__close {
    top: 1.8em;
    right: 1.8em;
  }
}

.popup .btn {
  height: 58px;
}

@media only screen and (max-width: 1278px) {
  .popup .btn {
    height: 2.63636364em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup .btn {
    height: 50px;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

.popup__overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.35;
  cursor: pointer;
}

[data-theme="dark"] .popup__overlay {
  background: #fff;
}

.popup__title {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.14285714em;
  font-weight: 500;
  width: 100%;
  max-width: 90%;
}

@media only screen and (max-width: 1278px) {
  .popup__title {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .popup__title {
    max-width: 90%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup__title {
    font-weight: 400;
    font-size: 26px;
    line-height: 1.15384615em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .popup__title {
    font-size: 2.6rem;
  }
}

.popup__desc {
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.55555556em;
  font-weight: 400;
  width: 100%;
  opacity: 0.7;
}

@media only screen and (max-width: 1278px) {
  .popup__desc {
    font-size: 1.8rem;
  }
}

[data-theme="dark"] .popup__desc {
  color: rgba(255, 255, 255, 0.7);
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup__desc {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.375em;
    font-weight: 400;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .popup__desc {
    font-size: 1.6rem;
  }
}

.popup__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 42px;
}

.popup__label {
  position: relative;
  display: block;
  width: 100% !important;
}

.popup__label.required::before {
  position: absolute;
  top: -12px;
  right: -15px;
  content: "*";
  display: block;
  color: #ff0000;
  opacity: 0.5;
  font-size: 25px;
}

.why-me .card {
  border: 0;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup__label.required::before {
    top: -12px;
    right: -12px;
  }
}

.popup__label.focus .popup__textarea,
.popup__label.focus .popup__input {
  border: 1px solid #0077ff;
}

.popup__label.focus .popup__placeholder {
  font-weight: 400;
  font-size: 11px;
  color: #0077ff;
  line-height: 2.54545455em;
  left: 5px;
  top: 0;
  -webkit-transform: translate3d(0, -22px, 0);
  transform: translate3d(0, -22px, 0);
}

@media only screen and (max-width: 1278px) {
  .popup__label.focus .popup__placeholder {
    font-size: 1.1rem;
  }
}

.popup__label.error .popup__input {
  border: 1px solid rgba(255, 0, 0, 0.5) !important;
}

.popup__label.error .popup__placeholder {
  color: rgba(255, 0, 0, 0.5) !important;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .popup__label.w-50 {
    width: 48% !important;
  }
}

.popup__label:not(:last-child) {
  margin-bottom: 24px;
}

.popup .select-js,
.popup__textarea,
.popup__input {
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  padding: 0 20px;
  width: 100%;
  height: 50px;
  font-weight: 400;
  font-size: 18px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media only screen and (max-width: 1278px) {

  .popup .select-js,
  .popup__textarea,
  .popup__input {
    font-size: 1.8rem;
  }
}

[data-theme="dark"] .popup .select-js,
[data-theme="dark"] .popup__textarea,
[data-theme="dark"] .popup__input {
  color: #fff;
  border: 1px solid #5C5C5C;
  background: #474749;
}

.popup .select-js~span.error,
.popup__textarea~span.error,
.popup__input~span.error {
  display: none !important;
}

.popup__timer {
  display: none;
}

._message-active .popup__timer {
  display: block;
}

.popup__caption {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.55555556em;
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .popup__caption {
    font-size: 1.8rem;
  }
}

.popup__caption button {
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  color: #0077ff;
}

@media only screen and (min-width: 1025px) {
  .popup__caption button:hover {
    color: #0178ff;
  }
}

.popup__caption a {
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  color: #0077ff;
}

@media only screen and (min-width: 1025px) {
  .popup__caption a:hover {
    color: #0178ff;
  }
}

.popup__caption--errors {
  color: rgba(255, 0, 0, 0.5);
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup__caption {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    margin-bottom: 20px;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .popup__caption {
    font-size: 1.6rem;
  }
}

.popup__errors {
  font-weight: 400;
  font-size: 20px;
  color: rgba(255, 0, 0, 0.5);
  line-height: 1.4em;
  width: 100%;
  display: none;
}

@media only screen and (max-width: 1278px) {
  .popup__errors {
    font-size: 2rem;
  }
}

.popup__errors.show {
  display: block;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup__errors {
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 0, 0, 0.5);
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .popup__errors {
    font-size: 1.6rem;
  }
}

.popup__placeholder {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.55555556em;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: absolute;
  left: 20px;
  top: 50%;
  opacity: 0.5;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

@media only screen and (max-width: 1278px) {
  .popup__placeholder {
    font-size: 1.8rem;
  }
}

.popup__textarea {
  padding: 15px 20px;
  height: 130px;
}

.popup__textarea~.popup__placeholder {
  top: 16px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.popup__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px;
  }
}

.popup__btn {
  font-weight: 400;
  font-size: 18px;
  color: #0178ff;
  line-height: 1.55555556em;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .popup__btn {
    font-size: 1.8rem;
  }
}

.popup__btn--request {
  position: relative;
}

.popup__btn--request button {
  position: relative;
  z-index: 2;
  pointer-events: none;
  background: #EBEEF2 !important;
  color: #000 !important;
}

.popup__btn--request iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

@media only screen and (min-width: 1025px) {
  .popup__btn--request:hover button {
    color: #fff !important;
    background: #262626 !important;
  }
}

.popup__btn--close {
  width: 100%;
  background: #EBEEF2 !important;
  color: #000 !important;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media only screen and (min-width: 1025px) {
  .popup__btn--close:hover {
    color: #fff !important;
    background: #262626 !important;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup__btn--close {
    margin-top: auto;
  }
}

.popup__btn--error {
  pointer-events: none;
  width: 100%;
  background: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}

@media only screen and (min-width: 1025px) {
  .popup__btn:hover {
    color: #0077ff;
  }
}

.popup.show {
  overflow-y: auto;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .popup.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .popup.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.current {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.55555556em;
  opacity: 0.5;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@media only screen and (max-width: 1278px) {
  .current {
    font-size: 1.8rem;
  }
}

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.checkbox__title {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4em;
}

@media only screen and (max-width: 1278px) {
  .checkbox__title {
    font-size: 2rem;
  }
}

.checkbox__title a {
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  color: #0077ff;
}

@media only screen and (min-width: 1025px) {
  .checkbox__title a:hover {
    color: #0178ff;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .checkbox__title {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .checkbox__title {
    font-size: 1.6rem;
  }
}

.checkbox.error .checkbox__icon {
  border: 1px solid rgba(255, 0, 0, 0.5);
}

.checkbox .cbx~span.error {
  display: none !important;
}

.checkbox .cbx:checked~.checkbox__check path {
  -webkit-animation: stroke 0.3s forwards;
  animation: stroke 0.3s forwards;
}

.checkbox__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
}

.checkbox__check {
  font-weight: 400;
  font-size: 20px;
  color: rgba(255, 255, 255, 0);
  line-height: 1.4em;
  position: relative;
  cursor: pointer;
  width: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  margin-right: 10px;
}

@media only screen and (max-width: 1278px) {
  .checkbox__check {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .checkbox__check {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .checkbox__check {
    font-size: 1.6rem;
  }
}

.checkbox__check svg {
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  left: 50%;
  top: 50%;
  display: block;
  width: 30px;
  height: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  max-width: none;
  stroke-width: 3;
  stroke: #0077ff;
  stroke-miterlimit: 3;
}

.checkbox__check svg path {
  stroke-dasharray: 35;
  stroke-dashoffset: 35;
}

.checkbox .oauth-vk {
  width: 100%;
}

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 1;
  }
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 1;
  }
}

.popup__form--presentation {
  max-width: 1280px;
  width: 100%;
}

.popup__form--presentation .popup__title {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media only screen and (max-width: 1278px) {
  .popup__form--presentation {
    max-width: 99.9em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup__form--presentation {
    max-width: 100%;
  }

  .popup__form--presentation .popup__title {
    text-align: center;
    width: 100%;
    max-width: 80%;
  }

  .popup__form--presentation .popup__container {
    margin-bottom: 3em !important;
  }
}

[data-popup='filter-reset'] {
  height: auto;
  border-radius: 20px;
  width: 96%;
}

[data-popup='filter-reset'] .popup__btn--reset-filter {
  background: #EBEEF2;
  color: #313131;
}

[data-popup='filter-reset'] .popup__container {
  margin-top: 30px;
  margin-bottom: 0;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  [data-popup='filter-reset'] .popup__container {
    margin: 0;
  }
}

[data-popup='filter-reset'] .popup__btn--close {
  border: 1px solid #e3e3e3;
  background: #fff !important;
}

.become-a-partner {
  width: 660px;
}

.become-a-partner .checkbox__title {
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}

@media only screen and (max-width: 1278px) {
  .become-a-partner .checkbox__title {
    font-size: 1.4rem;
  }
}

.become-a-partner .popup__caption p {
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}

@media only screen and (max-width: 1278px) {
  .become-a-partner .popup__caption p {
    font-size: 1.4rem;
  }
}

.become-a-partner .checkbox__icon {
  border-radius: 4px;
  border: 1px solid #5C5C5C;
  background: rgba(237, 240, 243, 0.2);
}

@media only screen and (max-width: 1278px) {
  .become-a-partner {
    max-width: 80em;
    width: 100%;
  }
}

.popup__another {
  width: 100%;
  margin-top: 32px;
  z-index: 1;
}

.popup__another iframe {
  height: 130px !important;
}

.popup__another h3 {
  font-weight: 400;
  font-size: 16px;
  color: rgba(49, 49, 49, 0.5);
  line-height: 1.375em;
  font-weight: 400;
  position: relative;
  margin: 0 auto;
  margin-bottom: 32px;
  padding: 0 10px;
  width: calc(100% - 10px);
  text-align: center;
  background-color: #fff;
}

@media only screen and (max-width: 1278px) {
  .popup__another h3 {
    font-size: 1.6rem;
  }
}

.popup__another h3::before {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(50% + 0.1em);
  z-index: -1;
  display: block;
  width: 100vw;
  height: 1px;
  background-color: #e3e3e3;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

[data-theme="dark"] .popup__another h3 {
  color: rgba(255, 255, 255, 0.7);
  background-color: #1D1D1F;
}

[data-theme="dark"] .popup__another h3::before {
  background-color: rgba(255, 255, 255, 0.7);
}

.popup__another span {
  font-weight: 400;
  font-size: 11px;
  color: rgba(49, 49, 49, 0.5);
  line-height: 1.27272727em;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin-top: 18px;
  text-align: center;
  display: block;
}

@media only screen and (max-width: 1278px) {
  .popup__another span {
    font-size: 1.1rem;
  }
}

.popup__request {
  width: 100%;
  margin-top: 32px;
  position: relative;
  padding-top: 24px;
  margin-bottom: 0 !important;
}

.popup__request::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: 100vw;
  height: 1px;
  background-color: #e3e3e3;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.popup__request p {
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.55555556em;
  font-weight: 400;
  text-align: center;
}

@media only screen and (max-width: 1278px) {
  .popup__request p {
    font-size: 1.8rem;
  }
}

[data-theme="dark"] .popup__request p {
  color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .popup__request::before {
  background-color: rgba(255, 255, 255, 0.7);
}

.popup__textarea {
  height: 80px;
}

.popup .btn {
  width: 100%;
  height: 50px;
}

.popup .btn.vk-id {
  border: 1px solid rgba(49, 49, 49, 0.5);
  color: #19191A;
  background: none;
}

.popup__form--video {
  width: 65%;
  height: auto;
  padding: 0;
  background: none;
}

.popup__form--video .popup__wrapper {
  position: relative;
  padding-top: 56.25%;
}

.popup__form--video .popup__wrapper video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .popup__form--video .popup__close {
    top: 0.8em;
    right: 0.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .popup__form--video {
    margin-top: 2em;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .popup__form--video {
    width: 90%;
  }
}

.cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  position: relative;
  z-index: 1;
  min-height: 620px;
  padding: 60px;
  background: #0077ff;
}

.cover.black-theme {
  background: #000;
}

.cover .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 10;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cover .container {
    margin-bottom: 0;
  }
}

.cover__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 52%;
  height: 100%;
}

@media only screen and (max-width: 1278px) {
  .cover__section {
    max-width: 45em;
    width: 100%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cover__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
  }
}

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

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cover .cover__picture img {
    top: auto;
    bottom: 0;
    -o-object-position: 0 0;
    object-position: 0 0;
    height: 33%;
    width: 100%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cover .desktop {
    display: none;
  }
}

.cover .mobile {
  display: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cover .mobile {
    display: block;
  }
}

.cover__section {
  color: #fff;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cover__section {
    width: 100%;
  }
}

.cover__title {
  margin-bottom: 32px;
  max-width: 690px;
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .cover__title {
    font-size: 3.8rem;
    line-height: 1.1em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cover__title {
    font-weight: 400;
    font-size: 32px;
    line-height: 1.0625em;
    margin: 0 auto;
    margin-bottom: 25px;
    text-align: center;
    width: 100%;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .cover__title {
    font-size: 3.2rem;
  }
}

.cover__desc {
  max-width: 530px;
  width: 100%;
}

.black-theme .cover__desc {
  color: rgba(255, 255, 255, 0.7);
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cover__desc {
    margin: 0 auto;
    text-align: center;
  }
}

.cover__btn {
  margin-top: 50px;
}

@media only screen and (max-width: 1278px) {
  .cover__btn {
    margin-top: 2.27272727em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cover__btn {
    margin-bottom: 0;
    margin-top: 0;
    margin-top: 2.22222222em;
  }
}

.cover.mask .cover__picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-position: 0;
  object-position: 0;
}

.cover.mask .cover__picture img {
  width: 100%;
  height: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .cover.mask .cover__picture {
    height: 25em;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .cover.mask .cover__picture {
    height: auto;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cover.mask .cover__picture {
    margin-top: 3.5em;
    padding-bottom: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    top: auto;
    bottom: 0;
    min-height: auto;
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .cover.mask .cover__picture img {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    position: relative;
    top: 0;
    left: 50%;
    width: 100vw;
    height: auto;
    max-width: 100vw;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cover.mask {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 1278px) {
  .cover {
    height: auto;
    min-height: 50em;
    padding: 0 6em;
  }

  .cover .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10em 0;
  }

  .cover.position-left .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .cover.position-right .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .cover .cover__picture img {
    left: 0;
    right: auto;
  }
}

@media only screen and (max-width: 1023px) {
  .cover .container {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4em 3.2em;
    height: auto;
    min-height: 48.3em;
    overflow: hidden;
  }

  .cover .container {
    padding: 0;
  }

  .cover.cover-frame .container {
    display: block;
    position: unset;
  }

  .cover.cover-frame .cover__frame {
    top: auto;
    bottom: 0;
    position: absolute;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    bottom: 0;
    left: 50%;
  }
}

.products {
  width: 100%;
}

.products__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-areas: "title title";
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .products__wrapper {
    display: block;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .products .container {
    padding: 0;
  }
}

.products__title {
  grid-area: title;
}

@media only screen and (min-width: 1200px) {
  .products__title {
    padding-top: 40px;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .products__title {
    border-bottom: 1px solid #e3e3e3;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .products__title {
    padding: 0 1.07142857em;
    margin-bottom: 0.71428571em;
  }
}

.products .slick-slide {
  width: 32em;
}

.products .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.products .slick-slide {
  height: auto;
}

.products .slick-slide>div {
  height: 100%;
}

.products__list {
  position: relative;
}

.products .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: calc(100% - 27px);
  z-index: 100;
  margin-top: 25px;
  left: 15px;
}

.products .slick-dots li {
  margin-right: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  font-size: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}

.products .slick-dots li.slick-active {
  background: #000;
}

@media only screen and (min-width: 1025px) {
  .products .slick-dots li:hover {
    background: #000;
    opacity: 0.6;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .products .slick-dots {
    width: 100%;
    margin-top: 2.5em;
    left: 0;
    padding: 0 1em;
  }
}

.products__inner {
  padding: 30px 20px;
  height: 100%;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1278px) {
  .products__inner {
    padding: 3em 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .products__inner {
    padding: 0;
  }
}

.products__item {
  position: relative;
  padding: 10px;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .products__item {
    border-bottom: 1px solid #e3e3e3;
  }

  .products__item:nth-child(4n + 1):nth-last-child(-n + 4),
  .products__item:nth-child(4n + 1):nth-last-child(-n + 4)~.products__item {
    border-bottom: none;
  }

  .products__item:nth-child(3n + 3) {
    padding-left: 0;
  }

  .products__item:nth-child(3n + 3) .products__inner {
    padding-left: 0;
  }

  .products__item:nth-child(3n + 3)::before {
    display: none;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .products__item::before {
    position: absolute;
    top: 20px;
    left: 0;
    height: calc(100% - 40px);
    content: "";
    display: block;
    width: 1px;
    background-color: #e3e3e3;
  }
}

@media only screen and (max-width: 1278px) {
  .products__item {
    padding: 1em;
  }
}

@media only screen and (max-width: 1278px) and (orientation: landscape) and (min-width: 1023px),
only screen and (max-width: 1278px) and (orientation: portrait) and (min-width: 767px) {
  .products__item:nth-child(3n + 2) {
    padding-right: 0;
  }

  .products__item:nth-child(3n + 2) .products__inner {
    padding-right: 0;
  }

  .products__item:nth-child(3n + 3) {
    padding-left: 0;
  }

  .products__item:nth-child(3n + 3) .products__inner {
    padding-left: 0;
  }
}

@media only screen and (min-width: 1025px) {

  .products__item:hover:not(div) .products__heading,
  .products__item:hover:not(div) .products__desc {
    color: #0077ff;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .products__item {
    border-top: none;
    border-right: 1px solid #e3e3e3;
    padding: 2em 3em;
  }
}

.products__item--form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.products__item--form .products__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .products__item--form .products__inner {
    padding-right: 0;
  }
}

.products__item--form .products__heading {
  font-weight: 400;
  font-size: 38px;
  line-height: 1.15789474em;
  font-weight: 500;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1278px) {
  .products__item--form .products__heading {
    font-size: 3.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .products__item--form .products__heading {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.28571429em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .products__item--form .products__heading {
    font-size: 2.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .products__item--form .products__heading {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.28571429em;
    font-weight: 500;
    margin-bottom: 1.07142857em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .products__item--form .products__heading {
    font-size: 2.8rem;
  }
}

.products__icon {
  width: 96px;
  height: 96px;
  margin-bottom: 33px;
}

@media only screen and (max-width: 1278px) {
  .products__icon {
    width: 9.6em;
    height: 9.6em;
    margin-bottom: 3.3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .products__icon {
    margin-bottom: 3.2em;
    width: 6em;
    height: 6em;
  }
}

.products__heading {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.28571429em;
  font-weight: 500;
  margin-bottom: 16px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .products__heading {
    font-size: 2.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .products__heading {
    font-weight: 400;
    font-size: 26px;
    line-height: 1.15384615em;
    font-weight: 500;
    margin-bottom: 0.61538462em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .products__heading {
    font-size: 2.6rem;
  }
}

.products__desc {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.36363636em;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  opacity: 0.7;
}

@media only screen and (max-width: 1278px) {
  .products__desc {
    font-size: 2.2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .products__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .products__desc {
    font-size: 1.6rem;
  }
}

.marquee {
  position: relative;
  width: 100%;
  padding: 32px 0;
  overflow: hidden;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[data-theme="dark"] .marquee.blue {
  background: #0077ff;
}

[data-theme="dark"] .marquee {
  border-top: 1px solid #3B3B3B;
  border-bottom: 1px solid #3B3B3B;
}

@media only screen and (min-width: 768px) {
  .marquee {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 1278px) {
  .marquee {
    padding: 3em 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .marquee {
    padding: 4em 3.2em;
  }
}

.marquee__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.marquee__list.cloned {
  position: absolute;
  top: auto;
  left: 0;
}

.marquee__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .marquee__wrapper.desctop {
    display: none;
  }
}

.marquee__wrapper.mobile {
  display: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .marquee__wrapper.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.marquee__logo {
  width: 40px;
  height: 40px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1278px) {
  .marquee__logo {
    width: 4em;
    height: 4em;
    margin-bottom: 3em;
  }
}

.marquee__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

.marquee__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 40px;
}

.marquee__item p {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.28571429em;
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {
  .marquee__item p {
    font-size: 2.8rem;
  }
}

.marquee__item svg {
  width: 40px;
  height: 40px;
  margin-right: 40px;
  color: #0077ff;
}

[data-theme="dark"] .marquee__item svg {
  color: #fff;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .marquee__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 48%;
    margin-right: 0;
  }

  .marquee__item p {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .marquee__item p {
    font-size: 1.6rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  [data-theme="dark"] .marquee__item p {
    color: #fff;
  }

  .marquee__item span {
    margin-bottom: 8px;
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.21428571em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .marquee__item span {
    font-size: 2.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .marquee__item:not(:last-child) {
    margin-bottom: 3.2em;
  }

  .marquee__item:last-child {
    width: 100%;
  }
}

.marquee.CloudConf {
  height: 104px;
  padding: 0;
  background-color: #111111;
  border: none;
}

.marquee.CloudConf .marquee__list {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.marquee.CloudConf .marquee__item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.marquee.CloudConf p {
  color: #fff;
  white-space: nowrap;
}

.marquee.CloudConf img {
  width: 190px;
  height: 100%;
  margin-right: 40px;
}

@media only screen and (max-width: 1278px) {
  .marquee.CloudConf {
    height: 10em;
  }

  .marquee.CloudConf img {
    width: 19em;
    height: 100%;
    margin-right: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .marquee.CloudConf {
    height: auto;
  }

  .marquee.CloudConf .marquee__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    margin-right: 2em;
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .marquee.CloudConf .marquee__item:not(:last-child) {
    margin-bottom: 0;
  }

  .marquee.CloudConf .marquee__item:last-child {
    width: auto;
  }

  .marquee.CloudConf .marquee__item p {
    font-size: 1.4rem;
  }

  .marquee.CloudConf .marquee__item img {
    width: 7em;
    height: 100%;
    margin-right: 2em;
  }
}

@-webkit-keyframes ticker {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@keyframes ticker {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.news {
  width: 100%;
}

.news .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1278px) {
  .news .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.news__title {
  margin-bottom: 30px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news__title {
    margin-bottom: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news__list {
    margin-bottom: 1em;
  }
}

@media only screen and (min-width: 1201px) {
  .news__section:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 50px;
    width: auto;
  }

  .news__section:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 591px;
    flex: 1 0 591px;
  }
}

@media only screen and (max-width: 1278px) {
  .news__section {
    padding-top: 3.5em;
    width: 45em;
  }

  .news__section:first-child {
    margin-right: 1em;
    padding-top: 0;
    width: 43em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .news__section:last-child {
    display: grid;
    grid-row-gap: 2em;
    grid-column-gap: 2em;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news__section {
    width: 100%;
    padding-top: 0;
  }

  .news__section:first-child {
    margin-right: 0;
    margin-bottom: 4.5em;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 4em;
    width: 100%;
  }
}

.news .news-card__link,
.news__link {
  font-weight: 400;
  font-size: 20px;
  color: #0077ff;
  line-height: 1.4em;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {

  .news .news-card__link,
  .news__link {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .news .news-card__link,
  .news__link {
    font-weight: 400;
    font-size: 16px;
    color: #0077ff;
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .news .news-card__link,
  .news__link {
    font-size: 1.6rem;
  }
}

.news-card {
  padding: 32px 0;
  width: 100%;
}

.news-card:not(:last-child) {
  border-bottom: 1px solid #e3e3e3;
}

.news-card__data {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1278px) {
  .news-card__data {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news-card__data {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    margin-bottom: 1em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .news-card__data {
    font-size: 1.6rem;
  }
}

.news-card__title {
  font-weight: 500;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news-card {
    padding: 2.4em 0;
  }
}

@media only screen and (min-width: 1025px) {
  .news-card:hover .news-card__title {
    color: #0178ff;
  }
}

.announcements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  width: 100%;
  height: 360px;
}

.announcements:not(:last-child) {
  margin-bottom: 40px;
}

.announcements__arrow {
  position: absolute;
  right: 21px;
  top: 48px;
  width: 70px;
  height: 70px;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .announcements__arrow {
    right: 2.1em;
    top: 4.8em;
    width: 3.5em;
    height: 3.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements__arrow {
    right: 2em;
    top: 2em;
  }
}

.announcements__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  padding: 35px 30px;
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .announcements__section {
    padding: 3.5em 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements__section {
    padding: 2em;
  }
}

.announcements__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100px;
  flex: 1 1 100px;
  margin-top: auto;
  padding: 0 32px;
  width: 100%;
  height: 100px;
  background-color: #0077ff;
}

.announcements__date p {
  color: currentColor;
}

.announcements__date img {
  position: absolute;
  right: 0;
  top: 0;
  width: 185px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: right;
  object-position: right;
}

@media only screen and (max-width: 1278px) {
  .announcements__date img {
    width: 18.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements__date img {
    display: none;
  }
}

@media only screen and (max-width: 1278px) {
  .announcements__date {
    height: 6em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 6em;
    flex: 1 1 6em;
    padding: 0 3.2em;
  }
}

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

.announcements__title {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.28571429em;
  font-weight: 500;
  margin-bottom: 24px;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .announcements__title {
    font-size: 2.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements__title {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 500;
    margin-bottom: 20px;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .announcements__title {
    font-size: 2rem;
  }
}

.announcements__link {
  font-weight: 400;
  font-size: 20px;
  color: #0077ff;
  line-height: 1.4em;
  margin-bottom: 5px;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .announcements__link {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements__link {
    font-weight: 400;
    font-size: 16px;
    color: #0077ff;
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .announcements__link {
    font-size: 1.6rem;
  }
}

.announcements.CloudConf {
  color: #fff;
  background: #000;
}

.announcements.CloudConf .announcements__title {
  font-weight: 400;
  font-size: 100px;
  color: currentColor;
  line-height: 0.9em;
  margin-bottom: 0;
}

@media only screen and (max-width: 1278px) {
  .announcements.CloudConf .announcements__title {
    font-size: 10rem;
  }
}

@media only screen and (max-width: 1278px) {
  .announcements.CloudConf .announcements__title {
    font-size: 5.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements.CloudConf .announcements__title {
    font-size: 5rem;
  }
}

.announcements.CloudConf .announcements__figure {
  position: absolute;
  right: 0;
  bottom: -3px;
  z-index: 1;
  width: 250px;
  height: 300px;
}

.announcements.CloudConf .announcements__section {
  padding-bottom: 0;
}

@media only screen and (min-width: 1025px) {

  .announcements:hover .announcements__arrow,
  .announcements:hover .announcements__title {
    color: #0178ff;
  }
}

@media only screen and (max-width: 1278px) {
  .announcements {
    height: 27.6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements {
    height: 19em;
  }

  .announcements:not(:last-child) {
    margin-bottom: 2em;
  }
}

.cases {
  width: 100%;
  position: relative;
  z-index: 1;
  height: 570px;
  overflow: hidden;
}

@media only screen and (max-width: 1278px) {
  .cases {
    height: 57em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases {
    height: 58em;
  }
}

.cases .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  height: 100%;
}

@media only screen and (max-width: 1023px) {
  .cases .container {
    max-width: 90%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases .container {
    max-width: 100%;
  }
}

.cases__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -o-object-fit: cover;
  object-fit: cover;
  background-color: #0077ff;
}

.cases__cover img {
  position: absolute;
  right: 30px;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0 0;
  object-position: 0 0;
}

@media only screen and (min-width: 1441px) {
  .cases__cover img {
    -o-object-position: top right;
    object-position: top right;
    -o-object-fit: contain;
    object-fit: contain;
    right: 0;
  }
}

@media only screen and (max-width: 1278px) {
  .cases__cover img {
    right: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases__cover img {
    top: auto;
    bottom: 0;
    height: 45%;
    width: 100%;
    right: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases .desktop {
    display: none;
  }
}

.cases .mobile {
  display: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases .mobile {
    display: block;
  }
}

.cases .slick-track,
.cases .slick-slide>div,
.cases .slick-list,
.cases__slider {
  height: 100%;
}

.cases__slide {
  position: relative;
  z-index: 1;
  padding: 70px 0;
  height: 100%;
  color: #fff;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases__slide {
    padding: 3em 0;
  }
}

.cases__container {
  max-width: 540px;
}

.cases__container.w-650 {
  max-width: 650px;
}

@media only screen and (max-width: 1278px) {
  .cases__container {
    padding-left: 5em;
    max-width: 54em;
  }

  .cases__container.w-650 {
    max-width: 65em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases__container {
    max-width: 100%;
    padding-left: 0;
    width: 100%;
  }
}

.cases__caption {
  margin-bottom: 40px;
  color: #fff;
}

@media only screen and (max-width: 1278px) {
  .cases__caption {
    margin-bottom: 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases__caption {
    margin-bottom: 0.9375em;
  }
}

.cases__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8736)), to(rgba(255, 255, 255, 0.96)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8736) 0%, rgba(255, 255, 255, 0.96) 100%);
  -webkit-backdrop-filter: blur(45.8526px);
  backdrop-filter: blur(45.8526px);
  position: absolute;
  right: 165px;
  top: 50%;
  width: 200px;
  height: 200px;
  border-radius: 50px;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  padding: 0 35px;
}

.cases__logo img,
.cases__logo svg {
  height: 90px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 1278px) {
  .cases__logo {
    width: 20em;
    height: 20em;
    right: 11em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases__logo {
    position: relative;
    right: auto;
    top: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 14em;
    height: 14em;
    border-radius: 33px;
    margin: 0 auto;
    margin-top: auto;
    margin-bottom: 3em;
  }
}

.cases__title {
  font-weight: 500;
  position: relative;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .cases__title {
    margin-bottom: 0.52631579em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases__title {
    font-weight: 400;
    font-size: 26px;
    line-height: 1.15384615em;
    margin-bottom: 0.96153846em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .cases__title {
    font-size: 2.6rem;
  }
}

.cases .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 100;
  left: 50%;
  bottom: 60px;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.cases .slick-dots li {
  margin-right: 16px;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  font-size: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}

.cases .slick-dots li.slick-active {
  background: #fff;
}

@media only screen and (min-width: 1025px) {
  .cases .slick-dots li:hover {
    background: #fff;
    opacity: 0.6;
  }
}

@media only screen and (max-width: 1278px) {
  .cases .slick-dots {
    padding-left: 10em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    bottom: 25px;
    position: relative;
  }
}

.cases__nav {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .cases__nav {
    display: block;
    opacity: 0;
    height: 40px;
  }
}

.technology {
  width: 100%;
}

.technology__title {
  margin-bottom: 35px;
}

@media only screen and (max-width: 1278px) {
  .technology__title {
    margin-bottom: 0.875em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .technology__title {
    margin-bottom: 38px;
    padding: 0 30px;
  }
}

.technology__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 20px 0;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .technology__list {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }
}

@media only screen and (max-width: 1278px) {
  .technology__list {
    padding: 2em 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .technology__list {
    padding: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .technology .container {
    padding: 0;
  }
}

.technology .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.technology .slick-slide {
  height: auto;
}

.technology .slick-slide>div {
  height: 100%;
}

.technology .slick-slide {
  width: 32em;
}

.technology .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: calc(100% - 27px);
  z-index: 100;
  margin-top: 25px;
  left: 15px;
}

.technology .slick-dots li {
  margin-right: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  font-size: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}

.technology .slick-dots li.slick-active {
  background: #000;
}

@media only screen and (min-width: 1025px) {
  .technology .slick-dots li:hover {
    background: #000;
    opacity: 0.6;
  }
}

.technology__inner {
  max-width: 358px;
  width: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .technology__inner {
    max-width: 35.8em;
  }
}

.technology__item {
  border-right: 1px solid #e3e3e3;
  position: relative;
  z-index: 1;
  width: calc(100% / 3);
  padding: 25px 30px;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .technology__item:first-child {
    padding-left: 0;
  }

  .technology__item:last-child {
    border-right: none;
    padding-right: 0;
  }
}

@media only screen and (max-width: 1278px) {
  .technology__item {
    padding: 1.5em 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .technology__item {
    height: 100%;
    padding: 20px 20px 20px 30px;
    padding: 2em 2em 2em 3em;
  }
}

@media only screen and (min-width: 1025px) {

  .technology__item:hover .technology__heading,
  .technology__item:hover .technology__desc {
    color: #0077ff;
  }
}

.technology__icon {
  margin-bottom: 46px;
  width: 90px;
  height: 90px;
}

@media only screen and (max-width: 1278px) {
  .technology__icon {
    margin-bottom: 4.5em;
    width: 9em;
    height: 9em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .technology__icon {
    margin-bottom: 32px;
    width: 65px;
    height: 65px;
  }
}

.technology__heading {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.28571429em;
  font-weight: 500;
  margin-bottom: 22px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .technology__heading {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .technology__heading {
    margin-bottom: 0.78571429em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .technology__heading {
    font-weight: 400;
    font-size: 26px;
    line-height: 1.15384615em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .technology__heading {
    font-size: 2.6rem;
  }
}

.technology__desc {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.36363636em;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  opacity: 0.7;
}

@media only screen and (max-width: 1278px) {
  .technology__desc {
    font-size: 2.2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .technology__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .technology__desc {
    font-size: 1.6rem;
  }
}

.blog-item__cover {
  position: relative;
  padding-top: 67.25%;
  margin-bottom: 50px;
  overflow: hidden;
}

.blog-item__cover img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 1278px) {
  .blog-item__cover {
    margin-bottom: 5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-item__cover {
    margin-bottom: 2em;
  }
}

.blog-item__title {
  margin-bottom: 28px;
}

@media only screen and (max-width: 1278px) {
  .blog-item__title {
    margin-bottom: 0.7em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-item__title {
    margin-bottom: 0.57142857em;
  }
}

.blog-item__desc {
  opacity: 0.7;
  width: 92%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-item__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    width: 100%;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .blog-item__desc {
    font-size: 1.6rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-item:not(:last-child) {
    margin-bottom: 4.8em;
  }
}

.text-container {
  margin-bottom: 80px;
  width: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .text-container h3 {
    margin-bottom: 0.71428571em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .text-container h4 {
    margin-bottom: 1em;
  }
}

.text-container li,
.text-container p {
  margin-top: 0.4em;
  color: rgba(0, 0, 0, 0.7);
}

.text-container li:not(:last-child),
.text-container p:not(:last-child) {
  margin-bottom: 10px;
}

@media only screen and (max-width: 1278px) {

  .text-container li,
  .text-container p {
    margin-top: 0.25em;
  }

  .text-container li:not(:last-child),
  .text-container p:not(:last-child) {
    margin-bottom: 0.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .text-container li,
  .text-container p {
    margin-top: 0;
  }

  .text-container li:not(:last-child),
  .text-container p:not(:last-child) {
    margin-bottom: 0.9375em;
  }
}

.text-container ul {
  position: relative;
  padding-left: 15px;
}

@media only screen and (max-width: 1278px) {
  .text-container ul {
    padding-left: 1.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .text-container ul {
    padding-left: 0.8em;
  }
}

.text-container li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: currentColor;
}

.text-container li::before {
  content: "";
  margin-top: 14px;
  margin-right: 14px;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  min-width: 5px;
  background-color: currentColor;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .text-container li::before {
    margin-top: 12px;
    margin-right: 10px;
    width: 3px;
    height: 3px;
    min-width: 3px;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .text-container li:not(:last-child) {
    margin-bottom: 0.5em;
  }
}

.text-container .btn {
  margin-top: 50px;
}

@media only screen and (max-width: 1278px) {
  .text-container .btn {
    margin-top: 2.27272727em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .text-container .btn {
    margin-top: 1.66666667em;
  }
}

.text-container__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-container__inner h3 {
  margin-bottom: 25px;
}

@media only screen and (max-width: 1278px) {
  .text-container__inner h3 {
    margin-bottom: 0.625em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .text-container__inner h3 {
    margin-bottom: 0.71428571em;
  }
}

.text-container.mb-0 {
  margin-bottom: 0 !important;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .text-container.mob-center h3 {
    text-align: center;
  }
}

.text-container--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex !important;
}

.text-container--center h3 {
  margin-bottom: 0;
}

.text-container--center p {
  margin-top: 24px;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .text-container--center {
    text-align: center;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .text-container--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .text-container {
    display: grid;
    grid-column-gap: 65px;
    grid-row-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .text-container.columns-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .text-container.columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .text-container.columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .text-container.columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .text-container.columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .text-container.columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .text-container.columns-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .text-container.columns-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .text-container.columns-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}

@media only screen and (max-width: 1278px) {
  .text-container {
    grid-column-gap: 2.5em;
    margin-bottom: 8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .text-container {
    margin-bottom: 4em;
  }
}

.platform {
  padding: 90px 0 70px;
  width: 100%;
  background: #EBEEF2;
}

@media only screen and (max-width: 1278px) {
  .platform {
    padding: 9em 0 7em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .platform {
    padding: 4.8em 0;
  }
}

.platform__title {
  margin-bottom: 90px;
  text-align: center;
}

@media only screen and (max-width: 1278px) {
  .platform__title {
    margin-bottom: 2.25em;
  }
}

@media only screen and (max-width: 1278px) {
  .platform__title {
    margin-bottom: 1.42857143em;
  }
}

.platform__scheme {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 75px;
}

@media only screen and (max-width: 1278px) {
  .platform__scheme {
    margin-bottom: 7.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .platform__scheme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4em;
  }
}

.platform__logo {
  position: relative;
  width: 210px;
  height: 210px;
}

.platform__logo svg {
  width: 100%;
  height: 100%;
}

.platform__logo p {
  font-weight: 400;
  font-size: 16px;
  color: #999999;
  font-weight: 400;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  position: absolute;
  top: 100%;
  margin-top: 20px;
  left: 50%;
  width: 100%;
  width: 210px;
  text-align: center;
}

@media only screen and (max-width: 1278px) {
  .platform__logo p {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 1278px) {
  .platform__logo {
    width: 21em;
    height: 21em;
  }
}

@media only screen and (max-width: 767px) {
  .platform__logo {
    width: 14em;
    height: 14em;
  }

  .platform__logo p {
    width: 210px;
    position: relative;
    top: 0;
    margin-top: 1.5625em;
  }
}

.platform__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 16px;
  padding: 25px;
  width: 340px;
  -webkit-box-shadow: 0px 100px 80px rgba(214, 214, 214, 0.07), 0px 41.7776px 33.4221px rgba(214, 214, 214, 0.0503198), 0px 22.3363px 17.869px rgba(202, 202, 202, 0.0417275), 0px 12.5216px 10.0172px rgba(205, 205, 205, 0.035), 0px 6.6501px 5.32008px rgba(187, 187, 187, 0.0282725), 0px 2.76726px 2.21381px rgba(173, 173, 173, 0.0196802);
  box-shadow: 0px 100px 80px rgba(214, 214, 214, 0.07), 0px 41.7776px 33.4221px rgba(214, 214, 214, 0.0503198), 0px 22.3363px 17.869px rgba(202, 202, 202, 0.0417275), 0px 12.5216px 10.0172px rgba(205, 205, 205, 0.035), 0px 6.6501px 5.32008px rgba(187, 187, 187, 0.0282725), 0px 2.76726px 2.21381px rgba(173, 173, 173, 0.0196802);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.platform__inner--background {
  border: none;
  padding: 20px;
  background: #fff;
}

@media only screen and (max-width: 1278px) {
  .platform__inner {
    padding: 2.5em 2.8em;
    width: 27em;
  }
}

@media only screen and (max-width: 575px) {
  .footer {
    padding-top: 25px;
  }

  .forDesktop {
    display: none;
  }

  .qr-code-box figure {
    width: 100px;
  }

  .container {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .platform__inner--background {
    padding: 1.6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .platform__inner {
    width: 100%;
    padding: 2.5em 1.8em;
  }

  .platform__inner--background {
    padding: 1.8em 2em;
  }
}

.platform__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28px;
  flex: 0 0 28px;
  margin-right: 15px;
  width: 28px;
  height: 28px;
}

.platform__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4em;
}

@media only screen and (max-width: 1278px) {
  .platform__text {
    font-size: 2rem;
  }
}

.platform__route {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  margin: 0 30px;
  width: 100px;
}

.platform__route svg {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 100%;
  height: 15px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

@media only screen and (max-width: 1278px) {
  .platform__route svg {
    height: 1.5em;
  }
}

.platform__route span {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.33333333em;
  font-weight: 600;
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  background: #EBEEF2;
}

@media only screen and (max-width: 1278px) {
  .platform__route span {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 1278px) {
  .platform__route {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6em;
    flex: 0 0 6em;
    margin: 0 1.5em;
    width: 6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .platform__route {
    margin: 2em 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 3.7em;
    height: 10em;
  }

  .platform__route svg {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
    transform: translate3d(-50%, -50%, 0) rotate(90deg);
    width: 10em;
    height: 3.7em;
  }
}

.platform__btn {
  display: block;
  font-weight: 500;
  margin: 0 auto;
}

.interface {
  width: 100%;
}

.interface__title {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1278px) {
  .interface__title {
    margin-bottom: 1.03448276em;
  }
}

.interface__slider {
  overflow: hidden;
  height: 580px;
  background: #ebeef2;
}

@media only screen and (max-width: 1278px) {
  .interface__slider {
    position: relative;
    left: 50%;
    width: 100vw;
    height: 58em;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    will-change: transform;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .interface__slider {
    left: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.interface__slide {
  position: relative;
  padding: 80px;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1278px) {
  .interface__slide {
    padding: 8em 5em 8.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .interface__slide {
    padding: 2.4em 1.2em 0;
  }
}

.interface .btn {
  margin-top: auto;
}

.interface__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  max-width: 280px;
}

@media only screen and (max-width: 1278px) {
  .interface__section {
    max-width: 27.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .interface__section {
    margin-bottom: 3.2em;
    padding: 0 0.8em;
    max-width: 100%;
  }
}

.interface__cover {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 784px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: right top;
  object-position: right top;
  will-change: transform;
  aspect-ratio: 16 / 11;
}

@media only screen and (max-width: 1679px) {
  .interface__cover {
    right: 0;
    width: 784px;
  }
}

@media only screen and (max-width: 1278px) {
  .interface__cover {
    right: -5em;
    width: 65em;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left top;
    object-position: left top;
    aspect-ratio: 16 / 13;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .interface__cover {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    min-width: calc(100% + 1.2em);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    aspect-ratio: inherit;
  }
}

.interface__heading {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1278px) {
  .interface__heading {
    margin-bottom: 1.33333333em;
  }
}

@media only screen and (max-width: 1278px) {
  .interface__heading {
    margin-bottom: 0.75em;
  }
}

.interface__description {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .interface__description {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 2.5em;
    height: 6.875em;
    -webkit-line-clamp: 5;
    /* Число отображаемых строк */
    -webkit-box-orient: vertical;
  }
}

.interface .slick-track,
.interface .slick-slide>div,
.interface .slick-list {
  height: 100%;
}

.interface .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 80px;
  bottom: 195px;
  z-index: 100;
}

.interface .slick-dots li {
  margin-right: 16px;
  border: 1px solid #313131;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  font-size: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}

.interface .slick-dots li.slick-active {
  background: #313131;
}

@media only screen and (min-width: 1025px) {
  .interface .slick-dots li:hover {
    background: #fff;
    opacity: 0.6;
  }
}

@media only screen and (max-width: 1278px) {
  .interface .slick-dots {
    left: 5em;
    bottom: 19.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .interface .slick-dots {
    position: absolute;
    left: 50%;
    top: 18em;
    bottom: auto;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

.benefits {
  width: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .benefits {
    padding-top: 0;
    padding-bottom: 8em;
    border-bottom: 1px solid #e2e2e2;
  }
}

.benefits__container {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}

.benefits__title {
  margin-bottom: 65px;
}

.cards {
  width: 100%;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .cards__container {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }
}

.cards__list {
  position: relative;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .cards__list {
    left: -30px;
    display: grid;
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-columns: repeat(4, 1fr);
    padding: 20px 0;
    width: calc(100% + 60px);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cards__list {
    width: calc(100% + 6em);
    left: -3em;
  }
}

.cards__item {
  padding: 20px 28px;
  padding-right: 24px;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .cards__item:not(:last-child) {
    border-right: 1px solid #e3e3e3;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cards__item {
    border-right: 1px solid #e3e3e3;
  }
}

.cards .slick-slide {
  width: 32em;
}

.cards__icon {
  margin-bottom: 30px;
  width: 60px;
  height: 60px;
}

@media only screen and (max-width: 1278px) {
  .cards__icon {
    margin-bottom: 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cards__icon {
    margin-bottom: 1.2em;
  }
}

.cards__heading {
  margin-bottom: 22px;
}

@media only screen and (max-width: 1278px) {
  .cards__heading {
    margin-bottom: 0.91666667em;
  }
}

.cards__desc {
  color: rgba(0, 0, 0, 0.7);
}

.cards .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.cards .slick-slide {
  height: auto;
}

.cards .slick-slide>div {
  height: 100%;
}

.cards .slick-slide {
  width: 32em;
}

.cards .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  z-index: 100;
  margin-top: 25px;
  left: 0;
  bottom: -1em;
}

.cards .slick-dots li {
  margin-right: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: 0 10px;
  font-size: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}

.cards .slick-dots li.slick-active {
  background: #000;
}

@media only screen and (min-width: 1025px) {
  .cards .slick-dots li:hover {
    background: #000;
    opacity: 0.6;
  }
}

.grid-container {
  width: 100%;
}

.grid-container__section {
  width: 100%;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .grid-container__section {
    overflow: hidden;
  }
}

.grid-container__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .grid-container__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .grid-container__row:not(:last-child) {
    margin-bottom: 4em;
  }
}

.grid-container__wrapper {
  position: relative;
  padding-top: 1px;
  width: calc(100% + 60px);
  left: -30px;
}

.grid-container__wrapper--with-title .grid-container__title {
  margin-bottom: 0;
  padding-left: 0;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .grid-container__wrapper--with-title .grid-container__title {
    border-bottom: 1px solid #e3e3e3;
    padding-left: 30px;
  }

  [data-theme="dark"] .grid-container__wrapper--with-title .grid-container__title {
    border-color: #3B3B3B !important;
  }
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {
  .grid-container__wrapper--with-title .grid-container__title {
    padding-left: 0.75em;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {

  .grid-container__wrapper--with-title .card:nth-child(4n + 1):nth-last-child(-n + 4),
  .grid-container__wrapper--with-title .card:nth-child(4n + 1):nth-last-child(-n + 4)~.card {
    border-bottom: none;
  }

  .grid-container__wrapper--with-title .card:first-child .card__section,
  .grid-container__wrapper--with-title .card:nth-child(3n + 3) .card__section {
    border-left: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .grid-container__wrapper {
    display: block;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .grid-container__wrapper {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-container__wrapper--with-title {
    grid-template-areas: "title title";
    grid-template-rows: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 1278px) {
  .grid-container__wrapper {
    width: calc(100% + 6em);
    left: -3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .grid-container__wrapper {
    width: 100%;
    left: auto;
  }

  .grid-container__wrapper.slick-slider {
    width: calc(100% + 6em);
    left: -3em;
  }
}

.grid-container__wrapper.xxl-1 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(1, 1fr);
}

.grid-container__wrapper.xxl-1 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid-container__wrapper.xxl-2 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(2, 1fr);
}

.grid-container__wrapper.xxl-2 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid-container__wrapper.xxl-3 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(3, 1fr);
}

.grid-container__wrapper.xxl-3 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid-container__wrapper.xxl-4 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(4, 1fr);
}

.grid-container__wrapper.xxl-4 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid-container__wrapper.xxl-5 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(5, 1fr);
}

.grid-container__wrapper.xxl-5 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid-container__wrapper.xxl-6 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(6, 1fr);
}

.grid-container__wrapper.xxl-6 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid-container__wrapper.xxl-7 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(7, 1fr);
}

.grid-container__wrapper.xxl-7 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid-container__wrapper.xxl-8 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(8, 1fr);
}

.grid-container__wrapper.xxl-8 .card {
  border-bottom: 1px solid #e3e3e3;
}

.grid-container__wrapper.xxl-9 {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(9, 1fr);
}

.grid-container__wrapper.xxl-9 .card {
  border-bottom: 1px solid #e3e3e3;
}

@media only screen and (max-width: 1278px) {
  .grid-container__wrapper.xl-1 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-container__wrapper.xl-1 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.xl-2 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-container__wrapper.xl-2 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.xl-3 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-container__wrapper.xl-3 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.xl-4 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-container__wrapper.xl-4 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.xl-5 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-container__wrapper.xl-5 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.xl-6 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(6, 1fr);
  }

  .grid-container__wrapper.xl-6 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.xl-7 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(7, 1fr);
  }

  .grid-container__wrapper.xl-7 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.xl-8 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(8, 1fr);
  }

  .grid-container__wrapper.xl-8 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.xl-9 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(9, 1fr);
  }

  .grid-container__wrapper.xl-9 .card {
    border-bottom: 1px solid #e3e3e3;
  }
}

@media only screen and (max-width: 1023px) {
  .grid-container__wrapper.md-1 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-container__wrapper.md-1 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.md-2 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-container__wrapper.md-2 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.md-3 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-container__wrapper.md-3 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.md-4 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-container__wrapper.md-4 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.md-5 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-container__wrapper.md-5 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.md-6 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(6, 1fr);
  }

  .grid-container__wrapper.md-6 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.md-7 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(7, 1fr);
  }

  .grid-container__wrapper.md-7 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.md-8 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(8, 1fr);
  }

  .grid-container__wrapper.md-8 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.md-9 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(9, 1fr);
  }

  .grid-container__wrapper.md-9 .card {
    border-bottom: 1px solid #e3e3e3;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .grid-container__wrapper.lg-landscape-1 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-container__wrapper.lg-landscape-1 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-landscape-2 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-container__wrapper.lg-landscape-2 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-landscape-3 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-container__wrapper.lg-landscape-3 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-landscape-4 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-container__wrapper.lg-landscape-4 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-landscape-5 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-container__wrapper.lg-landscape-5 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-landscape-6 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(6, 1fr);
  }

  .grid-container__wrapper.lg-landscape-6 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-landscape-7 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(7, 1fr);
  }

  .grid-container__wrapper.lg-landscape-7 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-landscape-8 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(8, 1fr);
  }

  .grid-container__wrapper.lg-landscape-8 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-landscape-9 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(9, 1fr);
  }

  .grid-container__wrapper.lg-landscape-9 .card {
    border-bottom: 1px solid #e3e3e3;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .grid-container__wrapper.lg-portrait-1 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-container__wrapper.lg-portrait-1 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-portrait-2 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-container__wrapper.lg-portrait-2 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-portrait-3 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-container__wrapper.lg-portrait-3 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-portrait-4 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-container__wrapper.lg-portrait-4 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-portrait-5 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-container__wrapper.lg-portrait-5 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-portrait-6 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(6, 1fr);
  }

  .grid-container__wrapper.lg-portrait-6 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-portrait-7 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(7, 1fr);
  }

  .grid-container__wrapper.lg-portrait-7 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-portrait-8 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(8, 1fr);
  }

  .grid-container__wrapper.lg-portrait-8 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-portrait-9 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(9, 1fr);
  }

  .grid-container__wrapper.lg-portrait-9 .card {
    border-bottom: 1px solid #e3e3e3;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .grid-container__wrapper.lg-1 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-container__wrapper.lg-1 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-2 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-container__wrapper.lg-2 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-3 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-container__wrapper.lg-3 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-4 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-container__wrapper.lg-4 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-5 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-container__wrapper.lg-5 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-6 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(6, 1fr);
  }

  .grid-container__wrapper.lg-6 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-7 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(7, 1fr);
  }

  .grid-container__wrapper.lg-7 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-8 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(8, 1fr);
  }

  .grid-container__wrapper.lg-8 .card {
    border-bottom: 1px solid #e3e3e3;
  }

  .grid-container__wrapper.lg-9 {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    grid-template-columns: repeat(9, 1fr);
  }

  .grid-container__wrapper.lg-9 .card {
    border-bottom: 1px solid #e3e3e3;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .grid-container__wrapper.lg-0 {
    display: block;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .grid-container__wrapper.lg-1 .card {
    border: none;
  }
}

.grid-container__wrapper.width-100 {
  width: 100%;
  left: auto;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .grid-container__wrapper.lg-width-100 {
    width: 100%;
    left: auto;
  }

  .grid-container__wrapper.lg-width-100 .card__section {
    padding-left: 0;
    padding-right: 0;
  }
}

.grid-container__title {
  grid-area: title;
  margin-bottom: 60px;
}

@media only screen and (max-width: 1278px) {
  .grid-container__title {
    margin-bottom: 1.25em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .grid-container__title {
    margin-bottom: 0.71428571em;
    padding: 0;
  }

  .grid-container__title br {
    display: none;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .grid-container__inner {
    border-top: 1px solid #e3e3e3;
  }

  [data-theme="dark"] .grid-container__inner {
    border-color: #3B3B3B !important;
  }
}

.grid-container .slick-slide {
  width: 32em;
}

.grid-container .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.grid-container .slick-slide {
  height: auto;
}

.grid-container .slick-slide>div {
  height: 100%;
}

.grid-container .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: calc(100% - 27px);
  z-index: 100;
  margin-top: 25px;
  left: 15px;
}

.grid-container .slick-dots li {
  margin-right: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  font-size: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}

.grid-container .slick-dots li.slick-active {
  background: #000;
}

@media only screen and (min-width: 1025px) {
  .grid-container .slick-dots li:hover {
    background: #000;
    opacity: 0.6;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .grid-container .slick-dots {
    width: 100%;
    margin-top: 2.5em;
    left: 0;
    padding: 0 1em;
  }
}

.card {
  position: relative;
  padding: 20px 0;
}

.card.no-border {
  border: none !important;
  border-color: rgba(255, 255, 255, 0) !important;
}

.card.no-border .card__section {
  border: none !important;
  border-color: rgba(255, 255, 255, 0) !important;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .card {
    /* border-bottom: 1px solid #e3e3e3; */
    border-width: 0 0 1px 0;
  }

  [data-theme="dark"] .card {
    border-color: #3B3B3B !important;
  }

  .card:first-child .card__section {
    border-left: none;
  }
}

.card__li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}

.card__li:not(:last-child) {
  margin-bottom: 10px;
}

.card__li::before {
  margin-right: 15px;
  top: 10px;
  position: relative;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #0077ff;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 2px;
}

.card__color--blue {
  color: #0077ff;
}

.card__separator {
  border-top: 1px solid #e3e3e3;
  margin: 20px 0;
  width: 100%;
}

@media only screen and (max-width: 1200px) {
  .card__separator {
    margin: 2em 0;
  }
}

.card__top {
  position: relative;
}

.card__cover {
  width: 100%;
  overflow: hidden;
  margin-bottom: 16px;
  -o-object-fit: cover;
  object-fit: cover;
}

.card .btn {
  margin-top: 30px;
}

.card__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-left: 1px solid #e3e3e3;
  padding: 20px 30px;
  height: 100%;
  width: 100%;
}

[data-theme="dark"] .card__section {
  border-color: #3B3B3B !important;
}

@media only screen and (max-width: 1278px) {
  .card__section {
    padding: 2em 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card__section {
    border-left: none;
    padding: 2em 0;
  }
}

.card__container {
  width: 100%;
  max-width: 100%;
}

@media only screen and (max-width: 1278px) {
  .card__container {
    max-width: 37em;
  }
}

.card__icon {
  margin-bottom: 45px;
  width: 90px;
  height: 90px;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-w-60 .card__icon {
  border-radius: 15px;
  overflow: hidden;
  width: 60px;
  height: 60px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 1278px) {
  .icon-w-60 .card__icon {
    margin-bottom: 3em;
    width: 6em;
    height: 6em;
  }
}

@media only screen and (max-width: 1278px) {
  .icon-w-90 .card__icon {
    border-radius: 24px;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .icon-w-90 .card__icon {
    border-radius: 15px;
  }
}

.bg-dark .card__icon {
  background-color: #313131;
}

.bg-blue .card__icon {
  background-color: #0077ff;
}

.bg-gray .card__icon {
  background-color: #edf0f3;
}

.bg-dark .card__icon {
  background-color: #1D1D1F;
}

.bg-aqua .card__icon {
  background-color: #00D9ED;
}

.color-white .card__icon {
  color: #fff;
}

.color-aqua .card__icon {
  color: #00D9ED;
}

.color-dark .card__icon {
  color: #0A0A0A;
}

.xxl-4 .card__icon {
  margin-bottom: 30px;
  width: 60px;
  height: 60px;
  border-radius: 15px;
  overflow: hidden;
}

.xxl-5 .card__icon {
  margin-bottom: 30px;
  border-radius: 15px;
  width: 60px;
  height: 60px;
}

@media only screen and (max-width: 1278px) {
  .card__icon {
    margin-bottom: 2.8em;
    border-radius: 2em;
    width: 9em;
    height: 9em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card__icon {
    margin-bottom: 2.5em;
    border-radius: 15px;
    width: 6em;
    height: 6em;
  }
}

.card__heading {
  margin-bottom: 16px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.card--statistics .card__heading {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1278px) {
  .card__heading {
    margin-bottom: 0.66666667em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card__heading {
    margin-bottom: 0.8em;
  }

  .card--statistics .card__heading {
    margin-bottom: 0.71428571em;
  }

  .card__heading br {
    display: none;
  }
}

.card__desc {
  color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.card__desc li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}

.card__desc li:not(:last-child) {
  margin-bottom: 10px;
}

.card__desc li::before {
  position: relative;
  top: 12px;
  content: "";
  display: block;
  margin-right: 22px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12px;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  background-image: url("../images-new/select/chek.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

[data-theme="dark"] .card__desc {
  color: #fff;
}

.card--form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.card--form .card__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.card--form .card__heading {
  font-weight: 400;
  font-size: 38px;
  line-height: 1.15789474em;
  font-weight: 500;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1278px) {
  .card--form .card__heading {
    font-size: 3.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .card--form .card__heading {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.28571429em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .card--form .card__heading {
    font-size: 2.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card--form .card__heading {
    margin-bottom: 1.07142857em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card--form .products__heading {
    text-align: center;
  }

  .card--form .products__heading br {
    display: none;
  }
}

.card .arrow_right {
  position: absolute;
  top: 70px;
  right: 30px;
  width: calc(100% - 160px);
  height: 1px;
  background-color: #e3e3e3;
}

.card .arrow_right-decor {
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
}

.card .arrow_right svg {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 13px;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

@media only screen and (max-width: 1278px) {
  .card .arrow_right {
    width: 16.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card .arrow_right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: 100%;
    width: 1px;
    background-color: #e3e3e3;
    position: absolute;
    left: 3em;
    height: calc(100% - 6em);
    top: auto;
    bottom: 2px;
  }

  .card .arrow_right svg {
    position: absolute;
    bottom: -5px;
    top: auto;
    left: 50%;
    right: auto;
    width: 8px;
    height: 13px;
    -webkit-transform: translate3d(-50%, 0, 0) rotate(90deg);
    transform: translate3d(-50%, 0, 0) rotate(90deg);
  }
}

@media only screen and (min-width: 1025px) {

  .card:hover:not(div) .card__heading,
  .card:hover:not(div) .card__desc {
    color: #0178ff;
  }
}

@media only screen and (max-width: 1278px) {
  .card {
    padding: 2em 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card {
    height: 100%;
    padding: 0;
    border: 0;
  }

  .js-slide .card {
    padding: 2em 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: landscape) and (max-width: 1023px) and (orientation: portrait) and (max-width: 767px),
screen and (orientation: portrait) and (max-width: 767px) and (orientation: portrait) and (max-width: 767px) {
  .card--statistics {
    margin-bottom: -1px;
  }

  .card--statistics .card__section {
    padding-top: 3.2em;
    padding-bottom: 3.2em;
  }
}

.js-slide .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.js-slide .slick-slide {
  height: auto;
}

.js-slide .slick-slide>div {
  height: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .js-slide {
    display: block !important;
  }

  .js-slide .card__section {
    border-right: 1px solid #e3e3e3;
    height: 100%;
  }

  .js-slide .card {
    max-width: 32em;
    width: 32em;
  }
}

.js-slide .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  left: 0;
  padding: 0 1em;
  z-index: 100;
  margin-top: 0.5em;
}

.js-slide .slick-dots li {
  margin-right: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  font-size: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}

.js-slide .slick-dots li.slick-active {
  background: #000;
}

[data-theme="dark"] .js-slide .slick-dots li {
  border: 1px solid #fff;
}

[data-theme="dark"] .js-slide .slick-dots li.slick-active {
  background: #fff;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .slick-slider .slick-slide .card__section {
    padding: 2em 3em;
  }

  .slick-slider .slick-slide:last-child {
    border-right: none !important;
  }

  .slick-slider .slick-slide:last-child .card__section {
    border-right: none !important;
  }

  .slick-slider .cards__heading br {
    display: none;
  }

  .slick-slider .card--form,
  .slick-slider .products__item--form {
    width: 37.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .why-me .card {
    padding: 0 !important;
  }

  .why-me .card .card__section {
    border: none;
    padding: 0 !important;
  }

  .why-me .card .card__icon {
    margin-bottom: 0;
    margin-right: 1.6em;
  }

  .why-me .card .card__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .why-me .card .card__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .why-me .card .card__desc {
    font-size: 1.6rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .why-me .card:not(:last-child) {
    margin-bottom: 3em;
  }
}

.start-project .card {
  border-bottom: none !important;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .start-project .card {
    padding: 0 !important;
  }

  .start-project .card .card__section {
    border: none;
    padding: 0 !important;
  }

  .start-project .card .card__icon {
    margin-bottom: 0;
    margin-right: 1.6em;
  }

  .start-project .card .card__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .start-project .card .card__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .start-project .card .card__desc {
    font-size: 1.6rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .start-project .card:not(:last-child) {
    margin-bottom: 3em;
  }
}

.start-project .card:not(.card--form) .card__section {
  border-left: none;
}

.start-project .card:nth-last-child(2) .arrow_right {
  display: none;
}

.start-project .card--form {
  grid-column: span 2;
}

@media only screen and (max-width: 1278px) {
  .start-project .card--form {
    grid-column: span 3;
  }

  .start-project .card--form .card__heading {
    width: 100%;
    text-align: center;
  }

  .start-project .card--form .card__heading br {
    display: none;
  }

  .start-project .card--form .card__section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .start-project .card--form {
    grid-column: span 1;
  }

  .start-project .card--form .card__heading {
    text-align: center;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .start-project .card:not(.card--form) .card__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .start-project .card__section {
    border: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .start-project .card__icon {
    width: 60px;
    height: 60px;
    margin-bottom: 0;
    margin-right: 1.5em;
  }
}

.grid-slider {
  width: calc(100% + 6em);
  left: -3em;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .js-title .text-container {
    margin-bottom: 0;
  }

  .js-title .card__section {
    border: none;
    padding: 0;
  }

  .js-title h3 {
    margin-bottom: 0;
  }
}

.security {
  width: 100%;
  padding-top: 85px;
  padding-bottom: 110px;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .security {
    background: #ebeef2;
  }
}

@media only screen and (max-width: 1278px) {
  .security {
    padding-top: 8.5em;
    padding-bottom: 11em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .security {
    padding-top: 0;
    padding-bottom: 8em;
    border-bottom: 1px solid #e2e2e2;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .security__list {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 70px;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .security__list {
    position: relative;
    width: calc(100% + 6em);
    left: -3em;
  }
}

.security__title {
  text-align: center;
  margin-bottom: 70px;
}

@media only screen and (max-width: 1278px) {
  .security__title {
    margin-bottom: 1.75em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .security__title {
    text-align: left;
    margin-bottom: 1.42857143em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .security__item {
    padding-left: 3em;
  }
}

.security__icon {
  width: 96px;
  height: 96px;
  margin-bottom: 33px;
}

@media only screen and (max-width: 1278px) {
  .security__icon {
    width: 9.6em;
    height: 9.6em;
    margin-bottom: 3.3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .security__icon {
    width: 6.4em;
    height: 6.4em;
    margin-bottom: 4em;
  }
}

.security .slick-slide {
  width: 32em;
}

.security .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.security .slick-slide {
  height: auto;
}

.security .slick-slide>div {
  height: 100%;
}

.security .slick-slide {
  width: 32em;
}

.security .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  z-index: 100;
  margin: 0;
  margin-top: 2.5em;
  left: 0;
  bottom: -3.5em;
}

.security .slick-dots li {
  margin-right: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  margin: 0 10px;
  width: 8px;
  height: 8px;
  font-size: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}

.security .slick-dots li.slick-active {
  background: #000;
}

@media only screen and (min-width: 1025px) {
  .security .slick-dots li:hover {
    background: #000;
    opacity: 0.6;
  }
}

.stages {
  width: 100%;
}

.stages .text-container {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1278px) {
  .stages .text-container {
    margin-bottom: 8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .stages .text-container {
    margin-bottom: 4em;
  }
}

.job-option {
  width: 100%;
}

.job-option__title {
  margin-bottom: 60px;
  text-align: center;
}

@media only screen and (max-width: 1278px) {
  .job-option__title {
    margin-bottom: 1.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .job-option__title {
    text-align: left;
    margin-bottom: 1.07142857em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .job-option__container.container {
    padding: 0;
  }
}

.job-option__wrapper {
  padding: 3.2em;
  background: #ebeef2;
  display: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .job-option__wrapper {
    display: block;
    padding-bottom: 0;
  }
}

.job-option__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrape;
  flex-flow: row nowrape;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background: #e5e8ed;
  border-radius: 12px;
  padding: 0.4em;
  min-height: 5em;
  height: auto;
}

.job-option__navigation--inner {
  position: absolute;
  top: 50%;
  left: 0.4em;
  height: calc(100% - 1em);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  width: calc(50% - 0.4em);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.8))), #eff1f5;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), #eff1f5;
  border-radius: 8px;
  pointer-events: none;
  opacity: 0.5;
}

.job-option__label {
  font-weight: 400;
  font-size: 16px;
  color: rgba(5, 11, 21, 0.6);
  line-height: 1.5em;
  font-weight: 500;
  position: relative;
  display: block;
  z-index: 1;
  text-align: center;
  width: 50%;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding: 0.375em 0;
}

@media only screen and (max-width: 1278px) {
  .job-option__label {
    font-size: 1.6rem;
  }
}

.job-option__label.active {
  color: #050b15;
}

.job-option__label[data-label="on-premise"].active~.job-option__navigation--inner {
  left: 50%;
}

.job-option #on-premise:checked~.job-option__navigation--inner {
  left: 50%;
}

.job-option__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .job-option__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.job-option__list {
  margin-bottom: 40px;
}

.job-option__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px 35px 48px;
  margin: 0 30px;
  width: 100%;
  max-width: 427px;
  background-color: #ebeef2;
}

.job-option__card .btn {
  margin-top: auto;
}

@media only screen and (max-width: 1278px) {
  .job-option__card {
    max-width: 42.7em;
    padding: 4em 4em 4.8em;
    margin: 0;
  }

  .job-option__card:not(:last-child) {
    margin-right: 6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .job-option__card {
    display: none;
    max-width: 100%;
    padding: 0 2.8em;
    padding-top: 2em;
    padding-bottom: 4em;
  }

  .job-option__card:not(:last-child) {
    margin-right: 0;
  }

  .job-option__card.active {
    display: block;
  }
}

.job-option__heading {
  margin-bottom: 20px;
  text-align: center;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .job-option__heading {
    display: none;
  }
}

.job-option__description {
  font-weight: 400;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.4em;
  display: block;
  margin: 0 auto;
  margin-bottom: 40px;
  width: 100%;
  max-width: 300px;
  text-align: center;
}

@media only screen and (max-width: 1278px) {
  .job-option__description {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .job-option__description {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.375em;
    width: 100%;
    text-align: left;
    margin: 0;
    margin-bottom: 1.875em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .job-option__description {
    font-size: 1.6rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .job-option__description br {
    display: none;
  }
}

.job-option__icon {
  margin-top: 1px;
  margin-right: 20px;
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
}

.job-option__subtitle {
  font-weight: 400;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.4em;
}

@media only screen and (max-width: 1278px) {
  .job-option__subtitle {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .job-option__subtitle {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .job-option__subtitle {
    font-size: 1.6rem;
  }
}

.job-option__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.job-option__item:not(:last-child) {
  margin-bottom: 20px;
}

.job-option .btn {
  max-width: 100%;
  width: 100%;
}

.feeadback {
  width: 100%;
}

.feeadback__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1023px) {
  .feeadback__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.feeadback ._has-success .popup__wrapper[data-status='submit'] {
  display: block;
}

.feeadback__info {
  max-width: 545px;
  width: 100%;
}

.feeadback__info a {
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  color: #0077ff;
}

@media only screen and (min-width: 1025px) {
  .feeadback__info a:hover {
    color: #0178ff;
  }
}

@media only screen and (max-width: 1278px) {
  .feeadback__info {
    max-width: 35em;
  }
}

@media only screen and (max-width: 1023px) {
  .feeadback__info {
    max-width: 100%;
    margin-bottom: 3.6em;
  }
}

.feeadback__title {
  font-weight: 400;
  font-size: 56px;
  line-height: 1.17857143em;
  font-weight: 500;
  margin-bottom: 18px;
}

@media only screen and (max-width: 1278px) {
  .feeadback__title {
    font-size: 5.6rem;
  }
}

@media only screen and (max-width: 1278px) {
  .feeadback__title {
    font-weight: 400;
    font-size: 38px;
    line-height: 1.15789474em;
    font-weight: 500;
    margin-bottom: 0.42105263em;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .feeadback__title {
    font-size: 3.8rem;
  }
}

@media only screen and (max-width: 1023px) {
  .feeadback__title br {
    display: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .feeadback__title {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.21428571em;
    font-weight: 500;
    margin-bottom: 0.57142857em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .feeadback__title {
    font-size: 2.8rem;
  }
}

.feeadback__description {
  font-weight: 400;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.5em;
}

@media only screen and (max-width: 1278px) {
  .feeadback__description {
    font-size: 2rem;
  }
}

.feeadback__form {
  max-width: 590px;
  width: 100%;
  padding-top: 28px;
}

@media only screen and (max-width: 1278px) {
  .feeadback__form {
    max-width: 54.2em;
    width: 100%;
    padding-top: 1.8em;
  }
}

@media only screen and (max-width: 1023px) {
  .feeadback__form {
    max-width: 100%;
    padding-top: 0;
  }
}

.feeadback .popup__textarea,
.feeadback .popup__input {
  background: rgba(237, 240, 243, 0.39);
}

.solution {
  width: 100%;
  padding: 120px 0;
}

.solution:last-child {
  padding-bottom: 0;
}

.solution--gray {
  background-color: #EBEEF2;
}

@media only screen and (max-width: 1278px) {
  .solution {
    padding: 12em 0;
  }

  .solution--gray {
    padding-bottom: 6em;
  }
}

@media only screen and (max-width: 1278px) and (orientation: landscape) and (min-width: 1023px),
only screen and (max-width: 1278px) and (orientation: portrait) and (min-width: 767px) {
  .solution--gray {
    margin-top: 15em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution {
    padding-top: 8em;
  }

  .solution--gray {
    padding-top: 5em;
    padding-bottom: 3em;
  }
}

.solution__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 100px;
}

.solution .card {
  border: 0 !important;
}

@media only screen and (max-width: 1278px) {
  .solution__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution__wrapper {
    margin-bottom: 3em;
  }
}

.solution__grid {
  width: 100%;
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  grid-template-areas: "product shield" "title description";
}

.solution__grid--shield {
  grid-area: shield;
}

@media only screen and (max-width: 1278px) {
  .solution__grid {
    margin-bottom: 1em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
}

.solution .single-product {
  grid-area: product;
}

.solution__caption {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.41666667em;
  font-weight: 500;
  margin-bottom: 24px;
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .solution__caption {
    font-size: 2.4rem;
  }
}

@media only screen and (max-width: 1278px) {
  .solution__caption {
    text-align: center;
  }
}

.solution__shield {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 16px;
  padding: 5px 12px;
  border: 1px solid #0077FF;
  color: #0077FF;
  margin-bottom: 40px;
}

.solution__shield p {
  font-weight: 400;
  font-size: 15px;
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {
  .solution__shield p {
    font-size: 1.5rem;
  }
}

.solution__shield svg {
  width: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15px;
  flex: 0 0 15px;
  height: 17px;
  margin-right: 10px;
}

@media only screen and (max-width: 1278px) {
  .solution__shield {
    margin-bottom: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution__shield {
    width: 108%;
    position: relative;
    left: -4%;
    border-radius: 2em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    margin-bottom: 2em;
  }

  .solution__shield svg {
    width: 2em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2em;
    flex: 0 0 2em;
    height: 2em;
    margin-right: 1em;
  }

  .solution__shield p {
    font-weight: 400;
    font-size: 15px;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .solution__shield p {
    font-size: 1.5rem;
  }
}

.solution__description {
  margin-bottom: 40px;
  grid-area: description;
}

@media only screen and (max-width: 1278px) {
  .solution__description {
    margin-bottom: 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution__description {
    text-align: center;
    margin-bottom: 0;
  }
}

.solution__frame {
  width: 807px;
  height: 540px;
  margin-right: 45px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 807px;
  flex: 0 0 807px;
}

.solution__frame img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 1278px) {
  .solution__frame {
    width: 80.7em;
    height: 54em;
    margin-right: 0;
    margin-bottom: 6.5em;
    margin-top: -20em;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution__frame {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    margin: 3em 0 0;
    height: 21.6em;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .solution__frame img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

.solution__chat-box {
  position: relative;
  width: 807px;
  height: 475px;
  margin-right: 45px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 807px;
  flex: 0 0 807px;
  background: #F4F7FA;
  border-radius: 16px;
  padding: 20px;
  pointer-events: none;
}

@media only screen and (max-width: 1278px) {
  .solution__chat-box {
    width: 80.7em;
    height: 47.6em;
    padding: 2em;
    margin-right: 0;
    margin-bottom: 4em;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution__chat-box {
    max-width: 414px;
    width: 100%;
    height: 550px;
    margin: 3em 0;
    padding: 0;
    background: none;
  }
}

@media only screen and (max-width: 1278px) {
  .solution__tabs {
    display: grid;
    grid-row-gap: 4em;
    grid-column-gap: 8em;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 2.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution__tabs {
    display: block;
    padding: 0;
    margin-bottom: 3em;
  }
}

.solution__tabs--inner:not(:last-child) {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1278px) {
  .solution__tabs--inner:not(:last-child) {
    margin-bottom: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution__tabs--inner:not(:last-child) {
    margin-bottom: 2em;
  }
}

.solution__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .solution__section {
    width: calc(100% - 860px);
  }

  .solution__section .solution__grid {
    display: block;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1278px) {
  .solution__section {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution__section {
    margin-bottom: 0;
  }
}

.solution__title {
  grid-area: title;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1278px) {
  .solution__title {
    margin-bottom: 0.63157895em;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .solution__title {
    font-size: 3.2rem;
  }
}

@media only screen and (max-width: 1278px) {
  .solution__title br {
    display: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution__title {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.28571429em;
    font-weight: 500;
    text-align: center;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .solution__title {
    font-size: 2.8rem;
  }
}

.solution .btn {
  margin-top: 80px;
}

@media only screen and (max-width: 1679px) {
  .solution .btn {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 1278px) {
  .solution .btn {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 3rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution .btn {
    margin-top: 2rem;
  }
}

.solution__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  color: #313131;
}

.solution__btn svg {
  position: relative;
  width: 22px;
  height: 22px;
  margin-right: 22px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22px;
  flex: 0 0 22px;
  top: 5px;
}

.solution__btn p {
  text-align: left;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.solution__btn.active {
  color: #0077FF;
}

.solution__btn.active p {
  color: #0077FF;
}

@media only screen and (max-width: 1278px) {
  .solution__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .solution__btn svg {
    width: 2.2em;
    height: 2.2em;
    margin-right: 0;
    margin-bottom: 1em;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    top: 0;
  }

  .solution__btn p {
    font-weight: 400;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.44444444em;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .solution__btn p {
    font-size: 1.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .solution__btn svg {
    width: 2em;
    height: 2em;
    margin-top: 0.5em;
    margin-right: 1.5em;
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2em;
    flex: 0 0 2em;
    top: 0;
  }

  .solution__btn p {
    font-weight: 400;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.4em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .solution__btn p {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1025px) {
  .solution__btn:hover {
    color: #0178ff;
  }

  .solution__btn:hover p {
    color: #0178ff;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution .card {
    padding: 0 !important;
  }

  .solution .card .card__section {
    border: none;
    padding: 0 !important;
  }

  .solution .card .card__icon {
    margin-bottom: 0;
    margin-right: 1.6em;
  }

  .solution .card .card__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .solution .card .card__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .solution .card .card__desc {
    font-size: 1.6rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution .card:not(:last-child) {
    margin-bottom: 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution .grid-container__wrapper {
    width: 100%;
    left: 0;
  }
}

.solution .single-product {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .solution .single-product {
    margin-bottom: 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution .single-product {
    margin-bottom: 2em;
  }

  .solution .single-product .single-product__icon {
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2em;
    flex: 0 0 2em;
  }

  .solution .single-product .single-product__subject {
    font-size: 1.4rem;
  }
}

.solution .single-product__icon {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
}

.solution .card__section,
.solution .grid-container__inner {
  border-color: #D3DCE7;
}

.platform-presentation {
  width: 100%;
}

.platform-presentation__title {
  font-weight: 400;
  font-size: 27px;
  line-height: 1.18518519em;
  font-weight: 500;
  margin-bottom: 40px;
  text-align: center;
}

@media only screen and (max-width: 1278px) {
  .platform-presentation__title {
    font-size: 2.7rem;
  }
}

@media only screen and (max-width: 1278px) {
  .platform-presentation__title {
    margin: 0 auto;
    margin-bottom: 1.18518519em;
    max-width: 5.92592593em;
    text-align: center;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .platform-presentation__title {
    max-width: 100%;
  }
}

.platform-presentation__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.platform-presentation__row:not(:last-child) {
  margin-bottom: 20px;
}

.platform-presentation__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .platform-presentation__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.platform-presentation__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stranch;
  -ms-flex-align: stranch;
  align-items: stranch;
}

@media only screen and (max-width: 1278px) {
  .platform-presentation__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stranch;
    -ms-flex-align: stranch;
    align-items: stranch;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .platform-presentation__inner {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.platform-presentation__item {
  border-radius: 16px;
  padding: 35px 38px;
  padding-right: 28px;
  width: 353px;
  border: 1px solid #BAC3CE;
  -webkit-box-shadow: 0px 100px 80px rgba(214, 214, 214, 0.07), 0px 41.7776px 33.4221px rgba(214, 214, 214, 0.0503198), 0px 22.3363px 17.869px rgba(202, 202, 202, 0.0417275), 0px 12.5216px 10.0172px rgba(205, 205, 205, 0.035), 0px 6.6501px 5.32008px rgba(187, 187, 187, 0.0282725), 0px 2.76726px 2.21381px rgba(173, 173, 173, 0.0196802);
  box-shadow: 0px 100px 80px rgba(214, 214, 214, 0.07), 0px 41.7776px 33.4221px rgba(214, 214, 214, 0.0503198), 0px 22.3363px 17.869px rgba(202, 202, 202, 0.0417275), 0px 12.5216px 10.0172px rgba(205, 205, 205, 0.035), 0px 6.6501px 5.32008px rgba(187, 187, 187, 0.0282725), 0px 2.76726px 2.21381px rgba(173, 173, 173, 0.0196802);
  border-radius: 16px;
}

.platform-presentation__item:last-child .platform-presentation__icon {
  color: #2688EB;
}

.platform-presentation__item--background {
  border: none;
  color: #fff;
  background: #0077ff;
  border: 1px solid #0077ff;
  -webkit-box-shadow: 0px 28.1368px 83.3684px rgba(107, 151, 218, 0.15), 0px 6.28473px 18.6214px rgba(107, 151, 218, 0.0894161), 0px 1.87113px 5.54409px rgba(107, 151, 218, 0.0605839);
  box-shadow: 0px 28.1368px 83.3684px rgba(107, 151, 218, 0.15), 0px 6.28473px 18.6214px rgba(107, 151, 218, 0.0894161), 0px 1.87113px 5.54409px rgba(107, 151, 218, 0.0605839);
}

@media only screen and (max-width: 1278px) {
  .platform-presentation__item {
    padding: 4em 2em;
    padding-right: 2em;
    width: 27.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .platform-presentation__item {
    padding-top: 3em;
    width: 100%;
  }
}

.platform-presentation__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25px;
  flex: 0 0 25px;
  margin-right: 20px;
  width: 25px;
  height: 25px;
}

@media only screen and (max-width: 1278px) {
  .platform-presentation__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.5;
    flex: 0 0 2.5;
    margin-right: 2em;
    width: 2.5em;
    height: 2.5em;
  }
}

.platform-presentation__route {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 0 20px;
  width: 30px;
}

.platform-presentation__route span {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.33333333em;
  font-weight: 600;
  position: relative;
  z-index: 10;
  display: inline-block;
  display: block;
  text-align: center;
  text-align: center;
}

@media only screen and (max-width: 1278px) {
  .platform-presentation__route span {
    font-size: 1.5rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .platform-presentation__route span {
    background-color: #FCFCFC;
    margin: 0.33333333em 0;
  }
}

.platform-presentation__route--back,
.platform-presentation__route--forward {
  position: relative;
  margin: 15px 0;
  width: 100%;
  height: 15px;
  color: #0077ff;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {

  .platform-presentation__route--back:first-child,
  .platform-presentation__route--forward:first-child {
    margin-top: 0;
  }

  .platform-presentation__route--back:last-child,
  .platform-presentation__route--forward:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1278px) {

  .platform-presentation__route--back,
  .platform-presentation__route--forward {
    margin: 1.5em 0;
    height: 1.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .platform-presentation__route--back,
  .platform-presentation__route--forward {
    display: none;
  }
}

.platform-presentation__route--back {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.platform-presentation__route--arrows {
  display: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .platform-presentation__route--arrows {
    position: absolute;
    top: 0;
    left: auto;
    display: block;
    height: 100%;
    width: 1.5em;
  }
}

@media only screen and (max-width: 1278px) {
  .platform-presentation__route {
    margin: 0 0.5em;
    width: 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .platform-presentation__route {
    margin: 2em 0;
    width: 3.7em;
    height: 10em;
  }
}

.platform-presentation__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4em;
}

@media only screen and (max-width: 1278px) {
  .platform-presentation__text {
    font-size: 2rem;
  }
}

#assistant-popup .platform-presentation__title {
  max-width: 100%;
}

#assistant-popup .platform-presentation__route {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
}

#assistant-popup .platform-presentation__route--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: centen;
  -ms-flex-pack: centen;
  justify-content: centen;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

#assistant-popup .platform-presentation__route p {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#assistant-popup .platform-presentation__route p span {
  font-weight: 400;
  font-size: 15px;
  color: #999999;
  font-weight: 400;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 200px;
  max-width: 200px;
}

@media only screen and (max-width: 1278px) {
  #assistant-popup .platform-presentation__route p span {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 1278px) {
  #assistant-popup .platform-presentation__route p span {
    line-height: 15px;
  }
}

#assistant-popup .platform-presentation__route img {
  margin-top: 3%;
  height: 94%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  #assistant-popup .platform-presentation__route.desctop,
  #assistant-popup .platform-presentation__route .desctop {
    display: none;
  }
}

#assistant-popup .platform-presentation__route.mobile,
#assistant-popup .platform-presentation__route .mobile {
  display: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  #assistant-popup .platform-presentation__route.mobile,
  #assistant-popup .platform-presentation__route .mobile {
    display: block;
    margin-top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  #assistant-popup .platform-presentation__route {
    width: 100%;
    height: 13em;
  }
}

#assistant-popup .platform-presentation__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

#assistant-popup .platform-presentation__bottom p {
  font-weight: 400;
  font-size: 15px;
  color: #999999;
  line-height: 1.33333333em;
  font-weight: 400;
  text-align: center;
}

@media only screen and (max-width: 1278px) {
  #assistant-popup .platform-presentation__bottom p {
    font-size: 1.5rem;
  }
}

#assistant-popup .platform-presentation__decor {
  width: 100%;
  height: 25px;
  margin-bottom: 32px;
  margin-top: 30px;
  border: 1px solid #e2e2e2;
  border-top: none;
}

#assistant-popup .platform-presentation__icon.check {
  width: 12px;
  height: 12px;
  margin-right: 25px;
  margin-top: 8px;
}

#assistant-popup .platform-presentation__icon.marusya {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin: 0 auto;
  width: 88px;
  height: 18px;
  margin-bottom: 15px;
}

.card-news {
  border-top: 1px solid #e3e3e3;
  padding: 20px 0;
  position: relative;
  grid-column: span 2;
}

.card-news:nth-child(8n + 5),
.card-news:nth-child(8n + 4) {
  border: none;
  min-height: 360px;
  grid-column: span 3;
  margin: 60px 30px;
  padding: 0;
  background-color: #EBEEF2;
}

.card-news:nth-child(8n + 5) .card-news__container,
.card-news:nth-child(8n + 4) .card-news__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 40px;
  border: none;
}

@media only screen and (max-width: 1278px) {

  .card-news:nth-child(8n + 5) .card-news__container,
  .card-news:nth-child(8n + 4) .card-news__container {
    padding: 4em 3.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .card-news:nth-child(8n + 5) .card-news__container,
  .card-news:nth-child(8n + 4) .card-news__container {
    padding: 2em;
  }
}

.card-news:nth-child(8n + 5) .card-news__title,
.card-news:nth-child(8n + 4) .card-news__title {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (max-width: 1278px) {

  .card-news:nth-child(8n + 5) .card-news__title,
  .card-news:nth-child(8n + 4) .card-news__title {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.28571429em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {

  .card-news:nth-child(8n + 5) .card-news__title,
  .card-news:nth-child(8n + 4) .card-news__title {
    font-size: 2.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .card-news:nth-child(8n + 5) .card-news__title,
  .card-news:nth-child(8n + 4) .card-news__title {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 500;
    margin-bottom: 0.75em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .card-news:nth-child(8n + 5) .card-news__title,
  .card-news:nth-child(8n + 4) .card-news__title {
    font-size: 2rem;
  }
}

.card-news:nth-child(8n + 5) .card-news__date,
.card-news:nth-child(8n + 4) .card-news__date {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-bottom: 0;
  margin-top: auto;
  margin-left: auto;
}

.card-news:nth-child(8n + 5) .card-news__product,
.card-news:nth-child(8n + 4) .card-news__product {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-right: 10px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .card-news:nth-child(8n + 5) .card-news__subject,
  .card-news:nth-child(8n + 4) .card-news__subject {
    display: none;
  }
}

@media only screen and (max-width: 1278px) {

  .card-news:nth-child(8n + 5),
  .card-news:nth-child(8n + 4) {
    min-height: 27.6em;
    margin: 4em 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .card-news:nth-child(8n + 5),
  .card-news:nth-child(8n + 4) {
    margin: 0 auto;
    min-height: 19em;
  }
}

.card-news:nth-child(8n + 4) {
  background-image: url("../images-new/news/bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-news:nth-child(8n + 4) {
    margin-top: 3.4em;
    margin-bottom: 2em;
  }
}

.card-news:nth-child(8n + 5) {
  background-image: url("../images-new/news/bg-1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-news:nth-child(8n + 5) {
    margin-bottom: 3.4em;
  }
}

.card-news:nth-child(8n + 9),
.card-news:nth-child(8n + 10),
.card-news:nth-child(8n + 11) {
  border-top: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-news:nth-child(5n + 3) {
    border-bottom: 1px solid #e3e3e3;
  }
}

.card-news__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
  padding: 20px 30px;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .card-news__container {
    border-right: 1px solid #e3e3e3;
  }
}

@media only screen and (max-width: 1278px) {
  .card-news__container {
    padding: 2em 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-news__container {
    padding: 0;
  }
}

.card-news__date {
  font-weight: 400;
  font-size: 20px;
  color: rgba(49, 49, 49, 0.5);
  line-height: 1.4em;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1278px) {
  .card-news__date {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 1278px) {
  .card-news__date {
    margin-bottom: 0.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-news__date {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.75em;
    margin-bottom: 0.875em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .card-news__date {
    font-size: 1.6rem;
  }
}

.card-news__title {
  margin-bottom: 35px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-news__title {
    margin-bottom: 0;
  }
}

.card-news__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: auto;
  width: 212px;
  height: 28px;
}

@media only screen and (max-width: 1278px) {
  .card-news__product {
    width: 21.2em;
    height: 2.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-news__product {
    margin-top: 4em;
    width: 18em;
    height: 2.4em;
  }
}

.card-news__product img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
}

@media only screen and (min-width: 1025px) {
  .card-news:hover:not(div) .card-news__title {
    color: #0178ff;
  }
}

@media only screen and (max-width: 1278px) {
  .card-news {
    padding: 2em 0;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .card-news {
    border-bottom: 1px solid #e3e3e3;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-news:last-child {
    border-bottom: 1px solid #e3e3e3;
  }
}

.single-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-product__subject {
  font-weight: 400;
  font-size: 20px;
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {
  .single-product__subject {
    font-size: 2rem;
  }
}

.single-product__icon {
  width: 28px;
  height: 28px;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28px;
  flex: 0 0 28px;
}

@media only screen and (max-width: 1278px) {
  .single-product__icon {
    width: 2.8em;
    height: 2.8em;
    margin-right: 1em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.8em;
    flex: 0 0 2.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .single-product__icon {
    width: 2.4em;
    height: 2.4em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.4em;
    flex: 0 0 2.4em;
  }
}

.solution {
  /* Rtl support */
}

.solution #chat-box-bg,
.solution .bg-shape {
  display: none !important;
}

.solution .chat-ui-header-name-contact {
  font-size: 1.2rem !important;
}

.solution #master-container {
  padding: 0 !important;
  top: 0 !important;
  position: relative;
}

.solution #wrapper_phone {
  height: 100% !important;
  margin: 0 auto !important;
  width: 100% !important;
  margin: 0 !important;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution .container_phone {
    width: 100%;
  }
}

.solution #overlay {
  display: none !important;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution #chatContent {
    max-height: calc(100% - 115px) !important;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution .topHeaderNetworkWrap__img {
    width: 50px !important;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution .topHeaderTime {
    font-size: 10px !important;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution .display_container {
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #eaeaea !important;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution .chatHeaderWrapper {
    height: 70px !important;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution .bottom-ui {
    height: 11px !important;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution #chat-ui-input {
    height: 34px !important;
  }
}

.solution .phone_display {
  height: 100% !important;
  padding: 10px !important;
  width: 100% !important;
  border: 1px solid #F4F7FA;
}

.solution #chat-box {
  position: relative;
  background: none;
}

.solution #chat-ui-wrap,
.solution #chat-ui-bg {
  width: 100% !important;
  height: 100% !important;
}

.solution #chat-ui-wrap {
  border: 1px solid #eaeaea;
  margin: 0;
  overflow: hidden;
}

.solution #chat-ui {
  width: 100% !important;
  height: 96% !important;
}

.solution .sendText {
  padding-top: 0.4em !important;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .solution .sendText {
    line-height: normal !important;
  }
}

.solution .ScrollToBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.solution .simplebar-wrapper {
  height: inherit;
  max-height: inherit;
  max-width: inherit;
  overflow: hidden;
  width: inherit;
}

.solution [data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.solution .simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.solution .simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.solution .simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.solution .simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.solution .simplebar-content-wrapper::-webkit-scrollbar,
.solution .simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.solution .simplebar-content:before,
.solution .simplebar-content:after {
  content: ' ';
  display: table;
}

.solution .simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.solution .simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.solution .simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.solution .simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

.solution [data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.solution [data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.solution .simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.solution .simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.solution .simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear;
}

.solution .simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.solution .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.solution .simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.solution .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.solution .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

.solution [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.solution .hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.solution .simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.news {
  width: 100%;
}

.news .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1278px) {
  .news .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.news__title {
  margin-bottom: 30px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news__title {
    margin-bottom: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news__list {
    margin-bottom: 1em;
  }
}

@media only screen and (min-width: 1201px) {
  .news__section:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 50px;
    width: auto;
  }

  .news__section:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 591px;
    flex: 1 0 591px;
  }
}

@media only screen and (max-width: 1278px) {
  .news__section {
    padding-top: 3.5em;
    width: 45em;
  }

  .news__section:first-child {
    margin-right: 1em;
    padding-top: 0;
    width: 43em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .news__section:last-child {
    display: grid;
    grid-row-gap: 2em;
    grid-column-gap: 2em;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news__section {
    width: 100%;
    padding-top: 0;
  }

  .news__section:first-child {
    margin-right: 0;
    margin-bottom: 4.5em;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 4em;
    width: 100%;
  }
}

.news .news-card__link,
.news__link {
  font-weight: 400;
  font-size: 20px;
  color: #0077ff;
  line-height: 1.4em;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {

  .news .news-card__link,
  .news__link {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .news .news-card__link,
  .news__link {
    font-weight: 400;
    font-size: 16px;
    color: #0077ff;
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .news .news-card__link,
  .news__link {
    font-size: 1.6rem;
  }
}

.news-card {
  padding: 32px 0;
  width: 100%;
}

.news-card:not(:last-child) {
  border-bottom: 1px solid #e3e3e3;
}

.news-card__data {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1278px) {
  .news-card__data {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news-card__data {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    margin-bottom: 1em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .news-card__data {
    font-size: 1.6rem;
  }
}

.news-card__title {
  font-weight: 500;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news-card {
    padding: 2.4em 0;
  }
}

@media only screen and (min-width: 1025px) {
  .news-card:hover .news-card__title {
    color: #0178ff;
  }
}

.announcements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  width: 100%;
  height: 360px;
}

.announcements:not(:last-child) {
  margin-bottom: 40px;
}

.announcements__arrow {
  position: absolute;
  right: 21px;
  top: 48px;
  width: 70px;
  height: 70px;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .announcements__arrow {
    right: 2.1em;
    top: 4.8em;
    width: 3.5em;
    height: 3.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements__arrow {
    right: 2em;
    top: 2em;
  }
}

.announcements__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  padding: 35px 30px;
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .announcements__section {
    padding: 3.5em 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements__section {
    padding: 2em;
  }
}

.announcements__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100px;
  flex: 1 1 100px;
  margin-top: auto;
  padding: 0 32px;
  width: 100%;
  height: 100px;
  background-color: #0077ff;
}

.announcements__date p {
  color: currentColor;
}

.announcements__date img {
  position: absolute;
  right: 0;
  top: 0;
  width: 185px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: right;
  object-position: right;
}

@media only screen and (max-width: 1278px) {
  .announcements__date img {
    width: 18.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements__date img {
    display: none;
  }
}

@media only screen and (max-width: 1278px) {
  .announcements__date {
    height: 6em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 6em;
    flex: 1 1 6em;
    padding: 0 3.2em;
  }
}

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

.announcements__title {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.28571429em;
  font-weight: 500;
  margin-bottom: 24px;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .announcements__title {
    font-size: 2.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements__title {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 500;
    margin-bottom: 20px;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .announcements__title {
    font-size: 2rem;
  }
}

.announcements__link {
  font-weight: 400;
  font-size: 20px;
  color: #0077ff;
  line-height: 1.4em;
  margin-bottom: 5px;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .announcements__link {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements__link {
    font-weight: 400;
    font-size: 16px;
    color: #0077ff;
    line-height: 1.375em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .announcements__link {
    font-size: 1.6rem;
  }
}

.announcements.CloudConf {
  color: #fff;
  background: #000;
}

.announcements.CloudConf .announcements__title {
  font-weight: 400;
  font-size: 100px;
  color: currentColor;
  line-height: 0.9em;
  margin-bottom: 0;
}

@media only screen and (max-width: 1278px) {
  .announcements.CloudConf .announcements__title {
    font-size: 10rem;
  }
}

@media only screen and (max-width: 1278px) {
  .announcements.CloudConf .announcements__title {
    font-size: 5.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements.CloudConf .announcements__title {
    font-size: 5rem;
  }
}

.announcements.CloudConf .announcements__figure {
  position: absolute;
  right: 0;
  bottom: -3px;
  z-index: 1;
  width: 250px;
  height: 300px;
}

.announcements.CloudConf .announcements__section {
  padding-bottom: 0;
}

@media only screen and (min-width: 1025px) {

  .announcements:hover .announcements__arrow,
  .announcements:hover .announcements__title {
    color: #0178ff;
  }
}

@media only screen and (max-width: 1278px) {
  .announcements {
    height: 27.6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .announcements {
    height: 19em;
  }

  .announcements:not(:last-child) {
    margin-bottom: 2em;
  }
}

.filter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter.open-filters .filter__list {
  display: grid;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter__list--inner {
    width: 100%;
  }
}

.filter__container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: none;
    border-top: 1px solid #e3e3e3;
    margin-top: 2.4em;
    padding-top: 2.4em;
  }

  .open-filters .filter__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.open-filters .filter__btn {
  color: #0077ff;
}

.open-filters .filter__btn p {
  color: #0077ff;
}

.open-filters .filter__btn::after {
  -webkit-transform: rotate(45deg) translate3d(0, -50%, 0) scale(-1) !important;
  transform: rotate(45deg) translate3d(0, -50%, 0) scale(-1) !important;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .filter__btn {
    display: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter__btn {
    top: -0.7em;
    right: 0.4em;
    position: absolute;
    width: 2em;
    height: 2em;
    color: #313131;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  .filter__btn svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .open-filters .filter__btn {
    color: #0077ff;
  }

  .clear-filters .filter__btn {
    color: #0077ff;
  }
}

.filter-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-search {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: absolute;
    top: -0.2em;
    right: 5.1em;
    width: 2em;
    margin-right: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    background-color: #fff;
  }

  .filter-search.active-search {
    width: calc(100% - 5.1em);
  }
}

.filter-search__icon {
  width: 17px;
  height: 17px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 17px;
  flex: 0 0 17px;
  margin-right: 10px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #313131;
}

.filter-search__icon svg {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1025px) {
  .filter-search__icon:hover {
    color: #0178ff;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-search__icon {
    width: 1.8em;
    height: 1.8em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.8em;
    flex: 0 0 1.8em;
    margin-right: 10px;
  }
}

.filter-search__input {
  width: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  opacity: 0;
  color: #0077ff;
}

.filter-search__input ::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 22px;
  color: rgba(49, 49, 49, 0.2);
  line-height: 1.36363636em;
  font-weight: 400;
}

.filter-search__input ::-moz-placeholder {
  font-weight: 400;
  font-size: 22px;
  color: rgba(49, 49, 49, 0.2);
  line-height: 1.36363636em;
  font-weight: 400;
}

.filter-search__input ::-ms-input-placeholder {
  font-weight: 400;
  font-size: 22px;
  color: rgba(49, 49, 49, 0.2);
  line-height: 1.36363636em;
  font-weight: 400;
}

.filter-search__input ::placeholder {
  font-weight: 400;
  font-size: 22px;
  color: rgba(49, 49, 49, 0.2);
  line-height: 1.36363636em;
  font-weight: 400;
}

@media only screen and (max-width: 1278px) {
  .filter-search__input ::-webkit-input-placeholder {
    font-size: 2.2rem;
  }

  .filter-search__input ::-moz-placeholder {
    font-size: 2.2rem;
  }

  .filter-search__input ::-ms-input-placeholder {
    font-size: 2.2rem;
  }

  .filter-search__input ::placeholder {
    font-size: 2.2rem;
  }
}

.active-search .filter-search__input {
  opacity: 1;
  margin-right: 50px;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .active-search .filter-search__input {
    width: 235px;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-search__input {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 400;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .filter-search__input {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .active-search .filter-search__input {
    width: 100%;
    margin-right: 1em;
  }
}

.filter-search__close {
  display: none;
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  color: #313131;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.active-search .filter-search__close {
  display: block;
}

.filter-search__close svg {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1025px) {
  .filter-search__close:hover {
    color: #EBEEF2;
  }
}

.filter-products {
  margin-right: 20px;
  display: inline-block;
}

.filter-products select,
.filter-products .current {
  font-weight: 500;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .filter-products select,
  .filter-products .current {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .filter-products select,
  .filter-products .current {
    font-size: 2rem;
  }
}

.filter-products .nice-select {
  padding-right: 28px;
}

.filter-products.active .current {
  color: #0178ff;
}

@media only screen and (max-width: 1278px) {
  .filter-products {
    margin-right: 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-products {
    margin-right: 0;
    width: 100%;
    margin-bottom: 1.5em;
  }

  .filter-products .nice-select {
    width: 100%;
  }
}

.filter .nice-select-dropdown {
  cursor: default;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 48px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 4px 48px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 24px 0;
  border: 1px solid #F6F6F6;
}

.filter .nice-select-dropdown::before {
  content: "";
  z-index: 101;
  position: absolute;
  left: auto;
  right: 20%;
  top: -13px;
  display: block;
  border-radius: 0 2px 0 0;
  background: #fff;
  -webkit-transform: rotate(-45deg) translate3d(-50%, 0, 0);
  transform: rotate(-45deg) translate3d(-50%, 0, 0);
  width: 15px;
  height: 15px;
  border-right: 1px solid #F6F6F6;
  border-top: 1px solid #F6F6F6;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter .nice-select-dropdown::before {
    right: auto;
    left: 50%;
  }
}

.filter .nice-select-dropdown .list {
  padding: 0 65px;
}

.filter .nice-select .list {
  max-height: 420px;
  overflow-y: auto;
}

@media only screen and (max-width: 1278px) {
  .filter .nice-select .list {
    max-height: 42em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter .nice-select .list {
    max-height: 22em;
  }
}

.filter .nice-select .option {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.22222222em;
  font-weight: 400;
  position: relative;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .filter .nice-select .option {
    font-size: 1.8rem;
  }
}

.filter .nice-select .option:not(:last-child) {
  margin-bottom: 20px;
}

@media only screen and (min-width: 1025px) {
  .filter .nice-select .option:hover {
    color: #0077ff;
  }
}

.filter .nice-select .option.selected {
  color: #0077ff;
}

.filter .nice-select .option.selected::before {
  position: absolute;
  top: 5px;
  left: -38px;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("../images-new/select/chek.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.filter-time {
  display: inline-block;
  position: relative;
}

.filter-time select,
.filter-time .current {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.22222222em;
  font-weight: 400;
}

@media only screen and (max-width: 1278px) {

  .filter-time select,
  .filter-time .current {
    font-size: 1.8rem;
  }
}

.filter-time__select {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-right: 28px;
}

.active .filter-time__select {
  color: #0178ff;
}

.filter-time__select:after {
  border-bottom: 2px solid;
  border-right: 2px solid;
  border-color: #313131;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  content: '';
  display: block;
  height: 5px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 50% 66%;
  transform-origin: 50% 66%;
  -webkit-transform: rotate(45deg) translate3d(0, -50%, 0) scale(1);
  transform: rotate(45deg) translate3d(0, -50%, 0) scale(1);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-time__select {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .filter-time__select {
    font-size: 2rem;
  }
}

.filter-time.open .filter-time__select:after {
  -webkit-transform: rotate(45deg) translate3d(0, -50%, 0) scale(-1);
  transform: rotate(45deg) translate3d(0, -50%, 0) scale(-1);
  border-color: #0077FF;
}

.filter-time__dropdown {
  margin-top: 20px;
  min-width: 280px;
  position: absolute;
  top: 100%;
  left: 40%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.75) translateY(-19px) translate3d(-50%, 0, 0);
  transform: scale(0.75) translateY(-19px) translate3d(-50%, 0, 0);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  opacity: 0;
  pointer-events: none;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 48px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 4px 48px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 24px;
  border: 1px solid #F6F6F6;
}

.filter-time__dropdown::before {
  content: "";
  z-index: 101;
  position: absolute;
  left: auto;
  right: 20%;
  top: -13px;
  display: block;
  border-radius: 0 2px 0 0;
  background: #fff;
  -webkit-transform: rotate(-45deg) translate3d(-50%, 0, 0);
  transform: rotate(-45deg) translate3d(-50%, 0, 0);
  width: 15px;
  height: 15px;
  border-right: 1px solid #F6F6F6;
  border-top: 1px solid #F6F6F6;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-time__dropdown::before {
    left: 50%;
    right: auto;
  }
}

.open .filter-time__dropdown {
  pointer-events: all;
  display: block;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0) translate3d(-50%, 0, 0);
  transform: scale(1) translateY(0) translate3d(-50%, 0, 0);
}

@media only screen and (max-width: 1365px) {
  .filter-time__dropdown {
    left: auto;
    right: -10%;
  }

  .filter-time__dropdown::before {
    right: 5%;
  }

  .open .filter-time__dropdown {
    -webkit-transform: scale(1) translateY(0) translate3d(0, 0, 0);
    transform: scale(1) translateY(0) translate3d(0, 0, 0);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-time__dropdown {
    margin-top: 2em;
    padding: 2.4em;
    width: 100%;
    left: 50%;
    right: auto;
  }

  .open .filter-time__dropdown {
    -webkit-transform: scale(1) translateY(0) translate3d(-50%, 0, 0);
    transform: scale(1) translateY(0) translate3d(-50%, 0, 0);
  }
}

.filter-time__reset {
  font-weight: 400;
  font-size: 18px;
  color: #0077ff;
  line-height: 1.22222222em;
  font-weight: 400;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  margin: 0 auto;
  display: block;
}

@media only screen and (max-width: 1278px) {
  .filter-time__reset {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 1025px) {
  .filter-time__reset:hover {
    color: #0178ff;
  }
}

.filter-time select,
.filter-time .nice-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background: rgba(237, 240, 243, 0.39);
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  height: 50px;
  padding: 0 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.filter-time select:nth-child(2),
.filter-time .nice-select:nth-child(2) {
  margin: 0;
}

.filter-time select .nice-select-dropdown,
.filter-time .nice-select .nice-select-dropdown {
  margin-top: 10px;
}

.filter-time select .nice-select-dropdown::before,
.filter-time .nice-select .nice-select-dropdown::before {
  display: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-time select {
    height: 2.77777778em;
    padding: 0 1.11111111em;
    margin-top: 0;
    margin-bottom: 1.11111111em;
  }

  .filter-time select:nth-child(2) {
    margin-top: 1.11111111em;
    margin-bottom: 1.11111111em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-time {
    width: 100%;
  }

  .filter-time .nice-select {
    width: 100%;
  }
}

.filter-blog {
  position: static;
  width: 100%;
}

.filter-blog__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  height: 95px;
}

@media only screen and (max-width: 1278px) {
  .filter-blog__top {
    height: 5.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-blog__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 3.4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-blog .filter-search {
    position: relative;
    right: auto;
    top: auto;
    margin-right: 2.5em;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.filter-blog .filter__btn {
  position: relative;
  display: block;
  padding-right: 28px;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .filter-blog .filter__btn svg {
    display: none;
  }
}

.filter-blog .filter__btn p {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-blog .filter__btn p {
    display: none;
  }
}

.filter-blog .filter__btn.open:after {
  border-color: #0077FF;
  -webkit-transform: rotate(45deg) translate3d(0, -50%, 0) scale(-1);
  transform: rotate(45deg) translate3d(0, -50%, 0) scale(-1);
}

.filter-blog .filter__btn.open .nice-select-dropdown {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0) translate3d(-50%, 0, 0);
  transform: scale(1) translateY(0) translate3d(-50%, 0, 0);
  pointer-events: auto;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .filter-blog .filter__btn:after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    display: block;
    border-color: #313131;
    border-right: 2px solid;
    border-bottom: 2px solid;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(45deg) translate3d(0, -50%, 0) scale(1);
    transform: rotate(45deg) translate3d(0, -50%, 0) scale(1);
    -webkit-transform-origin: 50% 66%;
    transform-origin: 50% 66%;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    pointer-events: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-blog .filter__btn {
    position: relative;
    top: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.filter-blog .filter__list {
  display: grid;
  display: none;
  grid-column-gap: 0;
  grid-row-gap: 25px;
  grid-template-columns: repeat(4, 1fr);
  padding-bottom: 30px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding-top: 30px;
  width: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .filter-blog .filter__list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  background-color: #EDF0F3;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 16px;
  height: 440px;
}

.features__section {
  padding: 30px 40px;
  padding-bottom: 0;
}

@media only screen and (max-width: 1278px) {
  .features__section {
    padding: 3em 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .features__section {
    padding: 2.8em;
  }
}

.features__title {
  margin-bottom: 16px;
}

.features__title h3 {
  text-align: left;
}

@media only screen and (min-width: 1200px) {
  .big .features__title h3 {
    text-align: left;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .features__title h3 {
    text-align: center;
  }

  .big .features__title h3 {
    text-align: center;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .features__description p {
    text-align: center;
  }

  .big .features__description p {
    text-align: center;
  }
}

.features__img {
  display: block;
  margin-top: auto;
  position: absolute;
  bottom: 0;
  height: auto;
  z-index: -1;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 1278px) {
  .features__img {
    height: 20em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .features__img {
    height: 14em;
    -o-object-position: bottom;
    object-position: bottom;
  }

  .logistics .features__img {
    -o-object-position: bottom right;
    object-position: bottom right;
  }
}

@media only screen and (min-width: 1200px) {
  .features.big {
    grid-column: span 2;
  }
}

@media only screen and (max-width: 1440px) {
  .features {
    height: 400px;
  }
}

@media only screen and (max-width: 1278px) {
  .features {
    height: 40em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .features {
    height: 32em;
  }
}

.faq {
  width: 100%;
}

.faq__section {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .faq__section:last-child .faq__item:last-child {
    border: none;
    padding-bottom: 0;
  }
}

.faq__item {
  width: 100%;
}

.faq__item.show {
  height: auto;
}

.faq__item.show .faq__icon {
  color: #0077ff;
}

.faq__item.show .faq__icon svg {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.faq__item.show .faq__answer {
  display: block;
}

[data-theme="dark"] .faq__item {
  border: none !important;
}

@media only screen and (min-width: 1200px) {
  .faq__item:not(:last-child) {
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 1278px) {
  .faq__item {
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 20px;
  }
}

.faq__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.faq__question h4 {
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  padding-right: 20px;
}

@media only screen and (min-width: 1025px) {
  .faq__question:hover {
    color: #0077ff;
  }
}

.faq__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.faq__icon svg {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.faq__answer {
  display: none;
  margin-top: 20px;
  padding-right: 50px;
}

.faq__answer ul,
.faq__answer ol {
  margin-left: 25px;
  width: calc(100% - 25px);
  padding: 0;
}

.faq__answer ul li {
  list-style: disc;
}

.faq__answer ol li {
  list-style: unset;
}

.faq__answer ul:not(:last-child),
.faq__answer li:not(:last-child),
.faq__answer p:not(:last-child) {
  margin-bottom: 15px;
}

@media only screen and (max-width: 1278px) {
  .faq__answer {
    padding-right: 5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .faq__answer {
    padding-right: 0;
  }

  .faq__answer ul,
  .faq__answer ol {
    margin-left: 1.5em;
    width: calc(100% - 1.5em);
    padding: 0;
  }

  .faq__answer ul li {
    list-style: disc;
  }

  .faq__answer ol li {
    list-style: unset;
  }
}

.module {
  padding: 20px 30px;
  padding-right: 0;
}

.module__section {
  height: 100%;
  padding: 20px 0;
  padding-right: 30px;
}

@media only screen and (max-width: 1278px) {
  .module__section {
    padding: 2em 0;
    padding-right: 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .module__section {
    padding: 0;
  }
}

.module__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 28px;
}

@media only screen and (max-width: 1278px) {
  .module__top {
    margin-bottom: 2.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .module__top {
    margin-bottom: 2em;
  }
}

.module__title {
  margin-bottom: 24px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .module__title {
    margin-bottom: 1em;
  }
}

.module__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  margin-right: 24px;
  border-radius: 12px;
  width: 60px;
  height: 60px;
  color: #fff;
  background-color: #0077ff;
}

@media only screen and (max-width: 1278px) {
  .module__icon {
    width: 6em;
    height: 6em;
  }
}

.module__list {
  padding-left: 15px;
  position: relative;
}

.module__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.module__list li:not(:last-child) {
  margin-bottom: 15px;
}

.module__list li::before {
  content: "";
  margin-top: 14px;
  margin-right: 14px;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  min-width: 5px;
  background-color: #000;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .module__list li::before {
    content: "";
    display: block;
    width: 3px;
    min-width: 3px;
    height: 3px;
    margin-right: 10px;
    margin-top: 12px;
  }

  .module__list li:not(:last-child) {
    margin-bottom: 0.75em;
  }
}

@media only screen and (max-width: 1278px) {
  .module__list {
    padding-left: 1.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .module__list {
    padding-left: 0.8em;
  }
}

@media only screen and (max-width: 1278px) {
  .module {
    padding: 2em 3em;
    padding-right: 0;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .module:not(:last-child) .module__section {
    border-right: 1px solid #e3e3e3;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .module {
    padding: 0;
  }

  .module:not(:last-child) {
    margin-bottom: 4em;
  }
}

.video-cover {
  width: 100%;
  background-color: #0077ff;
}

.video-cover .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .video-cover .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.video-cover__text {
  padding: 75px 0;
  padding-right: 30px;
  width: 40%;
}

@media only screen and (max-width: 1278px) {
  .video-cover__text {
    padding: 7.5em 0;
    padding-right: 4em;
    width: 50%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .video-cover__text {
    padding: 4.8em 0;
    width: 100%;
  }
}

.video-cover__video {
  position: relative;
  width: 60%;
}

.video-cover__video img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  min-width: 59vw;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 1278px) {
  .video-cover__video {
    width: 50%;
  }

  .video-cover__video img {
    min-width: 51.4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .video-cover__video {
    width: 100%;
    height: 27.9em;
  }

  .video-cover__video img {
    left: 50%;
    min-width: 100vw;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

.video-cover h3 {
  margin-bottom: 32px;
  color: #fff;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .video-cover h3 {
    margin: 0 auto;
    margin-bottom: 1.42857143em;
    width: 10.35714286em;
    text-align: center;
  }
}

.video-cover p {
  color: #fff;
  margin-bottom: 32px;
}

.video-cover__play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  width: 84px;
  height: 84px;
  color: #fff;
  background-color: #0077ff;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  transform: translate3d(-50%, -50%, 0) scale(1);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  will-change: transform;
}

.video-cover__play svg {
  position: relative;
  margin-left: 4px;
  width: 28px;
  height: 28px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  will-change: transform;
}

@media only screen and (min-width: 1025px) {
  .video-cover__play:hover {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
    transform: translate3d(-50%, -50%, 0) scale(0.9);
  }

  .video-cover__play:hover svg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@media only screen and (max-width: 1278px) {
  .video-cover__play {
    width: 8.4em;
    height: 8.4em;
  }

  .video-cover__play svg {
    width: 2.8em;
    height: 2.8em;
  }
}

.ph-platform {
  border: 1px solid #e3e3e3;
  border-radius: 32px;
  padding: 48px;
  width: 100%;
}

.ph-platform:not(:last-child) {
  margin-bottom: 16px;
}

.ph-platform .btn {
  white-space: nowrap;
}

.ph-platform__title {
  text-align: center;
  margin-bottom: 40px;
}

.ph-platform__title h3 {
  margin-bottom: 12px;
}

@media only screen and (max-width: 1278px) {
  .ph-platform__title h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.16666667em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .ph-platform__title h3 {
    font-size: 2.4rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .ph-platform__title h3 {
    font-size: 2em;
  }
}

.ph-platform__title p {
  color: rgba(0, 0, 0, 0.7);
}

@media only screen and (max-width: 1278px) {
  .ph-platform__title {
    margin-bottom: 3em;
  }
}

.ph-platform__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .ph-platform__top {
    margin-bottom: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .ph-platform__top {
    margin-bottom: 3em;
  }

  .ph-platform__top .btn {
    display: none;
  }
}

.ph-platform__btn {
  margin-top: 1.77777778em;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .ph-platform__btn {
    display: none !important;
  }
}

.ph-platform__heading {
  margin-bottom: 32px;
}

.ph-platform__grid {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 32px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 32px;
}

@media only screen and (max-width: 1278px) {
  .ph-platform__grid {
    grid-column-gap: 2em;
    grid-row-gap: 2.8em;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 3.2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .ph-platform__grid {
    grid-column-gap: 0;
    grid-row-gap: 2em;
    grid-template-columns: repeat(1, 1fr);
  }
}

.ph-platform__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1278px) {
  .ph-platform__section {
    display: grid;
    grid-column-gap: 2em;
    grid-row-gap: 3.2em;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .ph-platform__section {
    grid-column-gap: 0;
    grid-row-gap: 3em;
    grid-template-columns: repeat(1, 1fr);
  }
}

.ph-platform__inner {
  display: grid;
  grid-column-gap: 12px;
  grid-row-gap: 0;
  grid-template-columns: repeat(3, 1fr);
  margin-right: 48px;
}

@media only screen and (max-width: 1278px) {
  .ph-platform__inner {
    grid-column: span 3;
    margin-right: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .ph-platform__inner {
    grid-column: span 1;
    grid-column-gap: 0.8em;
    grid-row-gap: 0.8em;
    grid-template-columns: repeat(2, 1fr);
  }
}

.ph-platform__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  padding: 20px 28px;
  width: 156px;
}

.ph-platform__card p {
  text-align: center;
}

.ph-platform__card svg {
  margin-bottom: 12px;
  border-radius: 12px;
  width: 60px;
  height: 60px;
  background: #edf0f3;
}

@media only screen and (max-width: 1278px) {
  .ph-platform__card {
    width: 100%;
  }

  .ph-platform__card br {
    display: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .ph-platform__card {
    padding: 1.2em 2em;
    width: 100%;
  }
}

.ph-platform__aside {
  margin-right: 44px;
  padding: 24px 0;
  width: 100%;
  max-width: 270px;
}

.ph-platform__aside svg {
  margin-bottom: 18px;
  width: 60px;
  height: 60px;
}

.ph-platform__aside span {
  font-weight: 400;
  font-size: 58px;
  line-height: 1.13793103em;
  font-weight: 500;
  display: block;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1278px) {
  .ph-platform__aside span {
    font-size: 5.8rem;
  }
}

.ph-platform__aside:last-child {
  margin-right: 0;
}

.ph-platform__aside:nth-child(4n) {
  margin-right: 0;
}

.ph-platform__aside.blue {
  border: 2px solid #D1E7FF;
  border-radius: 16px;
  padding: 24px 28px;
  width: 202px;
  color: #0077ff;
}

.ph-platform__aside.blue p {
  color: #0077ff;
}

@media only screen and (max-width: 1278px) {
  .ph-platform__aside {
    margin-right: 0;
    padding-top: 1em;
    padding-bottom: 0;
    max-width: 100%;
  }

  .ph-platform__aside.blue {
    padding: 2.4em 2.8em;
    width: 24.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .ph-platform__aside {
    padding-top: 0;
  }

  .ph-platform__aside.blue {
    width: 100%;
  }
}

.ph-platform__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ph-platform__item svg {
  margin-right: 15px;
  width: 28px;
  height: 28px;
  min-width: 28px;
  color: #0077ff;
}

.ph-platform .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: none;
  padding: 0;
  width: 75%;
}

.ph-platform .card h3 {
  margin-bottom: 8px;
}

@media only screen and (max-width: 1278px) {
  .ph-platform .card h3 {
    width: 15.66666667em;
  }
}

.ph-platform .card__container {
  max-width: 100%;
}

@media only screen and (max-width: 1278px) {
  .ph-platform .card__container {
    max-width: 75%;
  }
}

.ph-platform .card__icon {
  margin-right: 24px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .ph-platform .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }
}

@media only screen and (max-width: 1278px) {
  .ph-platform {
    padding: 4.8em;
  }

  .ph-platform:not(:last-child) {
    margin-bottom: 1.6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .ph-platform {
    border: none;
    border-radius: 0;
    padding: 0;
  }

  .ph-platform:not(:last-child) {
    margin-bottom: 5.6em;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 5.6em;
  }
}

.expert-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: -1px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 20px 0;
  margin-top: -1px;
}

.expert-card__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
}

.expert-card__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 40px;
  width: 100%;
  height: 100%;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}

@media only screen and (max-width: 1278px) {
  .expert-card__container {
    padding: 0 4em;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .expert-card__container {
    border: none;
    padding: 0;
  }
}

.expert-card__cover {
  overflow: hidden;
  margin-bottom: 26px;
  width: 100%;
  height: 360px;
  background-image: url("../images-new/expert/mask.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.expert-card__cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .expert-card__cover {
    margin-bottom: 2.5em;
    height: 42em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-card__cover {
    height: 32.6em;
  }
}

.expert-card__name {
  font-weight: 400;
  font-size: 34px;
  line-height: 1.23529412em;
  font-weight: 500;
  margin-bottom: 14px;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .expert-card__name {
    font-size: 3.4rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-card__name {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.21428571em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .expert-card__name {
    font-size: 2.8rem;
  }
}

.expert-card__position {
  font-weight: 400;
  font-size: 22px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.27272727em;
  font-weight: 300;
  margin-bottom: 45px;
}

@media only screen and (max-width: 1278px) {
  .expert-card__position {
    font-size: 2.2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-card__position {
    font-weight: 400;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.4em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .expert-card__position {
    font-size: 2rem;
  }
}

.expert-card__email {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.41666667em;
  font-weight: 400;
  margin-top: auto;
}

@media only screen and (max-width: 1278px) {
  .expert-card__email {
    font-size: 2.4rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-card__email {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .expert-card__email {
    font-size: 2rem;
  }
}

.expert-card__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  left: -5px;
  margin-bottom: 26px;
  width: calc(100% + 10px);
}

@media only screen and (max-width: 1278px) {
  .expert-card__list {
    left: -0.5em;
    margin-bottom: 2.6em;
    width: calc(100% + 1em);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-card__list {
    left: 0;
    width: 100%;
  }
}

.expert-card__tag {
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #000;
  border: 1px solid #e3e3e3;
  padding: 8px 16px;
}

.expert-card__tag p {
  font-weight: 400;
  font-size: 18px;
  color: rgba(49, 49, 49, 0.5);
  line-height: 1.33333333em;
  font-weight: 400;
}

@media only screen and (max-width: 1278px) {
  .expert-card__tag p {
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .expert-card__tag {
    margin-right: 2em;
    margin-bottom: 2em;
    padding: 0.8em 1.6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-card__tag {
    margin-right: 1.2em;
    margin-bottom: 1.2em;
  }

  .expert-card__tag p {
    font-weight: 400;
    font-size: 16px;
    color: rgba(49, 49, 49, 0.5);
    line-height: 1.375em;
    font-weight: 400;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .expert-card__tag p {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 1278px) {
  .expert-card {
    padding: 2em 0;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .expert-card {
    border: none;
    border-bottom: 1px solid #e3e3e3;
  }
}

@media only screen and (min-width: 1025px) {
  .expert-card:hover .expert-card__name {
    color: #0077ff;
  }

  .expert-card:hover .expert-card__cover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
  }
}

.expert-inner-card {
  margin-left: -1px;
  margin-top: -1px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 20px 0;
}

.expert-inner-card__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  padding: 0 40px;
  height: 100%;
}

@media only screen and (max-width: 1278px) {
  .expert-inner-card__section {
    padding: 0 4em;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .expert-inner-card__section {
    border: none;
    padding: 0;
  }
}

.expert-inner-card__tag {
  margin-bottom: 12px;
  color: #999999;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-inner-card__tag {
    margin-bottom: 0.6em;
  }
}

.expert-inner-card__title {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  margin-bottom: 80px;
}

@media only screen and (max-width: 1278px) {
  .expert-inner-card__title {
    margin-bottom: 1.45833333em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-inner-card__title {
    margin-bottom: 2em;
  }
}

.expert-inner-card__data {
  border: 1px solid #e3e3e3;
  padding: 8px 16px;
  margin-top: auto;
}

.expert-inner-card__data p {
  font-weight: 400;
  font-size: 18px;
  color: rgba(49, 49, 49, 0.5);
  line-height: 1.33333333em;
  font-weight: 400;
}

@media only screen and (max-width: 1278px) {
  .expert-inner-card__data p {
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .expert-inner-card__data {
    padding: 0.8em 1.6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-inner-card__data p {
    font-weight: 400;
    font-size: 16px;
    color: rgba(49, 49, 49, 0.5);
    line-height: 1.375em;
    font-weight: 400;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .expert-inner-card__data p {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 1025px) {
  .expert-inner-card:hover .expert-inner-card__title {
    color: #0077ff;
  }
}

@media only screen and (max-width: 1278px) {
  .expert-inner-card {
    padding: 2em 0;
  }
}

.footer-inner {
  display: grid;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: -100px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 20px 0;
}

.footer-inner p {
  color: rgba(153, 153, 153, 0.7);
}

.footer-inner a {
  display: inline;
  color: #0077ff;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (min-width: 1025px) {
  .footer-inner a:hover {
    color: #0178ff;
  }
}

.footer-inner.reset-margin {
  margin-bottom: 100px;
}

.footer-inner--inner {
  padding: 20px 30px;
}

.footer-inner--inner:first-child {
  border-right: 1px solid #e3e3e3;
  padding-left: 0;
}

.footer-inner.border-bottom-none {
  border-bottom: none !important;
  margin-bottom: 100px;
}

@media only screen and (max-width: 1278px) {
  .footer-inner {
    margin-bottom: -10em;
  }

  .footer-inner.reset-margin {
    margin-bottom: 10em;
  }

  .footer-inner.border-bottom-none {
    margin-bottom: 10em;
  }
}

@media only screen and (max-width: 1023px) {
  .footer-inner {
    position: relative;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: -4em;
    border: none;
    padding: 0;
  }

  .footer-inner.reset-margin {
    margin-bottom: 4em;
  }

  .footer-inner.border-bottom-none {
    margin-bottom: 4em;
  }

  .footer-inner--inner {
    padding: 3.2em 0;
  }

  .footer-inner--inner:not(:last-child) {
    border-bottom: 1px solid #e3e3e3;
  }

  .footer-inner--inner:first-child {
    border-right: none;
    padding-top: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .footer-inner {
    margin-bottom: -4em;
  }

  .footer-inner::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #e3e3e3;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  .footer-inner.reset-margin {
    margin-bottom: 4em;
  }

  .footer-inner.border-bottom-none {
    margin-bottom: 4em;
  }

  .footer-inner--inner {
    padding: 3.2em 0;
  }

  .footer-inner--inner:first-child {
    padding: 3.2em 0;
  }
}

.partners {
  padding: 20px 0;
}

.partners .marquee__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  border-left: 1px solid #e3e3e3;
  padding: 10px 20px;
  width: 160px;
  height: 60px;
}

.partners .marquee__item img {
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

[data-theme="dark"] .partners .marquee__item {
  border-left: 1px solid #3B3B3B;
}

@media only screen and (max-width: 1278px) {
  .partners .marquee__item {
    padding: 1em 2em;
    width: 16em;
    height: 6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners {
    border-top: 1px solid #e3e3e3;
  }

  .partners .marquee__wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.feeadback-dark {
  position: relative;
  padding: 90px 48px;
  width: 100%;
  background: #1D1D1F;
  overflow: hidden;
}

.feeadback-dark__title {
  margin-bottom: 58px;
}

.feeadback-dark__title h3 {
  font-weight: 400;
  font-size: 36px;
  line-height: 1.38888889em;
}

@media only screen and (max-width: 1278px) {
  .feeadback-dark__title h3 {
    font-size: 3.6rem;
  }
}

@media only screen and (max-width: 1278px) {
  .feeadback-dark__title {
    margin-bottom: 3em;
  }

  .feeadback-dark__title h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 1.28125em;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .feeadback-dark__title h3 {
    font-size: 3.2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .feeadback-dark__title h3 {
    font-weight: 400;
    font-size: 30px;
    line-height: 1.2em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .feeadback-dark__title h3 {
    font-size: 3rem;
  }
}

.feeadback-dark__decor {
  position: absolute;
  top: 0;
  right: 0;
  width: 36.4%;
  height: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .feeadback-dark__decor {
    display: none;
  }
}

@media only screen and (max-width: 1278px) {
  .feeadback-dark {
    padding: 6em 4.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .feeadback-dark {
    padding: 3em;
  }
}

.tech {
  width: 100%;
}

.tech .title {
  margin-bottom: 65px;
}

@media only screen and (max-width: 1278px) {
  .tech .title {
    margin-bottom: 5.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .tech .title {
    margin-bottom: 2.4em;
  }
}

.tech__opportunities .text-container {
  grid-column-gap: 0;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 0;
}

.tech__opportunities .text-container:not(:last-child) {
  margin-bottom: 55px;
}

.tech__opportunities .text-container h4 {
  grid-column: span 2;
  padding-right: 40px;
}

.tech__opportunities .text-container p {
  grid-column: span 3;
  margin: 0;
}

@media only screen and (max-width: 1278px) {
  .tech__opportunities .text-container {
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 5em;
  }

  .tech__opportunities .text-container h4 {
    grid-column: span 3;
    padding-right: 0;
  }

  .tech__opportunities .text-container p {
    grid-column: span 4;
    padding-left: 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .tech__opportunities .text-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .tech__opportunities .text-container:not(:last-child) {
    margin-bottom: 2em;
  }

  .tech__opportunities .text-container p {
    padding-left: 0;
  }
}

.home {
  width: 100%;
}

.home .cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home .cover .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home .cover img {
  left: 0;
  right: auto;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .home .cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (min-width: 1200px) {
  .home .cover__section {
    width: 52%;
  }
}

.home__representations {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #e3e3e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home__representations p {
  margin: 0 48px;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.28571429em;
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {
  .home__representations p {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .home__representations p {
    font-size: 2.8rem;
    line-height: 1.28571429em;
  }
}

@media only screen and (min-width: 768px) {
  .home__representations p br {
    display: none;
  }
}

.home__representations svg {
  width: 35px;
  height: 35px;
  border-radius: 6px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .home__representations {
    padding: 2.5em 0;
  }

  .home__representations p {
    font-weight: 400;
    font-size: 26px;
    line-height: 1.15384615em;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-top: 0.61538462em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .home__representations p {
    font-size: 2.6rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .home__representations svg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 10px;
  }
}

.home__section {
  width: 100%;
}

.home__section:not(:last-child) {
  margin-bottom: 100px;
}

.home__section .card {
  background-color: transparent !important;
}

.home__section--gray {
  background: #EBEEF2;
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {

  .home__section--gray .card__section,
  .home__section--gray .grid-container__inner,
  .home__section--gray .card {
    border: none !important;
  }
}

@media only screen and (max-width: 1278px) {
  .home__section--gray {
    padding-top: 8em;
    padding-bottom: 8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .home__section--gray {
    padding-top: 3.2em;
    padding-bottom: 3.2em;
  }
}

.home__section--blue {
  background: #0077ff;
  color: #fff;
}

@media only screen and (max-width: 1278px) {
  .home__section:not(:last-child) {
    margin-bottom: 10em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .home__section:not(:last-child) {
    margin-bottom: 4.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .home__section.desctop {
    display: none;
  }
}

@media only screen and (min-width: 1023px) {
  .home .blog .container {
    display: grid;
    grid-row-gap: 50px;
    grid-column-gap: 50px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .home .blog .container {
    display: grid;
    grid-row-gap: 2em;
    grid-column-gap: 2em;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 1278px) {
  .home .blog .container {
    grid-row-gap: 2em;
    grid-column-gap: 2em;
  }
}

.product {
  width: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .product .marquee {
    border-top: none;
    padding: 0;
  }
}

.product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.product-item__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  margin-right: 30px;
  width: 60px;
  height: 60px;
}

@media only screen and (max-width: 1278px) {
  .product-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6em;
    flex: 0 0 6em;
    margin-right: 3em;
    width: 6em;
    height: 6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .product-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0;
    margin-bottom: 2.8em;
  }
}

.product-item__title {
  margin-bottom: 24px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .product-item__title {
    margin-bottom: 1.6em;
  }
}

.product-item__desc {
  max-width: 743px;
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .product-item {
    max-width: 74.3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.product__graph {
  margin-top: 10px;
  margin-bottom: 95px;
  width: 100%;
}

.product__graph picture,
.product__graph img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 1278px) {
  .product__graph {
    margin-top: 3em;
    margin-bottom: 9em;
    height: 35em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .product__graph {
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 5em;
    max-width: 37.5em;
    width: 100%;
    height: 28.5em;
  }
}

.news-page {
  width: 100%;
  padding-top: 120px;
}

@media only screen and (max-width: 1278px) {
  .news-page {
    padding-top: 12em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news-page {
    padding-top: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news-page .grid-container__wrapper {
    left: 0;
    grid-row-gap: 0;
    width: 100%;
  }
}

.news-page__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 80px;
}

.news-page__tabs a,
.news-page__tabs p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.22222222em;
  font-weight: 400;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {

  .news-page__tabs a,
  .news-page__tabs p {
    font-size: 1.8rem;
  }
}

.news-page__tabs a:not(:last-child),
.news-page__tabs p:not(:last-child) {
  margin-right: 25px;
}

.news-page__tabs a.active,
.news-page__tabs p.active {
  color: #0077ff;
}

@media only screen and (min-width: 1025px) {
  .news-page__tabs a:hover {
    color: #0178ff;
  }
}

@media only screen and (max-width: 1278px) {
  .news-page__tabs {
    margin-bottom: 8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news-page__tabs {
    margin-bottom: 4em;
  }
}

.news-page__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .news-page__section {
    margin-bottom: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news-page__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 2.4em;
  }
}

.news-page__list {
  display: none;
  opacity: 0;
}

.news-page__list.show {
  display: block;
  opacity: 1;
}

.news-page__no-results {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 148px 10px;
  text-align: center;
  margin-top: -1px;
}

.news-page__no-results p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 300;
}

@media only screen and (max-width: 1278px) {
  .news-page__no-results p {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 1278px) {
  .news-page__no-results {
    padding: 18em 1em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news-page__no-results {
    padding: 8.7em 0.5em;
  }

  .news-page__no-results p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    font-weight: 300;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .news-page__no-results p {
    font-size: 1.6rem;
  }
}

.news-page__reset {
  font-weight: 400;
  font-size: 20px;
  color: #0077ff;
  line-height: 1.4em;
  font-weight: 300;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .news-page__reset {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1025px) {
  .news-page__reset:hover {
    color: #0178ff;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news-page__reset {
    font-weight: 400;
    font-size: 16px;
    color: #0077ff;
    line-height: 1.375em;
    font-weight: 300;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .news-page__reset {
    font-size: 1.6rem;
  }
}

.news-page .btn {
  display: block;
  margin: 0 auto;
  margin-top: 60px;
  color: #000;
  background-color: #EBEEF2;
}

@media only screen and (max-width: 1278px) {
  .news-page .btn {
    margin-top: 2.18181818em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .news-page .btn {
    margin-top: 1.77777778em;
  }
}

@media only screen and (min-width: 1025px) {
  .news-page .btn:hover {
    color: #fff;
    background: #262626;
  }
}

.article {
  width: 100%;
  border-top: 1px solid #e3e3e3;
  padding-top: 120px;
}

@media only screen and (max-width: 1278px) {
  .article {
    padding-top: 12em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article {
    padding: 4em 0;
    padding-bottom: 0;
  }
}

.article-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.article-author__avatar {
  border-radius: 12px;
  overflow: hidden;
  width: 65px;
  height: 65px;
  margin-right: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 65px;
  flex: 0 0 65px;
}

@media only screen and (max-width: 1278px) {
  .article-author__avatar {
    width: 6.5em;
    height: 6.5em;
    margin-right: 2em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6.5em;
    flex: 0 0 6.5em;
  }
}

.article-author__date,
.article-author__name {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 400;
}

@media only screen and (max-width: 1278px) {

  .article-author__date,
  .article-author__name {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .article-author__date,
  .article-author__name {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    font-weight: 400;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {

  .article-author__date,
  .article-author__name {
    font-size: 1.6rem;
  }
}

.article-author__name {
  margin-bottom: 2px;
}

.article-author__date {
  color: rgba(49, 49, 49, 0.5);
}

@media only screen and (max-width: 1278px) {
  .article-author {
    margin-bottom: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article-author {
    margin-bottom: 0;
  }
}

.article__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.article__link {
  font-weight: 400;
  font-size: 18px;
  margin: 0 12px;
}

@media only screen and (max-width: 1278px) {
  .article__link {
    font-size: 1.8rem;
  }
}

.article__link.active {
  color: #0077ff;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article .grid-container__wrapper {
    width: 100%;
    left: 0;
  }
}

.article__section {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(6, 1fr);
  margin: 0 auto;
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .article__section {
    max-width: 60.2em;
    display: block;
  }
}

.article__list {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.article__date {
  font-weight: 400;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.4em;
}

@media only screen and (max-width: 1278px) {
  .article__date {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__date {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.75em;
    margin-bottom: 1.25em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .article__date {
    font-size: 1.6rem;
  }
}

.article__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 212px;
  height: 28px;
}

.article__product img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
}

@media only screen and (max-width: 1278px) {
  .article__product {
    width: 21.2em;
    height: 2.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__product {
    width: 18em;
    height: 2.4em;
  }
}

.article__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 80px;
  grid-column: 2/span 4;
}

@media only screen and (max-width: 1278px) {
  .article__top {
    margin-bottom: 8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 4em;
    grid-column: span 6;
  }
}

.article__container {
  margin-bottom: 100px;
  grid-column: 2/span 4;
}

@media only screen and (max-width: 1278px) {
  .article__container {
    margin-bottom: 10em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__container {
    margin-bottom: 3em;
    grid-column: span 6;
  }
}

.article__title {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .article__title {
    margin-bottom: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__title {
    margin-bottom: 2.4em;
  }
}

.article__subtitle {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .article__subtitle {
    margin-bottom: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__subtitle {
    margin-bottom: 2.4em;
  }
}

.article__lead {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .article__lead {
    margin-bottom: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__lead {
    margin-bottom: 2.4em;
  }
}

.article__quote-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1278px) {
  .article__quote-author {
    margin-bottom: 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__quote-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.article__quote-author-photo {
  width: 150px;
  height: 150px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  margin-right: 20px;
  overflow: hidden;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 1278px) {
  .article__quote-author-photo {
    width: 15em;
    height: 15em;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__quote-author-photo {
    width: 15em;
    height: 15em;
    margin-right: 0;
    margin-bottom: 1.5em;
  }
}

.article__text h1 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .article__text h1 {
    margin-bottom: 1em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__text h1 {
    margin-bottom: 0.85714286em;
  }
}

.article__text h2 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .article__text h2 {
    margin-bottom: 1.05263158em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__text h2 {
    margin-bottom: 0.85714286em;
  }
}

.article__text h3 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .article__text h3 {
    margin-bottom: 0.83333333em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__text h3 {
    margin-bottom: 1em;
  }
}

.article__text blockquote {
  position: relative;
  margin: 0 auto;
  padding: 32px;
  z-index: 1;
  background: #EBEEF2;
}

@media only screen and (max-width: 1278px) {
  .article__text blockquote {
    padding: 3.2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__text blockquote {
    padding: 3.2em 0;
  }

  .article__text blockquote::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    z-index: -1;
    background: #EBEEF2;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    content: "";
    display: block;
  }
}

.article__text figure:not(:last-child),
.article__text blockquote:not(:last-child),
.article__text ul:not(:last-child),
.article__text p:not(:last-child),
.article__text .article__quote:not(:last-child) {
  margin-bottom: 40px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .article__text figure:not(:last-child),
  .article__text blockquote:not(:last-child),
  .article__text ul:not(:last-child),
  .article__text p:not(:last-child),
  .article__text .article__quote:not(:last-child) {
    margin-bottom: 20px;
  }
}

.article__text ul,
.article__text ol {
  margin-left: 32px;
  width: calc(100% - 32px);
  padding: 0;
}

.article__text ul li {
  list-style: disc;
}

.article__text ol li {
  list-style: unset;
}

.article__text li {
  position: relative;
}

.article__text li:not(:last-child) {
  margin-bottom: 15px;
}

.article__text a {
  color: #0077ff;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media only screen and (min-width: 1025px) {
  .article__text a:hover {
    color: #0178ff;
  }
}

.article__text td,
.article__text table {
  border: none;
}

.article__text table {
  table-layout: fixed;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .article__text table {
    border-spacing: 40px;
    width: calc(100% + 80px);
    margin-left: -40px;
  }
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {
  .article__text table {
    border-spacing: 4em;
    width: calc(100% + 8em);
    margin-left: -4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__text table {
    margin-bottom: 20px;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__text tr:not(:last-child) {
    margin-bottom: 2em;
  }
}

.article__text td {
  vertical-align: top;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__text td {
    margin-bottom: 20px;
  }
}

.article__text td svg {
  width: 20px;
}

.article__text td p:not(:last-child) {
  margin-bottom: 12px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__text tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.article__text img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .article__text img {
    width: auto;
    max-width: initial;
  }
}

.article__text figcaption {
  font-weight: 400;
  font-size: 20px;
  color: rgba(49, 49, 49, 0.5);
  line-height: 1.4em;
  font-weight: 400;
  display: block;
  margin-top: 24px;
  text-align: left;
}

@media only screen and (max-width: 1278px) {
  .article__text figcaption {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__text figcaption {
    font-weight: 400;
    font-size: 16px;
    color: rgba(49, 49, 49, 0.5);
    line-height: 1.375em;
    font-weight: 400;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .article__text figcaption {
    font-size: 1.6rem;
  }
}

.article__text--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #313131;
  cursor: pointer;
}

.article__text--link a {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: currentColor;
}

.article__text--link h2 {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  margin-right: 8px;
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 1025px) {
  .article__text--link:hover {
    color: #0077ff;
  }

  .article__text--link:hover svg {
    color: #fff;
  }

  .article__text--link:hover .article__text--arrow {
    background-color: #0077ff;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__text--link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.article__text--arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #0077ff;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  margin-top: 5px;
  border-radius: 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 42px;
  flex: 1 0 42px;
  color: #0077ff;
  width: 42px;
  height: 32px;
}

.article__text--arrow svg {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  width: 18px;
  height: 16px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__text--arrow {
    margin-botoom: 5px;
    margin-top: 0;
  }
}

.article__figure {
  width: 100%;
  margin-bottom: 40px;
}

.article__figure img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: auto;
}

.article__figure figcaption {
  font-weight: 400;
  font-size: 17px;
  color: rgba(49, 49, 49, 0.5);
  line-height: 1.41176471em;
  font-weight: 400;
  margin-top: 15px;
  display: block;
  text-align: center;
}

@media only screen and (max-width: 1278px) {
  .article__figure figcaption {
    font-size: 1.7rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__figure figcaption {
    font-weight: 400;
    font-size: 16px;
    color: rgba(49, 49, 49, 0.5);
    line-height: 1.375em;
    font-weight: 400;
    margin-top: 1em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .article__figure figcaption {
    font-size: 1.6rem;
  }
}

.article__blockquote {
  padding: 32px;
  background: #EBEEF2;
}

.article__blockquote--container {
  margin: 0 auto;
  width: 100%;
  max-width: 810px;
}

@media only screen and (max-width: 1278px) {
  .article__blockquote--container {
    max-width: 60.2em;
  }
}

.article__blockquote:not(:last-child) {
  margin-bottom: 40px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .article__blockquote {
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

.procurement {
  width: 100%;
}

.procurement .cover .cover__frame {
  position: absolute;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  top: 50%;
  left: auto;
  right: 0;
  width: 620px;
  height: 545px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 1278px) {
  .procurement .cover .container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .procurement .cover .cover__frame {
    width: 62em;
    max-width: 50%;
    height: auto;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .procurement .cover {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .procurement .cover .cover__frame {
    margin: 0 auto;
    margin-left: -1em;
    position: relative;
    width: 100%;
    max-width: 38.7em;
    height: auto;
    right: auto;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

.procurement__title {
  text-align: center;
  margin-bottom: 80px;
}

@media only screen and (max-width: 1278px) {
  .procurement__title {
    margin-bottom: 1.375em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .procurement__title {
    margin-bottom: 1.07142857em;
    text-align: left;
  }

  .procurement__title br {
    display: none;
  }
}

.procurement__grid {
  display: grid;
  grid-row-gap: 40px;
  grid-column-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(4, 1fr);
}

@media only screen and (max-width: 1278px) {
  .procurement__grid {
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 2.4em;
    grid-column-gap: 2.4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .procurement__grid {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 1.6em;
    grid-column-gap: 0;
  }
}

.procurement__card {
  background-color: #EDF0F3;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 16px;
  padding: 30px 25px;
  height: 300px;
}

@media only screen and (min-width: 1200px) {
  .procurement__card.big {
    grid-column: span 2;
    padding-left: 40px;
  }
}

@media only screen and (max-width: 1278px) {
  .procurement__card {
    padding: 3em 2.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .procurement__card {
    padding: 2.8em;
  }
}

.procurement__img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}

.procurement__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (min-width: 1200px) {
  .big .procurement__img {
    width: auto;
  }

  .big .procurement__img img {
    width: auto;
  }
}

@media only screen and (max-width: 1278px) {
  .procurement__img {
    width: 100%;
    height: 100%;
  }
}

.procurement__headline {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.16666667em;
  font-weight: 500;
  text-align: center;
}

@media only screen and (max-width: 1278px) {
  .procurement__headline {
    font-size: 2.4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .big .procurement__headline {
    text-align: left;
  }
}

.procurement .card__icon {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  background-color: #313131;
}

.procurement .start-project .card__icon,
.procurement .why-me .card__icon {
  background-color: #edf0f3;
}

.procurement .start-project .card__icon.bg-blue {
  background-color: #0077ff;
}

.tech-tarantool {
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .tech-tarantool .cover .container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.contacts {
  width: 100%;
}

.contacts__map {
  position: relative;
  padding-top: 62%;
}

.contacts__map img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .contacts__map {
    margin-bottom: -4.5em;
  }

  .contacts__map img {
    left: 50%;
    min-width: 100vw;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

.contacts .cover__copy {
  position: absolute;
  right: 9.8em;
  bottom: 10.4em;
  color: #fff;
}

.contacts .cover__copy p {
  font-weight: 400;
  font-size: 22px;
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {
  .contacts .cover__copy p {
    font-size: 2.2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .contacts .cover__copy p {
    font-weight: 400;
    font-size: 18px;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .contacts .cover__copy p {
    font-size: 1.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .contacts .cover__copy {
    right: 15.8em;
    bottom: 3.4em;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .contacts .cover__copy {
    right: 4.8em;
    bottom: 4.4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .contacts .cover img {
    max-width: 37.5em !important;
    top: auto !important;
    bottom: -1em !important;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .contacts .cover img {
    width: 111vw !important;
    max-width: 111vw !important;
  }
}

.contacts .cover__title small {
  display: block;
  margin-bottom: 16px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .contacts .cover__title {
    text-align: left;
  }
}

.contacts .cover__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.contacts .cover__desc span {
  opacity: 0.7;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .contacts .cover__desc p {
    width: 100%;
    text-align: left;
  }

  .contacts .cover__desc a {
    display: block;
    width: 100%;
  }
}

.contacts .cover__btn {
  white-space: nowrap;
}

.contacts .cover__btn svg {
  margin-right: 12px;
  width: 28px;
  height: 16px;
  min-width: 28px;
  fill: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .contacts .cover__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.contacts .text-container .btn {
  margin-left: auto;
}

.contacts .text-container__inner .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.contacts .text-container__inner .btn svg {
  margin-left: 10px;
  width: 22px;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .contacts .text-container__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.terms {
  width: 100%;
  width: 100%;
  padding-top: 120px;
}

.terms h1 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .terms h1 {
    margin-bottom: 1em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .terms h1 {
    margin-bottom: 0.6em;
  }
}

.terms h2:not(:last-child),
.terms p:not(:last-child),
.terms ul:not(:last-child),
.terms table:not(:last-child) {
  margin-bottom: 25px;
  border: none;
}

.terms a {
  color: #0077ff;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (min-width: 1025px) {
  .terms a:hover {
    color: #0178ff;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .terms li {
    padding-left: 15px;
  }
}

.terms li strong,
.terms p strong {
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {
  .terms {
    padding-top: 12em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .terms {
    padding-top: 4em;
  }
}

.terms table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.terms table th,
.terms table td {
  padding: 10px 15px;
  border: 1px solid #e3e3e3;
}

.terms table th p,
.terms table td p {
  margin-bottom: 0 !important;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .terms table {
    border: 0;
  }

  .terms table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .terms table tr {
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom: 0;
  }

  .terms table tr:not(:last-child) {
    margin-bottom: 25px;
  }

  .terms table td::before {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    content: attr(data-label);
    font-family: "VKSansDisplay", sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    text-align: left;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .terms table td::before {
    font-size: 1.2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .terms table td:last-child {
    border-bottom: 0;
  }

  .terms table td {
    display: block;
    text-align: left;
  }

  .terms table td:not(:last-child) {
    border-bottom: none;
  }
}

.tax-compliance-platform {
  width: 100%;
}

.tax-compliance-platform .blog-page__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tax-compliance-platform .blog-page__list .btn {
  margin-top: 50px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .tax-compliance-platform .blog-page__list .btn {
    margin-top: 35px;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .tax-compliance-platform .card-blog:first-child {
    border-top: 1px solid #e2e2e2 !important;
  }
}

.tax-compliance-platform .cover {
  overflow: hidden;
}

.tax-compliance-platform .platform__inner {
  border: 1.5px solid #000000;
}

.tax-compliance-platform .cover.mask .cover__picture {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  width: 780px;
  height: 515px;
}

.tax-compliance-platform .cover.mask .cover__picture img {
  -o-object-position: left top;
  object-position: left top;
}

@media only screen and (max-width: 1440px) {
  .tax-compliance-platform .cover.mask .cover__picture {
    width: 78em;
    height: 51.5em;
  }
}

@media only screen and (max-width: 1290px) {
  .tax-compliance-platform .cover.mask .cover__picture {
    width: 71em;
    height: 48.5em;
  }
}

@media only screen and (max-width: 1200px) {
  .tax-compliance-platform .cover.mask .cover__picture {
    width: 56.2em;
    height: 43.4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .tax-compliance-platform .cover.mask .cover__picture {
    left: auto;
    right: auto;
    width: 100%;
    height: 20em;
  }

  .tax-compliance-platform .cover.mask .cover__picture img {
    left: auto;
    right: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: calc(100% + 3.2em);
    min-width: calc(100% + 3.2em);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

@media only screen and (max-width: 1278px) {
  .tax-compliance-platform .cover__section {
    max-width: 38em;
  }
}

.tax-compliance-platform__aside {
  padding: 65px 0;
  background-image: url("../images-new/tax-compliance-platform/decor.png");
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ebeef2;
}

.tax-compliance-platform__aside-inner {
  width: 100%;
  max-width: 1160px;
}

.tax-compliance-platform__aside p {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.28571429em;
  font-weight: 500;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .tax-compliance-platform__aside p {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .tax-compliance-platform__aside p {
    margin-bottom: 1.42857143em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .tax-compliance-platform__aside p {
    font-weight: 400;
    font-size: 26px;
    line-height: 1.15384615em;
    font-weight: 500;
    margin-bottom: 1.53846154em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .tax-compliance-platform__aside p {
    font-size: 2.6rem;
  }
}

@media only screen and (max-width: 1278px) {
  .tax-compliance-platform__aside {
    padding: 6.5em 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .tax-compliance-platform__aside {
    padding: 4.5em 0;
    background-image: url("../images-new/tax-compliance-platform/decor-mobile.png");
  }
}

.tax-compliance-platform__icon {
  display: block;
  margin: auto;
  width: 400px;
  height: 400px;
}

@media only screen and (max-width: 1278px) {
  .tax-compliance-platform__icon {
    width: 40em;
    height: 40em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .tax-compliance-platform__icon {
    margin-top: 3.3em;
    width: 31em;
    height: 31em;
  }
}

.tax-compliance-platform .home__section--btn .btn {
  margin-top: 50px;
}

@media only screen and (max-width: 1278px) {
  .tax-compliance-platform .home__section--btn .btn {
    margin-top: 2.27272727em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .tax-compliance-platform .home__section--btn .btn {
    margin-top: 1.66666667em;
  }
}

.team {
  margin-top: 28px;
  width: 100%;
}

.team__wrapper {
  display: grid;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .team__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 567px) {
  .team__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.team__title {
  margin: auto 0;
  width: 100%;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .team__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #e3e3e3;
    height: 100%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .team__title {
    margin-bottom: 0.89285714em;
    grid-column: span 2;
  }
}

@media only screen and (max-width: 1278px) {
  .team {
    margin-top: 2.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .team {
    margin-top: 4em;
  }
}

.worker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px 0;
}

.worker__section {
  width: 100%;
  height: 100%;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .worker__section {
    border-right: 1px solid #e3e3e3;
    padding: 20px 0;
  }
}

.worker__avatar {
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 32px;
  border-radius: 50%;
  width: 392px;
  height: 392px;
}

.worker__avatar img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 1278px) {
  .worker__avatar {
    margin-bottom: 2.8em;
    width: 28.8em;
    height: 28.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .worker__avatar {
    margin-bottom: 2em;
    width: 25em;
    height: 25em;
  }
}

.worker__info {
  padding-right: 40px;
  padding-left: 40px;
}

@media only screen and (max-width: 1278px) {
  .worker__info {
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .worker__info {
    padding: 0;
  }
}

.worker__name {
  margin-bottom: 12px;
}

.worker__email {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 400;
  margin-top: 12px;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .worker__email {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1025px) {
  .worker__email:hover {
    color: #0178ff;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .worker__email {
    font-size: 1.6rem;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .worker:nth-child(2) .worker__section {
    border-left: 1px solid #e3e3e3;
  }

  .worker:nth-child(3n) .worker__section {
    border-right: none;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .worker {
    border-bottom: 1px solid #e3e3e3;
  }
}

@media only screen and (max-width: 567px) {
  .worker {
    width: 100%;
  }
}

.assistant {
  width: 100%;
}

.assistant .grid-container__wrapper.business .card__heading {
  margin-bottom: 0 !important;
}

.assistant .grid-container__wrapper.business .card__desc {
  margin-bottom: 40px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .grid-container__wrapper.business .card__desc {
    margin-bottom: 16px;
  }
}

.assistant .text-container.custom {
  grid-template-columns: repeat(6, 1fr);
}

.assistant .text-container.custom h3 {
  grid-column: span 4;
}

.assistant .text-container.custom p {
  grid-column: span 2;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .text-container.custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.assistant .cover img {
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .assistant .cover img {
    width: 100%;
    -o-object-position: center center;
    object-position: center center;
  }

  .assistant .cover .container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .cover {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .assistant .cover img {
    height: 100%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .marquee {
    padding: 0;
    border-bottom: none;
  }
}

.assistant .why-assistant .card__heading {
  margin-top: 15px;
}

.assistant img.cover__frame {
  width: 500px;
  height: 530px;
  position: absolute;
  left: auto;
  right: 0;
  top: auto;
  z-index: 10;
  bottom: -60px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top left;
  object-position: top left;
}

@media only screen and (max-width: 1278px) {
  .assistant img.cover__frame {
    width: 52.7em;
    height: 53.2em;
    right: -3.2em;
    bottom: -8em;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(85% + 0.1em), 0 calc(85% + 0.1em));
    clip-path: polygon(0 0, 100% 0, 100% calc(85% + 0.1em), 0 calc(85% + 0.1em));
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant img.cover__frame {
    position: relative;
    width: 38.7em;
    max-width: 38.7em;
    height: 53.2em;
    height: 39.5em;
    right: auto;
    top: auto;
    bottom: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: 24.8em;
    -o-object-position: top;
    object-position: top;
    -o-object-fit: cover;
    object-fit: cover;
    bottom: -4em;
    margin-left: 3em;
    left: -1.4em;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 40em;
    max-width: 40em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40em;
    flex: 0 0 40em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .platform__logo {
    height: auto;
  }
}

.assistant .platform__inner {
  border: 1.5px solid #BAC3CE;
  -webkit-box-shadow: 0px 100px 80px rgba(214, 214, 214, 0.07), 0px 41.7776px 33.4221px rgba(214, 214, 214, 0.0503198), 0px 22.3363px 17.869px rgba(202, 202, 202, 0.0417275), 0px 12.5216px 10.0172px rgba(205, 205, 205, 0.035), 0px 6.6501px 5.32008px rgba(187, 187, 187, 0.0282725), 0px 2.76726px 2.21381px rgba(173, 173, 173, 0.0196802);
  box-shadow: 0px 100px 80px rgba(214, 214, 214, 0.07), 0px 41.7776px 33.4221px rgba(214, 214, 214, 0.0503198), 0px 22.3363px 17.869px rgba(202, 202, 202, 0.0417275), 0px 12.5216px 10.0172px rgba(205, 205, 205, 0.035), 0px 6.6501px 5.32008px rgba(187, 187, 187, 0.0282725), 0px 2.76726px 2.21381px rgba(173, 173, 173, 0.0196802);
  border-radius: 24px;
  text-align: center;
  padding-top: 70px;
  padding-bottom: 70px;
}

@media only screen and (max-width: 1278px) {
  .assistant .platform__inner {
    padding-top: 7em;
    padding-bottom: 7em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .platform__inner {
    padding-top: 3.8em;
    padding-bottom: 3em;
  }
}

.assistant .platform__text {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.28571429em;
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {
  .assistant .platform__text {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .assistant .platform__text {
    font-weight: 400;
    font-size: 26px;
    line-height: 1.15384615em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .assistant .platform__text {
    font-size: 2.6rem;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .assistant .platform__scheme {
    margin-bottom: 100px;
  }
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {
  .assistant .platform__scheme {
    margin-bottom: 10em;
  }
}

.assistant ul.card__desc {
  margin-top: 58px;
}

.assistant .card__icon {
  display: inline-block;
}

.assistant .card__icon--marusya {
  width: 168px;
  -o-object-fit: contain;
  object-fit: contain;
}

.assistant .card__icon:not(:last-child) {
  margin-right: 8px;
}

@media only screen and (max-width: 1278px) {
  .assistant .card__icon:not(:last-child) {
    margin-right: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .card--statistics {
    border-top: 1px solid #e3e3e3 !important;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.assistant .background--blue {
  background-color: #0077ff;
  padding: 120px 0;
  color: #fff;
}

.assistant .background--blue .card__icon {
  width: 95px;
  height: 95px;
  margin-bottom: 45px;
}

@media only screen and (max-width: 1278px) {
  .assistant .background--blue .card__icon {
    width: 9.5em;
    height: 9.5em;
    margin-bottom: 4.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .background--blue .card__icon {
    width: 6em;
    height: 6em;
    margin-bottom: 0;
  }
}

.assistant .background--blue .title {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1278px) {
  .assistant .background--blue .title {
    margin-bottom: 8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .background--blue .title {
    margin-bottom: 2em;
  }
}

.assistant .background--blue h3 {
  text-align: center;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .background--blue h3 {
    text-align: left;
  }
}

.assistant .background--blue .card__desc {
  color: #fff;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .assistant .background--blue .arrow_right {
    opacity: 0.5;
    right: 0;
    top: 85px;
  }
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {
  .assistant .background--blue .arrow_right {
    width: 9em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .background--blue .arrow_right {
    top: auto;
    bottom: 0.7em;
    height: calc(100% - 6em - 1.5em);
  }
}

.assistant .background--blue .grid-container__inner {
  border-top: none;
}

.assistant .background--blue .card {
  border-bottom: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .background--blue .card {
    padding: 0 !important;
  }

  .assistant .background--blue .card .card__section {
    border: none;
    padding: 0 !important;
  }

  .assistant .background--blue .card .card__icon {
    margin-bottom: 0;
    margin-right: 1.6em;
  }

  .assistant .background--blue .card .card__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .assistant .background--blue .card .card__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .assistant .background--blue .card .card__desc {
    font-size: 1.6rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .background--blue .card:not(:last-child) {
    margin-bottom: 3em;
  }
}

.assistant .background--blue .card:not(.card--form) .card__section {
  border-left: none;
}

.assistant .background--blue .card:last-child .arrow_right {
  display: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .background--blue .card {
    padding-top: 0;
    padding-bottom: 0;
  }

  .assistant .background--blue .card:not(:last-child) {
    margin-bottom: 5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .background--blue .card__section {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 1278px) {
  .assistant .background--blue {
    padding: 10em 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant .background--blue {
    padding: 4.8em 0;
  }
}

.process-mining {
  width: 100%;
}

.process-mining .title {
  margin-bottom: 70px;
}

@media only screen and (max-width: 1278px) {
  .process-mining .title {
    margin-bottom: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .process-mining .title {
    margin-bottom: 2.8em;
  }
}

.process-mining .control__cover {
  margin-bottom: 55px;
}

@media only screen and (max-width: 1278px) {
  .process-mining .control__cover {
    margin: 0 auto;
    margin-bottom: 5.5em;
    display: block;
    width: 80.7em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .process-mining .control .grid-container__wrapper {
    width: 100%;
    left: auto;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .process-mining .control .card {
    padding: 0 !important;
  }

  .process-mining .control .card .card__section {
    border: none;
    padding: 0 !important;
  }

  .process-mining .control .card .card__icon {
    margin-bottom: 0;
    margin-right: 1.6em;
  }

  .process-mining .control .card .card__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .process-mining .control .card .card__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .process-mining .control .card .card__desc {
    font-size: 1.6rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .process-mining .control .card:not(:last-child) {
    margin-bottom: 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .process-mining .control .card {
    padding: 0 !important;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .process-mining .features.xl-column-span-5 .features__description {
    width: 400px;
  }
}

.process-mining .features.logistics .features__img {
  -o-object-position: right;
  object-position: right;
}

.process-mining .features.production .features__img {
  -o-object-position: left;
  object-position: left;
}

@media only screen and (max-width: 1278px) {
  .process-mining .features.production .features__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
  }
}

.process-mining .features.document .features__img {
  -o-object-fit: cover;
  object-fit: cover;
}

.process-mining .features.management .features__img {
  z-index: -1;
  position: absolute;
  right: 47px;
  bottom: 0;
  width: 398px;
  height: auto;
}

@media only screen and (max-width: 1278px) {
  .process-mining .features.management .features__img {
    right: -1em;
    width: 348px;
  }
}

@media only screen and (max-width: 1278px) {
  .process-mining .features.management .features__description {
    width: 34em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .process-mining .features.management .features__description {
    width: 100%;
  }
}

.blog-inner {
  width: 100%;
  padding-top: 0;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .blog-inner .card-blog {
    border-top: none;
    border-bottom: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-inner .card-blog:last-child {
    border-bottom: none;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .blog-inner .card-blog__cover {
    display: none;
  }
}

.blog-inner__no-cover {
  padding-top: 120px;
}

@media only screen and (max-width: 1278px) {
  .blog-inner__no-cover {
    padding-top: 12em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-inner__no-cover {
    padding-top: 4em;
  }
}

.blog-inner__cover {
  position: relative;
  padding-top: 33.4%;
  width: 100%;
  margin-bottom: 100px;
}

.blog-inner__cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 1278px) {
  .blog-inner__cover {
    padding-top: 0;
    height: 34.2em;
    margin-bottom: 5.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-inner__cover {
    height: 17em;
    margin-bottom: 3.5em;
  }
}

.blog-inner .article__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 62px;
}

@media only screen and (max-width: 1278px) {
  .blog-inner .article__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto;
    margin-bottom: 6em;
    max-width: 60.2em;
    width: 100%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-inner .article__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%;
    width: 100%;
    margin-bottom: 3.2em;
  }
}

.blog-inner .article__top--section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1278px) {
  .blog-inner .article__top--section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-inner .article__top--section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 3.2em;
  }
}

.blog-inner .article-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-inner .article-row:not(:last-child) {
  margin-right: 40px;
}

.blog-inner .article-row svg {
  width: 28px;
  height: 28px;
  margin-right: 12px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28px;
  flex: 0 0 28px;
}

.blog-inner .article-row p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 400;
}

@media only screen and (max-width: 1278px) {
  .blog-inner .article-row p {
    font-size: 2rem;
  }
}

.blog-inner .article-row.share {
  color: #0077ff;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

.blog-inner .article-row.share p,
.blog-inner .article-row.share svg {
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (min-width: 1025px) {
  .blog-inner .article-row.share:hover {
    color: #0178ff;
  }
}

@media only screen and (max-width: 1278px) {
  .blog-inner .article-row:not(:last-child) {
    margin-right: 1em;
  }

  .blog-inner .article-row svg {
    width: 2.2em;
    height: 2.2em;
    margin-right: 1.5em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.2em;
    flex: 0 0 2.2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-inner .article-row:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1.6em;
  }

  .blog-inner .article-row p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    font-weight: 400;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .blog-inner .article-row p {
    font-size: 1.6rem;
  }
}

.blog-page {
  width: 100%;
  padding-top: 120px;
}

@media only screen and (max-width: 1278px) {
  .blog-page {
    padding-top: 12em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-page {
    padding-top: 4em;
  }
}

.blog-page__title {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .blog-page__title {
    margin-bottom: 1em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-page__title {
    margin-bottom: 0.85714286em;
  }
}

.blog-page__container {
  margin-top: -1px;
}

.blog-page__container.show {
  display: block;
  opacity: 1;
}

.blog-page__list.popular {
  position: relative;
  left: 50%;
  padding: 55px 0;
  margin: 50px 0;
  width: 100vw;
  color: #fff;
  background-color: #0077FF;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.blog-page__list.popular .blog-page__title {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1278px) {
  .blog-page__list.popular .blog-page__title {
    margin-bottom: 0.75em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-page__list.popular .blog-page__title {
    margin-bottom: 1.07142857em;
  }
}

.blog-page__list.popular .card-blog {
  border: none;
}

@media only screen and (min-width: 1025px) {

  .blog-page__list.popular .card-blog:hover .card-blog__icon,
  .blog-page__list.popular .card-blog:hover .card-blog__title {
    color: rgba(255, 255, 255, 0.5);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .blog-page__list.popular .card-blog {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }

  .blog-page__list.popular .card-blog:nth-child(2),
  .blog-page__list.popular .card-blog:first-child {
    border-top: none;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .blog-page__list.popular .card-blog:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.popular .card-blog:last-child .card-blog__container {
    border-right: none;
  }
}

.blog-page__list.popular .card-blog__date {
  color: #fff;
  opacity: 0.75;
}

.blog-page__list.popular .card-blog__icon {
  color: #fff;
  opacity: 0.75;
}

.blog-page__list.popular .card-blog__container {
  border-color: rgba(255, 255, 255, 0.3);
}

@media only screen and (max-width: 1278px) {
  .blog-page__list.popular {
    margin: 5.5em 0;
    padding: 5.5em 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-page__list.popular {
    margin: 4.8em 0;
    padding: 4.8em 0;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.first .grid-container__inners {
    position: relative;
    top: 1px;
  }

  .blog-page__list.first .card-blog:nth-child(6n) .card-blog__section,
  .blog-page__list.first .card-blog:first-child .card-blog__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .blog-page__list.first .card-blog:nth-child(6n) .card-blog__icon,
  .blog-page__list.first .card-blog:first-child .card-blog__icon {
    margin-top: auto;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) {

  .blog-page__list.first .card-blog:nth-child(6n),
  .blog-page__list.first .card-blog:first-child {
    grid-column: span 2;
  }

  .blog-page__list.first .card-blog:nth-child(6n) .card-blog__container,
  .blog-page__list.first .card-blog:first-child .card-blog__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .blog-page__list.first .card-blog:nth-child(6n) .card-blog__cover,
  .blog-page__list.first .card-blog:first-child .card-blog__cover {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    margin-right: 30px;
    margin-bottom: 0;
    padding-top: 0;
    height: 320px;
    width: 400px;
  }

  .blog-page__list.first .card-blog:nth-child(6n) .card-blog__cover img,
  .blog-page__list.first .card-blog:first-child .card-blog__cover img {
    height: calc(100% + 40px);
    top: -20px;
  }
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {

  .blog-page__list.first .card-blog:nth-child(6n) .card-blog__cover,
  .blog-page__list.first .card-blog:first-child .card-blog__cover {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29.8em;
    flex: 0 0 29.8em;
    margin-right: 3em;
    margin-bottom: 0;
    padding-top: 0;
    width: 29.8em;
    height: 24.4em;
  }

  .blog-page__list.first .card-blog:nth-child(6n) .card-blog__cover img,
  .blog-page__list.first .card-blog:first-child .card-blog__cover img {
    height: calc(100% + 4em);
    top: -2em;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) {

  .blog-page__list.first .card-blog:nth-child(6n)+.card-blog .card-blog__cover,
  .blog-page__list.first .card-blog:first-child+.card-blog .card-blog__cover {
    display: none;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.first .card-blog:nth-child(5n) .card-blog__cover {
    display: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-page__list.first .card-blog:last-child {
    border-bottom: none;
  }
}

.blog-page__list.all.border {
  border-top: 1px solid #e2e2e2;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.all .card-blog:first-child .card-blog__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .blog-page__list.all .card-blog:first-child .card-blog__icon {
    margin-top: auto;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.all .card-blog:first-child {
    grid-column: span 2;
  }

  .blog-page__list.all .card-blog:first-child .card-blog__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .blog-page__list.all .card-blog:first-child .card-blog__cover {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    margin-right: 30px;
    margin-bottom: 0;
    padding-top: 0;
    height: 320px;
    width: 400px;
  }

  .blog-page__list.all .card-blog:first-child .card-blog__cover img {
    height: calc(100% + 40px);
    top: -20px;
  }
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {
  .blog-page__list.all .card-blog:first-child .card-blog__cover {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29.8em;
    flex: 0 0 29.8em;
    margin-right: 3em;
    margin-bottom: 0;
    padding-top: 0;
    width: 29.8em;
    height: 24.4em;
  }

  .blog-page__list.all .card-blog:first-child .card-blog__cover img {
    height: calc(100% + 4em);
    top: -2em;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.all .card-blog:nth-child(10n + 11) .card-blog__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .blog-page__list.all .card-blog:nth-child(10n + 11) .card-blog__icon {
    margin-top: auto;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.all .card-blog:nth-child(10n + 11) {
    grid-column: span 2;
  }

  .blog-page__list.all .card-blog:nth-child(10n + 11) .card-blog__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .blog-page__list.all .card-blog:nth-child(10n + 11) .card-blog__cover {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    margin-right: 30px;
    margin-bottom: 0;
    padding-top: 0;
    height: 320px;
    width: 400px;
  }

  .blog-page__list.all .card-blog:nth-child(10n + 11) .card-blog__cover img {
    height: calc(100% + 40px);
    top: -20px;
  }
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {
  .blog-page__list.all .card-blog:nth-child(10n + 11) .card-blog__cover {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29.8em;
    flex: 0 0 29.8em;
    margin-right: 3em;
    margin-bottom: 0;
    padding-top: 0;
    width: 29.8em;
    height: 24.4em;
  }

  .blog-page__list.all .card-blog:nth-child(10n + 11) .card-blog__cover img {
    height: calc(100% + 4em);
    top: -2em;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.all .card-blog:nth-child(10n + 12) .card-blog__cover {
    display: none;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.all .card-blog:nth-child(10n + 7) .card-blog__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .blog-page__list.all .card-blog:nth-child(10n + 7) .card-blog__icon {
    margin-top: auto;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.all .card-blog:nth-child(10n + 7) {
    grid-column: span 2;
  }

  .blog-page__list.all .card-blog:nth-child(10n + 7) .card-blog__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .blog-page__list.all .card-blog:nth-child(10n + 7) .card-blog__cover {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    margin-right: 30px;
    margin-bottom: 0;
    padding-top: 0;
    height: 320px;
    width: 400px;
  }

  .blog-page__list.all .card-blog:nth-child(10n + 7) .card-blog__cover img {
    height: calc(100% + 40px);
    top: -20px;
  }
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {
  .blog-page__list.all .card-blog:nth-child(10n + 7) .card-blog__cover {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29.8em;
    flex: 0 0 29.8em;
    margin-right: 3em;
    margin-bottom: 0;
    padding-top: 0;
    width: 29.8em;
    height: 24.4em;
  }

  .blog-page__list.all .card-blog:nth-child(10n + 7) .card-blog__cover img {
    height: calc(100% + 4em);
    top: -2em;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.all .card-blog:nth-child(10n + 6) .card-blog__cover {
    display: none;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.all .card-blog:nth-child(2) .card-blog__cover {
    display: none;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.all .card-blog:nth-child(15n + 9) .card-blog__cover {
    display: none;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.all .card-blog:nth-child(15n + 13) .card-blog__cover {
    display: none;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (min-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (min-width: 767px) {
  .blog-page__list.all .card-blog:nth-child(15n + 5) .card-blog__cover {
    display: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-page__list.all .card-blog:first-child {
    border-top: none;
  }
}

.blog-page__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-page__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.blog-page .btn {
  display: block;
  margin: 0 auto;
  margin-top: 60px;
  color: #000;
  background-color: #EBEEF2;
}

@media only screen and (max-width: 1278px) {
  .blog-page .btn {
    margin-top: 2.18181818em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .blog-page .btn {
    margin-top: 1.77777778em;
  }
}

@media only screen and (min-width: 1025px) {
  .blog-page .btn:hover {
    color: #fff;
    background: #262626;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .blog-page .grid-container__section {
    overflow: hidden;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .blog-page .grid-container__wrapper {
    left: -3em;
    display: grid;
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-columns: repeat(2, 1fr);
    width: calc(100% + 6em);
  }
}

.card-blog {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 20px 0;
  margin-top: -1px;
}

.card-blog__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-right: 1px solid #e2e2e2;
  padding: 20px 30px;
  height: 100%;
}

@media only screen and (max-width: 1278px) {
  .card-blog__container {
    padding: 2em 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .card-blog__container {
    border-left: none;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .card-blog__container {
    border: none;
    padding: 0;
  }
}

.card-blog__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-blog__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.card-blog__cover {
  position: relative;
  margin-bottom: 25px;
  padding-top: 59%;
  -webkit-transition: -webkit-filter 0.25s ease;
  transition: -webkit-filter 0.25s ease;
  transition: filter 0.25s ease;
  transition: filter 0.25s ease, -webkit-filter 0.25s ease;
  width: 100%;
}

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

@media only screen and (max-width: 1278px) {
  .card-blog__cover {
    margin-bottom: 2.5em;
    padding-top: 0;
    height: 22em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-blog__cover {
    height: 22em;
  }
}

.card-blog__icon {
  margin-top: auto;
  width: 24px;
  height: 24px;
  color: #313131;
  opacity: 0.5;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .card-blog__icon {
    width: 2.4em;
    height: 2.4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-blog__icon {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-left: auto;
  }
}

.card-blog__title {
  font-weight: 400;
  font-size: 32px;
  line-height: 1.25em;
  font-weight: 500;
  margin-bottom: 32px;
  width: 100%;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .card-blog__title {
    font-size: 3.2rem;
  }
}

@media only screen and (max-width: 1278px) {
  .card-blog__title {
    font-weight: 400;
    font-size: 24px;
    line-height: 1em;
    font-weight: 500;
    margin-bottom: 1.33333333em;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .card-blog__title {
    font-size: 2.4rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-blog__title {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 500;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 1em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .card-blog__title {
    font-size: 2rem;
  }
}

.card-blog__date {
  font-weight: 400;
  font-size: 20px;
  color: rgba(49, 49, 49, 0.5);
  line-height: 1.4em;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1278px) {
  .card-blog__date {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 1278px) {
  .card-blog__date {
    margin-bottom: 0.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-blog__date {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.75em;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0;
    width: calc(100% - 3em);
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .card-blog__date {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 1278px) {
  .card-blog {
    padding: 2em 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .card-blog:nth-child(2n) .card-blog__container {
    border-right: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-blog {
    padding: 2.5em 0;
  }
}

@media only screen and (min-width: 1025px) {

  .card-blog:hover .card-blog__icon,
  .card-blog:hover .card-blog__title {
    color: #0178ff;
  }

  .card-blog:hover .card-blog__icon {
    opacity: 1;
  }
}

.cases-page {
  width: 100%;
  padding-top: 120px;
}

@media only screen and (max-width: 1278px) {
  .cases-page {
    padding-top: 12em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases-page {
    padding-top: 4em;
  }
}

.cases-page .open-filters .filter__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases-page .open-filters .filter__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .cases-page .filter__list--inner:not(:last-child) {
    margin-right: 155px;
  }
}

.cases-page .btn {
  display: block;
  margin: 0 auto;
  margin-top: 60px;
  color: #000;
  background-color: #ebeef2;
}

@media only screen and (max-width: 1278px) {
  .cases-page .btn {
    margin-top: 2.18181818em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases-page .btn {
    margin-top: 1.77777778em;
  }
}

@media only screen and (min-width: 1025px) {
  .cases-page .btn:hover {
    color: #fff;
    background: #262626;
  }
}

.card-case {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 20px 0;
  margin-top: -1px;
}

.card-case__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-right: 1px solid #e2e2e2;
  padding: 20px 30px;
  height: 100%;
}

@media only screen and (max-width: 1278px) {
  .card-case__container {
    padding: 2em 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .card-case__container {
    border-left: none;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .card-case__container {
    border: none;
    padding: 0;
  }
}

.card-case__logo {
  height: 40px;
  width: auto;
  -o-object-position: left;
  object-position: left;
  margin-bottom: 25px;
}

@media only screen and (max-width: 1278px) {
  .card-case__logo {
    margin-bottom: 2.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-case__logo {
    margin-bottom: 1.6em;
  }
}

.card-case__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-case__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.card-case__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  width: calc(100% + 20px);
  margin-top: auto;
  padding-top: 90px;
  margin-bottom: -30px;
}

.card-case__list.odd .card-case__product {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.card-case__list.odd .card-case__product:nth-child(3n) {
  margin-right: calc(20px + 100%);
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

@media only screen and (max-width: 1278px) {
  .card-case__list {
    padding-top: 3.2em;
    margin-bottom: -3em;
    width: calc(100% + 2em);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-case__list {
    padding-top: 1.6em;
    margin-bottom: -0.5em;
    width: calc(100% + 1.2em);
  }
}

.card-case__product {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #e3e3e3;
  margin-right: 20px;
  margin-bottom: 20px;
}

.card-case__product p {
  font-weight: 400;
  font-size: 18px;
  color: rgba(49, 49, 49, 0.5);
  line-height: 1.33333333em;
  font-weight: 400;
}

@media only screen and (max-width: 1278px) {
  .card-case__product p {
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .card-case__product {
    padding: 0.8em 1.6em;
    margin-right: 2em;
    margin-bottom: 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-case__product {
    margin-right: 1.2em;
    margin-bottom: 1.2em;
  }

  .card-case__product p {
    font-weight: 400;
    font-size: 16px;
    color: rgba(49, 49, 49, 0.5);
    line-height: 1.375em;
    font-weight: 400;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .card-case__product p {
    font-size: 1.6rem;
  }
}

.card-case__cover {
  position: relative;
  margin-bottom: 25px;
  padding-top: 59%;
  -webkit-transition: -webkit-filter 0.25s ease;
  transition: -webkit-filter 0.25s ease;
  transition: filter 0.25s ease;
  transition: filter 0.25s ease, -webkit-filter 0.25s ease;
  width: 100%;
  display: none;
}

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

@media only screen and (max-width: 1278px) {
  .card-case__cover {
    margin-bottom: 2.5em;
    padding-top: 0;
    height: 22em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-case__cover {
    height: 22em;
  }
}

.card-case__title {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.20833333em;
  font-weight: 500;
  width: 100%;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

@media only screen and (max-width: 1278px) {
  .card-case__title {
    font-size: 2.4rem;
  }
}

@media only screen and (max-width: 1278px) {
  .card-case__title {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.41666667em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .card-case__title {
    font-size: 2.4rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .card-case__title {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 500;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .card-case__title {
    font-size: 2rem;
  }
}

.card-case:nth-child(18n + 1) .card-case__cover,
.card-case:nth-child(18n + 11) .card-case__cover {
  display: block;
}

.card-case:nth-child(18n + 1) .card-case__section,
.card-case:nth-child(18n + 11) .card-case__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {

  .card-case:nth-child(18n + 1),
  .card-case:nth-child(18n + 11) {
    grid-column: span 2;
  }

  .card-case:nth-child(18n + 1) .card-case__container,
  .card-case:nth-child(18n + 11) .card-case__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .card-case:nth-child(18n + 1) .card-case__cover,
  .card-case:nth-child(18n + 11) .card-case__cover {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    margin-right: 30px;
    margin-bottom: 0;
    padding-top: 0;
    height: 332px;
    width: 400px;
  }

  .card-case:nth-child(18n + 1) .card-case__cover img,
  .card-case:nth-child(18n + 11) .card-case__cover img {
    height: calc(100% + 40px);
    top: -20px;
  }
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {

  .card-case:nth-child(18n + 1) .card-case__cover,
  .card-case:nth-child(18n + 11) .card-case__cover {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29.8em;
    flex: 0 0 29.8em;
    margin-right: 3em;
    margin-bottom: 0;
    padding-top: 0;
    width: 29.8em;
    height: 36.2em;
  }

  .card-case:nth-child(18n + 1) .card-case__cover img,
  .card-case:nth-child(18n + 11) .card-case__cover img {
    height: calc(100% + 4em);
    top: -2em;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {

  .card-case:nth-child(9n + 4),
  .card-case:nth-child(9n + 8) {
    grid-column: span 2;
  }
}

@media only screen and (min-width: 1025px) {
  .card-case:hover .card-case__title {
    color: #0178ff;
  }

  .card-case:hover .card-blog__icon {
    color: #0178ff;
  }
}

.cases-inner {
  padding-top: 0;
  width: 100%;
}

.cases-inner .cover {
  margin-bottom: 100px;
  height: auto;
  min-height: auto;
}

@media only screen and (min-width: 1200px) {
  .cases-inner .cover {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 1278px) {
  .cases-inner .cover {
    margin-bottom: 8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases-inner .cover {
    margin-bottom: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases-inner .feeadback .container {
    padding: 0;
  }
}

.cases-inner .cover__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 48px;
}

.cases-inner .cover__back svg {
  margin-right: 20px;
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

@media only screen and (min-width: 1025px) {
  .cases-inner .cover__back:hover svg {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@media only screen and (max-width: 1278px) {
  .cases-inner .cover__back {
    margin-bottom: 4.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases-inner .cover__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.4em;
    width: 100%;
  }
}

.cases-inner .cover__title,
.cases-inner .cover__section {
  width: 100%;
  max-width: 100%;
}

.cases-inner .cover__section {
  width: 100%;
  max-width: 780px;
}

@media only screen and (max-width: 1278px) {
  .cases-inner .cover__section {
    max-width: 53em;
  }
}

.cases-inner .card-case {
  grid-column: span 1 !important;
  margin: 0;
  border-top: 1px solid #e2e2e2 !important;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases-inner .card-case {
    margin-top: -1px;
  }

  .cases-inner .card-case:last-child {
    border-bottom: none;
  }
}

.cases-inner .card-case__cover {
  display: none !important;
}

.cases-inner__top {
  display: grid;
  grid-column-gap: 0;
  grid-row-gap: 65px;
  grid-template-columns: repeat(6, 1fr);
  margin-bottom: 60px;
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .cases-inner__top {
    grid-row-gap: 6.5em;
    margin-bottom: 6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases-inner__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 5.5em;
    grid-row-gap: 3.2em;
  }
}

.cases-inner__logo {
  position: relative;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .cases-inner__logo img {
    position: absolute;
    top: 50%;
    left: 0;
    max-height: 130px;
    max-width: 200px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}

@media only screen and (max-width: 1278px) {
  .cases-inner__logo img {
    max-height: 13em;
    max-width: 20em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases-inner__logo img {
    max-height: calc(13em / 2);
    max-width: calc(20em / 2);
  }
}

.cases-inner__description {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 400;
  grid-column: span 4;
}

@media only screen and (max-width: 1278px) {
  .cases-inner__description {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 1278px) {
  .cases-inner__description {
    grid-column: span 5;
  }
}

.cases-inner__list {
  grid-column: 2/span 4;
  display: grid;
  grid-row-gap: 20px;
  grid-column-gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}

@media only screen and (max-width: 1278px) {
  .cases-inner__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column: span 6;
    margin-bottom: 0;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .cases-inner__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }
}

.cases-inner .article-author {
  grid-column: 2/span 2;
  margin-bottom: 0;
}

@media only screen and (max-width: 1278px) {
  .cases-inner .article-author {
    grid-column: 2/span 5;
    width: 100%;
  }
}

.cases-inner__products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column: 2/span 4;
  margin-bottom: -20px;
}

@media only screen and (max-width: 1278px) {
  .cases-inner__products {
    grid-column: 2/span 5;
    margin-bottom: -2em;
    width: 100%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases-inner__products {
    margin-bottom: -1.2em;
  }
}

.cases-inner__cards {
  width: 100%;
  grid-column: 2/span 4;
  display: grid;
  grid-row-gap: 20px;
  grid-column-gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}

@media only screen and (max-width: 1278px) {
  .cases-inner__cards {
    grid-row-gap: 2em;
    grid-column-gap: 4em;
    grid-column: 1/span 5;
    grid-column: span 6;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .cases-inner__cards {
    grid-row-gap: 3em;
    grid-column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }
}

.cases-inner__card p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 400;
}

@media only screen and (max-width: 1278px) {
  .cases-inner__card p {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases-inner__card p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    font-weight: 400;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .cases-inner__card p {
    font-size: 1.6rem;
  }
}

.cases-inner__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #0077ff;
  border-radius: 12px;
  color: #fff;
  margin-bottom: 16px;
}

.cases-inner__icon svg {
  width: 15px;
}

@media only screen and (max-width: 1278px) {
  .cases-inner__icon {
    margin-bottom: 1.6em;
  }
}

.cases-inner__inner span {
  font-weight: 400;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.4em;
  font-weight: 400;
  display: block;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1278px) {
  .cases-inner__inner span {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 1278px) {
  .cases-inner__inner span {
    margin-bottom: 0.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .cases-inner__inner span {
    margin-bottom: 0.5em;
  }
}

.cases-inner__inner a {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media only screen and (min-width: 1025px) {
  .cases-inner__inner a:hover {
    color: #0077ff;
  }
}

.about-us {
  width: 100%;
}

.about-us__grid {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .about-us__grid {
    grid-row-gap: 1.6em;
    grid-template-columns: repeat(1, 1fr);
  }
}

.about-us__aside {
  border-radius: 16px;
  padding: 32px 40px;
  background: #F4F7FA;
}

.about-us__aside h3 {
  font-weight: 400;
  font-size: 128px;
  color: #0077ff;
  line-height: 1em;
  font-weight: 500;
  margin-bottom: 5px;
}

@media only screen and (max-width: 1278px) {
  .about-us__aside h3 {
    font-size: 12.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .about-us__aside h3 {
    font-weight: 400;
    font-size: 68px;
    color: #0077ff;
    line-height: 1em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .about-us__aside h3 {
    font-size: 6.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .about-us__aside {
    border-radius: 1.6em;
    padding: 3.2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .about-us__aside {
    padding: 2.8em;
  }

  .about-us__aside p {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.375em;
    font-weight: 400;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .about-us__aside p {
    font-size: 1.6rem;
  }
}

.about-us__inner {
  overflow: hidden;
  border-radius: 16px;
  padding-bottom: 65px;
  background: #F4F7FA;
}

@media only screen and (max-width: 1278px) {
  .about-us__inner {
    padding-bottom: 6.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .about-us__inner {
    padding-bottom: 3.2em;
  }

  .about-us__inner-text {
    padding: 0 2.4em;
  }
}

.about-us__cover {
  position: relative;
  margin-bottom: 65px;
  padding-top: 45%;
  border-radius: 16px 16px 0 0;
}

.about-us__cover img {
  border-radius: 16px 16px 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 1278px) {
  .about-us__cover {
    margin-bottom: 5.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .about-us__cover {
    padding-top: 54%;
    margin-bottom: 3.2em;
  }
}

.about-us__heading {
  margin: 0 auto;
  margin-bottom: 40px;
  width: 100%;
  max-width: 1050px;
  text-align: center;
}

.about-us__heading span.desktop {
  display: inline;
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .about-us__heading span.desktop {
    display: none;
  }
}

.about-us__heading span.mobile {
  display: none;
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .about-us__heading span.mobile {
    display: inline;
  }
}

@media only screen and (max-width: 1278px) {
  .about-us__heading {
    margin-bottom: 0.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .about-us__heading {
    margin-bottom: 0.5em;
  }
}

.about-us__caption {
  margin: 0 auto;
  width: 100%;
  max-width: 500px;
  text-align: center;
}

.about-us .cover__desc,
.about-us .cover__title {
  width: 100%;
  max-width: 100%;
}

.about-us .cover__section {
  width: 800px;
  max-width: 800px;
}

@media only screen and (max-width: 1278px) {
  .about-us .cover__section {
    width: 55em;
    max-width: 55em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .about-us .cover.mask .cover__picture img {
    width: 44.3em;
    max-width: 44.3em;
  }
}

.assistant-hr {
  width: 100%;
}

.assistant-hr .cover__frame {
  position: absolute;
  right: -100px;
  bottom: -60px;
  width: 794px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

@media only screen and (max-width: 1278px) {
  .assistant-hr .cover__frame {
    width: 63.4em;
    right: -6.2em;
    bottom: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr .cover__frame {
    margin-bottom: 0;
    right: auto;
    width: 41.2em;
    max-width: 41.2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .assistant-hr .cover__btn {
    margin-bottom: 2.5em !important;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr .home__section.why {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 4.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr .card--statistics {
    border-bottom: 1px solid #e3e3e3 !important;
  }

  .assistant-hr .card--statistics:first-child {
    border-top: 1px solid #e3e3e3 !important;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr .cover__picture img {
    height: 32.7em !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    -o-object-position: top !important;
    object-position: top !important;
    margin-top: 1em;
  }
}

@media only screen and (min-width: 1200px) {
  .assistant-hr .text-container.custom {
    grid-template-columns: repeat(8, 1fr);
  }

  .assistant-hr .text-container.custom h3 {
    grid-column: span 5;
  }

  .assistant-hr .text-container.custom p {
    grid-column: span 3;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr .text-container.custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.assistant-hr__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 78px 0 66px 80px;
  background: #EBEEF2;
}

@media only screen and (max-width: 1278px) {
  .assistant-hr__container {
    padding: 8em 0;
  }

  .assistant-hr__container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    display: block;
    width: 100vw;
    height: 100%;
    background: #EBEEF2;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr__container {
    padding: 2.5em 0;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2.5em 0 0 1.6em;
  }
}

.assistant-hr__inner {
  width: 100%;
  max-width: 330px;
}

@media only screen and (max-width: 1278px) {
  .assistant-hr__inner {
    max-width: 28em;
  }
}

.assistant-hr__logo {
  margin-bottom: 35px;
  height: 36px;
}

@media only screen and (max-width: 1278px) {
  .assistant-hr__logo {
    margin-bottom: 3.5em;
    height: 3.6em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr__logo {
    height: 2.4em;
    margin-bottom: 1.6em;
  }
}

.assistant-hr__text {
  margin-bottom: 108px;
}

@media only screen and (max-width: 1278px) {
  .assistant-hr__text {
    margin-bottom: 2.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr__text {
    margin-bottom: 4em;
  }
}

.assistant-hr__frame {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 710px;
}

@media only screen and (max-width: 1278px) {
  .assistant-hr__frame {
    right: -6em;
    width: 65em;
  }
}

@media only screen and (max-width: 1023px) {
  .assistant-hr__frame {
    right: -2.5%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr__frame {
    width: 32em;
    max-width: 32em;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr__frame {
    position: relative;
    right: auto;
    margin: 0 auto;
    margin-top: 3em;
  }
}

.assistant-hr__aside {
  background-color: #0077ff;
  background-image: url("../../../assets/images/decor.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.why .card {
  border: 0 !important;
}

.about-us .card {
  border: 0 !important;
}

.assistant-hr__aside .btn {
  background: #313131;
}

.assistant-hr__aside-inner {
  padding: 80px;
  max-width: 910px;
  width: 100%;
}

@media only screen and (max-width: 1278px) {
  .assistant-hr__aside-inner {
    padding: 7em 0;
    max-width: 83em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr__aside-inner {
    padding: 4.8em 0;
  }
}

.assistant-hr__aside p {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.28571429em;
  font-weight: 500;
  color: #fff;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .assistant-hr__aside p {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .assistant-hr__aside p {
    margin-bottom: 1.42857143em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr__aside p {
    font-weight: 400;
    font-size: 26px;
    line-height: 1.15384615em;
    font-weight: 500;
    margin-bottom: 1.53846154em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .assistant-hr__aside p {
    font-size: 2.6rem;
  }
}

.assistant-hr-help {
  background: #EBEEF2;
  padding: 70px 80px 45px;
}

@media only screen and (max-width: 1278px) {
  .assistant-hr-help {
    padding: 7em 6em;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .assistant-hr-help {
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 40px;
    grid-template-columns: repeat(7, 1fr);
  }
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {
  .assistant-hr-help {
    grid-column-gap: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr-help {
    padding: 3.5em 2.5em;
  }
}

.assistant-hr-card {
  position: relative;
  grid-column: span 4;
}

.assistant-hr-card h3 {
  display: inline-block;
  text-align: center;
  background: #E3E7EC;
  border-radius: 12px;
  height: 60px;
  padding: 12px 25px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1278px) {
  .assistant-hr-card h3 {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.28571429em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .assistant-hr-card h3 {
    font-size: 2.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr-card h3 {
    font-weight: 400;
    font-size: 22px;
    line-height: 1.63636364em;
    font-weight: 500;
    height: auto;
    padding: 0.36363636em 0.90909091em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .assistant-hr-card h3 {
    font-size: 2.2rem;
  }
}

.assistant-hr-card p {
  width: 75%;
}

@media only screen and (max-width: 1278px) {
  .assistant-hr-card p {
    width: 85%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr-card p {
    width: 100%;
  }
}

.assistant-hr-card:last-child {
  grid-column: span 3;
}

.assistant-hr-card:last-child p {
  width: 100%;
}

.assistant-hr-card:last-child h3 {
  background: #01EAFF;
}

.assistant-hr-card .arrow_right {
  position: absolute;
  top: 30px;
  right: 0;
  width: calc(100% - 240px);
  height: 1px;
  background-color: #D3DCE7;
}

.assistant-hr-card .arrow_right-decor {
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
}

.assistant-hr-card .arrow_right svg {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 13px;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

@media only screen and (max-width: 1278px) {
  .assistant-hr-card .arrow_right {
    width: 18.5em;
    right: 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr-card .arrow_right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: 100%;
    width: 1px;
    background-color: #D3DCE7;
    position: absolute;
    left: 3em;
    height: 6em;
    top: auto;
    bottom: 2px;
    position: relative;
    margin: 2em 0;
  }

  .assistant-hr-card .arrow_right svg {
    position: absolute;
    bottom: -5px;
    top: auto;
    left: 50%;
    right: auto;
    width: 8px;
    height: 13px;
    -webkit-transform: translate3d(-50%, 0, 0) rotate(90deg);
    transform: translate3d(-50%, 0, 0) rotate(90deg);
  }
}

.assistant-hr .how-it-works .card__section,
.assistant-hr .how-it-works .grid-container__inner,
.assistant-hr .how-it-works .card {
  border: none;
}

.assistant-hr .how-it-works .card .arrow_right-decor {
  display: none;
}

.assistant-hr .how-it-works .card:first-child .arrow_right-decor {
  display: block;
}

.assistant-hr .how-it-works .card:last-child .arrow_right {
  display: none;
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {
  .assistant-hr .how-it-works .card .arrow_right {
    width: 12em;
    right: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr .how-it-works .card {
    padding: 0 !important;
  }

  .assistant-hr .how-it-works .card .card__section {
    border: none;
    padding: 0 !important;
  }

  .assistant-hr .how-it-works .card .card__icon {
    margin-bottom: 0;
    margin-right: 1.6em;
  }

  .assistant-hr .how-it-works .card .card__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .assistant-hr .how-it-works .card .card__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375em;
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .assistant-hr .how-it-works .card .card__desc {
    font-size: 1.6rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr .how-it-works .card:not(:last-child) {
    margin-bottom: 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr .how-it-works .arrow_right-decor {
    width: 3.6em;
    max-width: 3.6em;
  }

  .assistant-hr .how-it-works .card:not(:last-child) {
    margin-bottom: 5em;
  }
}

.assistant-hr .grid-container__row h3 {
  margin-top: 40px;
  width: 282px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 282px;
  flex: 0 0 282px;
  margin-right: 42px;
}

@media only screen and (max-width: 1278px) {
  .assistant-hr .grid-container__row h3 {
    margin-top: 1.05263158em;
    width: 5.26315789em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5.26315789em;
    flex: 0 0 5.26315789em;
    margin-right: 1.05263158em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .assistant-hr .grid-container__row h3 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-top: 0;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.71428571em;
  }
}

.tech-cloud-solutions {
  width: 100%;
}

.tech-cloud-solutions__poster {
  position: relative;
  padding-top: 44.6%;
  position: relative;
  width: 100%;
}

.tech-cloud-solutions__poster img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .tech-cloud-solutions__poster {
    position: relative;
    padding-top: 55.6%;
  }

  .tech-cloud-solutions__poster img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.ph {
  width: 100%;
}

.ph .cover.mask {
  overflow: hidden;
}

.ph .cover.mask .cover__picture {
  top: -2px;
  left: auto;
  right: 0;
  max-width: 1006px;
  width: 68.5%;
  height: 672px;
}

.ph .cover.mask .cover__picture img {
  -o-object-position: left top;
  object-position: left top;
}

@media only screen and (max-width: 1278px) {
  .ph .cover.mask .cover__picture {
    right: -14.4em;
    width: 81em;
    height: 56em;
    bottom: -1em;
    top: auto;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .ph .cover.mask .cover__picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    left: 50%;
    right: auto;
    height: auto;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  .ph .cover.mask .cover__picture img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    width: 37.5em;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .ph .cover.mask .cover__picture {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    height: 28.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .ph .cover.mask {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .ph .cover__section {
    width: 37%;
  }
}

@media only screen and (max-width: 1278px) {
  .ph .cover__section {
    max-width: 37em;
  }
}

.ph ._solution .btn {
  display: block;
  margin: 0 auto;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .ph ._modules .grid-container__inner {
    border-bottom: 1px solid #e3e3e3;
  }
}

.ph ._modules .text-container {
  width: 100%;
  max-width: 780px;
}

.ph__list {
  display: grid;
  grid-column-gap: 60px;
  grid-row-gap: 56px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 48px;
}

@media only screen and (max-width: 1278px) {
  .ph__list {
    grid-column-gap: 2em;
    grid-row-gap: 4em;
    margin-bottom: 4.8em;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .ph__list {
    display: block;
  }
}

.ph__card img {
  overflow: hidden;
  margin-bottom: 32px;
}

.ph__card h3 {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.28571429em;
  font-weight: 500;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1278px) {
  .ph__card h3 {
    font-size: 2.8rem;
  }
}

.ph__card p:not(:last-child) {
  margin-bottom: 15px;
}

@media only screen and (max-width: 1278px) {
  .ph__card img {
    margin-bottom: 2.8em;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .ph__card:not(:last-child) {
    margin-bottom: 3.2em;
  }

  .ph__card img {
    position: relative;
    left: 50%;
    margin-bottom: 2em;
    min-width: calc(100vw - 2.4em);
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

.ph ._decrease-efficiency .grid-container__inner {
  border: none;
}

.ph ._decrease-efficiency .text-container {
  margin-bottom: 0;
}

.social-box {
  width: 100%;
}

.social-box .cover.mask .cover__picture {
  left: auto;
  right: -1px;
  top: auto;
  bottom: -1px;
  width: 40%;
  height: 500px;
  max-width: 1006px;
}

.social-box .cover.mask .cover__picture img {
  overflow: hidden;
  border-radius: 30px 0 0 0;
}

@media only screen and (max-width: 1278px) {
  .social-box .cover.mask .cover__picture {
    right: 0;
    bottom: 0;
    width: 53em;
    height: 49.3em;
  }

  .social-box .cover.mask .cover__picture img {
    border-radius: 2.5em 0 0 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .social-box .cover.mask .cover__picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 50%;
    right: auto;
    width: 100vw;
    height: 30.8em;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  .social-box .cover.mask .cover__picture img {
    position: absolute;
    left: 53%;
    right: auto;
    top: auto;
    bottom: auto;
    border-radius: 2em 0 0 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .social-box .cover.mask .cover__picture {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    height: 30.8em;
  }

  .social-box .cover.mask .cover__picture img {
    position: absolute;
    left: 0.8em;
    top: 0;
    border-radius: 2em 0 0 0;
    width: 91vw;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .social-box .ph__card--big {
    display: grid;
    grid-column: span 2;
    grid-column-gap: 52px;
    grid-row-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .social-box .ph__card--big section {
    padding: 0;
  }
}

.social-box .video-cover__text {
  width: 100%;
}

.social-box .video-cover__text h3 {
  margin-left: 0;
  text-align: left;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .social-box .video-cover__text h3 {
    margin-bottom: 0.71428571em;
  }
}

.social-box .video-cover__text p {
  color: rgba(0, 0, 0, 0.7);
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .social-box .video-cover__text {
    width: 50%;
    padding-top: 100px;
    padding-right: 78px;
    padding-bottom: 100px;
    width: 50%;
  }
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {
  .social-box .video-cover__text {
    padding-top: 6em;
    padding-right: 1.8em;
    padding-bottom: 6em;
    width: 47%;
  }
}

.social-box .ph-platform__btn.btn.blue {
  display: block !important;
  margin: 0 auto;
  margin-top: 1.77778em;
}

.social-box .ph-platform__heading {
  margin-bottom: 45px;
}

@media only screen and (max-width: 1278px) {
  .social-box .ph-platform__heading {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.21428571em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .social-box .ph-platform__heading {
    font-size: 2.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .social-box .ph-platform__heading {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 500;
    margin-bottom: 24px;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .social-box .ph-platform__heading {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .social-box .card__section {
    border-right: 1px solid #e3e3e3;
    border-left: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .social-box .text-container br {
    display: none;
  }
}

.social-box .video-cover {
  background-color: #EBEEF2;
}

.social-box .video-cover p,
.social-box .video-cover h3 {
  color: #313131;
}

.social-box .video-cover__video {
  width: 48%;
}

@media only screen and (orientation: landscape) and (min-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (min-width: 767px) and (max-width: 1278px) {
  .social-box .video-cover__video {
    width: 53%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .social-box .video-cover__video {
    width: 100%;
  }
}

/* .social-box .video-cover__video img {
  min-width: 48vw;
} */

/* @media only screen and (max-width: 1278px) {
  .social-box .video-cover__video img {
    min-width: 55vw;
  }
} */

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .social-box .video-cover__video img {
    position: relative;
    left: 50%;
    /* width: 100vw;
    max-width: 100vw; */
    max-width: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

.experts {
  width: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .experts .filter__container {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 2.4em;
  }

  [data-theme="dark"] .experts .filter__container {
    border-top: 1px solid #3B3B3B;
    border-bottom: 1px solid #3B3B3B;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .experts .filter-products {
    margin-bottom: 0;
  }
}

.experts .grid-container__wrapper {
  padding-top: 1px;
}

.expert-inner {
  padding-top: 0;
  width: 100%;
}

.expert-inner__cover {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 523px;
  background-image: url("../images-new/expert/bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 70px;
}

.expert-inner__cover h1 {
  position: absolute;
  right: 90px;
  top: 50%;
  width: 750px;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

@media only screen and (max-width: 1278px) {
  .expert-inner__cover {
    height: 50em;
    margin-bottom: 7em;
  }

  .expert-inner__cover h1 {
    right: 1.05em;
    width: 11.45em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-inner__cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4.2em 3.2em 0;
    margin-bottom: 3em;
  }

  .expert-inner__cover h1 {
    position: relative;
    width: auto;
    right: auto;
    top: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin-bottom: 20px;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .expert-inner__cover {
    height: 35.6em;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .expert-inner__cover {
    height: 45.6em;
  }
}

.expert-inner__portrait {
  position: absolute;
  left: 105px;
  bottom: 0;
  width: 512px;
  height: 490px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 1278px) {
  .expert-inner__portrait {
    left: 5em;
    width: 48.9em;
    height: 46.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .expert-inner__portrait {
    height: 25.8em;
  }
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .expert-inner__portrait {
    height: 34.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-inner__portrait {
    position: relative;
    left: auto;
    bottom: auto;
    width: auto;
    max-width: 100%;
    margin-top: auto;
  }
}

.expert-inner__logo {
  position: absolute;
  top: 0;
  left: -215px;
  width: 100px;
  height: 100px;
}

@media only screen and (max-width: 1278px) {
  .expert-inner__logo {
    left: -15em;
    width: 10em;
    height: 10em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-inner__logo {
    position: relative;
    left: auto;
    width: 5em;
    height: 5em;
    margin-bottom: 2em;
  }
}

.expert-inner__top {
  position: relative;
  margin-bottom: 95px;
}

@media only screen and (max-width: 1278px) {
  .expert-inner__top {
    margin-bottom: 6.5em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .expert-inner__top {
    margin-bottom: 4em;
  }
}

.expert-inner__name {
  margin-bottom: 20px;
}

.expert-inner__position {
  color: #0077ff;
  margin-bottom: 25px;
  font-weight: 600;
}

.expert-inner__biography h3 {
  font-weight: 400;
  font-size: 38px;
  line-height: 1.15789474em;
  font-weight: 500;
  margin-bottom: 25px;
}

@media only screen and (max-width: 1278px) {
  .expert-inner__biography h3 {
    font-size: 3.8rem;
  }
}

.expert-inner__biography p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 500;
}

@media only screen and (max-width: 1278px) {
  .expert-inner__biography p {
    font-size: 2.4rem;
  }
}

.expert-inner__biography p:not(:last-child) {
  margin-bottom: 30px;
}

.error-page {
  position: relative;
  padding-top: 150px;
  padding-bottom: 100px;
  width: 100%;
  min-height: 600px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .error-page br {
    display: none;
  }
}

.error-page__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .error-page__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 1278px) {
  .error-page__section {
    width: 100%;
    max-width: 39em;
  }
}

.error-page__title {
  margin-bottom: 32px;
  width: 100%;
  max-width: 690px;
}

@media only screen and (max-width: 1278px) {
  .error-page__title {
    font-size: 3.8rem;
    line-height: 1.1em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .error-page__title {
    font-weight: 400;
    font-size: 32px;
    line-height: 1.0625em;
    margin: 0 auto;
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .error-page__title {
    font-size: 3.2rem;
  }
}

.error-page__decor {
  position: relative;
  position: absolute;
  left: 0;
  width: 654px;
  width: 100%;
  height: 536px;
  height: 100%;
  max-height: 535px;
  pointer-events: none;
}

.error-page__decor--desktop {
  display: block;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .error-page__decor--desktop {
    display: none;
  }
}

.error-page__decor--mobile {
  display: block;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .error-page__decor--mobile {
    display: none;
  }
}

.error-page__decor img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .error-page__decor {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    top: 50%;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .error-page__decor {
    position: relative;
    right: auto;
    overflow: hidden;
    margin-top: 5em;
    width: 100%;
    height: 13.7em;
    max-width: 32em;
  }

  .error-page__decor img {
    min-width: 44.7em;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0.7em top;
    object-position: 0.7em top;
  }
}

.error-page__desc {
  width: 100%;
  max-width: 530px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .error-page__desc {
    margin: 0 auto;
    text-align: center;
  }
}

.error-page .btn {
  margin-top: 50px;
}

@media only screen and (max-width: 1278px) {
  .error-page .btn {
    margin-top: 2.27272727em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .error-page .btn {
    margin-top: 0;
    margin-top: 2.22222222em;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1278px) {
  .error-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-top: 9em;
    padding-bottom: 4em;
    height: 100%;
    min-height: 60em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .error-page {
    padding-top: 3em;
    padding-bottom: 0;
    min-height: auto;
  }
}

.vk-grc {
  width: 100%;
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .vk-grc .capabilities {
    position: relative;
    left: 60%;
    width: 124vw;
    margin-bottom: -7em;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

.vk-grc .scheme {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  left: 50%;
  margin: 0 auto;
  width: 100vw;
  max-width: 100vw;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.vk-grc .scheme img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .vk-grc .scheme img {
    margin: 0 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .vk-grc .scheme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: scroll;
  }

  .vk-grc .scheme img {
    min-width: 62em;
    margin-bottom: 3.2em;
  }
}

.vk-grc .scheme .scrollbar-track.scrollbar-track-x {
  position: relative;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
  transform: translate3d(-50%, -50%, 0) scale(0.85);
  opacity: 1;
  background: rgba(58, 58, 58, 0.06);
  border-radius: 4px;
}

.vk-grc .scheme .scrollbar-thumb.scrollbar-thumb-x {
  background: #0077ff;
  border-radius: 4px;
}

.vk-grc .home__section--gray .grid-container__wrapper:not(.slick-initialized) .card__section {
  border-left: 1px solid #e3e3e3 !important;
}

.vk-grc .home__section--gray .grid-container__wrapper:not(.slick-initialized) .grid-container__inner {
  border-top: 1px solid #e3e3e3 !important;
}

.vk-grc .home__section--gray .grid-container__wrapper:not(.slick-initialized).xxl-4 .card {
  border-bottom: 1px solid #e3e3e3 !important;
}

@media screen and (orientation: portrait) and (max-width: 767px) {
  .scheme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    left: 50%;
    margin: 0 auto;
    width: 100vw;
    max-width: 100vw;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  .scheme img {
    margin: 0 2em;
    margin-bottom: 3em;
  }

  .scheme .scrollbar-track.scrollbar-track-x {
    position: relative;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
    transform: translate3d(-50%, -50%, 0) scale(0.85);
    opacity: 1;
    background: rgba(58, 58, 58, 0.06);
    border-radius: 4px;
  }

  .scheme .scrollbar-thumb.scrollbar-thumb-x {
    background: #0077ff;
    border-radius: 4px;
  }

  .scheme .scrollbar-track.scrollbar-track-x {
    position: relative;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
    transform: translate3d(-50%, -50%, 0) scale(0.85);
    opacity: 1;
    background: rgba(58, 58, 58, 0.06);
    border-radius: 4px;
  }

  .scheme .scrollbar-thumb.scrollbar-thumb-x {
    background: #0077ff;
    border-radius: 4px;
  }
}

.vk-cloud-services {
  width: 100%;
}

.vk-cloud-services .quote {
  font-weight: 400;
  font-size: 12px;
  color: rgba(49, 49, 49, 0.5);
  line-height: 1.33333333em;
  font-weight: 400;
  width: 30.41666667em;
  margin-left: auto;
}

@media only screen and (max-width: 1278px) {
  .vk-cloud-services .quote {
    font-size: 1.2rem;
  }
}

.vk-cloud-services #kaspersky-logo {
  width: auto;
  height: auto;
}

.vk-cloud-services #icon-infinity {
  width: 50px;
}

.vk-cloud-services #foundation .card {
  border: none !important;
  border-color: rgba(255, 255, 255, 0) !important;
}

.vk-cloud-services #foundation .card__section {
  border: none !important;
  border-color: rgba(255, 255, 255, 0) !important;
}

.vk-cloud-services #technology .text-container__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vk-cloud-services #technology .text-container__inner h3 {
  margin-bottom: 0;
}

.vk-cloud-services #technology .text-container__inner svg {
  color: #0077ff;
  width: 132px;
  height: 132px;
  margin-right: 98px;
}

@media only screen and (max-width: 1278px) {
  .vk-cloud-services #technology .text-container__inner svg {
    width: 8.8em;
    height: 8.8em;
    margin-right: 9.8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .vk-cloud-services #technology .text-container__inner svg {
    margin-right: auto;
    margin-bottom: 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .vk-cloud-services #technology .text-container__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) {
  .vk-cloud-services .home__section--gray .grid-container__inner {
    border-top: 1px solid #e3e3e3 !important;
  }

  .vk-cloud-services .home__section--gray .card__section {
    border-left: 1px solid #e3e3e3 !important;
  }

  .vk-cloud-services .home__section--gray .card {
    border-bottom: 1px solid #e3e3e3 !important;
  }
}

@media screen and (orientation: landscape) and (min-width: 1023px) and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: landscape) and (min-width: 1023px) and (orientation: portrait) and (max-width: 767px),
screen and (orientation: portrait) and (min-width: 767px) and (orientation: portrait) and (max-width: 767px) {
  .vk-cloud-services .home__section--gray .card__section {
    border-left: none !important;
  }
}

.vk-cloud-services .ph-platform__grid {
  margin-bottom: 0;
  grid-template-columns: repeat(1, 1fr);
}

.vk-cloud-services .blue.btn.center {
  margin-top: 72px;
}

@media only screen and (max-width: 1278px) {
  .vk-cloud-services .blue.btn.center {
    margin-top: 3.27272727em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .vk-cloud-services .blue.btn.center {
    margin-top: 1.38888889em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .vk-cloud-services br {
    display: none;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .vk-cloud-services .card--statistics {
    border-top: 1px solid #e3e3e3 !important;
    border-bottom: none !important;
  }
}

.vk-saas {
  width: 100%;
}

.vk-saas .cards-2 .card:nth-child(4n+1):nth-last-child(-n+4),
.vk-saas .cards-2 .card:nth-child(4n+1):nth-last-child(-n+4)~.card {
  border-bottom: none;
}

.vk-saas .on-premise {
  padding: 65px 0;
  margin-bottom: -100px;
}

.vk-saas .on-premise h3 {
  font-weight: 400;
  font-size: 38px;
  line-height: 1.15789474em;
  font-weight: 500;
  color: #fff;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1278px) {
  .vk-saas .on-premise h3 {
    font-size: 3.8rem;
  }
}

@media only screen and (max-width: 1200px) {
  .vk-saas .on-premise {
    padding: 6.5em 0;
    margin-bottom: -10em;
  }

  .vk-saas .on-premise h3 {
    font-weight: 400;
    font-size: 28px;
    line-height: 1.28571429em;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1200px) and (max-width: 1278px) {
  .vk-saas .on-premise h3 {
    font-size: 2.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .vk-saas .on-premise {
    padding: 4.8em 0;
    margin-bottom: -4.5em;
  }

  .vk-saas .on-premise h3 {
    font-weight: 400;
    font-size: 26px;
    line-height: 1.15384615em;
    font-weight: 500;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .vk-saas .on-premise h3 {
    font-size: 2.6rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .vk-saas .on-premise br {
    display: none;
  }
}

@media only screen and (min-width: 767px) {
  .vk-saas .home__section--gray .card__section {
    border-left: 1px solid #E3E3E3 !important;
  }

  .vk-saas .home__section--gray .card {
    border-bottom: 1px solid #E3E3E3 !important;
  }

  .vk-saas .home__section--gray .card:nth-child(3n+1):nth-last-child(-n+3),
  .vk-saas .home__section--gray .card:nth-child(4n+1):nth-last-child(-n+4)~.card {
    border-bottom: none !important;
  }
}

.vk-dataflow {
  width: 100%;
}

.vk-dataflow .home__section {
  position: relative;
}

.vk-dataflow .container {
  position: relative;
  z-index: 2;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .vk-dataflow .marquee__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .vk-dataflow .marquee__item p {
    white-space: nowrap;
  }
}

.vk-dataflow .decor-data-flow {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.vk-dataflow .home__section--blue {
  padding-top: 80px;
  padding-bottom: 80px;
}

.vk-dataflow .home__section--blue .card,
.vk-dataflow .home__section--blue .card__section {
  border-color: rgba(227, 227, 227, 0.4) !important;
}

.vk-dataflow .home__section--blue .card__desc {
  color: #fff;
}

@media only screen and (max-width: 1278px) {
  .vk-dataflow .home__section--blue {
    padding-top: 8em;
    padding-bottom: 8em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .vk-dataflow .home__section--blue {
    padding-top: 3.2em;
    padding-bottom: 3.2em;
  }

  .vk-dataflow .home__section--blue .card {
    border-top: 1px solid;
  }

  .vk-dataflow .home__section--blue .card:first-child {
    border-top: none;
  }

  .vk-dataflow .home__section--blue .card:last-child {
    border-bottom: 1px solid;
  }
}

.partners-main {
  width: 100%;
}

.partners-main .cover {
  overflow: hidden;
}

.partners-main .cover__btn {
  text-wrap: nowrap;
}

.partners-main .btn.cover__btn:not(:last-child) {
  margin-right: 40px;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main .btn.cover__btn {
    margin-top: 20px;
    margin-right: 0;
  }
}

.partners-main .grid._stage {
  grid-column-gap: 68px;
}

@media only screen and (max-width: 1278px) {
  .partners-main .grid._stage {
    grid-column-gap: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main .grid._stage {
    grid-column-gap: 0;
    grid-row-gap: 2em;
  }
}

.partners-main .card-stage {
  padding: 40px;
  background: #1D1D1F;
}

.partners-main .card-stage h3 {
  font-weight: 400;
  font-size: 36px;
  color: #00D9ED;
  line-height: 0.55555556em;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1278px) {
  .partners-main .card-stage h3 {
    font-size: 3.6rem;
  }
}

.partners-main .card-stage p {
  font-weight: 400;
  font-size: 22px;
  color: #fff;
  line-height: 1.18181818em;
}

@media only screen and (max-width: 1278px) {
  .partners-main .card-stage p {
    font-size: 2.2rem;
  }
}

@media only screen and (max-width: 1278px) {
  .partners-main .card-stage {
    padding: 2em;
  }

  .partners-main .card-stage h3 {
    font-weight: 400;
    font-size: 30px;
    color: #00D9ED;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .partners-main .card-stage h3 {
    font-size: 3rem;
  }
}

@media only screen and (max-width: 1278px) {
  .partners-main .card-stage p {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 1.44444444em;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .partners-main .card-stage p {
    font-size: 1.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main .card-stage {
    padding: 3em;
  }

  .partners-main .card-stage h3 {
    font-weight: 400;
    font-size: 40px;
    color: #00D9ED;
    line-height: 0.9em;
    margin-bottom: 30;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .partners-main .card-stage h3 {
    font-size: 4rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main .card-stage p {
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    line-height: 1.29166667em;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .partners-main .card-stage p {
    font-size: 2.4rem;
  }
}

.partners-main .cover__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main .cover__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.partners-main .cover__video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 200px;
  top: auto;
  z-index: 1;
  width: 410px;
  height: 500px;
  pointer-events: none;
}

.partners-main .cover__video video {
  position: absolute;
  left: auto;
  top: auto;
  opacity: 1;
  -webkit-transform: scale(3.6);
  transform: scale(3.6);
}

.partners-main .cover__video img {
  position: absolute;
  left: auto;
  top: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: 0;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.partners-main .cover__video.is-no-play video {
  opacity: 0;
}

.partners-main .cover__video.is-no-play img {
  opacity: 1;
}

.max-w-100 {
  max-width: 100% !important;
}

@media only screen and (max-width: 1278px) {
  .partners-main .cover__video {
    right: 7em;
    width: 41em;
    height: 50em;
  }

  .partners-main .cover__video video {
    -webkit-transform: scale(2.8);
    transform: scale(2.8);
  }

  .partners-main .cover__video img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px) {
  .partners-main .cover__video video {
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main .cover__video {
    position: relative;
    right: auto;
    margin-bottom: 6em;
    width: 100%;
    height: 24em;
  }

  .partners-main .cover__video img {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main .row-gap-lg-45 {
    grid-row-gap: 4.7em;
  }
}

.partners-main .card.with-array {
  border: none !important;
}

.partners-main .card.with-array .card__section {
  border: none !important;
}

.partners-main .card.with-array .arrow_decor {
  position: absolute;
  left: 150px;
  top: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  overflow: hidden;
  width: 220px;
}

.partners-main .card.with-array .arrow_decor svg {
  width: auto;
  height: auto;
}

@media only screen and (max-width: 1278px) {
  .partners-main .card.with-array .arrow_decor {
    left: 15em;
    top: 6.5em;
    width: 16em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main .card.with-array .arrow_decor {
    left: 4.9em;
    top: calc(100% + -1.6em);
    width: 6em;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: top top;
    transform-origin: top top;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}

.partners-main .card.with-array:nth-child(3n) .arrow_decor {
  display: none;
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main .card.with-array br {
    display: block;
  }
}

.partners-main__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 40px;
  background: #1D1D1F;
  color: #fff;
}

.partners-main__list .btn {
  margin-top: auto;
  width: 100%;
}

.partners-main__list h3 {
  font-weight: 400;
  font-size: 36px;
  line-height: 1.83333333em;
  font-weight: 500;
  margin-bottom: 25px;
}

@media only screen and (max-width: 1278px) {
  .partners-main__list h3 {
    font-size: 3.6rem;
  }
}

.partners-main__list a {
  font-weight: 400;
  font-size: 22px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  text-underline-offset: 5px;
}

@media only screen and (max-width: 1278px) {
  .partners-main__list a {
    font-size: 2.2rem;
  }
}

@media only screen and (max-width: 1278px) {
  .partners-main__list a {
    font-weight: 400;
    font-size: 20px;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .partners-main__list a {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1025px) {
  .partners-main__list a:hover {
    color: #0077ff;
  }
}

.partners-main__list ul {
  padding-left: 35px;
}

.partners-main__list ul:not(:last-child) {
  margin-bottom: 30px;
}

.partners-main__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.33333333em;
  font-weight: 400;
  position: relative;
}

@media only screen and (max-width: 1278px) {
  .partners-main__list li {
    font-size: 2.4rem;
  }
}

.partners-main__list li::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 15px;
  display: block;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  background-color: #fff;
}

.partners-main__list li:not(:last-child) {
  margin-bottom: 32px;
}

.partners-main__list.check li {
  font-weight: 400;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.36363636em;
  font-weight: 400;
}

@media only screen and (max-width: 1278px) {
  .partners-main__list.check li {
    font-size: 2.2rem;
  }
}

.partners-main__list.check li::before {
  display: none;
}

.partners-main__list.check li svg {
  color: #00D9ED;
}

.partners-main__list.check li:not(:last-child) {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1278px) {
  .partners-main__list.check li {
    font-weight: 400;
    font-size: 20px;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .partners-main__list.check li {
    font-size: 2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main__list.check li {
    font-weight: 400;
    font-size: 18px;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .partners-main__list.check li {
    font-size: 1.8rem;
  }
}

.partners-main__list.check ul {
  padding-left: 0;
}

.partners-main__list--nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-top: 50px;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 1278px) {
  .partners-main__list--nav {
    margin-top: 3em;
  }
}

@media only screen and (max-width: 1278px) {
  .partners-main__list {
    padding: 4em;
  }

  .partners-main__list ul {
    padding-left: 3.5em;
  }

  .partners-main__list ul:not(:last-child) {
    margin-bottom: 2.6em;
  }

  .partners-main__list li {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 400;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .partners-main__list li {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 1278px) {
  .partners-main__list li::before {
    left: -1em;
    top: 0.6em;
    width: 0.25em;
    height: 0.25em;
  }

  .partners-main__list li:not(:last-child) {
    margin-bottom: 1.25em;
  }

  .partners-main__list h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 1em;
    font-weight: 500;
    margin-bottom: 1.5625em;
  }
}

@media only screen and (max-width: 1278px) and (max-width: 1278px) {
  .partners-main__list h3 {
    font-size: 3.2rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main__list {
    padding: 4em 3em;
  }

  .partners-main__list ul {
    padding-left: 1.5em;
  }

  .partners-main__list li {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.55555556em;
    font-weight: 400;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .partners-main__list li {
    font-size: 1.8rem;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main__list li::before {
    left: -0.77777778em;
    top: 0.72222222em;
    width: 0.16666667em;
    height: 0.16666667em;
  }

  .partners-main__list li:not(:last-child) {
    margin-bottom: 1.38888889em;
  }

  .partners-main__list h3 {
    margin-bottom: 1.25em;
  }
}

.partners-main .advantages .card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.partners-main .advantages .card__top .card__heading,
.partners-main .advantages .card__top .card__icon {
  margin-bottom: 0;
}

@media only screen and (max-width: 1278px) {

  .partners-main .advantages .card__top .card__heading,
  .partners-main .advantages .card__top .card__icon {
    margin-bottom: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {

  .partners-main .advantages .card__top .card__heading,
  .partners-main .advantages .card__top .card__icon {
    margin-bottom: 0;
  }
}

.partners-main .advantages .card__top .card__icon {
  margin-right: 40px;
}

@media only screen and (max-width: 1278px) {
  .partners-main .advantages .card__top .card__icon {
    margin-right: 4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main .advantages .card__top .card__icon {
    margin-right: 2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main .advantages .card__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.partners-main .text-container.bg {
  padding: 42px;
  background: #1D1D1F;
}

@media only screen and (max-width: 1278px) {
  .partners-main .text-container.bg {
    padding: 4.2em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main .text-container.bg {
    padding: 3em;
  }
}

@media only screen and (min-width: 1025px) {
  .partners-main .card:hover .partners-main__link--inner svg {
    color: #0077ff;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: btnArrowAnimation;
    animation: btnArrowAnimation;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
}

.partners-main__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 40px;
  height: 282px;
  background: #0077ff;
}

.partners-main__link p {
  font-weight: 400;
  font-size: 36px;
  color: #fff;
  line-height: 1.22222222em;
  font-weight: 400;
}

@media only screen and (max-width: 1278px) {
  .partners-main__link p {
    font-size: 3.6rem;
  }
}

.partners-main__link--arrow {
  margin-top: auto;
  padding-top: 40px;
  width: 24px;
  color: #fff;
}

.partners-main__link--inner {
  overflow: hidden;
  width: 24px;
  height: 24px;
}

@media only screen and (max-width: 1278px) {
  .partners-main__link {
    padding: 4em;
    height: 28.2em;
  }

  .partners-main__link--arrow {
    padding-top: 4em;
    width: 2.4em;
  }

  .partners-main__link--inner {
    width: 2.4em;
    height: 2.4em;
  }

  .partners-main__link--inner svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .partners-main__link {
    padding: 3em;
    height: 21.6em;
  }

  .partners-main__link p {
    font-weight: 400;
    font-size: 30px;
    color: #fff;
    line-height: 1.2em;
    font-weight: 400;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .partners-main__link p {
    font-size: 3rem;
  }
}

@media only screen and (min-width: 1025px) {
  .partners-main__link:hover .partners-main__link--inner svg {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: btnArrowAnimation;
    animation: btnArrowAnimation;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
}

@-webkit-keyframes btnArrowAnimation {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(18px, -18px, 0);
    transform: translate3d(18px, -18px, 0);
  }

  51% {
    -webkit-transform: translate3d(-18px, 18px, 0);
    transform: translate3d(-18px, 18px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes btnArrowAnimation {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(18px, -18px, 0);
    transform: translate3d(18px, -18px, 0);
  }

  51% {
    -webkit-transform: translate3d(-18px, 18px, 0);
    transform: translate3d(-18px, 18px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.agent {
  width: 100%;
}

.agent .cover__frame {
  position: absolute;
  top: auto;
  right: 0;
  width: 573px;
  height: 474px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 1278px) {
  .agent .cover__frame {
    width: 48.8em;
    height: 40.4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .agent .cover__frame {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: relative;
    right: auto;
    top: auto;
    width: 31.1em;
    height: 25.8em;
    margin-bottom: 1em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .agent .cover__section {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.agent .partners-main__link {
  height: auto;
  padding-bottom: 75px;
}

.agent .partners-main__link p {
  font-weight: 400;
  font-size: 28px;
}

@media only screen and (max-width: 1278px) {
  .agent .partners-main__link p {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .agent .partners-main__link {
    padding: 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .agent .partners-main__link br {
    display: none;
  }

  .agent .partners-main__link p {
    font-weight: 400;
    font-size: 24px;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .agent .partners-main__link p {
    font-size: 2.4rem;
  }
}

.affiliate {
  width: 100%;
}

.affiliate .cover__frame {
  position: absolute;
  top: auto;
  right: 0;
  width: 573px;
  height: 474px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 1278px) {
  .affiliate .cover__frame {
    width: 42.2em;
    height: 40.4em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .affiliate .cover__frame {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: relative;
    right: auto;
    top: auto;
    width: 31em;
    height: 31em;
    margin-bottom: 1em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .affiliate .cover__section {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.affiliate .partners-main__link {
  height: auto;
  padding-bottom: 75px;
}

.affiliate .partners-main__link p {
  font-weight: 400;
  font-size: 28px;
}

@media only screen and (max-width: 1278px) {
  .affiliate .partners-main__link p {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 1278px) {
  .affiliate .partners-main__link {
    padding: 3em;
  }
}

@media screen and (orientation: landscape) and (max-width: 1023px),
screen and (orientation: portrait) and (max-width: 767px) {
  .affiliate .partners-main__link br {
    display: none;
  }

  .affiliate .partners-main__link p {
    font-weight: 400;
    font-size: 24px;
  }
}

@media only screen and (orientation: landscape) and (max-width: 1023px) and (max-width: 1278px),
only screen and (orientation: portrait) and (max-width: 767px) and (max-width: 1278px) {
  .affiliate .partners-main__link p {
    font-size: 2.4rem;
  }
}

code[class*="language-"],
pre[class*="language-"] {
  border-radius: 2px;
  color: #445870;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  text-align: left;
  white-space: pre;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  direction: ltr;
  font-family: Inconsolata, monospace;
  font-size: 13px;
  letter-spacing: 0;
}

/* Code blocks */
pre[class*="language-"] {
  padding: 18px 24px;
  margin: 0 0 24px;
  overflow: auto;
}

:not(pre)>code[class*="language-"],
pre[class*="language-"] {
  background: #f6f7f9;
}

/* Inline code */
:not(pre)>code[class*="language-"] {
  padding: 0 2px 1px;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #90a1b5;
}

.token.punctuation {
  color: #999;
}

.namespace {
  opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #EC4444;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #4ABF60;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #55a1fb;
}

.token.function {
  color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
  color: #e90;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

code[class*="language-"],
pre[class*="language-"] {
  border-radius: 2px;
  color: #445870;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  text-align: left;
  white-space: pre;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  direction: ltr;
  font-family: Inconsolata, monospace;
  font-size: 13px;
  letter-spacing: 0;
}

/* Code blocks */
pre[class*="language-"] {
  padding: 18px 24px;
  margin: 0 0 24px;
  overflow: auto;
}

:not(pre)>code[class*="language-"],
pre[class*="language-"] {
  background: #f6f7f9;
}

/* Inline code */
:not(pre)>code[class*="language-"] {
  padding: 0 2px 1px;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #90a1b5;
}

.token.punctuation {
  color: #999;
}

.namespace {
  opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #EC4444;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #4ABF60;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #55a1fb;
}

.token.function {
  color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
  color: #e90;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-weight: normal;
  outline: none;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active,
.filter-blog .nice-select.filter__btn.open,
.nice-select.open,
.nice-select:focus {
  opacity: 1;
}

.nice-select:after {
  border-bottom: 2px solid;
  border-right: 2px solid;
  border-color: #313131;
  content: '';
  display: block;
  height: 5px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 50% 66%;
  transform-origin: 50% 66%;
  -webkit-transform: rotate(45deg) translate3d(0, -50%, 0) scale(1);
  transform: rotate(45deg) translate3d(0, -50%, 0) scale(1);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(45deg) translate3d(0, -50%, 0) scale(-1);
  transform: rotate(45deg) translate3d(0, -50%, 0) scale(-1);
  border-color: #0077FF;
}

.nice-select.open .nice-select-dropdown {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0) translate3d(-50%, 0, 0);
  transform: scale(1) translateY(0) translate3d(-50%, 0, 0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #90a1b5;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cdd5de;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .nice-select-dropdown {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .nice-select-dropdown {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  min-height: 34px;
}

.nice-select .nice-select-dropdown {
  margin-top: 20px;
  background-color: #fff;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(0.75) translateY(-19px) translate3d(-50%, 0, 0);
  transform: scale(0.75) translateY(-19px) translate3d(-50%, 0, 0);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  opacity: 0;
}

[data-theme="dark"] .nice-select .nice-select-dropdown {
  background-color: #474749;
  border: none !important;
}

@media only screen and (max-width: 1278px) {
  .nice-select .nice-select-dropdown {
    margin-top: 2em;
  }
}

.nice-select .list {
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  overflow-y: auto;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  list-style: none;
  text-align: left;
}

.nice-select .option.disabled {
  cursor: default;
}

.no-csspointerevents .nice-select .nice-select-dropdown {
  display: none;
}

.no-csspointerevents .nice-select.open .nice-select-dropdown {
  display: block;
}

.nice-select .has-multiple {
  white-space: inherit;
  height: auto;
  padding: 7px 12px;
  min-height: 36px;
  line-height: 22px;
}

.nice-select .has-multiple span.current {
  border: 1px solid #CCC;
  background: #EEE;
  padding: 0 10px;
  border-radius: 3px;
  display: inline-block;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 3px;
  margin-right: 3px;
}

.nice-select .has-multiple .multiple-options {
  display: block;
  line-height: 24px;
  padding: 0;
}

.nice-select .nice-select-search-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  pointer-events: none;
  border-radius: 5px 5px 0 0;
}

.nice-select .nice-select-search {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  color: #445870;
  display: inline-block;
  vertical-align: middle;
  padding: 7px 12px;
  margin: 0 10px 0 0;
  width: 100%;
  min-height: 36px;
  line-height: 22px;
  height: auto;
  outline: 0 !important;
  font-size: 14px;
}

/* Service css */
.involving-involve {
  position: relative;
}

.involving-involve__content {
  position: relative;
  z-index: 5;
  padding-bottom: 140px;
}

.involving-involve__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 46px;
}

.section-title-text {
  font-weight: 600;
  font-size: 64px;
  line-height: 0.9;
}

.section-subtitle-text {
  font-size: 24px;
  line-height: 1.4;
}

.involving-involve__title {
  width: 51.6%;
  padding-right: 50px;
  font-size: 50px;
}

.involving-involve__subtitle {
  width: 48.4%;
  max-width: 550px;
}

.involving-involve__blocks {
  padding-bottom: 20px;
  margin-bottom: 104px;
}

.involving-involve__block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 20px);
  padding: 54px 22px;
  background-color: #fff;
  border: 2px solid #3a3a3a;
  margin-bottom: 100px;
}

.involving-involve__block:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #3a3a3a;
  border: 2px solid #3a3a3a;
}

.involving-involve__picture {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 560px;
  margin-right: 65px;
}

.involving-involve__text {
  max-width: 550px;
}

.involving-involve__text h5 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 600;
  line-height: 0.9;
}

.involving-involve__text p {
  font-size: 19px;
  line-height: 1.4;
}

.involving-involve__footer {
  text-align: center;
}

.button {
  display: inline-block;
  height: 56px;
  min-width: 213px;
  text-align: center;
  font-size: 20px;
  padding: 0 24px;
  line-height: 56px;
  border-radius: 12px;
  color: #ffffff;
  background-color: #0077ff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.container {
  width: 1240px;
  max-width: calc(100% - 80px);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1241px) {
  .involving-involve__picture._tablet {
    display: none;
  }
}

@media (min-width: 1001px) {
  .involving-involve__block:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 40px;
  }

  .involving-involve__block:nth-of-type(even) .involving-involve__picture {
    margin-right: 0;
  }

  .involving-involve__block:nth-of-type(even) .involving-involve__text {
    padding-right: 65px;
  }
}

@media (max-width: 1240px) {
  .involving-involve__title {
    width: 49.3%;
    font-size: 36px;
  }

  .involving-involve__subtitle {
    width: 50.7%;
  }

  .section-subtitle-text {
    font-size: 22px;
  }

  .involving-involve__picture {
    width: 396px;
    margin-right: 40px;
  }

  .involving-involve__picture._desktop {
    display: none;
  }
}

@media (max-width: 1000px) {
  .involving-involve__title {
    width: 53%;
    font-size: 30px;
    line-height: 1.2;
    padding-right: 15px;
  }

  .involving-involve__subtitle {
    width: 47%;
  }

  .involving-involve__content {
    padding-bottom: 110px;
  }

  .involving-involve__top {
    margin-bottom: 80px;
  }

  .involving-involve__text {
    max-width: none;
  }

  .involving-involve__picture {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }

  .involving-involve__block {
    display: block;
    padding: 13px 20px;
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .involving-involve__title {
    width: 100%;
    margin-bottom: 24px;
  }

  .involving-involve__subtitle {
    width: 100%;
  }

  .involving-involve__content {
    padding-bottom: 80px;
  }

  .container {
    max-width: calc(100% - 40px);
  }

  .involving-involve__top {
    margin-bottom: 35px;
  }

  .involving-involve__block {
    padding: 20px;
    margin-bottom: 60px;
  }

  .involving-involve__blocks {
    margin-bottom: 0;
  }

  .container.involving-involve__content {
    padding: 0;
  }
}

/* Service */

@supports (padding: max(0px)) {
  .menu {
    padding-right: env(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
  }

  .menu .footer__bottom,
  .menu .header__list {
    padding-left: 3em;
    padding-right: 3em;
  }

  .vw-100,
  .header,
  .wrapper,
  .footer {
    padding-right: calc(env(safe-area-inset-right) - 3em) !important;
    padding-left: calc(env(safe-area-inset-left) - 3em) !important;
  }

  @media screen and (orientation: landscape) and (max-width: 1023px),
  screen and (orientation: portrait) and (max-width: 767px) {
    .job-option__container.vw-100 {
      background: #ebeef2;
    }
  }

  .vw-100,
  .cover.mask {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}