/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/src/blocks/success-story-card/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* fonts */
/* colors */
/* other */
@font-face {
  font-family: "mycap";
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "mycap" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  content: attr(data-icon);
}

[class^=icon-],
[class*=" icon-"] {
  position: relative;
  line-height: 0;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "mycap" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.icon-chevron-b:before {
  content: "a";
}

.icon-chevron-r:before {
  content: "a";
  transform: rotate(-90deg);
  display: block;
}

.icon-chevron-l:before {
  content: "a";
  transform: rotate(90deg);
  display: block;
}

.icon-chevron-t:before {
  content: "a";
  transform: rotate(180deg);
  display: block;
}

.icon-arrow-r:before {
  content: "f";
  line-height: 18px;
}

.icon-arrow-l:before {
  content: "f";
  transform: rotate(180deg);
  display: block;
}

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

.icon-user:before {
  content: "c";
}

.icon-bell:before {
  content: "e";
}

.icon-yt:before {
  content: "j";
}

.icon-in:before {
  content: "k";
}

.icon-tw:before {
  content: "l";
}

.icon-fb:before {
  content: "m";
}

.icon-ss:before {
  content: "n";
}

.icon-gd:before {
  content: "o";
}

.icon-sc:before {
  content: "p";
}

.icon-li:before {
  content: "g";
}

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

.icon-fav-full:before {
  content: "i";
}

.icon-fav-empty:before {
  content: "q";
}

.icon-users:before {
  content: "d";
}

.icon-menu:before {
  content: "r";
}

.icon-calendar:before {
  content: "s";
}

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

.icon-eye:before {
  content: "u";
}

.icon-link:before {
  content: "v";
}

.icon-list:before {
  content: "w";
}

.icon-logout:before {
  content: "x";
}

.icon-message:before {
  content: "y";
}

.icon-mouse:before {
  content: "z";
}

.icon-phone:before {
  content: "A";
}

.icon-thumb-up:before {
  content: "B";
}

.icon-upload:before {
  content: "C";
}

.icon-mail:before {
  content: "D";
}

.icon-edit:before {
  content: "E";
}

.icon-play:before {
  content: "F";
}

.icon-pagination-first:before {
  content: "G";
}

.icon-pagination-last:before {
  content: "H";
}

.icon-pagination-next:before {
  content: "I";
}

.icon-pagination-prev:before {
  content: "J";
}

/* container */
.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 12px;
  padding-left: 12px;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 576px) {
  .container {
    width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 720px;
  }
}
@media (min-width: 996px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1320px;
  }
}

/* row */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

/* col */
.col, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
}

/* row-nogutter */
.row-nogutter {
  display: flex;
  flex-wrap: wrap;
}
.row-nogutter .col, .row-nogutter .col-xxl-12, .row-nogutter .col-xxl-11, .row-nogutter .col-xxl-10, .row-nogutter .col-xxl-9, .row-nogutter .col-xxl-8, .row-nogutter .col-xxl-7, .row-nogutter .col-xxl-6, .row-nogutter .col-xxl-5, .row-nogutter .col-xxl-4, .row-nogutter .col-xxl-3, .row-nogutter .col-xxl-2, .row-nogutter .col-xxl-1, .row-nogutter .col-xl-12, .row-nogutter .col-xl-11, .row-nogutter .col-xl-10, .row-nogutter .col-xl-9, .row-nogutter .col-xl-8, .row-nogutter .col-xl-7, .row-nogutter .col-xl-6, .row-nogutter .col-xl-5, .row-nogutter .col-xl-4, .row-nogutter .col-xl-3, .row-nogutter .col-xl-2, .row-nogutter .col-xl-1, .row-nogutter .col-lg-12, .row-nogutter .col-lg-11, .row-nogutter .col-lg-10, .row-nogutter .col-lg-9, .row-nogutter .col-lg-8, .row-nogutter .col-lg-7, .row-nogutter .col-lg-6, .row-nogutter .col-lg-5, .row-nogutter .col-lg-4, .row-nogutter .col-lg-3, .row-nogutter .col-lg-2, .row-nogutter .col-lg-1, .row-nogutter .col-md-12, .row-nogutter .col-md-11, .row-nogutter .col-md-10, .row-nogutter .col-md-9, .row-nogutter .col-md-8, .row-nogutter .col-md-7, .row-nogutter .col-md-6, .row-nogutter .col-md-5, .row-nogutter .col-md-4, .row-nogutter .col-md-3, .row-nogutter .col-md-2, .row-nogutter .col-md-1, .row-nogutter .col-sm-12, .row-nogutter .col-sm-11, .row-nogutter .col-sm-10, .row-nogutter .col-sm-9, .row-nogutter .col-sm-8, .row-nogutter .col-sm-7, .row-nogutter .col-sm-6, .row-nogutter .col-sm-5, .row-nogutter .col-sm-4, .row-nogutter .col-sm-3, .row-nogutter .col-sm-2, .row-nogutter .col-sm-1, .row-nogutter .col-xs-12, .row-nogutter .col-xs-11, .row-nogutter .col-xs-10, .row-nogutter .col-xs-9, .row-nogutter .col-xs-8, .row-nogutter .col-xs-7, .row-nogutter .col-xs-6, .row-nogutter .col-xs-5, .row-nogutter .col-xs-4, .row-nogutter .col-xs-3, .row-nogutter .col-xs-2, .row-nogutter .col-xs-1, .row-nogutter .col-12, .row-nogutter .col-11, .row-nogutter .col-10, .row-nogutter .col-9, .row-nogutter .col-8, .row-nogutter .col-7, .row-nogutter .col-6, .row-nogutter .col-5, .row-nogutter .col-4, .row-nogutter .col-3, .row-nogutter .col-2, .row-nogutter .col-1 {
  padding: 0;
}

/* flexible col */
.col-flex {
  flex: 1 1 0px;
  padding: 0 12px;
}

/* display */
.d-none {
  display: none !important;
}

/* functions */
.col-1 {
  max-width: 8.33333%;
}

.offset-1 {
  margin-left: 8.33333%;
}

.col-2 {
  max-width: 16.66667%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.col-3 {
  max-width: 25%;
}

.offset-3 {
  margin-left: 25%;
}

.col-4 {
  max-width: 33.33333333%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.col-5 {
  max-width: 41.66667%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.col-6 {
  max-width: 50%;
}

.offset-6 {
  margin-left: 50%;
}

.col-7 {
  max-width: 58.33333%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.col-8 {
  max-width: 66.66667%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.col-9 {
  max-width: 75%;
}

.offset-9 {
  margin-left: 75%;
}

.col-10 {
  max-width: 83.33333%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.col-11 {
  max-width: 91.66667%;
}

.offset-11 {
  margin-left: 91.66667%;
}

.col-12 {
  max-width: 100%;
}

.offset-12 {
  margin-left: 100%;
}

@media (max-width: 575px) {
  .col-xs-1 {
    max-width: 8.33333%;
  }
  .offset-xs-1 {
    margin-left: 8.33333%;
  }
}
@media (max-width: 575px) {
  .col-xs-2 {
    max-width: 16.66667%;
  }
  .offset-xs-2 {
    margin-left: 16.66667%;
  }
}
@media (max-width: 575px) {
  .col-xs-3 {
    max-width: 25%;
  }
  .offset-xs-3 {
    margin-left: 25%;
  }
}
@media (max-width: 575px) {
  .col-xs-4 {
    max-width: 33.33333333%;
  }
  .offset-xs-4 {
    margin-left: 33.33333333%;
  }
}
@media (max-width: 575px) {
  .col-xs-5 {
    max-width: 41.66667%;
  }
  .offset-xs-5 {
    margin-left: 41.66667%;
  }
}
@media (max-width: 575px) {
  .col-xs-6 {
    max-width: 50%;
  }
  .offset-xs-6 {
    margin-left: 50%;
  }
}
@media (max-width: 575px) {
  .col-xs-7 {
    max-width: 58.33333%;
  }
  .offset-xs-7 {
    margin-left: 58.33333%;
  }
}
@media (max-width: 575px) {
  .col-xs-8 {
    max-width: 66.66667%;
  }
  .offset-xs-8 {
    margin-left: 66.66667%;
  }
}
@media (max-width: 575px) {
  .col-xs-9 {
    max-width: 75%;
  }
  .offset-xs-9 {
    margin-left: 75%;
  }
}
@media (max-width: 575px) {
  .col-xs-10 {
    max-width: 83.33333%;
  }
  .offset-xs-10 {
    margin-left: 83.33333%;
  }
}
@media (max-width: 575px) {
  .col-xs-11 {
    max-width: 91.66667%;
  }
  .offset-xs-11 {
    margin-left: 91.66667%;
  }
}
@media (max-width: 575px) {
  .col-xs-12 {
    max-width: 100%;
  }
  .offset-xs-12 {
    margin-left: 100%;
  }
}
@media (max-width: 575px) {
  .d-xs-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 575px) {
  .d-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 575px) {
  .d-xs-block {
    display: block !important;
  }
}
@media (max-width: 575px) {
  .d-xs-flex {
    display: flex !important;
  }
}
@media (max-width: 575px) {
  .d-xs-none {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .col-sm-1 {
    max-width: 8.33333%;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
}
@media (min-width: 576px) {
  .col-sm-2 {
    max-width: 16.66667%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
}
@media (min-width: 576px) {
  .col-sm-3 {
    max-width: 25%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
}
@media (min-width: 576px) {
  .col-sm-4 {
    max-width: 33.33333333%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 576px) {
  .col-sm-5 {
    max-width: 41.66667%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
}
@media (min-width: 576px) {
  .col-sm-6 {
    max-width: 50%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
}
@media (min-width: 576px) {
  .col-sm-7 {
    max-width: 58.33333%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
}
@media (min-width: 576px) {
  .col-sm-8 {
    max-width: 66.66667%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
}
@media (min-width: 576px) {
  .col-sm-9 {
    max-width: 75%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
}
@media (min-width: 576px) {
  .col-sm-10 {
    max-width: 83.33333%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
}
@media (min-width: 576px) {
  .col-sm-11 {
    max-width: 91.66667%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 576px) {
  .col-sm-12 {
    max-width: 100%;
  }
  .offset-sm-12 {
    margin-left: 100%;
  }
}
@media (min-width: 576px) {
  .d-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }
}
@media (min-width: 576px) {
  .d-sm-flex {
    display: flex !important;
  }
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    max-width: 8.33333%;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
}
@media (min-width: 768px) {
  .col-md-2 {
    max-width: 16.66667%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
}
@media (min-width: 768px) {
  .col-md-3 {
    max-width: 25%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
}
@media (min-width: 768px) {
  .col-md-4 {
    max-width: 33.33333333%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .col-md-5 {
    max-width: 41.66667%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
}
@media (min-width: 768px) {
  .col-md-6 {
    max-width: 50%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
}
@media (min-width: 768px) {
  .col-md-7 {
    max-width: 58.33333%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
}
@media (min-width: 768px) {
  .col-md-8 {
    max-width: 66.66667%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
}
@media (min-width: 768px) {
  .col-md-9 {
    max-width: 75%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
}
@media (min-width: 768px) {
  .col-md-10 {
    max-width: 83.33333%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
}
@media (min-width: 768px) {
  .col-md-11 {
    max-width: 91.66667%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 768px) {
  .col-md-12 {
    max-width: 100%;
  }
  .offset-md-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .d-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .d-md-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
}
@media (min-width: 996px) {
  .col-lg-1 {
    max-width: 8.33333%;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
}
@media (min-width: 996px) {
  .col-lg-2 {
    max-width: 16.66667%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
}
@media (min-width: 996px) {
  .col-lg-3 {
    max-width: 25%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
}
@media (min-width: 996px) {
  .col-lg-4 {
    max-width: 33.33333333%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 996px) {
  .col-lg-5 {
    max-width: 41.66667%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
}
@media (min-width: 996px) {
  .col-lg-6 {
    max-width: 50%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
}
@media (min-width: 996px) {
  .col-lg-7 {
    max-width: 58.33333%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
}
@media (min-width: 996px) {
  .col-lg-8 {
    max-width: 66.66667%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
}
@media (min-width: 996px) {
  .col-lg-9 {
    max-width: 75%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
}
@media (min-width: 996px) {
  .col-lg-10 {
    max-width: 83.33333%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
}
@media (min-width: 996px) {
  .col-lg-11 {
    max-width: 91.66667%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 996px) {
  .col-lg-12 {
    max-width: 100%;
  }
  .offset-lg-12 {
    margin-left: 100%;
  }
}
@media (min-width: 996px) {
  .d-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 996px) {
  .d-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 996px) {
  .d-lg-block {
    display: block !important;
  }
}
@media (min-width: 996px) {
  .d-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 996px) {
  .d-lg-none {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    max-width: 8.33333%;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
}
@media (min-width: 1200px) {
  .col-xl-2 {
    max-width: 16.66667%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
}
@media (min-width: 1200px) {
  .col-xl-3 {
    max-width: 25%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
}
@media (min-width: 1200px) {
  .col-xl-4 {
    max-width: 33.33333333%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .col-xl-5 {
    max-width: 41.66667%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
}
@media (min-width: 1200px) {
  .col-xl-6 {
    max-width: 50%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
}
@media (min-width: 1200px) {
  .col-xl-7 {
    max-width: 58.33333%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
}
@media (min-width: 1200px) {
  .col-xl-8 {
    max-width: 66.66667%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
}
@media (min-width: 1200px) {
  .col-xl-9 {
    max-width: 75%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
}
@media (min-width: 1200px) {
  .col-xl-10 {
    max-width: 83.33333%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
}
@media (min-width: 1200px) {
  .col-xl-11 {
    max-width: 91.66667%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1200px) {
  .col-xl-12 {
    max-width: 100%;
  }
  .offset-xl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-flex {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    max-width: 8.33333%;
  }
  .offset-xxl-1 {
    margin-left: 8.33333%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-2 {
    max-width: 16.66667%;
  }
  .offset-xxl-2 {
    margin-left: 16.66667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-3 {
    max-width: 25%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-4 {
    max-width: 33.33333333%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-5 {
    max-width: 41.66667%;
  }
  .offset-xxl-5 {
    margin-left: 41.66667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-6 {
    max-width: 50%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-7 {
    max-width: 58.33333%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-8 {
    max-width: 66.66667%;
  }
  .offset-xxl-8 {
    margin-left: 66.66667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-9 {
    max-width: 75%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-10 {
    max-width: 83.33333%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-11 {
    max-width: 91.66667%;
  }
  .offset-xxl-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-12 {
    max-width: 100%;
  }
  .offset-xxl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-block {
    display: block !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-flex {
    display: flex !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

*:focus {
  outline: none;
  box-shadow: none;
}

hr {
  clear: both;
}

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

a {
  text-decoration: none;
}

a,
input[type=submit],
button {
  transition: all 0.5s ease;
  cursor: pointer;
}

input[type=submit],
button {
  border: 0;
  background: none;
}

input,
textarea,
button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

img {
  max-width: calc(100% + 0.1px);
  height: auto;
}

html.nooverflow, body.nooverflow {
  overflow: hidden !important;
}

body {
  background: #fff;
  color: #272936;
  font: 16px/1.5 "Ubuntu", sans-serif;
  min-width: 320px;
}

p, ul, ol, blockquote {
  margin-bottom: 24px;
}
p:last-child, ul:last-child, ol:last-child, blockquote:last-child {
  margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 48px;
  font-weight: 400;
}

h1, .h1 {
  font-size: 60px;
  font-weight: 300;
  line-height: 1.1;
}
@media (max-width: 767px) {
  h1, .h1 {
    font-size: 40px;
  }
}

h2, .h2 {
  font-size: 36px;
  line-height: 1.3;
  font-weight: 400;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 20px;
}

h5, .h5,
h6, .h6 {
  font-size: 18px;
}

.ul li, .section--journey2 .journey-desc .journey-desc-inner ul li,
.tabs .tab .section--journey2 .journey-desc .journey-desc-inner ul li, .article ul li,
.section--text ul li {
  position: relative;
  padding-left: 21px;
}
.ul li + li, .section--journey2 .journey-desc .journey-desc-inner ul li + li,
.tabs .tab .section--journey2 .journey-desc .journey-desc-inner ul li + li, .article ul li + li,
.section--text ul li + li {
  margin-top: 6px;
}
.ul li::before, .section--journey2 .journey-desc .journey-desc-inner ul li::before,
.tabs .tab .section--journey2 .journey-desc .journey-desc-inner ul li::before, .article ul li::before,
.section--text ul li::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #272936;
  top: 9px;
  left: 0;
}

ol {
  margin-left: 24px;
}

.img-wrapper, .section--article-single .comments .comment-person .comment-person-img, .hero .hero-img, .video-wrapper .video-img, .box-img {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.img-wrapper img, .section--article-single .comments .comment-person .comment-person-img img, .hero .hero-img img, .video-wrapper .video-img img, .box-img img, .img-wrapper video, .section--article-single .comments .comment-person .comment-person-img video, .hero .hero-img video, .video-wrapper .video-img video, .box-img video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: none;
}

.body-overlay, .header-desktop .header-search-wrapper .search-overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.overlay-wrapper, .header-desktop .header-search-wrapper {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  display: none;
}

@keyframes text-underline {
  0% {
    background-size: 100% 1px;
    background-position: 100% 100%;
  }
  50% {
    background-size: 0 1px;
    background-position: 100% 100%;
  }
  51% {
    background-size: 0 1px;
    background-position: 0 100%;
  }
  100% {
    background-size: 100% 1px;
    background-position: 0 100%;
  }
}
@keyframes text-underline2 {
  0% {
    background-size: 0 1px;
    background-position: 0 100%;
  }
  50% {
    background-size: 100% 1px;
    background-position: 0 100%;
  }
  51% {
    background-size: 100% 1px;
    background-position: 100% 100%;
  }
  100% {
    background-size: 0 1px;
    background-position: 100% 100%;
  }
}
.regular-link {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0 100%/100% 1px;
  padding-bottom: 2px;
}
.regular-link:hover {
  animation: text-underline 0.6s 1 forwards;
}

.regular-link2 {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0 100%/0 1px;
  padding-bottom: 2px;
}
.regular-link2:hover {
  animation: text-underline2 0.6s 1 forwards;
}

.link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.link span {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0px 100%/0 1px;
  line-height: inherit;
}
.link:hover span {
  animation: text-underline2 0.6s 1 forwards;
}
.link i {
  font-size: 24px;
  height: 24px;
}

.link-icon,
.button-icon2 {
  display: flex;
  align-items: center;
  gap: 16px;
}
.link-icon i,
.button-icon2 i {
  transition: all 0.2s ease-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #272936;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  font-size: 22px;
}
.link-icon i::after,
.button-icon2 i::after {
  content: "";
  display: block;
  background: #272936;
  border-radius: calc(50% - 2px);
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: all 0.2s ease-out;
  will-change: transform;
  z-index: -1;
}
.link-icon:hover i,
.button-icon2:hover i {
  color: #fff;
}
.link-icon:hover i::after,
.button-icon2:hover i::after {
  transform: translate(0, 0);
}

.button {
  transition: all 0.2s ease-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #272936;
  border: 1px solid #272936;
  border-radius: 30px;
  padding: 11px 32px;
  font-size: 16px;
  gap: 32px;
}
.button::before {
  content: "";
  display: block;
  background: #272936;
  border-radius: 28px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: all 0.2s ease-out;
  will-change: transform;
  z-index: -1;
}
.button:hover, .button.hover, .button.active {
  color: #fff;
}
.button:hover::before, .button.hover::before, .button.active::before {
  transform: translate(0, 0);
}
.button i {
  font-size: 24px;
  height: 24px;
}

.button--company {
  transition: all 0.2s ease-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #272936;
  border: 1px solid #272936;
  border-radius: 30px;
  padding: 11px 32px;
  font-size: 16px;
  gap: 32px;
}
.button--company::before {
  content: "";
  display: block;
  background: #272936;
  border-radius: 28px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: all 0.2s ease-out;
  will-change: transform;
  z-index: -1;
}
.button--company:hover, .button--company.hover, .button--company.active {
  color: #fff;
}
.button--company:hover::before, .button--company.hover::before, .button--company.active::before {
  transform: translate(0, 0);
}
.button--company i {
  font-size: 24px;
  height: 24px;
}
.button--company {
  background: var(--company-bg);
  border-color: var(--company-bg);
  color: var(--company-font);
}
.button--company:hover {
  border-color: var(--company-hover-bg);
  color: var(--company-hover-font);
}
.button--company::before {
  background: var(--company-hover-bg);
}

.button--company2 {
  transition: all 0.2s ease-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #272936;
  border: 1px solid #272936;
  border-radius: 30px;
  padding: 11px 32px;
  font-size: 16px;
  gap: 32px;
}
.button--company2::before {
  content: "";
  display: block;
  background: #272936;
  border-radius: 28px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: all 0.2s ease-out;
  will-change: transform;
  z-index: -1;
}
.button--company2:hover, .button--company2.hover, .button--company2.active {
  color: #fff;
}
.button--company2:hover::before, .button--company2.hover::before, .button--company2.active::before {
  transform: translate(0, 0);
}
.button--company2 i {
  font-size: 24px;
  height: 24px;
}
.button--company2 {
  background: var(--company-font);
  border-color: var(--company-font);
  color: var(--company-bg);
}
.button--company2:hover {
  border-color: var(--company-hover-bg);
  color: var(--company-hover-font);
}
.button--company2::before {
  background: var(--company-hover-bg);
}

.button--company3 {
  transition: all 0.2s ease-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #272936;
  border: 1px solid #272936;
  border-radius: 30px;
  padding: 11px 32px;
  font-size: 16px;
  gap: 32px;
}
.button--company3::before {
  content: "";
  display: block;
  background: #272936;
  border-radius: 28px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: all 0.2s ease-out;
  will-change: transform;
  z-index: -1;
}
.button--company3:hover, .button--company3.hover, .button--company3.active {
  color: #fff;
}
.button--company3:hover::before, .button--company3.hover::before, .button--company3.active::before {
  transform: translate(0, 0);
}
.button--company3 i {
  font-size: 24px;
  height: 24px;
}
.button--company3 {
  background: none;
  border-color: var(--company-bg);
  color: var(--company-bg);
}
.button--company3:hover {
  color: var(--company-font);
  border-color: var(--company-bg);
}
.button--company3::before {
  background: var(--company-bg);
}

.button--company4 {
  transition: all 0.2s ease-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #272936;
  border: 1px solid #272936;
  border-radius: 30px;
  padding: 11px 32px;
  font-size: 16px;
  gap: 32px;
}
.button--company4::before {
  content: "";
  display: block;
  background: #272936;
  border-radius: 28px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: all 0.2s ease-out;
  will-change: transform;
  z-index: -1;
}
.button--company4:hover, .button--company4.hover, .button--company4.active {
  color: #fff;
}
.button--company4:hover::before, .button--company4.hover::before, .button--company4.active::before {
  transform: translate(0, 0);
}
.button--company4 i {
  font-size: 24px;
  height: 24px;
}
.button--company4 {
  background: none;
  border-color: var(--company-font);
  color: var(--company-font);
}
.button--company4:hover {
  color: var(--company-bg);
  border-color: var(--company-font);
}
.button--company4::before {
  background: var(--company-font);
}

.button-icon {
  transition: all 0.2s ease-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #272936;
  border: 1px solid #272936;
  border-radius: 30px;
  padding: 11px 32px;
  font-size: 16px;
  gap: 32px;
}
.button-icon::before {
  content: "";
  display: block;
  background: #272936;
  border-radius: 28px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: all 0.2s ease-out;
  will-change: transform;
  z-index: -1;
}
.button-icon:hover, .button-icon.hover, .button-icon.active {
  color: #fff;
}
.button-icon:hover::before, .button-icon.hover::before, .button-icon.active::before {
  transform: translate(0, 0);
}
.button-icon i {
  font-size: 24px;
  height: 24px;
}
.button-icon {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
}
.button-icon::before {
  border-radius: calc(50% - 2px);
}
.button-icon i {
  font-size: 16px;
  height: 16px;
}

.buttons--horizontal,
.links--horizontal {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.buttons--vertical,
.links--vertical {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}

.boxes-row {
  margin-bottom: -32px;
}
.boxes-row .box {
  height: calc(100% - 32px);
  margin-bottom: 32px;
}

.box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
}

.box-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.box-tag {
  display: flex;
  align-items: center;
  gap: 8px;
}
.box-tag::before {
  content: "";
  width: 20px;
  height: 1px;
  background: #272936;
}

.box-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}

.box-title {
  display: block;
}

a.box-title {
  color: #272936;
}
a.box-title span {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0px 100%/0 1px;
  padding-bottom: 2px;
}
a.box-title:hover span {
  animation: text-underline2 0.6s 1 forwards;
}
a.box-title::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 2;
}

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .article p, .article ul, .article ol,
.section--text h1,
.section--text h2,
.section--text h3,
.section--text h4,
.section--text h5,
.section--text h6,
.section--text p,
.section--text ul,
.section--text ol {
  margin-bottom: 32px;
  font-weight: 300;
}
@media (max-width: 995px) {
  .article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .article p, .article ul, .article ol,
  .section--text h1,
  .section--text h2,
  .section--text h3,
  .section--text h4,
  .section--text h5,
  .section--text h6,
  .section--text p,
  .section--text ul,
  .section--text ol {
    margin-bottom: 24px;
  }
}
.article h1,
.section--text h1 {
  font-size: 40px;
  font-weight: 500;
  text-transform: uppercase;
}
@media (max-width: 995px) {
  .article h1,
  .section--text h1 {
    font-size: 32px;
    margin-bottom: 32px;
  }
}
.article p + h2, .article p + .quote, .article ul + h2, .article ul + .quote, .article ol + h2, .article ol + .quote,
.section--text p + h2,
.section--text p + .quote,
.section--text ul + h2,
.section--text ul + .quote,
.section--text ol + h2,
.section--text ol + .quote {
  margin-top: 80px;
}
@media (max-width: 995px) {
  .article p + h2, .article p + .quote, .article ul + h2, .article ul + .quote, .article ol + h2, .article ol + .quote,
  .section--text p + h2,
  .section--text p + .quote,
  .section--text ul + h2,
  .section--text ul + .quote,
  .section--text ol + h2,
  .section--text ol + .quote {
    margin-top: 48px;
  }
}
.article .big,
.section--text .big {
  font-size: 20px;
  margin-bottom: 6px;
}
.article b,
.section--text b {
  font-weight: 500;
}
.article .intro,
.section--text .intro {
  font-size: 36px;
  margin-bottom: 80px;
  line-height: 1.2;
}
@media (max-width: 995px) {
  .article .intro,
  .section--text .intro {
    font-size: 28px;
    margin-bottom: 48px;
  }
}
.article a:not(.wp-block-button__link),
.section--text a:not(.wp-block-button__link) {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0 100%/0 1px;
  padding-bottom: 2px;
}
.article a:not(.wp-block-button__link):hover,
.section--text a:not(.wp-block-button__link):hover {
  animation: text-underline2 0.6s 1 forwards;
}
.article ul li + li,
.section--text ul li + li {
  margin-top: 24px;
}
.article img, .article video,
.section--text img,
.section--text video {
  margin: 56px auto;
  display: block;
}
@media (max-width: 995px) {
  .article img, .article video,
  .section--text img,
  .section--text video {
    margin: 32px auto;
  }
}
.article h1:last-child, .article h2:last-child, .article h3:last-child, .article h4:last-child, .article h5:last-child, .article h6:last-child, .article p:last-child, .article ul:last-child, .article ol:last-child, .article img:last-child, .article video:last-child,
.section--text h1:last-child,
.section--text h2:last-child,
.section--text h3:last-child,
.section--text h4:last-child,
.section--text h5:last-child,
.section--text h6:last-child,
.section--text p:last-child,
.section--text ul:last-child,
.section--text ol:last-child,
.section--text img:last-child,
.section--text video:last-child {
  margin-bottom: 0;
}

.quote .quote-content {
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  margin-bottom: 32px;
}
.quote .quote-person {
  font-size: 18px;
  font-style: italic;
  margin-bottom: 16px;
}
.quote::after {
  display: block;
  content: "";
  width: 46px;
  height: 10px;
  background: var(--company-bg);
  border-radius: 20px;
}

.link--back {
  color: var(--company-bg);
  margin-bottom: 16px;
  font-weight: 500;
}
.link--back span {
  color: var(--company-bg);
  background-image: linear-gradient(to right, var(--company-bg) 0%, var(--company-bg) 100%);
}

@keyframes voting {
  0% {
    transform: rotate(0) translate(0, 0);
  }
  40% {
    transform: rotate(-30deg) translate(-5%, -15%);
  }
  60% {
    transform: rotate(-30deg) translate(-5%, -15%);
  }
  100% {
    transform: rotate(0) translate(0, 0);
  }
}
.button--social-vote.clicked i {
  animation: voting 1s 1 forwards;
}

@keyframes faving {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.5);
  }
  60% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.button--social-fav.clicked i {
  animation: faving 1s 1 forwards;
}
.button--social-fav.active i::before {
  content: "i";
}

.expander .expander-hidden {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}
.expander.opened .expander-hidden {
  max-height: 100vh;
}

.video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56%;
  background: #272936;
}
.video-wrapper video,
.video-wrapper .video-img-wrapper,
.video-wrapper .video-yt,
.video-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.video-wrapper .video-img-wrapper {
  background: #272936;
}
.video-wrapper .video-play {
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  height: 60px;
  width: 60px;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-wrapper .video-play i {
  font-size: 26px;
  left: 3px;
}
.video-wrapper .video-play:hover {
  transform: scale(1.2);
}

.search .form--oneliner, .section--search .form--oneliner, .header .header-search .form--oneliner {
  margin-bottom: 16px;
}
@media (max-width: 995px) {
  .search .form--oneliner, .section--search .form--oneliner, .header .header-search .form--oneliner {
    margin-bottom: 24px;
  }
  .search .form--oneliner input[type=text], .section--search .form--oneliner input[type=text], .header .header-search .form--oneliner input[type=text],
  .search .form--oneliner input[type=email],
  .section--search .form--oneliner input[type=email],
  .header .header-search .form--oneliner input[type=email] {
    padding: 0 24px;
    height: 40px;
  }
  .search .form--oneliner .button-wrapper, .section--search .form--oneliner .button-wrapper, .header .header-search .form--oneliner .button-wrapper {
    background: none;
    margin-right: 24px;
    border: 0;
    color: #272936;
  }
  .search .form--oneliner .button-wrapper::before, .section--search .form--oneliner .button-wrapper::before, .header .header-search .form--oneliner .button-wrapper::before {
    content: none;
  }
  .search .form--oneliner .button-wrapper input[type=submit], .section--search .form--oneliner .button-wrapper input[type=submit], .header .header-search .form--oneliner .button-wrapper input[type=submit] {
    padding: 0;
    width: 24px;
  }
  .search .form--oneliner .button-wrapper i, .section--search .form--oneliner .button-wrapper i, .header .header-search .form--oneliner .button-wrapper i {
    left: 0;
  }
}
.search .search-popular, .section--search .search-popular, .header .header-search .search-popular {
  display: flex;
  gap: 16px;
}
@media (max-width: 995px) {
  .search .search-popular, .section--search .search-popular, .header .header-search .search-popular {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
}
.search .search-popular span, .section--search .search-popular span, .header .header-search .search-popular span {
  font-size: 14px;
  margin-right: 20px;
}
@media (max-width: 995px) {
  .search .search-popular span, .section--search .search-popular span, .header .header-search .search-popular span {
    margin: 0;
  }
}
.search .search-popular a, .section--search .search-popular a, .header .header-search .search-popular a {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0 100%/100% 1px;
  padding-bottom: 2px;
}
.search .search-popular a:hover, .section--search .search-popular a:hover, .header .header-search .search-popular a:hover {
  animation: text-underline 0.6s 1 forwards;
}

.header .header-subsites i {
  transition: all 0.5s ease;
}
.header .header-subsites:hover i {
  transform: rotate(180deg);
}
.header .nots-icon .nots-new {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #E61D2B;
  position: absolute;
  top: -1px;
  right: -2px;
}
.header .nots-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 100%;
}
.header .nots-content .nots-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 16px;
  border-bottom: 1px solid #ECECEC;
  background: #fff;
}
.header .nots-content .nots-top .nots-title {
  font-weight: 500;
}
.header .nots-content .nots-top .regular-link {
  font-size: 12px;
}
.header .nots-content .nots-bottom {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  position: relative;
}
.header .nots-content .nots-bottom::before, .header .nots-content .nots-bottom::after {
  content: "";
  height: 100px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: all 0.5s ease;
}
.header .nots-content .nots-bottom::before {
  top: 0;
  background: linear-gradient(to bottom, #fff, rgba(0, 0, 0, 0));
}
.header .nots-content .nots-bottom::after {
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #fff);
}
.header .nots-content .nots-bottom.hidden-top::before {
  opacity: 1;
}
.header .nots-content .nots-bottom.hidden-bottom::after {
  opacity: 1;
}
.header .nots-content .nots-window::-webkit-scrollbar {
  width: 4px;
}
.header .nots-content .nots-window::-webkit-scrollbar-track {
  background: #ECECEC;
}
.header .nots-content .nots-window::-webkit-scrollbar-thumb {
  background: #272936;
}
.header .nots-content .nots-window {
  overflow: auto;
  width: 100%;
}
.header .nots-content .nots-window .nots-item {
  padding: 16px 24px;
  position: relative;
  background: #F9F9F9;
}
.header .nots-content .nots-window .nots-item + .nots-item {
  border-top: 1px solid #ECECEC;
}
.header .nots-content .nots-window .nots-item .nots-item-title {
  font-size: 14px;
  margin-bottom: 8px;
}
.header .nots-content .nots-window .nots-item .nots-item-date {
  font-size: 12px;
}
.header .nots-content .nots-window .nots-item.new {
  background: #fff;
}
.header .nots-content .nots-window .nots-item.important::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #E61D2B;
  position: absolute;
  top: 23px;
  left: 8px;
}
.header .header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: -webkit-fill-available;
}
.header .header-top .logo-mycap {
  width: 150px;
}
.header .header-top .header-line {
  display: block;
  width: 1px;
  height: 52px;
  background: #fff;
}
@media (max-width: 995px) {
  .header .header-top .header-line {
    height: 32px;
  }
}
.header .header-top .header-top-left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header .header-top .header-top-left a {
  display: block;
  font-size: 0;
}
.header .header-top .header-top-left .logo-cap {
  position: relative;
}
.header .header-top .header-top-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header .header-search {
  color: #272936;
  background: #fff;
  width: 100%;
  padding: 48px;
  position: relative;
}
@media (max-width: 995px) {
  .header .header-search {
    padding: 24px 16px;
  }
}
.header .header-search .search-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (max-width: 995px) {
  .header .header-search .search-top {
    margin-bottom: 24px;
  }
}
.header .header-search .search-top .search-title {
  font-size: 24px;
}
@media (max-width: 995px) {
  .header .header-search .search-top .search-title {
    font-size: 16px;
    font-weight: 500;
  }
}
.header .header-search .search-top .link i {
  font-size: 20px;
  height: 20px;
}
.header .header-search .search-results {
  display: none;
  margin-top: 56px;
  margin-bottom: 16px;
}
@media (max-width: 995px) {
  .header .header-search .search-results {
    margin-top: 24px;
  }
}
.header .header-search .search-results.opened {
  display: block;
}
.header .header-search .search-results .search-results-list {
  display: flex;
  flex-direction: column;
}
.header .header-search .search-results .search-results-list a {
  padding: 16px 32px;
  border-bottom: 1px solid #ccc;
  font-size: 24px;
}
@media (max-width: 995px) {
  .header .header-search .search-results .search-results-list a {
    font-size: 16px;
    padding: 8px 16px;
  }
}
.header .header-search .search-results .search-results-list a span {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0px 100%/0 1px;
  color: #272936;
  line-height: inherit;
}
.header .header-search .search-results .search-results-list a:hover span {
  animation: text-underline2 0.6s 1 forwards;
}
.header .header-search .search-results .buttons--horizontal {
  margin-top: 24px;
}

.header-desktop {
  color: #fff;
  padding: 40px 48px 0;
}
.header-desktop .header-top {
  margin-bottom: 32px;
}
.header-desktop .header-top .button,
.header-desktop .header-top .button-icon {
  background: none;
  border-color: #fff;
  color: #fff;
  gap: 13px;
  padding: 8px 16px 9px;
  font-size: 14px;
  font-weight: 300;
}
.header-desktop .header-top .button i,
.header-desktop .header-top .button-icon i {
  font-size: 16px;
  height: 16px;
}
.header-desktop .header-top .button:hover, .header-desktop .header-top .button.active,
.header-desktop .header-top .button-icon:hover,
.header-desktop .header-top .button-icon.active {
  color: #272936;
}
.header-desktop .header-top .button::before,
.header-desktop .header-top .button-icon::before {
  background: #fff;
}
.header-desktop .header-top .button.active,
.header-desktop .header-top .button-icon.active {
  pointer-events: none;
}
.header-desktop .header-top-left .logo-cap {
  width: 180px;
  top: 7px;
}
.header-desktop .header-top-left .logo-company {
  max-height: 36px;
}
.header-desktop .header-top-right .header-profile .tooltip-bubble,
.header-desktop .header-top-right .header-subsites .tooltip-bubble {
  width: 216px;
}
.header-desktop .header-top-right .header-profile .tooltip-bubble-inner,
.header-desktop .header-top-right .header-subsites .tooltip-bubble-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
}
.header-desktop .header-top-right .header-profile .link,
.header-desktop .header-top-right .header-subsites .link {
  font-size: 18px;
  gap: 24px;
  color: #272936;
}
.header-desktop .header-top-right .nots-content {
  max-height: 465px;
  padding: 0;
}
.header-desktop .nav {
  display: flex;
  align-items: center;
  gap: 24px;
}
.header-desktop .nav .nav-item {
  position: relative;
}
.header-desktop .nav .nav-item > a {
  color: #fff;
}
.header-desktop .nav .nav-item > a span {
  background: linear-gradient(to right, #fff 0%, #fff 100%) no-repeat 0px 100%/0 1px;
  line-height: 1.2;
}
.header-desktop .nav .nav-item > a:hover span {
  animation: text-underline2 0.6s 1 forwards;
}
.header-desktop .nav .nav-item.active > a span {
  background-size: 100% 1px;
  background-position: 100% 100%;
}
.header-desktop .nav .nav-item.parent > a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-desktop .nav .nav-item.parent > a::after {
  font-family: "mycap" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.header-desktop .nav .nav-item.parent > a::after {
  content: "a";
  transition: all 0.5s ease;
}
.header-desktop .nav .nav-item.parent > a:hover::after {
  transform: rotate(180deg);
}
.header-desktop .nav .nav-item .nav-item-bubble {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  position: absolute;
  padding-top: 8px;
  box-shadow: 0 25px 100px 0 rgba(0, 0, 0, 0.15);
}
.header-desktop .nav .nav-item .nav-item-bubble .nav-item-bubble-inner {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  background: #fff;
  min-width: 200px;
}
.header-desktop .nav .nav-item .nav-item-bubble a {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0 100%/0 1px;
  padding-bottom: 2px;
}
.header-desktop .nav .nav-item .nav-item-bubble a:hover {
  animation: text-underline2 0.6s 1 forwards;
}
.header-desktop .nav .nav-item .nav-item-bubble a {
  font-size: 18px;
  color: #272936;
  white-space: nowrap;
}
.header-desktop .nav .nav-item:hover .nav-item-bubble {
  max-height: 100vh;
}
.header-desktop .header-search-wrapper .header-search {
  transition: all 0.5s ease;
}

.header-mobile .header-top {
  height: 88px;
  padding: 8px 16px;
}
.header-mobile .header-top .header-top-left .logo-cap {
  width: 114px;
  top: 5px;
}
.header-mobile .header-top .header-top-left .logo-company {
  max-height: 23px;
}
.header-mobile .header-top .header-top-right button {
  color: #fff;
}
.header-mobile .header-top .header-top-right button i {
  font-size: 20px;
  height: 20px;
}
.header-mobile .header-top .header-top-right button:hover {
  color: #ccc;
}
.header-mobile .header-top .header-top-right button.active {
  pointer-events: none;
  color: #ccc;
}
.header-mobile .header-top .header-top-right .mobile-close {
  display: none;
}
.header-mobile .mobile-window {
  display: none;
  position: absolute;
  width: 100%;
  background: #272936;
  height: calc(100vh - 88px);
  overflow: auto;
}
.header-mobile .mobile-window.header-search {
  background: #fff;
}
.header-mobile .mobile-window.header-nots {
  overflow: hidden;
}
.header-mobile .opened-only {
  display: none;
}
.header-mobile.opened .closed-only {
  display: none;
}
.header-mobile.opened .opened-only {
  display: block;
}
.header-mobile.opened .header-top {
  background: #272936;
}
.header-mobile .mobile-nav-outer {
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  flex-grow: 1;
}
.header-mobile .mobile-nav-outer .mobile-nav-inner {
  transition: all 0.5s ease;
  left: 0;
  position: relative;
}
.header-mobile .mobile-nav-outer .nav-item > button,
.header-mobile .mobile-nav-outer .mobile-nav-inner > a,
.header-mobile .mobile-nav-outer .nav-submenu a {
  background: #fff;
  padding: 16px;
  width: 100%;
  display: block;
  color: #272936;
}
.header-mobile .mobile-nav-outer .nav-item.active > button span {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0 100%/100% 1px;
}
.header-mobile .mobile-nav-outer .nav-item + .nav-item > button,
.header-mobile .mobile-nav-outer .nav-item + a,
.header-mobile .mobile-nav-outer .mobile-nav-inner > a + .nav-item button,
.header-mobile .mobile-nav-outer .nav-submenu a + a {
  border-top: 1px solid #ECECEC;
}
.header-mobile .mobile-nav-outer .nav-item {
  width: 100%;
}
.header-mobile .mobile-nav-outer .nav-item > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-mobile .mobile-nav-outer .nav-item > button::after {
  font-family: "mycap" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.header-mobile .mobile-nav-outer .nav-item > button::after {
  content: "a";
  transform: rotate(-90deg);
  display: block;
  font-size: 14px;
}
.header-mobile .mobile-nav-outer .nav-item .nav-submenu {
  left: 100%;
  top: 0;
  position: absolute;
  display: none;
  width: 100%;
}
.header-mobile .mobile-nav-outer .nav-item .nav-submenu .nav-back {
  padding: 16px;
  background: var(--company-bg);
  color: var(--company-font);
  display: flex;
  gap: 16px;
  width: 100%;
  align-items: center;
}
.header-mobile .mobile-nav-outer .nav-item .nav-submenu .nav-back::before {
  font-family: "mycap" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.header-mobile .mobile-nav-outer .nav-item .nav-submenu .nav-back::before {
  content: "a";
  transform: rotate(90deg);
  display: block;
  font-size: 14px;
}
.header-mobile .mobile-nav-outer .mobile-nav-bottom {
  margin: 32px 16px;
}
.header-mobile .mobile-nav-outer .mobile-nav-bottom .button {
  border-color: #fff;
  color: #fff;
  background: none;
  padding: 11px 16px;
  gap: 16px;
}
.header-mobile .mobile-nav-outer .mobile-nav-bottom .button i {
  font-size: 14px;
  height: 16px;
}
.header-mobile .mobile-nav-outer .mobile-nav-bottom .expander .expander-button i {
  transition: all 0.5s ease;
}
.header-mobile .mobile-nav-outer .mobile-nav-bottom .expander .expander-hidden {
  background: #fff;
  margin-top: 8px;
}
.header-mobile .mobile-nav-outer .mobile-nav-bottom .expander .expander-hidden-inner a {
  background: #fff;
  padding: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-mobile .mobile-nav-outer .mobile-nav-bottom .expander .expander-hidden-inner a + a {
  border-top: 1px solid #ECECEC;
}
.header-mobile .mobile-nav-outer .mobile-nav-bottom .expander .expander-hidden-inner a::after {
  font-family: "mycap" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.header-mobile .mobile-nav-outer .mobile-nav-bottom .expander .expander-hidden-inner a::after {
  content: "a";
  transform: rotate(-90deg);
  display: block;
  font-size: 14px;
}
.header-mobile .mobile-nav-outer .mobile-nav-bottom .expander.opened .expander-button i {
  transform: rotate(180deg);
}

.hero {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 10;
}
.hero .hero-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.hero .hero-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(39, 41, 54, 0.9));
}
.hero .hero-content {
  padding: 24px 72px 40px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
}
.hero .hero-desc {
  margin-top: 16px;
  max-width: 50%;
}
@keyframes mouse {
  0% {
    top: 0;
  }
  20% {
    top: 0;
  }
  50% {
    top: -10px;
  }
  80% {
    top: 0;
  }
  100% {
    top: 0;
  }
}
.hero .hero-icon {
  color: #fff;
  text-align: center;
  padding-bottom: 24px;
}
.hero .hero-icon .icon-mouse {
  font-size: 32px;
  position: relative;
  animation: mouse 4s infinite;
}
.hero.hero--home {
  height: 100vh;
}
.hero.hero--home .hero-content {
  padding: 24px 82px;
  justify-content: center;
}
@media (max-width: 995px) {
  .hero.hero--home .hero-content {
    justify-content: flex-end;
    padding: 54px 24px;
  }
}
.hero.hero--home .hero-content .hero-partners {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
}
.hero.hero--home .hero-content .hero-partners span {
  color: var(--company-bg);
}
@media (max-width: 995px) {
  .hero.hero--home .hero-content .hero-partners {
    font-size: 30px;
    margin-bottom: 16px;
  }
}
.hero.hero--home .hero-content .hero-title {
  font-size: 60px;
  font-weight: 300;
  line-height: 1.1;
  max-width: 50%;
}
@media (max-width: 995px) {
  .hero.hero--home .hero-content .hero-title {
    font-size: 42px;
    max-width: none;
  }
}
.hero.hero--sub {
  height: 563px;
  margin-bottom: 32px;
}
.hero.hero--sub .hero-title {
  font-size: 40px;
  font-weight: 500;
  text-transform: uppercase;
}
.hero.hero--sub .slider {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero.hero--sub .slider .slider-list {
  position: relative;
  overflow: hidden;
  background: #272936;
  height: 100%;
  width: 100%;
}
.hero.hero--sub .slider .slide {
  display: none;
  width: 100%;
  padding: 20px;
  height: 100%;
  background: #272936;
}
.hero.hero--sub .slider .hero-img {
  z-index: 0;
}
.hero.hero--sub .slider .hero-content {
  height: 100%;
  position: relative;
}
.hero.hero--sub .slider .slider-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 40px;
  box-shadow: 0 25px 100px 0 rgba(0, 0, 0, 0.15);
  margin-top: -40px;
  position: relative;
}
.hero.hero--sub .slider .slider-prev,
.hero.hero--sub .slider .slider-next {
  transition: all 0.2s ease-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #272936;
  border: 1px solid #272936;
  border-radius: 30px;
  padding: 11px 32px;
  font-size: 16px;
  gap: 32px;
}
.hero.hero--sub .slider .slider-prev::before,
.hero.hero--sub .slider .slider-next::before {
  content: "";
  display: block;
  background: #272936;
  border-radius: 28px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: all 0.2s ease-out;
  will-change: transform;
  z-index: -1;
}
.hero.hero--sub .slider .slider-prev:hover, .hero.hero--sub .slider .slider-prev.hover, .hero.hero--sub .slider .slider-prev.active,
.hero.hero--sub .slider .slider-next:hover,
.hero.hero--sub .slider .slider-next.hover,
.hero.hero--sub .slider .slider-next.active {
  color: #fff;
}
.hero.hero--sub .slider .slider-prev:hover::before, .hero.hero--sub .slider .slider-prev.hover::before, .hero.hero--sub .slider .slider-prev.active::before,
.hero.hero--sub .slider .slider-next:hover::before,
.hero.hero--sub .slider .slider-next.hover::before,
.hero.hero--sub .slider .slider-next.active::before {
  transform: translate(0, 0);
}
.hero.hero--sub .slider .slider-prev i,
.hero.hero--sub .slider .slider-next i {
  font-size: 24px;
  height: 24px;
}
.hero.hero--sub .slider .slider-prev,
.hero.hero--sub .slider .slider-next {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border: 0;
  border-radius: 50%;
}
.hero.hero--sub .slider .slider-paginator {
  display: flex;
  align-items: center;
  margin: 0 10px;
  gap: 8px;
}
.hero.hero--sub .slider .slider-paginator button {
  border: 2px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.hero.hero--sub .slider .slider-paginator button.active {
  background: #272936;
  border-color: #272936;
}
.hero.hero--sub .slider .slider-paginator.hidden {
  display: none;
}
.hero.hero--search {
  background: #272936;
}
@media (min-width: 996px) {
  .hero.hero--search {
    height: 240px;
  }
}

.footer {
  background: #ECECEC;
  padding: 48px 170px 24px;
}
@media (max-width: 995px) {
  .footer {
    padding: 32px 32px 24px;
  }
}
.footer .footer-top {
  display: flex;
  gap: 16px;
  margin-bottom: 48px;
}
@media (max-width: 995px) {
  .footer .footer-top {
    flex-direction: column;
    gap: 0;
    margin-bottom: 16px;
  }
  .footer .footer-top .footer-logo {
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 48px;
  }
}
.footer .footer-top .footer-logo,
.footer .footer-top .footer-nav {
  flex: 1 1 100%;
}
.footer .footer-top .footer-nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
@media (max-width: 995px) {
  .footer .footer-top .footer-nav {
    gap: 32px;
  }
  .footer .footer-top .footer-nav + .footer-nav {
    margin-top: 32px;
  }
}
.footer .footer-top .footer-nav a {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0 100%/0 1px;
  padding-bottom: 2px;
}
.footer .footer-top .footer-nav a:hover {
  animation: text-underline2 0.6s 1 forwards;
}
.footer .footer-top .footer-nav a {
  color: #272936;
}
.footer .footer-bottom {
  display: flex;
  border-top: 1px solid #ccc;
  padding-top: 24px;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
@media (max-width: 995px) {
  .footer .footer-bottom {
    padding-top: 40px;
    gap: 24px;
    flex-direction: column;
  }
}
.footer .footer-bottom .footer-social {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 995px) {
  .footer .footer-bottom .footer-social {
    justify-content: center;
    margin: 0 -4px;
  }
  .footer .footer-bottom .footer-social a {
    margin: 0 4px;
  }
}
@media (min-width: 996px) {
  .footer .footer-bottom .footer-social .breaker {
    display: none;
  }
}
@media (max-width: 995px) {
  .footer .footer-bottom .footer-social .breaker {
    width: 100%;
    margin-top: -16px;
  }
}

.section.white,
.section-wrapper.white {
  background: #fff;
}
.section.white + .white,
.section-wrapper.white + .white {
  padding-top: 0;
}
.section.black,
.section-wrapper.black {
  background: #272936;
  color: #fff;
}
.section.black .box-tag::before,
.section-wrapper.black .box-tag::before {
  background: #fff;
}
.section.black .button,
.section-wrapper.black .button {
  border-color: #fff;
  background: none;
  color: #fff;
}
.section.black .button::before,
.section-wrapper.black .button::before {
  background: #fff;
}
.section.black .button:hover,
.section-wrapper.black .button:hover {
  color: #272936;
}
.section.black .post-terms a,
.section-wrapper.black .post-terms a {
  color: #fff !important;
}
.section.grey,
.section-wrapper.grey {
  background: #F2F2F2;
}
.section.company-bg,
.section-wrapper.company-bg {
  background: var(--company-bg);
  color: var(--company-font);
}
.section.company-bg .button,
.section-wrapper.company-bg .button {
  background: var(--company-font);
  border-color: var(--company-font);
  color: var(--company-bg);
}
.section.company-bg .button:hover,
.section-wrapper.company-bg .button:hover {
  border-color: var(--company-hover-bg);
  color: var(--company-hover-font);
}
.section.company-bg .button::before,
.section-wrapper.company-bg .button::before {
  background: var(--company-hover-bg);
}
.section.company-boxes .box-tag::before,
.section-wrapper.company-boxes .box-tag::before {
  background: var(--company-font);
}
.section.company-boxes .box-title span,
.section-wrapper.company-boxes .box-title span {
  color: var(--company-font);
  background-image: linear-gradient(to right, var(--company-font) 0%, var(--company-font) 100%);
}

@media (min-width: 996px) {
  .section {
    padding: 72px;
  }
}
@media (max-width: 995px) {
  .section {
    padding: 48px 24px;
  }
}

.section-container {
  padding: 0 72px;
}
@media (max-width: 995px) {
  .section-container {
    padding: 0 24px;
  }
}

@media (min-width: 996px) {
  .section--double-paddings, .section--sustainability,
  .tabs .tab .section--sustainability, .section--feedback, .section--services {
    padding: 144px;
  }
}

@media (min-width: 996px) {
  .section--double-paddings-h {
    padding: 72px 144px;
  }
}

.tabs .tab {
  display: none;
  width: 100%;
}
.tabs .tab.active {
  display: block;
}

.tabs-nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border-bottom: 1px solid #ccc;
  margin: 0 72px;
}
@media (max-width: 995px) {
  .tabs-nav {
    margin: 0;
    gap: 0;
    padding: 0 8px;
  }
}
.tabs-nav .tabs-nav-arrow {
  transition: all 0.2s ease-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #272936;
  border: 1px solid #272936;
  border-radius: 30px;
  padding: 11px 32px;
  font-size: 16px;
  gap: 32px;
}
.tabs-nav .tabs-nav-arrow::before {
  content: "";
  display: block;
  background: #272936;
  border-radius: 28px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: all 0.2s ease-out;
  will-change: transform;
  z-index: -1;
}
.tabs-nav .tabs-nav-arrow:hover, .tabs-nav .tabs-nav-arrow.hover, .tabs-nav .tabs-nav-arrow.active {
  color: #fff;
}
.tabs-nav .tabs-nav-arrow:hover::before, .tabs-nav .tabs-nav-arrow.hover::before, .tabs-nav .tabs-nav-arrow.active::before {
  transform: translate(0, 0);
}
.tabs-nav .tabs-nav-arrow i {
  font-size: 24px;
  height: 24px;
}
.tabs-nav .tabs-nav-arrow {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0;
  flex-shrink: 0;
}
.tabs-nav .tabs-nav-arrow.hidden {
  display: none;
}
.tabs-nav .tabs-nav-arrow.inactive {
  opacity: 0.3;
  pointer-events: none;
}
.tabs-nav .tabs-nav-arrow i {
  font-size: 14px;
  height: 14px;
}
.tabs-nav .tabs-nav-arrow.tabs-nav-arrow-prev i {
  left: -1px;
}
.tabs-nav .tabs-nav-arrow.tabs-nav-arrow-next i {
  right: -1px;
}
.tabs-nav .tabs-nav-window {
  overflow: hidden;
  width: 100%;
  position: relative;
  margin-bottom: -1px;
  text-align: center;
}
.tabs-nav .tabs-nav-list {
  white-space: nowrap;
  display: inline-flex;
  margin: 0;
}
.tabs-nav .tabs-nav-list button, .tabs-nav .tabs-nav-list a {
  font-size: 18px;
  border-bottom: 2px solid transparent;
  text-align: center;
  padding: 8px 16px 16px;
  color: #272936;
  transition: color 0.5s ease;
}
.tabs-nav .tabs-nav-list button.active, .tabs-nav .tabs-nav-list a.active {
  border-color: var(--company-bg);
  color: var(--company-bg);
  font-weight: 500;
}
.tabs-nav .tabs-nav-list button:hover, .tabs-nav .tabs-nav-list a:hover {
  color: var(--company-bg);
}

.box--success-stories, .section--favorites .box, .section--success-stories .box {
  color: #fff;
  z-index: 1;
}
.box--success-stories .box-img, .section--favorites .box .box-img, .section--success-stories .box .box-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.box--success-stories .box-img::after, .section--favorites .box .box-img::after, .section--success-stories .box .box-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(39, 41, 54, 0) 0%, #272936 80%);
}
.box--success-stories .box-inner, .section--favorites .box .box-inner, .section--success-stories .box .box-inner {
  padding: 230px 32px 32px;
  flex-grow: 1;
}
.box--success-stories .box-inner > .button, .section--favorites .box .box-inner > .button, .section--success-stories .box .box-inner > .button {
  margin-top: auto;
}
.box--success-stories .box-tag, .section--favorites .box .box-tag, .section--success-stories .box .box-tag {
  margin-bottom: 16px;
}
.box--success-stories .box-tag::before, .section--favorites .box .box-tag::before, .section--success-stories .box .box-tag::before {
  background: #fff;
}
.box--success-stories .box-title, .section--favorites .box .box-title, .section--success-stories .box .box-title {
  font-size: 24px;
  margin-bottom: 16px;
}
.box--success-stories .box-desc, .section--favorites .box .box-desc, .section--success-stories .box .box-desc {
  font-weight: 300;
  margin-bottom: 32px;
}
.box--success-stories .box-bottom, .section--favorites .box .box-bottom, .section--success-stories .box .box-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
}
.box--success-stories .box-fav i, .section--favorites .box .box-fav i, .section--success-stories .box .box-fav i {
  font-size: 24px;
  height: 24px;
  color: #fff;
}
.box--success-stories .button, .section--favorites .box .button, .section--success-stories .box .button {
  padding: 7px 24px;
  gap: 12px;
}
.box--success-stories .button, .section--favorites .box .button, .section--success-stories .box .button {
  align-self: flex-end;
  border-color: #fff;
  color: #fff;
}
.box--success-stories .button::before, .section--favorites .box .button::before, .section--success-stories .box .button::before {
  background: #fff;
}
.box--success-stories .button:hover, .section--favorites .box .button:hover, .section--success-stories .box .button:hover {
  color: #272936;
}

.section--scroller,
.tabs .tab .section--scroller {
  position: relative;
  overflow: hidden;
}
@media (min-width: 996px) {
  .section--scroller.fixed .scroller-indicator,
  .section--scroller.fixed .scroller-title,
  .tabs .tab .section--scroller.fixed .scroller-indicator,
  .tabs .tab .section--scroller.fixed .scroller-title {
    position: fixed;
  }
  .section--scroller.fixed-bottom .scroller-indicator,
  .tabs .tab .section--scroller.fixed-bottom .scroller-indicator {
    position: absolute;
    top: auto;
    bottom: 0;
  }
  .section--scroller.fixed-bottom .scroller-title,
  .tabs .tab .section--scroller.fixed-bottom .scroller-title {
    top: auto;
    bottom: calc(100vh - 40px);
    transform: translateY(100%);
    margin: 0;
  }
}
@media (max-width: 995px) {
  .section--scroller .sections-list,
  .tabs .tab .section--scroller .sections-list {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 66px;
    width: 100%;
  }
}
.section--scroller .scroller-title,
.tabs .tab .section--scroller .scroller-title {
  position: absolute;
  top: 40px;
  left: 72px;
}
@media (max-width: 995px) {
  .section--scroller .scroller-title,
  .tabs .tab .section--scroller .scroller-title {
    left: 24px;
  }
}
.section--scroller .scroller-indicator,
.tabs .tab .section--scroller .scroller-indicator {
  display: flex;
  justify-content: center;
  gap: 8px;
  position: absolute;
}
@media (min-width: 996px) {
  .section--scroller .scroller-indicator,
  .tabs .tab .section--scroller .scroller-indicator {
    left: 85px;
    top: 0;
    height: 100vh;
    flex-direction: column;
  }
}
@media (max-width: 995px) {
  .section--scroller .scroller-indicator,
  .tabs .tab .section--scroller .scroller-indicator {
    bottom: 52px;
    left: 0;
    width: 100vw;
  }
}
.section--scroller .scroller-indicator button,
.tabs .tab .section--scroller .scroller-indicator button {
  width: 12px;
  height: 12px;
  border: 2px solid #ccc;
  border-radius: 50%;
  padding: 0;
}
.section--scroller .scroller-indicator button.active,
.tabs .tab .section--scroller .scroller-indicator button.active {
  background: #272936;
  border-color: #272936;
}
.section--scroller.black .scroller-title,
.tabs .tab .section--scroller.black .scroller-title {
  color: #fff;
}
.section--scroller.black .scroller-indicator button,
.tabs .tab .section--scroller.black .scroller-indicator button {
  border-color: #fff;
}
.section--scroller.black .scroller-indicator button.active,
.tabs .tab .section--scroller.black .scroller-indicator button.active {
  background: #fff;
}
.section--scroller .section,
.tabs .tab .section--scroller .section {
  min-height: 100vh;
  padding: 64px 0 64px 182px;
}
@media (min-width: 996px) {
  .section--scroller .section,
  .tabs .tab .section--scroller .section {
    display: flex;
  }
}
@media (max-width: 995px) {
  .section--scroller .section,
  .tabs .tab .section--scroller .section {
    width: 110vw;
    flex-shrink: 0;
    padding: 0;
  }
  .section--scroller .section:last-child,
  .tabs .tab .section--scroller .section:last-child {
    width: 100vw;
  }
  .section--scroller .section .row,
  .tabs .tab .section--scroller .section .row {
    margin: 0;
  }
  .section--scroller .section .col, .section--scroller .section .col-1, .section--scroller .section .col-2, .section--scroller .section .col-3, .section--scroller .section .col-4, .section--scroller .section .col-5, .section--scroller .section .col-6, .section--scroller .section .col-7, .section--scroller .section .col-8, .section--scroller .section .col-9, .section--scroller .section .col-10, .section--scroller .section .col-11, .section--scroller .section .col-12, .section--scroller .section .col-xs-1, .section--scroller .section .col-xs-2, .section--scroller .section .col-xs-3, .section--scroller .section .col-xs-4, .section--scroller .section .col-xs-5, .section--scroller .section .col-xs-6, .section--scroller .section .col-xs-7, .section--scroller .section .col-xs-8, .section--scroller .section .col-xs-9, .section--scroller .section .col-xs-10, .section--scroller .section .col-xs-11, .section--scroller .section .col-xs-12, .section--scroller .section .col-sm-1, .section--scroller .section .col-sm-2, .section--scroller .section .col-sm-3, .section--scroller .section .col-sm-4, .section--scroller .section .col-sm-5, .section--scroller .section .col-sm-6, .section--scroller .section .col-sm-7, .section--scroller .section .col-sm-8, .section--scroller .section .col-sm-9, .section--scroller .section .col-sm-10, .section--scroller .section .col-sm-11, .section--scroller .section .col-sm-12, .section--scroller .section .col-md-1, .section--scroller .section .col-md-2, .section--scroller .section .col-md-3, .section--scroller .section .col-md-4, .section--scroller .section .col-md-5, .section--scroller .section .col-md-6, .section--scroller .section .col-md-7, .section--scroller .section .col-md-8, .section--scroller .section .col-md-9, .section--scroller .section .col-md-10, .section--scroller .section .col-md-11, .section--scroller .section .col-md-12, .section--scroller .section .col-lg-1, .section--scroller .section .col-lg-2, .section--scroller .section .col-lg-3, .section--scroller .section .col-lg-4, .section--scroller .section .col-lg-5, .section--scroller .section .col-lg-6, .section--scroller .section .col-lg-7, .section--scroller .section .col-lg-8, .section--scroller .section .col-lg-9, .section--scroller .section .col-lg-10, .section--scroller .section .col-lg-11, .section--scroller .section .col-lg-12, .section--scroller .section .col-xl-1, .section--scroller .section .col-xl-2, .section--scroller .section .col-xl-3, .section--scroller .section .col-xl-4, .section--scroller .section .col-xl-5, .section--scroller .section .col-xl-6, .section--scroller .section .col-xl-7, .section--scroller .section .col-xl-8, .section--scroller .section .col-xl-9, .section--scroller .section .col-xl-10, .section--scroller .section .col-xl-11, .section--scroller .section .col-xl-12, .section--scroller .section .col-xxl-1, .section--scroller .section .col-xxl-2, .section--scroller .section .col-xxl-3, .section--scroller .section .col-xxl-4, .section--scroller .section .col-xxl-5, .section--scroller .section .col-xxl-6, .section--scroller .section .col-xxl-7, .section--scroller .section .col-xxl-8, .section--scroller .section .col-xxl-9, .section--scroller .section .col-xxl-10, .section--scroller .section .col-xxl-11, .section--scroller .section .col-xxl-12,
  .tabs .tab .section--scroller .section .col {
    padding: 0;
  }
  .section--scroller .section .col-left,
  .section--scroller .section .col-right,
  .section--scroller .section .section-bg,
  .section--scroller .section .box,
  .tabs .tab .section--scroller .section .col-left,
  .tabs .tab .section--scroller .section .col-right,
  .tabs .tab .section--scroller .section .section-bg,
  .tabs .tab .section--scroller .section .box {
    width: 100vw;
  }
}
.section--scroller .section .section-inner,
.tabs .tab .section--scroller .section .section-inner {
  width: 100%;
}
.section--scroller .section .row,
.tabs .tab .section--scroller .section .row {
  align-items: center;
  height: 100%;
}
.section--scroller .section .col-left,
.tabs .tab .section--scroller .section .col-left {
  transition: all 0.5s ease;
  opacity: 0;
}
.section--scroller .section .col-left h2,
.tabs .tab .section--scroller .section .col-left h2 {
  font-weight: 500;
}
@media (min-width: 996px) {
  .section--scroller .section .col-left,
  .tabs .tab .section--scroller .section .col-left {
    top: 200px;
  }
  .section--scroller .section .col-left h2,
  .tabs .tab .section--scroller .section .col-left h2 {
    font-size: 48px;
    line-height: 62px;
  }
}
@media (max-width: 995px) {
  .section--scroller .section .col-left,
  .tabs .tab .section--scroller .section .col-left {
    padding: 48px 24px;
    order: 1;
  }
  .section--scroller .section .col-left h2,
  .tabs .tab .section--scroller .section .col-left h2 {
    font-size: 40px;
  }
}
.section--scroller .section .col-left .box-tag,
.tabs .tab .section--scroller .section .col-left .box-tag {
  margin-bottom: 8px;
}
.section--scroller .section .col-left .post-terms,
.tabs .tab .section--scroller .section .col-left .post-terms {
  padding: 0;
  line-height: 24px;
}
.section--scroller .section .col-left .post-terms a,
.tabs .tab .section--scroller .section .col-left .post-terms a {
  color: var(--cpg-body-color);
  font-weight: 400;
}
.section--scroller .section .col-left p,
.tabs .tab .section--scroller .section .col-left p {
  margin-bottom: 48px;
}
.section--scroller .section .col-right,
.tabs .tab .section--scroller .section .col-right {
  transition: all 1s ease;
  left: 200px;
  transform: scale(0.7);
}
@media (max-width: 995px) {
  .section--scroller .section .col-right img,
  .tabs .tab .section--scroller .section .col-right img {
    width: 100%;
  }
}
.section--scroller .section.show .col-left,
.tabs .tab .section--scroller .section.show .col-left {
  opacity: 1;
}
@media (min-width: 996px) {
  .section--scroller .section.show .col-left,
  .tabs .tab .section--scroller .section.show .col-left {
    top: 0;
  }
}
.section--scroller .section.show .col-right,
.tabs .tab .section--scroller .section.show .col-right {
  left: 0;
  transform: scale(1);
}
.section--scroller .section.top-hide .col-left,
.tabs .tab .section--scroller .section.top-hide .col-left {
  opacity: 0;
}
@media (min-width: 996px) {
  .section--scroller .section.top-hide .col-left,
  .tabs .tab .section--scroller .section.top-hide .col-left {
    top: -200px;
  }
}
.section--scroller .section.top-hide .col-right,
.tabs .tab .section--scroller .section.top-hide .col-right {
  left: 200px;
  transform: scale(0.7);
}

.section--scroller p {
  line-height: 24px;
}

.section--scroller-box,
.tabs .tab .section--scroller-box {
  background: var(--company-bg);
}
.section--scroller-box .section,
.tabs .tab .section--scroller-box .section {
  position: relative;
  padding: 34px 72px 34px 182px;
}
@media (max-width: 995px) {
  .section--scroller-box .section,
  .tabs .tab .section--scroller-box .section {
    padding: 0;
  }
}
.section--scroller-box .section .section-bg,
.tabs .tab .section--scroller-box .section .section-bg {
  opacity: 0;
  transition: all 1s ease;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
@media (min-width: 996px) {
  .section--scroller-box .section .section-bg,
  .tabs .tab .section--scroller-box .section .section-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0.5);
  }
  .section--scroller-box .section .section-bg img,
  .tabs .tab .section--scroller-box .section .section-bg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: none;
  }
}
@media (max-width: 995px) {
  .section--scroller-box .section .section-bg,
  .tabs .tab .section--scroller-box .section .section-bg {
    position: relative;
    left: 200px;
    transform: scale(0.7);
  }
  .section--scroller-box .section .section-bg img,
  .tabs .tab .section--scroller-box .section .section-bg img {
    width: 100%;
  }
}
.section--scroller-box .section.show .section-bg,
.tabs .tab .section--scroller-box .section.show .section-bg {
  opacity: 1;
  transform: scale(1);
}
@media (max-width: 995px) {
  .section--scroller-box .section.show .section-bg,
  .tabs .tab .section--scroller-box .section.show .section-bg {
    left: 0;
  }
}
.section--scroller-box .section.top-hide .section-bg,
.tabs .tab .section--scroller-box .section.top-hide .section-bg {
  opacity: 0;
}
@media (min-width: 996px) {
  .section--scroller-box .section.top-hide .section-bg,
  .tabs .tab .section--scroller-box .section.top-hide .section-bg {
    transform: scale(0.5);
  }
}
@media (max-width: 995px) {
  .section--scroller-box .section.top-hide .section-bg,
  .tabs .tab .section--scroller-box .section.top-hide .section-bg {
    left: 200px;
    transform: scale(0.7);
  }
}
.section--scroller-box .section .row,
.tabs .tab .section--scroller-box .section .row {
  margin: 0;
  align-items: flex-end;
}
.section--scroller-box .section .box,
.tabs .tab .section--scroller-box .section .box {
  padding: 32px;
  background: var(--company-bg);
  color: var(--company-font);
}
.section--scroller-box .section .box p,
.tabs .tab .section--scroller-box .section .box p {
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 48px;
  line-height: 1.2;
}
.section--scroller-box .section .box .button,
.tabs .tab .section--scroller-box .section .box .button {
  padding: 7px 24px;
  gap: 12px;
}
.section--scroller-box .section .box .button,
.tabs .tab .section--scroller-box .section .box .button {
  background: var(--company-font);
  border-color: var(--company-font);
  color: var(--company-bg);
}
.section--scroller-box .section .box .button:hover,
.tabs .tab .section--scroller-box .section .box .button:hover {
  border-color: var(--company-hover-bg);
  color: var(--company-hover-font);
}
.section--scroller-box .section .box .button::before,
.tabs .tab .section--scroller-box .section .box .button::before {
  background: var(--company-hover-bg);
}
.section--scroller-box .section .box .button,
.tabs .tab .section--scroller-box .section .box .button {
  align-self: flex-end;
}

.section--scroller-box2 .section .box .box-tag {
  margin-bottom: 8px;
}
.section--scroller-box2 .section .box .box-title {
  font-size: 32px;
  margin-bottom: 32px;
}
.section--scroller-box2 .section .box p {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 32px;
}
.section--scroller-box2 .section .box .button {
  background: none;
  border-color: var(--company-font);
  color: var(--company-font);
}
.section--scroller-box2 .section .box .button:hover {
  color: var(--company-bg);
  border-color: var(--company-font);
}
.section--scroller-box2 .section .box .button::before {
  background: var(--company-font);
}
.section--scroller-box2 .section .box .button {
  align-self: flex-start;
}

.section--scroller-single .scroller-indicator {
  display: none;
}
@media (max-width: 995px) {
  .section--scroller-single .sections-list {
    padding: 0;
  }
  .section--scroller-single .section {
    width: 100vw;
  }
}

.section--news h2 {
  margin-bottom: 32px;
}
@media (max-width: 995px) {
  .section--news h2 {
    margin-bottom: 24px;
  }
}
.section--news .box-tag {
  margin-bottom: 8px;
}
.section--news .box-title {
  font-size: 20px;
}
.section--news .box-title::after {
  content: none;
}
.section--news .box-title a:hover {
  text-decoration: none !important;
}
@media (max-width: 995px) {
  .section--news .col-left {
    margin-bottom: 24px;
  }
}
.section--news .col-left img {
  margin-bottom: 24px;
  width: 100%;
}
.section--news .col-right .box + .box {
  margin-top: 48px;
}
@media (max-width: 995px) {
  .section--news .col-right .box + .box {
    margin-top: 24px;
  }
}

.section--services h2 {
  margin-bottom: 56px;
}
@media (max-width: 995px) {
  .section--services h2 {
    margin-bottom: 40px;
  }
}
.section--services .row {
  margin-right: -64px;
  margin-left: -64px;
  margin-bottom: 8px;
}
.section--services .row .col, .section--services .row .col-1, .section--services .row .col-2, .section--services .row .col-3, .section--services .row .col-4, .section--services .row .col-5, .section--services .row .col-6, .section--services .row .col-7, .section--services .row .col-8, .section--services .row .col-9, .section--services .row .col-10, .section--services .row .col-11, .section--services .row .col-12, .section--services .row .col-xs-1, .section--services .row .col-xs-2, .section--services .row .col-xs-3, .section--services .row .col-xs-4, .section--services .row .col-xs-5, .section--services .row .col-xs-6, .section--services .row .col-xs-7, .section--services .row .col-xs-8, .section--services .row .col-xs-9, .section--services .row .col-xs-10, .section--services .row .col-xs-11, .section--services .row .col-xs-12, .section--services .row .col-sm-1, .section--services .row .col-sm-2, .section--services .row .col-sm-3, .section--services .row .col-sm-4, .section--services .row .col-sm-5, .section--services .row .col-sm-6, .section--services .row .col-sm-7, .section--services .row .col-sm-8, .section--services .row .col-sm-9, .section--services .row .col-sm-10, .section--services .row .col-sm-11, .section--services .row .col-sm-12, .section--services .row .col-md-1, .section--services .row .col-md-2, .section--services .row .col-md-3, .section--services .row .col-md-4, .section--services .row .col-md-5, .section--services .row .col-md-6, .section--services .row .col-md-7, .section--services .row .col-md-8, .section--services .row .col-md-9, .section--services .row .col-md-10, .section--services .row .col-md-11, .section--services .row .col-md-12, .section--services .row .col-lg-1, .section--services .row .col-lg-2, .section--services .row .col-lg-3, .section--services .row .col-lg-4, .section--services .row .col-lg-5, .section--services .row .col-lg-6, .section--services .row .col-lg-7, .section--services .row .col-lg-8, .section--services .row .col-lg-9, .section--services .row .col-lg-10, .section--services .row .col-lg-11, .section--services .row .col-lg-12, .section--services .row .col-xl-1, .section--services .row .col-xl-2, .section--services .row .col-xl-3, .section--services .row .col-xl-4, .section--services .row .col-xl-5, .section--services .row .col-xl-6, .section--services .row .col-xl-7, .section--services .row .col-xl-8, .section--services .row .col-xl-9, .section--services .row .col-xl-10, .section--services .row .col-xl-11, .section--services .row .col-xl-12, .section--services .row .col-xxl-1, .section--services .row .col-xxl-2, .section--services .row .col-xxl-3, .section--services .row .col-xxl-4, .section--services .row .col-xxl-5, .section--services .row .col-xxl-6, .section--services .row .col-xxl-7, .section--services .row .col-xxl-8, .section--services .row .col-xxl-9, .section--services .row .col-xxl-10, .section--services .row .col-xxl-11, .section--services .row .col-xxl-12 {
  padding-right: 64px;
  padding-left: 64px;
}
@media (max-width: 995px) {
  .section--services .row {
    margin: 0;
  }
  .section--services .row .col, .section--services .row .col-1, .section--services .row .col-2, .section--services .row .col-3, .section--services .row .col-4, .section--services .row .col-5, .section--services .row .col-6, .section--services .row .col-7, .section--services .row .col-8, .section--services .row .col-9, .section--services .row .col-10, .section--services .row .col-11, .section--services .row .col-12, .section--services .row .col-xs-1, .section--services .row .col-xs-2, .section--services .row .col-xs-3, .section--services .row .col-xs-4, .section--services .row .col-xs-5, .section--services .row .col-xs-6, .section--services .row .col-xs-7, .section--services .row .col-xs-8, .section--services .row .col-xs-9, .section--services .row .col-xs-10, .section--services .row .col-xs-11, .section--services .row .col-xs-12, .section--services .row .col-sm-1, .section--services .row .col-sm-2, .section--services .row .col-sm-3, .section--services .row .col-sm-4, .section--services .row .col-sm-5, .section--services .row .col-sm-6, .section--services .row .col-sm-7, .section--services .row .col-sm-8, .section--services .row .col-sm-9, .section--services .row .col-sm-10, .section--services .row .col-sm-11, .section--services .row .col-sm-12, .section--services .row .col-md-1, .section--services .row .col-md-2, .section--services .row .col-md-3, .section--services .row .col-md-4, .section--services .row .col-md-5, .section--services .row .col-md-6, .section--services .row .col-md-7, .section--services .row .col-md-8, .section--services .row .col-md-9, .section--services .row .col-md-10, .section--services .row .col-md-11, .section--services .row .col-md-12, .section--services .row .col-lg-1, .section--services .row .col-lg-2, .section--services .row .col-lg-3, .section--services .row .col-lg-4, .section--services .row .col-lg-5, .section--services .row .col-lg-6, .section--services .row .col-lg-7, .section--services .row .col-lg-8, .section--services .row .col-lg-9, .section--services .row .col-lg-10, .section--services .row .col-lg-11, .section--services .row .col-lg-12, .section--services .row .col-xl-1, .section--services .row .col-xl-2, .section--services .row .col-xl-3, .section--services .row .col-xl-4, .section--services .row .col-xl-5, .section--services .row .col-xl-6, .section--services .row .col-xl-7, .section--services .row .col-xl-8, .section--services .row .col-xl-9, .section--services .row .col-xl-10, .section--services .row .col-xl-11, .section--services .row .col-xl-12, .section--services .row .col-xxl-1, .section--services .row .col-xxl-2, .section--services .row .col-xxl-3, .section--services .row .col-xxl-4, .section--services .row .col-xxl-5, .section--services .row .col-xxl-6, .section--services .row .col-xxl-7, .section--services .row .col-xxl-8, .section--services .row .col-xxl-9, .section--services .row .col-xxl-10, .section--services .row .col-xxl-11, .section--services .row .col-xxl-12 {
    padding: 0;
  }
}
.section--services .boxes-row .box {
  height: calc(100% - 64px);
  margin-bottom: 64px;
}
.section--services .box p {
  font-weight: 300;
}
.section--services .box-icon {
  margin-bottom: 24px;
}
.section--services .box-tag {
  margin-bottom: 8px;
}
.section--services .box-title {
  font-size: 24px;
  margin-bottom: 8px;
}
.section--services .box-title::after {
  content: none;
}

.section--feedback .section-inner h2 {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
}
.section--feedback .section-inner p {
  font-size: 36px;
  margin-bottom: 56px;
}
.section--feedback .popup {
  width: 450px;
  height: 500px;
  padding: 0 48px;
  justify-content: center;
}
.section--feedback .popup .popup-title {
  font-size: 24px;
  margin-bottom: 16px;
}
.section--feedback .popup p {
  font-weight: 300;
}
.section--feedback .popup .popup-window {
  display: none;
  width: 100%;
  padding: 80px 0 52px;
}
.section--feedback .popup .popup-window.active {
  display: block;
}
.section--feedback .popup .popup-window.popup-window--finish {
  padding: 80px 0;
}
.section--feedback .popup .form-bottom > input[type=submit] {
  background: var(--company-bg);
  border: 1px solid var(--company-bg);
  color: var(--company-font);
  border-radius: 40px;
  padding: 11px 32px;
}
.section--feedback .popup .form-bottom > input[type=submit]:hover {
  background: var(--company-hover-bg);
  color: var(--company-hover-font);
}
.section--feedback .popup .form-bottom .button-wrapper {
  background: var(--company-bg);
  border-color: var(--company-bg);
  color: var(--company-font);
}
.section--feedback .popup .form-bottom .button-wrapper:hover {
  border-color: var(--company-hover-bg);
  color: var(--company-hover-font);
}
.section--feedback .popup .form-bottom .button-wrapper::before {
  background: var(--company-hover-bg);
}

.section--delivery-areas .box-img {
  height: 218px;
}
.section--delivery-areas .box-inner {
  padding: 24px;
}
.section--delivery-areas .box-tag {
  margin-bottom: 24px;
}
.section--delivery-areas .box-title {
  font-size: 20px;
  margin-bottom: 8px;
}
.section--delivery-areas .box-desc {
  font-weight: 300;
}

.section--success-stories .box {
  overflow: hidden;
  max-height: 100%;
  transition: all 0.5s ease;
}
.section--success-stories .box.box-hidden {
  max-height: 0;
  margin-bottom: 0;
}
.section--success-stories .loadmore-buttons {
  margin-top: 56px;
}
.section--success-stories .loadmore-buttons .button {
  padding: 7px 24px;
  gap: 12px;
}

@media (min-width: 996px) {
  .section--journey1,
  .tabs .tab .section--journey1 {
    padding-bottom: 100px;
  }
}
.section--journey1 .buttons--horizontal,
.tabs .tab .section--journey1 .buttons--horizontal {
  margin-bottom: 56px;
  justify-content: flex-end;
}
@media (max-width: 995px) {
  .section--journey1 .buttons--horizontal,
  .tabs .tab .section--journey1 .buttons--horizontal {
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }
}
.section--journey1 h2,
.tabs .tab .section--journey1 h2 {
  margin-bottom: 56px;
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  color: var(--company-bg);
  text-transform: uppercase;
}
@media (max-width: 995px) {
  .section--journey1 h2,
  .tabs .tab .section--journey1 h2 {
    font-size: 36px;
  }
}
.section--journey1 .box,
.tabs .tab .section--journey1 .box {
  padding: 0 24px;
  color: var(--company-bg);
}
.section--journey1 .box-title,
.tabs .tab .section--journey1 .box-title {
  font-size: 24px;
  margin-bottom: 10px;
}
.section--journey1 .box-title::after,
.tabs .tab .section--journey1 .box-title::after {
  content: "";
  display: block;
  margin-top: 10px;
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: var(--company-bg);
}
.section--journey1 .box-desc,
.tabs .tab .section--journey1 .box-desc {
  font-weight: 300;
}

.section--journey2,
.tabs .tab .section--journey2 {
  padding: 0;
}
.section--journey2.show-journey .journey-nav .journey-nav-list button::after,
.tabs .tab .section--journey2.show-journey .journey-nav .journey-nav-list button::after {
  transform: scale(1);
}
.section--journey2.show-journey .journey-nav .journey-nav-list button span,
.tabs .tab .section--journey2.show-journey .journey-nav .journey-nav-list button span {
  transform: translateX(-50%) scale(1);
}
.section--journey2 .journey-nav,
.tabs .tab .section--journey2 .journey-nav {
  margin-bottom: 70px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 72px;
}
@media (max-width: 995px) {
  .section--journey2 .journey-nav,
  .tabs .tab .section--journey2 .journey-nav {
    margin-bottom: 40px;
    padding: 0 8px;
  }
}
.section--journey2 .journey-nav::before,
.tabs .tab .section--journey2 .journey-nav::before {
  content: "";
  height: 1px;
  width: 100%;
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  background: #272936;
}
.section--journey2 .journey-nav .journey-nav-arrow,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow {
  transition: all 0.2s ease-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #272936;
  border: 1px solid #272936;
  border-radius: 30px;
  padding: 11px 32px;
  font-size: 16px;
  gap: 32px;
}
.section--journey2 .journey-nav .journey-nav-arrow::before,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow::before {
  content: "";
  display: block;
  background: #272936;
  border-radius: 28px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: all 0.2s ease-out;
  will-change: transform;
  z-index: -1;
}
.section--journey2 .journey-nav .journey-nav-arrow:hover, .section--journey2 .journey-nav .journey-nav-arrow.hover, .section--journey2 .journey-nav .journey-nav-arrow.active,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow:hover,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow.hover,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow.active {
  color: #fff;
}
.section--journey2 .journey-nav .journey-nav-arrow:hover::before, .section--journey2 .journey-nav .journey-nav-arrow.hover::before, .section--journey2 .journey-nav .journey-nav-arrow.active::before,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow:hover::before,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow.hover::before,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow.active::before {
  transform: translate(0, 0);
}
.section--journey2 .journey-nav .journey-nav-arrow i,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow i {
  font-size: 24px;
  height: 24px;
}
.section--journey2 .journey-nav .journey-nav-arrow,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0;
  flex-shrink: 0;
  background: #fff;
}
.section--journey2 .journey-nav .journey-nav-arrow.inactive,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow.inactive {
  pointer-events: none;
  color: #ccc;
  border-color: #ccc;
}
.section--journey2 .journey-nav .journey-nav-arrow i,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow i {
  font-size: 16px;
  height: 16px;
}
.section--journey2 .journey-nav .journey-nav-arrow.journey-nav-arrow-prev i,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow.journey-nav-arrow-prev i {
  left: -1px;
}
.section--journey2 .journey-nav .journey-nav-arrow.journey-nav-arrow-next i,
.tabs .tab .section--journey2 .journey-nav .journey-nav-arrow.journey-nav-arrow-next i {
  right: -1px;
}
.section--journey2 .journey-nav .journey-nav-window,
.tabs .tab .section--journey2 .journey-nav .journey-nav-window {
  overflow: hidden;
  width: 100%;
  position: relative;
  font-size: 0;
  padding: 48px 0;
}
.section--journey2 .journey-nav .journey-nav-list,
.tabs .tab .section--journey2 .journey-nav .journey-nav-list {
  white-space: nowrap;
  display: inline-flex;
  margin: 0;
}
.section--journey2 .journey-nav .journey-nav-list button,
.tabs .tab .section--journey2 .journey-nav .journey-nav-list button {
  position: relative;
  transition: none;
  padding: 0 64px;
}
.section--journey2 .journey-nav .journey-nav-list button::after,
.tabs .tab .section--journey2 .journey-nav .journey-nav-list button::after {
  content: "";
  width: 18px;
  height: 18px;
  background: #272936;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  transition: all 0.5s ease;
  transform: scale(0);
}
.section--journey2 .journey-nav .journey-nav-list button span,
.tabs .tab .section--journey2 .journey-nav .journey-nav-list button span {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  top: -56px;
  left: 50%;
  transition: all 0.5s ease;
  transform: translateX(-50%) scale(0);
}
.section--journey2 .journey-nav .journey-nav-list button.active, .section--journey2 .journey-nav .journey-nav-list button:hover,
.tabs .tab .section--journey2 .journey-nav .journey-nav-list button.active,
.tabs .tab .section--journey2 .journey-nav .journey-nav-list button:hover {
  color: var(--company-bg);
}
.section--journey2 .journey-nav .journey-nav-list button.active::after, .section--journey2 .journey-nav .journey-nav-list button:hover::after,
.tabs .tab .section--journey2 .journey-nav .journey-nav-list button.active::after,
.tabs .tab .section--journey2 .journey-nav .journey-nav-list button:hover::after {
  background: var(--company-bg);
}
.section--journey2 .journey-content,
.tabs .tab .section--journey2 .journey-content {
  background: var(--company-bg);
  color: var(--company-font);
  padding: 48px 72px;
}
@media (max-width: 995px) {
  .section--journey2 .journey-content,
  .tabs .tab .section--journey2 .journey-content {
    padding: 40px 24px;
  }
}
.section--journey2 .journey-content .journey-tab,
.tabs .tab .section--journey2 .journey-content .journey-tab {
  display: none;
  width: 100%;
}
.section--journey2 .journey-content .journey-tab.active,
.tabs .tab .section--journey2 .journey-content .journey-tab.active {
  display: block;
}
.section--journey2 .journey-title,
.tabs .tab .section--journey2 .journey-title {
  font-size: 96px;
  font-weight: 700;
  margin-bottom: 60px;
  line-height: 1.3;
}
@media (max-width: 995px) {
  .section--journey2 .journey-title,
  .tabs .tab .section--journey2 .journey-title {
    font-size: 48px;
    margin-bottom: 40px;
  }
}
.section--journey2 .journey-title::before,
.tabs .tab .section--journey2 .journey-title::before {
  content: "";
  width: 40px;
  height: 6px;
  margin-bottom: 10px;
  border-radius: 30px;
  background: var(--company-font);
  display: block;
}
.section--journey2 .journey-desc,
.tabs .tab .section--journey2 .journey-desc {
  font-weight: 300;
}
.section--journey2 .journey-desc::-webkit-scrollbar,
.tabs .tab .section--journey2 .journey-desc::-webkit-scrollbar {
  width: 4px;
}
.section--journey2 .journey-desc::-webkit-scrollbar-track,
.tabs .tab .section--journey2 .journey-desc::-webkit-scrollbar-track {
  background: var(--company-font);
}
.section--journey2 .journey-desc::-webkit-scrollbar-thumb,
.tabs .tab .section--journey2 .journey-desc::-webkit-scrollbar-thumb {
  background: var(--company-hover-bg);
}
@media (min-width: 996px) {
  .section--journey2 .journey-desc,
  .tabs .tab .section--journey2 .journey-desc {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 224px;
  }
}
@media (min-width: 996px) {
  .section--journey2 .journey-desc .journey-desc-inner,
  .tabs .tab .section--journey2 .journey-desc .journey-desc-inner {
    column-count: 2;
    column-gap: 24px;
  }
}
.section--journey2 .journey-desc .journey-desc-inner ul li::before,
.tabs .tab .section--journey2 .journey-desc .journey-desc-inner ul li::before {
  background: var(--company-font);
}

.section--team .boxes-row {
  margin-bottom: -72px;
}
.section--team .boxes-row .box {
  height: calc(100% - 72px);
  margin-bottom: 72px;
}
.section--team .box {
  align-items: center;
}
.section--team .box-img {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  margin-bottom: 32px;
}
.section--team .box-inner {
  align-items: center;
  gap: 16px;
  text-align: center;
}
.section--team .box-title {
  font-size: 24px;
}
.section--team .box-tag {
  margin-bottom: 16px;
}
.section--team .box-role, .section--team .box-place {
  font-weight: 300;
}
.section--team .button-icon {
  width: 48px;
  height: 48px;
}
.section--team .button-icon i {
  font-size: 22px;
  height: 22px;
}

.section--reports .secondary-tabs-nav,
.section--events .secondary-tabs-nav {
  margin-bottom: 40px;
  justify-content: flex-start;
}
.section--reports .secondary-tabs-nav .button,
.section--events .secondary-tabs-nav .button {
  padding: 7px 24px;
  gap: 12px;
}
.section--reports .secondary-tabs-nav .button.active,
.section--events .secondary-tabs-nav .button.active {
  background: #272936;
  color: #fff;
}

.section--reports .box {
  background: var(--company-bg);
  color: var(--company-font);
  padding: 32px 16px;
}
.section--reports .box .buttons--horizontal {
  gap: 32px;
}
@media (max-width: 1325px) {
  .section--reports .box .buttons--horizontal {
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.section--reports .box .button-icon2 i {
  border-color: #fff;
}
.section--reports .box .button-icon2 i::after {
  background: #fff;
}
.section--reports .box .button-icon2:hover i {
  color: #272936;
}
.section--reports .box-title {
  font-size: 24px;
  margin-bottom: 48px;
  text-align: center;
}

@media (min-width: 996px) {
  .section--escaper-box,
  .tabs .tab .section--escaper-box,
  .section--knowledge-repository1,
  .tabs .tab .section--knowledge-repository1 {
    padding-bottom: 100px;
  }
}
.section--escaper-box h2,
.tabs .tab .section--escaper-box h2,
.section--knowledge-repository1 h2,
.tabs .tab .section--knowledge-repository1 h2 {
  font-weight: 300;
  margin-bottom: 56px;
}
.section--escaper-box .escaper-row,
.tabs .tab .section--escaper-box .escaper-row,
.section--knowledge-repository1 .escaper-row,
.tabs .tab .section--knowledge-repository1 .escaper-row {
  display: flex;
  align-items: stretch;
}
@media (min-width: 996px) {
  .section--escaper-box .escaper-row,
  .tabs .tab .section--escaper-box .escaper-row,
  .section--knowledge-repository1 .escaper-row,
  .tabs .tab .section--knowledge-repository1 .escaper-row {
    flex-wrap: nowrap;
  }
  .section--escaper-box .escaper-row .col-left,
  .tabs .tab .section--escaper-box .escaper-row .col-left,
  .section--knowledge-repository1 .escaper-row .col-left,
  .tabs .tab .section--knowledge-repository1 .escaper-row .col-left {
    margin-right: -8.33333%;
  }
  .section--escaper-box .escaper-row .col-right,
  .tabs .tab .section--escaper-box .escaper-row .col-right,
  .section--knowledge-repository1 .escaper-row .col-right,
  .tabs .tab .section--knowledge-repository1 .escaper-row .col-right {
    margin: 48px 0;
  }
  .section--escaper-box .escaper-row .col-right .box,
  .tabs .tab .section--escaper-box .escaper-row .col-right .box,
  .section--knowledge-repository1 .escaper-row .col-right .box,
  .tabs .tab .section--knowledge-repository1 .escaper-row .col-right .box {
    height: 100%;
  }
}
.section--escaper-box .box,
.tabs .tab .section--escaper-box .box,
.section--knowledge-repository1 .box,
.tabs .tab .section--knowledge-repository1 .box {
  background: #fff;
  box-shadow: 0 25px 100px 0 rgba(0, 0, 0, 0.15);
  padding: 32px;
}
.section--escaper-box .box .box-tag,
.tabs .tab .section--escaper-box .box .box-tag,
.section--knowledge-repository1 .box .box-tag,
.tabs .tab .section--knowledge-repository1 .box .box-tag {
  margin-bottom: 16px;
}
.section--escaper-box .box .box-title,
.tabs .tab .section--escaper-box .box .box-title,
.section--knowledge-repository1 .box .box-title,
.tabs .tab .section--knowledge-repository1 .box .box-title {
  font-size: 24px;
  margin-bottom: 16px;
}
.section--escaper-box .box .box-desc,
.tabs .tab .section--escaper-box .box .box-desc,
.section--knowledge-repository1 .box .box-desc,
.tabs .tab .section--knowledge-repository1 .box .box-desc {
  font-weight: 300;
  min-height: 64px;
  margin-bottom: 16px;
}
.section--escaper-box .box .buttons--horizontal,
.tabs .tab .section--escaper-box .box .buttons--horizontal,
.section--knowledge-repository1 .box .buttons--horizontal,
.tabs .tab .section--knowledge-repository1 .box .buttons--horizontal {
  gap: 32px;
  margin-top: auto;
  justify-content: flex-start;
}

@media (min-width: 996px) {
  .section--knowledge-repository2,
  .tabs .tab .section--knowledge-repository2 {
    padding: 48px 72px;
  }
}
.section--knowledge-repository2 .box,
.tabs .tab .section--knowledge-repository2 .box {
  background: #fff;
  padding: 32px;
  min-height: 296px;
  color: #272936;
}
.section--knowledge-repository2 .box::after,
.tabs .tab .section--knowledge-repository2 .box::after {
  font-family: "mycap" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  content: "f";
  margin-top: auto;
  margin-left: auto;
  font-size: 24px;
}
.section--knowledge-repository2 .box .box-tag,
.tabs .tab .section--knowledge-repository2 .box .box-tag {
  margin-bottom: 16px;
}
.section--knowledge-repository2 .box .box-title,
.tabs .tab .section--knowledge-repository2 .box .box-title {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0 100%/0 1px;
  padding-bottom: 2px;
}
.section--knowledge-repository2 .box .box-title:hover,
.tabs .tab .section--knowledge-repository2 .box .box-title:hover {
  animation: text-underline2 0.6s 1 forwards;
}
.section--knowledge-repository2 .box .box-title,
.tabs .tab .section--knowledge-repository2 .box .box-title {
  color: #272936;
  font-size: 24px;
  margin-bottom: 16px;
  align-self: flex-start;
  padding: 0;
}

.section--events {
  padding-left: 12px;
  padding-right: 12px;
}
.section--events .col, .section--events .col-1, .section--events .col-2, .section--events .col-3, .section--events .col-4, .section--events .col-5, .section--events .col-6, .section--events .col-7, .section--events .col-8, .section--events .col-9, .section--events .col-10, .section--events .col-11, .section--events .col-12, .section--events .col-xs-1, .section--events .col-xs-2, .section--events .col-xs-3, .section--events .col-xs-4, .section--events .col-xs-5, .section--events .col-xs-6, .section--events .col-xs-7, .section--events .col-xs-8, .section--events .col-xs-9, .section--events .col-xs-10, .section--events .col-xs-11, .section--events .col-xs-12, .section--events .col-sm-1, .section--events .col-sm-2, .section--events .col-sm-3, .section--events .col-sm-4, .section--events .col-sm-5, .section--events .col-sm-6, .section--events .col-sm-7, .section--events .col-sm-8, .section--events .col-sm-9, .section--events .col-sm-10, .section--events .col-sm-11, .section--events .col-sm-12, .section--events .col-md-1, .section--events .col-md-2, .section--events .col-md-3, .section--events .col-md-4, .section--events .col-md-5, .section--events .col-md-6, .section--events .col-md-7, .section--events .col-md-8, .section--events .col-md-9, .section--events .col-md-10, .section--events .col-md-11, .section--events .col-md-12, .section--events .col-lg-1, .section--events .col-lg-2, .section--events .col-lg-3, .section--events .col-lg-4, .section--events .col-lg-5, .section--events .col-lg-6, .section--events .col-lg-7, .section--events .col-lg-8, .section--events .col-lg-9, .section--events .col-lg-10, .section--events .col-lg-11, .section--events .col-lg-12, .section--events .col-xl-1, .section--events .col-xl-2, .section--events .col-xl-3, .section--events .col-xl-4, .section--events .col-xl-5, .section--events .col-xl-6, .section--events .col-xl-7, .section--events .col-xl-8, .section--events .col-xl-9, .section--events .col-xl-10, .section--events .col-xl-11, .section--events .col-xl-12, .section--events .col-xxl-1, .section--events .col-xxl-2, .section--events .col-xxl-3, .section--events .col-xxl-4, .section--events .col-xxl-5, .section--events .col-xxl-6, .section--events .col-xxl-7, .section--events .col-xxl-8, .section--events .col-xxl-9, .section--events .col-xxl-10, .section--events .col-xxl-11, .section--events .col-xxl-12 {
  padding: 0;
}
@media (min-width: 996px) {
  .section--events .row:nth-child(odd) .col-content {
    padding: 34px 32px 54px 150px;
  }
  .section--events .row:nth-child(even) {
    flex-direction: row-reverse;
  }
  .section--events .row:nth-child(even) .col-content {
    padding: 34px 150px 54px 32px;
  }
  .section--events .row + .row {
    margin-top: 80px;
  }
}
@media (max-width: 995px) {
  .section--events .row {
    flex-direction: column-reverse;
  }
  .section--events .col-content {
    padding: 40px 32px;
  }
}
.section--events .box-tag {
  margin-bottom: 8px;
}
.section--events .box-title {
  font-size: 32px;
  margin-bottom: 32px;
}
.section--events .box-desc {
  font-size: 24px;
  margin-bottom: 64px;
}
.section--events .button {
  padding: 7px 24px;
  gap: 12px;
}

.section--galleries h2 {
  margin-bottom: 32px;
}
.section--galleries h3 {
  margin-bottom: 8px;
}
.section--galleries p {
  margin-bottom: 8px;
  font-weight: 300;
}
.section--galleries .buttons--horizontal {
  gap: 32px;
  justify-content: flex-start;
}
.section--galleries .slider {
  margin-bottom: 24px;
}
.section--galleries .slider .slider-window,
.section--galleries .slider .slider-list {
  height: 100%;
}
.section--galleries .slider .slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section--galleries .col-left .slider {
  height: 420px;
}
.section--galleries .col-left .buttons--horizontal + h3 {
  margin-top: 54px;
}
.section--galleries .col-right .slider {
  height: 296px;
}
.section--galleries .col-right .buttons--horizontal + h3 {
  margin-top: 40px;
}

@media (max-width: 995px) {
  .section--region-division .col-left {
    margin-bottom: 40px;
  }
}
.section--region-division .secondary-tabs-nav {
  width: 100%;
}
.section--region-division .secondary-tabs-nav .expander {
  width: 100%;
}
.section--region-division .secondary-tabs-nav .expander + .expander {
  margin-top: 16px;
}
.section--region-division .secondary-tabs-nav .expander .expander-button {
  transition: all 0.2s ease-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #272936;
  border: 1px solid #272936;
  border-radius: 30px;
  padding: 11px 32px;
  font-size: 16px;
  gap: 32px;
}
.section--region-division .secondary-tabs-nav .expander .expander-button::before {
  content: "";
  display: block;
  background: #272936;
  border-radius: 28px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: all 0.2s ease-out;
  will-change: transform;
  z-index: -1;
}
.section--region-division .secondary-tabs-nav .expander .expander-button:hover, .section--region-division .secondary-tabs-nav .expander .expander-button.hover, .section--region-division .secondary-tabs-nav .expander .expander-button.active {
  color: #fff;
}
.section--region-division .secondary-tabs-nav .expander .expander-button:hover::before, .section--region-division .secondary-tabs-nav .expander .expander-button.hover::before, .section--region-division .secondary-tabs-nav .expander .expander-button.active::before {
  transform: translate(0, 0);
}
.section--region-division .secondary-tabs-nav .expander .expander-button i {
  font-size: 24px;
  height: 24px;
}
.section--region-division .secondary-tabs-nav .expander .expander-button {
  padding: 7px 24px;
  gap: 12px;
}
.section--region-division .secondary-tabs-nav .expander .expander-button {
  background: none;
  border-color: var(--company-bg);
  color: var(--company-bg);
}
.section--region-division .secondary-tabs-nav .expander .expander-button:hover {
  color: var(--company-font);
  border-color: var(--company-bg);
}
.section--region-division .secondary-tabs-nav .expander .expander-button::before {
  background: var(--company-bg);
}
.section--region-division .secondary-tabs-nav .expander .expander-button {
  width: 100%;
  justify-content: space-between;
}
.section--region-division .secondary-tabs-nav .expander .expander-button i {
  font-size: 15px;
  height: 15px;
}
.section--region-division .secondary-tabs-nav .expander .expander-hidden-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 16px 24px 0;
}
.section--region-division .secondary-tabs-nav .expander .expander-hidden-inner button {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0 100%/0 1px;
  padding-bottom: 2px;
}
.section--region-division .secondary-tabs-nav .expander .expander-hidden-inner button:hover {
  animation: text-underline2 0.6s 1 forwards;
}
.section--region-division .secondary-tabs-nav .expander .expander-hidden-inner button {
  font-size: 14px;
  padding: 0;
  text-align: left;
}
.section--region-division .secondary-tabs-nav .expander .expander-hidden-inner button.active {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0 100%/100% 1px;
  padding-bottom: 2px;
}
.section--region-division .secondary-tabs-nav .expander .expander-hidden-inner button.active:hover {
  animation: text-underline 0.6s 1 forwards;
}
.section--region-division .secondary-tabs-nav .expander .expander-hidden-inner button.active {
  font-weight: 500;
}
.section--region-division .box .box-img {
  height: 220px;
}
.section--region-division .box .box-inner {
  padding: 24px 24px 0;
}
.section--region-division .box .box-tag {
  margin-bottom: 24px;
}
.section--region-division .box .box-title {
  font-size: 20px;
  margin-bottom: 8px;
}
.section--region-division .box .box-desc {
  font-weight: 300;
}

.section--article-single {
  overflow-x: hidden;
}
@media (min-width: 996px) {
  .section--article-single .section-inner {
    display: flex;
    gap: 64px;
  }
}
@media (max-width: 995px) {
  .section--article-single .link--back {
    margin-bottom: 24px;
  }
}
.section--article-single .article-social {
  display: flex;
  gap: 16px;
}
@media (min-width: 996px) {
  .section--article-single .article-social {
    margin-top: 40px;
    flex-direction: column;
  }
}
@media (max-width: 995px) {
  .section--article-single .article-social {
    margin-bottom: 40px;
  }
}
.section--article-single .article-social .button-icon {
  width: 48px;
  height: 48px;
}
.section--article-single .article-social .button-icon i {
  font-size: 24px;
  height: 24px;
}
.section--article-single .comments::-webkit-scrollbar {
  width: 4px;
}
.section--article-single .comments::-webkit-scrollbar-track {
  background: #ECECEC;
}
.section--article-single .comments::-webkit-scrollbar-thumb {
  background: #272936;
}
.section--article-single .comments {
  position: fixed;
  top: 0;
  right: -455px;
  width: 455px;
  height: 100%;
  background: #fff;
  padding: 60px 32px;
  z-index: 1;
  transition: all 0.5s ease;
  overflow: auto;
  box-shadow: 0 25px 100px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  .section--article-single .comments {
    right: -100%;
    width: 100%;
  }
}
.section--article-single .comments.active {
  right: 0;
}
.section--article-single .comments .comments-close {
  position: absolute;
  top: 16px;
  right: 16px;
}
.section--article-single .comments .comments-close i {
  font-size: 17px;
  height: 17px;
}
.section--article-single .comments .comments-title {
  font-size: 24px;
  margin-bottom: 16px;
}
.section--article-single .comments .comments-intro {
  margin-bottom: 24px;
}
.section--article-single .comments .comment-person {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section--article-single .comments .comment-person .comment-person-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.section--article-single .comments .comment-person .comment-person-name {
  font-size: 20px;
  display: block;
}
.section--article-single .comments .comment-person .comment-person-date {
  font-size: 14px;
  font-weight: 300;
  color: #ccc;
}
.section--article-single .comments .comment-form {
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 32px;
}
.section--article-single .comments .comment-form textarea {
  height: 130px;
  font-size: 14px;
  border: 0;
  padding: 0;
}
.section--article-single .comments .comments-list {
  padding: 32px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.section--article-single .comments .comments-list .comment-single-wrapper + .comment-single-wrapper {
  margin-top: 56px;
}
.section--article-single .comments .comments-list .comment-single .comment-text {
  font-weight: 300;
  margin-bottom: 16px;
}
.section--article-single .comments .comments-list .comment-single .comment-bottom {
  display: flex;
  justify-content: space-between;
  font-weight: 300;
}
.section--article-single .comments .comments-list .comment-form,
.section--article-single .comments .comments-list .comment-replies {
  margin-top: 32px;
}
.section--article-single .comments .comments-list .comment-form {
  display: none;
}
.section--article-single .comments .comments-list .comment-form .button,
.section--article-single .comments .comments-list .comment-form .button-wrapper input[type=submit] {
  padding: 7px 24px;
}
.section--article-single .comments .comments-list .comment-form .button-wrapper {
  padding: 0;
}
.section--article-single .comments .comments-list .comment-replies {
  margin-left: 42px;
}

.articles-list .article-grouper > .section + .section {
  padding-top: 0;
}

.article-grouper--industry .section-title {
  margin-bottom: 32px;
  font-weight: 500;
  font-size: 40px;
}

.section--industry-text .section-text {
  font-weight: 300;
}
@media (min-width: 996px) {
  .section--industry-text .section-text {
    column-count: 2;
    column-gap: 24px;
  }
}

.section--industry-ss .box {
  background: #272936;
  color: #fff;
  padding: 64px 32px;
}
.section--industry-ss .box-tags {
  margin-bottom: 32px;
}
.section--industry-ss .col-lg-4 .box-tags {
  flex-direction: column;
  align-items: flex-start;
}
.section--industry-ss .box-tag::before {
  background: #fff;
}
.section--industry-ss .box-title {
  font-size: 20px !important;
  font-weight: 300 !important;
  margin-bottom: 40px;
}
.section--industry-ss .button {
  padding: 7px 24px;
  gap: 12px;
}
.section--industry-ss .button {
  border-color: #fff;
  color: #fff;
  align-self: flex-start;
}
.section--industry-ss .button::before {
  background: #fff;
}
.section--industry-ss .industry-button {
  background: #272936 !important;
  color: #fff !important;
}
.section--industry-ss .industry-button::before {
  background: #fff !important;
}
.section--industry-ss .industry-button:hover {
  color: #272936 !important;
}

.section--services2 .filters,
.tabs .tab .section--services2 .filters {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px;
}
.section--services2 .filters .filter-item,
.tabs .tab .section--services2 .filters .filter-item {
  width: calc(33.33333% - 16px);
}
.section--services2 .filters .selectyummy .selectyummy-select,
.tabs .tab .section--services2 .filters .selectyummy .selectyummy-select {
  height: 40px;
}
.section--services2 .filters .button,
.tabs .tab .section--services2 .filters .button {
  padding: 7px 24px;
  gap: 12px;
}
.section--services2 .filters .button,
.tabs .tab .section--services2 .filters .button {
  min-width: 152px;
}
.section--services2 .boxes-row,
.tabs .tab .section--services2 .boxes-row {
  margin-bottom: -80px;
}
.section--services2 .boxes-row .box,
.tabs .tab .section--services2 .boxes-row .box {
  height: calc(100% - 80px);
  margin-bottom: 80px;
}
.section--services2 .box-img,
.tabs .tab .section--services2 .box-img {
  height: 236px;
  margin-bottom: 24px;
}
.section--services2 .box-tag,
.tabs .tab .section--services2 .box-tag {
  margin-bottom: 8px;
}
.section--services2 .box-title,
.tabs .tab .section--services2 .box-title {
  font-size: 32px;
  margin-bottom: 32px;
}
.section--services2 .box p,
.tabs .tab .section--services2 .box p {
  font-size: 24px;
  margin-bottom: 32px;
}
.section--services2 .box .button,
.tabs .tab .section--services2 .box .button {
  padding: 7px 24px;
  gap: 12px;
}
.section--services2 .box .button,
.tabs .tab .section--services2 .box .button {
  align-self: flex-end;
}

.section--contact {
  text-align: center;
}
.section--contact .section-title {
  font-size: 36px;
  margin-bottom: 16px;
}
.section--contact .section-subtitle {
  font-size: 24px;
  margin-bottom: 40px;
}

.section--sustainability h2,
.tabs .tab .section--sustainability h2 {
  margin-bottom: 56px;
}
@media (max-width: 995px) {
  .section--sustainability h2,
  .tabs .tab .section--sustainability h2 {
    margin-bottom: 40px;
  }
}
.section--sustainability .row,
.tabs .tab .section--sustainability .row {
  margin-right: -64px;
  margin-left: -64px;
}
.section--sustainability .row .col, .section--sustainability .row .col-1, .section--sustainability .row .col-2, .section--sustainability .row .col-3, .section--sustainability .row .col-4, .section--sustainability .row .col-5, .section--sustainability .row .col-6, .section--sustainability .row .col-7, .section--sustainability .row .col-8, .section--sustainability .row .col-9, .section--sustainability .row .col-10, .section--sustainability .row .col-11, .section--sustainability .row .col-12, .section--sustainability .row .col-xs-1, .section--sustainability .row .col-xs-2, .section--sustainability .row .col-xs-3, .section--sustainability .row .col-xs-4, .section--sustainability .row .col-xs-5, .section--sustainability .row .col-xs-6, .section--sustainability .row .col-xs-7, .section--sustainability .row .col-xs-8, .section--sustainability .row .col-xs-9, .section--sustainability .row .col-xs-10, .section--sustainability .row .col-xs-11, .section--sustainability .row .col-xs-12, .section--sustainability .row .col-sm-1, .section--sustainability .row .col-sm-2, .section--sustainability .row .col-sm-3, .section--sustainability .row .col-sm-4, .section--sustainability .row .col-sm-5, .section--sustainability .row .col-sm-6, .section--sustainability .row .col-sm-7, .section--sustainability .row .col-sm-8, .section--sustainability .row .col-sm-9, .section--sustainability .row .col-sm-10, .section--sustainability .row .col-sm-11, .section--sustainability .row .col-sm-12, .section--sustainability .row .col-md-1, .section--sustainability .row .col-md-2, .section--sustainability .row .col-md-3, .section--sustainability .row .col-md-4, .section--sustainability .row .col-md-5, .section--sustainability .row .col-md-6, .section--sustainability .row .col-md-7, .section--sustainability .row .col-md-8, .section--sustainability .row .col-md-9, .section--sustainability .row .col-md-10, .section--sustainability .row .col-md-11, .section--sustainability .row .col-md-12, .section--sustainability .row .col-lg-1, .section--sustainability .row .col-lg-2, .section--sustainability .row .col-lg-3, .section--sustainability .row .col-lg-4, .section--sustainability .row .col-lg-5, .section--sustainability .row .col-lg-6, .section--sustainability .row .col-lg-7, .section--sustainability .row .col-lg-8, .section--sustainability .row .col-lg-9, .section--sustainability .row .col-lg-10, .section--sustainability .row .col-lg-11, .section--sustainability .row .col-lg-12, .section--sustainability .row .col-xl-1, .section--sustainability .row .col-xl-2, .section--sustainability .row .col-xl-3, .section--sustainability .row .col-xl-4, .section--sustainability .row .col-xl-5, .section--sustainability .row .col-xl-6, .section--sustainability .row .col-xl-7, .section--sustainability .row .col-xl-8, .section--sustainability .row .col-xl-9, .section--sustainability .row .col-xl-10, .section--sustainability .row .col-xl-11, .section--sustainability .row .col-xl-12, .section--sustainability .row .col-xxl-1, .section--sustainability .row .col-xxl-2, .section--sustainability .row .col-xxl-3, .section--sustainability .row .col-xxl-4, .section--sustainability .row .col-xxl-5, .section--sustainability .row .col-xxl-6, .section--sustainability .row .col-xxl-7, .section--sustainability .row .col-xxl-8, .section--sustainability .row .col-xxl-9, .section--sustainability .row .col-xxl-10, .section--sustainability .row .col-xxl-11, .section--sustainability .row .col-xxl-12,
.tabs .tab .section--sustainability .row .col {
  padding-right: 64px;
  padding-left: 64px;
}
@media (max-width: 995px) {
  .section--sustainability .row,
  .tabs .tab .section--sustainability .row {
    margin: 0;
  }
  .section--sustainability .row .col, .section--sustainability .row .col-1, .section--sustainability .row .col-2, .section--sustainability .row .col-3, .section--sustainability .row .col-4, .section--sustainability .row .col-5, .section--sustainability .row .col-6, .section--sustainability .row .col-7, .section--sustainability .row .col-8, .section--sustainability .row .col-9, .section--sustainability .row .col-10, .section--sustainability .row .col-11, .section--sustainability .row .col-12, .section--sustainability .row .col-xs-1, .section--sustainability .row .col-xs-2, .section--sustainability .row .col-xs-3, .section--sustainability .row .col-xs-4, .section--sustainability .row .col-xs-5, .section--sustainability .row .col-xs-6, .section--sustainability .row .col-xs-7, .section--sustainability .row .col-xs-8, .section--sustainability .row .col-xs-9, .section--sustainability .row .col-xs-10, .section--sustainability .row .col-xs-11, .section--sustainability .row .col-xs-12, .section--sustainability .row .col-sm-1, .section--sustainability .row .col-sm-2, .section--sustainability .row .col-sm-3, .section--sustainability .row .col-sm-4, .section--sustainability .row .col-sm-5, .section--sustainability .row .col-sm-6, .section--sustainability .row .col-sm-7, .section--sustainability .row .col-sm-8, .section--sustainability .row .col-sm-9, .section--sustainability .row .col-sm-10, .section--sustainability .row .col-sm-11, .section--sustainability .row .col-sm-12, .section--sustainability .row .col-md-1, .section--sustainability .row .col-md-2, .section--sustainability .row .col-md-3, .section--sustainability .row .col-md-4, .section--sustainability .row .col-md-5, .section--sustainability .row .col-md-6, .section--sustainability .row .col-md-7, .section--sustainability .row .col-md-8, .section--sustainability .row .col-md-9, .section--sustainability .row .col-md-10, .section--sustainability .row .col-md-11, .section--sustainability .row .col-md-12, .section--sustainability .row .col-lg-1, .section--sustainability .row .col-lg-2, .section--sustainability .row .col-lg-3, .section--sustainability .row .col-lg-4, .section--sustainability .row .col-lg-5, .section--sustainability .row .col-lg-6, .section--sustainability .row .col-lg-7, .section--sustainability .row .col-lg-8, .section--sustainability .row .col-lg-9, .section--sustainability .row .col-lg-10, .section--sustainability .row .col-lg-11, .section--sustainability .row .col-lg-12, .section--sustainability .row .col-xl-1, .section--sustainability .row .col-xl-2, .section--sustainability .row .col-xl-3, .section--sustainability .row .col-xl-4, .section--sustainability .row .col-xl-5, .section--sustainability .row .col-xl-6, .section--sustainability .row .col-xl-7, .section--sustainability .row .col-xl-8, .section--sustainability .row .col-xl-9, .section--sustainability .row .col-xl-10, .section--sustainability .row .col-xl-11, .section--sustainability .row .col-xl-12, .section--sustainability .row .col-xxl-1, .section--sustainability .row .col-xxl-2, .section--sustainability .row .col-xxl-3, .section--sustainability .row .col-xxl-4, .section--sustainability .row .col-xxl-5, .section--sustainability .row .col-xxl-6, .section--sustainability .row .col-xxl-7, .section--sustainability .row .col-xxl-8, .section--sustainability .row .col-xxl-9, .section--sustainability .row .col-xxl-10, .section--sustainability .row .col-xxl-11, .section--sustainability .row .col-xxl-12,
  .tabs .tab .section--sustainability .row .col {
    padding: 0;
  }
}
.section--sustainability .boxes-row .box,
.tabs .tab .section--sustainability .boxes-row .box {
  height: calc(100% - 64px);
  margin-bottom: 64px;
}
.section--sustainability .box p,
.tabs .tab .section--sustainability .box p {
  font-weight: 300;
}
.section--sustainability .box-icon,
.tabs .tab .section--sustainability .box-icon {
  margin-bottom: 32px;
}
.section--sustainability .box-title,
.tabs .tab .section--sustainability .box-title {
  font-size: 36px;
  margin-bottom: 16px;
}
.section--sustainability .box-title::after,
.tabs .tab .section--sustainability .box-title::after {
  content: none;
}
.section--sustainability .box-subtitle,
.tabs .tab .section--sustainability .box-subtitle {
  font-size: 20px;
  margin-bottom: 16px;
}

.section--video .box-tag,
.tabs .tab .section--video .box-tag {
  margin-bottom: 8px;
}
.section--video .box-title,
.tabs .tab .section--video .box-title {
  font-size: 32px;
  margin-bottom: 32px;
}
.section--video .box-desc,
.tabs .tab .section--video .box-desc {
  font-weight: 300;
}
@media (max-width: 995px) {
  .section--video .col-left,
  .tabs .tab .section--video .col-left {
    margin-bottom: 32px;
  }
}

.section--text-pic .box-tag,
.tabs .tab .section--text-pic .box-tag {
  margin-bottom: 8px;
}
.section--text-pic .box-title,
.tabs .tab .section--text-pic .box-title {
  font-size: 32px;
  margin-bottom: 32px;
}
.section--text-pic .box-desc,
.tabs .tab .section--text-pic .box-desc {
  font-size: 24px;
  margin-bottom: 60px;
}
.section--text-pic img,
.tabs .tab .section--text-pic img {
  width: 100%;
}
@media (max-width: 995px) {
  .section--text-pic .col-left,
  .tabs .tab .section--text-pic .col-left {
    margin-bottom: 32px;
  }
}

.section--gallery .section-inner {
  max-width: 856px;
  margin: 0 auto;
}
.section--gallery .slider {
  margin-bottom: 24px;
}
.section--gallery h2 {
  margin-bottom: 32px;
}
.section--gallery h3 {
  margin-bottom: 8px;
}
.section--gallery p {
  margin-bottom: 24px;
  font-weight: 300;
}
.section--gallery .quote {
  margin-top: 120px;
}

.section--events2 h2 {
  margin-bottom: 40px;
}
.section--events2 .box {
  width: 100%;
  padding: 24px;
}
@media (min-width: 768px) {
  .section--events2 .box {
    width: 50%;
  }
}
@media (min-width: 996px) {
  .section--events2 .box {
    width: 33.33333%;
  }
}
.section--events2 .box p {
  font-weight: 300;
  margin-bottom: 32px;
}
.section--events2 .box .button {
  padding: 7px 24px;
  gap: 12px;
}
.section--events2 .box .button {
  align-self: flex-start;
}
.section--events2 .box-img {
  width: 100%;
}
.section--events2 .box-inner {
  padding-top: 24px;
}
.section--events2 .box-date {
  font-weight: 300;
  margin-bottom: 8px;
}
.section--events2 .box-title {
  font-size: 20px;
  margin-bottom: 8px;
}

.section--event-single .section-inner {
  max-width: 856px;
  margin: 0 auto;
}
.section--event-single .link--back {
  margin-bottom: 40px;
}
.section--event-single .event-date {
  font-weight: 300;
  margin-bottom: 8px;
}
.section--event-single h2 {
  margin-bottom: 56px;
}
.section--event-single .event-section + .event-section {
  margin-top: 40px;
}
.section--event-single .event-section p {
  font-weight: 300;
}
.section--event-single .event-label {
  margin-bottom: 8px;
  font-weight: 400;
}
.section--event-single .event-speakers {
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .section--event-single .event-speakers {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .section--event-single .event-speakers .event-speaker {
    flex: 1 1 0;
  }
  .section--event-single .event-speakers .event-speaker + .event-speaker {
    padding-left: 16px;
    border-left: 1px solid #272936;
  }
}
@media (max-width: 767px) {
  .section--event-single .event-speakers .event-speaker + .event-speaker {
    padding-top: 16px;
    border-top: 1px solid #272936;
  }
}
.section--event-single .event-speakers .event-speaker .event-speaker-name {
  font-size: 24px;
  margin-bottom: 16px;
}
.section--event-single .event-speakers .event-speaker .event-speaker-role {
  font-weight: 300;
}
.section--event-single .slider {
  margin-bottom: 24px;
  margin-top: 16px;
}
.section--event-single .buttons--register {
  justify-content: flex-end;
}
.section--event-single .buttons--register .button {
  background: var(--company-bg);
  border-color: var(--company-bg);
  color: var(--company-font);
}
.section--event-single .buttons--register .button:hover {
  border-color: var(--company-hover-bg);
  color: var(--company-hover-font);
}
.section--event-single .buttons--register .button::before {
  background: var(--company-hover-bg);
}

.section--favorites h2 {
  margin-bottom: 32px;
}
.section--favorites h3 {
  margin-bottom: 16px;
}
.section--favorites .boxes-row + h3 {
  margin-top: 32px;
}
.section--search {
  padding-top: 48px;
}
.section--search .search-popular {
  margin-bottom: 80px;
}
@media (max-width: 995px) {
  .section--search .search-popular {
    margin-bottom: 24px;
  }
}
.section--search .search-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 104px;
  align-content: center;
}
@media (max-width: 995px) {
  .section--search .search-flex {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
  }
}
.section--search .search-show {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media (max-width: 995px) {
  .section--search .search-show {
    gap: 16px;
  }
}
@media (min-width: 996px) {
  .section--search .search-show span {
    margin-right: 16px;
  }
}
.section--search .search-show .button {
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0;
}
.section--search .search-results .box {
  padding: 24px 32px;
  border-bottom: 1px solid #272936;
}
.section--search .search-results .box-tag {
  margin-bottom: 8px;
}
.section--search .search-results .box-title {
  font-size: 24px;
}
.section--search .search-results .box-date {
  font-size: 12px;
  margin-top: 8px;
}
.section--search .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}
.section--search .pagination button,
.section--search .pagination span {
  min-width: 22px;
  padding: 0 2px;
}
.section--search .pagination .pagination-item {
  color: #ccc;
}
.section--search .pagination .pagination-item:hover {
  color: #272936;
}
.section--search .pagination .pagination-item.hidden {
  display: none;
}
.section--search .pagination .pagination-item.active {
  color: #272936;
}
.section--search .pagination .pagination-arrow {
  border: 0;
  padding: 0;
  width: 40px;
  height: 40px;
}
.section--search .pagination .pagination-arrow i {
  font-size: 16px;
  height: 16px;
}
.section--search .pagination .pagination-arrow--next, .section--search .pagination .pagination-arrow--last {
  margin-left: 10px;
}
.section--search .pagination .pagination-arrow--prev + button, .section--search .pagination .pagination-arrow--first + button {
  margin-left: 10px;
}
.section--search .pagination .pagination-arrow--next i {
  left: 1px;
}
.section--search .pagination .pagination-arrow--prev i {
  left: -1px;
}
.section--search .pagination .pagination-arrow.inactive {
  pointer-events: none;
  color: #ccc;
}

.to-fade,
.to-scroll-up,
.to-scroll-right,
.to-scroll-left {
  transition: all 1s ease;
  position: relative;
  opacity: 0;
}

.to-fade.show,
.to-scroll-right.show,
.to-scroll-left.show {
  opacity: 1;
}

.to-scroll-up {
  top: 200px;
}

.to-scroll-up-wrapper.show .to-scroll-up {
  top: 0;
  opacity: 1;
}

.to-scroll-up-wrapper.top-hide .to-scroll-up {
  top: -200px;
  opacity: 0;
}

.to-scroll-horizontal-wrapper {
  overflow: hidden;
  width: 100%;
}

.to-scroll-right {
  left: -100%;
}
.to-scroll-right.show {
  left: 0;
}

.to-scroll-left {
  right: -100%;
}
.to-scroll-left.show {
  right: 0;
}

.boxes-row {
  margin-bottom: -32px;
}
.boxes-row .box {
  height: calc(100% - 32px);
  margin-bottom: 32px;
}

.box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
}

.box-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.box-tag {
  display: flex;
  align-items: center;
  gap: 8px;
}
.box-tag::before {
  content: "";
  width: 20px;
  height: 1px;
}

.box-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}

.box-title {
  display: block;
}

a.box-title {
  color: #272936;
}
a.box-title span {
  background: linear-gradient(to right, #272936 0%, #272936 100%) no-repeat 0px 100%/0 1px;
  padding-bottom: 2px;
}
a.box-title:hover span {
  animation: text-underline2 0.6s 1 forwards;
}
a.box-title::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 2;
}

.hot-news-block a:hover {
  text-decoration: none !important;
}

.card-section--industry-ss .box-tags {
  font-weight: 400;
}

.industry-button {
  display: flex;
}

.industry-button i.icon-arrow-r {
  align-self: center;
}

.section.section--industry-ss.card-section--industry-ss {
  padding-top: 36px !important;
}

/*# sourceMappingURL=style-index.css.map*/