.col-xs-1-8 {
  width: 12.5%;
  float: left;
  padding-left: 14px;
  padding-right: 14px
}

.col-xs-2-8 {
  width: 25%;
  float: left;
  padding-left: 14px;
  padding-right: 14px
}

.col-xs-3-8 {
  width: 37.5%;
  float: left;
  padding-left: 14px;
  padding-right: 14px
}

.col-xs-4-8 {
  width: 50%;
  float: left;
  padding-left: 14px;
  padding-right: 14px
}

.col-xs-5-8 {
  width: 62.5%;
  float: left;
  padding-left: 14px;
  padding-right: 14px
}

.col-xs-6-8 {
  width: 75%;
  float: left;
  padding-left: 14px;
  padding-right: 14px
}

.col-xs-7-8 {
  width: 87.5%;
  float: left;
  padding-left: 14px;
  padding-right: 14px
}

.col-xs-8-8 {
  width: 100%;
  float: left;
  padding-left: 14px;
  padding-right: 14px
}

@media(min-width: 980px) {
  .col-sm-1-8 {
    width: 12.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-sm-2-8 {
    width: 25%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-sm-3-8 {
    width: 37.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-sm-4-8 {
    width: 50%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-sm-5-8 {
    width: 62.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-sm-6-8 {
    width: 75%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-sm-7-8 {
    width: 87.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-sm-8-8 {
    width: 100%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }
}

@media(min-width: 1024px) {
  .col-md-1-8 {
    width: 12.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-md-2-8 {
    width: 25%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-md-3-8 {
    width: 37.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-md-4-8 {
    width: 50%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-md-5-8 {
    width: 62.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-md-6-8 {
    width: 75%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-md-7-8 {
    width: 87.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-md-8-8 {
    width: 100%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }
}

@media(min-width: 1280px) {
  .col-desktop-1-8 {
    width: 12.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-desktop-2-8 {
    width: 25%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-desktop-3-8 {
    width: 37.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-desktop-4-8 {
    width: 50%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-desktop-5-8 {
    width: 62.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-desktop-6-8 {
    width: 75%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-desktop-7-8 {
    width: 87.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-desktop-8-8 {
    width: 100%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }
}

@media(min-width: 1550px) {
  .col-lg-1-8 {
    width: 12.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-lg-2-8 {
    width: 25%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-lg-3-8 {
    width: 37.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-lg-4-8 {
    width: 50%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-lg-5-8 {
    width: 62.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-lg-6-8 {
    width: 75%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-lg-7-8 {
    width: 87.5%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }

  .col-lg-8-8 {
    width: 100%;
    float: left;
    padding-left: 14px;
    padding-right: 14px
  }
}

:root {
  --arrow-down-white: url('data:image/svg+xml;charset=UTF-8,<svg width="19" height="28" viewBox="0 0 19 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.8192 26.9265L17.7409 18.5443C17.8994 18.3712 18.021 18.1677 18.0984 17.9461C18.1758 17.7245 18.2073 17.4896 18.191 17.2555C18.1747 17.0213 18.1109 16.793 18.0036 16.5843C17.8963 16.3756 17.7477 16.1909 17.5667 16.0414C17.3858 15.892 17.1763 15.7809 16.9511 15.7149C16.7259 15.649 16.4896 15.6295 16.2566 15.6577C16.0237 15.686 15.7989 15.7613 15.5959 15.8791C15.3929 15.9969 15.2161 16.1548 15.0761 16.3431L11.2137 21.0084L11.2137 1.76596C11.2137 1.30702 11.0314 0.866874 10.7069 0.542355C10.3824 0.217835 9.94223 0.0355221 9.48329 0.0355221C9.02435 0.0355221 8.58421 0.217835 8.25969 0.542355C7.93517 0.866874 7.75286 1.30702 7.75286 1.76596L7.75286 21.0084L3.90437 16.3431C3.61249 15.9888 3.19181 15.765 2.73489 15.7209C2.27796 15.6767 1.82222 15.8159 1.46792 16.1078C1.11362 16.3997 0.889779 16.8204 0.845645 17.2773C0.801511 17.7342 0.940696 18.1899 1.23258 18.5442L8.15432 26.9265C8.31804 27.1215 8.52248 27.2783 8.75326 27.3859C8.98405 27.4934 9.23559 27.5492 9.49021 27.5492C9.74484 27.5492 9.99638 27.4934 10.2272 27.3859C10.458 27.2783 10.6624 27.1215 10.8261 26.9265L10.8192 26.9265Z" fill="white"/></svg>')
}

body {
  color: #4a4a4a
}

svg.svg-sprite {
  width: 0;
  height: 0;
  display: block
}

.hidden {
  display: none
}

.wrapper {
  overflow: hidden
}

.italic {
  font-style: italic
}

.container-custom {
  max-width: 1550px;
  width: 80%;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 979px) {
  .container-custom div[class*=col-] {
    width: 100%
  }
}

.row.flex-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.content-wrapper {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto
}

.narrow-container {
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .narrow-container {
    max-width: 820px
  }
}

@media only screen and (max-width: 979px) {
  .narrow-container {
    width: calc(100% - 40px)
  }
}

.ui-arrow-2 {
  width: 53px;
  height: 44px;
  display: inline-block
}

.ui-arrow-3 {
  width: 76px;
  height: 45px
}

.ui-arrow-outer-right {
  width: 49px;
  height: 45px
}

.ui-arrow-outer {
  width: 43px;
  height: 43px
}

.ui-arrow-CTA-LG {
  width: 53px;
  height: 34px
}

.ui-arrow-diagonal {
  width: 36px;
  height: 37px
}

.ui-arrow-down {
  width: 14px;
  height: 9px;
  fill: transparent;
  stroke: #000
}

.ui-arrow-round-outer {
  width: 42px;
  height: 42px
}

.ui-arrow-up {
  width: 14px;
  height: 9px;
  fill: transparent;
  stroke: #000
}

.ui-arrow-СTA-SML {
  width: 32px;
  height: 21px
}

.ui-burger {
  width: 27px;
  height: 19px
}

.ui-close {
  width: 23px;
  height: 23px
}

.ui-plus {
  width: 63px;
  height: 63px
}

.ui-icon-white {
  fill: #fff
}

.ui-icon-blue {
  fill: #2c99a4
}

.ui-icon-green {
  fill: #9dc92e
}

.ui-icon-purple {
  fill: #582362
}

.ui-icon-up-down-white {
  stroke: #fff
}

.ui-icon-up-down-blue {
  stroke: #2c99a4
}

.ui-icon-up-down-green {
  stroke: #9dc92e
}

.ui-icon-up-down-purple {
  stroke: #582362
}

.ui-play {
  height: 32px;
  width: 27px
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(/wp-content/themes/prodege_theme/assets/styles/mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .75);
  border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .75);
  border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .1)
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, .2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, .05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, .05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, .2)
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, .2)
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, .2);
  box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9)
}

.thank-you-page-video .video-content-live,
.resource-library .video-content-live {
  padding: 0;
  background: transparent
}

@media only screen and (max-width: 1279px) {

  .thank-you-page-video .video-content-live,
  .resource-library .video-content-live {
    margin-bottom: 55px
  }
}

@media only screen and (max-width: 1279px) {

  .thank-you-page-video .video-content-live .video-content-placeholder-button.fancybox-btn,
  .resource-library .video-content-live .video-content-placeholder-button.fancybox-btn {
    width: 140px;
    height: 140px
  }
}

@media only screen and (max-width: 1279px) {

  .thank-you-page-video .video-content-live .video-content-placeholder-button.fancybox-btn:hover,
  .resource-library .video-content-live .video-content-placeholder-button.fancybox-btn:hover {
    width: 170px;
    height: 170px
  }
}

.thank-you-page-video .video-content-live__title,
.resource-library .video-content-live__title {
  font-size: 16px;
  line-height: 1.4;
  color: #582362;
  text-align: left
}

@media only screen and (max-width: 979px) {

  .thank-you-page-video .video-content-live__title,
  .resource-library .video-content-live__title {
    font-size: 18px;
    text-align: center
  }
}

.thank-you-page-video .video-content-live__box,
.resource-library .video-content-live__box {
  max-width: 100%
}

.thank-you-page-video .video-content,
.resource-library .video-content {
  margin-bottom: 12px
}

.thank-you-page-video .video-content-live__item,
.resource-library .video-content-live__item {
  width: calc(50% - 11px)
}

@media only screen and (max-width: 979px) {

  .thank-you-page-video .video-content-live__item,
  .resource-library .video-content-live__item {
    width: 100%
  }
}

@media only screen and (max-width: 1279px) {

  .thank-you-page-video .video-content-live__box,
  .resource-library .video-content-live__box {
    max-width: 100%
  }
}

@media only screen and (max-width: 1279px) {

  .thank-you-page-video .video-content-live__wrapper,
  .resource-library .video-content-live__wrapper {
    max-width: 100%
  }
}

@media only screen and (max-width: 979px) {

  .thank-you-page-video .video-content-placeholder-figure.video-content-live__figure,
  .resource-library .video-content-placeholder-figure.video-content-live__figure {
    margin: 0 -35px;
    min-width: calc(100% + 70px)
  }
}

@-webkit-keyframes ghost_image {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes ghost_image {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes ghost_image2 {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes ghost_image2 {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

a,
a:hover {
  color: #2c99a4
}

.main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}

body.page-with-new-layout-design {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

body.page-with-new-layout-design div {
  box-sizing: border-box
}

body.page-with-new-layout-design .container-custom {
  max-width: 1550px;
  width: 80%;
  margin-left: auto;
  margin-right: auto
}

body.page-with-new-layout-design .row {
  margin-left: -14px;
  margin-right: -14px
}

body.page-with-new-layout-design .color2-background {
  background-color: #2c99a4
}

body.page-with-new-layout-design .color3-background {
  background-color: #9dc92e
}

body.page-with-new-layout-design .svg-sprite {
  position: absolute;
  top: 0
}

body.page-with-new-layout-design .cover-full {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000
}

body.page-with-new-layout-design .content-insights .mobile-event-box .event-slider-item .read-more-btn,
.content-insights .mobile-event-box .event-slider-item body.page-with-new-layout-design .read-more-btn,
body.page-with-new-layout-design .content-insights .news-box .read-more-btn,
.content-insights .news-box body.page-with-new-layout-design .read-more-btn,
body.page-with-new-layout-design .top-section .news-box .read-more-btn,
body.page-with-new-layout-design .event-slider .event-slider-item .read-more-btn {
  position: absolute;
  top: auto;
  width: 32px;
  height: 21px;
  bottom: 15px;
  right: 20px;
  transition: right .3s ease
}

body.page-with-new-layout-design .content-insights .mobile-event-box .event-slider-item .read-more-btn:hover,
.content-insights .mobile-event-box .event-slider-item body.page-with-new-layout-design .read-more-btn:hover,
body.page-with-new-layout-design .content-insights .news-box .read-more-btn:hover,
.content-insights .news-box body.page-with-new-layout-design .read-more-btn:hover,
body.page-with-new-layout-design .top-section .news-box .read-more-btn:hover,
body.page-with-new-layout-design .event-slider .event-slider-item .read-more-btn:hover {
  right: 8px
}

@media only screen and (max-width: 979px) {

  body.page-with-new-layout-design .content-insights .mobile-event-box .event-slider-item .read-more-btn:hover,
  .content-insights .mobile-event-box .event-slider-item body.page-with-new-layout-design .read-more-btn:hover,
  body.page-with-new-layout-design .content-insights .news-box .read-more-btn:hover,
  .content-insights .news-box body.page-with-new-layout-design .read-more-btn:hover,
  body.page-with-new-layout-design .top-section .news-box .read-more-btn:hover,
  body.page-with-new-layout-design .event-slider .event-slider-item .read-more-btn:hover {
    right: 20px
  }
}

body.page-with-new-layout-design .mobile-version .career-mobile .read-more-btn-w-border,
body.page-with-new-layout-design .section--half-color .read-more-btn-w-border,
body.page-with-new-layout-design .career .career-box .read-more-btn-w-border {
  font-size: 25px;
  line-height: 1.2;
  color: #582362;
  text-decoration: none;
  border-bottom: 2px solid #9dc92e;
  transition: color .3s
}

body.page-with-new-layout-design .mobile-version .mobile-market-box .market-box-item .read-more-btn-white,
body.page-with-new-layout-design .top-section .market-box .market-box-item .read-more-btn-white {
  position: absolute;
  display: inline-block;
  top: auto;
  bottom: 20px;
  right: 30px;
  width: 53px;
  height: 34px;
  transition: right .3s ease
}

@media only screen and (min-width: 1550px) {

  body.page-with-new-layout-design .mobile-version .mobile-market-box .market-box-item .read-more-btn-white,
  body.page-with-new-layout-design .top-section .market-box .market-box-item .read-more-btn-white {
    right: 40px;
    bottom: 35px
  }
}

@media only screen and (max-width: 1279px) {

  body.page-with-new-layout-design .mobile-version .mobile-market-box .market-box-item .read-more-btn-white,
  body.page-with-new-layout-design .top-section .market-box .market-box-item .read-more-btn-white {
    bottom: 15px;
    right: 15px
  }
}

body.page-with-new-layout-design .mobile-version .mobile-market-box .market-box-item .read-more-btn-white:hover,
body.page-with-new-layout-design .top-section .market-box .market-box-item .read-more-btn-white:hover {
  right: 20px
}

@media only screen and (min-width: 1550px) {

  body.page-with-new-layout-design .mobile-version .mobile-market-box .market-box-item .read-more-btn-white:hover,
  body.page-with-new-layout-design .top-section .market-box .market-box-item .read-more-btn-white:hover {
    right: 30px
  }
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .read-more-btn-dark,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .read-more-btn-dark,
body.page-with-new-layout-design .dark-box .read-more-btn-dark {
  position: relative;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  display: block;
  color: #fff;
  background-color: #582362;
  width: 415px;
  text-decoration: none;
  padding: 14px 109px 14px 20px;
  font-size: 23px;
  line-height: 1.4;
  left: 0;
  transition: all .3s ease
}

@media only screen and (min-width: 1550px) {

  body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .read-more-btn-dark,
  body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .read-more-btn-dark,
  body.page-with-new-layout-design .dark-box .read-more-btn-dark {
    padding-right: 260px;
    width: 565px
  }
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .read-more-btn-dark:hover,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .read-more-btn-dark:hover,
body.page-with-new-layout-design .dark-box .read-more-btn-dark:hover {
  background-color: #9dc92e
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .read-more-btn-dark:hover svg,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .read-more-btn-dark:hover svg,
body.page-with-new-layout-design .dark-box .read-more-btn-dark:hover svg {
  right: 20px
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .read-more-btn-dark svg,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .read-more-btn-dark svg,
body.page-with-new-layout-design .dark-box .read-more-btn-dark svg {
  position: absolute;
  transition: right .3s ease;
  right: 32px;
  top: 29px
}

body.page-with-new-layout-design .dg.ac {
  display: none
}

body.page-with-new-layout-design .slick-arrow {
  display: none !important
}

body.page-with-new-layout-design .slick-slide > div {
  background: #fff
}

body.page-with-new-layout-design .slider-with-dots {
  list-style: none
}

body.page-with-new-layout-design .slider-with-dots .slick-dots {
  position: absolute;
  top: -30px;
  right: 33px;
  line-height: 10px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .slider-with-dots .slick-dots {
    right: 18px;
    top: -32px
  }
}

body.page-with-new-layout-design .slider-with-dots .slick-dots li {
  display: inline-block;
  border: 1px solid #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: 6.5px
}

body.page-with-new-layout-design .slider-with-dots .slick-dots li.slick-active {
  background-color: #fff
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .slider-with-dots .slick-dots li {
    width: 9px;
    height: 9px;
    margin-left: 6px
  }
}

body.page-with-new-layout-design .slider-with-dots .slick-dots li button {
  display: none
}

body.page-with-new-layout-design .event-slider {
  width: 100%
}

body.page-with-new-layout-design .event-slider .event-slider-item {
  padding: 28px 20px 14px 14px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .event-slider .event-slider-item {
    padding-left: 45px;
    padding-top: 10px
  }
}

body.page-with-new-layout-design .event-slider .event-slider-item .event-slider-item-title {
  font-size: 23px;
  line-height: 140%;
  margin-bottom: 25px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .event-slider .event-slider-item .event-slider-item-title {
    margin-bottom: 10px
  }
}

body.page-with-new-layout-design .event-slider .event-slider-item .event-slider-date {
  position: absolute;
  bottom: 14px;
  left: 14px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .event-slider .event-slider-item .event-slider-date {
    left: 45px
  }
}

body.page-with-new-layout-design .top-section {
  padding-top: 170px;
  position: relative;
  padding-bottom: 165px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section {
    padding-bottom: 135px
  }
}

@media only screen and (max-width: 979px) {
  body.page-with-new-layout-design .top-section .container-custom > .row > div[class*=col-] {
    width: 50%;
    padding: 0 14px
  }
}

@media only screen and (max-width: 767px) {
  body.page-with-new-layout-design .top-section .container-custom > .row > div[class*=col-] {
    width: 100%;
    padding: 0
  }
}

body.page-with-new-layout-design .top-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 680px;
  background: linear-gradient(129.79deg, #572760 22.56%, #883C96 100%);
  z-index: -1
}

body.page-with-new-layout-design .top-section h1 {
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section h1 {
    margin-bottom: 10px
  }
}

@media only screen and (min-width: 1550px) {
  body.page-with-new-layout-design .top-section h1 {
    font-size: 75px;
    max-width: 1300px
  }
}

body.page-with-new-layout-design .top-section .primary-text {
  margin-bottom: 80px;
  color: #fff;
  font-size: 38px;
  line-height: 133%;
  max-width: 470px
}

@media only screen and (min-width: 1550px) {
  body.page-with-new-layout-design .top-section .primary-text {
    max-width: 1300px
  }
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .primary-text {
    margin-bottom: 20px
  }
}

body.page-with-new-layout-design .top-section .primary-text br {
  display: none
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .primary-text br {
    display: block
  }
}

body.page-with-new-layout-design .top-section .primary-text br.custom-br {
  display: block
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .primary-text br.custom-br {
    display: none
  }
}

body.page-with-new-layout-design .top-section .market-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 28px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .market-box {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 17px
  }
}

body.page-with-new-layout-design .top-section .market-box .market-box-item {
  width: calc(50% - 14px);
  padding: 28px 35px 65px 30px;
  position: relative
}

@media only screen and (min-width: 1550px) {
  body.page-with-new-layout-design .top-section .market-box .market-box-item {
    padding: 54px 40px 100px 40px
  }
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .market-box .market-box-item {
    width: 100%;
    margin-bottom: 15px;
    padding: 17px 66px 20px 27px
  }

  body.page-with-new-layout-design .top-section .market-box .market-box-item:last-child {
    margin-bottom: 0
  }
}

@media only screen and (max-width: 1023px) {
  body.page-with-new-layout-design .top-section .market-box .market-box-item {
    padding: 17px 55px 20px 27px
  }
}

body.page-with-new-layout-design .top-section .market-box .market-box-item .market-box-title {
  font-size: 35px;
  line-height: 110.9%;
  color: #fff;
  margin-bottom: 10px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .market-box .market-box-item .market-box-title {
    font-size: 30px
  }
}

body.page-with-new-layout-design .top-section .market-box .market-box-item .market-box-text {
  color: #fff
}

body.page-with-new-layout-design .top-section .market-box .market-box-item .read-more-btn-white {
  transition: right .3s ease, bottom .3s ease
}

body.page-with-new-layout-design .top-section .market-box .market-box-item:hover {
  background: #292c49
}

body.page-with-new-layout-design .top-section .market-box .market-box-item:hover .read-more-btn-white {
  bottom: 30px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .event-and-news {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
}

@media only screen and (max-width: 979px) {
  body.page-with-new-layout-design .top-section .event-and-news {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 25px
  }
}

body.page-with-new-layout-design .top-section .event-slider-box {
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  position: relative
}

body.page-with-new-layout-design .top-section .event-slider-box .event-slider-title {
  background-color: #582362;
  color: #fff;
  padding: 13px 0 14px 16px
}

@media only screen and (min-width: 1550px) {
  body.page-with-new-layout-design .top-section .event-slider-box .event-slider-title {
    font-weight: bold
  }
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .event-slider-box .event-slider-title {
    padding-left: 45px
  }
}

body.page-with-new-layout-design .top-section .event-slider-box .event-slider-item {
  min-height: 163px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .event-slider-box .event-slider-item {
    min-height: 90px
  }
}

body.page-with-new-layout-design .top-section .event-slider-box .event-slider-link {
  position: absolute;
  right: 20px;
  bottom: 15px;
  transition: right .3s ease, bottom .3s ease
}

body.page-with-new-layout-design .top-section .event-slider-box:hover .event-slider-link {
  bottom: 20px
}

body.page-with-new-layout-design .top-section .event-slider-box:hover .event-slider-link .ui-icon-blue {
  fill: #292c49
}

body.page-with-new-layout-design .top-section .news-box {
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative
}

@media only screen and (max-width: 1023px) {
  body.page-with-new-layout-design .top-section .news-box {
    margin-bottom: 20px
  }
}

body.page-with-new-layout-design .top-section .news-box .news-link {
  bottom: 20px;
  transition: bottom .3s
}

body.page-with-new-layout-design .top-section .news-box .news-link:hover {
  bottom: 26px
}

body.page-with-new-layout-design .top-section .news-box .news-box-image {
  width: 100%;
  max-width: 186px;
  max-height: 140px;
  padding-right: 10px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media only screen and (max-width: 1549px) {
  body.page-with-new-layout-design .top-section .news-box .news-box-image {
    overflow-x: hidden
  }
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .news-box .news-box-image {
    max-height: none;
    height: 100%;
    max-width: 150px
  }
}

body.page-with-new-layout-design .top-section .news-box .news-box-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

body.page-with-new-layout-design .top-section .news-box .news-box-container {
  width: 100%;
  padding: 20px 30px 40px 20px;
  position: relative
}

@media only screen and (min-width: 1550px) {
  body.page-with-new-layout-design .top-section .news-box .news-box-container {
    padding: 30px 25px 20px 15px
  }
}

body.page-with-new-layout-design .top-section .news-box .news-box-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  color: #582362;
  margin-bottom: 5px
}

@media only screen and (min-width: 1550px) {
  body.page-with-new-layout-design .top-section .news-box .news-box-title {
    font-weight: bold;
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .news-box .news-box-title {
    margin-bottom: 10px
  }
}

body.page-with-new-layout-design .top-section .news-box .read-more-btn {
  height: auto;
  transition: right .3s ease, bottom .3s ease
}

body.page-with-new-layout-design .top-section .news-box .fixed-news-icon {
  display: none
}

body.page-with-new-layout-design .top-section .news-box .news-box-container.fixed-news {
  padding: 14px 15px 40px 15px
}

body.page-with-new-layout-design .top-section .news-box .news-box-container.fixed-news svg path {
  transition: fill .3s
}

body.page-with-new-layout-design .top-section .news-box .news-box-container.fixed-news svg {
  transition: fill .3s
}

body.page-with-new-layout-design .top-section .news-box .news-box-container.fixed-news:hover svg path {
  fill: #292c49
}

body.page-with-new-layout-design .top-section .news-box .news-box-container.fixed-news:hover .news-link {
  bottom: 26px
}

body.page-with-new-layout-design .top-section .news-box .news-box-container.fixed-news .fixed-news-icon {
  display: block
}

body.page-with-new-layout-design .top-section .news-box .news-box-container.fixed-news .news-box-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  color: #582362;
  margin-bottom: 5px
}

body.page-with-new-layout-design .top-section .news-box .news-box-container.fixed-news .news-box-content {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #4a4a4a
}

body.page-with-new-layout-design .top-section .news-box .news-box-container.fixed-news .blue {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #2c99a4;
  display: block;
  margin: 0
}

body.page-with-new-layout-design .top-section .news-box:hover .read-more-btn .ui-icon-blue {
  fill: #292c49
}

body.page-with-new-layout-design .top-section .top-image-slider {
  margin-bottom: 25px;
  min-height: 580px
}

body.page-with-new-layout-design .top-section .top-image-slider .top-image-slider-item {
  max-height: 580px;
  overflow: hidden
}

body.page-with-new-layout-design .top-section .top-image-slider .top-image-slider-item img {
  width: 100%
}

@media only screen and (max-width: 1549px) {
  body.page-with-new-layout-design .top-section .top-image-slider .top-image-slider-item img {
    width: auto;
    height: 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

body.page-with-new-layout-design .top-section .home-top__right-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

body.page-with-new-layout-design .top-section .home-top__slider-wrapper {
  width: 100%;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
  margin-bottom: 28px;
  max-height: 764px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .home-top__slider-wrapper {
    height: 607px;
    margin-bottom: 17px
  }
}

@media only screen and (max-width: 1023px) {
  body.page-with-new-layout-design .top-section .home-top__slider-wrapper {
    height: 583px
  }
}

body.page-with-new-layout-design .top-section .home-top__slider-wrapper .wp-spaios-slider-wrap {
  position: relative
}

body.page-with-new-layout-design .top-section .featured-content-insights {
  position: relative;
  margin-bottom: 28px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .featured-content-insights {
    margin-bottom: 16px
  }
}

body.page-with-new-layout-design .top-section .featured-content-insights:before {
  content: "";
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

body.page-with-new-layout-design .top-section .featured-content-insights .featured-content-insights-title {
  background-color: #582362;
  color: #fff;
  padding: 14px 0 14px 25px
}

@media only screen and (min-width: 1550px) {
  body.page-with-new-layout-design .top-section .featured-content-insights .featured-content-insights-title {
    font-weight: bold
  }
}

body.page-with-new-layout-design .top-section .featured-content-insights .featured-content-insights-slider {
  width: 100%
}

body.page-with-new-layout-design .top-section .featured-content-insights .featured-content-insights-slider .slick-track {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .featured-content-insights .featured-content-insights-slider .slick-track {
    -ms-flex-align: start;
    align-items: flex-start
  }
}

body.page-with-new-layout-design .top-section .featured-content-insights .featured-content-insights-slider .slick-slide {
  height: auto;
  position: relative
}

body.page-with-new-layout-design .top-section .featured-content-insights .featured-content-insights-slider .featured-content-insights-item {
  padding: 13px 16px 23px 27px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .top-section .featured-content-insights .featured-content-insights-slider .featured-content-insights-item {
    padding: 16px 22px 23px
  }
}

body.page-with-new-layout-design .top-section .featured-content-insights .featured-content-insights-slider .featured-content-insights-item .featured-item-title {
  font-size: 23px;
  line-height: 1.4;
  margin-bottom: 14px
}

body.page-with-new-layout-design .top-section .featured-content-insights .featured-content-insights-slider .featured-content-insights-item .featured-item-link {
  position: absolute;
  top: auto;
  width: 56px;
  height: 56px;
  text-align: center;
  right: 60px;
  bottom: -28px;
  transition: padding .3s ease, bottom .3s ease;
  display: none
}

body.page-with-new-layout-design .top-section .featured-content-insights .featured-content-insights-slider .featured-content-insights-item .featured-item-link:hover {
  background-color: #292c49;
  bottom: -20px
}

body.page-with-new-layout-design .top-section .featured-content-insights .featured-content-insights-slider .featured-content-insights-item .featured-item-link:hover svg {
  padding-left: 0
}

body.page-with-new-layout-design .news-box-date {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.43;
  color: #582362;
  margin-bottom: 5px;
  top: auto;
  left: auto;
  bottom: 20px;
  right: 65px
}

body.page-with-new-layout-design .featured-content-insights-link {
  position: absolute;
  top: auto;
  text-align: center;
  right: 14px;
  bottom: 14px;
  transition: padding .3s ease, bottom .3s ease;
  background-color: transparent
}

body.page-with-new-layout-design .featured-content-insights-link svg {
  position: relative;
  transition: fill .3s
}

body.page-with-new-layout-design .featured-content-insights-link:hover {
  bottom: 20px
}

body.page-with-new-layout-design .featured-content-insights-link:hover .ui-icon-blue {
  fill: #292c49
}

body.page-with-new-layout-design .dark-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 65px 0 0 0;
  background: rgba(239, 233, 231, .44)
}

body.page-with-new-layout-design .dark-box:before {
  content: "";
  position: absolute;
  background: rgba(239, 233, 231, .44);
  width: 200%;
  height: 100%;
  top: 0
}

body.page-with-new-layout-design .dark-box.left-dark-box {
  -ms-flex-pack: start;
  justify-content: flex-start
}

body.page-with-new-layout-design .dark-box.left-dark-box > * {
  position: relative;
  z-index: 2
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .dark-box.left-dark-box {
    background: none;
    -ms-flex-pack: center;
    justify-content: center
  }
}

body.page-with-new-layout-design .dark-box.left-dark-box:before {
  left: -200%
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .dark-box.left-dark-box:before {
    left: 50%;
    background: rgba(239, 233, 231, .44);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1000%;
    z-index: 1
  }
}

body.page-with-new-layout-design .dark-box.right-dark-box {
  -ms-flex-pack: end;
  justify-content: flex-end
}

body.page-with-new-layout-design .dark-box.right-dark-box > * {
  position: relative;
  z-index: 2
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .dark-box.right-dark-box {
    background: none;
    -ms-flex-pack: center;
    justify-content: center
  }
}

body.page-with-new-layout-design .dark-box.right-dark-box:before {
  left: auto;
  right: -200%
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .dark-box.right-dark-box:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1000%;
    z-index: 1
  }
}

body.page-with-new-layout-design .dark-box.right-dark-box .dark-box-item {
  padding-left: 50px;
  padding-right: 20px
}

body.page-with-new-layout-design .dark-box.right-dark-box .read-more-btn-dark {
  left: auto;
  right: 0
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .dark-box.right-dark-box .read-more-btn-dark {
    left: 50% !important;
    -webkit-transform: translateY(50%) translateX(-50%);
    transform: translateY(50%) translateX(-50%);
    right: auto
  }
}

body.page-with-new-layout-design .dark-box .dark-box-item {
  width: 50%;
  padding: 0 50px 40px 0;
  display: -ms-flexbox;
  display: flex
}

body.page-with-new-layout-design .dark-box .dark-box-item .dark-box-item-icon {
  width: 40px
}

body.page-with-new-layout-design .dark-box .dark-box-item .dark-box-item-text {
  width: calc(100% - 40px);
  font-size: 18px;
  line-height: 1.4
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .dark-box .read-more-btn-dark {
    left: 50%;
    -webkit-transform: translateY(50%) translateX(-50%);
    transform: translateY(50%) translateX(-50%)
  }
}

body.page-with-new-layout-design .light-box {
  padding: 30px 0 20px 50px
}

body.page-with-new-layout-design .light-box h2 {
  font-size: 38px;
  line-height: 1.33;
  color: #582362;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .light-box h2 {
    text-align: center
  }
}

body.page-with-new-layout-design .light-box.left-light-box {
  padding: 30px 50px 20px 0
}

body.page-with-new-layout-design .light-box .light-box-text {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.4
}

body.page-with-new-layout-design .light-box .light-box-text:last-child {
  margin-bottom: 0
}

body.page-with-new-layout-design .left-right-box.reversed-layout .flex-row {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important
}

body.page-with-new-layout-design .left-right-box.reversed-layout .flex-row .light-box {
  padding-left: 0
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .left-right-box {
    padding-right: 0
  }

  body.page-with-new-layout-design .left-right-box .wrap-dl-blocs {
    width: 100%;
    margin: 0 auto
  }
}

@media only screen and (max-width: 1279px)and (max-width: 1279px) {

  body.page-with-new-layout-design .left-right-box .wrap-dl-blocs .dark-blocks-wrapper,
  body.page-with-new-layout-design .left-right-box .wrap-dl-blocs .light-blocks-wrapper {
    width: 100%
  }
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .left-right-box .wrap-dl-blocs .light-blocks-wrapper {
    -ms-flex-order: 1;
    order: 1
  }
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .left-right-box .wrap-dl-blocs .dark-blocks-wrapper {
    -ms-flex-order: 2;
    order: 2
  }
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .left-right-box .flex-row {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

body.page-with-new-layout-design .left-right-box .flex-row .light-box .light-box-text {
  max-width: 80%
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .left-right-box .flex-row .light-box {
    padding: 0 0 40px 0
  }

  body.page-with-new-layout-design .left-right-box .flex-row .light-box .light-box-text {
    max-width: 100%;
    text-align: center
  }

  body.page-with-new-layout-design .left-right-box .flex-row .light-box .light-box-text p br {
    display: none
  }
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .left-right-box.reversed-layout {
    padding-left: 0
  }
}

body.page-with-new-layout-design .left-right-box.reversed-layout .light-box .light-box-text {
  max-width: 80%
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .left-right-box.reversed-layout .light-box {
    padding: 0 0 40px 0
  }

  body.page-with-new-layout-design .left-right-box.reversed-layout .light-box .light-box-text {
    max-width: 100%;
    text-align: center
  }
}

body.page-with-new-layout-design .marketing-solutions {
  margin-bottom: 210px
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .marketing-solutions {
    margin-bottom: 120px
  }
}

body.page-with-new-layout-design .pushing-forward {
  margin-bottom: 140px;
  padding-bottom: 70px;
  overflow: hidden
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .pushing-forward {
    margin-bottom: 70px
  }
}

body.page-with-new-layout-design .career {
  background: #f6f6f6
}

body.page-with-new-layout-design .career .career-image {
  padding: 70px 0 75px;
  position: relative
}

body.page-with-new-layout-design .career .career-image img {
  z-index: 3;
  position: relative
}

body.page-with-new-layout-design .career .career-image:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 100%;
  left: 145px;
  top: 0;
  background: linear-gradient(44.9deg, #582362 0%, #682c74 58.32%, #833a91 100%)
}

body.page-with-new-layout-design .career .career-box {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

body.page-with-new-layout-design .career .career-box .career-title {
  font-size: 38px;
  line-height: 1.33;
  color: #4a4a4a;
  margin-bottom: 30px;
  max-width: 80%
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .career .career-box .career-title {
    max-width: 1000px
  }
}

body.page-with-new-layout-design .career .career-box .career-primary {
  font-size: 23px;
  line-height: 1.4;
  margin-bottom: 30px
}

body.page-with-new-layout-design .section--half-color {
  min-height: 1px;
  padding: 130px 0
}

body.page-with-new-layout-design .section--half-color .container-custom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start
}

body.page-with-new-layout-design .section--half-color .section__title {
  font-size: 38px;
  line-height: 1.33;
  color: #4a4a4a;
  margin-bottom: 30px;
  max-width: 100%;
  text-align: left
}

@media only screen and (max-width: 1023px) {
  body.page-with-new-layout-design .section--half-color .section__title {
    max-width: 100%
  }
}

body.page-with-new-layout-design .section--half-color .section__text {
  font-size: 23px;
  line-height: 1.4;
  margin-bottom: 20px
}

@media only screen and (max-width: 1023px) {
  body.page-with-new-layout-design .section--half-color .section__text {
    text-align: left
  }
}

body.page-with-new-layout-design .section--half-color .section__more-btn {
  padding: 10px 0;
  margin-left: 16px;
  margin-right: 16px;
  -webkit-transform: translateX(-16px);
  transform: translateX(-16px);
  font-weight: 300;
  font-size: 25px;
  line-height: 30px
}

body.page-with-new-layout-design .section--half-color .section__more-btn:hover {
  padding: 10px 16px;
  margin-left: 0;
  margin-right: 0
}

body.page-with-new-layout-design .section--half-color .section__sliding-img {
  box-shadow: 0px 2px 9px rgba(0, 0, 0, .18)
}

body.page-with-new-layout-design .section--half-color .section__color-box {
  background: linear-gradient(44.9deg, #582362 0%, #682c74 58.32%, #833a91 100%)
}

@media only screen and (max-width: 1023px) {
  body.page-with-new-layout-design .section--half-color .section__color-box {
    min-width: 30%;
    min-height: 100%
  }
}

@media only screen and (max-width: 1279px) {
  body.page-with-new-layout-design .section--half-color .section__content-container {
    padding-right: 0
  }
}

@media only screen and (max-width: 1023px) {
  body.page-with-new-layout-design .section--half-color .section__content-container {
    width: 50%;
    padding-left: 20px;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

body.page-with-new-layout-design .section--half-color .read-more-btn-w-border {
  border-bottom: none;
  padding: 7px 0;
  transition: background .5s, padding .5s
}

body.page-with-new-layout-design .section--half-color .read-more-btn-w-border:hover {
  padding-left: 15px;
  padding-right: 15px
}

body.page-with-new-layout-design .section--half-color .section__sliding-img--mobile {
  display: none
}

body.page-with-new-layout-design .section--half-color .button--background {
  font-size: 25px;
  line-height: 1.2
}

body.page-with-new-layout-design .section--half-color .button--background:after {
  background-color: #9dc92e
}

body.page-with-new-layout-design .section--half-color .button--background:hover:after {
  display: none
}

body.page-with-new-layout-design .mobile-version .mobile-partners {
  padding-top: 115px
}

body.page-with-new-layout-design .mobile-version .mobile-partners .partners-center-box-title {
  font-size: 25px;
  line-height: 1.33;
  text-align: center;
  margin-bottom: 10px;
  width: 100%;
  padding: 0 20px;
  margin-left: auto;
  margin-right: auto
}

body.page-with-new-layout-design .mobile-version .mobile-partners .partners-primary-text {
  text-align: center;
  margin-bottom: 20px;
  color: #3f3f40;
  width: 100%;
  padding: 0 20px;
  margin-left: auto;
  margin-right: auto
}

body.page-with-new-layout-design .mobile-version .mobile-partners .mobile-partners-slider .slick-center .partners-slider-item .partners-item-wrapper {
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform: scale(1.15);
  transform: scale(1.15)
}

body.page-with-new-layout-design .mobile-version .mobile-partners .mobile-partners-slider .slick-center .partners-slider-item .partners-item-wrapper .partners-item {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%)
}

body.page-with-new-layout-design .mobile-version .mobile-partners .mobile-partners-slider .partners-slider-item {
  padding: 35px 20px
}

@media only screen and (max-width: 979px) {
  body.page-with-new-layout-design .mobile-version .mobile-partners .mobile-partners-slider .partners-slider-item {
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width: 480px) {
  body.page-with-new-layout-design .mobile-version .mobile-partners .mobile-partners-slider .partners-slider-item {
    padding: 35px 20px
  }
}

body.page-with-new-layout-design .mobile-version .mobile-partners .mobile-partners-slider .partners-slider-item .partners-item-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.page-with-new-layout-design .mobile-version .mobile-partners .mobile-partners-slider .partners-slider-item .partners-item-wrapper .partners-item {
  width: calc(50% - 5px);
  text-align: center;
  height: 76px;
  -ms-flex-item-align: center;
  align-self: center;
  display: inline-block;
  box-shadow: 2px 2px 11px rgba(0, 0, 0, .13);
  margin-bottom: 10px
}

@media only screen and (max-width: 480px) {
  body.page-with-new-layout-design .mobile-version .mobile-partners .mobile-partners-slider .partners-slider-item .partners-item-wrapper .partners-item {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
  }
}

body.page-with-new-layout-design .mobile-version .mobile-partners .mobile-partners-slider .partners-slider-item .partners-item-wrapper .partners-item img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
  padding: 5px 10px
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile {
  text-align: center;
  width: 100%;
  position: relative;
  padding-top: 60px;
  background: linear-gradient(180deg, #ffffff 0%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .44)
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-title,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-title {
  font-size: 25px;
  line-height: 1.33;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #4a4a4a;
  margin-bottom: 20px;
  padding: 0 20px
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-text,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-text {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 0 20px
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-box-wrapper,
body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .marketing-solutions-box-wrapper,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-box-wrapper,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .marketing-solutions-box-wrapper {
  padding-top: 40px
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-box,
body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .marketing-solutions-box,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-box,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .marketing-solutions-box {
  position: relative;
  z-index: 2
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-box::-webkit-scrollbar,
body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .marketing-solutions-box::-webkit-scrollbar,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-box::-webkit-scrollbar,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .marketing-solutions-box::-webkit-scrollbar {
  width: 0px;
  background: transparent
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-box::-webkit-scrollbar-thumb,
body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .marketing-solutions-box::-webkit-scrollbar-thumb,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-box::-webkit-scrollbar-thumb,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .marketing-solutions-box::-webkit-scrollbar-thumb {
  background: transparent
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-box::-webkit-scrollbar,
body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .marketing-solutions-box::-webkit-scrollbar,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-box::-webkit-scrollbar,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .marketing-solutions-box::-webkit-scrollbar {
  display: none
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-box .pushing-box-item,
body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .marketing-solutions-box .pushing-box-item,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-box .pushing-box-item,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .marketing-solutions-box .pushing-box-item {
  height: auto;
  width: 244px;
  background-color: #fff;
  padding: 45px 30px 40px 30px;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  z-index: 5
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-box .pushing-box-item:after,
body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .marketing-solutions-box .pushing-box-item:after,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-box .pushing-box-item:after,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .marketing-solutions-box .pushing-box-item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 58px;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 2
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-box .pushing-box-item:before,
body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .marketing-solutions-box .pushing-box-item:before,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-box .pushing-box-item:before,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .marketing-solutions-box .pushing-box-item:before {
  content: "";
  position: absolute;
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  width: 79px;
  top: -33px;
  height: 83px;
  border-radius: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-box .pushing-box-item .pushing-box-item-text,
body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .marketing-solutions-box .pushing-box-item .pushing-box-item-text,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-box .pushing-box-item .pushing-box-item-text,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .marketing-solutions-box .pushing-box-item .pushing-box-item-text {
  display: block;
  position: relative;
  z-index: 3
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-box .pushing-box-item .pushing-box-item-icon,
body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .marketing-solutions-box .pushing-box-item .pushing-box-item-icon,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-box .pushing-box-item .pushing-box-item-icon,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .marketing-solutions-box .pushing-box-item .pushing-box-item-icon {
  position: absolute;
  background-color: #fff;
  top: -33px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 79px;
  height: 83px;
  border-radius: 50%;
  z-index: 7
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .pushing-forward-box .pushing-box-item .pushing-box-item-icon img,
body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .marketing-solutions-box .pushing-box-item .pushing-box-item-icon img,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .pushing-forward-box .pushing-box-item .pushing-box-item-icon img,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .marketing-solutions-box .pushing-box-item .pushing-box-item-icon img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 20;
  margin-top: -15px;
  left: 50%
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .read-more-btn-dark,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .read-more-btn-dark {
  bottom: 0;
  text-align: center;
  max-width: 100%;
  width: 100%;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  padding: 115px 20px 54px 20px;
  z-index: 1;
  margin-top: -73px
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .read-more-btn-dark:hover,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .read-more-btn-dark:hover {
  background-color: #582362
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .read-more-btn-dark .arrow-green-bg,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .read-more-btn-dark .arrow-green-bg {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 56px;
  height: 56px;
  -webkit-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
  background-color: #9dc92e
}

body.page-with-new-layout-design .mobile-version .pushing-forward-mobile .read-more-btn-dark .arrow-green-bg:after,
body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile .read-more-btn-dark .arrow-green-bg:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-white.svg")
}

body.page-with-new-layout-design .mobile-version .marketing-solutions-mobile {
  padding-top: 90px
}

body.page-with-new-layout-design .mobile-version .career-mobile {
  text-align: center;
  padding: 70px 30px 40px 30px;
  position: relative
}

body.page-with-new-layout-design .mobile-version .career-mobile:before {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 283px;
  background: linear-gradient(38.17deg, #704a78 0%, #582362 100%);
  z-index: -1
}

body.page-with-new-layout-design .mobile-version .career-mobile .career-mobile-title {
  font-size: 25px;
  line-height: 1.33;
  margin-bottom: 30px
}

body.page-with-new-layout-design .mobile-version .career-mobile img {
  width: 100%;
  margin-bottom: 30px;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, .18)
}

body.page-with-new-layout-design .mobile-version .career-mobile .career-mobile-text {
  margin-bottom: 20px;
  color: #fff
}

body.page-with-new-layout-design .mobile-version .career-mobile .read-more-btn-w-border {
  color: #fff;
  font-size: 18px;
  line-height: 1.22;
  padding-top: 10px;
  padding-bottom: 10px
}

body.page-with-new-layout-design .mobile-version .mobile-market-box {
  display: -ms-flexbox;
  display: flex
}

body.page-with-new-layout-design .mobile-version .mobile-market-box .market-box-item {
  width: 50%;
  text-align: center;
  position: relative;
  padding: 20px 20px 76px 20px
}

body.page-with-new-layout-design .mobile-version .mobile-market-box .market-box-item:hover {
  text-decoration: none
}

body.page-with-new-layout-design .mobile-version .mobile-market-box .market-box-item .market-box-title {
  font-size: 26px;
  line-height: 1.1;
  color: #fff
}

body.page-with-new-layout-design .mobile-version .mobile-market-box .market-box-item .read-more-btn-white {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all .3s ease
}

body.page-with-new-layout-design .mobile-version .mobile-market-box .market-box-item .read-more-btn-white.hover {
  bottom: 30px
}

@media only screen and (max-width: 979px) {
  body.page-with-new-layout-design .mobile-version .mobile-market-box .market-box-item .read-more-btn-white.hover {
    bottom: 15px
  }
}

body.page-with-new-layout-design .mobile-version .mobile-main-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  transition: margin-top .3s
}

body.page-with-new-layout-design .mobile-version .mobile-top-box {
  position: relative;
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background-size: cover;
  padding: 0;
  background-position: center 0;
  overflow: hidden
}

@media only screen and (max-width: 480px) {
  body.page-with-new-layout-design .mobile-version .mobile-top-box {
    background-size: auto;
    background-position: 57% bottom
  }
}

body.page-with-new-layout-design .mobile-version .mobile-top-box__content {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99
}

body.page-with-new-layout-design .mobile-version .mobile-top-box:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 98;
  background: linear-gradient(99deg, rgba(87, 39, 96, 0.81) 22.56%, rgba(136, 60, 150, 0.81) 100%)
}

body.page-with-new-layout-design .mobile-version .mobile-top-box h1 {
  z-index: 1;
  font-size: 40px;
  line-height: .984;
  margin-bottom: 30px
}

@media only screen and (max-width: 480px) {
  body.page-with-new-layout-design .mobile-version .mobile-top-box h1 {
    padding-top: 20px
  }
}

@media only screen and (max-width: 330px) {
  body.page-with-new-layout-design .mobile-version .mobile-top-box h1 {
    font-size: 30px;
    padding-top: 0
  }
}

body.page-with-new-layout-design .mobile-version .mobile-top-box .primary-text-top-box {
  z-index: 1;
  font-size: 26px;
  line-height: 1.21;
  color: #fff;
  margin-bottom: 20px
}

@media only screen and (max-width: 330px) {
  body.page-with-new-layout-design .mobile-version .mobile-top-box .primary-text-top-box {
    font-size: 20px
  }
}

body.page-with-new-layout-design .mobile-version .mobile-top-box .primary-text-top-box .custom-br {
  display: none
}

body.page-with-new-layout-design .mobile-version .mobile-top-box .wp-spaios-slider-wrap {
  width: 110%;
  min-height: 100%
}

@media only screen and (min-device-width: 375px)and (min-device-height: 812px)and (-webkit-device-pixel-ratio: 3)and (orientation: portrait) {
  body.page-with-new-layout-design .mobile-version .mobile-top-box .wp-spaios-slider-wrap {
    width: 138%
  }
}

@media only screen and (min-device-width: 414px)and (min-device-height: 896px)and (-webkit-device-pixel-ratio: 2)and (orientation: portrait) {
  body.page-with-new-layout-design .mobile-version .mobile-top-box .wp-spaios-slider-wrap {
    width: 138%
  }
}

.button--lime-underline {
  position: relative;
  padding: 10px 0;
  margin-left: 16px;
  margin-right: 16px;
  color: #582362;
  border-radius: 5px;
  background-size: 100% 200%;
  background-image: linear-gradient(to bottom, transparent 50%, #2c99a4 50%);
  transition: .3s all
}

.button--lime-underline:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #2c99a4;
  opacity: 1;
  transition: .3s all
}

.button--lime-underline:hover {
  padding: 10px 16px;
  margin-left: 0;
  margin-right: 0;
  background-position: 0 100%;
  color: #fff;
  text-decoration: none
}

.button--lime-underline:hover:after {
  opacity: 0
}

@media only screen and (max-width: 1279px) {
  .button--lime-underline:hover {
    padding: 10px 0;
    margin-left: 16px;
    margin-right: 16px;
    background-position: 0 0;
    color: #582362
  }

  .button--lime-underline:hover:after {
    opacity: 1
  }
}

.button--lime-underline {
  position: relative;
  padding: 10px 0;
  margin-left: 16px;
  margin-right: 16px;
  color: #582362;
  border-radius: 5px;
  background-size: 100% 200%;
  background-image: linear-gradient(to bottom, transparent 50%, #2c99a4 50%);
  transition: .3s all
}

.button--lime-underline:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #2c99a4;
  opacity: 1;
  transition: .3s all
}

.button--lime-underline:hover {
  padding: 10px 16px;
  margin-left: 0;
  margin-right: 0;
  background-position: 0 100%;
  color: #fff;
  text-decoration: none;
  background-image: linear-gradient(to bottom, transparent 50%, #2c99a4 50%)
}

.button--lime-underline:hover:after {
  opacity: 0
}

@media only screen and (max-width: 1279px) {
  .button--lime-underline:hover {
    padding: 10px 0;
    margin-left: 16px;
    margin-right: 16px;
    background-position: 0 0;
    color: #582362
  }

  .button--lime-underline:hover:after {
    opacity: 1
  }
}

.logo__secondary-link.button--lime-underline {
  padding: 0px 0px;
  line-height: 32px;
  margin: 0 6px
}

.logo__secondary-link.button--lime-underline:hover {
  padding: 0px 6px;
  margin: 0
}

.button-aqua-underline {
  border: none;
  background-color: transparent;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  font-weight: 300;
  text-decoration: none;
  position: relative;
  padding: 10px 0;
  color: #582362;
  border-radius: 5px;
  transition: .3s all;
  line-height: 1;
  z-index: 1
}

.button-aqua-underline:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #2c99a4;
  transition: .3s all;
  z-index: -1;
  border-radius: 0
}

.button-aqua-underline:hover {
  color: #fff;
  text-decoration: none
}

.button-aqua-underline:hover:before {
  left: -16px;
  width: calc(100% + 32px);
  height: 100%;
  border-radius: 5px
}

@media only screen and (max-width: 1279px) {
  .button-aqua-underline:hover {
    color: #582362
  }

  .button-aqua-underline:hover:before {
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 0
  }
}

.button-aqua-underline--white-text {
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .button-aqua-underline--white-text:hover {
    color: #fff
  }
}

.logo__image--dark.hidden,
.logo__image--light.hidden {
  display: none
}

.lock-scroll {
  overflow: hidden
}

.logged-in.admin-bar .menu-wrapper {
  top: 32px
}

@media only screen and (max-width: 979px) {
  .logged-in.admin-bar .menu-wrapper {
    top: 46px
  }
}

@media only screen and (max-width: 979px) {
  .logged-in.admin-bar #wpadminbar {
    position: fixed !important
  }
}

.menu-wrapper {
  width: 100%;
  height: 64px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  transition: .15s box-shadow, top .3s
}

.menu-wrapper br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .menu-wrapper br.desktop {
    display: none
  }
}

.menu-wrapper br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .menu-wrapper br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .menu-wrapper br.tablet {
    display: none
  }
}

.menu-wrapper br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .menu-wrapper br.mobile {
    display: block
  }
}

.menu-wrapper:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #fff;
  opacity: 0;
  transition: .2s opacity linear
}

@media only screen and (max-width: 1279px) {
  .menu-wrapper.menu-wrapper--mobile-menu-active:after {
    opacity: 1
  }

  .menu-wrapper.menu-wrapper--mobile-menu-active .menu-toggler__icon {
    background-image: url("/wp-content/themes/prodege_theme/img/hamburger-purple.svg")
  }

  .menu-wrapper.menu-wrapper--mobile-menu-active .menu-toggler__icon-close {
    background-image: url("/wp-content/themes/prodege_theme/img/close-purple.svg")
  }

  .menu-wrapper.menu-wrapper--mobile-menu-active .logo__image--dark {
    display: block
  }

  .menu-wrapper.menu-wrapper--mobile-menu-active .logo__image--light {
    display: none
  }

  .menu-wrapper.menu-wrapper--mobile-menu-active .menu-wrapper__overlay {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .menu-wrapper--bg-purple .menu-toggler__icon {
    background-image: url("/wp-content/themes/prodege_theme/img/hamburger-purple.svg")
  }

  .menu-wrapper--bg-purple .menu-toggler__icon-close {
    background-image: url("/wp-content/themes/prodege_theme/img/close-purple.svg")
  }

  .menu-wrapper--bg-purple .logo__image--dark {
    display: block
  }

  .menu-wrapper--bg-purple .logo__image--light {
    display: none
  }
}

.menu-wrapper__overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100vh;
  z-index: -1;
  margin-top: 64px;
  background-color: rgba(108, 108, 108, .5)
}

.menu-wrapper .menu-wrapper__container.container-custom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

@media only screen and (max-width: 979px) {
  .menu-wrapper .menu-wrapper__container.container-custom {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px
  }
}

.menu-wrapper--bg-white .menu__link,
.menu-wrapper--active-before-close .menu__link,
.menu-wrapper--opened .menu__link,
.menu-wrapper--scrolled .menu__link {
  color: #582362
}

.menu-wrapper--bg-white .menu__item.menu__item--active .menu__link,
.menu-wrapper--active-before-close .menu__item.menu__item--active .menu__link,
.menu-wrapper--opened .menu__item.menu__item--active .menu__link,
.menu-wrapper--scrolled .menu__item.menu__item--active .menu__link {
  color: #582362
}

.menu-wrapper--bg-white .menu__item--has-children .menu__link:after,
.menu-wrapper--active-before-close .menu__item--has-children .menu__link:after,
.menu-wrapper--opened .menu__item--has-children .menu__link:after,
.menu-wrapper--scrolled .menu__item--has-children .menu__link:after {
  background-image: url("/wp-content/themes/prodege_theme/img/down-purple.svg")
}

.menu-wrapper--bg-white .menu__item.menu__item--inverted,
.menu-wrapper--active-before-close .menu__item.menu__item--inverted,
.menu-wrapper--opened .menu__item.menu__item--inverted,
.menu-wrapper--scrolled .menu__item.menu__item--inverted {
  background-color: #582362
}

.menu-wrapper--bg-white .menu__item.menu__item--inverted .menu__link,
.menu-wrapper--active-before-close .menu__item.menu__item--inverted .menu__link,
.menu-wrapper--opened .menu__item.menu__item--inverted .menu__link,
.menu-wrapper--scrolled .menu__item.menu__item--inverted .menu__link {
  color: #fff
}

.menu-wrapper--bg-white .menu__item.menu__item--inverted:hover .menu__link,
.menu-wrapper--active-before-close .menu__item.menu__item--inverted:hover .menu__link,
.menu-wrapper--opened .menu__item.menu__item--inverted:hover .menu__link,
.menu-wrapper--scrolled .menu__item.menu__item--inverted:hover .menu__link {
  color: #fff
}

.menu-wrapper--bg-white .menu-toggler__icon,
.menu-wrapper--active-before-close .menu-toggler__icon,
.menu-wrapper--opened .menu-toggler__icon,
.menu-wrapper--scrolled .menu-toggler__icon {
  background-image: url("/wp-content/themes/prodege_theme/img/hamburger-purple.svg")
}

.menu-wrapper--bg-white .menu-toggler__icon-close,
.menu-wrapper--active-before-close .menu-toggler__icon-close,
.menu-wrapper--opened .menu-toggler__icon-close,
.menu-wrapper--scrolled .menu-toggler__icon-close {
  background-image: url("/wp-content/themes/prodege_theme/img/close-purple.svg")
}

.menu-wrapper--opened,
.menu-wrapper--active-before-close,
.menu-wrapper--scrolled {
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

.menu-wrapper--opened .logo__image--dark,
.menu-wrapper--active-before-close .logo__image--dark,
.menu-wrapper--scrolled .logo__image--dark {
  display: block
}

.menu-wrapper--opened .logo__image--light,
.menu-wrapper--active-before-close .logo__image--light,
.menu-wrapper--scrolled .logo__image--light {
  display: none
}

.menu-wrapper--opened:after,
.menu-wrapper--active-before-close:after,
.menu-wrapper--scrolled:after {
  opacity: 1;
  transition: .3s opacity linear
}

@media only screen and (max-width: 991px) {
  .menu-wrapper--991-bg-white .menu-toggler__icon {
    background-image: url("/wp-content/themes/prodege_theme/img/hamburger-purple.svg")
  }

  .menu-wrapper--991-bg-white .menu-toggler__icon-close {
    background-image: url("/wp-content/themes/prodege_theme/img/close-purple.svg")
  }
}

@media only screen and (max-width: 991px) {
  .menu-wrapper--bg-white .logo__image--dark {
    display: block
  }

  .menu-wrapper--bg-white .logo__image--light {
    display: none
  }
}

.logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.logo__image {
  height: 41px
}

@media only screen and (max-width: 979px) {
  .logo__image {
    height: 34px
  }
}

.menu {
  -ms-flex: 1;
  flex: 1;
  height: 100%
}

@media only screen and (max-width: 1279px) {
  .menu {
    display: none
  }
}

.menu .menu__item {
  padding: 0 20px
}

.menu .menu__item--has-children {
  padding-right: 24px
}

.footer__links {
  display: none
}

.menu__list {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  padding-left: 0;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%
}

.menu__list .menu__item--active .sub-menu__item {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.sub-menu__item--products {
  padding-bottom: 50px
}

.menu__link {
  position: relative;
  color: #fff;
  text-align: right;
  cursor: pointer
}

.menu__link:hover {
  text-decoration: none
}

.menu__link:before {
  content: attr(title);
  display: block;
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden
}

.menu__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-size: 16px;
  transition: .5s all
}

.menu__item.menu__item--active .menu__link {
  color: #fff;
  font-weight: bold
}

.menu__item.menu__item--inverted {
  padding: 0 26px;
  margin-left: 20px;
  background-color: #fff
}

.menu__item.menu__item--inverted .menu__link {
  color: #582362;
  font-weight: bold
}

.menu__item.menu__item--inverted:hover {
  background-color: #2c99a4
}

.menu__item.menu__item--inverted:hover .menu__link {
  color: #fff
}

.menu-panel {
  position: absolute;
  top: 100%;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 390px;
  z-index: -1;
  font-weight: 300;
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
  transition: box-shadow .2s linear, -webkit-transform .5s;
  transition: transform .5s, box-shadow .2s linear;
  transition: transform .5s, box-shadow .2s linear, -webkit-transform .5s;
  box-shadow: none;
  background-color: #fff
}

.menu-panel .menu-panel__wrapper {
  max-width: 1550px;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.menu-panel .menu-panel__description {
  margin-top: 25px;
  line-height: 140%;
  font-size: 23px;
  color: #4e4e4e;
  padding-right: 8px
}

.menu-panel--products {
  height: auto;
  overflow: auto
}

.menu-panel:not(.menu-panel--products) .sub-menu .sub-menu__item {
  -ms-flex: 1;
  flex: 1
}

@media only screen and (max-width: 1279px) {
  .menu-panel:not(.menu-panel--products) .sub-menu .sub-menu__item {
    -ms-flex: none;
    flex: none
  }
}

.menu__item--has-children .menu__link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -27px;
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("/wp-content/themes/prodege_theme/img/down-white.svg");
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: .5s all
}

.menu__item--has-children.menu__item--active .menu__link:after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg)
}

.menu__item--has-children.menu__item--active .menu-panel {
  bottom: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, .15);
  transition: box-shadow .2s linear .2s, -webkit-transform .4s ease-out;
  transition: transform .4s ease-out, box-shadow .2s linear .2s;
  transition: transform .4s ease-out, box-shadow .2s linear .2s, -webkit-transform .4s ease-out
}

.menu__item--has-children.menu__item--active .menu-panel:before {
  content: "";
  position: absolute;
  width: 100vw;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  height: 10px;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, .2);
  z-index: 1
}

.menu-panel__info {
  -ms-flex: 11;
  flex: 11;
  padding-top: 72px;
  padding-bottom: 98px;
  padding-left: 0;
  padding-right: 35px;
  background-color: #fff;
  max-width: 33%
}

.menu-panel__title {
  display: block;
  font-size: 36px;
  color: #582362
}

.menu-panel__title--link:hover {
  color: #2c99a4;
  text-decoration: none
}

.menu-panel__title--link:hover.menu-panel__title--arrow:after {
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-aqua.svg")
}

.menu-panel__title--arrow:after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-bottom: -6px;
  margin-left: 12px;
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-purple.svg");
  background-repeat: no-repeat
}

.menu-panel__form-wrapper {
  position: relative
}

.menu-panel__form-wrapper .mc4wp-response {
  display: none
}

.menu-panel__form-success,
.menu-panel__form-error {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  color: #fff;
  font-size: 16px;
  background-color: #582362
}

.menu-panel__form-success.flex,
.menu-panel__form-error.flex {
  display: -ms-flexbox;
  display: flex
}

.menu-panel__form-success {
  padding-right: 38px
}

.menu-panel__form-success:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 8px;
  width: 22px;
  height: 22px;
  background-image: url("/wp-content/themes/prodege_theme/img/ok-white.svg")
}

.menu-panel__sub-title {
  display: block;
  margin-top: 24px;
  font-size: 23px;
  color: #582362
}

.sub-menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 24;
  flex: 24;
  padding-left: 0;
  list-style-type: none;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.sub-menu--products {
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: auto;
  max-width: 726px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.sub-menu .sub-menu__item {
  padding: 76px 42px;
  padding-bottom: 30px;
  padding-top: 86px
}

.sub-menu .sub-menu__item-description {
  font-size: 18px;
  margin-top: 28px
}

.sub-menu,
.menu-panel__info {
  overflow: auto;
  max-height: calc(100vh - 64px)
}

@media only screen and (max-width: 1279px) {

  .sub-menu,
  .menu-panel__info {
    max-height: none
  }
}

.sub-menu__item--products,
.sub-menu__item--products-two {
  transition: none !important;
  -webkit-transform: none !important;
  transform: none !important
}

.sub-menu__item {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}

.sub-menu__item:not(.sub-menu .sub-menu__item--products) {
  padding-top: 79px
}

.sub-menu__item:nth-child(3n+1) {
  background-color: #fff;
  padding-right: 0;
  -ms-flex: 1.6 !important;
  flex: 1.6 !important
}

.sub-menu__item:nth-child(3n+1):not(.sub-menu .sub-menu__item--products) {
  max-width: 305px;
  padding-left: 0%
}

.sub-menu__item:nth-child(3n+2) {
  background-color: #fff
}

.sub-menu__item:nth-child(3n+2):not(.sub-menu .sub-menu__item--products-two) {
  max-width: 266px
}

.sub-menu__item:nth-child(3n+3) {
  background-color: #fff;
  padding-right: 0;
  max-width: 240px
}

.sub-menu__item:hover,
.sub-menu__item:focus {
  background-color: #fff
}

.sub-menu__item:hover .sub-menu__item-link:after,
.sub-menu__item:focus .sub-menu__item-link:after {
  right: 57px;
  right: calc(33px + 8%)
}

.sub-menu__item--products {
  background-color: #fff !important
}

.sub-menu__item--products.sub-menu__item:nth-child(3n+1) {
  max-width: 100%;
  position: relative
}

.sub-menu__item--products::after {
  content: "";
  width: 85%;
  margin: auto;
  height: 4px;
  background: rgba(74, 74, 74, .1);
  position: absolute;
  bottom: 0%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  opacity: .4
}

.sub-menu__item--products-two {
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 165px;
  padding-top: 75px !important;
  background-color: #fff
}

.sub-menu__item--products-two:hover {
  background-color: #fff
}

.sub-menu .sub-menu__item--products-two {
  padding-top: 7px !important;
  padding-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 12px;
  -webkit-column-gap: 16%;
  -moz-column-gap: 16%;
  column-gap: 16%;
  row-gap: 15px;
  padding-bottom: 86px;
  width: 100%
}

.sub-menu__item-link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.sub-menu__item-link + .sub-menu__item-title--arrow {
  position: relative;
  white-space: nowrap
}

.sub-menu__item-link + .sub-menu__item-title--arrow:after {
  content: "";
  display: inline-block;
  margin-bottom: -10px;
  margin-left: 12px;
  width: 38px;
  height: 38px;
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-aqua.svg");
  background-repeat: no-repeat;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: all 300ms
}

@media only screen and (max-width: 1439px) {
  .sub-menu__item-link + .sub-menu__item-title--arrow:after {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.sub-menu__item-link + .sub-menu__item-title--arrow:hover {
  color: #292c49;
  text-decoration: none
}

.sub-menu__item-link + .sub-menu__item-title--arrow:hover:after {
  -webkit-transform: translateX(10px);
  transform: translateX(10px)
}

.sub-menu__item-title {
  font-size: 26px;
  font-weight: bold;
  color: #582362
}

.menu__item:first-child .sub-menu__item-title:not(.sub-menu__item-title--products) {
  font-size: 18px;
  line-height: 140.4%
}

.sub-menu__item-title--products {
  font-size: 26px
}

.sub-menu__item--text-sm .sub-menu__item-title {
  font-size: 18px;
  line-height: 140.4%
}

.sub-menu__item--text-sm .sub-sub-menu__item-link {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%
}

.sub-sub-menu {
  padding-left: 0;
  list-style-type: none;
  line-height: 1.75
}

.sub-sub-menu--products {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -8px;
  -webkit-column-gap: 16%;
  -moz-column-gap: 16%;
  column-gap: 16%;
  row-gap: 11px;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.sub-sub-menu .sub-sub-menu__item {
  padding-top: 15px
}

.sub-sub-menu--products-two {
  width: 42%;
  padding-top: 0
}

.sub-sub-menu--products-two:nth-child(2n+2) {
  max-width: 281px
}

.sub-sub-menu__item--products {
  width: 42%
}

.sub-sub-menu__item--products:nth-child(2n+2) {
  max-width: 281px
}

.sub-sub-menu__title--products-two {
  font-size: 26px;
  color: #582362;
  font-weight: 700
}

.sub-sub-menu__text--products-two {
  font-size: 16px;
  color: #4a4a4a;
  line-height: 23px;
  max-width: 271px;
  width: 100%;
  margin-top: -16px;
  min-height: 90px
}

.sub-sub-menu__item-text--products {
  font-size: 16px;
  line-height: 22px;
  color: #4a4a4a;
  margin-bottom: 0
}

.sub-sub-menu__button--products-two {
  max-width: 250px;
  width: 100%;
  padding-top: 0px !important
}

.sub-sub-menu__item-link {
  position: relative;
  z-index: 1;
  display: inline-block;
  font-size: 18px;
  color: #2c99a4;
  font-weight: 600
}

.sub-sub-menu__item-link:hover,
.sub-sub-menu__item-link:focus {
  color: #292c49;
  text-decoration: none
}

.menu__item:first-child .sub-sub-menu__item-link {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%
}

.sub-sub-menu__item-link.menu-item__nowrap {
  white-space: nowrap
}

.sub-sub-menu__item-link.menu-item__nowrap--desktop {
  white-space: nowrap
}

@media only screen and (max-width: 1279px) {
  .sub-sub-menu__item-link.menu-item__nowrap--desktop {
    white-space: normal
  }
}

.sub-sub-menu__item-link--products {
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 143.1%
}

.sub-sub-menu__item-link--products-two {
  background-color: #2c99a4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 23px !important;
  font-weight: 300;
  padding: 24px 87px 25px 22px;
  margin-top: 20px;
  transition: .3s ease
}

.sub-sub-menu__item-link--products-two::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 54px;
  height: 54px;
  background-image: url(/wp-content/themes/prodege_theme/img/arrow-white.svg);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all .3s;
  pointer-events: none;
  transform: translateY(-50%)
}

.sub-sub-menu__item-link--products-two:hover {
  background-color: #292c49;
  transition: .3s ease;
  color: #fff
}

.sub-sub-menu__item-link--products-two:hover::after {
  right: 12px;
  transition: .3s ease
}

.menu-toggler {
  display: none;
  margin-left: auto;
  width: 24px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: none
}

@media only screen and (max-width: 1279px) {
  .menu-toggler {
    display: block
  }
}

.menu-toggler.menu-toggler--active .menu-toggler__icon {
  display: none
}

.menu-toggler.menu-toggler--active .menu-toggler__icon-close {
  display: block;
  display: block;
  width: 36px;
  height: 36px;
  top: -5px;
  right: 5px;
  position: relative;
  background-size: cover
}

.menu-toggler__icon {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/themes/prodege_theme/img/hamburger-white.svg");
  background-repeat: no-repeat
}

.menu-toggler__icon-close {
  display: none;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/themes/prodege_theme/img/close-white.svg");
  background-repeat: no-repeat
}

.mobile-menu-wrapper {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 1;
  display: none;
  height: 100vh;
  width: 610px;
  padding-top: 64px
}

@media only screen and (max-width: 1279px) {
  .mobile-menu-wrapper {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .mobile-menu-wrapper {
    width: 270px
  }
}

.mobile-menu {
  display: block;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  transition: -webkit-transform .31s linear .3s;
  transition: transform .31s linear .3s;
  transition: transform .31s linear .3s, -webkit-transform .31s linear .3s
}

.mobile-menu.mobile-menu--active {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.mobile-menu.mobile-menu--active:before {
  content: "";
  position: absolute;
  top: -10px;
  width: 100%;
  height: 10px;
  z-index: 1;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

.mobile-menu.mobile-menu--active .mobile-menu__item {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.mobile-menu.mobile-menu--active .mobile-menu__item.active .mobile-menu__link--products {
  font-weight: 700
}

.mobile-menu.mobile-menu--active .mobile-menu-grid {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.mobile-menu__list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%
}

.mobile-menu__list .mobile-menu__link {
  padding: 16px 46px
}

@media only screen and (max-width: 979px) {
  .mobile-menu__list .mobile-menu__link {
    padding: 6px 22px
  }
}

.mobile-menu__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px 0
}

@media only screen and (max-width: 979px) {
  .mobile-menu__item {
    padding: 11px 0
  }
}

.mobile-menu__item:nth-child(7n+1) {
  background-color: #fff
}

.mobile-menu__item:nth-child(7n+2) {
  background-color: #fff
}

.mobile-menu__item:nth-child(7n+3) {
  background-color: #fff
}

.mobile-menu__item:nth-child(7n+4) {
  background-color: #fff
}

.mobile-menu__item:nth-child(7n+5) {
  background-color: #fff
}

.mobile-menu__item:nth-child(7n+6) {
  background-color: #fff;
  color: #fff
}

.mobile-menu__item:nth-child(7n+7) {
  background-color: #441e4b
}

.mobile-menu__item:nth-child(7n+7) .mobile-menu__link {
  color: #fff;
  display: block;
  text-align: center
}

.mobile-menu__item:nth-child(7n+7) .mobile-menu__link:after {
  display: none
}

.mobile-menu__item:nth-child(7n+7) .mobile-menu__link:hover {
  color: #fff !important
}

.mobile-menu__item:nth-child(7n+8) {
  background-color: #fff
}

.mobile-menu__item:nth-child(7n+9) {
  background-color: #fff
}

.mobile-menu__item:nth-child(7n+10) {
  background-color: #1c1b30
}

.mobile-menu__item.active .mobile-menu-content-list--products {
  opacity: 1;
  transition: .5s ease
}

.mobile-menu__item.active .mobile-menu__link--products::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  transition: .5s ease
}

.mobile-menu-content-list--products {
  min-height: auto !important;
  width: 100%;
  padding-left: 46px;
  max-height: 0;
  transition: .5s;
  opacity: 0
}

@media only screen and (max-width: 979px) {
  .mobile-menu-content-list--products {
    padding-left: 20px
  }
}

.mobile-menu-content-list__item--products {
  padding: 21px 0px;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 500
}

.mobile-menu-content-list__item--products::after {
  content: "";
  background: rgba(74, 74, 74, .1);
  height: 4px;
  position: absolute;
  bottom: 0;
  width: 87%;
  left: 44%;
  opacity: .4;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 979px) {
  .mobile-menu-content-list__item--products::after {
    height: 2px
  }
}

.mobile-menu-content-list__item--products:last-child {
  margin-bottom: 6px
}

.mobile-menu-content-list__item--products:last-child::after {
  content: none
}

@media only screen and (max-width: 979px) {
  .mobile-menu-content-list__item--products {
    font-size: 14px;
    padding: 12px 0px;
    padding-right: 18px
  }
}

.mobile-menu-content-list__item--link--products {
  color: #2c99a4 !important;
  text-decoration: none !important
}

.mobile-menu__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 23px;
  color: #582362;
  font-weight: 300;
  font-size: 40px;
  line-height: 111.4%;
  position: relative
}

@media only screen and (max-width: 979px) {
  .mobile-menu__link {
    font-size: 20px;
    line-height: 111.4%
  }
}

.mobile-menu__link:hover,
.mobile-menu__link:focus {
  color: #582362 !important;
  text-decoration: none !important
}

.mobile-menu__link::after {
  content: url("/wp-content/themes/prodege_theme/img/down-purple.svg");
  position: absolute;
  right: 15%;
  -webkit-transform: translateY(-50%) rotate(270deg);
  transform: translateY(-50%) rotate(270deg);
  top: 50%;
  width: 8%;
  transition: .5s
}

@media only screen and (max-width: 979px) {
  .mobile-menu__link::after {
    width: 10%;
    right: 2%
  }
}

.mobile-menu-grid {
  background-color: #fff;
  padding: 53px 46px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -ms-flex-positive: 2;
  flex-grow: 2
}

.mobile-menu-grid__inner {
  display: -ms-flexbox;
  display: flex;
  gap: 57px 32px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 979px) {
  .mobile-menu-grid {
    -ms-flex: auto;
    flex: auto;
    padding: 28px 20px
  }

  .mobile-menu-grid__inner {
    gap: 20px 18px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.mobile-menu-grid-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex: 0 0 calc(50% - 16px);
  flex: 0 0 calc(50% - 16px)
}

@media only screen and (max-width: 979px) {
  .mobile-menu-grid-item {
    -ms-flex: 0 0 calc(50% - 9px);
    flex: 0 0 calc(50% - 9px)
  }
}

.mobile-menu-grid-item__title {
  color: #582362;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 8px
}

@media only screen and (max-width: 1279px) {
  .mobile-menu-grid-item__title {
    margin-bottom: 16px
  }
}

@media only screen and (max-width: 979px) {
  .mobile-menu-grid-item__title {
    font-size: 11px;
    margin-bottom: 8px
  }
}

.mobile-menu-grid-item__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  color: #fff;
  min-height: 103px;
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%
}

@media only screen and (max-width: 1279px) {
  .mobile-menu-grid-item__text {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .mobile-menu-grid-item__text {
    display: none
  }
}

.mobile-menu-grid-item__btn {
  color: #fff;
  font-size: 20px;
  background: #2c99a4;
  position: relative;
  padding: 18px 80px 20px 20px;
  transition: .3s ease
}

.mobile-menu-grid-item__btn::after {
  content: url(/wp-content/themes/prodege_theme/img/arrow-white.svg);
  position: absolute;
  top: 51%;
  -webkit-transform: translateY(-50%) scale(0.2);
  transform: translateY(-50%) scale(0.2);
  transition: .3s ease;
  width: 100%;
  left: 30%
}

@media only screen and (max-width: 979px) {
  .mobile-menu-grid-item__btn::after {
    -webkit-transform: translateY(-50%) scale(0.15);
    transform: translateY(-50%) scale(0.15);
    left: 35%;
    top: 52%;
    max-width: 98px
  }
}

.mobile-menu-grid-item__btn:hover {
  color: #fff;
  transition: .3s ease;
  text-decoration: none
}

.mobile-menu-grid-item__btn:hover::after {
  transition: .3s ease;
  left: 35%
}

@media only screen and (max-width: 1279px) {
  .mobile-menu-grid-item__btn {
    max-width: 214px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}

@media only screen and (max-width: 979px) {
  .mobile-menu-grid-item__btn {
    font-size: 12px;
    padding: 10px 30px 10px 6px;
    max-width: 105px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}

.foot {
  position: relative;
  width: 100%;
  z-index: 50;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

.foot-nav {
  width: 100%;
  position: relative
}

.foot .foot-nav .foot-nav__container {
  display: -ms-flexbox;
  display: flex;
  padding: 52px 0 65px
}

@media only screen and (max-width: 1279px) {
  .foot .foot-nav .foot-nav__container {
    min-width: 821px;
    padding-bottom: 20px
  }
}

@media only screen and (max-width: 979px) {
  .foot .foot-nav .foot-nav__container {
    padding: 0 16px;
    width: 100%
  }
}

.foot-social {
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: calc(16% + 3px);
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .foot-social {
    margin-right: 20px;
    max-width: 100%;
    width: auto
  }
}

.foot-social .foot-social__logo {
  width: 157px;
  display: block
}

@media only screen and (max-width: 979px) {
  .foot-social .foot-social__logo {
    display: none
  }
}

.foot-social .foot-social__logo-img {
  width: 100%
}

.foot-social__buttons {
  margin-top: 22px;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 1279px) {
  .foot-social__buttons {
    margin-top: 22px
  }
}

@media only screen and (max-width: 979px) {
  .foot-social__buttons {
    margin: 22px 0 7px
  }
}

.foot-social__buttons .foot-social__link {
  margin-right: 15px;
  border-radius: 50%;
  height: auto;
  width: auto
}

.foot-social__buttons .foot-social__link:last-child {
  margin-right: 0
}

@media only screen and (max-width: 1279px) {
  .foot-social__buttons .foot-social__link {
    height: auto;
    width: auto
  }
}

@media only screen and (max-width: 979px) {
  .foot-social__buttons .foot-social__link {
    background-color: #582362;
    height: 45px;
    width: 45px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 12px
  }
}

.foot-social__icon {
  color: #2c99a4;
  font-size: 32px;
  transition: all .3s;
  display: inline-block;
  line-height: 1
}

.foot-social__icon:hover {
  color: #292c49
}

@media only screen and (max-width: 979px) {
  .foot-social__icon:hover {
    color: #fff
  }
}

@media only screen and (max-width: 979px) {
  .foot-social__icon {
    font-size: 32px;
    color: #fff;
    display: inline-block;
    line-height: 1
  }
}

.foot-social__icon:before {
  margin: 0
}

.foot-menu {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none
}

@media only screen and (max-width: 1279px) {
  .foot-menu {
    gap: 35px 0;
    display: grid;
    -ms-flex-align: start;
    align-items: start;
    grid-template-columns: 1fr 1.3fr 1.5fr
  }
}

@media only screen and (max-width: 979px) {
  .foot-menu {
    display: none
  }
}

.foot-menu .foot-menu__item {
  margin: 0;
  margin-left: 18px
}

.foot-menu .foot-menu__item:last-child {
  margin-left: 16px
}

@media(max-width: 1440px) {
  .foot-menu .foot-menu__item {
    margin-left: 14px
  }

  .foot-menu .foot-menu__item:last-child {
    margin-left: 13px
  }
}

@media(max-width: 1339px) {
  .foot-menu .foot-menu__item {
    margin-left: 24px
  }
}

.foot-menu .foot-menu__item:first-child {
  max-width: 146px;
  width: 100%
}

.foot-menu .foot-menu__item:nth-child(2) {
  max-width: 204px;
  width: 100%;
  margin-left: 0
}

.foot-menu .foot-menu__item:nth-child(3) {
  max-width: 255px;
  width: 100%
}

.foot-menu .foot-menu__item:nth-child(4) {
  max-width: 94px;
  width: 100%
}

.foot-menu .foot-menu__item:nth-child(5) {
  max-width: 114px;
  width: 100%
}

.foot-menu .foot-menu__item:last-child {
  width: 100%;
  max-width: 65px
}

@media only screen and (max-width: 1279px) {
  .foot-menu .foot-menu__item {
    width: 32%;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 35px;
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .foot-menu .foot-menu__item:last-child {
    margin-right: auto
  }
}

.foot-menu .foot-menu__item:last-child > a,
.foot-menu .foot-menu__item .foot-menu__link--hidden {
  font-size: 0;
  opacity: 0;
  line-height: 19px
}

@media only screen and (max-width: 1279px) {
  .foot-menu .foot-menu__item:nth-child(3n+3) {
    max-width: 160px
  }
}

@media only screen and (max-width: 1279px) {
  .foot-menu .foot-menu__item:nth-child(3) {
    max-width: 255px
  }
}

@media(max-width: 1070px) {
  .foot-menu .foot-menu__item:nth-child(3) {
    margin-right: 0
  }
}

@media only screen and (max-width: 1279px) {
  .foot-menu .foot-menu__item:nth-child(2) br {
    display: none
  }
}

@media only screen and (max-width: 1279px) {
  .foot-menu .foot-menu__item:first-child > a {
    max-width: 100%
  }
}

.foot-menu__link {
  display: block;
  max-width: 150px;
  font-size: 14px;
  font-weight: bold;
  color: #582362;
  line-height: 140%;
  transition: all .3s
}

.foot-menu__link:hover {
  color: #2c99a4;
  text-decoration: none
}

.foot-menu__link.foot-menu__link--text:hover {
  color: #582362
}

.foot-menu__item .foot-menu__subitems {
  margin: 12px 0 0;
  padding: 0;
  list-style-type: none
}

.foot-menu__subitem {
  line-height: 1
}

.foot-menu__subitem:not(:last-child) {
  margin-bottom: 2px
}

.foot-menu__sublink {
  font-size: 12px;
  line-height: 143%;
  font-weight: 300;
  color: #000;
  transition: all .3s
}

.foot-menu__sublink:hover {
  color: #2c99a4;
  text-decoration: none
}

.foot-copyrights {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 48px;
  background-color: #582362;
  color: #fff
}

@media only screen and (max-width: 1549px) {
  .foot-copyrights {
    height: 64px
  }
}

@media only screen and (max-width: 979px) {
  .foot-copyrights {
    height: auto;
    background-color: #fff;
    color: #4e4e4e
  }
}

.foot .foot-copyrights .foot-copyrights__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-weight: 300;
  font-size: 12px;
  line-height: 143%
}

@media only screen and (max-width: 979px) {
  .foot .foot-copyrights .foot-copyrights__container {
    padding: 10px 16px 15px;
    width: 100%;
    line-height: 246.1%
  }
}

.foot-legal {
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  padding: 12px 0;
  margin: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 30px
}

@media only screen and (max-width: 1023px) {
  .foot-legal {
    margin-right: 10px
  }
}

@media only screen and (max-width: 991px) {
  .foot-legal {
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0;
    padding: 0
  }
}

.footer-slim .foot-legal {
  margin-right: auto;
  margin-left: auto
}

.foot-legal .foot-legal__item {
  margin: 0 0 0 5px;
  line-height: 20px;
  font-size: 10px
}

@media only screen and (max-width: 991px) {
  .foot-legal .foot-legal__item {
    line-height: 204%;
    font-size: 12px
  }
}

.foot-legal .foot-legal__item:before {
  content: "| ";
  position: relative;
  z-index: 0;
  margin-right: 2px
}

.foot-legal .foot-legal__item:first-child:before {
  display: none
}

.foot-legal--legal-short {
  margin: auto
}

@media only screen and (max-width: 979px) {
  .foot-legal--legal-short {
    margin: 20px auto 15px
  }

  .foot-legal--legal-short .foot-legal__item:nth-child(2):after {
    content: ""
  }

  .foot-legal--legal-short .foot-legal__item:nth-child(3) {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 16px
  }
}

.foot-legal__text {
  position: relative;
  z-index: 2
}

.foot-legal__link {
  color: #fff;
  transition: all .3s;
  position: relative;
  z-index: 2
}

.foot-legal__link:hover {
  color: #2c99a4;
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .foot-legal__link:hover {
    color: #fff
  }
}

@media only screen and (max-width: 979px) {
  .foot-legal__link:hover {
    color: #4e4e4e
  }
}

@media only screen and (max-width: 979px) {
  .foot-legal__link {
    color: #4e4e4e
  }
}

.foot-legal__link.opt-out_icon {
  padding-right: 25px;
  position: relative
}

.foot-legal__link.opt-out_icon:after {
  content: "";
  position: absolute;
  right: 0px;
  width: 20px;
  height: 9px;
  top: 2px;
  background-image: url("/wp-content/themes/prodege_theme/img/privacyoptions.svg")
}

@media only screen and (max-width: 979px) {
  .foot-legal__link.opt-out_icon:after {
    top: 4px
  }
}

.foot-copyrights .foot-copyrights__contact {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-left: auto;
  padding: 0 22px;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  z-index: 1
}

.foot-copyrights .foot-copyrights__contact span {
  margin-top: -9px
}

.foot-copyrights .foot-copyrights__contact:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 121%;
  width: 100%;
  background-color: #2c99a4;
  z-index: -1;
  transition: all .3s
}

@media only screen and (max-width: 979px) {
  .foot-copyrights .foot-copyrights__contact:before {
    height: 100%
  }
}

.foot-copyrights .foot-copyrights__contact:hover {
  text-decoration: none
}

.foot-copyrights .foot-copyrights__contact:hover:before {
  background-color: #292c49
}

@media only screen and (max-width: 1279px) {
  .foot-copyrights .foot-copyrights__contact:hover:before {
    background-color: #2c99a4
  }
}

@media only screen and (max-width: 1279px) {
  .foot-copyrights .foot-copyrights__contact span {
    margin-top: -12px
  }
}

@media only screen and (max-width: 979px) {
  .foot-copyrights .foot-copyrights__contact {
    position: absolute;
    top: 22px;
    right: 16px;
    height: 45px;
    width: 117px
  }

  .foot-copyrights .foot-copyrights__contact span {
    margin-top: 0
  }
}

.popup {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 50000;
  display: none;
  overflow-x: hidden;
  overflow-y: scroll
}

.popup__overlay {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(25, 27, 35, .86);
  cursor: pointer
}

.popup__wrapper-inner {
  position: relative;
  width: 720px;
  padding: 42px 32px 32px;
  text-align: left;
  margin: 120px auto 50px;
  position: relative;
  z-index: 2;
  background: #fff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .1);
  border-radius: 10px
}

.popup__inner {
  padding: 0
}

.popup__inner iframe {
  max-width: 100%;
  width: 100%
}

.popup__inner .submitted-message {
  font-size: 30px;
  line-height: 1.25;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .popup__inner .submitted-message {
    font-size: 26px
  }
}

@media only screen and (max-width: 979px) {
  .popup__inner .submitted-message {
    font-size: 16px
  }
}

.popup__close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: transparent;
  background-image: url("/wp-content/themes/prodege_theme/img/close-purple.svg");
  cursor: pointer;
  border: none;
  background-size: contain;
  transition: all 300ms;
  z-index: 100
}

.popup__close:hover {
  border-color: #292c49
}

.popup.popup-vimeo .popup-wrapper-inner {
  text-align: left;
  border-radius: 0;
  position: relative;
  z-index: 2;
  background: #fff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .1);
  width: 912px;
  height: 514px;
  max-width: 90%;
  padding: 15px 27px;
  margin: 120px auto 50px
}

@media only screen and (max-width: 1279px) {
  .popup.popup-vimeo .popup-wrapper-inner {
    width: 786px;
    height: 443px;
    margin: 60px auto 30px
  }
}

@media only screen and (max-width: 979px) {
  .popup.popup-vimeo .popup-wrapper-inner {
    width: 100vw;
    height: 56.6vw;
    margin: 40px auto 10px;
    padding: 8px;
    max-width: none;
    max-height: calc(100% - 50px)
  }
}

.popup-vimeo .in,
.popup-vimeo iframe {
  width: 100%;
  height: 100%
}

.popup-vimeo .popup-close-small {
  top: -28px;
  right: -28px
}

@media only screen and (max-width: 979px) {
  .popup-vimeo .popup-close-small {
    top: -30px;
    right: 2px
  }
}

.popup.popup-vimeo--wide .popup-wrapper-inner {
  width: 100%;
  max-width: 100vw;
  height: 100vh;
  margin: 0 auto;
  padding: 0
}

.popup.popup-vimeo--wide .popup-wrapper-inner iframe {
  width: 100%;
  max-width: 100vw;
  height: 100vh
}

.popup.popup-vimeo--wide .popup-close {
  top: 40px;
  right: 40px
}

.popup-request-demo .popup-wrapper-inner {
  margin: 120px auto 50px;
  position: relative;
  z-index: 2;
  background: #fff;
  width: 100%;
  max-width: 660px
}

.popup-request-demo .ajax-loader {
  display: none !important
}

.popup-request-demo__title-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 161px;
  background: linear-gradient(103.95deg, #572760 21.35%, #873b95 100%)
}

@media only screen and (max-width: 979px) {
  .popup-request-demo__title-wrapper {
    height: 109px
  }
}

.popup-request-demo__title {
  font-weight: 300;
  font-size: 55px;
  line-height: 125%;
  text-align: center;
  color: #fff
}

@media only screen and (max-width: 979px) {
  .popup-request-demo__title {
    font-size: 28px;
    line-height: 121.4%
  }
}

.popup-request-demo__form {
  padding: 32px 80px 82px
}

@media only screen and (max-width: 979px) {
  .popup-request-demo__form {
    padding: 26px 24px 63px
  }
}

.popup-close-small {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjIxMzkgMTkuMTkzNUwxNi4xNjI5IDE0LjE0MjZMMjEuMjEzOSA5LjA5MTY3QzIxLjc3MjYgOC41MzI5MSAyMS43NzI2IDcuNjMwMDUgMjEuMjEzOSA3LjA3MTNDMjAuNjU1MSA2LjUxMjU0IDE5Ljc1MjMgNi41MTI1NCAxOS4xOTM1IDcuMDcxM0wxNC4xNDI2IDEyLjEyMjJMOS4wOTE2NSA3LjA3MTNDOC41MzI5IDYuNTEyNTQgNy42MzAwMyA2LjUxMjU0IDcuMDcxMjggNy4wNzEzQzYuNTEyNTMgNy42MzAwNSA2LjUxMjUzIDguNTMyOTEgNy4wNzEyOCA5LjA5MTY3TDEyLjEyMjIgMTQuMTQyNkw3LjA3MTI4IDE5LjE5MzVDNi41MTI1MyAxOS43NTIzIDYuNTEyNTMgMjAuNjU1MSA3LjA3MTI4IDIxLjIxMzlDNy42MzAwMyAyMS43NzI2IDguNTMyOSAyMS43NzI2IDkuMDkxNjUgMjEuMjEzOUwxNC4xNDI2IDE2LjE2M0wxOS4xOTM1IDIxLjIxMzlDMTkuNzUyMyAyMS43NzI2IDIwLjY1NTEgMjEuNzcyNiAyMS4yMTM5IDIxLjIxMzlDMjEuNzcyNiAyMC42NTUxIDIxLjc3MjYgMTkuNzUyMyAyMS4yMTM5IDE5LjE5MzVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat center center;
  background-size: 29px 29px !important;
  text-indent: -9999px;
  border: none;
  width: 29px;
  height: 29px;
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 0;
  z-index: 10;
  opacity: .7;
  cursor: pointer
}

@media only screen and (max-width: 979px) {
  .popup-close-small {
    top: 5px;
    right: 5px
  }
}

.request-demo-button {
  position: absolute;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
  transition: all .3s, opacity 900ms
}

.request-demo-button.active {
  pointer-events: auto;
  opacity: 1
}

.popup__wrapper {
  position: relative;
  max-width: 660px;
  width: 100%;
  text-align: left;
  margin: 120px auto 50px;
  position: relative;
  z-index: 2;
  background: #fff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .1)
}

.popup__wrapper .hbspt-form {
  padding: 0
}

.popup__wrapper .hbspt-form label {
  margin-bottom: 0;
  margin-top: 8px
}

.popup__wrapper .hbspt-form .hs-submit:after {
  right: 40px;
  width: 54px;
  height: 54px
}

@media only screen and (max-width: 979px) {
  .popup__wrapper .hbspt-form .hs-submit:after {
    width: 39px;
    height: 39px;
    right: 26px
  }
}

@media only screen and (max-width: 1279px) {
  .popup__wrapper .hbspt-form .hs-submit:hover:after {
    right: 40px
  }
}

@media only screen and (max-width: 979px) {
  .popup__wrapper .hbspt-form .hs-submit:hover:after {
    right: 26px
  }
}

.popup__wrapper .hbspt-form .hs-submit input {
  padding: 19px 118px 19px 30px;
  font-size: 34px;
  line-height: 133%
}

@media only screen and (max-width: 979px) {
  .popup__wrapper .hbspt-form .hs-submit input {
    padding: 10px 78px 10px 20px;
    font-size: 26px
  }
}

.popup__title-wrapper {
  background-color: #582362;
  padding: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 160px
}

.popup__title-wrapper .popup__title {
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .popup__title-wrapper .popup__title {
    font-size: 30px
  }
}

@media only screen and (max-width: 979px) {
  .popup__title-wrapper .popup__title {
    font-size: 24px
  }
}

.popup__title-wrapper ~ .popup__inner {
  padding-bottom: 90px
}

@media only screen and (max-width: 979px) {
  .popup__title-wrapper ~ .popup__inner {
    padding: 42px 26px 66px
  }
}

.popup__title-wrapper ~ .popup__close {
  right: 16px;
  top: 16px;
  background-image: url("/wp-content/themes/prodege_theme/img/close-white.svg")
}

.popup:not(.js-popup-video) .popup__wrapper .popup__inner {
  padding: 48px
}

.popup:not(.js-popup-video) .popup__title-wrapper ~ .popup__inner {
  padding-bottom: 90px
}

.popup:not(.js-popup-video) .popup__inner .submitted-message {
  padding: 75px 0 50px
}

.popup__title {
  text-align: center;
  font-weight: 300;
  font-size: 35px;
  line-height: 125%;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .popup__title {
    font-size: 20px
  }
}

.popup__mark {
  font-weight: 300;
  font-size: 16px;
  line-height: 131%;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 24px
}

.popup__description {
  font-weight: 300;
  font-size: 16px;
  line-height: 131%;
  text-align: center;
  color: #4a4a4a;
  margin-top: 24px
}

.popup.js-popup-contact-popup form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.popup.js-popup-contact-popup form .hs_firstname {
  width: calc(50% - 11.5px)
}

.popup.js-popup-contact-popup form .hs_lastname {
  width: calc(50% - 11.5px)
}

.popup.js-popup-contact-popup form .hs_company {
  width: 100%
}

.popup.js-popup-contact-popup form .hs_email {
  width: calc(50% - 11.5px)
}

.popup.js-popup-contact-popup form .hs_phone {
  width: calc(50% - 11.5px)
}

.popup.js-popup-contact-popup form .hs_i_am_interested_in {
  width: 100%
}

.popup.js-popup-contact-popup form .hs_message {
  width: 100%
}

.popup.js-popup-contact-popup .popup__inner .submitted-message {
  padding: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 143.1%;
  text-align: left;
  margin-bottom: -46px
}

.popup.js-popup-contact-popup .popup__inner .submitted-message p {
  text-align: left !important
}

.js-popup-overview .popup__wrapper form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px
}

.js-popup-overview .popup__wrapper .popup__inner .submitted-message {
  padding: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 143.1%;
  text-align: left;
  margin-bottom: -40px;
  margin-top: 12px;
  margin-right: -3px
}

.js-popup-overview .popup__wrapper .popup__inner .submitted-message p {
  text-align: left !important
}

:is(.home, .post-type-archive-partners, .single-partners) .menu-wrapper {
  background: #582362;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

.page-header {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 90vh;
  max-height: 900px
}

@media only screen and (max-width: 1279px) {
  .page-header {
    max-height: 642px
  }
}

@media only screen and (max-width: 991px) {
  .page-header {
    max-height: none;
    padding-top: 64px;
    height: auto
  }
}

.page-header__sub-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 35px;
  line-height: 1.11;
  color: #fff;
  margin-bottom: 10px
}

@media only screen and (max-width: 1279px) {
  .page-header__sub-title {
    font-size: 30px
  }
}

@media only screen and (max-width: 979px) {
  .page-header__sub-title {
    font-size: 26px;
    margin-left: -10px;
    margin-right: -10px
  }
}

.page-header--research,
.page-header--solutions {
  color: #fff;
  height: auto;
  max-height: none;
  padding: 156px 0
}

@media only screen and (max-width: 1279px) {

  .page-header--research,
  .page-header--solutions {
    max-height: none;
    padding: 110px 0
  }
}

@media only screen and (max-width: 979px) {

  .page-header--research,
  .page-header--solutions {
    padding: 72px 0 22px
  }
}

.page-header__purple-bar-right {
  content: "";
  position: absolute;
  left: 28%;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #572760;
  background: linear-gradient(106deg, #572760 0%, #572760 21%, #873b95 100%);
  transition: all .3s
}

@media only screen and (max-width: 991px) {
  .page-header__purple-bar-right {
    left: 0;
    top: 30%
  }
}

.page-header__container {
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

@media only screen and (max-width: 991px) {
  .page-header__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0 36px;
    width: 100%
  }
}

.page-header__img-wrap {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 991px) {
  .page-header__img-wrap {
    height: auto;
    width: 100%;
    max-height: none
  }
}

.page-header__img {
  width: 562px;
  margin: auto;
  box-shadow: 2px 2px 11px rgba(0, 0, 0, .13)
}

@media only screen and (max-width: 1279px) {
  .page-header__img {
    width: 400px
  }
}

@media only screen and (max-width: 991px) {
  .page-header__img {
    margin-right: 0;
    margin-left: 10%;
    width: 90%;
    max-height: none;
    height: auto
  }
}

.page-header__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 5.5%;
  font-weight: 300
}

@media only screen and (max-width: 991px) {
  .page-header__content {
    margin: 52px 32px 0;
    text-align: center
  }
}

.page-header__title {
  font-size: 55px;
  line-height: 125%
}

@media only screen and (max-width: 1279px) {
  .page-header__title {
    font-size: 48px
  }
}

@media only screen and (max-width: 979px) {
  .page-header__title {
    font-size: 33px
  }
}

@media only screen and (max-width: 767px) {
  .page-header__title {
    max-width: 295px;
    margin: 0 auto
  }
}

.page-header__description {
  margin-top: 24px;
  font-size: 18px;
  line-height: 140%;
  max-width: 460px
}

.page-header__description br {
  display: none
}

@media only screen and (max-width: 767px) {
  .page-header__description br {
    display: block
  }
}

@media only screen and (max-width: 991px) {
  .page-header__description {
    margin-top: 20px;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  .page-header__description {
    max-width: 295px
  }
}

.page-header__description strong {
  font-weight: 700;
  display: inline-block
}

@media only screen and (max-width: 979px) {
  div#n2-ss-2 .n2-ss-layer-row-inner > .n2-ss-layer[data-sstype=col] {
    margin-left: 0 !important;
    margin-right: 0 !important
  }
}

@media only screen and (max-width: 979px) {
  div#n2-ss-2 .n2-ss-item-content b {
    display: block
  }
}

div#n2-ss-2 br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  div#n2-ss-2 br.mobile {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  div#n2-ss-2 .top-section-home__content .n2-ss-layer {
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  div#n2-ss-2 .top-section-home__content .n2-ss-layer {
    margin-right: auto;
    margin-left: auto
  }
}

@media only screen and (max-width: 979px) {
  .carousel {
    width: 100%
  }
}

.carousel__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-top: 148px;
  font-weight: 300
}

@media only screen and (max-width: 979px) {
  .carousel__content {
    margin-top: 64px
  }
}

.carousel__title {
  font-size: 38px;
  line-height: 133%;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .carousel__title {
    margin: 0 16px;
    font-size: 24px;
    line-height: 133%
  }
}

.carousel__description {
  display: block;
  max-width: 900px;
  margin-top: 26px;
  font-size: 18px;
  line-height: 140%
}

@media only screen and (max-width: 979px) {
  .carousel__description {
    margin: 24px 32px;
    font-size: 16px
  }
}

.carousel__description-bold {
  display: block;
  font-weight: bold;
  color: #9dc92e
}

.carousel__slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: 15px
}

@media only screen and (max-width: 979px) {
  .carousel__slider {
    margin-top: 50px;
    padding-bottom: 50px;
    background: linear-gradient(180deg, #ffffff 0%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .44)
  }
}

.carousel__slider:before {
  content: "";
  display: block;
  width: 100vw;
  height: 320px;
  position: absolute;
  right: 0;
  z-index: -1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #582362
}

@media only screen and (max-width: 979px) {
  .carousel__slider:before {
    display: none
  }
}

.swiper__container {
  width: 710px;
  height: 470px;
  overflow: hidden
}

@media only screen and (max-width: 979px) {
  .swiper__container {
    width: auto;
    height: auto
  }
}

.swiper__wrapper {
  width: 100%
}

.swiper__slide {
  text-align: center;
  font-size: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .swiper__slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 244px;
    background: #582362;
    background: linear-gradient(180deg, #582362 0%, #582362 50%, white 50%, white 100%)
  }
}

.swiper__title {
  display: none
}

@media only screen and (max-width: 979px) {
  .swiper__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 46px;
    margin: 20px 26px 0;
    font-weight: bold;
    font-size: 23px;
    line-height: 104%;
    color: #fff
  }
}

.swiper__desktop-image {
  max-height: 470px;
  padding-top: 14px
}

@media only screen and (max-width: 979px) {
  .swiper__desktop-image {
    display: none
  }
}

.swiper__mobile-image {
  display: none
}

@media only screen and (max-width: 979px) {
  .swiper__mobile-image {
    display: block;
    margin: auto;
    width: 227px
  }
}

.swiper__button-prev,
.swiper__button-next {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 58px;
  height: 58px;
  position: absolute;
  left: 0;
  background-color: #2c99a4;
  cursor: pointer;
  transition: all .3s
}

@media only screen and (max-width: 979px) {

  .swiper__button-prev,
  .swiper__button-next {
    display: none
  }
}

.swiper__button-prev:hover,
.swiper__button-next:hover {
  background-color: #292c49
}

.swiper__button-next {
  bottom: 45px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.swiper__button-prev {
  top: 45px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.carousel__texts {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px 0 30px 100px;
  color: #fff;
  font-weight: 300;
  font-size: 13px
}

@media only screen and (max-width: 979px) {
  .carousel__texts {
    display: none
  }
}

.carousel__text {
  margin: 6px 0;
  display: none;
  transition: all .3s
}

.carousel__text:hover,
.carousel__text:focus {
  color: #9dc92e;
  cursor: pointer
}

.carousel__text--current {
  display: block;
  font-weight: bold;
  font-size: 32px;
  line-height: 140%
}

.carousel__text--current:hover,
.carousel__text--current:focus {
  color: #fff;
  cursor: default
}

.carousel__text--next,
.carousel__text--prev {
  display: block;
  font-size: 17px;
  line-height: 140%
}

.carousel__text--next-next,
.carousel__text--prev-prev {
  display: block;
  font-size: 16px;
  line-height: 143%;
  color: rgba(255, 255, 255, .6)
}

.carousel__text--next-next-next,
.carousel__text--prev-prev-prev {
  display: block;
  font-size: 13px;
  line-height: 143%;
  color: rgba(255, 255, 255, .4)
}

.solutions-content {
  margin-top: 30px;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .solutions-content {
    margin-top: 56px
  }
}

.solutions-content__container {
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 979px) {
  .solutions-content__container {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.solutions-content__image-wrapper {
  position: relative;
  z-index: -1;
  width: 50%
}

@media only screen and (max-width: 979px) {
  .solutions-content__image-wrapper {
    width: 100%
  }
}

.solutions-content__image {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

@media only screen and (max-width: 979px) {
  .solutions-content__image {
    width: 100%;
    margin: 0 auto
  }
}

.solutions-content__text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 80px 10px 0 54px;
  max-width: 600px;
  font-weight: 300
}

@media only screen and (max-width: 979px) {
  .solutions-content__text {
    text-align: center;
    margin: 0px;
    max-width: none
  }
}

.solutions-content__title {
  margin-bottom: 40px;
  font-size: 38px;
  line-height: 133%;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .solutions-content__title {
    margin-bottom: 8px;
    font-size: 25px
  }
}

.solutions-content__description {
  margin-right: 120px;
  font-size: 16px;
  line-height: 143%;
  color: #444
}

@media only screen and (max-width: 979px) {
  .solutions-content__description {
    margin-right: 0
  }
}

.solutions-content--second {
  margin-top: 90px;
  margin-bottom: 168px
}

.solutions-content--second .solutions-content__container {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 979px) {
  .solutions-content--second {
    margin-top: 40px;
    margin-bottom: 40px
  }

  .solutions-content--second .solutions-content__container {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.solutions-content--second .solutions-content__text {
  margin: 60px 90px 0 0;
  max-width: 40%
}

@media only screen and (max-width: 1279px) {
  .solutions-content--second .solutions-content__text {
    margin: 0 auto 0 0;
    max-width: 35%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-content--second .solutions-content__text {
    margin: 0;
    max-width: none
  }
}

.solutions-content--second .solutions-content__description {
  margin-right: 15px
}

@media only screen and (max-width: 979px) {
  .solutions-content--second .solutions-content__description {
    margin-right: 0
  }
}

.solutions-content__slider {
  position: relative;
  min-height: 500px;
  min-width: 500px
}

@media only screen and (max-width: 979px) {
  .solutions-content__slider {
    min-width: 0;
    width: 100%;
    margin-top: 20px
  }
}

@media only screen and (max-width: 767px) {
  .solutions-content__slider {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    min-height: 350px
  }
}

@media only screen and (max-width: 480px) {
  .solutions-content__slider {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    min-height: 260px
  }
}

.solutions-content__slider.solutions-content__slider--move .solutions-content__slide--bottom {
  -webkit-transform: scale(0.8) translate3d(-410px, -266px, 0);
  transform: scale(0.8) translate3d(-410px, -266px, 0)
}

.solutions-content__slider.solutions-content__slider--move .solutions-content__slide--left {
  -webkit-transform: scale(0.7) translate3d(-232px, -428px, 0);
  transform: scale(0.7) translate3d(-232px, -428px, 0)
}

.solutions-content__slider.solutions-content__slider--move .solutions-content__slide--top {
  -webkit-transform: scale(0.8) translate3d(4px, -266px, 0);
  transform: scale(0.8) translate3d(4px, -266px, 0)
}

.solutions-content__slider.solutions-content__slider--move .solutions-content__slide--right {
  -webkit-transform: scale(1) translate3d(-162px, -93px, 0);
  transform: scale(1) translate3d(-162px, -93px, 0)
}

.solutions-content__slide {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 324px;
  height: auto;
  transition: all 1s
}

.solutions-content__slide--bottom {
  -webkit-transform: scale(1) translate3d(-162px, -93px, 0);
  transform: scale(1) translate3d(-162px, -93px, 0);
  z-index: 2
}

.solutions-content__slide--left {
  -webkit-transform: scale(0.8) translate3d(-410px, -266px, 0);
  transform: scale(0.8) translate3d(-410px, -266px, 0);
  z-index: 1
}

.solutions-content__slide--top {
  -webkit-transform: scale(0.7) translate3d(-232px, -428px, 0);
  transform: scale(0.7) translate3d(-232px, -428px, 0);
  z-index: 2
}

.solutions-content__slide--right {
  -webkit-transform: scale(0.8) translate3d(4px, -266px, 0);
  transform: scale(0.8) translate3d(4px, -266px, 0);
  z-index: 3
}

.solutions-list {
  padding: 108px 0 100px;
  background-color: #f9f9f9;
  font-weight: 300;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .solutions-list {
    padding: 54px 0 64px
  }
}

.solutions-list__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .solutions-list__container {
    width: 100%
  }
}

.solutions-list__title {
  font-size: 38px;
  line-height: 133%;
  color: #582362;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .solutions-list__title {
    margin: 0 32px;
    font-size: 24px
  }
}

.solutions-list__descrition {
  width: 72%;
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 143%;
  color: #4a4a4a;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .solutions-list__descrition {
    width: auto;
    margin: 26px 32px 0
  }
}

.solutions-list__list {
  padding: 0;
  margin: 48px 0 0;
  width: 72%;
  list-style-type: none
}

@media only screen and (max-width: 979px) {
  .solutions-list__list {
    width: 100%;
    margin: 26px 0 0
  }
}

.solutions-accordion {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 7px;
  width: 100%;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0);
  transition: all 300ms
}

@media only screen and (max-width: 979px) {
  .solutions-accordion {
    width: auto;
    margin: 7px 16px 0
  }
}

.solutions-accordion:nth-child(7n+1) {
  background-color: #582362
}

.solutions-accordion:nth-child(7n+2) {
  background-color: #52567a
}

.solutions-accordion:nth-child(7n+3) {
  background-color: #4d6885
}

.solutions-accordion:nth-child(7n+4) {
  background-color: #47748d
}

.solutions-accordion:nth-child(7n+5) {
  background-color: #3c8396
}

.solutions-accordion.solutions-accordion--active {
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

.solutions-accordion.solutions-accordion--active .solutions-accordion__button:after {
  -webkit-transform: translateY(-50%) rotate(360deg);
  transform: translateY(-50%) rotate(360deg)
}

.solutions-accordion__button {
  position: relative;
  width: 100%;
  min-height: 52px;
  padding: 4px 52px 4px 24px;
  font-size: 23px;
  line-height: 140%;
  color: #fff;
  text-align: left;
  cursor: pointer;
  border: none;
  background-color: transparent;
  transition: all 300ms
}

@media only screen and (max-width: 979px) {
  .solutions-accordion__button {
    padding-right: 44px;
    font-size: 16px
  }
}

.solutions-accordion__button:hover {
  background-color: #9dc92e
}

@media only screen and (max-width: 979px) {
  .solutions-accordion__button:hover {
    background-color: transparent
  }
}

.solutions-accordion__button:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 800ms;
  background-image: url("/wp-content/themes/prodege_theme/img/close-white.svg")
}

@media only screen and (max-width: 979px) {
  .solutions-accordion__button:after {
    right: 12px
  }
}

.solutions-accordion__slide {
  width: 100%;
  background-color: #fff
}

.solutions-accordion__slide--absolute {
  position: absolute;
  left: -10000px;
  opacity: 1
}

.solutions-slide {
  padding: 0 55px 10px;
  margin: 0;
  list-style-type: none;
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .solutions-slide {
    padding: 0 22px 10px
  }
}

.solutions-slide__item {
  display: -ms-flexbox;
  display: flex;
  padding: 48px 0;
  border-bottom: 1px solid #b0b0b0
}

.solutions-slide__item:last-child {
  border-bottom: none
}

@media only screen and (max-width: 979px) {
  .solutions-slide__item {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 0
  }
}

.solutions-slide__brand {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 34%
}

@media only screen and (max-width: 979px) {
  .solutions-slide__brand {
    width: auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.solutions-slide__brand-text {
  font-weight: bold;
  font-size: 18px
}

@media only screen and (max-width: 979px) {
  .solutions-slide__brand-text {
    font-size: 16px
  }
}

.solutions-slide__logo {
  display: block;
  margin-top: 16px;
  max-width: 178px
}

@media only screen and (max-width: 979px) {
  .solutions-slide__logo {
    width: 32%;
    margin-top: 0
  }
}

.solutions-slide__content {
  width: 66%
}

.solutions-slide__goal-text {
  display: block;
  font-weight: bold;
  font-size: 18px
}

@media only screen and (max-width: 979px) {
  .solutions-slide__goal-text {
    margin-top: 16px;
    font-size: 16px
  }
}

.solutions-slide__goal-description {
  margin-top: 10px
}

@media only screen and (max-width: 979px) {
  .solutions-slide__goal-description {
    margin-top: 5px
  }
}

.solutions-results {
  margin-top: 26px
}

.solutions-results__text {
  font-weight: bold;
  font-size: 18px
}

@media only screen and (max-width: 979px) {
  .solutions-results__text {
    font-size: 16px
  }
}

.solutions-results__list {
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0 0;
  margin: 0;
  list-style-type: none
}

@media only screen and (max-width: 979px) {
  .solutions-results__list {
    padding: 6px 0 0
  }
}

.solutions-results__item {
  -ms-flex: 1;
  flex: 1
}

@media only screen and (max-width: 979px) {
  .solutions-results__item {
    padding-right: 18px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-results__item:last-child {
    padding-right: 0
  }
}

.solutions-results__item-percent {
  font-size: 35px;
  line-height: 110%
}

@media only screen and (max-width: 979px) {
  .solutions-results__item-percent {
    font-size: 26px
  }
}

.solutions-results__item-description {
  display: block;
  max-width: 140px
}

.solutions-list__button {
  margin-top: 34px;
  font-size: 24px;
  line-height: 30px
}

@media only screen and (max-width: 979px) {
  .solutions-list__button {
    margin-top: 24px;
    font-size: 16px
  }
}

.solutions-difference {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin: 116px auto 126px;
  font-weight: 300
}

@media only screen and (max-width: 979px) {
  .solutions-difference {
    width: 100%;
    margin: 64px 0
  }
}

.solutions-difference__title {
  font-size: 38px;
  line-height: 133%;
  color: #582362;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .solutions-difference__title {
    font-size: 24px;
    margin: 0 32px
  }
}

.solutions-difference__description {
  margin: 20px auto 0;
  max-width: 678px;
  font-size: 16px;
  line-height: 143%;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .solutions-difference__description {
    margin: 12px 32px 0
  }
}

.solutions-difference__list {
  margin: 60px 0 0
}

@media only screen and (max-width: 979px) {
  .solutions-difference__list {
    width: 100%;
    margin: 0;
    padding: 60px 0 16px
  }
}

.solutions-difference__list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.solutions-diff {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 23%
}

@media only screen and (max-width: 979px) {
  .solutions-diff {
    width: 244px;
    height: auto;
    padding: 38px 6px 16px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
    z-index: 5;
    text-align: center
  }

  .solutions-diff:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    width: 79px;
    top: -33px;
    height: 83px;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0;
    background-color: #fff
  }

  .solutions-diff:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 58px;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 2
  }
}

.solutions-diff__icon {
  width: 36px;
  height: 36px
}

@media only screen and (max-width: 979px) {
  .solutions-diff__icon {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 7;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
  }
}

.solutions-diff__title {
  display: block;
  margin-top: 12px;
  z-index: 3;
  font-size: 24px;
  line-height: 140%;
  color: #2c99a4
}

@media only screen and (max-width: 979px) {
  .solutions-diff__title {
    margin-top: 0;
    font-size: 20px;
    padding: 0 8px
  }
}

.solutions-diff__description {
  width: 100%;
  margin-top: 24px;
  z-index: 3;
  font-size: 16px;
  line-height: 143%;
  color: #444
}

@media only screen and (max-width: 979px) {
  .solutions-diff__description {
    margin-top: 10px;
    padding: 0 16px
  }
}

.solutions-difference__button {
  margin-top: 48px;
  font-size: 24px;
  line-height: 30px
}

@media only screen and (max-width: 979px) {
  .solutions-difference__button {
    margin-top: 32px;
    font-size: 16px
  }
}

.solutions-pushing {
  position: relative;
  width: 100%;
  overflow: hidden;
  font-weight: 300
}

.solutions-pushing:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  height: 200%
}

@media only screen and (max-width: 979px) {
  .solutions-pushing:before {
    display: none
  }
}

.solutions-pushing:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background: #fff;
  left: 0;
  top: auto;
  bottom: 0;
  z-index: 51
}

@media only screen and (max-width: 979px) {
  .solutions-pushing:after {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing {
    background: transparent
  }
}

.solutions-pushing__color-box {
  position: absolute;
  top: 38px;
  right: 0;
  z-index: 1;
  width: 100%;
  height: calc(100% - 76px);
  background: linear-gradient(274.8deg, #582362 19.39%, #883c96 92.26%)
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing__color-box {
    width: 130%;
    left: -15%;
    height: calc(100% - 44px);
    top: 22px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing__color-box {
    left: 0;
    top: 50%;
    width: 100%;
    background: linear-gradient(274.8deg, #582362 19.39%, #883c96 92.26%);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0)
  }
}

.solutions-pushing__color-box--slide-in {
  right: 0;
  left: 0
}

.solutions-pushing__container {
  display: -ms-flexbox;
  display: flex;
  padding: 130px 0 136px
}

@media only screen and (max-width: 979px) {
  .solutions-pushing__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 68px
  }
}

.solutions-pushing__video {
  width: 50%;
  z-index: 52;
  text-align: left;
  padding-left: 55px
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing__video {
    padding-left: 0
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing__video {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    padding: 0 28px;
    text-align: center;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.solutions-pushing__video--from-left {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.solutions-pushing__title-mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-pushing__title-mobile {
    color: #582362;
    display: block;
    padding: 30px 0 0;
    margin-bottom: 50px;
    font-size: 25px;
    line-height: 133%
  }
}

.solutions-pushing__title-mobile .br-mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-pushing__title-mobile .br-mobile {
    display: block
  }
}

.solutions-pushing__image-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 437px;
  margin-left: 0
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing__image-wrapper {
    max-width: 370px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing__image-wrapper {
    max-width: none;
    width: 100%
  }
}

.solutions-pushing__image {
  width: 100%;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, .183282)
}

.solutions-pushing__play {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1px 6px;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: none;
  background-color: #9dc92e;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 111%;
  cursor: pointer;
  transition: all .3s
}

.solutions-pushing__play .ui-play {
  display: block;
  margin: 0 auto 4px
}

.solutions-pushing__play:hover {
  background-color: #292c49;
  color: #fff;
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing__play:hover {
    background-color: #9dc92e
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing__play {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
  }
}

.solutions-pushing__play > * {
  pointer-events: none
}

.solutions-pushing__content {
  width: 50%;
  z-index: 2;
  max-width: 577px;
  margin: auto 0;
  padding: 0 60px 0 30px
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing__content {
    padding: 0 0 0 30px;
    max-width: 393px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing__content {
    max-width: 100%;
    padding-bottom: 63px;
    padding-left: 0;
    width: auto;
    margin: auto 24px;
    text-align: center;
    opacity: 1
  }
}

.solutions-pushing__content--show-up {
  opacity: 1
}

.solutions-pushing__title {
  font-size: 35px;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing__title {
    font-size: 25px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing__title {
    display: none
  }
}

.solutions-pushing__title .br-mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-pushing__title .br-mobile {
    display: block
  }
}

.solutions-pushing__description {
  margin-top: 40px;
  font-size: 16px;
  line-height: 143%;
  color: #444
}

@media only screen and (max-width: 979px) {
  .solutions-pushing__description {
    margin-top: 20px;
    color: #fff
  }
}

.solutions-pushing__button {
  margin-top: 28px;
  -webkit-transform: translateX(-16px);
  transform: translateX(-16px);
  font-size: 24px
}

@media only screen and (max-width: 979px) {
  .solutions-pushing__button {
    margin-top: 16px;
    color: #fff;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    font-size: 18px
  }

  .solutions-pushing__button:hover {
    color: #fff
  }
}

.solutions-pushing-new {
  width: 100%;
  position: relative;
  background: #fff
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new {
    padding-bottom: 0;
    position: relative
  }
}

.solutions-pushing-new:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  height: 200%
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new:before {
    display: none
  }
}

.solutions-pushing-new:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background: #fff;
  left: 0;
  top: auto;
  bottom: 0;
  z-index: 51
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new:after {
    display: none
  }
}

.solutions-pushing-new__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  z-index: 52
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing-new__container {
    width: 80%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new__container {
    width: calc(100% - 50px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: static;
    max-width: 360px;
    text-align: center
  }
}

.solutions-pushing-new__container:before {
  content: "";
  top: 40px;
  background: linear-gradient(274.8deg, #582362 19.39%, #883c96 92.26%);
  position: absolute;
  width: 100%;
  left: 0;
  height: calc(100% - 80px)
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing-new__container:before {
    width: 130%;
    left: -15%;
    height: calc(100% - 50px);
    top: 25px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new__container:before {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 395px;
    background: linear-gradient(274.8deg, #582362 19.39%, #883c96 92.26%);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0)
  }
}

.solutions-pushing-new__item {
  width: 50%;
  position: relative;
  z-index: 2
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new__item {
    width: 100%
  }
}

.solutions-pushing-new__title {
  font-weight: 300;
  font-size: 35px;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 23px
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing-new__title {
    font-size: 25px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new__title {
    display: none
  }
}

.solutions-pushing-new__title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new__title br {
    display: block
  }
}

.solutions-pushing-new__title_mobile {
  display: none;
  font-weight: 300;
  font-size: 25px;
  line-height: 1.33;
  color: #582362;
  margin-bottom: 25px;
  text-align: center;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new__title_mobile {
    display: block
  }
}

.solutions-pushing-new__image {
  box-shadow: 0px 2px 9px rgba(0, 0, 0, .183282)
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing-new__image {
    max-width: 370px;
    height: auto;
    margin-left: 0;
    margin-right: 20px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new__image {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0
  }
}

.solutions-pushing-new__description {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #fff;
  margin-bottom: 10px;
  max-width: 491px
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing-new__description {
    max-width: 100%
  }
}

.solutions-pushing-new__button {
  font-weight: 300;
  font-size: 25px;
  line-height: 1.2;
  color: #fff;
  -webkit-transform: translateX(-16px);
  transform: translateX(-16px)
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing-new__button {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new__button {
    font-size: 18px;
    padding: 5px 0;
    -webkit-transform: none;
    transform: none
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing-new__button:hover {
    color: #fff
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new__button:hover {
    padding: 5px 0
  }
}

.solutions-pushing-new__image-wrapper {
  text-align: left;
  padding-left: 55px
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing-new__image-wrapper {
    text-align: left;
    padding-left: 0
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new__image-wrapper {
    margin-bottom: 30px
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-pushing-new__content {
    padding-left: 60px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-pushing-new__content {
    padding: 0 30px 70px
  }
}

.audience-header {
  position: relative;
  width: 100%;
  padding-top: 64px;
  color: #fff
}

@media only screen and (max-width: 979px) {
  .audience-header {
    height: auto;
    overflow: hidden
  }
}

.audience-header__purple-bar-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 530px;
  background: #572760;
  background: linear-gradient(101.49deg, #582362 22.56%, #883C96 100%);
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .audience-header__purple-bar-top {
    height: 403px
  }
}

@media only screen and (max-width: 979px) {
  .audience-header__purple-bar-top {
    height: 100%;
    left: 0;
    top: 30%
  }
}

.audience-header__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  height: 100%;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .audience-header__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0 64px;
    width: 100%
  }
}

.audience-header__img-wrap {
  width: 50%;
  padding: 30px 0 0 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media only screen and (max-width: 979px) {
  .audience-header__img-wrap {
    width: 100%;
    padding: 0 0 0 10%
  }
}

@media only screen and (max-width: 979px) {
  .audience-header__img-wrap picture {
    width: 100%
  }
}

.audience-header__img {
  width: 100%;
  max-width: 472px;
  box-shadow: 2px 2px 11px rgba(0, 0, 0, .13)
}

@media only screen and (max-width: 1279px) {
  .audience-header__img {
    max-width: 332px
  }
}

@media only screen and (max-width: 979px) {
  .audience-header__img {
    max-width: none
  }
}

.audience-header__content {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 4.5%;
  font-weight: 300;
  margin-top: -30px
}

@media only screen and (max-width: 1279px) {
  .audience-header__content {
    margin-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .audience-header__content {
    width: auto;
    max-height: none;
    margin: 0 auto;
    padding: 55px 30px 0;
    text-align: center;
    max-width: 356px
  }
}

.audience-header__title {
  font-size: 38px;
  line-height: 1.33;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .audience-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .audience-header__title {
    font-size: 28px;
    line-height: 1.21
  }
}

.audience-header__description {
  font-size: 18px;
  line-height: 140%
}

@media only screen and (max-width: 1279px) {
  .audience-header__description {
    margin-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .audience-header__description {
    margin-top: 0;
    margin-left: 0;
    font-size: 16px
  }
}

.audience-header__description p:last-child {
  margin-bottom: 0
}

.audience-header__indicator-wrapper {
  position: relative;
  height: 100%
}

@media only screen and (max-width: 979px) {
  .audience-header__indicator-wrapper {
    display: none
  }
}

.audience-header__scroll-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 68px;
  height: 68px;
  background-color: #9dc92e;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 20;
  transition: all .3s;
  display: none
}

.audience-header__scroll-indicator:hover {
  background-color: #292c49
}

.audience-header__scroll-indicator:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 33px;
  background-image: url("/wp-content/themes/prodege_theme/img/scroll-indicator.svg");
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.audience-numbers {
  width: 100%
}

.audience-numbers__container {
  display: -ms-flexbox;
  display: flex;
  padding: 66px 0
}

@media only screen and (max-width: 979px) {
  .audience-numbers__container {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    padding: 46px 0 56px
  }
}

.hexagons {
  width: 50%;
  min-height: 552px;
  position: relative
}

@media only screen and (max-width: 979px) {
  .hexagons {
    margin-top: 40px;
    width: 100%
  }
}

@media only screen and (max-width: 767px) {
  .hexagons {
    min-height: 386px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7)
  }
}

@media only screen and (max-width: 480px) {
  .hexagons {
    min-height: 276px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }
}

.hexagons__middle {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 168px;
  width: 195px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.hexagon {
  position: absolute;
  top: 0;
  left: 0;
  width: 97px;
  height: 168px;
  background-color: #fff;
  margin: 0 49px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .19);
  opacity: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all .3s
}

.hexagon.active {
  opacity: 1
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 118.79px;
  height: 118.79px;
  -webkit-transform: scaleX(0.5774) rotate(45deg);
  transform: scaleX(0.5774) rotate(45deg);
  background-color: inherit;
  top: 24.603px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .19)
}

.hexagon:before {
  left: -59.397px
}

.hexagon:after {
  right: -59.397px
}

.hexagon__overlay {
  display: block;
  position: absolute;
  top: 0;
  left: -49px;
  height: 168px;
  width: 195px;
  z-index: 2
}

.hexagon__overlay:before {
  content: "";
  position: absolute;
  left: 49px;
  top: 0;
  width: 97px;
  height: 100%;
  background: #fff;
  z-index: -1
}

.hexagon--central {
  position: relative;
  font-weight: bold;
  font-size: 21px;
  line-height: 123%;
  text-align: center;
  color: #fff;
  background-color: #9dc92e;
  box-shadow: none;
  opacity: 1
}

.hexagon--central:before,
.hexagon--central:after {
  box-shadow: none
}

.hexagon--central .hexagon__overlay {
  padding: 32px 45px
}

.hexagon--central .hexagon__overlay:before {
  background-color: #9dc92e
}

.hexagon--1.active {
  -webkit-transform: translate3d(0, -194px, 0);
  transform: translate3d(0, -194px, 0)
}

.hexagon--2.active {
  -webkit-transform: translate3d(168px, -97px, 0);
  transform: translate3d(168px, -97px, 0)
}

.hexagon--3.active {
  -webkit-transform: translate3d(168px, 94px, 0);
  transform: translate3d(168px, 94px, 0)
}

.hexagon--4.active {
  -webkit-transform: translate3d(0, 191px, 0);
  transform: translate3d(0, 191px, 0)
}

.hexagon--5.active {
  -webkit-transform: translate3d(-168px, 94px, 0);
  transform: translate3d(-168px, 94px, 0)
}

.hexagon--6.active {
  -webkit-transform: translate3d(-168px, -97px, 0);
  transform: translate3d(-168px, -97px, 0)
}

.hexagon__number {
  display: block;
  margin-bottom: 8px;
  font-size: 42px;
  line-height: 111%
}

.hexagon__logo {
  position: absolute;
  width: 74%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.audience-numbers__content {
  width: 50%;
  margin: auto 0;
  padding-left: 64px;
  font-weight: 300
}

@media only screen and (max-width: 979px) {
  .audience-numbers__content {
    width: 100%;
    padding: 0 32px;
    text-align: center
  }
}

.audience-numbers__title {
  font-size: 36px;
  line-height: 44px;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .audience-numbers__title {
    font-size: 25px;
    line-height: 133%
  }
}

.audience-numbers__text {
  font-size: 16px;
  line-height: 143%;
  color: #000
}

@media only screen and (max-width: 979px) {
  .audience-numbers__text {
    color: #4a4a4a
  }
}

.audience-numbers__number {
  margin-top: 20px;
  font-weight: bold;
  font-size: 35px;
  line-height: 111%;
  color: #9dc92e
}

.audience-numbers__description {
  padding: 0 8px;
  font-size: 23px;
  line-height: 140%;
  color: #4a4a4a
}

.audience-reach {
  width: 100%;
  position: relative
}

.audience-reach:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 550px;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
  left: 0;
  top: auto;
  bottom: 0
}

@media only screen and (max-width: 1279px) {
  .audience-reach:before {
    height: 525px
  }
}

@media only screen and (max-width: 979px) {
  .audience-reach:before {
    height: 550px
  }
}

.audience-reach__stats {
  width: calc(50% - 30px);
  padding-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

@media only screen and (max-width: 1279px) {
  .audience-reach__stats {
    width: 40%
  }
}

@media only screen and (max-width: 979px) {
  .audience-reach__stats {
    -ms-flex-order: 1;
    order: 1;
    padding-top: 35px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px
  }
}

.audience-reach__stats-item {
  width: 33.33%;
  margin-bottom: 35px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .audience-reach__stats-item {
    width: 50%
  }
}

@media only screen and (max-width: 979px) {
  .audience-reach__stats-item {
    width: calc(50% - 5px);
    margin-bottom: 50px
  }
}

.audience-reach__stats-title {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .audience-reach__stats-title {
    margin-bottom: 7px
  }
}

.audience-reach__stats-number {
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  margin: 0 auto 15px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  font-size: 24px;
  line-height: 1.11;
  font-weight: bold
}

@media only screen and (max-width: 1279px) {
  .audience-reach__stats-number {
    width: 50px;
    height: 50px;
    font-size: 18px;
    margin-bottom: 7px
  }
}

.audience-reach__stats-number_1 {
  color: #582362
}

.audience-reach__stats-number_2 {
  color: #2c99a4
}

.audience-reach__stats-number_3 {
  color: #813a8e
}

.audience-reach__stats-number_4 {
  color: #9dc92e;
  font-size: 22px
}

@media only screen and (max-width: 1279px) {
  .audience-reach__stats-number_4 {
    font-size: 16px
  }
}

.audience-reach__stats-number_5 {
  color: #292c49
}

@media only screen and (max-width: 1279px) {
  .audience-reach__stats-number_5 {
    font-size: 16px
  }
}

.audience-reach__stats-number_6 {
  color: #582362
}

.audience-reach__stats-description {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 0
}

.audience-reach__container {
  display: -ms-flexbox;
  display: flex;
  padding: 135px 0 140px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  max-width: 1152px
}

@media only screen and (max-width: 1279px) {
  .audience-reach__container {
    padding: 110px 0 120px
  }
}

@media only screen and (max-width: 979px) {
  .audience-reach__container {
    padding: 43px 43px 0;
    width: 100%
  }
}

.audience-reach__content {
  width: 50%;
  font-weight: 300;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .audience-reach__content {
    width: 60%
  }
}

@media only screen and (max-width: 979px) {
  .audience-reach__content {
    width: 100%;
    padding: 0;
    text-align: center
  }
}

.audience-reach__content:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  right: -20px;
  top: 0;
  background-color: rgba(196, 196, 196, .2)
}

@media only screen and (max-width: 1279px) {
  .audience-reach__content:after {
    display: none
  }
}

.audience-reach__title {
  font-size: 38px;
  line-height: 133%;
  color: #582362;
  margin-bottom: 10px;
  max-width: 500px
}

@media only screen and (max-width: 1279px) {
  .audience-reach__title {
    font-size: 36px;
    margin-bottom: 20px;
    max-width: 440px
  }
}

@media only screen and (max-width: 979px) {
  .audience-reach__title {
    font-size: 25px;
    max-width: 300px;
    margin: 0 auto 10px
  }
}

.audience-reach__title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .audience-reach__title br {
    display: block
  }
}

.audience-reach__text {
  font-size: 16px;
  line-height: 1.43;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .audience-reach__text {
    margin-bottom: 30px
  }
}

@media only screen and (max-width: 979px) {
  .audience-reach__text {
    margin-top: 0;
    font-size: 16px
  }
}

.audience-reach__text br {
  display: none
}

@media only screen and (max-width: 979px) {
  .audience-reach__text br {
    display: block
  }
}

.audience-reach__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none
}

@media only screen and (max-width: 979px) {
  .audience-reach__list {
    margin: 0
  }
}

.audience-reach__property {
  position: relative;
  width: 50%;
  margin-top: 30px;
  padding: 0 20px 0 23px;
  color: #000;
  font-size: 16px
}

@media only screen and (max-width: 1279px) {
  .audience-reach__property {
    margin: 0 0 80px;
    padding: 0 40px 0 23px
  }
}

@media only screen and (max-width: 979px) {
  .audience-reach__property {
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    padding: 0 0 0 30px
  }
}

.audience-reach__property:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
  background-color: #9dc92e
}

.audience-collage {
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 55px
}

@media only screen and (max-width: 1279px) {
  .audience-collage {
    padding-top: 0
  }
}

@media only screen and (max-width: 979px) {
  .audience-collage {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px
  }
}

.audience-collage picture {
  width: calc(25% - 45px);
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

@media only screen and (max-width: 1279px) {
  .audience-collage picture {
    width: calc(25% - 22px)
  }
}

@media only screen and (max-width: 979px) {
  .audience-collage picture {
    width: calc(50% - 7px);
    margin-bottom: 14px
  }
}

.audience-collage picture img {
  width: 100%;
  -webkit-filter: none;
  filter: none
}

.audience-collage__image {
  width: calc(25% - 45px);
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

@media only screen and (max-width: 1279px) {
  .audience-collage__image {
    width: calc(25% - 22px)
  }
}

@media only screen and (max-width: 979px) {
  .audience-collage__image {
    width: calc(50% - 7px);
    margin-bottom: 14px
  }
}

.audience-looking {
  position: relative;
  width: 100%
}

.audience-looking:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 90%;
  background: linear-gradient(296deg, #873B95 0%, #582362 100%);
  z-index: -1
}

@media only screen and (max-width: 979px) {
  .audience-looking:before {
    height: 86%;
    background: linear-gradient(275deg, #873B95 0%, #582362 100%)
  }
}

.audience-looking__container {
  font-weight: 300
}

@media only screen and (max-width: 979px) {
  .audience-looking__container {
    width: 100%;
    padding: 0 16px
  }
}

.audience-looking__title {
  margin: 73px 0 59px;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  color: #fff
}

@media only screen and (max-width: 979px) {
  .audience-looking__title {
    margin: 47px 0 24px;
    font-size: 25px;
    line-height: 133%
  }
}

.audience-looking__frames {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 979px) {
  .audience-looking__frames {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.audience-frame {
  width: 46.44%;
  height: 100%;
  background-color: #fff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 979px) {
  .audience-frame {
    width: 100%
  }

  .audience-frame + .audience-frame {
    margin-top: 20px
  }
}

.audience-frame__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 64px;
  padding: 0 16px;
  background-color: #f2f2f2;
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  color: #582362;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .audience-frame__header {
    min-height: 87px;
    padding: 16px 50px
  }
}

@media only screen and (max-width: 979px) {
  .audience-frame__header-delimiter {
    display: none
  }
}

.audience-frame__header-description {
  font-weight: 300
}

.audience-frame__body {
  position: relative
}

.audience-frame__reference {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 6px 44px;
  background-color: #f2f2f2;
  font-size: 16px;
  line-height: 143%
}

@media only screen and (max-width: 979px) {
  .audience-frame__reference {
    width: 100%;
    text-align: center;
    padding: 6px
  }
}

.audience-chart {
  padding: 35px 38px 67px 111px
}

@media only screen and (max-width: 979px) {
  .audience-chart {
    padding: 19px 16px 56px
  }
}

.audience-chart__bars {
  position: relative;
  border-left: 4px solid #f2f2f2
}

@media only screen and (max-width: 979px) {
  .audience-chart__bars {
    border-left: 1px solid #f2f2f2
  }
}

.audience-chart__background {
  position: absolute;
  width: 100%;
  height: 100%
}

.audience-chart__bg-line {
  position: absolute;
  width: 10%;
  height: 100%;
  left: 0;
  top: 0;
  border-right: 1px solid #f2f2f2
}

.audience-chart__bg-line:nth-child(10n+1) {
  left: 0
}

.audience-chart__bg-line:nth-child(10n+2) {
  left: 10%
}

.audience-chart__bg-line:nth-child(10n+3) {
  left: 20%
}

.audience-chart__bg-line:nth-child(10n+4) {
  left: 30%
}

.audience-chart__bg-line:nth-child(10n+5) {
  left: 40%
}

.audience-chart__bg-line:nth-child(10n+6) {
  left: 50%
}

.audience-chart__bg-line:nth-child(10n+7) {
  left: 60%
}

.audience-chart__bg-line:nth-child(10n+8) {
  left: 70%
}

.audience-chart__bg-line:nth-child(10n+9) {
  left: 80%
}

.audience-chart__bg-line:nth-child(10n+10) {
  left: 90%
}

.audience-chart__bar {
  position: relative;
  height: 49px;
  margin-bottom: 5px
}

@media only screen and (max-width: 979px) {
  .audience-chart__bar {
    height: 52px;
    margin-bottom: 0
  }
}

.audience-chart__bar:nth-child(9n+2) {
  width: 100%
}

.audience-chart__bar:nth-child(9n+2) .audience-chart__bar-line {
  background-color: #2c99a4
}

.audience-chart__bar:nth-child(9n+3) {
  width: 85%;
  color: #292c49;
  font-weight: bold
}

.audience-chart__bar:nth-child(9n+3) .audience-chart__bar-line {
  background-color: #292c49
}

.audience-chart__bar:nth-child(9n+4) {
  width: 42%
}

.audience-chart__bar:nth-child(9n+4) .audience-chart__bar-line {
  background-color: #49aea2
}

.audience-chart__bar:nth-child(9n+5) {
  width: 39%
}

.audience-chart__bar:nth-child(9n+5) .audience-chart__bar-line {
  background-color: #59b38c
}

.audience-chart__bar:nth-child(9n+6) {
  width: 27%
}

.audience-chart__bar:nth-child(9n+6) .audience-chart__bar-line {
  background-color: #68b878
}

.audience-chart__bar:nth-child(9n+7) {
  width: 25.5%
}

.audience-chart__bar:nth-child(9n+7) .audience-chart__bar-line {
  background-color: #77bd63
}

.audience-chart__bar:nth-child(9n+8) {
  width: 23.6%
}

.audience-chart__bar:nth-child(9n+8) .audience-chart__bar-line {
  background-color: #88c24b
}

.audience-chart__bar:nth-child(9n+9) {
  width: 18.4%
}

.audience-chart__bar:nth-child(9n+9) .audience-chart__bar-line {
  background-color: #9dc92e
}

.audience-chart__bar-name {
  display: block;
  width: 90px;
  position: relative;
  right: 7px;
  top: 50%;
  text-align: right;
  font-size: 12px;
  line-height: 143%;
  color: #4a4a4a;
  -webkit-transform: translate3d(-100%, -50%, 0);
  transform: translate3d(-100%, -50%, 0)
}

@media only screen and (max-width: 979px) {
  .audience-chart__bar-name {
    width: 100%;
    min-width: 310px;
    right: 0;
    top: 5px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    text-align: left;
    font-size: 16px;
    line-height: 142%
  }
}

.audience-chart__bar-line {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}

@media only screen and (max-width: 979px) {
  .audience-chart__bar-line {
    height: 25px;
    top: auto;
    bottom: 0
  }
}

.audience-chart__bar-line.active {
  -webkit-animation-name: bounce;
  animation-name: bounce
}

@-webkit-keyframes bounce {
  0% {
    width: 0
  }

  40% {
    width: 120%
  }

  60% {
    width: 85%
  }

  90% {
    width: 105%
  }

  95% {
    width: 97%
  }

  100% {
    width: 100%
  }
}

@keyframes bounce {
  0% {
    width: 0
  }

  40% {
    width: 120%
  }

  60% {
    width: 85%
  }

  90% {
    width: 105%
  }

  95% {
    width: 97%
  }

  100% {
    width: 100%
  }
}

.audience-overlap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 60px 0 64px;
  overflow: hidden
}

.audience-overlap__circle-left {
  position: relative;
  right: 50%;
  width: 245px;
  height: 245px;
  background-color: #2c99a4;
  border-radius: 50%;
  mix-blend-mode: multiply;
  transition: right .5s;
  -webkit-transform: translateX(-90%);
  transform: translateX(-90%)
}

.audience-overlap__circle-left.active {
  right: -50%
}

@media only screen and (max-width: 480px) {
  .audience-overlap__circle-left {
    width: 164px;
    height: 164px
  }
}

.audience-overlap__logo {
  position: relative;
  top: 50%;
  left: 17%;
  width: 128px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width: 480px) {
  .audience-overlap__logo {
    width: 84px
  }
}

.audience-overlap__circle-right {
  position: relative;
  left: 50%;
  width: 245px;
  height: 245px;
  background-color: #9dc92e;
  border-radius: 50%;
  mix-blend-mode: multiply;
  transition: left .5s;
  -webkit-transform: translateX(90%);
  transform: translateX(90%)
}

.audience-overlap__circle-right.active {
  left: -50%
}

@media only screen and (max-width: 480px) {
  .audience-overlap__circle-right {
    width: 164px;
    height: 164px
  }
}

.audience-overlap__text {
  position: relative;
  top: 50%;
  left: 34%;
  width: 128px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 300;
  text-align: center;
  color: #fff;
  font-size: 17px;
  line-height: 131%
}

@media only screen and (max-width: 480px) {
  .audience-overlap__text {
    left: 25%;
    width: 100px;
    font-size: 16px
  }
}

@supports not (mix-blend-mode: multiply) {
  .audience-overlap__circle-right {
    opacity: .8
  }
}

.audience-overlap__value {
  position: absolute;
  left: 50%;
  top: 22px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: opacity .5s ease .5s;
  opacity: 0;
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #000
}

.audience-overlap__value.active {
  opacity: 1
}

.audience-overlap__value:before {
  content: "";
  position: absolute;
  height: 129px;
  width: 1px;
  left: 50%;
  top: 100%;
  background-color: #c4c4c4
}

@media only screen and (max-width: 480px) {
  .audience-overlap__value:before {
    height: 85px
  }
}

.audience-overlap__value:after {
  content: "";
  position: absolute;
  height: 9px;
  width: 9px;
  border-radius: 50%;
  left: 50%;
  top: 100%;
  -webkit-transform: translate3d(-4px, 129px, 0);
  transform: translate3d(-4px, 129px, 0);
  background-color: #c4c4c4
}

@media only screen and (max-width: 480px) {
  .audience-overlap__value:after {
    -webkit-transform: translate3d(-4px, 85px, 0);
    transform: translate3d(-4px, 85px, 0)
  }
}

.brands-map--audience {
  padding-top: 140px
}

@media only screen and (max-width: 979px) {
  .brands-map--audience {
    padding-top: 43px
  }
}

.brands-map--audience .brands-map__title {
  font-weight: bold;
  font-size: 65px;
  line-height: 98%
}

@media only screen and (max-width: 979px) {
  .brands-map--audience .brands-map__title {
    font-size: 41px;
    line-height: 118%
  }
}

.brands-map {
  background-image: none
}

.audience-engaged {
  position: relative;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .audience-engaged {
    background: transparent
  }
}

.audience-engaged:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: calc(50% + 70px);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  height: 200%
}

@media only screen and (max-width: 979px) {
  .audience-engaged:before {
    display: none
  }
}

.audience-engaged:after {
  content: "";
  position: absolute;
  z-index: 51;
  height: 20px;
  width: 100%;
  left: 0;
  top: auto;
  bottom: 0;
  background: #fff
}

@media only screen and (max-width: 979px) {
  .audience-engaged:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 235px);
    background: linear-gradient(90deg, #F6F6F6 0%, #FFFFFF 100%);
    z-index: 2
  }
}

.audience-engaged__container {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 52
}

@media only screen and (max-width: 979px) {
  .audience-engaged__container {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: auto;
    width: 100%
  }
}

.audience-engaged__color-box {
  position: absolute;
  width: 100%;
  z-index: 0;
  right: 0;
  background: linear-gradient(274.8deg, #582362 19.39%, #883C96 92.26%);
  height: calc(100% - 190px);
  top: 150px
}

@media only screen and (max-width: 1279px) {
  .audience-engaged__color-box {
    height: calc(100% - 300px);
    top: 275px;
    width: 130%;
    left: -15%
  }
}

@media only screen and (max-width: 979px) {
  .audience-engaged__color-box {
    width: 100%;
    background: linear-gradient(274.8deg, #582362 19.39%, #883C96 92.26%);
    height: 235px;
    left: 0;
    top: 0
  }
}

.audience-testimonials {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 0 55px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 50%;
  height: 100%;
  background-color: transparent;
  z-index: 40
}

@media only screen and (max-width: 1279px) {
  .audience-testimonials {
    padding: 0 25px 0 0
  }
}

@media only screen and (max-width: 979px) {
  .audience-testimonials {
    width: 100%;
    padding: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.audience-testimonials--from-left {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.audience-testimonials__wrapper {
  position: relative;
  width: 100%;
  max-width: 470px;
  margin: 0
}

@media only screen and (max-width: 1279px) {
  .audience-testimonials__wrapper {
    max-width: 375px
  }
}

@media only screen and (max-width: 979px) {
  .audience-testimonials__wrapper {
    max-width: 100%;
    width: 100%;
    margin: 65px 0 0;
    background-color: transparent
  }
}

.audience-testimonials__icon {
  position: absolute;
  z-index: 41
}

@media only screen and (max-width: 979px) {
  .audience-testimonials__icon {
    display: none
  }
}

.audience-testimonials__icon--top {
  left: -20px;
  top: 42px
}

.audience-testimonials__icon--bottom {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  bottom: 34px;
  right: -24px
}

.audience-testimonials__swiper {
  width: 100%;
  overflow: hidden;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, .18);
  background: #fff
}

@media only screen and (max-width: 979px) {
  .audience-testimonials__swiper {
    overflow: visible;
    box-shadow: none;
    background-color: transparent
  }
}

.audience-testimonials__swiper .audience-testimonials__pagination {
  width: auto;
  left: 50%;
  -webkit-transform: translate3d(-50%, -16px, 0);
  transform: translate3d(-50%, -16px, 0)
}

@media only screen and (max-width: 979px) {
  .audience-testimonials__swiper .audience-testimonials__pagination {
    display: none
  }
}

.audience-testimonials__swiper .swiper-pagination-bullet-active {
  background-color: #2c99a4
}

.audience-testimonials__swiper .swiper-pagination-bullet {
  border-color: #2c99a4
}

.audience-testimonials__slide {
  position: relative;
  padding: 40px 42px 80px;
  background: #fff;
  min-height: 100%;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .audience-testimonials__slide {
    height: auto;
    max-width: 256px;
    padding: 23px 21px 35px;
    background-color: #fff;
    box-shadow: 0px 2px 9px rgba(0, 0, 0, .183282)
  }
}

.audience-testimonials__slide[data-swiper-slide-index="0"] .audience-testimonials__slide-quote {
  font-size: 23px
}

@media only screen and (max-width: 979px) {
  .audience-testimonials__slide[data-swiper-slide-index="0"] .audience-testimonials__slide-quote {
    font-size: 14px
  }
}

.audience-testimonials__slide-icon {
  display: none;
  position: absolute;
  z-index: 41;
  -webkit-transform: scale(0.5);
  transform: scale(0.5)
}

@media only screen and (max-width: 979px) {
  .audience-testimonials__slide-icon {
    display: block
  }
}

.audience-testimonials__slide-icon--top {
  left: -26px;
  top: -20px
}

.audience-testimonials__slide-icon--bottom {
  -webkit-transform: scale(0.5) rotate(180deg);
  transform: scale(0.5) rotate(180deg);
  bottom: -24px;
  right: -28px
}

.audience-testimonials__slide-name {
  font-weight: 600;
  font-size: 35px;
  line-height: 111%;
  text-align: center;
  color: #2c99a4
}

@media only screen and (max-width: 979px) {
  .audience-testimonials__slide-name {
    font-size: 23px;
    line-height: 18px
  }
}

.audience-testimonials__slide-membership {
  display: block;
  text-align: center;
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;
  color: #4a4a4a;
  margin-bottom: 34px
}

@media only screen and (max-width: 979px) {
  .audience-testimonials__slide-membership {
    font-size: 12px
  }
}

.audience-testimonials__slide-quote {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .audience-testimonials__slide-quote {
    font-size: 16px
  }
}

.audience-engaged__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  padding: 150px 100px 37px 0;
  position: relative;
  z-index: 10;
  opacity: 0
}

@media only screen and (max-width: 1279px) {
  .audience-engaged__content {
    padding: 275px 25px 27px
  }
}

@media only screen and (max-width: 979px) {
  .audience-engaged__content {
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    opacity: 1;
    text-align: center;
    padding: 56px 16px
  }
}

.audience-engaged__content--show-up {
  opacity: 1
}

.audience-engaged__title {
  font-weight: 300;
  font-size: 35px;
  line-height: 1.11;
  color: #fff;
  max-width: 470px
}

@media only screen and (max-width: 1279px) {
  .audience-engaged__title {
    font-size: 25px;
    max-width: 352px;
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 979px) {
  .audience-engaged__title {
    margin: 0 auto;
    max-width: 400px;
    font-size: 25px;
    color: #4a4a4a;
    line-height: 133.1%
  }
}

.audience-engaged__title br {
  display: none
}

@media only screen and (max-width: 1279px) {
  .audience-engaged__title br {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .audience-engaged__title br {
    display: none
  }
}

.audience-engaged__dynamic-name {
  font-weight: 600;
  color: #2c99a4;
  transition: all .15s
}

.audience-engaged__button {
  margin-top: 0;
  position: relative;
  left: -16px;
  font-size: 25px;
  color: #fff;
  line-height: 1.2
}

@media only screen and (max-width: 1279px) {
  .audience-engaged__button {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .audience-engaged__button {
    margin-top: 25px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    color: #582362;
    font-size: 18px;
    left: 0
  }
}

@media only screen and (max-width: 1279px) {
  .audience-engaged__button:hover {
    color: #fff
  }
}

@media only screen and (max-width: 979px) {
  .audience-engaged__button:hover {
    color: #582362
  }
}

.audience-numbers-new {
  padding: 66px 0 85px;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .audience-numbers-new {
    padding: 46px 0 0 0
  }
}

.audience-numbers-new__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .audience-numbers-new__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.audience-numbers-new__list {
  width: 50%;
  min-height: 485px
}

@media only screen and (max-width: 1279px) {
  .audience-numbers-new__list {
    min-height: 350px
  }
}

@media only screen and (max-width: 979px) {
  .audience-numbers-new__list {
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
    min-height: 292px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: -45px
  }
}

@media only screen and (max-width: 330px) {
  .audience-numbers-new__list {
    min-height: 242px
  }
}

.audience-numbers-new__content {
  width: 50%;
  padding-left: 65px
}

@media only screen and (max-width: 1439px) {
  .audience-numbers-new__content {
    padding-left: 35px
  }
}

@media only screen and (max-width: 979px) {
  .audience-numbers-new__content {
    width: 100%;
    margin-bottom: 40px;
    padding-left: 0
  }
}

.audience-numbers-new__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 36px;
  line-height: 1.22;
  color: #582362;
  margin-bottom: 22px
}

@media only screen and (max-width: 979px) {
  .audience-numbers-new__title {
    font-size: 25px;
    text-align: center
  }
}

.audience-numbers-new__text {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  color: #000;
  max-width: 560px;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .audience-numbers-new__text {
    color: #4a4a4a;
    font-size: 16px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
  }
}

.audience-numbers-new__list-wrap {
  position: relative;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .audience-numbers-new__list-wrap {
    -webkit-transform: scale(0.7);
    transform: scale(0.7)
  }
}

@media only screen and (max-width: 1023px) {
  .audience-numbers-new__list-wrap {
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
  }
}

@media only screen and (max-width: 480px) {
  .audience-numbers-new__list-wrap {
    left: -65px
  }
}

@media only screen and (max-width: 330px) {
  .audience-numbers-new__list-wrap {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    left: -50px
  }
}

.audience-numbers-new__list-item {
  position: absolute;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

.audience-numbers-new__list-item_1 {
  width: 318px;
  height: 318px;
  background: #2c99a4;
  top: 0;
  left: 0;
  z-index: 1
}

.audience-numbers-new__list-item_2 {
  width: 198px;
  height: 198px;
  background: #9dc92e;
  top: 88px;
  left: 318px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

.audience-numbers-new__list-item_3 {
  width: 190px;
  height: 186px;
  background: #f9f9f9;
  top: 300px;
  left: 20px;
  z-index: 0;
  padding-top: 15px
}

.audience-numbers-new__list-item_4 {
  width: 174px;
  height: 174px;
  background: #582362;
  top: 255px;
  left: 202px;
  z-index: 3
}

.audience-numbers-new__number {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 1.11;
  margin-bottom: 0
}

.audience-numbers-new__number_1 {
  font-size: 58px;
  color: #fff
}

.audience-numbers-new__number_2 {
  font-size: 35px;
  color: #fff
}

.audience-numbers-new__number_3 {
  font-size: 36px;
  color: #582362
}

.audience-numbers-new__number_4 {
  font-size: 34px;
  color: #fff
}

.audience-numbers-new__description {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  margin-bottom: 0;
  line-height: 1.4
}

.audience-numbers-new__description_1 {
  font-size: 37px;
  color: #fff
}

.audience-numbers-new__description_2 {
  font-size: 23px;
  color: #fff
}

.audience-numbers-new__description_3 {
  font-size: 20px;
  color: #582362
}

.audience-numbers-new__description_4 {
  font-size: 23px;
  color: #fff
}

.audience-numbers-new2 {
  font-family: Montserrat, sans-serif;
  color: #000;
  padding-top: 96px;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .audience-numbers-new2 {
    padding-top: 46px
  }
}

.audience-numbers-new2 .swiper-button-prev-unique,
.audience-numbers-new2 .swiper-button-next-unique {
  opacity: 0
}

@media only screen and (max-width: 1279px) {

  .audience-numbers-new2 .swiper-button-prev-unique,
  .audience-numbers-new2 .swiper-button-next-unique {
    opacity: 1
  }
}

.audience-numbers-new2__inner {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
  width: 100%;
  margin-top: 83px
}

@media only screen and (max-width: 979px) {
  .audience-numbers-new2__inner {
    margin-top: 30px
  }
}

@media only screen and (max-width: 767px) {
  .audience-numbers-new2__container_family {
    width: 100%
  }
}

.audience-numbers-new2__container_inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1279px) {
  .audience-numbers-new2__container_inner {
    width: 100%;
    position: relative
  }
}

.audience-numbers-new2__mobile-container {
  width: 100%;
  overflow: hidden;
  padding: 72px 0 10px
}

@media only screen and (max-width: 1279px) {
  .audience-numbers-new2__mobile-container {
    width: 660px
  }
}

@media only screen and (max-width: 979px) {
  .audience-numbers-new2__mobile-container {
    width: 100%
  }
}

.swiper-button-prev-unique {
  width: 20px;
  height: 20px;
  position: absolute;
  left: calc(50% - 370px);
  top: 58%;
  border-top: 1px #585858 solid;
  border-left: 1px #585858 solid;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0
}

@media only screen and (max-width: 1279px) {
  .swiper-button-prev-unique {
    opacity: 1
  }
}

@media only screen and (max-width: 979px) {
  .swiper-button-prev-unique {
    display: none
  }
}

.swiper-button-next-unique {
  width: 20px;
  height: 20px;
  position: absolute;
  right: calc(50% - 370px);
  top: 58%;
  border-top: 1px #585858 solid;
  border-left: 1px #585858 solid;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0
}

@media only screen and (max-width: 1279px) {
  .swiper-button-next-unique {
    opacity: 1
  }
}

@media only screen and (max-width: 979px) {
  .swiper-button-next-unique {
    display: none
  }
}

.audience-numbers-new2__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.audience-numbers-new2__title {
  font-size: 36px;
  line-height: 44px;
  color: #582362;
  margin-bottom: 20px;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .audience-numbers-new2__title {
    font-size: 26px
  }
}

.audience-numbers-new2__sub-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .audience-numbers-new2__sub-title {
    max-width: 600px
  }
}

.audience-numbers-new2__sub-title__time {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  text-align: center;
  color: #2c99a4;
  min-height: 22px;
  margin-top: -7px;
  position: relative;
  z-index: 3
}

.audience-numbers-new2__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .audience-numbers-new2__text {
    max-width: 660px
  }
}

@media only screen and (max-width: 979px) {
  .audience-numbers-new2__text {
    font-size: 16px
  }
}

@media only screen and (max-width: 1279px) {
  .audience-numbers-new2__content br {
    display: none
  }
}

.audience-numbers-new2__list-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

@media only screen and (max-width: 1279px) {
  .audience-numbers-new2__list-wrap {
    -ms-flex-pack: normal;
    justify-content: normal
  }
}

.audience-numbers-new2__list-item {
  background: #ff0;
  width: 196px !important;
  min-width: 160px;
  text-align: center;
  padding: 0 10px 10px;
  height: auto;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .audience-numbers-new2__list-item {
    margin-left: 18px;
    margin-right: 18px
  }
}

.audience-numbers-new2__list-item--1 {
  background: #9dc92e
}

.audience-numbers-new2__list-item--1 .audience-numbers-new2__image {
  top: -5px;
  left: 7px
}

.audience-numbers-new2__list-item--2 {
  background: #292c49
}

.audience-numbers-new2__list-item--2 .audience-numbers-new2__image {
  top: -9px;
  left: 1px
}

.audience-numbers-new2__list-item--3 {
  background: #883c96
}

.audience-numbers-new2__list-item--3 .audience-numbers-new2__image {
  top: 1px;
  left: 11px
}

.audience-numbers-new2__list-item--4 {
  background: #3baab5
}

.audience-numbers-new2__list-item--4 .audience-numbers-new2__image {
  top: -2px
}

.audience-numbers-new2__list-item--5 {
  background: #572162
}

.audience-numbers-new2__list-item--5 .audience-numbers-new2__image {
  top: -5px
}

.audience-numbers-new2__time {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  min-height: 22px;
  margin-top: 8px;
  margin-bottom: 0;
  position: relative;
  z-index: 3
}

.audience-numbers-new2__number {
  font-weight: bold;
  font-size: 45px;
  line-height: 1.1;
  text-align: center;
  color: #fff;
  margin-bottom: 5px
}

.audience-numbers-new2__description {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.1;
  text-align: center;
  color: #fff
}

.audience-numbers-new2__image {
  position: relative;
  z-index: 2
}

.audience-numbers-new2__image-inner {
  background: #fff;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 108px;
  height: 108px;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -54px;
  margin-bottom: 0;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

.audience-testimonials__swiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px
}

.prodege-contact {
  position: relative;
  width: 100%
}

@media only screen and (max-width: 979px) {
  body.contact-page .menu-wrapper {
    background: #582362
  }
}

.prodege-contact__container {
  max-width: 1038px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

.prodege-contact__color-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 576px;
  z-index: -1;
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%)
}

@media only screen and (max-width: 1279px) {
  .prodege-contact__color-box {
    min-height: 545px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact__color-box {
    display: none
  }
}

.prodege-contact__title {
  padding: 0;
  margin: 136px 0 32px;
  text-align: center;
  font-weight: 300;
  font-size: 55px;
  line-height: 125%;
  color: #582362;
  padding-top: 65px
}

@media only screen and (max-width: 1279px) {
  .prodege-contact__title {
    font-size: 48px;
    margin-top: 143px;
    margin-bottom: 43px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact__title {
    margin: 64px 0 30px;
    font-weight: 300;
    font-size: 28px;
    line-height: 121.4%;
    padding-top: 46px;
    margin-bottom: 26px
  }
}

.form-submited .prodege-contact__title {
  padding-bottom: 65px;
  background: #582362;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .form-submited .prodege-contact__title {
    margin-top: 113px;
    padding-top: 74px;
    padding-bottom: 71px;
    margin-bottom: 5px
  }
}

@media only screen and (max-width: 979px) {
  .form-submited .prodege-contact__title {
    margin-top: 64px;
    padding-top: 58px;
    padding-bottom: 50px;
    margin-bottom: 0px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact__container {
    width: 100%
  }
}

.prodege-contact-form__hbspt-form .hbspt-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background-color: #fff;
  max-width: 1040px;
  margin: 0 auto 38px;
  padding: 62px 74px 96px
}

.prodege-contact-form__hbspt-form .hbspt-form .submitted-message {
  font-weight: 300;
  font-size: 43px;
  line-height: 140%;
  max-width: 690px;
  margin: 0 auto
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-form__hbspt-form .hbspt-form .submitted-message {
    font-size: 35px;
    max-width: 610px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-form__hbspt-form .hbspt-form .submitted-message {
    font-size: 18px;
    line-height: 143.1%
  }
}

.prodege-contact-form__hbspt-form .hbspt-form .submitted-message p {
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-form__hbspt-form .hbspt-form {
    padding: 60px 60px 98px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-form__hbspt-form .hbspt-form {
    padding: 32px 23px 35px;
    margin-bottom: 0
  }
}

.prodege-contact__container:not(.form-submited) .prodege-contact-form__hbspt-form .hbspt-form {
  padding-top: 10px
}

.prodege-contact-form__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background-color: #fff;
  max-width: 1040px;
  margin: 0 auto 38px;
  padding: 50px 74px 60px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-form__form {
    padding: 50px 60px 72px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-form__form {
    padding: 16px 28px 80px;
    box-shadow: none
  }
}

.prodege-contact-form__form-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 100%;
  margin: 9px 0 0
}

.prodege-contact-form__form-box--row {
  margin: 32px 0 0;
  font-size: 16px;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .prodege-contact-form__form-box--row {
    margin: 22px 0 0;
    font-size: 12px
  }
}

.prodege-contact-form__form-box--row .mc4wp-checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.prodege-contact-form__form-label {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-form__form-label {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-form__form-label {
    font-size: 16px
  }
}

.surveys,
.surveydemo-select__wrapper,
.events-select,
.your-interested_in,
.your-interest {
  position: relative
}

.surveys:before,
.surveydemo-select__wrapper:before,
.events-select:before,
.your-interested_in:before,
.your-interest:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 18px;
  border-left: 1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.prodege-contact-form__form-input,
.surveydemo-select__select,
.events-select__select {
  min-height: 58px;
  width: 100%;
  padding: 0 0 0 15px;
  border: 1px solid #979797;
  box-sizing: border-box;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, .25);
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  color: #4a4a4a;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}

.prodege-contact-form__form-input::-ms-expand,
.surveydemo-select__select::-ms-expand,
.events-select__select::-ms-expand {
  display: none
}

.prodege-contact-form__form-input:not(:focus):invalid,
.surveydemo-select__select:not(:focus):invalid,
.events-select__select:not(:focus):invalid {
  color: #4a4a4a
}

.prodege-contact-form__form-input::-webkit-input-placeholder,
.surveydemo-select__select::-webkit-input-placeholder,
.events-select__select::-webkit-input-placeholder {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: 58px;
  text-indent: -10px
}

.prodege-contact-form__form-input::-moz-placeholder,
.surveydemo-select__select::-moz-placeholder,
.events-select__select::-moz-placeholder {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: 58px;
  text-indent: -10px
}

.prodege-contact-form__form-input:-ms-input-placeholder,
.surveydemo-select__select:-ms-input-placeholder,
.events-select__select:-ms-input-placeholder {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: 58px;
  text-indent: -10px
}

.prodege-contact-form__form-input::-ms-input-placeholder,
.surveydemo-select__select::-ms-input-placeholder,
.events-select__select::-ms-input-placeholder {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: 58px;
  text-indent: -10px
}

.prodege-contact-form__form-input::placeholder,
.surveydemo-select__select::placeholder,
.events-select__select::placeholder {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: 58px;
  text-indent: -10px
}

.prodege-contact-form__form-outer-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 979px) {
  .prodege-contact-form__form-outer-container {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.prodege-contact-form__form-container {
  width: 56%
}

@media only screen and (max-width: 979px) {
  .prodege-contact-form__form-container {
    width: 100%
  }
}

.prodege-contact-form__form-textarea-box {
  margin: 9px 0 0;
  width: 40%
}

@media only screen and (max-width: 979px) {
  .prodege-contact-form__form-textarea-box {
    width: 100%
  }
}

.prodege-contact-form__form-textarea {
  width: 100%;
  height: 333px;
  border: 1px solid #979797;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .5)
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-form__form-textarea {
    height: 323px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-form__form-textarea {
    height: 140px;
    border-radius: 0
  }
}

.mc4wp-checkbox input {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #979797;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .5);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  top: 3px
}

.mc4wp-checkbox input:checked:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 3px;
  border-bottom: 2px solid #333;
  border-left: 2px solid #333;
  width: 10px;
  height: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.help-center-mobile__button:after,
.product-increase-engagement__button:after,
.solutions-purple-card__cta:after,
.product-banner-text-cta__button:after,
.product-drive-sales .product-drive-sales__button:after,
.products-slider__button:after,
.product-solutions__button:after,
.product-carousel-banner__button:after,
.product-top-section__button:after,
.prodege-contact-form__button-box:after {
  content: "";
  position: absolute;
  right: 48px;
  top: 50%;
  width: 54px;
  height: 54px;
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-white.svg");
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all .3s;
  pointer-events: none
}

@media only screen and (max-width: 767px) {

  .help-center-mobile__button:after,
  .product-increase-engagement__button:after,
  .solutions-purple-card__cta:after,
  .product-banner-text-cta__button:after,
  .product-drive-sales .product-drive-sales__button:after,
  .products-slider__button:after,
  .product-solutions__button:after,
  .product-carousel-banner__button:after,
  .product-top-section__button:after,
  .prodege-contact-form__button-box:after {
    width: 33px;
    height: 33px;
    right: 25px;
    background-repeat: no-repeat
  }
}

.prodege-contact-form__button-box {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 300px;
  height: 75px;
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
  cursor: pointer
}

@media only screen and (max-width: 767px) {
  .prodege-contact-form__button-box {
    width: 187px;
    height: 57px
  }
}

.prodege-contact-form__button-box:hover .prodege-contact-form__button {
  background-color: #292c49
}

.prodege-contact-form__button-box:hover:after {
  right: 36px
}

@media only screen and (max-width: 979px) {
  .prodege-contact-form__button-box:hover:after {
    right: 25px
  }
}

.prodege-contact-form__button {
  padding-left: 46px;
  width: 100%;
  height: 100%;
  border: 0;
  background-color: #2c99a4;
  color: #fff;
  text-align: left;
  font-size: 35px;
  line-height: 111%;
  transition: all .3s;
  cursor: pointer;
  border-radius: 0;
  font-weight: 400
}

@media only screen and (max-width: 979px) {
  .prodege-contact-form__button {
    font-size: 26px;
    padding-left: 25px
  }
}

.prodege-contact-form__success-icon {
  margin: 0 auto;
  width: 79px;
  height: 98px;
  background-image: url("/wp-content/themes/prodege_theme/img/inquiry-success.svg")
}

.prodege-contact-form__success-title {
  margin: 55px auto 0;
  font-weight: 300;
  font-size: 35px;
  line-height: 111%;
  color: #000;
  text-align: center
}

.prodege-contact-form__success-text {
  margin: 10px auto 0;
  max-width: 700px;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  text-align: center
}

.prodege-contact-form__success-buttons {
  margin: 0 auto;
  min-width: 400px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  padding: 60px 0 25px
}

@media only screen and (max-width: 979px) {
  .prodege-contact-form__success-buttons {
    min-width: 0
  }
}

.prodege-contact-form__success-button {
  font-weight: 300;
  font-size: 25px;
  line-height: 30px
}

.prodege-address {
  width: 100%
}

@media only screen and (max-width: 979px) {
  .prodege-address__container {
    width: 100%
  }
}

.prodege-address__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 535px;
  margin: 0 auto;
  padding: 103px 0
}

@media only screen and (max-width: 1279px) {
  .prodege-address__info {
    max-width: 500px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-address__info {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 83px 60px 20px 60px;
    margin-top: 0
  }
}

.prodege-address__info-box {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 23px;
  color: #4a4a4a;
  max-width: 225px
}

@media only screen and (max-width: 1279px) {
  .prodege-address__info-box {
    max-width: 225px;
    width: auto
  }
}

@media only screen and (max-width: 979px) {
  .prodege-address__info-box {
    margin-top: 40px
  }

  .prodege-address__info-box:first-child {
    margin-top: 0
  }
}

.prodege-address__info-title {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  color: #582362
}

.prodege-address__info-text {
  margin: 0
}

.prodege-address__info-link {
  color: #4a4a4a
}

.prodege-address__info-link:hover {
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .prodege-address__info-link:hover {
    text-decoration: none
  }
}

.prodege-address__info-buttons {
  margin-top: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  display: grid;
  grid-template-columns: repeat(1fr, 1fr)
}

@media only screen and (max-width: 979px) {
  .prodege-address__info-buttons {
    margin-top: 6px
  }
}

.prodege-address__info-button {
  color: #4a4a4a;
  line-height: 28px;
  grid-column: 1
}

.prodege-address__info-button:nth-child(2n) {
  grid-column: 2;
  margin-right: -70px
}

@media only screen and (max-width: 1279px) {
  .prodege-address__info-button:nth-child(2n) {
    margin-right: 0
  }
}

.prodege-address__info-button:hover {
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .prodege-address__info-button:hover {
    text-decoration: none
  }
}

.prodege-address__info-button-text {
  position: relative
}

.prodege-address__info-button-text:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  width: 18px;
  height: 18px;
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-aqua.svg");
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.prodege-contact-offices__container {
  margin-top: 31px
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-offices__container {
    margin-top: 31px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-offices__container {
    width: 100%
  }
}

.prodege-contact-offices {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto 88px
}

@media only screen and (max-width: 979px) {
  .prodege-contact-offices {
    margin: 0 auto 20px
  }
}

.prodege-contact-office {
  position: relative;
  overflow: hidden;
  margin: 5px 38px;
  padding-left: 20px;
  width: calc(33.3333333333% - 76px)
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-office {
    margin: 5px 20px;
    width: calc(50% - 56px)
  }
}

.prodege-contact-office__color {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 12px
}

.prodege-contact-office--mobile {
  display: none;
  width: calc(100% - 10px)
}

@media only screen and (max-width: 979px) {
  .prodege-contact-office--mobile {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-office {
    padding-left: 25px;
    height: auto;
    width: 100%;
    margin: 0;
    margin-bottom: -10px
  }
}

.prodege-contact-office__box {
  position: relative;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 50%;
  height: 100%
}

@media only screen and (max-width: 979px) {
  .prodege-contact-office__box {
    width: 100%;
    height: auto;
    min-height: 250px
  }
}

.prodege-contact-office__box .prodege-contact-office__bg {
  height: 100%;
  width: auto;
  cursor: default
}

.prodege-contact-office__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
  width: auto;
  height: 100%;
  cursor: pointer
}

@media only screen and (max-width: 979px) {
  .prodege-contact-office__bg {
    width: 100%;
    height: auto
  }
}

.prodege-contact-office__info,
.prodege-contact-office__subtitle,
.prodege-contact-office__name {
  position: relative;
  z-index: 23;
  color: #4a4a4a
}

.prodege-contact-office__name {
  position: relative;
  margin: 0;
  font-size: 23px;
  line-height: 1.4;
  font-weight: 300
}

.prodege-contact-office__name--headquarter-icon:after {
  content: "";
  position: absolute;
  top: -70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 60px;
  width: 27px;
  background-image: url("/wp-content/themes/prodege_theme/img/headquarter.svg")
}

@media only screen and (max-width: 979px) {
  .prodege-contact-office__name--headquarter-icon:after {
    display: none
  }
}

.prodege-contact-office__subtitle {
  margin-bottom: -38px;
  font-size: 23px;
  font-weight: 300
}

@media only screen and (max-width: 979px) {
  .prodege-contact-office__subtitle {
    font-size: 25px
  }
}

.prodege-contact-office__info {
  font-weight: 300;
  font-size: 16px;
  margin: 0;
  line-height: 1.43
}

.prodege-contact-office__box-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  position: relative;
  overflow: hidden;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 10px 0;
  width: 100%;
  padding-left: 15%
}

.prodege-contact-office__box-icon {
  position: absolute;
  font-size: 28px;
  left: 30px;
  top: -5px;
  z-index: 20;
  color: #fff
}

@media only screen and (max-width: 979px) {
  .prodege-contact-office__box-icon {
    left: 20px
  }
}

.prodege-contact-office__link {
  display: block;
  font-weight: 300;
  color: #fff;
  font-size: 23px;
  margin: 0
}

.prodege-contact-office__link:hover {
  color: #fff
}

@media only screen and (max-width: 979px) {
  .prodege-contact-office__link {
    font-size: 18px
  }
}

.prodege-contact-offices__box {
  width: calc(100% + 90px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: calc(50% - 461px)
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-offices__box {
    width: 100%;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-offices__box {
    width: 100%;
    padding: 0 52px;
    margin-bottom: 10px
  }
}

.prodege-contact-office__more {
  color: #fff;
  font-size: 15px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 30;
  cursor: pointer
}

@media only screen and (max-width: 979px) {
  .prodege-contact-office__more {
    display: none
  }
}

.prodege-contact-office__address-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  transition: .3s all;
  overflow: hidden;
  z-index: 20
}

@media only screen and (max-width: 979px) {
  .prodege-contact-office__address-box {
    display: none
  }
}

.prodege-contact-office__address-box--visible {
  opacity: 1;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.prodege-contact-offices__swiper {
  display: none;
  width: 100%;
  overflow: hidden;
  padding: 30px 20px 10px
}

@media only screen and (max-width: 979px) {
  .prodege-contact-offices__swiper {
    display: block
  }
}

.prodege-mobile-office {
  position: relative;
  height: 280px;
  width: 244px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

.prodege-mobile-office__bg {
  height: 133px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.prodege-mobile-office__name {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 133px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff
}

.prodege-mobile-office__address {
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  padding: 26px 4px 4px;
  font-size: 14px;
  line-height: 17px;
  color: #4a4a4a;
  text-align: center
}

.prodege-mobile-office__location {
  position: absolute;
  bottom: 9px;
  right: 5px;
  font-size: 25px;
  color: #582362
}

.prodege-contact__first {
  width: 100%;
  padding: 86px 93px
}

.prodege-contact-map-box {
  position: relative;
  margin-bottom: 70px
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-map-box {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-map-box {
    width: 100%;
    padding: 33px 50px 10px;
    background: #582362;
    max-width: 100%;
    margin-bottom: 53px
  }
}

.prodege-contact-map-box__icon-inner {
  background: #582362;
  width: 57px;
  height: 57px;
  margin-bottom: 17px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-map-box__icon-inner {
    width: 30px;
    height: 30px;
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-map-box__icon-inner {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    height: 85px
  }
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-map-box__icon {
    height: 22px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-map-box__icon {
    height: 85px
  }
}

.prodege-contact-map-box__address-box {
  text-align: left;
  position: absolute;
  left: 93px;
  bottom: 35px;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-map-box__address-box {
    bottom: 8px;
    left: 87px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-map-box__address-box {
    position: static;
    text-align: center
  }
}

.prodege-contact-map-box__name {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  color: #582362;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .prodege-contact-map-box__name {
    color: #fff;
    font-size: 28px
  }
}

.prodege-contact-map-box__subtitle {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  color: #2c99a4;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .prodege-contact-map-box__subtitle {
    color: #fff;
    font-size: 18px;
    margin-bottom: 32px
  }
}

.prodege-contact-map-box__info {
  color: #4a4a4a;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .prodege-contact-map-box__info {
    color: #fff;
    font-size: 18px
  }
}

@media only screen and (max-width: 480px) {
  .prodege-contact-map-box__info {
    text-align: left;
    max-width: 200px;
    margin: auto;
    line-height: 24px
  }
}

.prodege-contact-map-box__img {
  max-width: 100%
}

@media only screen and (max-width: 979px) {
  .prodege-contact-map-box__img {
    display: none
  }
}

.prodege-contact-map-box__color {
  width: 29px;
  height: 29px;
  position: absolute
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-map-box__color {
    width: 14px;
    height: 14px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact-map-box__color {
    display: none
  }
}

.prodege-contact-map-box__color_1 {
  background: #47748d;
  left: 251px;
  top: 243px
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-map-box__color_1 {
    left: 197px;
    top: 194px
  }
}

.prodege-contact-map-box__color_2 {
  background: #52567a;
  left: 188px;
  top: 149px
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-map-box__color_2 {
    left: 144px;
    top: 114px
  }
}

.prodege-contact-map-box__color_3 {
  background: #4ca393;
  left: 463px;
  top: 185px
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-map-box__color_3 {
    left: 359px;
    top: 142px
  }
}

.prodege-contact-map-box__color_4 {
  background: #f0c66d;
  left: 535px;
  top: 254px
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-map-box__color_4 {
    left: 427px;
    top: 200px
  }
}

.prodege-contact-map-box__color_6 {
  background: #9dc92e;
  left: 720px;
  top: 287px
}

@media only screen and (max-width: 1279px) {
  .prodege-contact-map-box__color_6 {
    left: 560px;
    top: 235px
  }
}

.wpcf7-form-control-wrap.source {
  display: none
}

.prodege-contact .hs-input {
  transition: all .3s;
  margin-bottom: 8px
}

@media only screen and (max-width: 979px) {
  .prodege-contact .hs-input {
    margin-bottom: 10px
  }
}

.prodege-contact .hs-input:focus,
.prodege-contact .hs-input:active {
  transition: all .3s;
  background: #e9e9ea
}

.prodege-contact select {
  padding-right: 49px !important
}

.prodege-contact .hs-fieldtype-select > div.input {
  position: relative
}

.prodege-contact .hs-fieldtype-select > div.input:after {
  content: "";
  display: block;
  position: absolute;
  width: 21px;
  height: 13px;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/wp-content/themes/prodege_theme/img/down-black.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

@media only screen and (max-width: 1279px) {
  .prodege-contact .hs-fieldtype-select > div.input:after {
    top: 47%
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact .hs-fieldtype-select > div.input:after {
    top: 46%
  }
}

.prodege-contact .hbspt-form label {
  margin-bottom: 0
}

.prodege-contact .hbspt-form textarea {
  min-height: 210px;
  padding: 14px
}

@media only screen and (max-width: 979px) {
  .prodege-contact .hbspt-form textarea {
    min-height: 135px
  }
}

.prodege-contact .hbspt-form .hs-submit input {
  background-color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .prodege-contact .hbspt-form .hs-submit input {
    padding-left: 48px;
    padding-right: 118px;
    font-weight: 300;
    font-size: 35px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact .hbspt-form .hs-submit input {
    padding: 10px 78px 10px 20px;
    font-size: 26px;
    line-height: 110.9%
  }
}

@media only screen and (max-width: 1279px) {
  .prodege-contact .hbspt-form .hs-submit:hover input {
    background-color: #9dc92e
  }

  .prodege-contact .hbspt-form .hs-submit:hover:after {
    right: 40px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact .hbspt-form .hs-submit:hover:after {
    right: 26px
  }
}

@media only screen and (max-width: 1279px) {
  .prodege-contact .hbspt-form .hs-submit:after {
    right: 40px;
    width: 54px;
    height: 54px
  }
}

@media only screen and (max-width: 979px) {
  .prodege-contact .hbspt-form .hs-submit:after {
    width: 39px;
    height: 39px;
    right: 26px
  }
}

.about-header {
  position: relative;
  width: 100%;
  padding-top: 64px;
  color: #fff
}

@media only screen and (max-width: 979px) {
  .about-header {
    height: auto;
    overflow: hidden
  }
}

.about-header__purple-bar-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 530px;
  background: #572760;
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%);
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .about-header__purple-bar-top {
    height: 403px
  }
}

@media only screen and (max-width: 979px) {
  .about-header__purple-bar-top {
    height: 100%;
    left: 0;
    top: 30%;
    background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%)
  }
}

.about-header__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

@media only screen and (max-width: 1279px) {
  .about-header__container {
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media only screen and (max-width: 979px) {
  .about-header__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0 60px;
    width: 100%
  }
}

.about-header__img-wrap {
  width: 50%;
  padding: 34px 30px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .about-header__img-wrap {
    width: 100%;
    padding: 0 0 0 10%
  }
}

.about-header__img-wrap picture {
  width: 100%
}

.about-header__img {
  width: 100%;
  max-width: 472px;
  box-shadow: 2px 2px 11px rgba(0, 0, 0, .13)
}

@media only screen and (max-width: 1279px) {
  .about-header__img {
    max-width: 330px
  }
}

@media only screen and (max-width: 979px) {
  .about-header__img {
    max-width: none
  }
}

.about-header__content {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 2.5%;
  font-weight: 300;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 40px
}

@media only screen and (max-width: 1279px) {
  .about-header__content {
    width: 50%;
    margin-left: 2.5%;
    padding-right: 10px;
    padding-top: 20px
  }
}

@media only screen and (max-width: 979px) {
  .about-header__content {
    width: auto;
    max-height: none;
    margin: 0;
    text-align: center;
    padding: 60px 0 0;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto
  }
}

.about-header__title {
  font-size: 38px;
  line-height: 1.33;
  margin: 0;
  margin-bottom: 16px
}

@media only screen and (max-width: 1279px) {
  .about-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .about-header__title {
    font-size: 28px
  }
}

.about-header__description {
  font-size: 18px;
  line-height: 140%
}

@media only screen and (max-width: 979px) {
  .about-header__description {
    font-size: 16px
  }
}

.about-header__indicator-wrapper {
  position: relative;
  height: 100%
}

@media only screen and (max-width: 1279px) {
  .about-header__indicator-wrapper {
    display: none
  }
}

.about-header__scroll-indicator {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 68px;
  height: 68px;
  background-color: #9dc92e;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 20;
  transition: all .3s;
  display: none
}

.about-header__scroll-indicator:hover {
  background-color: #292c49
}

.about-header__scroll-indicator:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 33px;
  background-image: url("/wp-content/themes/prodege_theme/img/scroll-indicator.svg");
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.about-story {
  width: 100%;
  padding-top: 145px;
  margin-bottom: 125px
}

@media only screen and (max-width: 1279px) {
  .about-story {
    padding-top: 96px;
    margin-bottom: 100px
  }
}

@media only screen and (max-width: 979px) {
  .about-story {
    padding-top: 48px;
    margin-bottom: 90px;
    background: linear-gradient(360deg, #ffffff 0%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .45)
  }
}

.about-story__container {
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 979px) {
  .about-story__container {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%
  }
}

.about-story__content {
  width: 50%;
  padding-right: 52px
}

@media only screen and (max-width: 979px) {
  .about-story__content {
    width: 100%;
    padding: 0 30px
  }
}

.about-story__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  color: #582362;
  margin: 0
}

@media only screen and (max-width: 1279px) {
  .about-story__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .about-story__title {
    font-size: 25px
  }
}

.about-story__text {
  margin-top: 20px;
  font-weight: 300;
  font-size: 16px;
  line-height: 143%;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .about-story__text {
    margin-top: 16px
  }
}

.about-story__button {
  margin-top: 37px;
  -webkit-transform: translateX(-16px);
  transform: translateX(-16px);
  font-size: 25px;
  display: inline-block
}

@media only screen and (max-width: 1279px) {
  .about-story__button {
    margin-top: 24px;
    white-space: nowrap;
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .about-story__button {
    white-space: normal;
    margin-top: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    font-size: 16px;
    min-width: 1px;
    width: auto;
    margin-left: auto;
    margin-right: auto
  }
}

.about-collage {
  position: relative;
  width: 50%;
  min-height: 460px
}

@media only screen and (max-width: 1439px) {
  .about-collage {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    min-height: 414px
  }
}

@media only screen and (max-width: 1279px) {
  .about-collage {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    min-height: 322px
  }
}

@media only screen and (max-width: 979px) {
  .about-collage {
    width: 100%;
    margin-top: 40px
  }
}

@media only screen and (max-width: 480px) {
  .about-collage {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    min-height: 276px
  }
}

.about-collage__image {
  position: absolute;
  width: 140px;
  height: 140px;
  left: 50%;
  top: 50%;
  -o-object-fit: cover;
  object-fit: cover
}

.about-collage__image--1 {
  width: 157px;
  height: 157px;
  -webkit-transform: translate3d(-188px, -256px, 0);
  transform: translate3d(-188px, -256px, 0)
}

.about-collage__image--2 {
  width: 255px;
  height: 264px;
  -webkit-transform: translate3d(-5px, -232px, 0);
  transform: translate3d(-5px, -232px, 0)
}

.about-collage__image--3 {
  width: 266px;
  height: 265px;
  -webkit-transform: translate3d(-298px, -73px, 0);
  transform: translate3d(-298px, -73px, 0)
}

.about-collage__image--4 {
  width: 157px;
  height: 157px;
  -webkit-transform: translate3d(-5px, 59px, 0);
  transform: translate3d(-5px, 59px, 0)
}

.about-collage__box {
  position: absolute;
  height: 71px;
  width: 71px;
  left: 50%;
  top: 50%
}

.about-collage__box--purple {
  background-color: #582362;
  -webkit-transform: translate3d(-283px, -171px, 0);
  transform: translate3d(-283px, -171px, 0)
}

.about-collage__box--blue {
  background-color: #2c99a4;
  -webkit-transform: translate3d(179px, 59px, 0);
  transform: translate3d(179px, 59px, 0)
}

.about-collage__box--lime {
  height: 35px;
  width: 35px;
  background-color: #9dc92e;
  -webkit-transform: translate3d(-68px, 213px, 0);
  transform: translate3d(-68px, 213px, 0)
}

.about-leadership {
  width: 100%
}

.about-leadership__links {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px 10px;
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0
}

@media only screen and (max-width: 1279px) {
  .about-leadership__links {
    padding: 0 8px 8px
  }
}

.about-leadership__linkedin-link {
  position: relative;
  transition: opacity .3s;
  display: inline-block;
  font-size: 0
}

.about-leadership__linkedin-link_top {
  position: absolute;
  top: 8px;
  left: auto;
  right: 14px;
  display: none
}

@media only screen and (max-width: 1279px) {
  .about-leadership__linkedin-link_top {
    display: block
  }
}

.about-leadership__linkedin-link:hover {
  opacity: .7
}

@media only screen and (max-width: 1279px) {
  .about-leadership__linkedin-link:hover {
    opacity: 1
  }
}

.about-leadership__bio-link {
  position: relative;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  display: inline-block
}

.about-leadership__bio-link:hover {
  -webkit-transform: translateX(4px);
  transform: translateX(4px)
}

@media only screen and (max-width: 1279px) {
  .about-leadership__bio-link:hover {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.about-leadership__container {
  position: relative;
  z-index: 20;
  margin: 0 auto;
  padding: 58px 0 0
}

@media only screen and (max-width: 1279px) {
  .about-leadership__container {
    padding: 0 0 0
  }
}

@media only screen and (max-width: 979px) {
  .about-leadership__container {
    width: 100%;
    max-width: 100vw;
    padding: 0 0 0
  }
}

.left_right0 {
  margin-left: 0
}

.container-custom_flex {
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 480px) {
  .container-custom_flex {
    width: 100%;
    padding: 0 30px
  }
}

.section-before-footer-about {
  padding: 128px 0
}

@media only screen and (max-width: 1279px) {
  .section-before-footer-about {
    padding: 80px 0
  }
}

@media only screen and (max-width: 991px) {
  .section-before-footer-about {
    padding: 7px 0 44px;
    background: none;
    min-height: 1px
  }
}

@media only screen and (max-width: 1279px) {
  .section-before-footer-about .section__content-container {
    padding-top: 0
  }
}

@media only screen and (max-width: 991px) {
  .section-before-footer-about .section__content-container {
    padding: 0
  }
}

@media only screen and (max-width: 991px) {
  .section-before-footer-about:before {
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 283px;
    background: linear-gradient(38.17deg, #704a78 0%, #582362 100%);
    z-index: -1
  }
}

@media only screen and (max-width: 1279px) {
  .section-before-footer-about .section__title {
    margin-top: 0;
    font-size: 36px;
    line-height: 133%
  }
}

@media only screen and (max-width: 991px) {
  .section-before-footer-about .section__title {
    font-size: 25px
  }
}

@media only screen and (max-width: 1279px) {
  .section-before-footer-about .section__text {
    font-size: 23px;
    color: #4a4a4a
  }
}

@media only screen and (max-width: 991px) {
  .section-before-footer-about .section__text {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px
  }
}

.section-before-footer-about .section__text br {
  display: none
}

@media only screen and (max-width: 1279px) {
  .section-before-footer-about .section__text br {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .section-before-footer-about .section__text br {
    display: none
  }
}

.section-before-footer-about img {
  box-shadow: 0px 2px 9px rgba(0, 0, 0, .183282)
}

@media only screen and (max-width: 1279px) {
  .section-before-footer-about .button {
    font-size: 22px
  }
}

@media only screen and (max-width: 991px) {
  .section-before-footer-about .button {
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding-bottom: 2px
  }
}

.section-before-footer-about h2 {
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .section-before-footer-about h2 {
    font-size: 36px
  }
}

@media only screen and (max-width: 991px) {
  .section-before-footer-about h2 {
    color: #582362;
    font-size: 25px;
    font-style: normal;
    font-weight: 300;
    line-height: 33px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0
  }
}

@media only screen and (max-width: 480px) {
  .section-before-footer-about h2 {
    max-width: 264px
  }
}

@media only screen and (max-width: 1279px) {
  .section-before-footer-about img {
    max-width: 375px;
    max-height: 375px
  }
}

@media only screen and (max-width: 991px) {
  .section-before-footer-about img {
    box-shadow: 0px 2px 9px rgba(0, 0, 0, .183282)
  }
}

@media only screen and (max-width: 480px) {
  .section-before-footer-about img {
    width: 100%
  }
}

@media only screen and (max-width: 991px) {
  .section__color-box1 {
    display: none
  }
}

.about-leadership__title {
  padding: 0 20px;
  margin: 0;
  max-width: 100%;
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .about-leadership__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .about-leadership__title {
    font-size: 25px
  }
}

.about-leadership__text {
  width: 100%;
  margin: 10px auto 0;
  max-width: 100%;
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 23px;
  line-height: 143%;
  color: #2c99a4;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .about-leadership__text {
    width: 100%;
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .about-leadership__text {
    width: 100%;
    padding: 0 30px
  }
}

.about-leadership__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 30px auto
}

@media only screen and (max-width: 1279px) {
  .about-leadership__list {
    margin-top: 50px
  }
}

@media only screen and (max-width: 979px) {
  .about-leadership__list {
    display: none
  }
}

.about-leadership__list-top {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.about-leadership__list-top .about-leadership__name {
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 140%
}

@media only screen and (max-width: 1279px) {
  .about-leadership__list-top .about-leadership__name {
    padding: 0 30px
  }
}

.about-leadership__list-top .about-leadership__role {
  font-size: 24px;
  line-height: 140%;
  margin-bottom: 18px
}

@media only screen and (max-width: 1279px) {
  .about-leadership__list-top .about-leadership__role {
    font-size: 20px
  }
}

.about-leadership__list-employees {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}

.about-leadership__leader-box {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 50%;
  min-height: 1px;
  padding-right: 11px;
  padding-left: 11px;
  padding-top: 25px;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 353px;
  opacity: 0
}

@media only screen and (max-width: 1279px) {
  .about-leadership__leader-box {
    padding-right: 8px;
    padding-left: 8px;
    max-width: 260px
  }
}

@media only screen and (max-width: 979px) {
  .about-leadership__leader-box {
    padding-right: 14px;
    padding-left: 14px;
    max-width: 330px
  }
}

.about-leadership__leader-box--small {
  padding-right: 11px;
  padding-left: 11px;
  -ms-flex: 0 0 calc(20% - 20px);
  flex: 0 0 calc(20% - 20px);
  width: 20%
}

@media only screen and (max-width: 1279px) {
  .about-leadership__leader-box--small {
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 20px;
    -ms-flex: 0 0 calc(20% - 16px);
    flex: 0 0 calc(20% - 16px)
  }
}

@media only screen and (max-width: 1279px) {
  .about-leadership__leader-box--small .about-leadership__name {
    font-size: 18px
  }
}

@media only screen and (max-width: 1279px) {
  .about-leadership__leader-box--small .about-leadership__role {
    font-size: 13px
  }
}

.about-leadership__leader-wrapper {
  position: relative;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
  padding-bottom: 34px;
  transition: .3s all ease-in-out
}

@media only screen and (max-width: 1279px) {
  .about-leadership__leader-wrapper {
    padding-bottom: 32px
  }
}

.about-leadership__leader-wrapper:hover {
  box-shadow: 1px 4px 10px 2px rgba(0, 0, 0, .1)
}

.about-leadership__half-box {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  width: 100%;
  height: 100%;
  min-height: 1px;
  padding-top: 25px;
  padding-right: 11px;
  padding-left: 11px
}

.about-leadership__half-wrapper {
  position: absolute;
  width: 4.2%
}

@media only screen and (max-width: 1279px) {
  .about-leadership__half-wrapper {
    width: 4%
  }
}

.about-leadership__half-wrapper_left {
  top: 11.2%;
  left: 54px
}

@media only screen and (max-width: 1279px) {
  .about-leadership__half-wrapper_left {
    top: 8.7%
  }
}

.about-leadership__half-wrapper_right {
  top: 69.6%;
  right: 15%
}

@media only screen and (max-width: 1279px) {
  .about-leadership__half-wrapper_right {
    top: 71.5%
  }
}

.about-leadership__half-first-big-box {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  padding-top: 100%;
  background-color: #582362
}

.about-leadership__half-first-small-box {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 0;
  width: 50%;
  padding-top: 50%;
  margin-bottom: calc(100% + 22px);
  background-color: #9dc92e
}

@media only screen and (max-width: 1279px) {
  .about-leadership__half-first-small-box {
    margin-bottom: calc(100% + 16px)
  }
}

.about-leadership__half-second-big-box {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 100%;
  padding-top: 100%;
  background-color: #2c99a4
}

.about-leadership__half-second-small-box {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 50%;
  padding-top: 50%;
  margin-top: calc(100% + 22px);
  background-color: #9dc92e
}

@media only screen and (max-width: 1279px) {
  .about-leadership__half-second-small-box {
    margin-top: calc(100% + 16px)
  }
}

.about-leadership__leader-box--visible {
  opacity: 1
}

.about-leadership__leader {
  z-index: 20;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  transition: .3s all
}

.about-leadership__icon {
  background: 0 0;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 18px;
  color: #fff;
  z-index: 30
}

@media only screen and (max-width: 1279px) {
  .about-leadership__icon {
    padding-right: 0
  }
}

.about-leadership__photo {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto
}

.about-leadership__leader-info {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #582362;
  width: 1px;
  height: 1px;
  padding: 10px;
  transition: .3s all;
  opacity: 0;
  overflow: hidden;
  direction: rtl;
  border: 20px solid #582362
}

.about-leadership__leader-info::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 5px;
  margin-right: 10px
}

.about-leadership__leader-info::-webkit-scrollbar {
  width: 5px;
  height: 70%;
  margin-right: 10px
}

.about-leadership__leader-info::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #9dc92e
}

.about-leadership__leader-info--visible {
  opacity: 1;
  width: 100%;
  height: 100%;
  overflow: auto
}

.about-leadership__leader-bio {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  direction: ltr
}

.about-leadership__name {
  font-weight: bold;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 140%;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .about-leadership__name {
    font-size: 30px;
    margin-top: 17px;
    margin-bottom: 0
  }
}

.about-leadership__role {
  padding: 0 8px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .about-leadership__role {
    font-size: 18px;
    margin-bottom: 15px
  }
}

.about-leadership-slider {
  padding: 0 20px;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
  margin-top: 20px;
  z-index: 30;
  display: none
}

@media only screen and (max-width: 979px) {
  .about-leadership-slider {
    display: block
  }
}

.about-leadership-slider__swiper-wrapper {
  padding: 20px 0
}

.about-leadership-slide {
  height: auto;
  width: 142px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, .27)
}

.about-leadership-slide__header {
  width: 100%;
  max-width: 100vw
}

.about-leadership-slide__photo {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto
}

.about-leadership-slide__name {
  margin-top: 14px;
  margin-bottom: 1px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #582362
}

.about-leadership-slide__role {
  padding: 0 3px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #4a4a4a
}

.about-leadership-directors {
  margin-top: 120px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

@media only screen and (max-width: 1279px) {
  .about-leadership-directors {
    margin-top: 105px
  }
}

@media only screen and (max-width: 979px) {
  .about-leadership-directors {
    margin-top: 50px
  }
}

.about-leadership-directors__title {
  padding: 0 20px;
  margin: 0 0 20px;
  max-width: 100%;
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .about-leadership-directors__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .about-leadership-directors__title {
    font-size: 25px
  }
}

.about-leadership-directors__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px
}

@media only screen and (max-width: 1279px) {
  .about-leadership-directors__list {
    margin-top: 15px;
    margin-left: -23px;
    margin-right: -23px
  }
}

@media only screen and (max-width: 979px) {
  .about-leadership-directors__list {
    margin-top: 0;
    padding: 0 30px;
    margin-left: auto;
    margin-right: auto
  }
}

.about-leadership-director {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding: 36px;
  opacity: 0
}

@media only screen and (max-width: 1279px) {
  .about-leadership-director {
    padding: 20px 23px
  }
}

@media only screen and (max-width: 979px) {
  .about-leadership-director {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
}

.about-leadership-director--visible {
  opacity: 1
}

.about-leadership-director__photo {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 50%;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

.about-leadership-director__name {
  margin-top: 30px;
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .about-leadership-director__name {
    margin-top: 25px
  }
}

@media only screen and (max-width: 979px) {
  .about-leadership-director__name {
    font-size: 16px
  }
}

.about-leadership-director__role {
  font-weight: 300;
  text-align: center;
  font-size: 16px;
  line-height: 140%;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .about-leadership-director__role {
    font-size: 12px
  }
}

.how-do-you-say {
  position: relative;
  padding: 93px 70px 98px;
  width: 100%;
  background-image: url("/wp-content/themes/prodege_theme/img/how_do_you_say__bg.svg");
  background-repeat: no-repeat;
  background-size: cover
}

@media only screen and (max-width: 1279px) {
  .how-do-you-say {
    padding: 100px 0 95px
  }
}

@media only screen and (max-width: 979px) {
  .how-do-you-say {
    padding: 50px 0 72px
  }
}

.how-do-you-say__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 1102px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .how-do-you-say__container {
    position: relative;
    max-width: 793px;
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .how-do-you-say__container {
    width: 100%;
    max-width: 100%;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 50px
  }
}

.how-do-you-say__title {
  font-weight: 700;
  font-size: 35px;
  line-height: 140%;
  color: #fff;
  text-align: right
}

@media only screen and (max-width: 1279px) {
  .how-do-you-say__title {
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .how-do-you-say__title {
    font-size: 18px
  }
}

.how-do-you-say__subtitle {
  font-weight: 300;
  font-size: 31px;
  line-height: 140%;
  color: #fff;
  text-align: right
}

@media only screen and (max-width: 1279px) {
  .how-do-you-say__subtitle {
    font-size: 18px
  }
}

@media only screen and (max-width: 979px) {
  .how-do-you-say__subtitle {
    font-size: 16px
  }
}

.how-do-you-say__video {
  height: auto;
  width: 47.6%;
  position: relative;
  max-width: 525px
}

@media only screen and (max-width: 1279px) {
  .how-do-you-say__video {
    max-width: 467px;
    width: 58.9%
  }
}

@media only screen and (max-width: 979px) {
  .how-do-you-say__video {
    max-width: 525px;
    width: 100%
  }
}

.about-awards {
  position: relative;
  padding: 93px 70px 98px;
  width: 100%;
  background: linear-gradient(360deg, #ffffff 0%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18)
}

@media only screen and (max-width: 1279px) {
  .about-awards {
    padding: 100px 0 95px
  }
}

@media only screen and (max-width: 979px) {
  .about-awards {
    padding: 50px 0 72px
  }
}

.about-awards__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

@media only screen and (max-width: 1279px) {
  .about-awards__container {
    position: relative;
    max-width: 804px;
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .about-awards__container {
    width: 100%;
    max-width: 100%
  }
}

.about-awards__title {
  color: #582362;
  text-align: center;
  font-weight: 300;
  padding: 0 20px;
  margin: 0 0 20px;
  font-size: 38px;
  max-width: 100%
}

@media only screen and (max-width: 979px) {
  .about-awards__title {
    font-size: 25px;
    line-height: 133%
  }
}

.about-awards__text {
  font-weight: 700;
  font-size: 23px;
  line-height: 143%;
  color: #2c99a4;
  text-align: center;
  max-width: 1066px;
  margin: 0
}

@media only screen and (max-width: 1279px) {
  .about-awards__text {
    width: 100%;
    max-width: 742px;
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .about-awards__text {
    width: 80%
  }
}

.about-awards__button {
  font-weight: 300;
  font-size: 25px;
  line-height: 30px
}

@media only screen and (max-width: 1279px) {
  .about-awards__button {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .about-awards__button {
    font-size: 16px
  }
}

.about-awards-swiper {
  width: 100%;
  max-width: 978px;
  margin-top: 30px;
  overflow: hidden;
  padding: 55px 48px 55px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

@media only screen and (max-width: 1279px) {
  .about-awards-swiper {
    padding-bottom: 40px;
    margin-top: 15px
  }
}

.about-awards-slide {
  height: 330px;
  min-height: 330px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  transition: .3s all;
  width: 233px;
  margin: 0 5px;
  padding-bottom: 15px;
  opacity: 1
}

@media only screen and (max-width: 1279px) {
  .about-awards-slide {
    width: 191px;
    height: 270px;
    min-height: 270px
  }
}

@media only screen and (max-width: 979px) {
  .about-awards-slide {
    height: 284px;
    min-height: 284px;
    width: 201px
  }
}

.about-awards-slide.swiper-slide-active:after,
.about-awards-slide.swiper-slide-active:before,
.about-awards-slide.swiper-slide-next:after,
.about-awards-slide.swiper-slide-next:before,
.about-awards-slide.swiper-slide-prev:after,
.about-awards-slide.swiper-slide-prev:before {
  display: none
}

.about-awards-slide__image_shadow {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0
}

.about-awards-slide__image_shadow:before {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  top: -45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 1279px) {
  .about-awards-slide__image_shadow:before {
    width: 75px;
    height: 75px;
    top: -33px
  }
}

@media only screen and (max-width: 979px) {
  .about-awards-slide__image_shadow:before {
    width: 80px;
    height: 80px;
    top: -40px
  }
}

.about-awards-slide__image_shadow:after {
  content: "";
  height: 60px;
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  background: #fff;
  z-index: 0
}

.about-awards-slide__icon-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  padding-top: 20px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-top: -45px;
  background: #fff;
  position: relative;
  z-index: 1;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .about-awards-slide__icon-box {
    width: 75px;
    height: 75px;
    margin-top: -33px;
    padding-top: 16px
  }
}

@media only screen and (max-width: 979px) {
  .about-awards-slide__icon-box {
    width: 80px;
    height: 80px;
    margin-top: -45px;
    padding-top: 18px
  }
}

.about-awards-slide__icon {
  height: auto;
  max-height: 50px;
  max-width: 50px;
  background-color: #fff
}

@media only screen and (max-width: 1279px) {
  .about-awards-slide__icon {
    max-height: 41px;
    max-width: 41px
  }
}

@media only screen and (max-width: 979px) {
  .about-awards-slide__icon {
    max-height: 43px;
    max-width: 43px
  }
}

.about-awards-slide__icon:before {
  display: block;
  margin: 0
}

.about-awards-slide__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: #572162;
  padding: 0 15px;
  min-height: 87px;
  margin-top: -34px;
  z-index: 1;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .about-awards-slide__title {
    font-size: 16px;
    margin-top: -25px
  }
}

@media only screen and (max-width: 979px) {
  .about-awards-slide__title {
    font-size: 16px;
    min-height: 76px;
    margin-top: -34px
  }
}

.about-awards-slide__years {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  text-align: center;
  padding: 0 10px;
  margin: 0;
  color: #4a4a4a
}

.about-awards-slide__logo-box {
  width: 100%;
  height: 110px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0 25px;
  margin-top: -25px
}

@media only screen and (max-width: 1279px) {
  .about-awards-slide__logo-box {
    height: 91px
  }
}

@media only screen and (max-width: 979px) {
  .about-awards-slide__logo-box {
    height: 110px
  }
}

.about-awards-slide__logo {
  max-width: 100%;
  max-height: 100%
}

.about-awards-slide__issuer {
  color: #2c99a4;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  text-align: center;
  padding: 0 20px;
  margin: 0;
  margin-bottom: 3px
}

@media only screen and (max-width: 1279px) {
  .about-awards-slide__issuer {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .about-awards-slide__issuer {
    font-size: 16px
  }
}

.about-awards-slide--hidden {
  opacity: 0
}

.about-awards-slide__header {
  height: 60%;
  min-height: 60%;
  background: #582362;
  background: linear-gradient(81.26deg, #582362 41.48%, #883c96 136.25%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px
}

.about-awards__prev,
.about-awards__next {
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 50;
  font-size: 25px;
  color: #979797;
  cursor: pointer
}

@media only screen and (max-width: 1279px) {

  .about-awards__prev,
  .about-awards__next {
    top: 59%
  }
}

.about-awards__prev:before,
.about-awards__next:before {
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {

  .about-awards__prev,
  .about-awards__next {
    display: none
  }
}

.about-awards__prev {
  left: 14vw;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

@media only screen and (max-width: 1439px) {
  .about-awards__prev {
    left: 10vw
  }
}

@media only screen and (max-width: 1279px) {
  .about-awards__prev {
    left: -40px
  }
}

.about-awards__next {
  right: 14vw
}

@media only screen and (max-width: 1439px) {
  .about-awards__next {
    right: 10vw
  }
}

@media only screen and (max-width: 1279px) {
  .about-awards__next {
    right: -40px
  }
}

@media screen and (min-width: 990px) {
  .brands-map--about {
    padding: 24px 24px 2em
  }
}

.brands-map--about {
  padding: 24px 24px 0;
  background: #fff;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, .183282);
  overflow: hidden
}

@media only screen and (max-width: 1279px) {
  .brands-map--about {
    padding: 14px 6px 0
  }
}

.brands-map--about .brands-map__title {
  -ms-flex-direction: column;
  flex-direction: column
}

.brands-map--about .brands-map__title-number,
.brands-map--about .brands-map__title {
  font-size: 41px;
  line-height: 118.4%
}

@media only screen and (max-width: 1279px) {

  .brands-map--about .brands-map__title-number,
  .brands-map--about .brands-map__title {
    font-size: 35px;
    line-height: 118.4%
  }
}

@media only screen and (max-width: 979px) {

  .brands-map--about .brands-map__title-number,
  .brands-map--about .brands-map__title {
    font-size: 16px;
    line-height: 118.4%
  }
}

.brands-map--about .brands-map__reward-box-text {
  -ms-flex-align: start;
  align-items: flex-start
}

.our-family {
  padding-bottom: 33px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  padding-top: 50px
}

@media only screen and (max-width: 1279px) {
  .our-family {
    padding-bottom: 36px;
    padding-top: 50px
  }
}

@media only screen and (max-width: 979px) {
  .our-family {
    padding-top: 20px
  }

  .our-family:before {
    content: "";
    background: linear-gradient(180deg, #ffffff 3.72%, rgba(239, 233, 231, 0.44) 53.19%, #ffffff 101.6%);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1
  }
}

.our-family__slider-container {
  padding-bottom: 420px;
  overflow: hidden;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .our-family__slider-container {
    padding-bottom: 400px
  }
}

@media only screen and (max-width: 979px) {
  .our-family__slider-container {
    padding-bottom: 50vw;
    margin: 0 -20px
  }
}

.our-family__item-wrap {
  position: relative
}

.our-family__item-figure {
  width: 100%;
  position: absolute;
  top: -65px;
  left: 50%;
  -webkit-transform: translate3d(-50%, calc(100% - 120px), 0);
  transform: translate3d(-50%, calc(100% - 120px), 0);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .our-family__item-figure {
    width: 100%;
    top: auto;
    bottom: 0;
    -webkit-transform: translate3d(-50%, 50vw, 0);
    transform: translate3d(-50%, 50vw, 0)
  }
}

.our-family__item-laptop {
  height: 362px;
  -webkit-transform: translateY(12px);
  transform: translateY(12px)
}

@media only screen and (max-width: 979px) {
  .our-family__item-laptop {
    height: auto;
    width: 100%;
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
  }
}

.our-family__item-image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 468px
}

@media only screen and (max-width: 979px) {
  .our-family__item-image {
    width: 75%
  }
}

.our-family__heading-title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362;
  position: relative;
  margin-bottom: 18px
}

@media only screen and (max-width: 1279px) {
  .our-family__heading-title {
    font-size: 36px;
    margin-bottom: 6px
  }
}

@media only screen and (max-width: 979px) {
  .our-family__heading-title {
    font-size: 25px;
    line-height: 133.1%;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 11px
  }
}

.our-family__heading-description {
  text-align: center;
  font-weight: 700;
  font-size: 23px;
  line-height: 143%;
  color: #2c99a4;
  margin-bottom: 70px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .our-family__heading-description {
    font-size: 16px;
    margin-bottom: 62px
  }
}

@media only screen and (max-width: 979px) {
  .our-family__heading-description {
    margin-bottom: 55px;
    font-size: 16px
  }
}

.our-family__item-title {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #582362;
  margin-bottom: 19px
}

@media only screen and (max-width: 1279px) {
  .our-family__item-title {
    padding: 0;
    margin-bottom: 19px
  }
}

@media only screen and (max-width: 979px) {
  .our-family__item-title {
    font-size: 18px;
    line-height: 133.1%
  }
}

@media only screen and (max-width: 979px) {
  .our-family__item-title br {
    display: none
  }
}

.our-family__item-description {
  padding: 0 150px;
  margin-bottom: 26px;
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  text-align: center;
  color: #4a4a4a;
  max-width: 650px;
  padding: 0;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .our-family__item-description {
    padding: 0
  }
}

@media only screen and (max-width: 979px) {
  .our-family__item-description {
    font-size: 16px;
    margin-bottom: 26px;
    line-height: 143.1%
  }
}

.our-family__logos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 150px;
  max-width: 1370px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .our-family__logos {
    padding: 0
  }
}

@media only screen and (max-width: 979px) {
  .our-family__logos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -20px
  }
}

@media only screen and (max-width: 767px) {
  .our-family__logos {
    grid-template-columns: repeat(2, 1fr)
  }
}

.our-family__logos-item {
  margin: 0 20px 50px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1439px) {
  .our-family__logos-item {
    margin: 0 0 22px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
  }
}

@media only screen and (max-width: 979px) {
  .our-family__logos-item {
    margin: 0 20px 22px 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    max-width: 96%
  }
}

.our-family__logos-item:hover,
.our-family__logos-item.active {
  opacity: 1
}

.our-family__logos-item:hover .our-family__logo,
.our-family__logos-item.active .our-family__logo {
  display: none
}

.our-family__logos-item:hover .our-family__logo--colored,
.our-family__logos-item.active .our-family__logo--colored {
  display: block
}

.our-family__logos-item--0 {
  width: 214px;
  height: 42px
}

@media only screen and (max-width: 979px) {
  .our-family__logos-item--0 {
    width: 124px;
    height: 25px
  }
}

.our-family__logos-item--1 {
  width: 152px;
  height: 28px
}

@media only screen and (max-width: 979px) {
  .our-family__logos-item--1 {
    width: 99px;
    height: 25px
  }
}

.our-family__logos-item--2 {
  width: 148px;
  height: 34px
}

@media only screen and (max-width: 979px) {
  .our-family__logos-item--2 {
    width: 99px;
    height: 23px
  }
}

.our-family__logos-item--3 {
  width: 195px;
  height: 32px
}

@media only screen and (max-width: 979px) {
  .our-family__logos-item--3 {
    width: 124px;
    height: 23px
  }
}

.our-family__logos-item--4 {
  width: 177px;
  height: 25px
}

@media only screen and (max-width: 979px) {
  .our-family__logos-item--4 {
    width: 115px;
    height: 30px
  }
}

.our-family__logos-item--5 {
  width: 98px;
  height: 39px
}

@media only screen and (max-width: 979px) {
  .our-family__logos-item--5 {
    width: 76px;
    height: 30px
  }
}

.our-family__logos-item--6 {
  width: 109px;
  height: 37px
}

@media only screen and (max-width: 979px) {
  .our-family__logos-item--6 {
    width: 82px;
    height: 28px
  }
}

.our-family__logo {
  width: 100%;
  height: auto;
  opacity: .5
}

.our-family__logo--colored {
  width: none;
  height: auto;
  display: none;
  opacity: 1
}

@media only screen and (max-width: 1279px) {
  .our-family-cta {
    margin-top: 32px
  }
}

.our-family-cta__title {
  font-weight: 300;
  font-size: 36px;
  line-height: 110.9%;
  text-align: center;
  margin-bottom: 32px;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .our-family-cta__title {
    font-size: 25px;
    line-height: 133.1%
  }
}

.our-family-cta__button {
  width: 294px;
  height: 92px;
  background: #2c99a4;
  color: #fff;
  margin: 0 auto 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 25px 90px 25px 25px;
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  transition: all .3s ease;
  font-size: 23px;
  line-height: 140%;
  position: relative
}

.our-family-cta__button:after {
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCA1MyAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUxLjk5ODggMTQuODk3TDM1LjQzNTIgMC44Njg1NTVDMzUuMTY1NyAwLjU3OTkyMSAzNC44Mzk0IDAuMzUzNDI4IDM0LjQ3ODEgMC4yMDQwOTRDMzQuMTE2OCAwLjA1NDc2MDEgMzMuNzI4NyAtMC4wMTQwMDMgMzMuMzM5NiAwLjAwMjM2NDEyQzMyLjk1MDUgMC4wMTg3MzEyIDMyLjU2OTIgMC4xMTk4NTUgMzIuMjIxIDAuMjk5MDI5QzMxLjg3MjggMC40NzgyMDQgMzEuNTY1NyAwLjczMTMzNiAzMS4zMiAxLjA0MTY0QzMxLjA3NDMgMS4zNTE5NSAzMC44OTU3IDEuNzEyMzQgMzAuNzk1OSAyLjA5ODkxQzMwLjY5NjIgMi40ODU0OSAzMC42Nzc2IDIuODg5NDIgMzAuNzQxNCAzLjI4MzkzQzMwLjgwNTMgMy42Nzg0NCAzMC45NTAxIDQuMDU0NTEgMzEuMTY2MiA0LjM4NzJDMzEuMzgyMyA0LjcxOTg5IDMxLjY2NDggNS4wMDE2IDMxLjk5NSA1LjIxMzY2TDQyLjY1NjQgMTQuMjQyNUgyLjc0Nzc3QzIuMDE5MDIgMTQuMjQyNSAxLjMyMDExIDE0LjUzOTcgMC44MDQ4MDMgMTUuMDY4OUMwLjI4OTQ5NiAxNS41OTggMCAxNi4zMTU3IDAgMTcuMDY0QzAgMTcuODEyMyAwLjI4OTQ5NiAxOC41Mjk5IDAuODA0ODAzIDE5LjA1OTFDMS4zMjAxMSAxOS41ODgyIDIuMDE5MDIgMTkuODg1NSAyLjc0Nzc3IDE5Ljg4NTVINDIuNjAxNEwzMS45NDAxIDI4LjkxNDNDMzEuNjQxIDI5LjE0MjYgMzEuMzkwMyAyOS40MzA5IDMxLjIwMzIgMjkuNzYxOUMzMS4wMTYxIDMwLjA5MjggMzAuODk2NSAzMC40NTkzIDMwLjg1MTcgMzAuODM5MkMzMC44MDY5IDMxLjIxOTEgMzAuODM3OCAzMS42MDQzIDMwLjk0MjUgMzEuOTcxNkMzMS4wNDczIDMyLjMzODggMzEuMjIzNyAzMi42ODAzIDMxLjQ2MSAzMi45NzUzQzMxLjY5ODMgMzMuMjcwMyAzMS45OTE2IDMzLjUxMjcgMzIuMzIzIDMzLjY4NzdDMzIuNjU0NCAzMy44NjI3IDMzLjAxNyAzMy45NjY2IDMzLjM4ODcgMzMuOTkzMkMzMy43NjA1IDM0LjAxOTggMzQuMTMzNiAzMy45Njg0IDM0LjQ4NTQgMzMuODQyM0MzNC44MzcyIDMzLjcxNjEgMzUuMTYwNCAzMy41MTc4IDM1LjQzNTIgMzMuMjU5NEw1MS45OTg4IDE5LjI1MzRDNTIuMzExOSAxOC45ODg3IDUyLjU2NCAxOC42NTYyIDUyLjczNzEgMTguMjc5NkM1Mi45MTAyIDE3LjkwMyA1MyAxNy40OTE3IDUzIDE3LjA3NTJDNTMgMTYuNjU4OCA1Mi45MTAyIDE2LjI0NzUgNTIuNzM3MSAxNS44NzA5QzUyLjU2NCAxNS40OTQzIDUyLjMxMTkgMTUuMTYxNyA1MS45OTg4IDE0Ljg5N1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center center no-repeat;
  position: absolute;
  right: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 53px;
  height: 34px;
  transition: all .3s ease
}

.our-family-cta__button:hover {
  text-decoration: none;
  background: #292c49;
  color: #fff
}

.our-family-cta__button:hover:after {
  right: 10px
}

@media only screen and (max-width: 1279px) {
  .our-family-cta__button:hover {
    background: #2c99a4
  }

  .our-family-cta__button:hover:after {
    right: 22px
  }
}

.covid-19-header__description {
  margin-top: 50px
}

@media only screen and (max-width: 979px) {
  .covid-19-header__description {
    margin-top: 25px
  }
}

@media only screen and (max-width: 767px) {
  .covid-19-header__description {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 767px) {
  .covid-19-header__title {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
  }
}

.covid_re-entry_period {
  padding: 0 0 134px;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .covid_re-entry_period {
    padding-bottom: 50px
  }
}

.covid_re-entry_period.covid_re-entry_period--winter {
  padding: 150px 0 85px
}

@media only screen and (max-width: 1279px) {
  .covid_re-entry_period.covid_re-entry_period--winter {
    padding: 80px 0 60px
  }
}

@media only screen and (max-width: 979px) {
  .covid_re-entry_period__container-custom {
    width: 100%
  }
}

.covid_re-entry_period__title {
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.34;
  letter-spacing: 0px;
  text-align: center;
  color: #582362;
  margin-bottom: 25px;
  padding: 0 15px
}

@media only screen and (max-width: 1279px) {
  .covid_re-entry_period__title {
    font-size: 30px
  }
}

@media only screen and (max-width: 979px) {
  .covid_re-entry_period__title {
    font-size: 25px;
    margin-bottom: 30px;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 480px) {
  .covid_re-entry_period__title {
    margin-bottom: 55px
  }
}

.covid_re-entry_period__period {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 25px
}

@media only screen and (max-width: 979px) {
  .covid_re-entry_period__period {
    margin-bottom: 30px;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto
  }
}

.covid_march-may {
  padding: 0 0 134px
}

@media only screen and (max-width: 979px) {
  .covid_march-may {
    padding-bottom: 50px
  }
}

.covid-slider {
  position: relative;
  padding: 0 47px;
  width: 100%
}

@media only screen and (max-width: 480px) {
  .covid-slider {
    padding: 0
  }
}

.covid-slider .slick-track {
  padding-top: 20px;
  padding-bottom: 20px
}

.covid-slider .slick-center {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  transition: all .3s
}

.covid-slider .covid-slider-item {
  text-align: center;
  padding: 0 13px;
  transition: all .3s;
  position: relative
}

@media only screen and (max-width: 480px) {
  .covid-slider .covid-slider-item {
    padding: 0 20px
  }
}

.covid-slider .covid-slider-item .covid-slider-image {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .31);
  overflow: hidden;
  margin-bottom: 0
}

.covid-slider .covid-slider-item .covid-slider-image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  display: block
}

.covid-slider .covid-slider-item .slider-item-link {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-bottom: 22px;
  background: #9dc92e url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMyIgdmlld0JveD0iMCAwIDMwIDMzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNi4yMzk0IDMxLjc5MTFMMjIuOTIyNCAyMy42OTc5QzIzLjA3NTQgMjMuNTMwOCAyMy4xOTI5IDIzLjMzNDQgMjMuMjY3NiAyMy4xMjA0QzIzLjM0MjMgMjIuOTA2NSAyMy4zNzI3IDIyLjY3OTYgMjMuMzU3IDIyLjQ1MzZDMjMuMzQxMiAyMi4yMjc2IDIzLjI3OTcgMjIuMDA3MSAyMy4xNzYxIDIxLjgwNTZDMjMuMDcyNCAyMS42MDQxIDIyLjkyODkgMjEuNDI1NyAyMi43NTQyIDIxLjI4MTRDMjIuNTc5NSAyMS4xMzcxIDIyLjM3NzMgMjEuMDI5OSAyMi4xNTk4IDIwLjk2NjJDMjEuOTQyNCAyMC45MDI1IDIxLjcxNDMgMjAuODgzNyAyMS40ODkzIDIwLjkxMUMyMS4yNjQ0IDIwLjkzODIgMjEuMDQ3MyAyMS4wMTA5IDIwLjg1MTQgMjEuMTI0N0MyMC42NTU0IDIxLjIzODUgMjAuNDg0NiAyMS4zOTA5IDIwLjM0OTQgMjEuNTcyN0wxNi42MjAzIDI2LjA3NzFMMTYuNjIwMyA3LjQ5ODIyQzE2LjYyMDMgNy4wNTUxIDE2LjQ0NDMgNi42MzAxNCAxNi4xMzA5IDYuMzE2ODFDMTUuODE3NiA2LjAwMzQ4IDE1LjM5MjYgNS44Mjc0NSAxNC45NDk1IDUuODI3NDVDMTQuNTA2NCA1LjgyNzQ1IDE0LjA4MTUgNi4wMDM0OCAxMy43NjgxIDYuMzE2ODFDMTMuNDU0OCA2LjYzMDE0IDEzLjI3ODggNy4wNTUxIDEzLjI3ODggNy40OTgyMkwxMy4yNzg4IDI2LjA3NzFMOS41NjI5OSAyMS41NzI3QzkuMjgxMTcgMjEuMjMwNyA4Ljg3NSAyMS4wMTQ1IDguNDMzODMgMjAuOTcxOUM3Ljk5MjY2IDIwLjkyOTMgNy41NTI2NCAyMS4wNjM3IDcuMjEwNTUgMjEuMzQ1NUM2Ljg2ODQ3IDIxLjYyNzMgNi42NTIzNSAyMi4wMzM1IDYuNjA5NzQgMjIuNDc0N0M2LjU2NzEyIDIyLjkxNTggNi43MDE1MSAyMy4zNTU5IDYuOTgzMzMgMjMuNjk3OUwxMy42NjY0IDMxLjc5MTFDMTMuODI0NSAzMS45Nzk0IDE0LjAyMTggMzIuMTMwOCAxNC4yNDQ3IDMyLjIzNDdDMTQuNDY3NSAzMi4zMzg2IDE0LjcxMDQgMzIuMzkyNCAxNC45NTYyIDMyLjM5MjRDMTUuMjAyMSAzMi4zOTI0IDE1LjQ0NDkgMzIuMzM4NiAxNS42Njc4IDMyLjIzNDdDMTUuODkwNiAzMi4xMzA4IDE2LjA4OCAzMS45Nzk0IDE2LjI0NiAzMS43OTExTDE2LjIzOTQgMzEuNzkxMVoiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTYuNTM2MDUgMjYuNTU4NUwzLjM0MTU1IDI2LjU1ODVMMy4zNDE1NSAzLjM0MTUzTDI2LjU1ODUgMy4zNDE1M0wyNi41NTg1IDI2LjU1ODVMMjMuMzIzOSAyNi41NTg1TDIzLjMyMzkgMjkuOUwyOS45IDI5LjlMMjkuOSAwTDIuMjg4ODJlLTA1IC0xLjMwNjk3ZS0wNkwyLjE1ODEyZS0wNSAyOS45TDYuNTM2MDUgMjkuOUw2LjUzNjA1IDI2LjU1ODVaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==) center center no-repeat;
  transition: background-color .3s
}

@media only screen and (max-width: 979px) {
  .covid-slider .covid-slider-item .slider-item-link {
    width: 50px;
    height: 50px;
    margin-bottom: 14px;
    background-size: 25px auto
  }
}

.covid-slider .covid-slider-item .slider-item-link:hover {
  background-color: #572162
}

.covid-slider .covid-slider-item .slider-item-title {
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 0;
  color: #572162
}

@media only screen and (max-width: 979px) {
  .covid-slider .covid-slider-item .slider-item-title {
    font-size: 16px
  }
}

.covid-slider .slick-arrow {
  border: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  display: block;
  cursor: pointer;
  width: 9px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS43NDc1NiAxLjAwMDEzTDEgMTAuNTQ5NUwxMCAyMC4zNzQ1IiBzdHJva2U9IiM0QTRBNEEiLz48L3N2Zz4=) center center no-repeat
}

@media only screen and (max-width: 979px) {
  .covid-slider .slick-arrow {
    left: 20px
  }
}

@media only screen and (max-width: 480px) {
  .covid-slider .slick-arrow {
    display: none
  }
}

.covid-slider .slick-arrow.next-slide {
  left: auto;
  right: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS43NDc1NiAxLjAwMDEzTDEgMTAuNTQ5NUwxMCAyMC4zNzQ1IiBzdHJva2U9IiM0QTRBNEEiLz48L3N2Zz4=) center center no-repeat;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

@media only screen and (max-width: 979px) {
  .covid-slider .slick-arrow.next-slide {
    right: 20px
  }
}

@media only screen and (max-width: 480px) {
  .covid-slider .slick-arrow.next-slide {
    display: none !important
  }
}

.covid_form_section {
  width: 100%;
  margin-bottom: 170px
}

@media only screen and (max-width: 979px) {
  .covid_form_section {
    margin-bottom: 100px
  }
}

.covid_form_section div.wpcf7-validation-errors,
.covid_form_section div.wpcf7-acceptance-missing {
  display: none !important
}

.covid_form_section__box {
  width: 100%;
  background: linear-gradient(101.49deg, #582362 22.56%, #883C96 100%);
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  padding: 50px 85px 110px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .covid_form_section__box {
    padding: 50px 45px 110px
  }
}

@media only screen and (max-width: 979px) {
  .covid_form_section__box {
    padding: 72px 25px
  }
}

.covid_form_section__title {
  font-family: Montserrat, sans-serif;
  font-size: 55px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 35px;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .covid_form_section__title {
    font-size: 35px
  }
}

@media only screen and (max-width: 979px) {
  .covid_form_section__title {
    font-size: 28px;
    margin-bottom: 45px;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto
  }
}

.covid_form_section__success-icon {
  margin: 0 auto;
  margin-bottom: 50px;
  width: 101px;
  height: 117px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxIiBoZWlnaHQ9IjExOCIgdmlld0JveD0iMCAwIDEwMSAxMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM5LjkyNSA0NS4zMTcyQzQwLjU3ODMgNDUuODQ4MyA0MS4yNTk4IDQ2LjM0NCA0MS45NjY2IDQ2LjgwMjJDNDIuMjc4NyA0Ny4wMDQ1IDQyLjY1ODYgNDcuMDc1IDQzLjAyMjggNDYuOTk4M0M0My4zODcxIDQ2LjkyMTYgNDMuNzA1OCA0Ni43MDQgNDMuOTA4OSA0Ni4zOTM0QzQ0LjExMiA0Ni4wODI3IDQ0LjE4MjggNDUuNzA0NCA0NC4xMDU4IDQ1LjM0MTdDNDQuMDI4OCA0NC45NzkxIDQzLjgxMDMgNDQuNjYxNyA0My40OTgyIDQ0LjQ1OTVDNDAuNjE5OCA0Mi41OTUxIDM4LjI1NDMgNDAuMDQ0OCAzNi42MTYxIDM3LjAzOTlDMzQuOTc3OSAzNC4wMzUgMzQuMTE4OCAzMC42NzA1IDM0LjExNjggMjcuMjUxNEMzNC4xMTY4IDE1LjkzODggNDMuMzU5OSA2LjczNTcyIDU0LjcyMTYgNi43MzU3MkM1Ny43NzY4IDYuNzI3OTEgNjAuNzk0OCA3LjQwMjgzIDYzLjU1MzMgOC43MTA3NEM2NC4yMTQgOS4wMjM2OCA2NC44NTc1IDkuMzcxMzYgNjUuNDgxMSA5Ljc1MjMyQzY1Ljc5ODUgOS45NDYxOSA2Ni4xODAxIDEwLjAwNjYgNjYuNTQyMiA5LjkyMDI3QzY2LjkwNDMgOS44MzM5MyA2Ny4yMTcxIDkuNjA3OTIgNjcuNDExOCA5LjI5MTk1QzY3LjYwNjUgOC45NzU5OSA2Ny42NjcyIDguNTk1OTQgNjcuNTgwNSA4LjIzNTQzQzY3LjQ5MzggNy44NzQ5MiA2Ny4yNjY4IDcuNTYzNDggNjYuOTQ5NCA3LjM2OTZDNjYuMjQwNSA2LjkzNjcyIDY1LjUwOSA2LjU0MTYzIDY0Ljc1OCA2LjE4NjAxQzYxLjE4OTIgNC40OTc4MSA1Ny4yNDkyIDMuNzM2NjggNTMuMzA1MiAzLjk3MzU2QzQ5LjM2MTIgNC4yMTA0NCA0NS41NDE3IDUuNDM3NjIgNDIuMjAyNSA3LjU0MDczQzM4Ljg2MzMgOS42NDM4MyAzNi4xMTMzIDEyLjU1NDQgMzQuMjA4NiAxNi4wMDEyQzMyLjMwMzkgMTkuNDQ4IDMxLjMwNjYgMjMuMzE4OCAzMS4zMDk2IDI3LjI1MjlDMzEuMzA5NiAzNC4yODE2IDM0LjQ0OTggNDAuODY2NCAzOS45MjUgNDUuMzE3MloiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTY3Ljc3MzIgNDMuMTI5MkM2Ny40ODUxIDQzLjM2NDEgNjcuMzAyNSA0My43MDM0IDY3LjI2NTcgNDQuMDcyNEM2Ny4yMjg4IDQ0LjQ0MTQgNjcuMzQwNyA0NC44MDk4IDY3LjU3NjcgNDUuMDk2NkM2Ny44MTI3IDQ1LjM4MzUgNjguMTUzNCA0NS41NjUzIDY4LjUyNCA0NS42MDE5QzY4Ljg5NDYgNDUuNjM4NiA2OS4yNjQ2IDQ1LjUyNzIgNjkuNTUyNyA0NS4yOTIzQzcwLjMzMjggNDQuNjU1NSA3MS4wNzExIDQzLjk2OTYgNzEuNzYzIDQzLjIzODdDNzQuNjg2IDQwLjE0NTcgNzYuNzA2MSAzNi4zMTc0IDc3LjYwNTkgMzIuMTY2Qzc4LjUwNTcgMjguMDE0NyA3OC4yNTEgMjMuNjk3NSA3Ni44NjkzIDE5LjY3OTZDNzYuNzQ4NCAxOS4zMjkgNzYuNDkyNSAxOS4wNDA2IDc2LjE1ODEgMTguODc3OUM3NS44MjM2IDE4LjcxNTEgNzUuNDM3OSAxOC42OTEzIDc1LjA4NTggMTguODExOEM3NC43MzM3IDE4LjkzMjIgNzQuNDQ0IDE5LjE4NjkgNzQuMjgwNiAxOS41MkM3NC4xMTcxIDE5Ljg1MyA3NC4wOTMyIDIwLjIzNzEgNzQuMjE0MiAyMC41ODc2Qzc1LjQyOTQgMjQuMTIzNyA3NS42NTMxIDI3LjkyMjggNzQuODYxMiAzMS41NzYxQzc0LjA2OTMgMzUuMjI5MyA3Mi4yOTE4IDM4LjU5ODQgNjkuNzE5OSA0MS4zMjA2QzY5LjExMDQgNDEuOTY0MiA2OC40NjAyIDQyLjU2ODMgNjcuNzczMiA0My4xMjkyWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNDMuODIwMiAyMS44ODY5QzQzLjU1ODcgMjEuNjIzIDQzLjIwMjYgMjEuNDczMyA0Mi44MzAzIDIxLjQ3MDhDNDIuNDU4IDIxLjQ2ODMgNDIuMSAyMS42MTMxIDQxLjgzNDkgMjEuODczNUM0MS41Njk5IDIyLjEzMzggNDEuNDE5NSAyMi40ODgzIDQxLjQxNyAyMi44NTlDNDEuNDE0NSAyMy4yMjk3IDQxLjU2IDIzLjU4NjMgNDEuODIxNSAyMy44NTAxTDUzLjcyMyAzNS44NjJDNTMuODUzOSAzNS45OTM0IDU0LjAwOTUgMzYuMDk3OCA1NC4xODEgMzYuMTY5MkM1NC4zNTI1IDM2LjI0MDYgNTQuNTM2NCAzNi4yNzc2IDU0LjcyMjMgMzYuMjc4MkM1NC43NDY5IDM2LjI3ODIgNTQuNzY5NiAzNi4yNzgyIDU0Ljc5NjUgMzYuMjc4MkM1NC45OTQ2IDM2LjI2NzggNTUuMTg4MiAzNi4yMTU2IDU1LjM2NDYgMzYuMTI1M0M1NS41NDExIDM2LjAzNDkgNTUuNjk2MiAzNS45MDgzIDU1LjgxOTkgMzUuNzUzOUw4Mi42MjYyIDIuMjc3MzJDODIuNzQyOCAyLjEzNDAyIDgyLjgyOTggMS45NjkxNSA4Mi44ODIxIDEuNzkyMjJDODIuOTM0NCAxLjYxNTI5IDgyLjk1MSAxLjQyOTggODIuOTMxIDEuMjQ2NDVDODIuOTEwOSAxLjA2MzEgODIuODU0NyAwLjg4NTUwNCA4Mi43NjU0IDAuNzIzOTFDODIuNjc2MSAwLjU2MjMxNSA4Mi41NTU2IDAuNDE5OTE1IDgyLjQxMDcgMC4zMDQ5MkM4Mi4yNjU5IDAuMTg5OTI0IDgyLjA5OTcgMC4xMDQ2MDcgODEuOTIxNiAwLjA1Mzg4NjVDODEuNzQzNSAwLjAwMzE2NjA4IDgxLjU1NzEgLTAuMDExOTU0OSA4MS4zNzMxIDAuMDA5Mzk2NjVDODEuMTg5MSAwLjAzMDc0ODIgODEuMDExMiAwLjA4ODE1MDggODAuODQ5NiAwLjE3ODI5MkM4MC42ODggMC4yNjg0MzQgODAuNTQ1OSAwLjM4OTUzMiA4MC40MzE1IDAuNTM0NjA3TDU0LjYxMDkgMzIuNzhMNDMuODIwMiAyMS44ODY5WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNOTkuNTgyNyA3MS4yNzk4SDkwLjU4MzhDOTAuMjA4MSA3MS4yNzk4IDg5Ljg0NzcgNzEuNDI4NCA4OS41ODIgNzEuNjkzQzg5LjMxNjMgNzEuOTU3NSA4OS4xNjcgNzIuMzE2NCA4OS4xNjcgNzIuNjkwNUM4OS4xNjcgNzMuMDY0NyA4OS4zMTYzIDczLjQyMzUgODkuNTgyIDczLjY4ODFDODkuODQ3NyA3My45NTI2IDkwLjIwODEgNzQuMTAxMiA5MC41ODM4IDc0LjEwMTJIOTkuNTgyN0M5OS45NTg1IDc0LjEwMTIgMTAwLjMxOSA3My45NTI2IDEwMC41ODUgNzMuNjg4MUMxMDAuODUgNzMuNDIzNSAxMDEgNzMuMDY0NyAxMDEgNzIuNjkwNUMxMDEgNzIuMzE2NCAxMDAuODUgNzEuOTU3NSAxMDAuNTg1IDcxLjY5M0MxMDAuMzE5IDcxLjQyODQgOTkuOTU4NSA3MS4yNzk4IDk5LjU4MjcgNzEuMjc5OFoiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTk0Ljc2NzMgNTguNzM4Qzk0LjYzNTcgNTguNjA3IDk0LjQ3OTUgNTguNTAzIDk0LjMwNzYgNTguNDMyMUM5NC4xMzU3IDU4LjM2MTIgOTMuOTUxNCA1OC4zMjQ3IDkzLjc2NTQgNTguMzI0N0M5My41NzkzIDU4LjMyNDcgOTMuMzk1IDU4LjM2MTIgOTMuMjIzMSA1OC40MzIxQzkzLjA1MTIgNTguNTAzIDkyLjg5NSA1OC42MDcgOTIuNzYzNCA1OC43MzhMODYuNDAwOCA2NS4wNzMxQzg2LjI2NzUgNjUuMjAzNyA4Ni4xNjE0IDY1LjM1OTMgODYuMDg4OCA2NS41MzA5Qzg2LjAxNjEgNjUuNzAyNSA4NS45NzgzIDY1Ljg4NjcgODUuOTc3NiA2Ni4wNzI5Qzg1Ljk3NjggNjYuMjU5MSA4Ni4wMTMgNjYuNDQzNyA4Ni4wODQyIDY2LjYxNTlDODYuMTU1NCA2Ni43ODgxIDg2LjI2MDIgNjYuOTQ0NiA4Ni4zOTI0IDY3LjA3NjNDODYuNTI0NiA2Ny4yMDggODYuNjgxOCA2Ny4zMTIzIDg2Ljg1NDcgNjcuMzgzMkM4Ny4wMjc2IDY3LjQ1NDEgODcuMjEyOSA2Ny40OTAzIDg3LjQgNjcuNDg5NkM4Ny41ODcgNjcuNDg4OCA4Ny43NzIxIDY3LjQ1MTIgODcuOTQ0NCA2Ny4zNzg5Qzg4LjExNjggNjcuMzA2NiA4OC4yNzMxIDY3LjIwMTEgODguNDA0MiA2Ny4wNjgzTDk0Ljc2NzMgNjAuNzMyOEM5NS4wMzI5IDYwLjQ2ODIgOTUuMTgyMSA2MC4xMDk0IDk1LjE4MjEgNTkuNzM1NEM5NS4xODIxIDU5LjM2MTMgOTUuMDMyOSA1OS4wMDI1IDk0Ljc2NzMgNTguNzM4WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNzkuMTQ3NSA1My45NDQ4VjYyLjkwMjlDNzkuMTQ3NSA2My4yNzcgNzkuMjk2NyA2My42MzU5IDc5LjU2MjUgNjMuOTAwNEM3OS44MjgyIDY0LjE2NSA4MC4xODg2IDY0LjMxMzYgODAuNTY0MyA2NC4zMTM2QzgwLjk0MDEgNjQuMzEzNiA4MS4zMDA1IDY0LjE2NSA4MS41NjYyIDYzLjkwMDRDODEuODMxOSA2My42MzU5IDgxLjk4MTIgNjMuMjc3IDgxLjk4MTIgNjIuOTAyOVY1My45NDQ4QzgxLjk4MTIgNTMuNTcwNiA4MS44MzE5IDUzLjIxMTggODEuNTY2MiA1Mi45NDcyQzgxLjMwMDUgNTIuNjgyNyA4MC45NDAxIDUyLjUzNDEgODAuNTY0MyA1Mi41MzQxQzgwLjE4ODYgNTIuNTM0MSA3OS44MjgyIDUyLjY4MjcgNzkuNTYyNSA1Mi45NDcyQzc5LjI5NjcgNTMuMjExOCA3OS4xNDc1IDUzLjU3MDYgNzkuMTQ3NSA1My45NDQ4WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNzcuMTk0NiA3MC4xM0g2Ni4wMTM4QzY1LjgwODMgNzAuMTMgNjUuMjgzNiA3MC4xMjQzIDY0Ljg1NzIgNzAuMTE5MkM2NS4wNTUgNjkuNzUwNSA2NS4yOTY0IDY5LjI5OTUgNjUuMzkyNyA2OS4xMTM4QzY2Ljc5NzggNjYuNDA5OSA2Ny42NjUzIDY0LjM0MzIgNjcuOTcxNCA2Mi45NzJDNjcuOTc4IDYyLjk0MzMgNjcuOTgzNyA2Mi45MTUxIDY3Ljk4ODkgNjIuODg4M0M2OC41NzY0IDU5Ljg1OTQgNjguMzQ1IDU2LjU4NyA2Ny4zMTkyIDUzLjQxOTVDNjYuMjkxIDUwLjI0NjMgNjQuNTY3NiA0Ny41MDE5IDYyLjMzNjEgNDUuNDgzN0M2MC45MTA4IDQ0LjE5NTIgNTkuMzc2MyA0My4zMDg4IDU3Ljc3NTMgNDIuODUwM0M1Ni45NjkgNDIuNjE2IDU2LjEzMzggNDIuNDk1NyA1NS4yOTM5IDQyLjQ5MjlDNTQuNDcxIDQyLjQ5NDEgNTMuNjUyNSA0Mi42MTI5IDUyLjg2MzUgNDIuODQ1NkM1MC4yMjkxIDQzLjYxOTYgNDguNjY1OSA0NS4wMzkzIDQ4LjA4NTUgNDcuMTg1OUM0Ny42NDM0IDQ4LjgyMjQgNDcuOTQwOSA1MC4zODM2IDQ4LjI1NTkgNTIuMDM5M0M0OC40ODkzIDUzLjI2MTkgNDguNzA5MyA1NC40MTkyIDQ4LjY1MzYgNTUuNjIzNUM0OC41OTA4IDU2Ljk4NzIgNDguMTYzOSA1OC4yNDYgNDcuMzQ3NyA1OS40Nzk1QzQ3LjMyNzQgNTkuNTEwNSA0Ny4zMDgxIDU5LjU0MjUgNDcuMjkwMSA1OS41NzM1QzQ3LjI3MjIgNTkuNjA0NiA0NS4yOTg1IDYzLjE1MjEgNDIuNjAxOCA2Ni43MzAxQzQwLjM3MjYgNjkuNjg3IDM2LjgxNTQgNzIuOTUgMzQuOTAzNiA3NC4xNzMxVjczLjU2OThDMzQuOTAzNiA3My4xOTU3IDM0Ljc1NDMgNzIuODM2OCAzNC40ODg2IDcyLjU3MjNDMzQuMjIyOSA3Mi4zMDc3IDMzLjg2MjUgNzIuMTU5MSAzMy40ODY3IDcyLjE1OTFIMjQuMDgyMlY3MS4zNTk3QzI0LjA4MjIgNzAuOTg1NSAyMy45MzI5IDcwLjYyNjcgMjMuNjY3MiA3MC4zNjIxQzIzLjQwMTUgNzAuMDk3NiAyMy4wNDExIDY5Ljk0OSAyMi42NjUzIDY5Ljk0OUgxLjQxNjg1QzEuMDQxMDggNjkuOTQ5IDAuNjgwNjkzIDcwLjA5NzYgMC40MTQ5ODMgNzAuMzYyMUMwLjE0OTI3MiA3MC42MjY3IDAgNzAuOTg1NSAwIDcxLjM1OTdDMCA3MS43MzM4IDAuMTQ5MjcyIDcyLjA5MjYgMC40MTQ5ODMgNzIuMzU3MkMwLjY4MDY5MyA3Mi42MjE4IDEuMDQxMDggNzIuNzcwNCAxLjQxNjg1IDcyLjc3MDRIMjEuMjQ4NVYxMTMuNzM3SDEuNDE2ODVDMS4wNDEwOCAxMTMuNzM3IDAuNjgwNjkzIDExMy44ODYgMC40MTQ5ODMgMTE0LjE1MUMwLjE0OTI3MiAxMTQuNDE1IDAgMTE0Ljc3NCAwIDExNS4xNDhDMCAxMTUuNTIyIDAuMTQ5MjcyIDExNS44ODEgMC40MTQ5ODMgMTE2LjE0NkMwLjY4MDY5MyAxMTYuNDEgMS4wNDEwOCAxMTYuNTU5IDEuNDE2ODUgMTE2LjU1OUgyMi42NjUzQzIzLjA0MTEgMTE2LjU1OSAyMy40MDE1IDExNi40MSAyMy42NjcyIDExNi4xNDZDMjMuOTMyOSAxMTUuODgxIDI0LjA4MjIgMTE1LjUyMiAyNC4wODIyIDExNS4xNDhWMTE0LjYwNkgzMy40ODg2QzMzLjgyOTggMTE0LjYwNiAzNC4xNTk2IDExNC40ODMgMzQuNDE3MyAxMTQuMjYxQzM0LjY3NSAxMTQuMDM4IDM0Ljg0MzMgMTEzLjczIDM0Ljg5MTMgMTEzLjM5NEMzNy4zMjk3IDExNC45MzkgNDIuMDIyOCAxMTcuMDA1IDQ2LjA3MDIgMTE3LjAwNUM0Ni41MDI0IDExNy4wMDUgNDYuOTQ5NiAxMTYuOTk3IDQ3LjM5OTcgMTE2Ljk4SDY0Ljk1NjhDNjcuMDI1OSAxMTYuOTggNjkuNzA0MiAxMTYuODU4IDcyLjA2NjEgMTE1LjkwOUM3NC42NjYgMTE0Ljg2MyA3Ni40NDMyIDExMi45ODMgNzcuMzQ4NiAxMTAuMzE5Qzc3Ljk0NTUgMTA4LjU2NSA3Ny45NzM5IDEwNi43MTcgNzcuNDI4NCAxMDUuMTE3Qzc3LjM4NTEgMTA0Ljk5IDc3LjM4IDEwNC44NTMgNzcuNDEzNSAxMDQuNzIyQzc3LjQ0NyAxMDQuNTkyIDc3LjUxNzggMTA0LjQ3NCA3Ny42MTczIDEwNC4zODJDNzguNzM5IDEwMy4zNSA3OS41NjE3IDEwMi4wMzEgODAuMDYzMiAxMDAuNDY2QzgwLjcyNDQgOTguMzkxNiA4MC42NzcyIDk2LjI2MDQgNzkuOTI2NyA5NC40NjQxQzc5Ljg3NTUgOTQuMzQwOCA3OS44NjA3IDk0LjIwNTUgNzkuODg0MiA5NC4wNzQyQzc5LjkwNzcgOTMuOTQyOSA3OS45Njg1IDkzLjgyMSA4MC4wNTk1IDkzLjcyM0M4MS4wMTk2IDkyLjY5MjIgODEuNjgzMiA5MS40MTg4IDgyLjAzMjIgODkuOTQzNkM4Mi4yOTkgODguODE1MSA4Mi42MTc4IDg2LjU5NjkgODEuNzUzNSA4NC40NTE3QzgxLjcwMzUgODQuMzI3OCA4MS42OTAyIDg0LjE5MjEgODEuNzE1MyA4NC4wNjA5QzgxLjc0MDUgODMuOTI5NyA4MS44MDI5IDgzLjgwODQgODEuODk1MiA4My43MTE1QzgyLjg5MDMgODIuNjczMiA4My41NzYxIDgxLjM5NDIgODMuOTMyNiA3OS45MTA2Qzg0LjU2ODggNzcuMjY1IDg0LjA1MTIgNzQuNTQ5OCA4Mi41NDcgNzIuNjUyOEM4MS4yNTc2IDcxLjAyNjMgNzkuMzU2NyA3MC4xMyA3Ny4xOTQ2IDcwLjEzWk0zMi4wNzE4IDExMS43ODVIMjQuMDgyMlY3NC45ODAxSDMyLjA3MThWMTExLjc4NVpNODEuMjIwMyA3OS4yNjNDODEuMDI5OSA4MC4wODgxIDgwLjY1MjcgODAuODU5IDgwLjExNzUgODEuNTE2OUM4MC4wNTIgODEuNTk2NiA3OS45Njk1IDgxLjY2MDcgNzkuODc1OSA4MS43MDQ3Qzc5Ljc4MjQgODEuNzQ4NyA3OS42ODAyIDgxLjc3MTUgNzkuNTc2OCA4MS43NzEzSDc0LjY1MjNDNzQuMjgyNCA4MS43NzEzIDczLjkyNzcgODEuOTE3NiA3My42NjYxIDgyLjE3OEM3My40MDQ2IDgyLjQzODQgNzMuMjU3NiA4Mi43OTE2IDczLjI1NzYgODMuMTU5OUM3My4yNTc2IDgzLjUyODIgNzMuNDA0NiA4My44ODE0IDczLjY2NjEgODQuMTQxOEM3My45Mjc3IDg0LjQwMjMgNzQuMjgyNCA4NC41NDg2IDc0LjY1MjMgODQuNTQ4Nkg3OC4yNjQ4Qzc4LjM4NDcgODQuNTQ4OSA3OC41MDI2IDg0LjU3OTggNzguNjA3MiA4NC42MzgzQzc4LjcxMTggODQuNjk2OCA3OC43OTk2IDg0Ljc4MSA3OC44NjIyIDg0Ljg4MjlDNzkuODM4NCA4Ni40ODE3IDc5LjUwNTUgODguNTA5NCA3OS4zMTY2IDg5LjMwNzRDNzkuMDYyIDkwLjM4NjYgNzguNTc1MSA5MS4yODcxIDc3Ljg2OTUgOTEuOTg0Qzc3LjgwNDcgOTIuMDQ4MiA3Ny43Mjc5IDkyLjA5OTEgNzcuNjQzMyA5Mi4xMzM3Qzc3LjU1ODggOTIuMTY4MyA3Ny40NjgzIDkyLjE4NiA3Ny4zNzY5IDkyLjE4NThINzIuMzE0QzcxLjk0NDEgOTIuMTg1OCA3MS41ODk0IDkyLjMzMjEgNzEuMzI3OSA5Mi41OTI1QzcxLjA2NjMgOTIuODUyOSA3MC45MTk0IDkzLjIwNjEgNzAuOTE5NCA5My41NzQ0QzcwLjkxOTQgOTMuOTQyNyA3MS4wNjYzIDk0LjI5NTkgNzEuMzI3OSA5NC41NTYzQzcxLjU4OTQgOTQuODE2NyA3MS45NDQxIDk0Ljk2MyA3Mi4zMTQgOTQuOTYzSDc2LjY0MjVDNzYuNzc1MyA5NC45NjMzIDc2LjkwNTMgOTUuMDAxMSA3Ny4wMTc0IDk1LjA3MkM3Ny4xMjk2IDk1LjE0MjkgNzcuMjE5MiA5NS4yNDQxIDc3LjI3NTggOTUuMzYzN0M3Ny44NDc4IDk2LjU3NjkgNzcuODkyNiA5OC4wOTExIDc3LjQwMjQgOTkuNjIyNkM3Ni45ODE2IDEwMC45MzkgNzYuMjIxNyAxMDIuMDIxIDc1LjIwNDkgMTAyLjc2MUM3NS4wODU0IDEwMi44NDggNzQuOTQxMSAxMDIuODk1IDc0Ljc5MyAxMDIuODk1SDY5Ljk3NTdDNjkuNjA1OSAxMDIuODk1IDY5LjI1MTEgMTAzLjA0MSA2OC45ODk2IDEwMy4zMDFDNjguNzI4IDEwMy41NjIgNjguNTgxMSAxMDMuOTE1IDY4LjU4MTEgMTA0LjI4M0M2OC41ODExIDEwNC42NTEgNjguNzI4IDEwNS4wMDUgNjguOTg5NiAxMDUuMjY1QzY5LjI1MTEgMTA1LjUyNiA2OS42MDU5IDEwNS42NzIgNjkuOTc1NyAxMDUuNjcySDc0LjE2NDlDNzQuMzE1MyAxMDUuNjczIDc0LjQ2MTYgMTA1LjcyMSA3NC41ODIyIDEwNS44MTFDNzQuNzAyOCAxMDUuOSA3NC43OTE0IDEwNi4wMjYgNzQuODM1MSAxMDYuMTY5Qzc1LjEzNCAxMDcuMTcgNzUuMDg4MiAxMDguMjk2IDc0LjcwMzggMTA5LjQyOEM3NC4xMiAxMTEuMTQ1IDczLjA3OTYgMTEyLjM0NiA3MS41MjI1IDExMy4xQzY5Ljk5MTggMTEzLjg0MiA2Ny44NDI5IDExNC4yMDIgNjQuOTUzNSAxMTQuMjAySDQ3LjM4NDZINDcuMzM3NEg0Ny4zMzMxQzQ2LjkxMjMgMTE0LjIxOCA0Ni40OTI5IDExNC4yMjYgNDYuMDg2MyAxMTQuMjI2QzQzLjk0MzEgMTE0LjIyNiA0Mi4xMzk5IDExMy42MzYgNDAuNTgyMyAxMTMuMTkyQzM4Ljk2OCAxMTIuNzM0IDM2LjAwNTkgMTEwLjk1IDM1LjExNyAxMTAuMDQ1QzM1LjA0MjcgMTA5Ljk2OSAzNC45NzIyIDEwOS44OTMgMzQuOTA1NSAxMDkuODE3Vjc3LjI5NjVDMzYuMjQ5MSA3Ni42NzIgMzguODAzNyA3NC44MjIxIDQwLjA2ODkgNzMuNzFDNDEuNTYyMyA3Mi4zOTcgNDMuMTY0NyA3MC42MDkyIDQ0LjgzMjQgNjguMzk2MkM0Ny40OTA4IDY0Ljg2OTQgNDkuNDc2OCA2MS4zNjk4IDQ5LjY5NCA2MC45ODI4QzQ5LjcwMTYgNjAuOTY5MiA0OS43MDk2IDYwLjk1NiA0OS43MTg2IDYwLjk0MjRDNTAuNzc3IDU5LjMyMzggNTEuMzM3NiA1Ny42NDUxIDUxLjQzMiA1NS44MTAyQzUxLjUxMzggNTQuMjM2MyA1MS4yMzg5IDUyLjc5MzYgNTAuOTk2NiA1MS41MjA2QzUwLjczMTYgNTAuMTMwMSA1MC41MDI2IDQ4LjkyOTYgNTAuNzc4OSA0Ny45MDY4QzUxLjA5OTEgNDYuNzIzNyA1MS45NTk2IDQ2LjAwNjEgNTMuNjUzMiA0NS41MDg2QzU0LjE4MTIgNDUuMzUyOSA1NC43MjkgNDUuMjczNyA1NS4yNzk3IDQ1LjI3MzVDNTcuMDMxIDQ1LjI3MzUgNTguODIxOSA0Ni4wNTY0IDYwLjQ2MDcgNDcuNTM3N0M2MS40NDEyIDQ4LjQzNCA2Mi4yOTA0IDQ5LjQ2MjkgNjIuOTgzNiA1MC41OTQzQzYzLjY5OCA1MS43NTEzIDY0LjI2OSA1Mi45OTAzIDY0LjY4MzggNTQuMjg0MkM2NS4xMDYxIDU1LjU4ODIgNjUuMzcxMyA1Ni45Mzc2IDY1LjQ3MzkgNTguMzAzOUM2NS41Nzk1IDU5LjY1ODQgNjUuNTA1IDYxLjAyMDkgNjUuMjUyNCA2Mi4zNTZDNjUuMjUyNCA2Mi4zNjI1IDY1LjI0OTYgNjIuMzY5MSA2NS4yNDgyIDYyLjM3NjZDNjQuODAxNCA2NC4zNjU4IDYyLjg0NTIgNjguMDc1IDYxLjI4MSA3MC44MzY4QzYxLjE2MTggNzEuMDQ4IDYxLjEwMDEgNzEuMjg2NyA2MS4xMDIyIDcxLjUyOUM2MS4xMDQyIDcxLjc3MTQgNjEuMTcgNzIuMDA5IDYxLjI5MjkgNzIuMjE4MkM2MS40MTU3IDcyLjQyNzQgNjEuNTkxNCA3Mi42MDA5IDYxLjgwMjYgNzIuNzIxNkM2Mi4wMTM3IDcyLjg0MjIgNjIuMjUyOCA3Mi45MDU3IDYyLjQ5NjIgNzIuOTA1OEg3Ny4xOTM2Qzc4LjQ4MzUgNzIuOTA1OCA3OS42MDY1IDczLjQyNjQgODAuMzU3OSA3NC4zNzE2QzgxLjMzNDYgNzUuNjEwMiA4MS42NTk2IDc3LjQzODUgODEuMjIwMyA3OS4yNjRWNzkuMjYzWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTAuMzE3IDExMS4yMDlDOS40OTM0OCAxMTEuMjA5IDguNjg4NDggMTEwLjk2NSA4LjAwMzc3IDExMC41MUM3LjMxOTA2IDExMC4wNTQgNi43ODU0IDEwOS40MDcgNi40NzAyNiAxMDguNjQ5QzYuMTU1MTMgMTA3Ljg5MiA2LjA3MjY3IDEwNy4wNTggNi4yMzMzMyAxMDYuMjU0QzYuMzkzOTggMTA1LjQ1IDYuNzkwNTMgMTA0LjcxMSA3LjM3MjgyIDEwNC4xMzFDNy45NTUxMiAxMDMuNTUyIDguNjk3MDEgMTAzLjE1NyA5LjUwNDY4IDEwMi45OTdDMTAuMzEyMyAxMDIuODM3IDExLjE0OTUgMTAyLjkxOSAxMS45MTAzIDEwMy4yMzNDMTIuNjcxMSAxMDMuNTQ3IDEzLjMyMTQgMTA0LjA3OCAxMy43Nzg5IDEwNC43NkMxNC4yMzY0IDEwNS40NDEgMTQuNDgwNiAxMDYuMjQzIDE0LjQ4MDYgMTA3LjA2M0MxNC40Nzk0IDEwOC4xNjIgMTQuMDQwMyAxMDkuMjE2IDEzLjI1OTcgMTA5Ljk5M0MxMi40NzkyIDExMC43NyAxMS40MjA5IDExMS4yMDcgMTAuMzE3IDExMS4yMDlaTTEwLjMxNyAxMDUuMDMzQzkuOTEzODIgMTA1LjAzMyA5LjUxOTcyIDEwNS4xNTIgOS4xODQ1MSAxMDUuMzc1QzguODQ5MyAxMDUuNTk4IDguNTg4MDQgMTA1LjkxNSA4LjQzMzc2IDEwNi4yODZDOC4yNzk0OCAxMDYuNjU3IDguMjM5MTEgMTA3LjA2NSA4LjMxNzc2IDEwNy40NTlDOC4zOTY0MSAxMDcuODUzIDguNTkwNTUgMTA4LjIxNCA4Ljg3NTYyIDEwOC40OThDOS4xNjA2OSAxMDguNzgyIDkuNTIzODkgMTA4Ljk3NSA5LjkxOTMgMTA5LjA1M0MxMC4zMTQ3IDEwOS4xMzIgMTAuNzI0NiAxMDkuMDkyIDExLjA5NyAxMDguOTM4QzExLjQ2OTUgMTA4Ljc4NCAxMS43ODc4IDEwOC41MjQgMTIuMDExOCAxMDguMTlDMTIuMjM1OCAxMDcuODU3IDEyLjM1NTMgMTA3LjQ2NCAxMi4zNTUzIDEwNy4wNjNDMTIuMzU0NyAxMDYuNTI1IDEyLjEzOTggMTA2LjAwOSAxMS43NTc2IDEwNS42MjhDMTEuMzc1NSAxMDUuMjQ4IDEwLjg1NzQgMTA1LjAzNCAxMC4zMTcgMTA1LjAzM1oiIGZpbGw9IndoaXRlIi8+PC9zdmc+) center center no-repeat
}

@media only screen and (max-width: 979px) {
  .covid_form_section__success-icon {
    margin-bottom: 90px
  }
}

.covid_form_section__success-text {
  margin-bottom: 45px;
  font-family: Montserrat, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
  max-width: 690px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 979px) {
  .covid_form_section__success-text {
    font-size: 16px
  }
}

@media only screen and (max-width: 767px) {
  .covid_form_section__success-text {
    margin-bottom: 75px
  }
}

.covid_form_section__success-button {
  color: #fff;
  font-size: 26px
}

@media only screen and (max-width: 767px) {
  .covid_form_section__success-button {
    margin-bottom: 80px
  }
}

@media only screen and (max-width: 767px) {
  .covid_form_section__success-button:last-child {
    margin-bottom: 50px
  }
}

.covid_form_section__label {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 8px
}

@media only screen and (max-width: 979px) {
  .covid_form_section__label {
    font-size: 16px;
    margin-bottom: 6px
  }
}

@media only screen and (max-width: 979px) {
  .covid_form_section__container-custom {
    width: 100%
  }
}

.covid_form_section__item {
  width: calc(50% - 44px)
}

@media only screen and (max-width: 1279px) {
  .covid_form_section__item {
    width: calc(50% - 20px)
  }
}

@media only screen and (max-width: 979px) {
  .covid_form_section__item {
    width: 100%;
    margin-top: 20px
  }
}

.covid_form_section__input {
  min-height: 58px;
  width: 100%;
  padding: 0 15px;
  background: #fff;
  border: 1px solid #4a4a4a;
  box-sizing: border-box;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, .25);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.2;
  color: #4a4a4a;
  border-radius: 0
}

.covid_form_section__input::-webkit-input-placeholder {
  color: #4a4a4a;
  text-indent: -10px
}

.covid_form_section__input::-moz-placeholder {
  color: #4a4a4a;
  text-indent: -10px
}

.covid_form_section__input:-ms-input-placeholder {
  color: #4a4a4a;
  text-indent: -10px
}

.covid_form_section__input::-ms-input-placeholder {
  color: #4a4a4a;
  text-indent: -10px
}

.covid_form_section__input::placeholder {
  color: #4a4a4a;
  text-indent: -10px
}

.covid_form_section__textarea {
  background: #fff;
  border: 1px solid #4a4a4a;
  box-sizing: border-box;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, .25);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.2;
  width: 100%;
  height: 276px;
  padding: 15px
}

@media only screen and (max-width: 979px) {
  .covid_form_section__textarea {
    height: 216px
  }
}

.covid_form_section__success-title {
  font-family: Montserrat, sans-serif;
  font-size: 55px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
  margin-bottom: 55px
}

@media only screen and (max-width: 1279px) {
  .covid_form_section__success-title {
    font-size: 35px
  }
}

@media only screen and (max-width: 979px) {
  .covid_form_section__success-title {
    font-size: 28px
  }
}

.covid_form_section__success-buttons {
  padding: 0;
  min-width: 500px
}

@media only screen and (max-width: 767px) {
  .covid_form_section__success-buttons {
    min-width: 1px;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.covid_form_section .prodege-contact-form__form-box {
  margin-top: 16px
}

@media only screen and (max-width: 979px) {
  .covid_form_section .prodege-contact-form__form-box {
    margin-top: 20px
  }
}

.covid_form_section .prodege-contact-form__button-box {
  width: 295px;
  height: 88px;
  font-size: 38px
}

@media only screen and (max-width: 979px) {
  .covid_form_section .prodege-contact-form__button-box {
    width: 185px;
    height: 55px
  }
}

@media only screen and (max-width: 979px) {
  .covid_form_section .prodege-contact-form__button-box:after {
    right: 25px;
    width: 33px;
    height: 100%;
    background-size: 33px auto;
    background-repeat: no-repeat;
    background-position: center center
  }
}

@media only screen and (max-width: 979px) {
  .covid_form_section .prodege-contact-form__button {
    padding-left: 25px;
    font-size: 25px
  }
}

.covid_form_section .prodege-contact-form__form {
  background-color: transparent;
  box-shadow: none;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0
}

.newsroom-events__text,
.newsroom-press__text,
.newsroom-news__text,
.newsroom-blog__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  color: #4a4a4a;
  text-align: center
}

@media only screen and (max-width: 979px) {

  .newsroom-events__text,
  .newsroom-press__text,
  .newsroom-news__text,
  .newsroom-blog__text {
    padding: 0 30px
  }
}

.newsroom-header {
  position: relative;
  width: 100%;
  padding-top: 64px;
  color: #fff
}

@media only screen and (max-width: 991px) {
  .newsroom-header {
    height: auto;
    overflow: hidden
  }
}

.newsroom-header__purple-bar-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 530px;
  background: #572760;
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%);
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .newsroom-header__purple-bar-top {
    height: 403px
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-header__purple-bar-top {
    height: 100%;
    left: 0;
    top: 30%;
    background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%)
  }
}

.newsroom-header__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .newsroom-header__container {
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-header__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0 104px;
    width: 100%;
    -ms-flex-align: center;
    align-items: center
  }
}

.newsroom-header__img-wrap {
  width: 50%;
  padding: 30px 20px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .newsroom-header__img-wrap {
    width: 100%;
    padding: 0 0 0 10%
  }
}

.newsroom-header__img-wrap picture {
  width: 100%
}

.newsroom-header__img {
  width: 100%;
  max-width: 472px;
  box-shadow: 2px 2px 11px rgba(0, 0, 0, .13)
}

@media only screen and (max-width: 1279px) {
  .newsroom-header__img {
    max-width: 332px
  }
}

@media only screen and (max-width: 991px) {
  .newsroom-header__img {
    max-width: none
  }
}

.newsroom-header__content {
  width: 50%;
  max-height: 70%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: 2.5%;
  padding-right: 30px;
  font-weight: 300;
  margin-top: -30px
}

@media only screen and (max-width: 1279px) {
  .newsroom-header__content {
    padding-right: 0;
    margin-top: 50px
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-header__content {
    width: 100%;
    max-height: none;
    text-align: center;
    margin: 0;
    max-width: 282px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 55px
  }
}

.newsroom-header__title {
  font-size: 38px;
  line-height: 1.33;
  margin-bottom: 12px
}

@media only screen and (max-width: 1279px) {
  .newsroom-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-header__title {
    font-size: 28px;
    margin-bottom: 20px
  }
}

.newsroom-header__description {
  margin-top: 0;
  font-size: 18px;
  line-height: 140%
}

.newsroom-header__description strong {
  font-weight: 700
}

@media only screen and (max-width: 979px) {
  .newsroom-header__description strong {
    font-weight: 300
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-header__description {
    font-size: 16px
  }
}

.newsroom-header__description ~ .subscribe-form {
  margin-top: 14px
}

.newsroom-header__description ~ .subscribe-form .subscribe-form__button {
  background-color: #292c49
}

.newsroom-header__description p:first-child {
  margin-bottom: 35px
}

@media only screen and (max-width: 1279px) {
  .newsroom-header__description p:first-child {
    margin-bottom: 25px
  }
}

.newsroom-header__description p:last-child {
  margin-bottom: 0
}

.newsroom-header__indicator-wrapper {
  position: relative;
  height: 100%
}

@media only screen and (max-width: 991px) {
  .newsroom-header__indicator-wrapper {
    display: none
  }
}

.newsroom-header__scroll-indicator {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 68px;
  height: 68px;
  background-color: #9dc92e;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 20;
  transition: all .3s;
  display: none
}

@media only screen and (max-width: 1279px) {
  .newsroom-header__scroll-indicator {
    display: none
  }
}

.newsroom-header__scroll-indicator:hover {
  background-color: #292c49
}

.newsroom-header__scroll-indicator:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 33px;
  background-image: url("/wp-content/themes/prodege_theme/img/scroll-indicator.svg");
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.newsroom__view-more,
.surveydemo__view-more,
.author__view-more,
.engagements__view-more,
.events-content__view-more {
  margin-top: 45px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border: none;
  background: 0 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 143%;
  text-align: center;
  color: #582362;
  cursor: pointer
}

@media only screen and (max-width: 1279px) {

  .newsroom__view-more,
  .surveydemo__view-more,
  .author__view-more,
  .engagements__view-more,
  .events-content__view-more {
    margin-top: 38px
  }
}

@media only screen and (max-width: 979px) {

  .newsroom__view-more,
  .surveydemo__view-more,
  .author__view-more,
  .engagements__view-more,
  .events-content__view-more {
    margin-top: 15px
  }
}

.newsroom__view-more:after,
.surveydemo__view-more:after,
.author__view-more:after,
.engagements__view-more:after,
.events-content__view-more:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 16px;
  height: 16px;
  border-left: 2px solid #2c99a4;
  border-bottom: 2px solid #2c99a4;
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
  z-index: 1
}

@media only screen and (max-width: 1279px) {

  .newsroom__view-more:after,
  .surveydemo__view-more:after,
  .author__view-more:after,
  .engagements__view-more:after,
  .events-content__view-more:after {
    width: 12px;
    height: 12px
  }
}

@media only screen and (max-width: 979px) {
  .newsroom__view-more--hidden-mobile {
    display: none
  }
}

.newsroom-blog {
  width: 100%
}

.newsroom-blog__tablet-container {
  display: none
}

@media only screen and (max-width: 1279px) {
  .newsroom-blog__tablet-container {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-blog__tablet-container {
    display: none
  }
}

@media only screen and (max-width: 1279px) {

  .newsroom-blog .newsroom__view-more,
  .newsroom-blog .surveydemo__view-more,
  .newsroom-blog .author__view-more,
  .newsroom-blog .engagements__view-more,
  .newsroom-blog .events-content__view-more {
    display: none
  }
}

.newsroom-blog .newsroom__view-more_tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .newsroom-blog .newsroom__view-more_tablet {
    display: inline-block
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-blog .newsroom__view-more_tablet {
    display: none
  }
}

.newsroom-blog__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 145px 70px 90px
}

@media only screen and (max-width: 1439px) {
  .newsroom-blog__container {
    padding-left: 0;
    padding-right: 0
  }
}

@media only screen and (max-width: 1279px) {
  .newsroom-blog__container {
    padding: 90px 0 50px
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-blog__container {
    padding: 50px 0;
    width: 100%
  }
}

.newsroom-blog__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .newsroom-blog__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-blog__title {
    font-size: 25px
  }
}

.newsroom-blog__desktop-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px
}

@media only screen and (max-width: 1279px) {
  .newsroom-blog__desktop-container {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-blog__desktop-container {
    display: none
  }
}

.newsroom-blog__mobile-container {
  display: none;
  margin-top: 10px;
  width: 100%;
  overflow: hidden
}

@media only screen and (max-width: 979px) {
  .newsroom-blog__mobile-container {
    display: block;
    padding-left: 15px
  }
}

.blog-card {
  height: auto;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  width: calc(20% - 30px);
  margin: 10px 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.blog-card:hover {
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .blog-card {
    width: calc(25% - 40px);
    margin: 10px 20px
  }
}

@media only screen and (max-width: 979px) {
  .blog-card {
    width: 175px;
    margin: 10px 15px
  }
}

.blog-card__header {
  height: 130px;
  width: 100%;
  position: relative
}

.blog-card__header_default {
  padding: 0 10px
}

.blog-card__image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.blog-card__image_default {
  -o-object-fit: contain;
  object-fit: contain
}

.blog-card__arrow-box {
  position: absolute;
  right: 18px;
  bottom: -15px;
  width: 30px;
  height: 30px;
  background-color: #2c99a4
}

.blog-card__arrow-box:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-white.svg")
}

.blog-card__title {
  -ms-flex: 1;
  flex: 1;
  padding: 20px 10px 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 17px;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .blog-card__title {
    font-size: 15px
  }
}

.blog-card__date {
  padding: 10px 10px 10px;
  font-weight: 300;
  font-size: 12px;
  line-height: 143%;
  color: #4a4a4a
}

.newsroom-news {
  width: 100%;
  padding: 65px 0 90px
}

@media only screen and (max-width: 1279px) {
  .newsroom-news {
    padding: 55px 0 50px;
    background: transparent
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-news {
    padding: 50px 30px 70px
  }
}

.newsroom-news__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .newsroom-news__container {
    width: 100%
  }
}

.newsroom-news__title {
  padding: 0 20px;
  margin: 0 0 7px;
  max-width: 100%;
  color: #582362;
  text-align: center;
  font-size: 38px;
  line-height: 133%;
  font-weight: 300
}

@media only screen and (max-width: 1279px) {
  .newsroom-news__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-news__title {
    font-size: 25px;
    line-height: 133%;
    margin-bottom: 0
  }
}

.news-card {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px;
  padding: 20px 30px 20px 25px;
  transition: .3s all;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  min-height: 125px
}

@media only screen and (max-width: 1279px) {
  .news-card {
    padding: 20px 30px 20px 20px
  }
}

@media only screen and (max-width: 979px) {
  .news-card {
    margin-top: 25px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 15px;
    position: relative;
    min-height: 315px
  }
}

.news-card svg {
  transition: fill .3s
}

@media only screen and (max-width: 979px) {
  .news-card svg {
    width: 100%;
    height: 100%
  }
}

.news-card__link {
  position: relative;
  transition: right .3s;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .news-card__link {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 33px;
    height: 21px
  }
}

@media only screen and (max-width: 979px) {
  .news-card__link .ui-arrow-CTA-LG {
    display: none
  }
}

.news-card__link .ui-arrow-СTA-SML {
  display: none
}

@media only screen and (max-width: 979px) {
  .news-card__link .ui-arrow-СTA-SML {
    display: block
  }
}

.news-card:hover {
  text-decoration: none
}

.news-card:hover svg {
  fill: #292c49
}

@media only screen and (max-width: 1279px) {
  .news-card:hover svg {
    fill: #2c99a4
  }
}

.news-card:hover .news-card__link {
  right: -10px
}

@media only screen and (max-width: 1279px) {
  .news-card:hover .news-card__link {
    right: 0
  }
}

@media only screen and (max-width: 979px) {
  .news-card:hover .news-card__link {
    right: 15px
  }
}

.news-card picture {
  width: 20%;
  max-width: 260px
}

@media only screen and (max-width: 979px) {
  .news-card picture {
    width: auto;
    margin-left: auto;
    margin-right: auto
  }
}

.news-card picture img {
  width: 100%
}

.news-card__link .ui-arrow-СTA-SML {
  display: none
}

@media only screen and (max-width: 979px) {
  .news-card__link .ui-arrow-СTA-SML {
    display: block
  }
}

.news-card__image {
  width: 20%;
  padding: 0 20px 0 0;
  max-width: 260px;
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 80px;
  height: 100%;
  margin: auto 0
}

@media only screen and (max-width: 979px) {
  .news-card__image {
    width: auto;
    height: 40px;
    margin: 0px auto 20px;
    padding: 0 10px
  }
}

.news-card__teaser {
  padding: 0 40px 0 20px;
  position: relative;
  max-width: 80%;
  -ms-flex: 1;
  flex: 1
}

@media only screen and (max-width: 979px) {
  .news-card__teaser {
    width: 100%;
    max-width: 100%;
    padding: 13px 0 0
  }
}

.news-card__teaser:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 2px;
  background-color: rgba(74, 74, 74, .25)
}

@media only screen and (max-width: 979px) {
  .news-card__teaser:before {
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 100%;
    height: 2px;
    background-color: #4a4a4a;
    opacity: .25
  }
}

.news-card__title {
  margin: 5px 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .news-card__title {
    font-size: 15px;
    margin: 0 0 10px
  }
}

@media only screen and (max-width: 979px) {
  .news-card__title {
    margin: 0 0 8px;
    font-size: 16px;
    text-align: center;
    max-width: 255px;
    margin-left: auto;
    margin-right: auto
  }
}

.news-card__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 143%;
  color: #4a4a4a;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .news-card__text {
    font-size: 12px
  }
}

@media only screen and (max-width: 979px) {
  .news-card__text {
    font-size: 16px
  }
}

.newsroom-press {
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .newsroom-press {
    background: transparent
  }
}

.newsroom-press__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 65px 0 90px
}

@media only screen and (max-width: 1279px) {
  .newsroom-press__container {
    padding: 50px 0
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-press__container {
    width: 100%;
    padding: 50px 30px 75px
  }
}

.newsroom-press__title {
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .newsroom-press__title {
    font-size: 36px;
    margin-bottom: 5px
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-press__title {
    font-size: 25px;
    margin-bottom: 0
  }
}

.press-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 125px;
  margin-top: 25px;
  padding: 15px 30px 15px 125px;
  transition: .3s all;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .press-card {
    margin-top: 28px;
    padding: 15px 30px 15px 75px
  }
}

@media only screen and (max-width: 979px) {
  .press-card {
    padding: 5px 30px;
    margin-top: 25px
  }
}

@media only screen and (max-width: 480px) {
  .press-card {
    min-height: 135px;
    position: relative;
    padding: 10px 25px
  }
}

.press-card svg {
  transition: fill .3s
}

.press-card__link {
  position: relative;
  transition: right .3s;
  right: 0;
  margin-left: 30px
}

@media only screen and (max-width: 767px) {
  .press-card__link {
    margin-left: 30px
  }
}

@media only screen and (max-width: 480px) {
  .press-card__link {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 33px;
    height: 21px
  }
}

@media only screen and (max-width: 979px) {
  .press-card__link .ui-arrow-CTA-LG {
    display: none
  }
}

.press-card__link .ui-arrow-СTA-SML {
  display: none
}

@media only screen and (max-width: 979px) {
  .press-card__link .ui-arrow-СTA-SML {
    display: block
  }
}

.press-card:hover {
  text-decoration: none
}

.press-card:hover svg {
  fill: #292c49
}

@media only screen and (max-width: 1279px) {
  .press-card:hover svg {
    fill: #2c99a4
  }
}

.press-card:hover .press-card__link {
  right: -10px
}

@media only screen and (max-width: 1279px) {
  .press-card:hover .press-card__link {
    right: 0
  }
}

@media only screen and (max-width: 480px) {
  .press-card:hover .press-card__link {
    right: 15px
  }
}

.press-card__date-box {
  width: 66px;
  height: 61px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  background-color: #582362
}

.press-card__date {
  font-size: 14px;
  font-weight: 600;
  color: #fff
}

.press-card__teaser {
  padding: 5px 10px 5px 10px;
  position: relative;
  max-width: 100%
}

@media only screen and (max-width: 1279px) {
  .press-card__teaser {
    padding-right: 30px
  }
}

@media only screen and (max-width: 979px) {
  .press-card__teaser {
    padding-right: 0;
    padding-left: 0
  }
}

.press-card__title {
  margin: 5px 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .press-card__title {
    font-size: 15px;
    line-height: 140%;
    font-weight: bold
  }
}

@media only screen and (max-width: 979px) {
  .press-card__title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600
  }
}

.press-card__text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .press-card__text {
    font-size: 12px;
    line-height: 143.1%
  }
}

@media only screen and (max-width: 979px) {
  .press-card__text {
    display: none
  }
}

.newsroom-resources {
  width: 100%;
  position: relative
}

.newsroom-resources__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 65px 0 165px;
  max-width: 1110px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .newsroom-resources__container {
    padding: 50px 0 100px
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-resources__container {
    display: none;
    width: 100%;
    padding: 64px 0;
    color: #fff
  }
}

.newsroom-resources__container .swiper-button-prev,
.newsroom-resources__container .swiper-button-next {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS4yNTI0NSAxOS43NDg5TDEwIDEwLjE5OTVMMSAwLjM3NDUxMiIgc3Ryb2tlPSIjNEE0QTRBIi8+PC9zdmc+) center center no-repeat;
  width: 11px;
  height: 21px;
  margin-top: -10px;
  right: -30px;
  display: none
}

@media only screen and (max-width: 1279px) {

  .newsroom-resources__container .swiper-button-prev,
  .newsroom-resources__container .swiper-button-next {
    display: block
  }
}

@media only screen and (max-width: 979px) {

  .newsroom-resources__container .swiper-button-prev,
  .newsroom-resources__container .swiper-button-next {
    display: none
  }
}

.newsroom-resources__container .swiper-button-prev {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  left: -30px
}

.newsroom-resources__title {
  margin: 0;
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .newsroom-resources__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-resources__title {
    font-size: 25px
  }
}

.newsroom-resources__desktop-container {
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 1279px) {
  .newsroom-resources__desktop-container {
    overflow: hidden;
    padding: 10px 20px 0;
    margin: 30px 0 0
  }
}

@media only screen and (max-width: 979px) {
  .newsroom-resources__desktop-container {
    display: none
  }
}

.newsroom-resources__desktop-container .swiper-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.newsroom-resources__mobile-container {
  display: none;
  margin-top: 70px;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .newsroom-resources__mobile-container {
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
  }
}

.newsroom-resources-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(20% - 20px);
  transition: all .4s
}

.newsroom-resources-card:last-child {
  margin-right: 0
}

@media only screen and (max-width: 979px) {
  .newsroom-resources-card {
    margin: 0 15px;
    width: 190px
  }

  .newsroom-resources-card.swiper-slide-active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}

.newsroom-resources-card:hover {
  text-decoration: none
}

.newsroom-resources-card:hover .newsroom-resources-card__arrow-box {
  background-color: #292c49
}

@media only screen and (max-width: 1279px) {
  .newsroom-resources-card:hover .newsroom-resources-card__arrow-box {
    background-color: #9dc92e
  }
}

.newsroom-resources-card__image-box {
  width: 100%;
  position: relative;
  margin-bottom: 25px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, .31)
}

.newsroom-resources-card__image {
  width: 100%
}

.newsroom-resources-card__arrow-box {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
  width: 50px;
  height: 50px;
  background-color: #2c99a4;
  transition: all .3s
}

@media only screen and (max-width: 979px) {
  .newsroom-resources-card__arrow-box {
    width: 46px;
    height: 46px
  }
}

.newsroom-resources-card__arrow-box:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 27px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-file-white.svg");
  background-repeat: no-repeat
}

@media only screen and (max-width: 979px) {
  .newsroom-resources-card__arrow-box:after {
    width: 23px;
    height: 25px;
    background-size: 23px auto
  }
}

.newsroom-resources-card__title {
  margin-top: 25px;
  font-weight: bold;
  font-size: 16px;
  line-height: 140%;
  color: #582362;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .newsroom-resources-card__title {
    margin-top: 23px
  }
}

.newsroom-resources-card__text {
  margin-top: 12px;
  font-size: 16px;
  line-height: 140%;
  color: #582362;
  text-align: center;
  display: none
}

@media only screen and (max-width: 979px) {
  .newsroom-resources-card__text {
    margin-top: 8px
  }
}

.careers-header {
  position: relative;
  width: 100%;
  padding-top: 64px;
  color: #fff;
  z-index: 2
}

@media only screen and (max-width: 979px) {
  .careers-header {
    height: auto;
    padding-top: 64px
  }
}

.careers-header__purple-bar-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 530px;
  background: #572760;
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%);
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .careers-header__purple-bar-top {
    height: 403px
  }
}

@media only screen and (max-width: 979px) {
  .careers-header__purple-bar-top {
    height: 70%;
    left: 0;
    top: 30%;
    background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%)
  }
}

.careers-header__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

@media only screen and (max-width: 979px) {
  .careers-header__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0 64px;
    width: 100%
  }
}

.careers-header__img-wrap {
  width: 50%;
  padding: 30px 30px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .careers-header__img-wrap {
    padding-right: 20px
  }
}

@media only screen and (max-width: 979px) {
  .careers-header__img-wrap {
    width: 100%;
    padding: 0 0 0 10%
  }
}

.careers-header__img-wrap picture {
  width: 100%
}

.careers-header__img {
  width: 100%;
  max-width: 472px;
  box-shadow: 2px 2px 11px rgba(0, 0, 0, .13)
}

@media only screen and (max-width: 1279px) {
  .careers-header__img {
    max-width: 332px
  }
}

@media only screen and (max-width: 979px) {
  .careers-header__img {
    max-width: none
  }
}

.careers-header__content {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: 2.5%;
  font-weight: 300;
  padding-right: 30px
}

@media only screen and (max-width: 1279px) {
  .careers-header__content {
    margin-top: 0;
    padding-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .careers-header__content {
    width: auto;
    max-height: none;
    margin: 0;
    padding: 55px 30px 0;
    text-align: center
  }
}

.careers-header__title {
  font-size: 38px;
  line-height: 1.33;
  margin: 0;
  margin-bottom: 16px
}

@media only screen and (max-width: 1279px) {
  .careers-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .careers-header__title {
    max-width: none;
    font-size: 24px;
    margin-bottom: 20px
  }
}

.careers-header__description {
  font-size: 18px;
  line-height: 140%
}

@media only screen and (max-width: 979px) {
  .careers-header__description {
    font-size: 16px;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto
  }
}

.careers-header__description ~ .subscribe-form {
  margin-top: 14px
}

.careers-header__description ~ .subscribe-form .subscribe-form__button {
  background-color: #2c99a4
}

.careers-header__description br {
  display: block
}

@media only screen and (max-width: 1279px) {
  .careers-header__description br {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .careers-header__description br {
    display: none
  }
}

.careers-header__description br.desktop {
  display: none
}

@media only screen and (max-width: 1279px) {
  .careers-header__description br.desktop {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .careers-header__description br.desktop {
    display: none
  }
}

.careers-header__description br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .careers-header__description br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .careers-header__description br.mobile {
    display: block
  }
}

.careers-header__button-wrapper {
  position: relative;
  height: 100%
}

.careers-header__button {
  position: absolute;
  top: calc(50% + 30px);
  left: 236px;
  width: 264px;
  height: 68px;
  padding: 20px 27px;
  background-color: #2c99a4;
  z-index: 20;
  color: #fff;
  font-weight: 300;
  font-size: 25px;
  line-height: 30px;
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .careers-header__button {
    left: 86px;
    top: calc(50% + 72px)
  }
}

@media only screen and (max-width: 979px) {
  .careers-header__button {
    left: 50%;
    top: auto;
    bottom: 0;
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
  }
}

.careers-header__button:hover {
  background-color: #292c49;
  text-decoration: none;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .careers-header__button:hover {
    background-color: #9dc92e
  }
}

@media only screen and (max-width: 979px) {
  .careers-header__button {
    width: 190px;
    padding: 23px 27px;
    font-size: 16px;
    line-height: 20px
  }
}

.careers-header__button:after {
  content: "";
  position: absolute;
  right: 28px;
  top: 50%;
  width: 54px;
  height: 54px;
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-white.svg");
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width: 979px) {
  .careers-header__button:after {
    width: 32px;
    height: 32px
  }
}

.careers-perks {
  width: 100%;
  padding: 50px 0 50px
}

@media only screen and (max-width: 1279px) {
  .careers-perks {
    padding: 50px 0 40px
  }
}

@media only screen and (max-width: 979px) {
  .careers-perks {
    padding: 54px 0 65px
  }
}

.careers-perks__sub_title {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.43;
  letter-spacing: 0px;
  margin-bottom: 40px
}

@media only screen and (max-width: 1279px) {
  .careers-perks__sub_title {
    max-width: 557px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
  }
}

@media only screen and (max-width: 979px) {
  .careers-perks__sub_title {
    margin-bottom: 7px
  }
}

@media only screen and (max-width: 480px) {
  .careers-perks__sub_title {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  .careers-perks__container {
    width: 100%
  }
}

.careers-perks__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .careers-perks__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .careers-perks__title {
    font-size: 25px
  }
}

@media only screen and (max-width: 480px) {
  .careers-perks__title {
    max-width: 230px;
    margin-left: auto;
    margin-right: auto
  }
}

.careers-perks__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  list-style: none;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .careers-perks__list {
    display: none
  }
}

.careers-perk {
  width: 300px
}

@media only screen and (max-width: 1279px) {
  .careers-perk {
    width: calc(33.33% - 20px)
  }
}

@media only screen and (max-width: 979px) {
  .careers-perk {
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
    width: 244px;
    height: 334px;
    margin: 0 14px 0;
    text-align: center;
    position: relative;
    padding: 0 10px 10px 19px
  }
}

@media only screen and (max-width: 979px) {
  .careers-perk:before {
    content: "";
    position: absolute;
    background: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    z-index: 2;
    border-radius: 50%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
    top: -30px
  }
}

@media only screen and (max-width: 979px) {
  .careers-perk:after {
    content: "";
    position: absolute;
    background: #fff;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 2;
    top: 0
  }
}

.careers-perk__icon-wrap {
  margin: 0 auto 15px;
  padding-left: 50px;
  height: 61px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .careers-perk__icon-wrap {
    padding: 0;
    width: 61px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    margin-top: -25px;
    position: relative;
    z-index: 3;
    left: -4px;
    margin-bottom: 0
  }
}

.careers-perk__list {
  list-style: none;
  padding: 0
}

.careers-perk__slide-part {
  position: absolute;
  margin: 0;
  text-align: right;
  bottom: 18px;
  right: 25px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 110%;
  color: #582362
}

.careers-perk__list-item {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.43;
  letter-spacing: 0px;
  text-align: left;
  position: relative;
  padding-left: 23px;
  color: #4a4a4a;
  margin-bottom: 15px
}

@media only screen and (max-width: 979px) {
  .careers-perk__list-item {
    margin-bottom: 12px
  }
}

.careers-perk__list-item:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #9dc92e;
  margin-right: 11px
}

.careers-perk__list-item:last-child {
  margin-bottom: 0
}

.careers-perk__note {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.43;
  letter-spacing: 0px;
  text-align: left;
  color: #4a4a4a;
  margin-top: 12px
}

@media only screen and (max-width: 1279px) {
  .careers-perk__note {
    max-width: 288px;
    margin-top: 12px
  }
}

@media only screen and (max-width: 979px) {
  .careers-perk__note {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 480px) {
  .careers-perk__note {
    max-width: 274px;
    margin-left: auto;
    margin-right: auto
  }
}

.careers-perk__note p {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin-bottom: 0
}

.careers-perk__note strong {
  font-weight: 700;
  color: #582362
}

.careers-perk:nth-child(4) .careers-perk__icon {
  padding-left: 13px
}

.careers-perk__title {
  font-family: Montserrat, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 20px;
  color: #582362;
  max-width: 200px
}

@media only screen and (max-width: 979px) {
  .careers-perk__title {
    text-align: center;
    margin: 7px auto 18px;
    width: 100%;
    max-width: 150px;
    font-size: 18px;
    position: relative;
    z-index: 3;
    line-height: 1.1
  }
}

.careers-perk__subtitle {
  font-size: 11px
}

.careers-perks__slider {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: none;
  padding: 40px 0 20px
}

@media only screen and (max-width: 979px) {
  .careers-perks__slider {
    display: block
  }
}

.career-perks__slide {
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  margin-bottom: 20px
}

.swiper-pagination--careers-slider .swiper-pagination-bullet {
  height: 12px;
  width: 12px;
  background-color: #fff;
  border: 1px solid #4a4a4a;
  opacity: 1
}

.swiper-pagination--careers-slider .swiper-pagination-bullet-active {
  background-color: #4a4a4a
}

.careers-photos {
  width: 100%;
  min-height: 568px
}

.careers-photos__container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(239, 233, 231, .44)
}

@media only screen and (max-width: 979px) {
  .careers-photos__container {
    display: none
  }
}

.careers-photos__center-box {
  position: relative;
  width: 268px;
  height: 250px
}

.careers-photos__center-box-link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 46px 35px 0;
  z-index: 2;
  background-color: #582362;
  color: #fff;
  font-weight: 300;
  text-align: center;
  transition: all .3s
}

.careers-photos__center-box-link:hover {
  color: #fff;
  background-color: #9dc92e;
  text-decoration: none
}

.careers-photos__center-box-link:after {
  content: "";
  position: absolute;
  width: 52px;
  height: 52px;
  left: 50%;
  bottom: 24px;
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-white.svg");
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.careers-photos__center-box-title {
  font-size: 38px;
  line-height: 133%
}

.careers-photos__center-box-text {
  font-size: 16px;
  line-height: 143.1%
}

.careers-photos__list {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.careers-photos__box {
  position: absolute;
  top: 0;
  left: 0;
  width: 268px;
  opacity: 0;
  transition: all .5s linear;
  z-index: 1
}

.careers-photos__box.active {
  opacity: 1
}

.careers-photos__img {
  width: 100%
}

.careers-photos__box--1.active {
  top: -200px;
  left: 0
}

.careers-photos__box--2.active {
  top: -92px;
  left: -257px;
  width: 232px
}

.careers-photos__box--3.active {
  width: 232px;
  top: -92px;
  left: 292px
}

.careers-photos__box--4.active {
  left: -444px;
  top: 14px;
  width: 160px
}

.careers-photos__box--5.active {
  top: 14px;
  width: 160px;
  left: 548px
}

.careers-photos__box--6.active {
  width: 232px;
  top: 70px;
  left: 292px
}

.careers-photos__box--7.active {
  top: 218px;
  left: -257px;
  width: 232px
}

.careers-photos__box--8.active {
  top: 276px;
  left: 0
}

.careers-photos__box--aqua.active {
  width: 55px;
  height: 55px;
  left: -339px;
  top: -68px;
  background-color: #2c99a4
}

.careers-photos__box--lime.active {
  width: 55px;
  height: 55px;
  left: 548px;
  top: 260px;
  background-color: #9dc92e
}

.careers-photos__mobile-container {
  width: 100%;
  padding: 42px 0 30px;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  background: linear-gradient(360deg, #ffffff 0%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .44)
}

@media only screen and (max-width: 979px) {
  .careers-photos__mobile-container {
    display: -ms-flexbox;
    display: flex
  }
}

.careers-photos__mobile-title {
  font-weight: 300;
  font-size: 28px;
  line-height: 121%;
  text-align: center;
  color: #582362
}

.careers-photos__mobile-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 30px;
  padding-top: 103%
}

.careers-photos__mobile-img {
  position: absolute
}

.careers-photos__mobile-img--2 {
  top: 5%;
  right: 52%;
  width: 63%
}

.careers-photos__mobile-img--5 {
  top: 13.5%;
  right: 4%;
  width: 40%
}

.careers-photos__mobile-img--4 {
  top: 45%;
  left: 0;
  width: 36%
}

.careers-photos__mobile-img--7 {
  top: 62%;
  right: 0;
  width: 61%
}

.careers-photos__box-blue {
  position: absolute;
  top: 0;
  right: 19%;
  width: 10%;
  padding-top: 10%;
  background-color: #292c49
}

.careers-photos__box-purple {
  position: absolute;
  top: 5.5%;
  right: 10%;
  width: 6%;
  padding-top: 6%;
  background-color: #582362
}

.careers-photos__box-aqua {
  position: absolute;
  top: 44%;
  right: 56%;
  width: 6%;
  padding-top: 6%;
  background-color: #2c99a4
}

.careers-photos__box-lime {
  position: absolute;
  top: 52%;
  right: 51%;
  width: 7%;
  padding-top: 7%;
  background-color: #9dc92e
}

.careers-photos__mobile-text {
  max-width: 240px;
  margin-top: 40px;
  font-weight: 300;
  font-size: 16px;
  line-height: 143%;
  color: #4a4a4a;
  text-align: center
}

.careers-stories {
  width: 100%
}

.careers-stories__container {
  padding: 217px 0 187px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .careers-stories__container {
    width: 100%;
    padding: 50px 0 80px
  }
}

.careers-awards {
  width: 50%;
  max-width: 670px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column
}

@media only screen and (max-width: 1279px) {
  .careers-awards {
    width: 60%
  }
}

.careers-awards__cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0
}

.careers-awards-card {
  height: 325px;
  min-height: 325px;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  position: relative;
  transition: .3s all;
  width: 230px;
  margin: 0 18px;
  padding-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .careers-awards-card {
    width: 40%;
    margin: 0 10px
  }
}

@media only screen and (max-width: 979px) {
  .careers-awards-card {
    width: 230px;
    height: 325px;
    padding-bottom: 20px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
  }

  .careers-awards-card.active {
    -webkit-transform: translateX(-62%) translateY(8%);
    transform: translateX(-62%) translateY(8%);
    z-index: 3;
    position: relative
  }
}

.careers-awards-card__image_shadow {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0
}

.careers-awards-card__image_shadow:before {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 979px) {
  .careers-awards-card__image_shadow:before {
    width: 80px;
    height: 80px;
    top: -40px
  }
}

.careers-awards-card__image_shadow:after {
  content: "";
  height: 60px;
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  background: #fff;
  z-index: 0
}

.careers-awards-card__icon-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  padding-top: 20px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
  background: #fff;
  position: relative;
  z-index: 1;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .careers-awards-card__icon-box {
    width: 80px;
    height: 80px;
    padding-top: 18px
  }
}

.careers-awards-card__icon {
  height: auto;
  max-height: 50px;
  max-width: 50px;
  background-color: #fff
}

@media only screen and (max-width: 979px) {
  .careers-awards-card__icon {
    max-height: 43px;
    max-width: 43px
  }
}

.careers-awards-card__icon:before {
  display: block;
  margin: 0
}

.careers-awards-card__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: #572162;
  padding: 0 15px;
  min-height: 87px;
  margin-top: -34px;
  z-index: 1;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .careers-awards-card__title {
    font-size: 16px;
    min-height: 76px
  }
}

.careers-awards-card__years {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  text-align: center;
  padding: 0 10px;
  margin: 0;
  color: #4a4a4a
}

.careers-awards-card__logo-box {
  width: 100%;
  height: 110px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0 25px;
  margin-top: -25px
}

.careers-awards-card__logo {
  max-width: 100%;
  max-height: 100%
}

.careers-awards-card__issuer {
  color: #2c99a4;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  text-align: center;
  padding: 0 20px;
  margin: 0;
  margin-bottom: 3px
}

@media only screen and (max-width: 979px) {
  .careers-awards-card__issuer {
    font-size: 16px;
    padding: 0 25px
  }
}

.careers-quotes {
  width: 50%;
  max-width: 670px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .careers-quotes {
    width: 40%;
    padding: 0 10px 0 3%
  }
}

@media only screen and (max-width: 979px) {
  .careers-quotes {
    display: none
  }
}

.careers-quotes__swiper {
  width: 100%;
  height: 100%;
  max-width: 520px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-right: 20px
}

@media only screen and (max-width: 1279px) {
  .careers-quotes__swiper {
    max-width: calc(80% + 40px);
    padding-right: 0
  }
}

.careers-quotes__icon {
  position: absolute;
  height: 70px;
  width: 70px;
  z-index: 50
}

.careers-quotes__icon--top {
  top: 6px;
  left: 0
}

@media only screen and (max-width: 1279px) {
  .careers-quotes__icon--top {
    top: 0px;
    left: 0px;
    max-width: 35px
  }
}

.careers-quotes__icon--bottom {
  bottom: 90px;
  right: 20px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media only screen and (max-width: 1279px) {
  .careers-quotes__icon--bottom {
    bottom: 10px;
    max-width: 35px;
    right: 0
  }
}

.careers-quotes__slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px 0px 20px 80px
}

@media only screen and (max-width: 1279px) {
  .careers-quotes__slide {
    padding: 20px 0 20px 40px
  }
}

.careers-quotes__slide-quote {
  margin: 0;
  text-align: left;
  font-size: 23px;
  font-weight: 300;
  line-height: 28px;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .careers-quotes__slide-quote {
    font-size: 16px
  }
}

.careers-quotes__author {
  display: -ms-flexbox;
  display: flex;
  width: 82%;
  margin: 20px auto 10px 0
}

@media only screen and (max-width: 1279px) {
  .careers-quotes__author {
    width: 100%
  }
}

.careers-quotes__author-avatar {
  height: 81px;
  width: 81px;
  border-radius: 50%
}

.careers-quotes__author-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 15px;
  width: calc(100% - 85px)
}

.careers-quotes__author-name {
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  color: #4a4a4a
}

.careers-quotes__author-role {
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .careers-quotes__author-role {
    font-size: 14px
  }
}

.careers-quotes__swiper-pagination {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  text-align: center
}

.careers-quotes__swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #4a4a4a
}

.careers-quotes__swiper-pagination .swiper-pagination-bullet-active {
  background-color: #4a4a4a
}

.careers-why {
  position: relative;
  width: 100%;
  background: linear-gradient(180deg, #f6f6f6 0%, #ffffff 100%)
}

@media only screen and (max-width: 979px) {
  .careers-why {
    background: #fff
  }
}

.careers-why__container {
  display: -ms-flexbox;
  display: flex;
  padding: 136px 0
}

@media only screen and (max-width: 1279px) {
  .careers-why__container {
    padding: 80px 0
  }
}

@media only screen and (max-width: 979px) {
  .careers-why__container {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    padding: 0
  }
}

.careers-why__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  width: 50%;
  padding: 30px 9% 30px 0;
  position: relative;
  z-index: 10;
  opacity: 0
}

@media only screen and (max-width: 1279px) {
  .careers-why__content {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}

@media only screen and (max-width: 979px) {
  .careers-why__content {
    width: 100%;
    opacity: 1;
    padding: 50px 30px;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
  }
}

@media only screen and (max-width: 979px) {
  .careers-why__content:before {
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 305px;
    background: linear-gradient(45deg, #704a78 0%, #582362 100%);
    z-index: -1
  }
}

@media only screen and (max-width: 480px) {
  .careers-why__content .section__sliding-img--mobile {
    width: 100%;
    margin: 0
  }
}

.careers-why__content--show-up {
  opacity: 1
}

.careers-why__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .careers-why__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .careers-why__title {
    font-size: 25px;
    line-height: 133.1%;
    margin-bottom: 32px
  }
}

@media only screen and (max-width: 767px) {
  .careers-why__title {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto
  }
}

.careers-why__title br {
  display: none
}

@media only screen and (max-width: 1279px) {
  .careers-why__title br {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .careers-why__title br {
    display: none
  }
}

.careers-why__text {
  margin-top: 15px;
  font-weight: 300;
  font-size: 23px;
  line-height: 143.1%;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .careers-why__text {
    color: #fff;
    margin-top: 35px;
    font-size: 16px
  }
}

@media only screen and (max-width: 767px) {
  .careers-why__text {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
  }
}

.careers-why__text br {
  display: none
}

@media only screen and (max-width: 1279px) {
  .careers-why__text br {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .careers-why__text br {
    display: none
  }
}

.careers-why__button {
  margin-top: 10px;
  font-size: 25px;
  line-height: 30px;
  -webkit-transform: translateX(-16px);
  transform: translateX(-16px)
}

@media only screen and (max-width: 1279px) {
  .careers-why__button {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .careers-why__button {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.careers-why__color-box {
  width: 38%;
  min-height: 100%;
  position: absolute;
  z-index: 0;
  right: -1000px;
  top: 0;
  background: linear-gradient(308.69deg, #582362 0%, #682c74 58.32%, #833a91 100%)
}

.careers-why__color-box--slide-in {
  right: 0
}

.careers-instagram {
  height: 100%;
  width: 40%;
  position: relative;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 30px;
  background-color: #fff;
  box-shadow: 0 2px 9px rgba(0, 0, 0, .18);
  -webkit-transform: translateX(50vw);
  transform: translateX(50vw)
}

@media only screen and (max-width: 979px) {
  .careers-instagram {
    width: 100%;
    padding: 20px 30px 60px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background: linear-gradient(180deg, #f6f6f6 0%, #ffffff 100%);
    box-shadow: none
  }
}

.careers-instagram .meks-instagram-widget {
  width: 100% !important;
  max-width: 100% !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 85%
}

.careers-instagram .meks-instagram-widget div {
  height: 31.33% !important;
  width: 31.33% !important;
  -ms-flex: 0 0 31.333% !important;
  flex: 0 0 31.333% !important;
  margin: 1% !important;
  transition: all .3s
}

.careers-instagram .meks-instagram-widget div:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

@media only screen and (max-width: 979px) {
  .careers-instagram .meks-instagram-widget div:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.careers-instagram .meks-instagram-widget a {
  padding-top: 100%;
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden
}

.careers-instagram .meks-instagram-widget img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  height: auto;
  width: 100%
}

.careers-instagram--from-right {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.careers-instagram__header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px
}

.careers-instagram__icon {
  width: 31px;
  height: 31px
}

.careers-instagram__name {
  margin-left: 14px;
  -ms-flex: 1;
  flex: 1;
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  color: #4a4a4a
}

.careers-instagram__name:hover {
  color: #4a4a4a;
  text-decoration: underline
}

.careers-instagram__follow {
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  color: #4a4a4a
}

.careers-instagram__follow:hover {
  color: #4a4a4a;
  text-decoration: underline
}

.careers-instagram__button {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 100%;
  bottom: 30px;
  background-color: #9dc92e;
  transition: all .3s
}

.careers-instagram__button:after {
  content: "";
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-white.svg");
  width: 32px;
  height: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.careers-instagram__button:hover {
  background-color: #292c49
}

.careers-accordion {
  padding: 186px 0 0;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .careers-accordion {
    padding-top: 80px
  }
}

@media only screen and (max-width: 480px) {
  .careers-accordion .container-custom {
    width: 100%;
    padding: 0 15px
  }
}

.careers-accordion .careers-accordion-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.33;
  text-align: center;
  color: #582362;
  margin-bottom: 12px
}

@media only screen and (max-width: 767px) {
  .careers-accordion .careers-accordion-title {
    font-size: 25px
  }
}

.careers-accordion .careers-accordion-subtitle {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 50px
}

@media only screen and (max-width: 767px) {
  .careers-accordion .careers-accordion-subtitle {
    margin-bottom: 30px
  }
}

@media only screen and (max-width: 991px) {
  .careers-accordion .careers-accordion-subtitle br {
    display: none
  }
}

.careers-accordion .careers-accordion-wrapper {
  width: 100%
}

.careers-accordion .careers-accordion-wrapper .careers-accordion-item {
  text-align: center;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto
}

.careers-accordion .careers-accordion-wrapper .careers-accordion-item .careers-accordion-link {
  color: #2c99a4;
  transition: color .3s
}

.careers-accordion .careers-accordion-wrapper .careers-accordion-item .careers-accordion-link:hover {
  color: #582362
}

.careers-accordion .careers-accordion-wrapper .careers-accordion-item .panel {
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease-out;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  padding: 0 50px
}

@media only screen and (max-width: 767px) {
  .careers-accordion .careers-accordion-wrapper .careers-accordion-item .panel {
    padding: 0 23px
  }
}

.careers-accordion .careers-accordion-wrapper .careers-accordion-item .caption {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  color: #fff;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  background: #582362;
  text-align: left;
  padding: 11px 23px 10px;
  border: none;
  outline: none;
  position: relative;
  cursor: pointer;
  transition: background .3s
}

@media only screen and (max-width: 767px) {
  .careers-accordion .careers-accordion-wrapper .careers-accordion-item .caption {
    font-size: 16px;
    line-height: 1.43;
    padding: 16px 23px 16px
  }
}

.careers-accordion .careers-accordion-wrapper .careers-accordion-item .caption:hover {
  background: #9dc92e
}

.careers-accordion .careers-accordion-wrapper .careers-accordion-item .caption:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 16px;
  left: auto;
  right: 16px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTguNTcyIDguNTcxNzFIMTEuNDI4OVYxLjQyODYyQzExLjQyODkgMC42Mzg0MjEgMTAuNzkwNSAwIDEwLjAwMDMgMEM5LjIxMDEzIDAgOC41NzE3MSAwLjYzODQyMSA4LjU3MTcxIDEuNDI4NjJWOC41NzE3MUgxLjQyODYyQzAuNjM4NDIxIDguNTcxNzEgMCA5LjIxMDEzIDAgMTAuMDAwM0MwIDEwLjc5MDUgMC42Mzg0MjEgMTEuNDI4OSAxLjQyODYyIDExLjQyODlIOC41NzE3MVYxOC41NzJDOC41NzE3MSAxOS4zNjIyIDkuMjEwMTMgMjAuMDAwNyAxMC4wMDAzIDIwLjAwMDdDMTAuNzkwNSAyMC4wMDA3IDExLjQyODkgMTkuMzYyMiAxMS40Mjg5IDE4LjU3MlYxMS40Mjg5SDE4LjU3MkMxOS4zNjIyIDExLjQyODkgMjAuMDAwNyAxMC43OTA1IDIwLjAwMDcgMTAuMDAwM0MyMC4wMDA3IDkuMjEwMTMgMTkuMzYyMiA4LjU3MTcxIDE4LjU3MiA4LjU3MTcxWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=) center center no-repeat;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

.careers-accordion .careers-accordion-wrapper .careers-accordion-item .caption.active:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.careers-accordion .careers-accordion-wrapper .careers-accordion-item .description {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #4a4a4a;
  text-align: left
}

@media only screen and (max-width: 767px) {
  .careers-accordion .careers-accordion-wrapper .careers-accordion-item .description {
    font-size: 12px
  }
}

.careers-accordion .careers-accordion-wrapper .careers-accordion-item .description p {
  margin-bottom: 30px
}

@media only screen and (max-width: 767px) {
  .careers-accordion .careers-accordion-wrapper .careers-accordion-item .description p {
    margin-bottom: 20px
  }
}

.careers-accordion .careers-accordion-wrapper .careers-accordion-item .description p:first-child {
  margin-top: 50px
}

@media only screen and (max-width: 767px) {
  .careers-accordion .careers-accordion-wrapper .careers-accordion-item .description p:first-child {
    margin-top: 32px
  }
}

.careers-accordion .careers-accordion-wrapper .careers-accordion-item .description p:last-child {
  margin-bottom: 50px
}

@media only screen and (max-width: 767px) {
  .careers-accordion .careers-accordion-wrapper .careers-accordion-item .description p:last-child {
    margin-bottom: 32px
  }
}

.careers-bottom-section__image {
  padding: 0;
  width: auto;
  background-color: transparent
}

@media only screen and (max-width: 1279px) {
  .careers-bottom-section__image {
    margin-left: 60px
  }
}

@media only screen and (max-width: 979px) {
  .careers-bottom-section__image {
    margin-left: 0
  }
}

.careers-bottom-section__image img {
  width: auto;
  max-width: 482px;
  max-height: 445px
}

@media only screen and (max-width: 1279px) {
  .careers-bottom-section__image img {
    max-width: 348px
  }
}

@media only screen and (max-width: 979px) {
  .careers-bottom-section__image img {
    max-width: 482px
  }
}

.careers-team {
  padding: 60px 0 0
}

@media only screen and (max-width: 1279px) {
  .careers-team {
    padding: 40px 0 0
  }
}

@media only screen and (max-width: 979px) {
  .careers-team {
    padding: 0
  }
}

.careers-team__item-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 20px 55px 20px 110px
}

@media only screen and (max-width: 1279px) {
  .careers-team__item-wrap {
    padding: 0 0 0 70px
  }
}

@media only screen and (max-width: 979px) {
  .careers-team__item-wrap {
    max-width: 410px;
    padding: 50px 33px 97px
  }
}

.careers-team__title {
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.34;
  letter-spacing: 0px;
  text-align: center;
  color: #582362;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .careers-team__title {
    font-size: 36px;
    line-height: 133%
  }
}

@media only screen and (max-width: 979px) {
  .careers-team__title {
    font-size: 25px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto
  }
}

.careers-team__description {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size: 23px;
  line-height: 143.1%;
  font-style: normal;
  letter-spacing: 0px;
  text-align: center;
  color: #2c99a4;
  margin-bottom: 40px;
  max-width: 985px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .careers-team__description {
    margin-bottom: 0;
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .careers-team__description {
    max-width: 294px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px
  }
}

.careers-team__item-quote {
  font-family: Montserrat, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.21;
  letter-spacing: 0px;
  text-align: left;
  color: #f9f9f9;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .careers-team__item-quote {
    font-size: 15px
  }
}

@media only screen and (max-width: 979px) {
  .careers-team__item-quote {
    font-size: 16px;
    line-height: 1.4;
    height: 121px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px
  }
}

@media only screen and (max-width: 767px) {
  .careers-team__item-quote {
    height: 191px
  }
}

@media only screen and (max-width: 979px) {
  .careers-team__item-wrap-inner {
    padding-left: 16px
  }
}

.careers-team__item-content {
  text-align: left;
  max-width: 475px
}

@media only screen and (max-width: 1279px) {
  .careers-team__item-content {
    width: 50%
  }
}

@media only screen and (max-width: 979px) {
  .careers-team__item-content {
    width: 100%;
    max-width: 100%
  }
}

.careers-team__item-name,
.careers-team__item-position {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.31;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #f9f9f9;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {

  .careers-team__item-name,
  .careers-team__item-position {
    font-size: 14px
  }
}

@media only screen and (max-width: 979px) {

  .careers-team__item-name,
  .careers-team__item-position {
    line-height: 1.43;
    font-size: 16px
  }
}

.careers-team__item-img-inner {
  margin: 0;
  max-width: 450px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  margin-left: 30px
}

@media only screen and (max-width: 1279px) {
  .careers-team__item-img-inner {
    width: calc(50% - 30px);
    max-width: 355px
  }
}

@media only screen and (max-width: 979px) {
  .careers-team__item-img-inner {
    display: none
  }
}

.careers-team__item-img {
  max-width: 100%;
  display: block;
  height: auto
}

@media only screen and (max-width: 1279px) {
  .careers-team__item-img {
    display: block;
    max-width: 100%;
    height: auto
  }
}

.careers-team__content {
  margin-top: 0
}

.careers-team__slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: 15px
}

@media only screen and (max-width: 979px) {
  .careers-team__slider {
    padding-bottom: 0
  }
}

.careers-team__slider:before {
  height: 360px
}

@media only screen and (max-width: 1279px) {
  .careers-team__slider:before {
    height: 270px;
    width: 200%;
    right: -50%
  }
}

.careers-team__slider-container {
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .careers-team__slider-container {
    height: 440px
  }
}

.careers-team__slider-button {
  z-index: 3
}

@media only screen and (max-width: 1279px) {
  .careers-team__slider-button:hover {
    background-color: #292c49
  }
}

.careers-team__slider-button_next {
  bottom: 30px
}

@media only screen and (max-width: 1279px) {
  .careers-team__slider-button_next {
    bottom: 65px
  }
}

.careers-team__slider-button_prev {
  top: 30px
}

@media only screen and (max-width: 1279px) {
  .careers-team__slider-button_prev {
    top: 65px
  }
}

@media only screen and (max-width: 979px) {
  .careers-team__item-img {
    display: none
  }
}

.careers-team__item-img_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .careers-team__item-img_mobile {
    display: block
  }
}

.careers-team__item-content-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.careers-team__swiper-pagination {
  display: none
}

@media only screen and (max-width: 979px) {
  .careers-team__swiper-pagination {
    display: block;
    bottom: 40px !important
  }
}

@media only screen and (max-width: 979px) {
  .careers-team__swiper-slide {
    background: #582362
  }
}

.careers-team .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
  border: 1px solid #f9f9f9;
  background-color: transparent
}

.careers-team .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #f9f9f9
}

.section-core-values {
  width: 100%;
  padding: 140px 0 0
}

@media only screen and (max-width: 1279px) {
  .section-core-values {
    padding: 40px 0 0
  }
}

@media only screen and (max-width: 979px) {
  .section-core-values {
    padding: 50px 0 45px
  }
}

.section-core-values__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.33;
  text-align: center;
  color: #582362;
  margin-bottom: 5px
}

@media only screen and (max-width: 1279px) {
  .section-core-values__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .section-core-values__title {
    font-size: 25px;
    margin-bottom: 20px
  }
}

.section-core-values__description {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 143.1%;
  text-align: center;
  color: #2c99a4;
  margin-bottom: 40px;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .section-core-values__description {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .section-core-values__description {
    max-width: 294px
  }
}

.section-core-values__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -60px;
  margin-right: -60px
}

@media only screen and (max-width: 1279px) {
  .section-core-values__wrap {
    margin-left: -30px;
    margin-right: -30px
  }
}

@media only screen and (max-width: 979px) {
  .section-core-values__wrap {
    display: none
  }
}

.section-core-values__item {
  width: calc(33.33% - 120px);
  margin: 0 60px 80px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .section-core-values__item {
    width: calc(33.33% - 80px);
    margin: 0 40px 0
  }
}

.section-core-values__item-img-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 45px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .section-core-values__item-img-inner {
    margin-bottom: 5px
  }
}

.section-core-values__item-img {
  max-height: 100%;
  width: auto
}

.section-core-values__item-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  text-align: center;
  color: #582362;
  margin-bottom: 12px
}

.section-core-values__item-text {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .section-core-values__item-text {
    padding: 35px 23px;
    text-align: left
  }
}

@media only screen and (max-width: 979px) {
  .section-core-values_container-custom {
    width: 100%
  }
}

.section-core-values__accordion {
  display: none
}

@media only screen and (max-width: 979px) {
  .section-core-values__accordion {
    display: block
  }
}

.section-interview {
  padding: 85px 0 170px;
  width: 100%;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .section-interview {
    padding: 100px 0 72px
  }
}

@media only screen and (max-width: 979px) {
  .section-interview {
    padding-top: 0;
    padding-bottom: 60px
  }
}

.section-interview:before {
  content: "";
  position: absolute;
  z-index: -3;
  top: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2400px;
  background: linear-gradient(180deg, #ffffff 0%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18)
}

.section-interview__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.33;
  text-align: center;
  color: #582362;
  margin-bottom: 5px
}

@media only screen and (max-width: 1279px) {
  .section-interview__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .section-interview__title {
    font-size: 25px;
    max-width: 262px;
    margin: 0 auto 20px
  }
}

.section-interview__description {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 790;
  font-size: 23px;
  line-height: 143.1%;
  color: #2c99a4;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin: 0 auto 50px;
  max-width: 1120px
}

@media only screen and (max-width: 1279px) {
  .section-interview__description {
    max-width: 780px;
    margin-bottom: 30px;
    font-size: 16px
  }
}

@media only screen and (max-width: 767px) {
  .section-interview__description {
    max-width: 294px;
    margin: 0 auto 10px
  }
}

.section-interview__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 1279px) {
  .section-interview__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 774px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  .section-interview__wrap {
    display: none
  }
}

.section-interview__item {
  width: calc(25% - 22.5px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start
}

@media only screen and (max-width: 1279px) {
  .section-interview__item {
    width: calc(50% - 22px);
    margin-bottom: 28px
  }
}

@media only screen and (max-width: 979px) {
  .section-interview__item {
    width: 100%
  }
}

.section-interview__item-wrap {
  background: linear-gradient(180deg, #ffffff 99.99%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 2px 2px 11px rgba(0, 0, 0, .13);
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .section-interview__item-wrap {
    height: calc(100% - 80px)
  }
}

@media only screen and (max-width: 979px) {
  .section-interview__item-wrap {
    height: auto;
    background-color: transparent
  }
}

@media only screen and (max-width: 979px) {
  .section-interview_container-custom {
    width: 100%
  }
}

.section-interview__item-text {
  margin-bottom: 0;
  padding: 32px 40px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  text-align: center;
  color: #4a4a4a;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 246px;
  height: 246px
}

@media only screen and (max-width: 1549px) {
  .section-interview__item-text {
    padding: 32px 16px
  }
}

@media only screen and (max-width: 1439px) {
  .section-interview__item-text {
    padding: 32px 16px
  }
}

@media only screen and (max-width: 1279px) {
  .section-interview__item-text {
    min-height: 1px;
    height: auto;
    padding: 20px 15px
  }
}

@media only screen and (max-width: 979px) {
  .section-interview__item-text {
    min-height: 220px;
    height: 220px;
    padding: 0 15px 15px
  }
}

.section-interview__item-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 1.33;
  text-align: center;
  color: #582362;
  margin-bottom: 30px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .section-interview__item-title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .section-interview__item-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
    padding-top: 20px;
    margin-bottom: 20px
  }
}

.section-interview__item-img-inner {
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
  height: 150px
}

@media only screen and (max-width: 1279px) {
  .section-interview__item-img-inner {
    height: 211px
  }
}

@media only screen and (max-width: 979px) {
  .section-interview__item-img-inner {
    height: 100px
  }
}

.section-interview__item-img {
  min-height: 100%;
  width: auto;
  min-width: 100%
}

.section-interview__slider {
  display: none
}

@media only screen and (max-width: 979px) {
  .section-interview__slider {
    display: block;
    padding: 20px 0
  }
}

.section-interview__slide {
  width: 244px;
  height: 397px;
  background: linear-gradient(180deg, #ffffff 99.99%, rgba(255, 255, 255, 0) 100%);
  -webkit-filter: drop-shadow(2px 2px 11px rgba(0, 0, 0, 0.13));
  filter: drop-shadow(2px 2px 11px rgba(0, 0, 0, 0.13))
}

.why-work-section {
  padding: 160px 0 170px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .why-work-section {
    padding: 110px 0 140px
  }
}

@media only screen and (max-width: 979px) {
  .why-work-section {
    padding: 60px 0 50px
  }
}

.why-work-section__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 979px) {
  .why-work-section__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.why-work-section__item {
  width: calc(50% - 22px)
}

@media only screen and (max-width: 979px) {
  .why-work-section__item {
    width: 100%
  }
}

.why-work-section__item-content {
  padding: 0 50px
}

@media only screen and (max-width: 1279px) {
  .why-work-section__item-content {
    padding-right: 0;
    padding-left: 0
  }
}

@media only screen and (max-width: 979px) {
  .why-work-section__item-content {
    padding: 0
  }
}

.why-work-section__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.33;
  color: #582362;
  margin-bottom: 12px
}

@media only screen and (max-width: 1279px) {
  .why-work-section__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .why-work-section__title {
    font-size: 25px;
    margin-bottom: 10px;
    text-align: center
  }
}

.why-work-section__description {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .why-work-section__description {
    margin-bottom: 40px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
  }
}

@media only screen and (max-width: 767px) {
  .why-work-section__description {
    max-width: 300px
  }
}

.why-work-section__button {
  font-size: 25px;
  line-height: 30px;
  -webkit-transform: translateX(-16px);
  transform: translateX(-16px)
}

@media only screen and (max-width: 1279px) {
  .why-work-section__button {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .why-work-section__button {
    display: none;
    font-size: 16px;
    line-height: 1.2;
    -webkit-transform: none;
    transform: none
  }
}

.why-work-section__button_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .why-work-section__button_mobile {
    display: inline-block
  }
}

@media only screen and (max-width: 1279px) {
  .why-work-section_container-custom {
    max-width: 774px
  }
}

@media only screen and (max-width: 979px) {
  .why-work-section_container-custom {
    width: 100%
  }
}

.why-work-section__button-wrap {
  width: 100%;
  display: none
}

@media only screen and (max-width: 979px) {
  .why-work-section__button-wrap {
    display: block;
    text-align: center;
    -ms-flex-order: 2;
    order: 2
  }
}

.why-work-collage {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 525px;
  width: 50%
}

@media only screen and (max-width: 1279px) {
  .why-work-collage {
    width: calc(50% - 22px);
    height: 374px
  }
}

@media only screen and (max-width: 979px) {
  .why-work-collage {
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    max-width: 365px;
    margin: 0 auto 80px
  }
}

@media only screen and (max-width: 480px) {
  .why-work-collage {
    max-width: 360px;
    height: 370px;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.why-work-collage__image {
  min-width: 100%;
  display: block;
  min-height: 100%;
  width: auto;
  height: auto
}

@media only screen and (max-width: 1279px) {
  .why-work-collage__image {
    height: 100%
  }
}

@media only screen and (max-width: 480px) {
  .why-work-collage__image {
    min-width: auto;
    width: 100%
  }
}

.why-work-collage__image-inner {
  overflow: hidden;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1439px) {
  .why-work-collage__image-inner {
    position: absolute
  }
}

.why-work-collage__image-inner_1 {
  margin: 0 15px 20px 0;
  width: 180px;
  height: 240px
}

@media only screen and (max-width: 1439px) {
  .why-work-collage__image-inner_1 {
    right: 315px;
    top: 0
  }
}

@media only screen and (max-width: 1279px) {
  .why-work-collage__image-inner_1 {
    height: 170px;
    width: 125px;
    right: 225px
  }
}

@media only screen and (max-width: 480px) {
  .why-work-collage__image-inner_1 {
    right: 225px;
    height: 170px;
    width: 125px;
    margin-right: 10px
  }
}

.why-work-collage__image-inner_2 {
  margin: 33px 0 0 0;
  width: 315px;
  height: 205px
}

@media only screen and (max-width: 1439px) {
  .why-work-collage__image-inner_2 {
    left: auto;
    right: 0;
    top: 0
  }
}

@media only screen and (max-width: 1279px) {
  .why-work-collage__image-inner_2 {
    width: 227px;
    height: 147px;
    margin-top: 23px
  }
}

@media only screen and (max-width: 480px) {
  .why-work-collage__image-inner_2 {
    width: 225px;
    height: 145px;
    margin-top: 23px
  }
}

.why-work-collage__image-inner_3 {
  margin: 0 15px 0 0;
  width: 285px;
  height: 225px
}

@media only screen and (max-width: 1439px) {
  .why-work-collage__image-inner_3 {
    left: auto;
    right: 210px;
    top: 260px
  }
}

@media only screen and (max-width: 1279px) {
  .why-work-collage__image-inner_3 {
    width: 203px;
    height: 161px;
    margin-right: 10px;
    right: 151px;
    top: 183px
  }
}

@media only screen and (max-width: 480px) {
  .why-work-collage__image-inner_3 {
    width: 200px;
    height: 160px;
    margin-right: 10px;
    right: 150px;
    top: 180px
  }
}

.why-work-collage__image-inner_4 {
  margin: 0;
  width: 210px;
  height: 265px
}

@media only screen and (max-width: 1439px) {
  .why-work-collage__image-inner_4 {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0
  }
}

@media only screen and (max-width: 1279px) {
  .why-work-collage__image-inner_4 {
    width: 150px;
    height: 190px
  }
}

@media only screen and (max-width: 480px) {
  .why-work-collage__image-inner_4 {
    width: 150px;
    height: 190px
  }
}

.why-work-collage__box {
  position: absolute
}

.why-work-collage__box_lime {
  width: 35px;
  height: 35px;
  background: #9dc92e;
  top: -15px;
  left: auto;
  right: 0
}

@media only screen and (max-width: 1279px) {
  .why-work-collage__box_lime {
    width: 25px;
    height: 25px;
    top: -13px
  }
}

@media only screen and (max-width: 480px) {
  .why-work-collage__box_lime {
    width: 25px;
    height: 25px;
    top: -12px
  }
}

.why-work-collage__box_blue {
  width: 44px;
  height: 44px;
  background: #2c99a4;
  top: auto;
  bottom: -15px;
  left: auto;
  right: 255px
}

@media only screen and (max-width: 1279px) {
  .why-work-collage__box_blue {
    width: 32px;
    height: 32px;
    bottom: -12px;
    right: 190px
  }
}

@media only screen and (max-width: 480px) {
  .why-work-collage__box_blue {
    width: 32px;
    height: 32px;
    bottom: -12px;
    right: 190px
  }
}

.why-work-collage__box_dark {
  width: 73px;
  height: 73px;
  background: #292c49;
  top: auto;
  bottom: -55px;
  left: auto;
  right: 318px
}

@media only screen and (max-width: 1279px) {
  .why-work-collage__box_dark {
    width: 52px;
    height: 52px;
    bottom: -42px;
    right: 233px
  }
}

@media only screen and (max-width: 480px) {
  .why-work-collage__box_dark {
    width: 52px;
    height: 52px;
    bottom: -42px;
    right: 233px
  }
}

.careers-hr-banner {
  width: 100%;
  margin: auto;
  text-align: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  -webkit-transform: translateY(-28px);
  transform: translateY(-28px);
  z-index: 1
}

@media only screen and (max-width: 979px) {
  .careers-hr-banner {
    margin-top: 81px;
    margin-left: 16px;
    margin-right: 18px;
    -webkit-transform: none;
    transform: none
  }
}

.careers-hr-banner__container {
  padding-top: 67px;
  padding-bottom: 55px
}

@media only screen and (max-width: 979px) {
  .careers-hr-banner__container {
    padding-top: 29px;
    padding-bottom: 36px;
    max-width: 355px
  }
}

@media only screen and (max-width: 480px) {
  .careers-hr-banner__container {
    max-width: 209px
  }
}

.careers-hr-banner__text {
  font-weight: 300;
  font-size: 25px;
  line-height: 140%;
  color: #582362;
  display: inline
}

@media only screen and (max-width: 1279px) {
  .careers-hr-banner__text {
    font-size: 22px;
    line-height: 27px;
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .careers-hr-banner__text {
    font-size: 16px;
    line-height: 20px
  }
}

.careers-hr-banner__text br.mobile {
  display: none
}

@media only screen and (max-width: 480px) {
  .careers-hr-banner__text br.mobile {
    display: block
  }
}

.careers-hr-banner .hr-banner-section__button {
  font-size: 25px;
  line-height: 30px;
  display: inline
}

@media only screen and (max-width: 1279px) {
  .careers-hr-banner .hr-banner-section__button {
    font-size: 22px;
    line-height: 27px;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
}

@media only screen and (max-width: 979px) {
  .careers-hr-banner .hr-banner-section__button {
    font-size: 16px;
    line-height: 20px
  }
}

.post-header {
  width: 100%;
  background: linear-gradient(103.95deg, #572162 0%, #2c99a4 100%)
}

.post-header__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40vh;
  padding: 64px 0
}

@media only screen and (max-width: 979px) {
  .post-header__container {
    width: 100%
  }
}

.post-header__type {
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  color: #fff
}

@media only screen and (max-width: 979px) {
  .post-header__type {
    font-size: 16px
  }
}

.post-header__type a {
  color: #fff;
  text-decoration: underline
}

.post-header__title {
  margin: 14px 0 0;
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #fff
}

@media only screen and (max-width: 979px) {
  .post-header__title {
    font-size: 25px
  }
}

.post-content {
  width: 100%
}

.post-content__container {
  padding: 90px 0 110px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 979px) {
  .post-content__container {
    width: 100%;
    padding: 0 30px
  }
}

.post-content__article {
  width: 75%;
  padding: 0 120px 0 10px
}

.post-content__article p {
  font-weight: 300;
  font-size: 16px;
  line-height: 143%;
  color: #4a4a4a;
  margin: 20px 0
}

.post-content__article img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 20px auto
}

.post-content__article *:first-child {
  margin-top: 0
}

@media only screen and (max-width: 979px) {
  .post-content__article {
    width: 100%;
    padding: 50px 0 0
  }
}

#breadcrumbs {
  margin-bottom: 23px
}

@media only screen and (max-width: 1279px) {
  #breadcrumbs {
    margin-bottom: 39px
  }
}

@media only screen and (max-width: 979px) {
  #breadcrumbs {
    margin-bottom: 26px
  }
}

#breadcrumbs a {
  text-decoration: underline;
  color: #2c99a4
}

#breadcrumbs a:hover {
  color: #2f868f
}

.post-content__article-img {
  display: block
}

.post-content__article-img--full {
  width: 100%;
  height: auto;
  margin: 0 0 30px
}

.post-content__side-panel {
  width: 25%
}

@media only screen and (max-width: 979px) {
  .post-content__side-panel {
    width: 100%
  }
}

.post-side {
  padding: 50px 0
}

.post-side--recent-blog {
  border-top: none
}

.post-side__info {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.post-side__info .post-side__text,
.post-side__info .recent-blog__subtitle {
  color: #582362
}

.post-side__info .post-side__text--title,
.post-side__info .recent-blog__subtitle {
  color: #2c99a4
}

.post-side__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #2c99a4;
  margin-bottom: 20px
}

.post-side__avatar {
  margin: 0 20px 0 0;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  -o-object-fit: cover;
  object-fit: cover
}

.post-side__image {
  margin: 0;
  max-width: 50%;
  -o-object-fit: cover;
  object-fit: cover
}

.post-side__details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

.post-side__text,
.recent-blog__subtitle {
  margin: 0;
  font-size: 16px;
  line-height: 140%;
  color: #2c99a4
}

.post-side__text--bold {
  font-weight: bold
}

.post-side__text--title,
.recent-blog__subtitle {
  font-size: 18px;
  font-weight: bold
}

.post-side__text--link:hover {
  color: #582362
}

.post-side__link {
  font-size: 16px;
  line-height: 20px;
  color: #4a4a4a;
  margin-bottom: 30px;
  display: inline-block
}

.post-side__link:hover {
  text-decoration: underline;
  color: #4a4a4a
}

.post-side__button-wrap {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 16px;
  margin-left: -16px
}

.post-side__share {
  margin-top: 20px
}

.post-side__share-buttons {
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex
}

.post-side__share-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 35px;
  width: 35px;
  border: none;
  border-radius: 50%;
  color: #fff;
  margin: 0 5px 0 0;
  padding: 0;
  background-color: #582362;
  font-size: 20px;
  transition: .3s all ease-in-out;
  cursor: pointer
}

.post-side__share-link:hover {
  text-decoration: none;
  color: #fff;
  background-color: #328a9c
}

@media only screen and (max-width: 1279px) {
  .post-side__share-link:hover {
    background-color: #582362
  }
}

.post-side__recent {
  border-top: 3px solid rgba(74, 74, 74, .1);
  padding: 50px 0
}

.post-side__recent .post-side__text,
.post-side__recent .recent-blog__subtitle {
  color: #4a4a4a
}

.post-side__recent-title {
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  color: #2c99a4
}

.post-side__recent-link {
  display: inline-block;
  margin-top: 30px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #582362
}

.post-side__recent-link:hover {
  color: #582362
}

.post-side__newsletter-box {
  border-top: 2px solid rgba(74, 74, 74, .1);
  padding: 50px 0
}

.post-side__newsletter-box form {
  margin-top: 30px
}

.post-bottom {
  width: 100%
}

.post-bottom__container {
  position: relative;
  padding: 70px 40px 120px;
  border-top: 2px solid #979797
}

@media only screen and (max-width: 979px) {
  .post-bottom__container {
    width: 100%
  }
}

.post-bottom__title {
  margin: 0 0 40px;
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

.post-blog__slider-container {
  width: 100%;
  overflow: hidden
}

.post-blog__slider-prev {
  position: absolute;
  left: 10px;
  top: 55%;
  -webkit-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
  z-index: 50;
  font-size: 25px;
  cursor: pointer;
  color: #979797
}

.post-blog__slider-next {
  position: absolute;
  right: 10px;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 50;
  font-size: 25px;
  cursor: pointer;
  color: #979797
}

.post-bottom__resources-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 979px) {
  .post-bottom__resources-container {
    display: none
  }
}

.post-bottom__resources-mobile-container {
  display: none;
  margin-top: 70px;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .post-bottom__resources-mobile-container {
    display: -ms-flexbox;
    display: flex
  }
}

.post-side__blog-list {
  margin-top: 10px;
  list-style-type: none;
  padding-left: 0
}

.post-side-blog-item {
  margin-top: 15px
}

.post-side-blog-item__link {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #582362
}

.post-side-blog-item__link:hover {
  color: #582362
}

.post-side-blog-item__excerpt {
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #582362
}

.blog-contact-form {
  width: 100%;
  padding-bottom: 146px
}

@media only screen and (max-width: 1279px) {
  .blog-contact-form {
    padding-bottom: 101px
  }
}

@media only screen and (max-width: 979px) {
  .blog-contact-form {
    padding-bottom: 114px
  }
}

@media only screen and (max-width: 767px) {
  .blog-contact-form .container-custom {
    width: 100%
  }
}

.blog-contact-form .blog-form__inner {
  background: #582362;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  padding: 53px 67px 80px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .blog-contact-form .blog-form__inner {
    padding: 53px 10px 30px
  }
}

.blog-contact-form .blog-form__inner.hs-form-wrapper.form-submited {
  position: relative;
  padding: 0
}

.blog-contact-form .blog-form__inner.hs-form-wrapper.form-submited .contact-form-resource__title {
  margin-bottom: 20px;
  padding: 80px 10px
}

.blog-contact-form .blog-form__inner.hs-form-wrapper.form-submited .contact-form-resource__subtitle {
  display: none
}

.blog-contact-form .blog-form__inner.hs-form-wrapper.form-submited .hbspt-form {
  background-color: #fff;
  width: 100%;
  padding: 0
}

.blog-contact-form .blog-form__inner.hs-form-wrapper.form-submited .hbspt-form .submitted-message {
  font-size: 30px;
  line-height: 125%;
  padding-top: 93px;
  padding-bottom: 93px;
  max-width: 855px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .blog-contact-form .blog-form__inner.hs-form-wrapper.form-submited .hbspt-form .submitted-message {
    font-size: 23px;
    max-width: 500px
  }
}

@media only screen and (max-width: 979px) {
  .blog-contact-form .blog-form__inner.hs-form-wrapper.form-submited .hbspt-form .submitted-message {
    padding-top: 56px;
    padding-bottom: 61px
  }
}

@media only screen and (max-width: 480px) {
  .blog-contact-form .blog-form__inner.hs-form-wrapper.form-submited .hbspt-form .submitted-message {
    max-width: 246px
  }
}

.blog-contact-form .blog-form__inner.hs-form-wrapper.form-submited .hbspt-form .submitted-message span {
  color: #4a4a4a !important
}

.blog-contact-form .blog-form__inner .contact-form-resource__subtitle {
  margin: 0 auto;
  font-size: 38px;
  line-height: 50.54px
}

@media only screen and (max-width: 1279px) {
  .blog-contact-form .blog-form__inner .contact-form-resource__subtitle {
    font-size: 36px;
    line-height: 47.88px
  }
}

@media only screen and (max-width: 979px) {
  .blog-contact-form .blog-form__inner .contact-form-resource__subtitle {
    font-size: 16px;
    line-height: 22.4px;
    max-width: 400px
  }
}

@media only screen and (max-width: 480px) {
  .blog-contact-form .blog-form__inner .contact-form-resource__subtitle {
    max-width: 240px
  }
}

.blog-contact-form .blog-form__inner .hbspt-form {
  background-color: transparent;
  padding: 48px 33px 52px
}

@media only screen and (max-width: 979px) {
  .blog-contact-form .blog-form__inner .hbspt-form {
    padding: 36px 24px 55px
  }
}

.blog-contact-form .blog-form__inner .hbspt-form label {
  color: #fff
}

.blog-contact-form .blog-form__inner .hbspt-form .hs-form-field label {
  padding-bottom: 10px
}

@media only screen and (max-width: 979px) {
  .blog-contact-form .blog-form__inner .hbspt-form .hs-form-field label {
    padding-bottom: 5px
  }
}

.blog-contact-form .blog-form__inner .hbspt-form .hs-form-field:not(:first-child) {
  padding-top: 17px
}

@media only screen and (max-width: 979px) {
  .blog-contact-form .blog-form__inner .hbspt-form .hs-form-field:not(:first-child) {
    padding-top: 17px
  }
}

.subscribe-form {
  position: relative;
  width: 100%
}

.subscribe-form__input {
  width: 100%;
  height: 40px;
  border: 1px solid #582362;
  display: block;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5);
  line-height: normal;
  text-indent: 5px;
  border-radius: 0
}

.subscribe-form__input::-webkit-input-placeholder {
  padding: 0;
  margin: 0
}

.subscribe-form__input::-moz-placeholder {
  padding: 0;
  margin: 0
}

.subscribe-form__input:-ms-input-placeholder {
  padding: 0;
  margin: 0
}

.subscribe-form__input::-ms-input-placeholder {
  padding: 0;
  margin: 0
}

.subscribe-form__input::placeholder {
  padding: 0;
  margin: 0
}

.subscribe-form__button {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  color: #fff;
  height: 40px;
  width: 40px;
  background-color: #2c99a4;
  font-size: 20px;
  cursor: pointer
}

.mobile-solutions {
  margin-top: 150px
}

.mobile-solutions__header {
  text-align: center;
  color: #582362
}

.mobile-solutions__title {
  font-size: 38px
}

.mobile-solutions__description {
  font-size: 16px;
  max-width: 720px;
  margin: 18px auto
}

.mobile-solution-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.affiliate-top-section {
  width: 100%;
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%);
  padding: 120px 0 40px;
  position: relative
}

@media only screen and (max-width: 979px) {
  .affiliate-top-section {
    padding: 80px 0 30px
  }
}

.affiliate-top-section__logo {
  width: 100%;
  margin-bottom: 30px
}

@media only screen and (max-width: 979px) {
  .affiliate-top-section__logo {
    margin-bottom: 10px
  }
}

.affiliate-top-section__logo-img {
  display: block;
  max-width: 445px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 979px) {
  .affiliate-top-section__logo-img {
    max-width: 269px
  }
}

.affiliate-top-section__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 35px;
  line-height: 1.23;
  text-align: center;
  color: #fff;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .affiliate-top-section__title {
    font-size: 28px;
    margin-bottom: 10px
  }
}

.affiliate-top-section__sub-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 29px;
  line-height: 1.23;
  text-align: center;
  color: #fff;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .affiliate-top-section__sub-title {
    font-size: 28px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-top-section__sub-title {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 12px
  }
}

.affiliate-top-section__links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 35px
}

@media only screen and (max-width: 979px) {
  .affiliate-top-section__links {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.affiliate-top-section__link {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  color: #fff;
  padding: 0 33px;
  text-decoration: none;
  transition: color .3s
}

@media only screen and (max-width: 1279px) {
  .affiliate-top-section__link {
    padding: 0 21px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-top-section__link {
    font-size: 12px;
    line-height: 1.43;
    padding: 0 10px;
    margin-bottom: 5px
  }
}

.affiliate-top-section__text-center {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 25px;
  line-height: 1.2;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  margin-bottom: 4px
}

@media only screen and (max-width: 1279px) {
  .affiliate-top-section__text-center {
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-top-section__text-center {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.25
  }
}

.affiliate-top-section__scroll-indicator {
  left: 50%;
  margin-left: -34px;
  background: #2c99a4;
  z-index: 2;
  display: block
}

@media only screen and (max-width: 1279px) {
  .affiliate-top-section__scroll-indicator {
    width: 56px;
    height: 56px;
    margin-left: -28px
  }
}

@media only screen and (max-width: 1279px) {
  .affiliate-top-section__scroll-indicator:after {
    width: 23px;
    height: 28px;
    background-size: 100% auto;
    background-repeat: no-repeat
  }
}

@media only screen and (max-width: 1279px) {
  .affiliate-top-section__scroll-indicator:hover {
    background: #9dc92e
  }
}

.affiliate-works {
  width: 100%;
  padding: 100px 0 155px
}

@media only screen and (max-width: 1279px) {
  .affiliate-works {
    padding: 105px 0 95px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-works {
    padding: 90px 0 50px
  }
}

.affiliate-works__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.33;
  text-align: center;
  color: #582362;
  padding: 0 15px;
  margin-bottom: 80px
}

@media only screen and (max-width: 1279px) {
  .affiliate-works__title {
    font-size: 36px;
    margin-bottom: 70px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-works__title {
    margin-bottom: 30px
  }
}

.affiliate-works__wrap {
  display: -ms-flexbox;
  display: flex
}

.affiliate-works__item {
  width: calc(25% - 22.5px);
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .19);
  padding: 28px 0 20px;
  margin-right: 30px;
  position: relative;
  height: auto
}

@media only screen and (max-width: 1279px) {
  .affiliate-works__item {
    width: calc(25% - 15px);
    margin-right: 20px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-works__item {
    width: 244px;
    margin: 0 15px
  }
}

.affiliate-works__item:last-child {
  margin-right: 0
}

.affiliate-works__item:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 126px;
  top: 0;
  left: 0;
  background: #582362;
  z-index: 0
}

@media only screen and (max-width: 1279px) {
  .affiliate-works__item:before {
    height: 90px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-works__item:before {
    height: 113px
  }
}

.affiliate-works__step {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 23px;
  line-height: 1.04;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
  padding: 0 15px
}

@media only screen and (max-width: 1279px) {
  .affiliate-works__step {
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-works__step {
    margin-bottom: 30px
  }
}

.affiliate-works__img-inner {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
  height: 220px;
  margin-bottom: 20px
}

@media only screen and (max-width: 1549px) {
  .affiliate-works__img-inner {
    height: 180px
  }
}

@media only screen and (max-width: 1279px) {
  .affiliate-works__img-inner {
    height: auto
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-works__img-inner {
    height: 155px
  }
}

.affiliate-works__item-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  text-align: center;
  color: #4a4a4a;
  padding: 0 15px
}

@media only screen and (max-width: 1279px) {
  .affiliate-works__item-title {
    font-size: 16px;
    margin-bottom: 0;
    padding: 0 12px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-works__item-title {
    font-size: 20px;
    padding: 0 15px;
    min-height: 84px;
    margin-bottom: 0
  }
}

.affiliate-works__img {
  display: block;
  max-width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto
}

.affiliate-benefits {
  width: 100%;
  background: linear-gradient(180deg, rgba(239, 233, 231, 0.44) 99.99%, #ffffff 100%);
  padding: 120px 0 110px
}

@media only screen and (max-width: 1279px) {
  .affiliate-benefits {
    padding: 85px 0 75px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-benefits {
    padding: 60px 0 70px
  }
}

.affiliate-benefits__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.33;
  text-align: center;
  color: #582362;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .affiliate-benefits__title {
    font-size: 36px;
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-benefits__title {
    font-size: 25px;
    margin-bottom: 20px
  }
}

.affiliate-benefits__item {
  width: 25%
}

@media only screen and (max-width: 979px) {
  .affiliate-benefits__item {
    width: 244px;
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    margin: 0 15px;
    position: relative
  }

  .affiliate-benefits__item:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    left: 50%;
    top: -34px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    z-index: -1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .affiliate-benefits__item:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 50px;
    background: #fff
  }
}

.affiliate-benefits__sub-title-color {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  color: #2c99a4;
  margin-bottom: 0
}

.affiliate-benefits__sub-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 70px;
  max-width: 830px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .affiliate-benefits__sub-title {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-benefits__sub-title {
    font-size: 15px;
    margin-bottom: 45px
  }
}

.affiliate-benefits__item-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.33;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .affiliate-benefits__item-title {
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-benefits__item-title {
    font-size: 20px;
    margin-bottom: 40px
  }
}

.affiliate-benefits__wrap {
  display: -ms-flexbox;
  display: flex
}

.affiliate-benefits__img {
  display: block;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 979px) {
  .affiliate-benefits__img {
    max-width: 44px
  }
}

.affiliate-benefits__img-inner {
  height: 70px;
  margin-bottom: 0;
  position: relative;
  z-index: 1
}

@media only screen and (max-width: 979px) {
  .affiliate-benefits__img-inner {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -34px;
    padding-top: 17px;
    background: #fff
  }
}

.affiliate-check {
  padding: 105px 0 155px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .affiliate-check {
    padding: 85px 0 95px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-check {
    padding: 55px 0 73px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-check__container {
    width: 100%
  }
}

.affiliate-check__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.33;
  text-align: center;
  color: #582362;
  margin-bottom: 70px;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 979px) {
  .affiliate-check__title {
    font-size: 25px;
    margin-bottom: 50px;
    padding: 0 30px
  }
}

.affiliate-check__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 150px
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__item {
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 100px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-check__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 75px
  }
}

.affiliate-check__item:nth-child(2n) {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__item:nth-child(2n) .affiliate-check__content {
    padding-left: 0;
    padding-right: 40px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-check__item:nth-child(2n) .affiliate-check__content {
    padding: 0
  }
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__item:nth-child(2n+1) {
    padding-left: 17px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-check__item:nth-child(2n+1) {
    padding-left: 0
  }
}

.affiliate-check__item:last-child {
  margin-bottom: 0
}

.affiliate-check__quote {
  box-shadow: 0 2px 9px rgba(0, 0, 0, .183282);
  position: relative;
  padding: 55px 30px 55px 55px;
  max-width: 550px;
  display: block;
  text-decoration: none
}

.affiliate-check__quote:hover {
  text-decoration: none
}

@media only screen and (max-width: 1439px) {
  .affiliate-check__quote {
    max-width: 470px
  }
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__quote {
    width: calc(50% - 20px);
    padding: 45px 30px 45px 45px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-check__quote {
    width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 30px 30px 40px
  }
}

.affiliate-check__img-inner {
  margin-bottom: 40px;
  text-align: center;
  padding-right: 25px
}

@media only screen and (max-width: 979px) {
  .affiliate-check__img-inner {
    padding-right: 0;
    margin-bottom: 10px
  }
}

.affiliate-check__img {
  min-height: 56px
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__img {
    max-height: 47px;
    max-width: 240px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-check__img {
    display: block;
    max-width: 181px;
    margin-left: auto;
    margin-right: auto;
    min-height: 1px
  }
}

.affiliate-check__item-quote {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__item-quote {
    font-size: 18px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-check__item-quote {
    font-size: 16px
  }
}

.affiliate-check__item-download_today {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #582362;
  display: block
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__item-download_today {
    font-size: 16px
  }
}

.affiliate-check__item-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  color: #2c99a4;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .affiliate-check__item-title {
    display: none;
    padding: 0 30px
  }
}

.affiliate-check__item-title_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .affiliate-check__item-title_mobile {
    display: block;
    font-size: 16px;
    width: 100%
  }
}

.affiliate-check__caption {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.33;
  color: #4a4a4a;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__caption {
    font-size: 23px;
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-check__caption {
    display: none;
    padding: 0 30px
  }
}

.affiliate-check__caption_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .affiliate-check__caption_mobile {
    display: block;
    font-size: 25px;
    width: 100%;
    margin-bottom: 27px
  }
}

.affiliate-check__description {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #444;
  margin-bottom: 25px
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__description {
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-check__description {
    margin-top: 30px;
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px
  }
}

.affiliate-check__content {
  padding-right: 56px;
  max-width: 550px
}

@media only screen and (max-width: 1439px) {
  .affiliate-check__content {
    max-width: 470px
  }
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__content {
    width: calc(50% - 20px);
    padding-right: 0;
    padding-left: 40px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-check__content {
    width: 100%;
    padding-right: 0;
    max-width: 100%;
    padding-left: 0
  }
}

.affiliate-check__link {
  background: #582362;
  display: inline-block;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  color: #fff;
  padding: 30px 120px 30px 50px;
  position: relative;
  transition: background .3s
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__link {
    font-size: 18px;
    padding: 20px 110px 20px 40px
  }
}

.affiliate-check__link:hover {
  text-decoration: none;
  color: #fff;
  background: #292c49
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__link:hover {
    background: #2c99a4
  }
}

.affiliate-check__link:hover:after {
  right: 20px
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__link:hover:after {
    right: 32px
  }
}

.affiliate-check__link:after {
  content: "";
  width: 53px;
  height: 34px;
  position: absolute;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MyIgaGVpZ2h0PSIzNCIgdmlld0JveD0iMCAwIDUzIDM0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MS45OTg4IDE0Ljg5N0wzNS40MzUyIDAuODY4NTU1QzM1LjE2NTcgMC41Nzk5MjEgMzQuODM5NCAwLjM1MzQyOCAzNC40NzgxIDAuMjA0MDk0QzM0LjExNjggMC4wNTQ3NjAxIDMzLjcyODcgLTAuMDE0MDAzIDMzLjMzOTYgMC4wMDIzNjQxMkMzMi45NTA1IDAuMDE4NzMxMiAzMi41NjkyIDAuMTE5ODU1IDMyLjIyMSAwLjI5OTAyOUMzMS44NzI4IDAuNDc4MjA0IDMxLjU2NTcgMC43MzEzMzYgMzEuMzIgMS4wNDE2NEMzMS4wNzQzIDEuMzUxOTUgMzAuODk1NyAxLjcxMjM0IDMwLjc5NTkgMi4wOTg5MUMzMC42OTYyIDIuNDg1NDkgMzAuNjc3NiAyLjg4OTQyIDMwLjc0MTQgMy4yODM5M0MzMC44MDUzIDMuNjc4NDQgMzAuOTUwMSA0LjA1NDUxIDMxLjE2NjIgNC4zODcyQzMxLjM4MjMgNC43MTk4OSAzMS42NjQ4IDUuMDAxNiAzMS45OTUgNS4yMTM2Nkw0Mi42NTY0IDE0LjI0MjVIMi43NDc3N0MyLjAxOTAyIDE0LjI0MjUgMS4zMjAxMSAxNC41Mzk3IDAuODA0ODAzIDE1LjA2ODlDMC4yODk0OTYgMTUuNTk4IDAgMTYuMzE1NyAwIDE3LjA2NEMwIDE3LjgxMjMgMC4yODk0OTYgMTguNTI5OSAwLjgwNDgwMyAxOS4wNTkxQzEuMzIwMTEgMTkuNTg4MiAyLjAxOTAyIDE5Ljg4NTUgMi43NDc3NyAxOS44ODU1SDQyLjYwMTRMMzEuOTQwMSAyOC45MTQzQzMxLjY0MSAyOS4xNDI2IDMxLjM5MDMgMjkuNDMwOSAzMS4yMDMyIDI5Ljc2MTlDMzEuMDE2MSAzMC4wOTI4IDMwLjg5NjUgMzAuNDU5MyAzMC44NTE3IDMwLjgzOTJDMzAuODA2OSAzMS4yMTkxIDMwLjgzNzggMzEuNjA0MyAzMC45NDI1IDMxLjk3MTZDMzEuMDQ3MyAzMi4zMzg4IDMxLjIyMzcgMzIuNjgwMyAzMS40NjEgMzIuOTc1M0MzMS42OTgzIDMzLjI3MDMgMzEuOTkxNiAzMy41MTI3IDMyLjMyMyAzMy42ODc3QzMyLjY1NDQgMzMuODYyNyAzMy4wMTcgMzMuOTY2NiAzMy4zODg3IDMzLjk5MzJDMzMuNzYwNSAzNC4wMTk4IDM0LjEzMzYgMzMuOTY4NCAzNC40ODU0IDMzLjg0MjNDMzQuODM3MiAzMy43MTYxIDM1LjE2MDQgMzMuNTE3OCAzNS40MzUyIDMzLjI1OTRMNTEuOTk4OCAxOS4yNTM0QzUyLjMxMTkgMTguOTg4NyA1Mi41NjQgMTguNjU2MiA1Mi43MzcxIDE4LjI3OTZDNTIuOTEwMiAxNy45MDMgNTMgMTcuNDkxNyA1MyAxNy4wNzUyQzUzIDE2LjY1ODggNTIuOTEwMiAxNi4yNDc1IDUyLjczNzEgMTUuODcwOUM1Mi41NjQgMTUuNDk0MyA1Mi4zMTE5IDE1LjE2MTcgNTEuOTk4OCAxNC44OTdaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==) center center no-repeat;
  top: 29px;
  left: auto;
  transition: right .3s;
  right: 32px
}

@media only screen and (max-width: 1279px) {
  .affiliate-check__link:after {
    width: 40px;
    height: 25px;
    top: 20px;
    background-size: 100% auto
  }
}

a.affiliate-check__quote:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 52px;
  height: 50px;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjU3ODIgMjYuNTgxMkwxOS4xNjYgMTkuODE0M0MxOS4yOTQgMTkuNjc0NiAxOS4zOTIyIDE5LjUxMDMgMTkuNDU0NiAxOS4zMzE1QzE5LjUxNzEgMTkuMTUyNiAxOS41NDI1IDE4Ljk2MjkgMTkuNTI5MyAxOC43NzM5QzE5LjUxNjIgMTguNTg0OSAxOS40NjQ3IDE4LjQwMDYgMTkuMzc4MSAxOC4yMzIxQzE5LjI5MTUgMTguMDYzNiAxOS4xNzE0IDE3LjkxNDUgMTkuMDI1NCAxNy43OTM4QzE4Ljg3OTMgMTcuNjczMiAxOC43MTAyIDE3LjU4MzUgMTguNTI4NCAxNy41MzAzQzE4LjM0NjYgMTcuNDc3IDE4LjE1NTggMTcuNDYxMyAxNy45Njc4IDE3LjQ4NDFDMTcuNzc5NyAxNy41MDY5IDE3LjU5ODIgMTcuNTY3NyAxNy40MzQ0IDE3LjY2MjhDMTcuMjcwNSAxNy43NTc5IDE3LjEyNzcgMTcuODg1NCAxNy4wMTQ3IDE4LjAzNzRMMTMuODk2NyAyMS44MDM2TDEzLjg5NjcgNi4yNjk0QzEzLjg5NjcgNS44OTg5IDEzLjc0OTUgNS41NDM1OCAxMy40ODc1IDUuMjgxNkMxMy4yMjU1IDUuMDE5NjIgMTIuODcwMiA0Ljg3MjQ0IDEyLjQ5OTcgNC44NzI0NEMxMi4xMjkyIDQuODcyNDQgMTEuNzczOSA1LjAxOTYyIDExLjUxMTkgNS4yODE2QzExLjI0OTkgNS41NDM1OCAxMS4xMDI4IDUuODk4OSAxMS4xMDI4IDYuMjY5NEwxMS4xMDI4IDIxLjgwMzZMNy45OTU5MiAxOC4wMzc0QzcuNzYwMjggMTcuNzUxNCA3LjQyMDY4IDE3LjU3MDcgNy4wNTE4MSAxNy41MzVDNi42ODI5NCAxNy40OTk0IDYuMzE1MDIgMTcuNjExOCA2LjAyOSAxNy44NDc0QzUuNzQyOTggMTguMDgzIDUuNTYyMjggMTguNDIyNiA1LjUyNjY1IDE4Ljc5MTVDNS40OTEwMiAxOS4xNjA0IDUuNjAzMzggMTkuNTI4MyA1LjgzOTAyIDE5LjgxNDNMMTEuNDI2OSAyNi41ODEyQzExLjU1OSAyNi43Mzg2IDExLjcyNDEgMjYuODY1MiAxMS45MTA0IDI2Ljk1MjFDMTIuMDk2NyAyNy4wMzg5IDEyLjI5OTggMjcuMDgzOSAxMi41MDUzIDI3LjA4MzlDMTIuNzEwOSAyNy4wODM5IDEyLjkxMzkgMjcuMDM4OSAxMy4xMDAyIDI2Ljk1MjFDMTMuMjg2NiAyNi44NjUyIDEzLjQ1MTYgMjYuNzM4NiAxMy41ODM4IDI2LjU4MTJMMTMuNTc4MiAyNi41ODEyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTUuNDY0OTEgMjIuMjA2MUwyLjc5MzkyIDIyLjIwNjFMMi43OTM5MiAyLjc5MzkyTDIyLjIwNjEgMi43OTM5MkwyMi4yMDYxIDIyLjIwNjFMMTkuNTAxNiAyMi4yMDYxTDE5LjUwMTYgMjVMMjUgMjVMMjUgMEwwIC0xLjA5Mjc4ZS0wNkwtMS4wOTI3OGUtMDYgMjVMNS40NjQ5MSAyNUw1LjQ2NDkxIDIyLjIwNjFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) center center no-repeat;
  background-color: #2c99a4
}

.affiliate-brands {
  background: linear-gradient(180deg, #f6f6f6 0%, #ffffff 100%);
  padding: 150px 0;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .affiliate-brands {
    padding: 95px 0 85px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-brands {
    padding: 90px 0 70px
  }
}

.affiliate-brands__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.33;
  color: #4a4a4a;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .affiliate-brands__title {
    font-size: 36px;
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-brands__title {
    font-size: 25px;
    margin-bottom: 20px
  }
}

.affiliate-brands__description {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #4a4a4a;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .affiliate-brands__description {
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-brands__description {
    font-size: 16px;
    display: none
  }
}

.affiliate-brands__description_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .affiliate-brands__description_mobile {
    display: block;
    text-align: center;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 767px) {
  .affiliate-brands__description_mobile {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
  }
}

.affiliate-brands__link {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  color: #582362;
  position: relative;
  min-height: 34px;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 70px;
  transition: color .3s
}

@media only screen and (max-width: 1279px) {
  .affiliate-brands__link {
    font-size: 16px;
    padding-right: 60px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-brands__link {
    display: none
  }
}

.affiliate-brands__link_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .affiliate-brands__link_mobile {
    display: block;
    padding: 0;
    margin-bottom: 20px;
    width: 100%
  }
}

.affiliate-brands__link:after {
  content: "";
  width: 53px;
  height: 34px;
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MyIgaGVpZ2h0PSIzNCIgdmlld0JveD0iMCAwIDUzIDM0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MS45OTg4IDE0Ljg5N0wzNS40MzUyIDAuODY4NTU1QzM1LjE2NTcgMC41Nzk5MjEgMzQuODM5NCAwLjM1MzQyOCAzNC40NzgxIDAuMjA0MDk0QzM0LjExNjggMC4wNTQ3NjAxIDMzLjcyODcgLTAuMDE0MDAzIDMzLjMzOTYgMC4wMDIzNjQxMkMzMi45NTA1IDAuMDE4NzMxMiAzMi41NjkyIDAuMTE5ODU1IDMyLjIyMSAwLjI5OTAyOUMzMS44NzI4IDAuNDc4MjA0IDMxLjU2NTcgMC43MzEzMzYgMzEuMzIgMS4wNDE2NEMzMS4wNzQzIDEuMzUxOTUgMzAuODk1NyAxLjcxMjM0IDMwLjc5NTkgMi4wOTg5MUMzMC42OTYyIDIuNDg1NDkgMzAuNjc3NiAyLjg4OTQyIDMwLjc0MTQgMy4yODM5M0MzMC44MDUzIDMuNjc4NDQgMzAuOTUwMSA0LjA1NDUxIDMxLjE2NjIgNC4zODcyQzMxLjM4MjMgNC43MTk4OSAzMS42NjQ4IDUuMDAxNiAzMS45OTUgNS4yMTM2Nkw0Mi42NTY0IDE0LjI0MjVIMi43NDc3N0MyLjAxOTAyIDE0LjI0MjUgMS4zMjAxMSAxNC41Mzk3IDAuODA0ODAzIDE1LjA2ODlDMC4yODk0OTYgMTUuNTk4IDAgMTYuMzE1NyAwIDE3LjA2NEMwIDE3LjgxMjMgMC4yODk0OTYgMTguNTI5OSAwLjgwNDgwMyAxOS4wNTkxQzEuMzIwMTEgMTkuNTg4MiAyLjAxOTAyIDE5Ljg4NTUgMi43NDc3NyAxOS44ODU1SDQyLjYwMTRMMzEuOTQwMSAyOC45MTQzQzMxLjY0MSAyOS4xNDI2IDMxLjM5MDMgMjkuNDMwOSAzMS4yMDMyIDI5Ljc2MTlDMzEuMDE2MSAzMC4wOTI4IDMwLjg5NjUgMzAuNDU5MyAzMC44NTE3IDMwLjgzOTJDMzAuODA2OSAzMS4yMTkxIDMwLjgzNzggMzEuNjA0MyAzMC45NDI1IDMxLjk3MTZDMzEuMDQ3MyAzMi4zMzg4IDMxLjIyMzcgMzIuNjgwMyAzMS40NjEgMzIuOTc1M0MzMS42OTgzIDMzLjI3MDMgMzEuOTkxNiAzMy41MTI3IDMyLjMyMyAzMy42ODc3QzMyLjY1NDQgMzMuODYyNyAzMy4wMTcgMzMuOTY2NiAzMy4zODg3IDMzLjk5MzJDMzMuNzYwNSAzNC4wMTk4IDM0LjEzMzYgMzMuOTY4NCAzNC40ODU0IDMzLjg0MjNDMzQuODM3MiAzMy43MTYxIDM1LjE2MDQgMzMuNTE3OCAzNS40MzUyIDMzLjI1OTRMNTEuOTk4OCAxOS4yNTM0QzUyLjMxMTkgMTguOTg4NyA1Mi41NjQgMTguNjU2MiA1Mi43MzcxIDE4LjI3OTZDNTIuOTEwMiAxNy45MDMgNTMgMTcuNDkxNyA1MyAxNy4wNzUyQzUzIDE2LjY1ODggNTIuOTEwMiAxNi4yNDc1IDUyLjczNzEgMTUuODcwOUM1Mi41NjQgMTUuNDk0MyA1Mi4zMTE5IDE1LjE2MTcgNTEuOTk4OCAxNC44OTdaIiBmaWxsPSIjNTgyMzYyIi8+PC9zdmc+) center center no-repeat;
  display: block;
  transition: background .3s
}

@media only screen and (max-width: 1279px) {
  .affiliate-brands__link:after {
    top: 5px;
    width: 37px;
    height: 24px;
    background-size: 100% auto
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-brands__link:after {
    display: none
  }
}

.affiliate-brands__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .affiliate-brands__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.affiliate-brands__wrap-item {
  width: 50%;
  position: relative
}

@media only screen and (max-width: 979px) {
  .affiliate-brands__wrap-item {
    width: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media only screen and (max-width: 767px) {
  .affiliate-brands__wrap-item {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
  }
}

.affiliate-brands__img-inner {
  position: relative;
  width: auto;
  display: inline-block;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 979px) {
  .affiliate-brands__img-inner {
    max-width: 120px;
    width: 100%;
    text-align: left;
    margin-bottom: 0
  }
}

.affiliate-brands__img {
  max-width: 240px;
  height: auto
}

@media only screen and (max-width: 1279px) {
  .affiliate-brands__img {
    max-width: 220px;
    max-height: 40px
  }
}

@media only screen and (max-width: 979px) {
  .affiliate-brands__img {
    max-width: 100%;
    max-height: 27px
  }
}

.affiliate-brands__item {
  text-align: center;
  margin-bottom: 20px
}

@media only screen and (max-width: 979px) {
  .affiliate-brands__item {
    width: 50%;
    font-size: 0;
    margin-bottom: 25px
  }
}

.affiliate-brands__item:last-child {
  margin-bottom: 30px
}

.affiliate-brands__item-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.without-footer .foot-legal .foot-legal__item:after {
  display: none
}

@media screen and (min-width: 992px) {
  .legal__side-panel {
    position: static;
    top: 0
  }

  .legal__article {
    height: 100%;
    position: relative
  }

  .legal__article-wrapper {
    position: absolute;
    height: 100%;
    overflow: auto;
    width: 100%;
    top: 0;
    left: 0;
    padding: inherit
  }
}

.brands-map__title-number {
  color: #2c99a4
}

.brands-map__stat-number {
  color: #9dc92e
}

.brands-map__reward-box-text {
  color: #2c99a4
}

.brands-map__line-box {
  background-color: #2c99a4
}

.brands-map__line-box:after {
  border-bottom-color: #2c99a4
}

.brands-map__dot {
  background-color: #2c99a4
}

.brands-map__circle {
  border-color: #2c99a4
}

@media only screen and (max-width: 979px) {
  .section--additional-resources {
    padding-bottom: 65px
  }
}

.section--additional-resources .section__content-container {
  -ms-flex-pack: start;
  justify-content: flex-start
}

.section--additional-resources .section__sliding-img--desktop {
  width: auto;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, .300243)
}

.section--additional-resources .section__sliding-img--mobile {
  width: 64%;
  margin-bottom: 5px
}

.map__container {
  position: relative;
  margin: 0
}

.map__image {
  position: relative
}

.map__marker {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  height: 16.2px;
  width: 16.2px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.map__marker--green {
  background-color: #9dc92e
}

.map__marker--green .map__marker-ripple {
  border-color: #9dc92e
}

.map__marker--purple {
  background-color: #582362
}

.map__marker--purple .map__marker-ripple {
  border-color: #582362
}

.map__marker--cyan {
  background-color: #2c99a4
}

.map__marker--cyan .map__marker-ripple {
  border-color: #2c99a4
}

.map__marker--s {
  width: 13px;
  height: 13px
}

.map__marker--s .map__marker-ripple {
  width: 33.3px;
  height: 33.3px
}

.map__marker--l {
  width: 19.5px;
  height: 19.5px
}

.map__marker--l .map__marker-ripple {
  width: 50px;
  height: 50px
}

.map__marker-ripple {
  position: absolute;
  z-index: -1;
  width: 41.7px;
  height: 41.7px;
  border: 2px solid;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: ripple 2s infinite;
  animation: ripple 2s infinite
}

.map__marker-ripple:nth-child(2) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.map__marker-ripple:nth-child(3) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

@-webkit-keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  25% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  25% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@media only screen and (max-width: 1279px) {
  .map__marker {
    width: 10.7px;
    height: 10.7px
  }

  .map__marker .map__marker-ripple {
    width: 27.6px;
    height: 27.6px
  }

  .map__marker--s {
    width: 8.6px;
    height: 8.6px
  }

  .map__marker--s .map__marker-ripple {
    width: 22.1px;
    height: 22.1px
  }

  .map__marker--l {
    width: 12.9px;
    height: 12.9px
  }

  .map__marker--l .map__marker-ripple {
    width: 33.1px;
    height: 33.1px
  }
}

@media only screen and (max-width: 480px) {
  .map__marker-ripple {
    border-width: 1px
  }

  .map__marker {
    width: 7px;
    height: 7px
  }

  .map__marker .map__marker-ripple {
    width: 18.2px;
    height: 18.2px
  }

  .map__marker--s {
    width: 5.7px;
    height: 5.7px
  }

  .map__marker--s .map__marker-ripple {
    width: 14.6px;
    height: 14.6px
  }

  .map__marker--l {
    width: 8.5px;
    height: 8.5px
  }

  .map__marker--l .map__marker-ripple {
    width: 21.9px;
    height: 21.9px
  }
}

.block-with-list {
  padding: 35px 0;
  text-align: center;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .block-with-list {
    padding: 65px 15px 30px
  }
}

.block-with-list h2 {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.33;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .block-with-list h2 {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .block-with-list h2 {
    font-size: 25px
  }
}

.block-with-list__revert .block-with-list__title {
  display: none;
  position: relative;
  z-index: 1
}

@media only screen and (max-width: 979px) {
  .block-with-list__revert .block-with-list__title {
    display: block
  }
}

.block-with-list__revert .block-with-list__item-content {
  padding-left: 30px
}

@media only screen and (max-width: 1279px) {
  .block-with-list__revert .block-with-list__item-content {
    padding-left: 0
  }
}

.block-with-list__revert .block-with-list__content {
  margin-right: auto;
  margin-left: 0
}

@media only screen and (max-width: 979px) {
  .block-with-list__revert .block-with-list__content {
    margin-left: auto
  }
}

.block-with-list__title {
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .block-with-list__title {
    max-width: 605px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  .block-with-list__title {
    max-width: 330px;
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 1279px) {
  .block-with-list .content-wrapper {
    max-width: 820px
  }
}

.block-with-list__sub-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  max-width: 860px
}

@media only screen and (max-width: 1279px) {
  .block-with-list__sub-title {
    margin-bottom: 35px;
    max-width: 605px
  }
}

@media only screen and (max-width: 979px) {
  .block-with-list__sub-title {
    max-width: 330px;
    margin: 0 auto;
    position: relative;
    z-index: 1
  }
}

.block-with-list__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .block-with-list__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.block-with-list__wrap_revert {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media only screen and (max-width: 979px) {
  .block-with-list__wrap_revert h2 {
    display: none
  }
}

.block-with-list__item {
  width: 50%
}

@media only screen and (max-width: 979px) {
  .block-with-list__item {
    width: 100%
  }
}

.block-with-list__item-image {
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .block-with-list__item-image {
    margin-left: -35px;
    width: calc(50% + 35px)
  }
}

@media only screen and (max-width: 979px) {
  .block-with-list__item-image {
    margin-top: -10px;
    margin-bottom: 50px;
    width: 100%;
    margin-left: 0
  }
}

@media only screen and (max-width: 1279px) {
  .block-with-list__item-image_revert {
    margin-left: 0;
    margin-right: -35px
  }
}

@media only screen and (max-width: 979px) {
  .block-with-list__item-image_revert {
    margin-top: -30px;
    margin-bottom: 0;
    width: 100%;
    margin-right: 0
  }
}

.block-with-list__item-image img {
  max-width: 100%
}

.block-with-list__image_text {
  width: 100%;
  text-align: center;
  margin-top: -35px
}

@media only screen and (max-width: 1279px) {
  .block-with-list__image_text {
    margin-top: -20px
  }
}

@media only screen and (max-width: 979px) {
  .block-with-list__image_text {
    margin-top: -10px
  }
}

.block-with-list__image_text h2 {
  margin-bottom: 0;
  font-weight: 700;
  color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .block-with-list__image_text h2 {
    font-size: 38px
  }
}

@media only screen and (max-width: 979px) {
  .block-with-list__image_text h2 {
    font-size: 26px
  }
}

.block-with-list__image_text p {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.33;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .block-with-list__image_text p {
    font-size: 18px
  }
}

@media only screen and (max-width: 1279px) {
  .block-with-list__item-content {
    padding-left: 39px
  }
}

@media only screen and (max-width: 979px) {
  .block-with-list__item-content {
    padding-left: 0
  }
}

.block-with-list__content {
  text-align: left;
  max-width: 525px;
  margin-right: 0;
  margin-left: auto
}

@media only screen and (max-width: 1279px) {
  .block-with-list__content {
    max-width: 400px;
    margin-right: 0;
    margin-left: auto
  }
}

@media only screen and (max-width: 979px) {
  .block-with-list__content {
    max-width: 340px;
    margin: 0 auto
  }
}

.block-with-list__content h2 {
  margin-bottom: 20px;
  text-align: left
}

@media only screen and (max-width: 979px) {
  .block-with-list__content h2 {
    text-align: center;
    margin-bottom: 10px
  }
}

.block-with-list__content p {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  color: #444;
  margin-bottom: 20px
}

@media only screen and (max-width: 979px) {
  .block-with-list__content p {
    text-align: center;
    margin-bottom: 13px
  }
}

.block-with-list__content ul {
  padding: 0
}

.block-with-list__content li {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  list-style: none;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #4a4a4a;
  position: relative;
  margin-bottom: 20px;
  padding-left: 22px;
  max-width: 477px
}

@media only screen and (max-width: 1279px) {
  .block-with-list__content li {
    margin-bottom: 15px
  }
}

.block-with-list__content li:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 4px;
  background: #9dc92e
}

.eyg-block-with-list {
  padding-bottom: 85px;
  padding-top: 40px
}

@media only screen and (max-width: 1279px) {
  .eyg-block-with-list {
    padding-bottom: 105px;
    padding-top: 50px
  }
}

@media only screen and (max-width: 979px) {
  .eyg-block-with-list {
    padding-top: 15px;
    padding-bottom: 25px
  }
}

.eyg-block-with-list .block-with-list__sub-title {
  font-size: 16px;
  line-height: 1.43
}

@media only screen and (max-width: 979px) {
  .eyg-block-with-list .block-with-list__item-image {
    margin-bottom: 40px
  }
}

.dsv-block-with-list {
  padding-top: 100px;
  padding-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .dsv-block-with-list {
    padding-top: 105px;
    padding-bottom: 25px
  }
}

@media only screen and (max-width: 979px) {
  .dsv-block-with-list {
    padding-top: 50px
  }
}

.dsv-block-with-list .block-with-list__item-image {
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .dsv-block-with-list .block-with-list__item-image {
    margin-top: -15px
  }
}

.dta-block-with-list {
  padding: 100px 0
}

@media only screen and (max-width: 979px) {
  .dta-block-with-list {
    padding: 40px 15px 20px
  }
}

.dta-block-with-list .block-with-list__item-image {
  width: calc(50% + 35px);
  margin-left: -35px
}

@media only screen and (max-width: 1279px) {
  .dta-block-with-list .block-with-list__item-image {
    width: 50%;
    margin-left: 0;
    margin-right: -35px
  }
}

@media only screen and (max-width: 979px) {
  .dta-block-with-list .block-with-list__item-image {
    width: 100%;
    margin: 0 auto 10px
  }
}

.dta-block-with-list .block-with-list__content li {
  max-width: 495px
}

@media only screen and (max-width: 979px) {
  .eyg-block-with-list .block-with-list__content h2 {
    display: none
  }
}

.eyg-block-with-list .block-with-list__title {
  display: none
}

@media only screen and (max-width: 979px) {
  .eyg-block-with-list .block-with-list__title {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .eyg-block-with-list .block-with-list__item-image {
    margin-bottom: 0
  }
}

.demographics-box {
  width: 100%;
  position: relative;
  padding: 65px 15px 0
}

@media only screen and (max-width: 979px) {
  .demographics-box {
    padding-top: 45px
  }
}

.demographics-box:before {
  content: "";
  background: linear-gradient(101.49deg, #582362 22.56%, #883C96 100%);
  z-index: -1;
  width: 100%;
  height: 1060px;
  position: absolute;
  top: 0;
  left: 0
}

@media only screen and (max-width: 1279px) {
  .demographics-box:before {
    height: 910px
  }
}

@media only screen and (max-width: 979px) {
  .demographics-box:before {
    height: 1500px
  }
}

.demographics-box:after {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 465px;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(239, 233, 231, 0.44) 51.71%, #FFFFFF 78.18%), rgba(239, 233, 231, .18);
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
  z-index: -2
}

.demographics-box__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 65px
}

@media only screen and (max-width: 1279px) {
  .demographics-box__wrapper {
    display: none
  }
}

.demographics-box__wrapper_mobile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 0
}

.demographics-box__slider-button {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
  width: 10px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS43NDc1NSAwLjYyNTYxN0wxIDEwLjE3NUwxMCAyMCIgc3Ryb2tlPSJ3aGl0ZSIvPjwvc3ZnPg==) center center no-repeat
}

@media only screen and (max-width: 979px) {
  .demographics-box__slider-button {
    display: none
  }
}

.demographics-box__item {
  width: calc(25% - 20px);
  background: #fff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  min-height: 268px;
  padding: 25px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .demographics-box__item {
    padding: 25px 5px;
    min-height: 237px;
    width: 244px;
    height: auto;
    margin: 0 28px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}

@media only screen and (max-width: 1279px) {
  .demographics-box__list {
    margin-top: -40px
  }
}

@media only screen and (max-width: 979px) {
  .demographics-box__list {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px
  }
}

.demographics-box__slider {
  display: none
}

@media only screen and (max-width: 1279px) {
  .demographics-box__slider {
    display: block;
    position: relative;
    margin-right: -75px;
    width: calc(100% + 75px);
    padding-left: 0;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .demographics-box__slider {
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    width: calc(100% - 80px);
    margin-bottom: 50px;
    overflow: visible
  }
}

.demographics-box__slider-inner {
  position: relative;
  padding-left: 50px;
  display: none
}

@media only screen and (max-width: 1279px) {
  .demographics-box__slider-inner {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .demographics-box__slider-inner {
    padding-left: 0
  }
}

.demographics-box__slider-inner .swiper-button-next {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
  left: 0;
  display: block;
  margin-top: 0
}

@media only screen and (max-width: 979px) {
  .demographics-box__slider-inner .swiper-button-next {
    display: none
  }
}

.demographics-box__slider-inner .swiper-button-prev {
  display: none
}

.demographics-box__item-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 133%;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .demographics-box__item-title {
    font-size: 18px;
    margin-bottom: 20px
  }
}

.demographics-box__item-age-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px
}

.demographics-box__item-age-item:last-child {
  margin-bottom: 0
}

.demographics-box__item-age-item svg {
  display: block;
  margin: 0 0 0 22px;
  width: 32px;
  height: 21px
}

@media only screen and (max-width: 1279px) {
  .demographics-box__item-age-item svg {
    width: 30px;
    height: 19px;
    margin-left: 20px
  }
}

.demographics-box__item-age-number {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 25px;
  line-height: 1.43;
  text-align: right;
  color: #4a4a4a;
  min-width: 80px
}

@media only screen and (max-width: 1279px) {
  .demographics-box__item-age-number {
    font-size: 18px;
    min-width: 73px
  }
}

.demographics-box__item-percent-small {
  min-width: 80px;
  text-align: right;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 1.43;
  color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .demographics-box__item-percent-small {
    font-size: 18px;
    min-width: 73px;
    margin-right: 20px
  }
}

@media only screen and (max-width: 1279px) {
  .demographics-box__item-image {
    max-height: 92px;
    width: auto
  }
}

.demographics-box__item-image_kids {
  margin-bottom: 20px
}

.demographics-box__item-image_gender {
  margin-bottom: 20px
}

.demographics-box__item-percent {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 1.33;
  text-align: center;
  color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .demographics-box__item-percent {
    font-size: 30px
  }
}

.demographics-box__item-percent_kids {
  margin-bottom: 12px
}

.demographics-box__item-percent_household {
  margin-bottom: 5px
}

.demographics-box__item-percent_gender {
  margin-bottom: 0
}

.demographics-box__item-text {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .demographics-box__item-text {
    font-size: 18px
  }
}

.demographics-box__item-text_kids {
  margin-bottom: 0
}

.demographics-box__item-text_household {
  margin-bottom: 20px
}

.demographics-box__item-text_gender {
  font-weight: bold;
  font-size: 23px;
  line-height: 1.4;
  margin-bottom: 20px;
  margin-top: -2px
}

@media only screen and (max-width: 1279px) {
  .demographics-box__item-text_gender {
    font-size: 18px
  }
}

.demographics-box__item-gender {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px
}

.demographics-box__gender-item {
  width: 50%
}

.demographics-box__bottom-box {
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 979px) {
  .demographics-box__bottom-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.demographics-box__bottom-item {
  width: 50%
}

@media only screen and (max-width: 979px) {
  .demographics-box__bottom-item {
    width: 100%
  }
}

.demographics-box__bottom-image {
  margin-right: -15px;
  display: block;
  margin-left: auto;
  max-width: 100%
}

@media only screen and (max-width: 1279px) {
  .demographics-box__bottom-image {
    display: none
  }
}

.demographics-box__bottom-image_mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .demographics-box__bottom-image_mobile {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .demographics-box__bottom-image_mobile {
    margin-left: auto;
    margin-right: auto
  }
}

.demographics-box__bottom-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.demographics-box__bottom-item-content {
  padding: 25px 40px 0 60px
}

@media only screen and (max-width: 1279px) {
  .demographics-box__bottom-item-content {
    padding-left: 30px
  }
}

@media only screen and (max-width: 979px) {
  .demographics-box__bottom-item-content {
    padding: 0
  }
}

.demographics-box__list-item {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  position: relative;
  padding-left: 22px;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .demographics-box__list-item {
    font-size: 16px;
    line-height: 1.43;
    margin-bottom: 25px;
    max-width: 345px
  }
}

.demographics-box__list-item:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 10px;
  left: 0;
  background: #9dc92e
}

@media only screen and (max-width: 1279px) {
  .demographics-box__list-item:before {
    top: 4px
  }
}

.demographics-box__note {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.43;
  color: #4a4a4a;
  margin-bottom: 0;
  max-width: 465px
}

@media only screen and (max-width: 979px) {
  .demographics-box__note {
    display: none
  }
}

.demographics-box__note_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .demographics-box__note_mobile {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 330px;
    padding: 30px 0 0
  }
}

.demographics-box__note p {
  margin-bottom: 0
}

.demographics-box__bottom-item-image {
  padding-left: 30px;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .demographics-box__bottom-item-image {
    padding-left: 0;
    padding-right: 30px;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .demographics-box__bottom-item-image {
    padding: 0
  }
}

.demographics-box__visitors {
  background: #fff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: end;
  justify-content: flex-end;
  max-width: 550px
}

@media only screen and (max-width: 1279px) {
  .demographics-box__visitors {
    max-width: 380px;
    margin-left: auto;
    margin-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .demographics-box__visitors {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
  }
}

.demographics-box__visitors-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  color: #4a4a4a;
  background: #f3f1f1;
  padding: 20px;
  width: 100%
}

.demographics-box__visitors-title p {
  margin-bottom: 0
}

.demographics-box__visitors-title em {
  font-style: normal
}

@media only screen and (max-width: 1279px) {
  .demographics-box__visitors-title em {
    display: none
  }
}

.demographics-box__visitors-title strong {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .demographics-box__visitors-title strong {
    width: 100%;
    display: block
  }
}

.demographics-box__visitors-box {
  width: 100%
}

.demographics-box__visitors_item {
  height: 50px;
  margin-bottom: 5px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch
}

@media only screen and (max-width: 1279px) {
  .demographics-box__visitors_item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.demographics-box__visitors_item:last-child {
  margin-bottom: 0;
  overflow: hidden
}

.demographics-box__visitors_item:first-child .demographics-box__visitors_name {
  font-weight: bold;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .demographics-box__visitors_item:first-child .demographics-box__visitors_name {
    color: #292c49
  }
}

.demographics-box__visitors_name {
  width: 95px;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.425;
  color: #4a4a4a;
  text-align: right;
  padding: 7px;
  margin-bottom: 0;
  background: #fff
}

@media only screen and (max-width: 1279px) {
  .demographics-box__visitors_name {
    width: 100%;
    padding: 0;
    color: #292c49;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 16px
  }
}

@media only screen and (max-width: 1279px) {
  .demographics-box__visitors_name br {
    display: none
  }
}

.demographics-box__visitors_percent {
  width: 100%;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .demographics-box__visitors_percent {
    width: 100%
  }
}

.demographics-box__visitors_percent:before {
  content: "";
  position: absolute;
  width: 4px;
  height: calc(100% + 5px);
  background: #e4e4e4;
  top: 0;
  left: 0
}

@media only screen and (max-width: 1279px) {
  .demographics-box__visitors_percent:before {
    display: none
  }
}

.demographics-box__stripe {
  width: 0;
  display: block;
  height: 100%;
  background: #582362
}

.demographics-box__stripe.active {
  -webkit-animation-name: bounce;
  animation-name: bounce
}

@media only screen and (max-width: 1279px) {
  .demographics-box__stripe {
    height: 27px
  }
}

.demographics-box__stripe_1 {
  background: #52567a
}

.demographics-box__stripe_2 {
  background: #4d6885
}

.demographics-box__stripe_3 {
  background: #47748d
}

.demographics-box__stripe_4 {
  background: #3c8396
}

.demographics-box__stripe_5 {
  background: #4ca393
}

.demographics-box__stripe_6 {
  background: #68ac7e
}

.demographics-box__stripe_7 {
  background: #85bc5e
}

.demographics-box__stripe_8 {
  background: #97c34f
}

.demographics-box__stripe_9 {
  background: #9dc92e
}

.demographics-box__visitors-text {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #000;
  display: inline-block;
  background: #f3f1f1;
  padding: 6px;
  min-width: 215px;
  text-align: center;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .demographics-box__visitors-text {
    width: 100%
  }
}

.demographics-box__title {
  font-weight: bold;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #fff
}

.demographics-box__green-description {
  font-weight: bold;
  font-size: 16px;
  line-height: 143.1%;
  text-align: center;
  color: #9dc92e;
  margin-bottom: 0
}

.demographics-box__description {
  font-size: 16px;
  line-height: 143.1%;
  text-align: center;
  color: #fff
}

.demographics-box__caption {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #f9f9f9;
  margin-bottom: 60px;
  margin-top: 20px
}

.audience-chart__bars_visitors {
  border-left: 4px solid #e4e4e4
}

@media only screen and (max-width: 1279px) {
  .audience-chart__bars_visitors {
    border: none
  }
}

.audience-chart_visitors {
  overflow: hidden
}

@media only screen and (max-width: 1279px) {
  .audience-chart_visitors {
    padding: 20px 15px 50px 15px
  }
}

@media only screen and (max-width: 1279px) {
  .audience-frame__reference_visitors {
    width: 100%;
    text-align: center
  }
}

.audience-chart__bar_visitors:nth-child(9n+2) {
  color: #582362;
  font-weight: bold;
  width: 100%
}

.audience-chart__bar_visitors:nth-child(9n+2) .audience-chart__bar-line {
  background: #582362
}

.audience-chart__bar_visitors:nth-child(9n+2) .audience-chart__bar-name {
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .audience-chart__bar_visitors:nth-child(9n+2) .audience-chart__bar-name {
    color: #292c49
  }
}

.audience-chart__bar_visitors:nth-child(9n+3) {
  width: 95.3%;
  font-weight: 300
}

.audience-chart__bar_visitors:nth-child(9n+3) .audience-chart__bar-line {
  background: #52567a
}

.audience-chart__bar_visitors:nth-child(9n+4) {
  width: 66.75%
}

.audience-chart__bar_visitors:nth-child(9n+4) .audience-chart__bar-line {
  background-color: #4d6885
}

.audience-chart__bar_visitors:nth-child(9n+5) {
  width: 57.66%
}

.audience-chart__bar_visitors:nth-child(9n+5) .audience-chart__bar-line {
  background-color: #47748d
}

.audience-chart__bar_visitors:nth-child(9n+6) {
  width: 27%
}

.audience-chart__bar_visitors:nth-child(9n+6) .audience-chart__bar-line {
  background-color: #4ca393
}

.audience-chart__bar_visitors:nth-child(9n+7) {
  width: 25.45%
}

.audience-chart__bar_visitors:nth-child(9n+7) .audience-chart__bar-line {
  background-color: #68ac7e
}

.audience-chart__bar_visitors:nth-child(9n+8) {
  width: 22.85%
}

.audience-chart__bar_visitors:nth-child(9n+8) .audience-chart__bar-line {
  background-color: #85bc5e
}

.audience-chart__bar_visitors:nth-child(9n+9) {
  width: 16.36%
}

.audience-chart__bar_visitors:nth-child(9n+9) .audience-chart__bar-line {
  background-color: #97c34f
}

.audience-chart__bar_visitors:nth-child(9n+10) {
  width: 14.28%
}

.audience-chart__bar_visitors:nth-child(9n+10) .audience-chart__bar-line {
  background-color: #9dc92e
}

.audience-chart__bar_visitors:nth-child(9n+11) {
  width: 8.57%;
  font-weight: 300
}

.audience-chart__bar_visitors:nth-child(9n+11) .audience-chart__bar-line {
  background-color: #9dc92e
}

@media only screen and (max-width: 1279px) {
  .audience-chart__bar-name_visitors {
    width: 100%;
    min-width: 310px;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    text-align: left;
    font-size: 16px;
    line-height: 142%;
    color: #292c49
  }
}

.audience-chart__bar-line_visitors {
  height: 50px
}

@media only screen and (max-width: 1279px) {
  .audience-chart__bar-line_visitors {
    height: 27px;
    top: auto;
    bottom: 0
  }
}

.video-content-live {
  padding: 100px 0 50px;
  width: 100%;
  background: linear-gradient(95.02deg, #2B99A4 66.47%, #57BDC2 97.85%), #2c99a4
}

@media only screen and (max-width: 1279px) {
  .video-content-live {
    padding-top: 95px
  }
}

@media only screen and (max-width: 979px) {
  .video-content-live {
    padding-top: 45px
  }
}

.video-content-live__box {
  position: relative;
  max-width: 465px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .video-content-live__box {
    max-width: 360px;
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 979px) {
  .video-content-live__box {
    margin-bottom: 0
  }
}

.video-content-live__figure {
  position: static;
  background: linear-gradient(101.49deg, #582362 22.56%, #883C96 100%)
}

.video-content-live__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 1279px) {
  .video-content-live__wrapper {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto
  }
}

.video-content-live__item {
  width: 50%
}

@media only screen and (max-width: 1279px) {
  .video-content-live__item {
    width: auto
  }
}

@media only screen and (max-width: 979px) {
  .video-content-live__item {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 40px
  }
}

.video-content-live__item:last-child {
  margin-bottom: 0
}

.video-content-live__title {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .video-content-live__title {
    margin-bottom: 25px
  }
}

.video-content-live__figure {
  margin-bottom: 0
}

.video-content-live .video-content-placeholder-button.fancybox-btn {
  width: 140px;
  height: 140px
}

@media only screen and (max-width: 1279px) {
  .video-content-live .video-content-placeholder-button.fancybox-btn {
    width: 109px;
    height: 109px
  }
}

@media only screen and (max-width: 979px) {
  .video-content-live .video-content-placeholder-button.fancybox-btn {
    width: 140px;
    height: 140px
  }
}

.video-content-live .video-content-placeholder-button.fancybox-btn:hover {
  width: 170px;
  height: 170px
}

@media only screen and (max-width: 1279px) {
  .video-content-live .video-content-placeholder-button.fancybox-btn:hover {
    width: 130px;
    height: 130px
  }
}

@media only screen and (max-width: 979px) {
  .video-content-live .video-content-placeholder-button.fancybox-btn:hover {
    width: 170px;
    height: 170px
  }
}

.video-content-live .video-content-placeholder-button-text.video-content-live__button-text {
  font-size: 16px;
  line-height: 1.4
}

.video-content-live .video-content-placeholder-button-text.video-content-live__button-text:before {
  width: 32px;
  height: 38px;
  margin-bottom: 9px;
  background-size: 100% auto;
  margin-top: 12px
}

@media only screen and (max-width: 1279px) {
  .video-content-live .video-content-placeholder-button-text.video-content-live__button-text:before {
    width: 25px;
    height: 29px;
    margin-bottom: 7px
  }
}

@media only screen and (max-width: 979px) {
  .video-content-live .video-content-placeholder-button-text.video-content-live__button-text:before {
    width: 32px;
    height: 38px;
    margin-bottom: 9px;
    -webkit-transform: none;
    transform: none
  }
}

.video-content .video-content-placeholder-figure.video-content-live__figure {
  position: static;
  width: auto;
  -webkit-transform: none;
  transform: none
}

.top-section-full {
  width: 100%;
  position: relative
}

.top-section-full:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(74, 74, 74, .45);
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  z-index: 1
}

.top-section-full__img {
  display: block;
  position: relative;
  width: calc(100% + 200px);
  height: auto;
  top: 0;
  left: -200px
}

@media only screen and (max-width: 1279px) {
  .top-section-full__img {
    width: calc(100% + 120px);
    height: auto;
    top: 0;
    left: -120px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-full__img {
    left: 0;
    width: auto;
    max-height: 100%
  }
}

.top-section-full__container {
  position: absolute;
  height: 100%;
  top: 0;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 65px
}

@media only screen and (max-width: 979px) {
  .top-section-full__container {
    position: static;
    width: 100%;
    left: 0;
    -webkit-transform: none;
    transform: none;
    padding-top: 0;
    height: auto
  }
}

.top-section-full__img-wrap {
  position: relative;
  margin-bottom: 0;
  width: 100%;
  overflow: hidden
}

@media only screen and (max-width: 979px) {
  .top-section-full__img-wrap {
    height: 330px
  }
}

@media only screen and (max-width: 480px) {
  .top-section-full__img-wrap {
    height: 215px;
    padding-top: 35px
  }
}

.top-section-full__title {
  font-weight: bold;
  font-size: 38px;
  line-height: 1.25;
  color: #fff;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .top-section-full__title {
    font-size: 28px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-full__title {
    font-size: 25px;
    padding: 45px 30px;
    margin-bottom: 0;
    position: absolute;
    top: calc(50% + 35px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    text-align: center;
    width: 100%;
    display: none;
    min-height: 150px
  }
}

.top-section-full__title_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-full__title_mobile {
    display: block
  }
}

.top-section-full__title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-full__title br {
    display: block
  }
}

.top-section-full__description {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .top-section-full__description {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-full__description {
    padding: 0 30px 30px;
    text-align: center;
    background: transparent;
    position: relative;
    z-index: 3
  }
}

.top-section-full__description p {
  margin-bottom: 0
}

.top-section-full__description strong {
  font-weight: 700
}

.top-section-full__description br {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-full__description br {
    display: inline-block
  }
}

.top-section-full__content {
  width: 50%;
  max-width: 547px;
  text-align: left
}

@media only screen and (max-width: 1279px) {
  .top-section-full__content {
    max-width: 370px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-full__content {
    max-width: 100%;
    width: 100%;
    padding-top: 30px;
    background: linear-gradient(101.49deg, #582362 22.56%, #883C96 100%);
    position: relative;
    z-index: 3
  }
}

.top-section-full__sub-title {
  font-weight: normal;
  font-size: 32px;
  line-height: 1.21;
  color: #fff;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .top-section-full__sub-title {
    font-size: 28px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-full__sub-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px
  }
}

.top-section-full__sub-title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-full__sub-title br {
    display: inline-block
  }
}

.top-section-w-image {
  position: relative;
  width: 100%;
  padding-top: 64px;
  color: #fff
}

@media only screen and (max-width: 979px) {
  .top-section-w-image {
    height: auto
  }
}

.top-section-w-image__purple-bar-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 530px;
  background: #572760;
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%);
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .top-section-w-image__purple-bar-top {
    height: 423px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-w-image__purple-bar-top {
    height: 70%;
    left: 0;
    top: auto;
    bottom: 0;
    background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%)
  }
}

.top-section-w-image__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

@media only screen and (max-width: 1279px) {
  .top-section-w-image__container {
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media only screen and (max-width: 979px) {
  .top-section-w-image__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0 65px;
    width: 100%
  }
}

.top-section-w-image__img-wrap {
  width: 50%;
  padding: 34px 30px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .top-section-w-image__img-wrap {
    padding: 54px 30px 0 0
  }
}

@media only screen and (max-width: 979px) {
  .top-section-w-image__img-wrap {
    width: 100%;
    padding: 0 0 0 10%
  }
}

.top-section-w-image__img-wrap picture {
  width: 100%
}

.top-section-w-image__img {
  width: 100%;
  max-width: 472px;
  box-shadow: 2px 2px 11px rgba(0, 0, 0, .13)
}

@media only screen and (max-width: 1279px) {
  .top-section-w-image__img {
    max-width: 330px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-w-image__img {
    max-width: none
  }
}

.top-section-w-image__content {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 2.5%;
  font-weight: 300;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-right: 40px
}

@media only screen and (max-width: 1279px) {
  .top-section-w-image__content {
    width: 50%;
    margin-left: 0;
    padding-right: 0;
    padding-top: 20px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-w-image__content {
    width: 80%;
    max-height: none;
    margin: 0;
    text-align: center;
    padding: 65px 0 0;
    margin-left: auto;
    margin-right: auto
  }
}

.top-section-w-image__logo {
  max-height: 62px
}

@media only screen and (max-width: 979px) {
  .top-section-w-image__logo {
    max-height: 46px;
    margin: auto
  }
}

.top-section-w-image__title {
  font-size: 38px;
  line-height: 1.33;
  margin: 0;
  margin-bottom: 16px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .top-section-w-image__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-w-image__title {
    font-size: 28px
  }
}

.top-section-w-image__title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-w-image__title br {
    display: block
  }
}

.top-section-w-image__description {
  font-size: 18px;
  line-height: 140%
}

@media only screen and (max-width: 979px) {
  .top-section-w-image__description {
    font-size: 16px
  }
}

.top-section-w-image__description .button {
  margin-left: 0;
  color: #fff
}

.top-section-w-image__description .button:hover {
  margin-left: -16px
}

.top-section-w-image__button {
  left: -16px;
  font-weight: 300;
  font-size: 25px;
  line-height: 1.2;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .top-section-w-image__button {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-w-image__button {
    font-size: 16px;
    left: auto;
    margin-right: auto;
    margin-left: auto
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-w-image__button:hover {
    color: #fff
  }
}

.top-section-w-image__title-post-type {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.33;
  color: #fff;
  margin-bottom: 6px
}

@media only screen and (max-width: 1279px) {
  .top-section-w-image__title-post-type {
    font-size: 16px;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .top-section-w-image__title-post-type {
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto
  }
}

.top-section-w-image__scroll-button {
  position: absolute;
  top: calc(50% + 5px);
  left: 236px;
  width: 264px;
  height: 68px;
  padding: 20px 27px;
  background-color: #2c99a4;
  z-index: 20;
  color: #fff;
  font-weight: 300;
  font-size: 25px;
  line-height: 1.2;
  transition: all .3s;
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .top-section-w-image__scroll-button {
    left: 87px;
    top: calc(50% + 9px)
  }
}

@media only screen and (max-width: 979px) {
  .top-section-w-image__scroll-button {
    left: 50%;
    top: auto;
    bottom: 0;
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
    width: 190px;
    padding: 23px 27px;
    font-size: 16px
  }
}

.top-section-w-image__scroll-button:hover {
  background-color: #292c49;
  color: #fff;
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .top-section-w-image__scroll-button:hover {
    background-color: #2c99a4
  }
}

.top-section-w-image__scroll-button:after {
  content: "";
  width: 31px;
  height: 34px;
  position: absolute;
  top: 17px;
  left: auto;
  right: 27px;
  background-image: var(--arrow-down-white);
  background-position: center center;
  background-repeat: no-repeat
}

.top-section-w-image__scroll-button--simple:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjgxOTIgMjYuOTI2NkwxNy43NDEgMTguNTQ0NEMxNy44OTk0IDE4LjM3MTMgMTguMDIxMSAxOC4xNjc4IDE4LjA5ODQgMTcuOTQ2MkMxOC4xNzU4IDE3LjcyNDcgMTguMjA3MyAxNy40ODk3IDE4LjE5MSAxNy4yNTU2QzE4LjE3NDcgMTcuMDIxNSAxOC4xMTEgMTYuNzkzMSAxOC4wMDM3IDE2LjU4NDRDMTcuODk2MyAxNi4zNzU3IDE3Ljc0NzcgMTYuMTkxIDE3LjU2NjcgMTYuMDQxNkMxNy4zODU4IDE1Ljg5MjEgMTcuMTc2NCAxNS43ODEgMTYuOTUxMSAxNS43MTUxQzE2LjcyNTkgMTUuNjQ5MSAxNi40ODk2IDE1LjYyOTYgMTYuMjU2NyAxNS42NTc5QzE2LjAyMzcgMTUuNjg2MSAxNS43OTg5IDE1Ljc2MTQgMTUuNTk1OSAxNS44NzkyQzE1LjM5MyAxNS45OTcgMTUuMjE2MSAxNi4xNTQ5IDE1LjA3NjEgMTYuMzQzM0wxMS4yMTM4IDIxLjAwODVMMTEuMjEzOCAxLjc2NjA4QzExLjIxMzggMS4zMDcxNCAxMS4wMzE0IDAuODY2OTk2IDEwLjcwNjkgMC41NDI0NzdDMTAuMzgyNCAwLjIxNzk1NyA5Ljk0MjI2IDAuMDM1NjQ0MiA5LjQ4MzMyIDAuMDM1NjQ0MkM5LjAyNDM4IDAuMDM1NjQ0MSA4LjU4NDI0IDAuMjE3OTU3IDguMjU5NzIgMC41NDI0NzdDNy45MzUyIDAuODY2OTk2IDcuNzUyODkgMS4zMDcxNCA3Ljc1Mjg5IDEuNzY2MDhMNy43NTI4OSAyMS4wMDg1TDMuOTA0NCAxNi4zNDMzQzMuNjEyNTIgMTUuOTg5IDMuMTkxODQgMTUuNzY1MSAyLjczNDkyIDE1LjcyMUMyLjI3Nzk5IDE1LjY3NjggMS44MjIyNSAxNS44MTYgMS40Njc5NSAxNi4xMDc5QzEuMTEzNjUgMTYuMzk5OCAwLjg4OTgxIDE2LjgyMDUgMC44NDU2NzYgMTcuMjc3NEMwLjgwMTU0MiAxNy43MzQzIDAuOTQwNzI2IDE4LjE5MDEgMS4yMzI2MSAxOC41NDQ0TDguMTU0MzUgMjYuOTI2NkM4LjMxODA3IDI3LjEyMTYgOC41MjI1MSAyNy4yNzg0IDguNzUzMjkgMjcuMzg2QzguOTg0MDggMjcuNDkzNiA5LjIzNTYyIDI3LjU0OTMgOS40OTAyNCAyNy41NDkzQzkuNzQ0ODcgMjcuNTQ5MyA5Ljk5NjQxIDI3LjQ5MzYgMTAuMjI3MiAyNy4zODZDMTAuNDU4IDI3LjI3ODQgMTAuNjYyNCAyNy4xMjE2IDEwLjgyNjEgMjYuOTI2NkwxMC44MTkyIDI2LjkyNjZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) center center no-repeat
}

.top-section-w2-image__first-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .top-section-w2-image__first-row {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 4px
  }
}

.top-section-w2-image__title-post-type {
  font-weight: 300;
  font-size: 35px;
  line-height: 110.9%;
  margin-left: 16px
}

@media only screen and (max-width: 979px) {
  .top-section-w2-image__title-post-type {
    font-size: 28px;
    line-height: 121.4%
  }
}

.top-section-w2-image__subtitle {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .top-section-w2-image__subtitle {
    text-align: center;
    margin-bottom: 16px
  }
}

.top-section-w2-image__description {
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .top-section-w2-image__description {
    text-align: center;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 140%
  }
}

.top-section-w2-image__graphic-figure {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.top-section-w2-image__graphic-image {
  max-width: 100%
}

.case_smart_device .top-section-w-image__content {
  padding-right: 29px
}

@media only screen and (max-width: 1279px) {
  .case_smart_device .top-section-w-image__content {
    padding-right: 0
  }
}

.top-section-b-image {
  position: relative;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 180px;
  color: #fff;
  background: linear-gradient(to bottom, #582362 1%, #582362 50%, #ffffff 50%, #ffffff 100%)
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image {
    height: auto;
    padding-bottom: 0
  }
}

.top-section-b-image + .insights-content {
  padding-top: 0
}

.top-section-b-image__figure {
  position: absolute;
  left: 0;
  top: 64px;
  height: calc(100% - 244px);
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image__figure {
    height: 50%
  }
}

.top-section-b-image__image-desktop {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image__image-desktop {
    display: none
  }
}

.top-section-b-image__image-mobile {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image__image-mobile {
    display: block
  }
}

.top-section-b-image__container {
  position: relative;
  min-height: 584px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image__container {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media only screen and (max-width: 979px) {
  .top-section-b-image__container {
    width: calc(100% - 30px)
  }
}

.top-section-b-image__content {
  width: 50%;
  padding: 20px 100px 20px 0
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image__content {
    width: 100%;
    padding: 56px 0 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.top-section-b-image__logo {
  height: 58px;
  margin-bottom: 9px
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image__logo {
    height: 46px
  }
}

.top-section-b-image__title-post-type {
  font-weight: 700;
  font-size: 20px;
  line-height: 133%;
  margin-bottom: 6px
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image__title-post-type {
    font-size: 16px;
    line-height: 133%
  }
}

.top-section-b-image__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image__title {
    font-size: 28px;
    line-height: 121.4%
  }
}

.top-section-b-image__description {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%
}

@media only screen and (max-width: 979px) {
  .top-section-b-image__description {
    padding: 0 20px
  }
}

.top-section-b-image__form {
  width: 50%
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image__form {
    width: 100%
  }
}

.top-section-b-image__form .file-form__block {
  background: #fff;
  padding: 45px 48px 90px;
  position: absolute;
  width: 55%;
  top: 32px;
  right: 0
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image__form .file-form__block {
    position: static;
    width: 100%;
    margin: 0
  }
}

@media only screen and (max-width: 979px) {
  .top-section-b-image__form .file-form__block {
    padding: 45px 25px 92px
  }
}

.top-section-b-image__form .file-form__title-wrapper {
  width: 100%
}

.top-section-b-image__form .file-form__title {
  color: #582362;
  font-style: normal;
  font-weight: 300;
  font-size: 35px;
  line-height: 110.9%;
  margin-bottom: 14px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 979px) {
  .top-section-b-image__form .file-form__title {
    font-size: 28px;
    line-height: 121.4%;
    margin-bottom: 28px;
    max-width: 216px
  }
}

.top-section-b-image__form .file-form__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .top-section-b-image__form .file-form__content {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.top-section-b-image__form .file-form__image-wrapper {
  max-width: 44.4%;
  padding: 55px 49px 0 0;
  margin: 0
}

@media only screen and (max-width: 979px) {
  .top-section-b-image__form .file-form__image-wrapper {
    max-width: 100%;
    padding: 0;
    z-index: 0
  }
}

.top-section-b-image__form .file-form__image {
  max-width: 189px
}

.top-section-b-image__form .file-form__block .wpcf7 {
  width: 50%
}

@media only screen and (max-width: 979px) {
  .top-section-b-image__form .file-form__block .wpcf7 {
    width: 100%
  }
}

.top-section-b-image__form .file-form__form {
  padding: 0;
  position: static
}

.top-section-b-image__form .contact-form-resource__label {
  color: #582362
}

.top-section-b-image__form .file-form__button-box {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  left: 50%;
  right: auto
}

.top-section-b-image__form .secondary-form__response {
  background: #fff;
  position: absolute;
  width: 50%;
  top: 32px;
  right: 0;
  padding: 45px 84px 90px;
  margin: 0;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image__form .secondary-form__response {
    position: static;
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .top-section-b-image__form .secondary-form__response {
    padding: 45px 25px 0
  }
}

.top-section-b-image__form .secondary-form__response-title {
  font-weight: 300;
  font-size: 35px;
  line-height: 110.9%;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .top-section-b-image__form .secondary-form__response-title {
    font-size: 28px;
    line-height: 121.4%
  }
}

.top-section-b-image__form .secondary-form__response-icon {
  width: 253px;
  height: 294px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUzIiBoZWlnaHQ9IjI5NCIgdmlld0JveD0iMCAwIDI1MyAyOTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMDAuMDExIDExMy41MThDMTAxLjY0NyAxMTQuODQ4IDEwMy4zNTUgMTE2LjA5IDEwNS4xMjUgMTE3LjIzOEMxMDUuOTA3IDExNy43NDQgMTA2Ljg1OCAxMTcuOTIxIDEwNy43NzEgMTE3LjcyOUMxMDguNjgzIDExNy41MzcgMTA5LjQ4MiAxMTYuOTkyIDEwOS45OTEgMTE2LjIxNEMxMTAuNDk5IDExNS40MzUgMTEwLjY3NyAxMTQuNDg4IDExMC40ODQgMTEzLjU3OUMxMTAuMjkxIDExMi42NzEgMTA5Ljc0MyAxMTEuODc2IDEwOC45NjIgMTExLjM2OUMxMDEuNzUxIDEwNi42OTkgOTUuODI1OSAxMDAuMzExIDkxLjcyMjIgOTIuNzgzNUM4Ny42MTg2IDg1LjI1NjMgODUuNDY2NyA3Ni44Mjg0IDg1LjQ2MTcgNjguMjYzOEM4NS40NjE3IDM5LjkyNjEgMTA4LjYxNSAxNi44NzI3IDEzNy4wNzYgMTYuODcyN0MxNDQuNzI5IDE2Ljg1MzEgMTUyLjI4OSAxOC41NDM4IDE1OS4xOTkgMjEuODJDMTYwLjg1NCAyMi42MDM5IDE2Mi40NjYgMjMuNDc0OSAxNjQuMDI4IDI0LjQyOTJDMTY0LjgyMyAyNC45MTQ4IDE2NS43NzkgMjUuMDY2MSAxNjYuNjg2IDI0Ljg0OTlDMTY3LjU5MyAyNC42MzM2IDE2OC4zNzcgMjQuMDY3NCAxNjguODY0IDIzLjI3NkMxNjkuMzUyIDIyLjQ4NDUgMTY5LjUwNCAyMS41MzI1IDE2OS4yODcgMjAuNjI5NEMxNjkuMDcgMTkuNzI2MyAxNjguNTAxIDE4Ljk0NjIgMTY3LjcwNiAxOC40NjA1QzE2NS45MyAxNy4zNzYyIDE2NC4wOTggMTYuMzg2NSAxNjIuMjE3IDE1LjQ5NTdDMTUzLjI3NyAxMS4yNjY4IDE0My40MDcgOS4zNjAyMSAxMzMuNTI4IDkuOTUzNTlDMTIzLjY0OCAxMC41NDcgMTE0LjA4MSAxMy42MjEgMTA1LjcxNiAxOC44ODkyQzk3LjM1MTYgMjQuMTU3NCA5MC40NjI4IDMxLjQ0ODMgODUuNjkxNiA0MC4wODIzQzgwLjkyMDQgNDguNzE2NCA3OC40MjIyIDU4LjQxMjYgNzguNDI5NyA2OC4yNjczQzc4LjQyOTcgODUuODc0IDg2LjI5NTggMTAyLjM2OSAxMDAuMDExIDExMy41MThaIiBmaWxsPSIjOURDOTJFIi8+CjxwYXRoIGQ9Ik0xNjkuNzY5IDEwOC4wMzdDMTY5LjA0NyAxMDguNjI1IDE2OC41OSAxMDkuNDc1IDE2OC40OTggMTEwLjRDMTY4LjQwNSAxMTEuMzI0IDE2OC42ODYgMTEyLjI0NyAxNjkuMjc3IDExMi45NjVDMTY5Ljg2OCAxMTMuNjg0IDE3MC43MjIgMTE0LjEzOSAxNzEuNjUgMTE0LjIzMUMxNzIuNTc4IDExNC4zMjMgMTczLjUwNSAxMTQuMDQ0IDE3NC4yMjcgMTEzLjQ1NUMxNzYuMTgxIDExMS44NiAxNzguMDMgMTEwLjE0MiAxNzkuNzYzIDEwOC4zMTFDMTg3LjA4NSAxMDAuNTYzIDE5Mi4xNDYgOTAuOTczNyAxOTQuNCA4MC41NzQ3QzE5Ni42NTQgNzAuMTc1NyAxOTYuMDE2IDU5LjM2MTQgMTkyLjU1NCA0OS4yOTY2QzE5Mi4yNTIgNDguNDE4NCAxOTEuNjExIDQ3LjY5NiAxOTAuNzczIDQ3LjI4ODRDMTg5LjkzNSA0Ni44ODA3IDE4OC45NjkgNDYuODIxMSAxODguMDg3IDQ3LjEyMjdDMTg3LjIwNSA0Ny40MjQ0IDE4Ni40NzkgNDguMDYyNSAxODYuMDcgNDguODk2N0MxODUuNjYgNDkuNzMxIDE4NS42IDUwLjY5MyAxODUuOTAzIDUxLjU3MTJDMTg4Ljk0OCA2MC40MjkgMTg5LjUwOCA2OS45NDU2IDE4Ny41MjQgNzkuMDk2OEMxODUuNTQxIDg4LjI0ODEgMTgxLjA4OCA5Ni42ODc0IDE3NC42NDUgMTAzLjUwN0MxNzMuMTE5IDEwNS4xMTkgMTcxLjQ5IDEwNi42MzIgMTY5Ljc2OSAxMDguMDM3WiIgZmlsbD0iIzlEQzkyRSIvPgo8cGF0aCBkPSJNMTA5Ljc2OCA1NC44MjU4QzEwOS4xMTMgNTQuMTY0NyAxMDguMjIxIDUzLjc4OTggMTA3LjI4OCA1My43ODM1QzEwNi4zNTYgNTMuNzc3MiAxMDUuNDU5IDU0LjE0MDEgMTA0Ljc5NSA1NC43OTIyQzEwNC4xMzEgNTUuNDQ0NCAxMDMuNzU0IDU2LjMzMjQgMTAzLjc0OCA1Ny4yNjFDMTAzLjc0MiA1OC4xODk2IDEwNC4xMDYgNTkuMDgyNiAxMDQuNzYxIDU5Ljc0MzdMMTM0LjU3NCA4OS44MzI5QzEzNC45MDIgOTAuMTYyIDEzNS4yOTIgOTAuNDIzNSAxMzUuNzIxIDkwLjYwMjRDMTM2LjE1MSA5MC43ODEzIDEzNi42MTIgOTAuODc0MSAxMzcuMDc3IDkwLjg3NTRDMTM3LjEzOSA5MC44NzU0IDEzNy4xOTYgOTAuODc1NCAxMzcuMjYzIDkwLjg3NTRDMTM3Ljc1OSA5MC44NDkzIDEzOC4yNDQgOTAuNzE4OCAxMzguNjg2IDkwLjQ5MjRDMTM5LjEyOCA5MC4yNjYgMTM5LjUxNyA4OS45NDg5IDEzOS44MjcgODkuNTYyTDIwNi45NzYgNS43MDQ2MUMyMDcuMjY4IDUuMzQ1NjMgMjA3LjQ4NSA0LjkzMjY0IDIwNy42MTYgNC40ODk0NEMyMDcuNzQ3IDQuMDQ2MjUgMjA3Ljc4OSAzLjU4MTYxIDIwNy43MzkgMy4xMjIzMUMyMDcuNjg5IDIuNjYzMDIgMjA3LjU0OCAyLjIxODE1IDIwNy4zMjQgMS44MTMzN0MyMDcuMSAxLjQwODU4IDIwNi43OTkgMS4wNTE4NyAyMDYuNDM2IDAuNzYzODEyQzIwNi4wNzMgMC40NzU3NTEgMjA1LjY1NyAwLjI2MjAzNiAyMDUuMjEgMC4xMzQ5ODRDMjA0Ljc2NCAwLjAwNzkzMDkyIDIwNC4yOTcgLTAuMDI5OTQ2NiAyMDMuODM3IDAuMDIzNTM4MkMyMDMuMzc2IDAuMDc3MDIzMSAyMDIuOTMgMC4yMjA4MTQgMjAyLjUyNSAwLjQ0NjYxNUMyMDIuMTIgMC42NzI0MTYgMjAxLjc2NCAwLjk3NTc2MyAyMDEuNDc4IDEuMzM5MTdMMTM2Ljc5OCA4Mi4xMTI3TDEwOS43NjggNTQuODI1OFoiIGZpbGw9IiM5REM5MkUiLz4KPHBhdGggZD0iTTI0OS40NTEgMTc4LjU1M0gyMjYuOTFDMjI1Ljk2OCAxNzguNTUzIDIyNS4wNjUgMTc4LjkyNiAyMjQuNCAxNzkuNTg4QzIyMy43MzQgMTgwLjI1MSAyMjMuMzYgMTgxLjE1IDIyMy4zNiAxODIuMDg3QzIyMy4zNiAxODMuMDI0IDIyMy43MzQgMTgzLjkyMyAyMjQuNCAxODQuNTg2QzIyNS4wNjUgMTg1LjI0OSAyMjUuOTY4IDE4NS42MjEgMjI2LjkxIDE4NS42MjFIMjQ5LjQ1MUMyNTAuMzkzIDE4NS42MjEgMjUxLjI5NSAxODUuMjQ5IDI1MS45NjEgMTg0LjU4NkMyNTIuNjI3IDE4My45MjMgMjUzLjAwMSAxODMuMDI0IDI1My4wMDEgMTgyLjA4N0MyNTMuMDAxIDE4MS4xNSAyNTIuNjI3IDE4MC4yNTEgMjUxLjk2MSAxNzkuNTg4QzI1MS4yOTUgMTc4LjkyNiAyNTAuMzkzIDE3OC41NTMgMjQ5LjQ1MSAxNzguNTUzWiIgZmlsbD0iIzlEQzkyRSIvPgo8cGF0aCBkPSJNMjM3LjM4OCAxNDcuMTM2QzIzNy4wNTkgMTQ2LjgwOCAyMzYuNjY3IDE0Ni41NDggMjM2LjIzNyAxNDYuMzdDMjM1LjgwNiAxNDYuMTkzIDIzNS4zNDQgMTQ2LjEwMSAyMzQuODc4IDE0Ni4xMDFDMjM0LjQxMiAxNDYuMTAxIDIzMy45NTEgMTQ2LjE5MyAyMzMuNTIgMTQ2LjM3QzIzMy4wODkgMTQ2LjU0OCAyMzIuNjk4IDE0Ni44MDggMjMyLjM2OCAxNDcuMTM2TDIxNi40MyAxNjMuMDA1QzIxNi4wOTYgMTYzLjMzMyAyMTUuODMxIDE2My43MjIgMjE1LjY0OSAxNjQuMTUyQzIxNS40NjcgMTY0LjU4MiAyMTUuMzcyIDE2NS4wNDQgMjE1LjM3IDE2NS41MUMyMTUuMzY4IDE2NS45NzcgMjE1LjQ1OSAxNjYuNDM5IDIxNS42MzcgMTY2Ljg3QzIxNS44MTYgMTY3LjMwMiAyMTYuMDc4IDE2Ny42OTMgMjE2LjQwOSAxNjguMDIzQzIxNi43NDEgMTY4LjM1MyAyMTcuMTM0IDE2OC42MTUgMjE3LjU2NyAxNjguNzkyQzIxOC4wMDEgMTY4Ljk3IDIxOC40NjUgMTY5LjA2IDIxOC45MzMgMTY5LjA1OUMyMTkuNDAyIDE2OS4wNTcgMjE5Ljg2NSAxNjguOTYzIDIyMC4yOTcgMTY4Ljc4MkMyMjAuNzI5IDE2OC42IDIyMS4xMiAxNjguMzM2IDIyMS40NDkgMTY4LjAwNEwyMzcuMzg4IDE1Mi4xMzNDMjM4LjA1MyAxNTEuNDcgMjM4LjQyNyAxNTAuNTcyIDIzOC40MjcgMTQ5LjYzNUMyMzguNDI3IDE0OC42OTggMjM4LjA1MyAxNDcuNzk5IDIzNy4zODggMTQ3LjEzNloiIGZpbGw9IiM5REM5MkUiLz4KPHBhdGggZD0iTTE5OC4yNjEgMTM1LjEzVjE1Ny41NjlDMTk4LjI2MSAxNTguNTA2IDE5OC42MzUgMTU5LjQwNSAxOTkuMyAxNjAuMDY4QzE5OS45NjYgMTYwLjczMSAyMDAuODY5IDE2MS4xMDMgMjAxLjgxIDE2MS4xMDNDMjAyLjc1MSAxNjEuMTAzIDIwMy42NTQgMTYwLjczMSAyMDQuMzIgMTYwLjA2OEMyMDQuOTg1IDE1OS40MDUgMjA1LjM1OSAxNTguNTA2IDIwNS4zNTkgMTU3LjU2OVYxMzUuMTNDMjA1LjM1OSAxMzQuMTkyIDIwNC45ODUgMTMzLjI5MyAyMDQuMzIgMTMyLjYzMUMyMDMuNjU0IDEzMS45NjggMjAyLjc1MSAxMzEuNTk2IDIwMS44MSAxMzEuNTk2QzIwMC44NjkgMTMxLjU5NiAxOTkuOTY2IDEzMS45NjggMTk5LjMgMTMyLjYzMUMxOTguNjM1IDEzMy4yOTMgMTk4LjI2MSAxMzQuMTkyIDE5OC4yNjEgMTM1LjEzWiIgZmlsbD0iIzlEQzkyRSIvPgo8cGF0aCBkPSJNMTkzLjM2OSAxNzUuNjczSDE2NS4zNjJDMTY0Ljg0NyAxNzUuNjczIDE2My41MzMgMTc1LjY1OSAxNjIuNDY1IDE3NS42NDZDMTYyLjk2IDE3NC43MjIgMTYzLjU2NSAxNzMuNTkzIDE2My44MDYgMTczLjEyN0MxNjcuMzI2IDE2Ni4zNTQgMTY5LjQ5OSAxNjEuMTc3IDE3MC4yNjYgMTU3Ljc0MkMxNzAuMjgyIDE1Ny42NyAxNzAuMjk2IDE1Ny42IDE3MC4zMDkgMTU3LjUzM0MxNzEuNzgxIDE0OS45NDYgMTcxLjIwMSAxNDEuNzQ4IDE2OC42MzIgMTMzLjgxNEMxNjYuMDU2IDEyNS44NjUgMTYxLjczOSAxMTguOTkxIDE1Ni4xNSAxMTMuOTM1QzE1Mi41NzkgMTEwLjcwNyAxNDguNzM1IDEwOC40ODcgMTQ0LjcyNSAxMDcuMzM4QzE0Mi43MDUgMTA2Ljc1MiAxNDAuNjEzIDEwNi40NSAxMzguNTA5IDEwNi40NDNDMTM2LjQ0OCAxMDYuNDQ2IDEzNC4zOTcgMTA2Ljc0NCAxMzIuNDIxIDEwNy4zMjdDMTI1LjgyMiAxMDkuMjY1IDEyMS45MDYgMTEyLjgyMiAxMjAuNDUyIDExOC4xOTlDMTE5LjM0NSAxMjIuMjk4IDEyMC4wOSAxMjYuMjA5IDEyMC44NzkgMTMwLjM1NkMxMjEuNDY0IDEzMy40MTkgMTIyLjAxNSAxMzYuMzE4IDEyMS44NzUgMTM5LjMzNUMxMjEuNzE4IDE0Mi43NTEgMTIwLjY0OSAxNDUuOTA0IDExOC42MDQgMTQ4Ljk5NEMxMTguNTUzIDE0OS4wNzIgMTE4LjUwNSAxNDkuMTUyIDExOC40NiAxNDkuMjI5QzExOC40MTUgMTQ5LjMwNyAxMTMuNDcxIDE1OC4xOTMgMTA2LjcxNiAxNjcuMTU2QzEwMS4xMzIgMTc0LjU2MyA5Mi4yMjExIDE4Mi43MzcgODcuNDMyMSAxODUuODAxVjE4NC4yOUM4Ny40MzIxIDE4My4zNTIgODcuMDU4MiAxODIuNDUzIDg2LjM5MjYgMTgxLjc5MUM4NS43MjcgMTgxLjEyOCA4NC44MjQyIDE4MC43NTYgODMuODgyOSAxODAuNzU2SDYwLjMyNDlWMTc4Ljc1M0M2MC4zMjQ5IDE3Ny44MTYgNTkuOTUxIDE3Ni45MTcgNTkuMjg1NCAxNzYuMjU0QzU4LjYxOTggMTc1LjU5MiA1Ny43MTcgMTc1LjIxOSA1Ni43NzU3IDE3NS4yMTlIMy41NDkxNUMyLjYwNzg2IDE3NS4yMTkgMS43MDUxMSAxNzUuNTkyIDEuMDM5NTIgMTc2LjI1NEMwLjM3MzkyMSAxNzYuOTE3IDAgMTc3LjgxNiAwIDE3OC43NTNDMCAxNzkuNjkgMC4zNzM5MjEgMTgwLjU4OSAxLjAzOTUyIDE4MS4yNTJDMS43MDUxMSAxODEuOTE1IDIuNjA3ODYgMTgyLjI4NyAzLjU0OTE1IDE4Mi4yODdINTMuMjI2NlYyODQuOTA4SDMuNTQ5MTVDMi42MDc4NiAyODQuOTA4IDEuNzA1MTEgMjg1LjI4IDEuMDM5NTIgMjg1Ljk0M0MwLjM3MzkyMSAyODYuNjA2IDAgMjg3LjUwNCAwIDI4OC40NDJDMCAyODkuMzc5IDAuMzczOTIxIDI5MC4yNzggMS4wMzk1MiAyOTAuOTRDMS43MDUxMSAyOTEuNjAzIDIuNjA3ODYgMjkxLjk3NSAzLjU0OTE1IDI5MS45NzVINTYuNzc1N0M1Ny43MTcgMjkxLjk3NSA1OC42MTk4IDI5MS42MDMgNTkuMjg1NCAyOTAuOTRDNTkuOTUxIDI5MC4yNzggNjAuMzI0OSAyODkuMzc5IDYwLjMyNDkgMjg4LjQ0MlYyODcuMDgzSDgzLjg4NzdDODQuNzQyNCAyODcuMDgzIDg1LjU2ODUgMjg2Ljc3NiA4Ni4yMTQgMjg2LjIxOEM4Ni44NTk1IDI4NS42NiA4Ny4yODExIDI4NC44ODkgODcuNDAxMyAyODQuMDQ3QzkzLjUwOTQgMjg3LjkxOSAxMDUuMjY1IDI5My4wOTMgMTE1LjQwNCAyOTMuMDkzQzExNi40ODcgMjkzLjA5MyAxMTcuNjA3IDI5My4wNzIgMTE4LjczNCAyOTMuMDMxSDE2Mi43MTRDMTY3Ljg5NyAyOTMuMDMxIDE3NC42MDYgMjkyLjcyNiAxODAuNTIzIDI5MC4zNDZDMTg3LjAzNSAyODcuNzI4IDE5MS40ODcgMjgzLjAxNyAxOTMuNzU1IDI3Ni4zNDVDMTk1LjI1IDI3MS45NTEgMTk1LjMyMSAyNjcuMzIyIDE5My45NTUgMjYzLjMxNUMxOTMuODQ3IDI2Mi45OTUgMTkzLjgzNCAyNjIuNjUxIDE5My45MTggMjYyLjMyNUMxOTQuMDAyIDI2MS45OTggMTk0LjE3OSAyNjEuNzAyIDE5NC40MjggMjYxLjQ3NEMxOTcuMjM4IDI1OC44ODggMTk5LjI5OSAyNTUuNTg0IDIwMC41NTUgMjUxLjY2M0MyMDIuMjEyIDI0Ni40NjcgMjAyLjA5MyAyNDEuMTI5IDIwMC4yMTMgMjM2LjYyOUMyMDAuMDg1IDIzNi4zMiAyMDAuMDQ4IDIzNS45ODEgMjAwLjEwNyAyMzUuNjUyQzIwMC4xNjYgMjM1LjMyMyAyMDAuMzE4IDIzNS4wMTggMjAwLjU0NiAyMzQuNzcyQzIwMi45NTEgMjMyLjE5IDIwNC42MTMgMjI5LjAwMSAyMDUuNDg3IDIyNS4zMDVDMjA2LjE1NiAyMjIuNDc4IDIwNi45NTQgMjE2LjkyMiAyMDQuNzg5IDIxMS41NDhDMjA0LjY2NCAyMTEuMjM4IDIwNC42MzEgMjEwLjg5OCAyMDQuNjk0IDIxMC41NjlDMjA0Ljc1NyAyMTAuMjQxIDIwNC45MTMgMjA5LjkzNyAyMDUuMTQ0IDIwOS42OTRDMjA3LjYzNyAyMDcuMDkzIDIwOS4zNTUgMjAzLjg4OSAyMTAuMjQ4IDIwMC4xNzNDMjExLjg0MiAxOTMuNTQ2IDIxMC41NDUgMTg2Ljc0NCAyMDYuNzc3IDE4MS45OTNDMjAzLjU0NyAxNzcuOTE4IDE5OC43ODUgMTc1LjY3MyAxOTMuMzY5IDE3NS42NzNaTTgwLjMzODUgMjgwLjAxNkg2MC4zMjQ5VjE4Ny44MjJIODAuMzM4NVYyODAuMDE2Wk0yMDMuNDU0IDE5OC41NTFDMjAyLjk3NyAyMDAuNjE4IDIwMi4wMzIgMjAyLjU0OSAyMDAuNjkxIDIwNC4xOTdDMjAwLjUyNyAyMDQuMzk2IDIwMC4zMiAyMDQuNTU3IDIwMC4wODYgMjA0LjY2N0MxOTkuODUyIDIwNC43NzcgMTk5LjU5NiAyMDQuODM0IDE5OS4zMzcgMjA0LjgzNEgxODcuMDAxQzE4Ni4wNzUgMjA0LjgzNCAxODUuMTg2IDIwNS4yIDE4NC41MzEgMjA1Ljg1M0MxODMuODc2IDIwNi41MDUgMTgzLjUwOCAyMDcuMzkgMTgzLjUwOCAyMDguMzEyQzE4My41MDggMjA5LjIzNSAxODMuODc2IDIxMC4xMiAxODQuNTMxIDIxMC43NzJDMTg1LjE4NiAyMTEuNDI0IDE4Ni4wNzUgMjExLjc5MSAxODcuMDAxIDIxMS43OTFIMTk2LjA1QzE5Ni4zNTEgMjExLjc5MiAxOTYuNjQ2IDIxMS44NjkgMTk2LjkwOCAyMTIuMDE2QzE5Ny4xNyAyMTIuMTYyIDE5Ny4zOSAyMTIuMzczIDE5Ny41NDcgMjEyLjYyOEMxOTkuOTkyIDIxNi42MzMgMTk5LjE1OCAyMjEuNzEzIDE5OC42ODUgMjIzLjcxMkMxOTguMDQ3IDIyNi40MTUgMTk2LjgyNyAyMjguNjcxIDE5NS4wNiAyMzAuNDE2QzE5NC44OTggMjMwLjU3NyAxOTQuNzA1IDIzMC43MDUgMTk0LjQ5NCAyMzAuNzkxQzE5NC4yODIgMjMwLjg3OCAxOTQuMDU1IDIzMC45MjIgMTkzLjgyNiAyMzAuOTIySDE4MS4xNDRDMTgwLjIxNyAyMzAuOTIyIDE3OS4zMjkgMjMxLjI4OCAxNzguNjczIDIzMS45NDFDMTc4LjAxOCAyMzIuNTkzIDE3Ny42NSAyMzMuNDc4IDE3Ny42NSAyMzQuNEMxNzcuNjUgMjM1LjMyMyAxNzguMDE4IDIzNi4yMDcgMTc4LjY3MyAyMzYuODZDMTc5LjMyOSAyMzcuNTEyIDE4MC4yMTcgMjM3Ljg3OSAxODEuMTQ0IDIzNy44NzlIMTkxLjk4NkMxOTIuMzE5IDIzNy44NzkgMTkyLjY0NSAyMzcuOTc0IDE5Mi45MjYgMjM4LjE1MkMxOTMuMjA3IDIzOC4zMjkgMTkzLjQzMSAyMzguNTgzIDE5My41NzMgMjM4Ljg4MkMxOTUuMDA2IDI0MS45MjEgMTk1LjExOCAyNDUuNzE0IDE5My44OSAyNDkuNTUxQzE5Mi44MzYgMjUyLjg0OSAxOTAuOTMyIDI1NS41NTggMTg4LjM4NSAyNTcuNDEyQzE4OC4wODYgMjU3LjYzMSAxODcuNzI1IDI1Ny43NDggMTg3LjM1NCAyNTcuNzQ3SDE3NS4yODdDMTc0LjM2IDI1Ny43NDcgMTczLjQ3MSAyNTguMTEzIDE3Mi44MTYgMjU4Ljc2NkMxNzIuMTYxIDI1OS40MTggMTcxLjc5MyAyNjAuMzAzIDE3MS43OTMgMjYxLjIyNUMxNzEuNzkzIDI2Mi4xNDggMTcyLjE2MSAyNjMuMDMzIDE3Mi44MTYgMjYzLjY4NUMxNzMuNDcxIDI2NC4zMzcgMTc0LjM2IDI2NC43MDQgMTc1LjI4NyAyNjQuNzA0SDE4NS43OEMxODYuMTU3IDI2NC43MDYgMTg2LjUyMyAyNjQuODI4IDE4Ni44MjYgMjY1LjA1MkMxODcuMTI4IDI2NS4yNzYgMTg3LjM1IDI2NS41OTEgMTg3LjQ1OSAyNjUuOTVDMTg4LjIwOCAyNjguNDU2IDE4OC4wOTMgMjcxLjI3OCAxODcuMTMgMjc0LjExM0MxODUuNjY4IDI3OC40MTQgMTgzLjA2MiAyODEuNDIyIDE3OS4xNjEgMjgzLjMxMkMxNzUuMzI3IDI4NS4xNzEgMTY5Ljk0NCAyODYuMDczIDE2Mi43MDYgMjg2LjA3M0gxMTguNjk3SDExOC41NzhIMTE4LjU2OEMxMTcuNTEzIDI4Ni4xMTIgMTE2LjQ2MyAyODYuMTMzIDExNS40NDQgMjg2LjEzM0MxMTAuMDc2IDI4Ni4xMzMgMTA1LjU1OSAyODQuNjUzIDEwMS42NTcgMjgzLjU0MUM5Ny42MTM0IDI4Mi4zOTUgOTAuMTkzMyAyNzcuOTI2IDg3Ljk2NjggMjc1LjY1OUM4Ny43ODA3IDI3NS40NjkgODcuNjA0IDI3NS4yNzkgODcuNDM2OCAyNzUuMDg5VjE5My42MjVDOTAuODAyNiAxOTIuMDYgOTcuMjAxNyAxODcuNDI2IDEwMC4zNzEgMTg0LjY0MUMxMDQuMTEyIDE4MS4zNTIgMTA4LjEyNiAxNzYuODczIDExMi4zMDMgMTcxLjMzQzExOC45NjMgMTYyLjQ5NSAxMjMuOTM3IDE1My43MjkgMTI0LjQ4MiAxNTIuNzZDMTI0LjUwMSAxNTIuNzI1IDEyNC41MjEgMTUyLjY5MyAxMjQuNTQzIDE1Mi42NThDMTI3LjE5NCAxNDguNjA0IDEyOC41OTkgMTQ0LjM5OSAxMjguODM1IDEzOS44MDJDMTI5LjA0IDEzNS44NiAxMjguMzUxIDEzMi4yNDYgMTI3Ljc0NCAxMjkuMDU3QzEyNy4wODEgMTI1LjU3NCAxMjYuNTA3IDEyMi41NjcgMTI3LjE5OSAxMjAuMDA1QzEyOC4wMDEgMTE3LjA0MSAxMzAuMTU3IDExNS4yNDMgMTM0LjM5OSAxMTMuOTk3QzEzNS43MjIgMTEzLjYwNyAxMzcuMDk0IDExMy40MDkgMTM4LjQ3NCAxMTMuNDA4QzE0Mi44NiAxMTMuNDA4IDE0Ny4zNDYgMTE1LjM3IDE1MS40NTIgMTE5LjA4QzE1My45MDggMTIxLjMyNSAxNTYuMDM1IDEyMy45MDMgMTU3Ljc3MSAxMjYuNzM3QzE1OS41NjEgMTI5LjYzNSAxNjAuOTkxIDEzMi43MzkgMTYyLjAzIDEzNS45OEMxNjMuMDg4IDEzOS4yNDYgMTYzLjc1MyAxNDIuNjI2IDE2NC4wMSAxNDYuMDQ5QzE2NC4yNzQgMTQ5LjQ0MiAxNjQuMDg4IDE1Mi44NTUgMTYzLjQ1NSAxNTYuMTk5QzE2My40NTUgMTU2LjIxNiAxNjMuNDQ4IDE1Ni4yMzIgMTYzLjQ0NCAxNTYuMjUxQzE2Mi4zMjUgMTYxLjIzNCAxNTcuNDI1IDE3MC41MjUgMTUzLjUwNyAxNzcuNDQzQzE1My4yMDggMTc3Ljk3MyAxNTMuMDUzIDE3OC41NyAxNTMuMDU5IDE3OS4xNzdDMTUzLjA2NCAxNzkuNzg1IDE1My4yMjggMTgwLjM4IDE1My41MzYgMTgwLjkwNEMxNTMuODQ0IDE4MS40MjggMTU0LjI4NCAxODEuODYzIDE1NC44MTMgMTgyLjE2NUMxNTUuMzQyIDE4Mi40NjcgMTU1Ljk0MSAxODIuNjI2IDE1Ni41NTEgMTgyLjYyNkgxOTMuMzY3QzE5Ni41OTggMTgyLjYyNiAxOTkuNDExIDE4My45MyAyMDEuMjk0IDE4Ni4yOThDMjAzLjc0IDE4OS40MDEgMjA0LjU1NCAxOTMuOTggMjAzLjQ1NCAxOTguNTUzVjE5OC41NTFaIiBmaWxsPSIjOURDOTJFIi8+CjxwYXRoIGQ9Ik0yNS44NDI5IDI3OC41NzNDMjMuNzggMjc4LjU3MyAyMS43NjM2IDI3Ny45NjQgMjAuMDQ4NCAyNzYuODIzQzE4LjMzMzIgMjc1LjY4MiAxNi45OTY0IDI3NC4wNiAxNi4yMDcgMjcyLjE2MkMxNS40MTc2IDI3MC4yNjUgMTUuMjExMSAyNjguMTc3IDE1LjYxMzUgMjY2LjE2MkMxNi4wMTU5IDI2NC4xNDggMTcuMDA5MyAyNjIuMjk4IDE4LjQ2NzkgMjYwLjg0NUMxOS45MjY1IDI1OS4zOTMgMjEuNzg0OSAyNTguNDA0IDIzLjgwODEgMjU4LjAwM0MyNS44MzEzIDI1Ny42MDMgMjcuOTI4NCAyNTcuODA4IDI5LjgzNDIgMjU4LjU5NEMzMS43Mzk5IDI1OS4zOCAzMy4zNjg5IDI2MC43MTEgMzQuNTE0OSAyNjIuNDE5QzM1LjY2MDkgMjY0LjEyNyAzNi4yNzI2IDI2Ni4xMzUgMzYuMjcyNiAyNjguMTg4QzM2LjI2OTUgMjcwLjk0MiAzNS4xNjk2IDI3My41ODEgMzMuMjE0MyAyNzUuNTI4QzMxLjI1OTEgMjc3LjQ3NSAyOC42MDggMjc4LjU3IDI1Ljg0MjkgMjc4LjU3M1pNMjUuODQyOSAyNjMuMTA0QzI0LjgzMyAyNjMuMTA0IDIzLjg0NTggMjYzLjQwMyAyMy4wMDYxIDI2My45NjFDMjIuMTY2NCAyNjQuNTIgMjEuNTEyIDI2NS4zMTQgMjEuMTI1NSAyNjYuMjQzQzIwLjczOSAyNjcuMTcyIDIwLjYzNzkgMjY4LjE5NCAyMC44MzQ5IDI2OS4xOEMyMS4wMzE5IDI3MC4xNjYgMjEuNTE4MiAyNzEuMDcyIDIyLjIzMjMgMjcxLjc4M0MyMi45NDY0IDI3Mi40OTQgMjMuODU2MiAyNzIuOTc5IDI0Ljg0NjcgMjczLjE3NUMyNS44MzcyIDI3My4zNzEgMjYuODYzOCAyNzMuMjcgMjcuNzk2OSAyNzIuODg1QzI4LjcyOTkgMjcyLjUwMSAyOS41MjczIDI3MS44NDkgMzAuMDg4NCAyNzEuMDEzQzMwLjY0OTQgMjcwLjE3NyAzMC45NDg5IDI2OS4xOTQgMzAuOTQ4OSAyNjguMTg4QzMwLjk0NzMgMjY2Ljg0MSAzMC40MDg5IDI2NS41NDggMjkuNDUxNiAyNjQuNTk1QzI4LjQ5NDQgMjYzLjY0MiAyNy4xOTY2IDI2My4xMDYgMjUuODQyOSAyNjMuMTA0WiIgZmlsbD0iIzlEQzkyRSIvPgo8L3N2Zz4K)
}

@media only screen and (max-width: 979px) {
  .top-section-b-image__form .secondary-form__response-icon {
    width: 101px;
    height: 117px;
    margin-bottom: 90px;
    background-size: 100% auto
  }
}

.top-section-b-image__form.form-submited {
  padding: 0
}

.top-section-b-image__form.form-submited .file-form__block {
  padding: 0
}

.top-section-b-image__form.form-submited .file-form__title-wrapper {
  background-color: #582362;
  height: 169px;
  padding-top: 45px;
  padding-bottom: 37px
}

@media only screen and (max-width: 979px) {
  .top-section-b-image__form.form-submited .file-form__title-wrapper {
    height: 161px;
    padding-top: 30px
  }
}

.top-section-b-image__form.form-submited .file-form__title {
  color: #fff
}

.top-section-b-image__form.form-submited .submitted-message {
  font-weight: 300;
  font-size: 30px;
  line-height: 125%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #4a4a4a;
  padding: 93px 110px
}

@media only screen and (max-width: 1279px) {
  .top-section-b-image__form.form-submited .submitted-message {
    padding: 44px 110px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-b-image__form.form-submited .submitted-message {
    padding: 30px 30px
  }
}

.top-section-b-image__form.form-submited .file-form__image-wrapper {
  display: none
}

.hbspt-form-w-image {
  width: 100%
}

.hbspt-form-w-image .hbspt-form {
  margin: 0;
  padding: 0
}

.hbspt-form-w-image .hbspt-form .hs-form-field {
  padding-top: 24px;
  position: relative
}

.hbspt-form-w-image .hbspt-form .hs-form-field .hs-error-msgs {
  position: absolute
}

.hbspt-form-w-image .hbspt-form .hs_error_rollup {
  position: relative;
  bottom: -20px
}

@media only screen and (max-width: 979px) {
  .hbspt-form-w-image {
    width: 100%;
    -ms-flex-order: 1;
    order: 1
  }
}

@media only screen and (max-width: 1279px) {
  .resource-library .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-white.svg)
  }
}

@media only screen and (max-width: 979px) {
  .resource-library .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-purple.svg)
  }
}

.resource-library .logo__image {
  display: block
}

@media only screen and (max-width: 979px) {
  .resource-library .logo__image {
    display: none
  }
}

.resource-library .logo__image--dark {
  display: none
}

@media only screen and (max-width: 979px) {
  .resource-library .logo__image--dark {
    display: block
  }
}

.resource-library .menu-wrapper--scrolled .logo__image {
  display: none
}

.resource-library .menu-wrapper--scrolled .logo__image--dark {
  display: block
}

@media only screen and (max-width: 1279px) {
  .resource-library .menu-wrapper--scrolled .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-purple.svg)
  }
}

.resource-library__section {
  padding: 140px 0 120px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .resource-library__section {
    padding: 90px 0 60px
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__section {
    padding: 45px 0 80px
  }
}

.resource-library .subscribe-form {
  margin-top: 13px
}

.resource-library__share {
  margin-top: 30px
}

.resource-library__side-title {
  font-size: 16px;
  color: #2c99a4 !important
}

.resource-library__recent-link {
  margin-top: 15px
}

@media only screen and (max-width: 979px) {
  .resource-library__recent-link {
    margin-bottom: 7px
  }
}

.resource-library__recent-title {
  margin-bottom: 15px
}

@media only screen and (max-width: 979px) {
  .resource-library__recent-title {
    text-align: center
  }
}

.resource-library__recent-text {
  font-size: 14px
}

@media only screen and (max-width: 979px) {
  .resource-library__recent-text {
    font-size: 16px
  }
}

.resource-library__side-panel {
  width: 25%;
  min-width: 290px
}

@media only screen and (max-width: 1279px) {
  .resource-library__side-panel {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.resource-library__press-contact {
  margin-bottom: 30px
}

.resource-library__post-side {
  padding: 55px 0 40px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .resource-library__post-side {
    padding: 0;
    border: none;
    -ms-flex-order: 3;
    order: 3;
    width: 40%
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__post-side {
    width: 100%;
    padding: 50px 0;
    border-top: 2px solid #979797
  }
}

.resource-library__post-side_mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .resource-library__post-side_mobile {
    display: block;
    margin-top: 43px
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__post-side_mobile {
    display: none
  }
}

.resource-library__post-side:first-child {
  border-top: none;
  padding: 0
}

@media only screen and (max-width: 1279px) {
  .resource-library__post-side:first-child {
    width: 100%;
    padding-bottom: 70px;
    border-bottom: 2px solid #979797;
    margin-bottom: 24px;
    -ms-flex-order: 1;
    order: 1
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__post-side:first-child {
    border: none;
    padding-bottom: 80px;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 1279px) {
  .resource-library__post-side.post-side__recent {
    -ms-flex-order: 2;
    order: 2;
    width: 60%;
    padding-right: 30px
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__post-side.post-side__recent {
    width: 100%;
    -ms-flex-order: 3;
    order: 3;
    padding-right: 0;
    padding-bottom: 20px
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__post-side.post-side__recent .resource-library__recent-title {
    text-align: left
  }
}

.resource-library__newsletter-box {
  padding-bottom: 0
}

@media only screen and (max-width: 979px) {
  .resource-library__newsletter-box {
    display: block
  }
}

.resource-library__cases-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #2c99a4;
  margin-bottom: 30px
}

.resource-library__desktop-container {
  width: 100%;
  padding-top: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 1279px) {
  .resource-library__desktop-container {
    padding-top: 10px
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__desktop-container {
    display: none
  }
}

.resource-library__desktop-container .resources-card {
  width: calc(50% - 10px);
  margin-bottom: 60px
}

@media only screen and (max-width: 1279px) {
  .resource-library__desktop-container .resources-card {
    width: calc(25% - 18px);
    margin-bottom: 0
  }
}

.resource-library__desktop-container .resources-card_1 {
  -ms-flex-order: 2;
  order: 2
}

.resource-library__desktop-container .resources-card_2 {
  -ms-flex-order: 1;
  order: 1
}

.resource-library__desktop-container .resources-card__arrow-box {
  width: 40px;
  height: 40px
}

@media only screen and (max-width: 1279px) {
  .resource-library__desktop-container .resources-card__arrow-box {
    width: 50px;
    height: 50px
  }
}

.resource-library__desktop-container .resources-card__arrow-box:after {
  width: 20px;
  height: 21px;
  background-size: 100% auto
}

@media only screen and (max-width: 1279px) {
  .resource-library__desktop-container .resources-card__arrow-box:after {
    width: 24px;
    height: 26px
  }
}

.resource-library__desktop-container .resources-card__title {
  font-size: 16px;
  margin-top: 17px
}

@media only screen and (max-width: 1279px) {
  .resource-library__desktop-container .resources-card__title {
    margin-top: 24px
  }
}

.resource-library__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 1279px) {
  .resource-library__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 40px
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__container {
    width: 100%;
    padding: 0 35px
  }
}

.resource-library__content {
  padding-right: 130px
}

@media only screen and (max-width: 1279px) {
  .resource-library__content {
    width: 100%;
    padding-right: 0
  }
}

.resource-library__video-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.25;
  color: #2c99a4;
  margin-bottom: 20px
}

@media only screen and (max-width: 979px) {
  .resource-library__video-title {
    margin-bottom: 30px
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__newsletter-box {
    padding-top: 50px;
    padding-bottom: 0
  }
}

.resource-library__video {
  width: 100%;
  position: relative
}

.resource-library__video:before {
  content: "";
  display: none;
  position: absolute;
  height: 185%;
  width: calc(100% + 70px);
  left: -35px;
  top: -50%;
  z-index: -1;
  background: linear-gradient(180deg, #ffffff 0%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .44)
}

@media only screen and (max-width: 979px) {
  .resource-library__video:before {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__contact-form {
    display: none
  }
}

.resource-library__contact-form_mobile {
  display: none;
  -ms-flex-order: 3;
  order: 3;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .resource-library__contact-form_mobile {
    display: block
  }
}

.resource-library__response {
  box-shadow: 0 3px 20px rgba(0, 0, 0, .2);
  background: #fff;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 80px
}

.resource-library__title-wrapper {
  padding: 80px 10px;
  background: #582362;
  width: 100%
}

.resource-library__response-title {
  margin: 0 auto 80px;
  font-size: 55px;
  line-height: 1.25;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .resource-library__response-title {
    font-size: 48px;
    margin-bottom: 120px
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__response-title {
    font-size: 28px
  }
}

.resource-library__response-title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .resource-library__response-title br {
    display: block
  }
}

.resource-library__response-icon,
.secondary-form__response-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA4IiBoZWlnaHQ9IjI0MSIgdmlld0JveD0iMCAwIDIwOCAyNDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTgyLjIyMiA5My4zMjY5QzgzLjU2NzUgOTQuNDIwNyA4NC45NzExIDk1LjQ0MTYgODYuNDI2NyA5Ni4zODUyQzg3LjA2OTMgOTYuODAxNyA4Ny44NTE3IDk2Ljk0NjkgODguNjAxOCA5Ni43ODlDODkuMzUxOSA5Ni42MzExIDkwLjAwODMgOTYuMTgzIDkwLjQyNjYgOTUuNTQzMkM5MC44NDQ5IDk0LjkwMzQgOTAuOTkwOCA5NC4xMjQ0IDkwLjgzMjIgOTMuMzc3NUM5MC42NzM2IDkyLjYzMDYgOTAuMjIzNSA5MS45NzcgODkuNTgwOSA5MS41NjA1QzgzLjY1MyA4Ny43MjA5IDc4Ljc4MTQgODIuNDY4OSA3NS40MDc2IDc2LjI4MDVDNzIuMDMzOSA3MC4wOTIyIDcwLjI2NDggNjMuMTYzMyA3MC4yNjA3IDU2LjEyMkM3MC4yNjA3IDMyLjgyNDcgODkuMjk1OSAxMy44NzE2IDExMi42OTQgMTMuODcxNkMxMTguOTg2IDEzLjg1NTYgMTI1LjIwMiAxNS4yNDU1IDEzMC44ODIgMTcuOTM5QzEzMi4yNDMgMTguNTgzNSAxMzMuNTY4IDE5LjI5OTUgMTM0Ljg1MyAyMC4wODQxQzEzNS41MDYgMjAuNDgzMyAxMzYuMjkyIDIwLjYwNzggMTM3LjAzOCAyMC40M0MxMzcuNzg0IDIwLjI1MjIgMTM4LjQyOCAxOS43ODY3IDEzOC44MjkgMTkuMTM2QzEzOS4yMyAxOC40ODUzIDEzOS4zNTUgMTcuNzAyNiAxMzkuMTc2IDE2Ljk2MDJDMTM4Ljk5OCAxNi4yMTc3IDEzOC41MyAxNS41NzYzIDEzNy44NzcgMTUuMTc3MUMxMzYuNDE3IDE0LjI4NTYgMTM0LjkxIDEzLjQ3MTkgMTMzLjM2NCAxMi43Mzk2QzEyNi4wMTQgOS4yNjI4NiAxMTcuOSA3LjY5NTM4IDEwOS43NzggOC4xODMyMkMxMDEuNjU1IDguNjcxMDYgOTMuNzg5MiAxMS4xOTgzIDg2LjkxMjUgMTUuNTI5NUM4MC4wMzU3IDE5Ljg2MDcgNzQuMzcyMiAyNS44NTQ3IDcwLjQ0OTYgMzIuOTUzMUM2Ni41MjcxIDQwLjA1MTUgNjQuNDczMiA0OC4wMjMxIDY0LjQ3OTQgNTYuMTI0OUM2NC40Nzk0IDcwLjYgNzAuOTQ2NCA4NC4xNjA4IDgyLjIyMiA5My4zMjY5WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTM5LjU3MyA4OC44MjA4QzEzOC45OCA4OS4zMDQ3IDEzOC42MDQgOTAuMDAzNCAxMzguNTI4IDkwLjc2MzNDMTM4LjQ1MiA5MS41MjMyIDEzOC42ODIgOTIuMjgxOSAxMzkuMTY4IDkyLjg3MjdDMTM5LjY1NCA5My40NjM0IDE0MC4zNTYgOTMuODM3NyAxNDEuMTE5IDkzLjkxMzNDMTQxLjg4MiA5My45ODg4IDE0Mi42NDUgOTMuNzU5NCAxNDMuMjM4IDkzLjI3NTVDMTQ0Ljg0NCA5MS45NjQyIDE0Ni4zNjUgOTAuNTUxNiAxNDcuNzkgODkuMDQ2NEMxNTMuODA5IDgyLjY3NjcgMTU3Ljk3IDc0Ljc5MjYgMTU5LjgyMyA2Ni4yNDMyQzE2MS42NzYgNTcuNjkzOCAxNjEuMTUxIDQ4LjgwMyAxNTguMzA2IDQwLjUyODRDMTU4LjA1NyAzOS44MDY0IDE1Ny41MyAzOS4yMTI1IDE1Ni44NDEgMzguODc3NEMxNTYuMTUyIDM4LjU0MjIgMTU1LjM1OCAzOC40OTMyIDE1NC42MzMgMzguNzQxMkMxNTMuOTA4IDM4Ljk4OTIgMTUzLjMxMSAzOS41MTM4IDE1Mi45NzQgNDAuMTk5N0MxNTIuNjM4IDQwLjg4NTUgMTUyLjU4OSA0MS42NzY1IDE1Mi44MzggNDIuMzk4NEMxNTUuMzQgNDkuNjgwNyAxNTUuODAxIDU3LjUwNDYgMTU0LjE3IDY1LjAyODJDMTUyLjUzOSA3Mi41NTE3IDE0OC44NzkgNzkuNDkgMTQzLjU4MiA4NS4wOTYyQzE0Mi4zMjcgODYuNDIxNiAxNDAuOTg4IDg3LjY2NTcgMTM5LjU3MyA4OC44MjA4WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNOTAuMjQzOSA0NS4wNzQyQzg5LjcwNTQgNDQuNTMwNyA4OC45NzIyIDQ0LjIyMjUgODguMjA1NCA0NC4yMTczQzg3LjQzODcgNDQuMjEyMSA4Ni43MDEzIDQ0LjUxMDQgODYuMTU1NSA0NS4wNDY2Qzg1LjYwOTYgNDUuNTgyNyA4NS4zMDAxIDQ2LjMxMjggODUuMjk0OSA0Ny4wNzYyQzg1LjI4OTcgNDcuODM5NyA4NS41ODkzIDQ4LjU3MzkgODYuMTI3NyA0OS4xMTczTDExMC42MzggNzMuODU0N0MxMTAuOTA4IDc0LjEyNTMgMTExLjIyOCA3NC4zNDAzIDExMS41ODEgNzQuNDg3NEMxMTEuOTM0IDc0LjYzNDQgMTEyLjMxMyA3NC43MTA3IDExMi42OTYgNzQuNzExOEMxMTIuNzQ3IDc0LjcxMTggMTEyLjc5MyA3NC43MTE4IDExMi44NDkgNzQuNzExOEMxMTMuMjU3IDc0LjY5MDQgMTEzLjY1NSA3NC41ODMgMTE0LjAxOSA3NC4zOTY5QzExNC4zODIgNzQuMjEwOCAxMTQuNzAyIDczLjk1MDEgMTE0Ljk1NiA3My42MzJMMTcwLjE2MiA0LjY4OTk1QzE3MC40MDIgNC4zOTQ4MyAxNzAuNTgxIDQuMDU1MjkgMTcwLjY4OSAzLjY5MDkzQzE3MC43OTYgMy4zMjY1NiAxNzAuODMxIDIuOTQ0NTYgMTcwLjc4OSAyLjU2Njk2QzE3MC43NDggMi4xODkzNiAxNzAuNjMyIDEuODIzNjIgMTcwLjQ0OCAxLjQ5MDgzQzE3MC4yNjQgMS4xNTgwNCAxNzAuMDE2IDAuODY0NzggMTY5LjcxOCAwLjYyNzk1NkMxNjkuNDIgMC4zOTExMzIgMTY5LjA3NyAwLjIxNTQyOSAxNjguNzExIDAuMTEwOTc1QzE2OC4zNDQgMC4wMDY1MjAyOCAxNjcuOTYgLTAuMDI0NjIwMSAxNjcuNTgxIDAuMDE5MzUxNkMxNjcuMjAyIDAuMDYzMzIzMyAxNjYuODM2IDAuMTgxNTM5IDE2Ni41MDMgMC4zNjcxNzhDMTY2LjE3IDAuNTUyODE3IDE2NS44NzcgMC44MDIyMDggMTY1LjY0MiAxLjEwMDk4TDExMi40NjYgNjcuNTA3N0w5MC4yNDM5IDQ1LjA3NDJaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0yMDUuMDgyIDE0Ni43OTVIMTg2LjU1QzE4NS43NzYgMTQ2Ljc5NSAxODUuMDM0IDE0Ny4xMDEgMTg0LjQ4NiAxNDcuNjQ2QzE4My45MzkgMTQ4LjE5IDE4My42MzIgMTQ4LjkyOSAxODMuNjMyIDE0OS43QzE4My42MzIgMTUwLjQ3IDE4My45MzkgMTUxLjIwOSAxODQuNDg2IDE1MS43NTRDMTg1LjAzNCAxNTIuMjk5IDE4NS43NzYgMTUyLjYwNSAxODYuNTUgMTUyLjYwNUgyMDUuMDgyQzIwNS44NTYgMTUyLjYwNSAyMDYuNTk4IDE1Mi4yOTkgMjA3LjE0NSAxNTEuNzU0QzIwNy42OTMgMTUxLjIwOSAyMDggMTUwLjQ3IDIwOCAxNDkuN0MyMDggMTQ4LjkyOSAyMDcuNjkzIDE0OC4xOSAyMDcuMTQ1IDE0Ny42NDZDMjA2LjU5OCAxNDcuMTAxIDIwNS44NTYgMTQ2Ljc5NSAyMDUuMDgyIDE0Ni43OTVaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0xOTUuMTY1IDEyMC45NjZDMTk0Ljg5NCAxMjAuNjk2IDE5NC41NzIgMTIwLjQ4MiAxOTQuMjE4IDEyMC4zMzZDMTkzLjg2NCAxMjAuMTkgMTkzLjQ4NSAxMjAuMTE1IDE5My4xMDIgMTIwLjExNUMxOTIuNzE4IDEyMC4xMTUgMTkyLjMzOSAxMjAuMTkgMTkxLjk4NSAxMjAuMzM2QzE5MS42MzEgMTIwLjQ4MiAxOTEuMzA5IDEyMC42OTYgMTkxLjAzOCAxMjAuOTY2TDE3Ny45MzUgMTM0LjAxMkMxNzcuNjYgMTM0LjI4MSAxNzcuNDQyIDEzNC42MDIgMTc3LjI5MiAxMzQuOTU1QzE3Ny4xNDMgMTM1LjMwOSAxNzcuMDY1IDEzNS42ODggMTc3LjA2MyAxMzYuMDcyQzE3Ny4wNjIgMTM2LjQ1NSAxNzcuMTM2IDEzNi44MzUgMTc3LjI4MyAxMzcuMTlDMTc3LjQzIDEzNy41NDQgMTc3LjY0NSAxMzcuODY3IDE3Ny45MTggMTM4LjEzOEMxNzguMTkgMTM4LjQwOSAxNzguNTE0IDEzOC42MjQgMTc4Ljg3IDEzOC43N0MxNzkuMjI2IDEzOC45MTYgMTc5LjYwOCAxMzguOTkgMTc5Ljk5MyAxMzguOTg5QzE4MC4zNzggMTM4Ljk4NyAxODAuNzU5IDEzOC45MSAxODEuMTE0IDEzOC43NjFDMTgxLjQ2OSAxMzguNjEyIDE4MS43OTEgMTM4LjM5NSAxODIuMDYxIDEzOC4xMjFMMTk1LjE2NSAxMjUuMDc0QzE5NS43MTIgMTI0LjUyOSAxOTYuMDE5IDEyMy43OSAxOTYuMDE5IDEyMy4wMkMxOTYuMDE5IDEyMi4yNSAxOTUuNzEyIDEyMS41MTEgMTk1LjE2NSAxMjAuOTY2WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTYyLjk5NyAxMTEuMDk1VjEyOS41NDNDMTYyLjk5NyAxMzAuMzE0IDE2My4zMDUgMTMxLjA1MyAxNjMuODUyIDEzMS41OTdDMTY0LjM5OSAxMzIuMTQyIDE2NS4xNDEgMTMyLjQ0OCAxNjUuOTE1IDEzMi40NDhDMTY2LjY4OSAxMzIuNDQ4IDE2Ny40MzEgMTMyLjE0MiAxNjcuOTc5IDEzMS41OTdDMTY4LjUyNiAxMzEuMDUzIDE2OC44MzMgMTMwLjMxNCAxNjguODMzIDEyOS41NDNWMTExLjA5NUMxNjguODMzIDExMC4zMjQgMTY4LjUyNiAxMDkuNTg1IDE2Ny45NzkgMTA5LjA0QzE2Ny40MzEgMTA4LjQ5NSAxNjYuNjg5IDEwOC4xODkgMTY1LjkxNSAxMDguMTg5QzE2NS4xNDEgMTA4LjE4OSAxNjQuMzk5IDEwOC40OTUgMTYzLjg1MiAxMDkuMDRDMTYzLjMwNSAxMDkuNTg1IDE2Mi45OTcgMTEwLjMyNCAxNjIuOTk3IDExMS4wOTVaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0xNTguOTc2IDE0NC40MjdIMTM1Ljk1QzEzNS41MjcgMTQ0LjQyNyAxMzQuNDQ2IDE0NC40MTUgMTMzLjU2OCAxNDQuNDA0QzEzMy45NzUgMTQzLjY0NSAxMzQuNDcyIDE0Mi43MTcgMTM0LjY3MSAxNDIuMzM0QzEzNy41NjQgMTM2Ljc2NiAxMzkuMzUxIDEzMi41MDkgMTM5Ljk4MSAxMjkuNjg1QzEzOS45OTUgMTI5LjYyNiAxNDAuMDA3IDEyOS41NjggMTQwLjAxNyAxMjkuNTEzQzE0MS4yMjcgMTIzLjI3NSAxNDAuNzUxIDExNi41MzYgMTM4LjYzOCAxMTAuMDEzQzEzNi41MjEgMTAzLjQ3OCAxMzIuOTcyIDk3LjgyNjIgMTI4LjM3NiA5My42Njk3QzEyNS40NCA5MS4wMTYyIDEyMi4yOCA4OS4xOTA4IDExOC45ODMgODguMjQ2NkMxMTcuMzIzIDg3Ljc2NDEgMTE1LjYwMyA4Ny41MTY0IDExMy44NzMgODcuNTEwNkMxMTIuMTc4IDg3LjUxMyAxMTAuNDkzIDg3Ljc1NzYgMTA4Ljg2OCA4OC4yMzY5QzEwMy40NDMgODkuODMwOSAxMDAuMjIzIDkyLjc1NDYgOTkuMDI3OSA5Ny4xNzU0Qzk4LjExNzUgMTAwLjU0NiA5OC43MzAzIDEwMy43NjEgOTkuMzc5IDEwNy4xNzFDOTkuODU5NSAxMDkuNjg4IDEwMC4zMTMgMTEyLjA3MiAxMDAuMTk4IDExNC41NTJDMTAwLjA2OSAxMTcuMzYgOTkuMTg5MyAxMTkuOTUzIDk3LjUwODYgMTIyLjQ5M0M5Ny40NjY4IDEyMi41NTcgOTcuNDI2OSAxMjIuNjIzIDk3LjM5IDEyMi42ODdDOTcuMzUzIDEyMi43NTEgOTMuMjg4NCAxMzAuMDU2IDg3LjczNDcgMTM3LjQyNUM4My4xNDM5IDE0My41MTQgNzUuODE4MSAxNTAuMjM0IDcxLjg4MDkgMTUyLjc1M1YxNTEuNTExQzcxLjg4MDkgMTUwLjc0IDcxLjU3MzUgMTUwLjAwMSA3MS4wMjYzIDE0OS40NTZDNzAuNDc5MSAxNDguOTEyIDY5LjczNjkgMTQ4LjYwNiA2OC45NjMxIDE0OC42MDZINDkuNTk1MlYxNDYuOTU5QzQ5LjU5NTIgMTQ2LjE4OSA0OS4yODc3IDE0NS40NSA0OC43NDA1IDE0NC45MDVDNDguMTkzMyAxNDQuMzYgNDcuNDUxMSAxNDQuMDU0IDQ2LjY3NzMgMTQ0LjA1NEgyLjkxNzg4QzIuMTQ0MDEgMTQ0LjA1NCAxLjQwMTgzIDE0NC4zNiAwLjg1NDYyMSAxNDQuOTA1QzAuMzA3NDEzIDE0NS40NSAwIDE0Ni4xODkgMCAxNDYuOTU5QzAgMTQ3LjczIDAuMzA3NDEzIDE0OC40NjkgMC44NTQ2MjEgMTQ5LjAxNEMxLjQwMTgzIDE0OS41NTggMi4xNDQwMSAxNDkuODY0IDIuOTE3ODggMTQ5Ljg2NEg0My43NTk0VjIzNC4yMzNIMi45MTc4OEMyLjE0NDAxIDIzNC4yMzMgMS40MDE4MyAyMzQuNTM5IDAuODU0NjIxIDIzNS4wODNDMC4zMDc0MTMgMjM1LjYyOCAwIDIzNi4zNjcgMCAyMzcuMTM4QzAgMjM3LjkwOCAwLjMwNzQxMyAyMzguNjQ3IDAuODU0NjIxIDIzOS4xOTJDMS40MDE4MyAyMzkuNzM3IDIuMTQ0MDEgMjQwLjA0MyAyLjkxNzg4IDI0MC4wNDNINDYuNjc3M0M0Ny40NTExIDI0MC4wNDMgNDguMTkzMyAyMzkuNzM3IDQ4Ljc0MDUgMjM5LjE5MkM0OS4yODc3IDIzOC42NDcgNDkuNTk1MiAyMzcuOTA4IDQ5LjU5NTIgMjM3LjEzOFYyMzYuMDIxSDY4Ljk2NjlDNjkuNjY5NyAyMzYuMDIxIDcwLjM0ODggMjM1Ljc2OSA3MC44Nzk1IDIzNS4zMUM3MS40MTAyIDIzNC44NTEgNzEuNzU2OCAyMzQuMjE3IDcxLjg1NTYgMjMzLjUyNUM3Ni44NzczIDIzNi43MDggODYuNTQyMyAyNDAuOTYyIDk0Ljg3NzcgMjQwLjk2MkM5NS43Njc2IDI0MC45NjIgOTYuNjg4NyAyNDAuOTQ1IDk3LjYxNTYgMjQwLjkxMUgxMzMuNzczQzEzOC4wMzQgMjQwLjkxMSAxNDMuNTUgMjQwLjY2IDE0OC40MTQgMjM4LjcwNEMxNTMuNzY4IDIzNi41NTEgMTU3LjQyOCAyMzIuNjc4IDE1OS4yOTMgMjI3LjE5M0MxNjAuNTIyIDIyMy41OCAxNjAuNTggMjE5Ljc3NSAxNTkuNDU3IDIxNi40OEMxNTkuMzY4IDIxNi4yMTggMTU5LjM1NyAyMTUuOTM1IDE1OS40MjYgMjE1LjY2NkMxNTkuNDk2IDIxNS4zOTggMTU5LjY0MSAyMTUuMTU1IDE1OS44NDYgMjE0Ljk2N0MxNjIuMTU2IDIxMi44NDEgMTYzLjg1IDIxMC4xMjUgMTY0Ljg4MyAyMDYuOTAxQzE2Ni4yNDUgMjAyLjYyOSAxNjYuMTQ4IDE5OC4yNCAxNjQuNjAyIDE5NC41NDFDMTY0LjQ5NyAxOTQuMjg3IDE2NC40NjYgMTk0LjAwOCAxNjQuNTE1IDE5My43MzhDMTY0LjU2MyAxOTMuNDY3IDE2NC42ODggMTkzLjIxNiAxNjQuODc2IDE5My4wMTRDMTY2Ljg1MyAxOTAuODkyIDE2OC4yMTkgMTg4LjI2OSAxNjguOTM4IDE4NS4yMzFDMTY5LjQ4OCAxODIuOTA3IDE3MC4xNDQgMTc4LjMzOSAxNjguMzY0IDE3My45MjFDMTY4LjI2MSAxNzMuNjY2IDE2OC4yMzQgMTczLjM4NyAxNjguMjg2IDE3My4xMTZDMTY4LjMzNyAxNzIuODQ2IDE2OC40NjYgMTcyLjU5NiAxNjguNjU2IDE3Mi4zOTdDMTcwLjcwNiAxNzAuMjU4IDE3Mi4xMTggMTY3LjYyNCAxNzIuODUyIDE2NC41NjlDMTc0LjE2MiAxNTkuMTIxIDE3My4wOTYgMTUzLjUyOSAxNjkuOTk4IDE0OS42MjJDMTY3LjM0MyAxNDYuMjczIDE2My40MjggMTQ0LjQyNyAxNTguOTc2IDE0NC40MjdaTTY2LjA0OTEgMjMwLjIxMUg0OS41OTUyVjE1NC40MTVINjYuMDQ5MVYyMzAuMjExWk0xNjcuMjY2IDE2My4yMzVDMTY2Ljg3NCAxNjQuOTM1IDE2Ni4wOTcgMTY2LjUyMiAxNjQuOTk1IDE2Ny44NzdDMTY0Ljg2IDE2OC4wNDEgMTY0LjY5IDE2OC4xNzMgMTY0LjQ5OCAxNjguMjY0QzE2NC4zMDUgMTY4LjM1NSAxNjQuMDk1IDE2OC40MDEgMTYzLjg4MiAxNjguNDAxSDE1My43NEMxNTIuOTc4IDE2OC40MDEgMTUyLjI0OCAxNjguNzAyIDE1MS43MDkgMTY5LjIzOUMxNTEuMTcgMTY5Ljc3NSAxNTAuODY4IDE3MC41MDIgMTUwLjg2OCAxNzEuMjYxQzE1MC44NjggMTcyLjAxOSAxNTEuMTcgMTcyLjc0NyAxNTEuNzA5IDE3My4yODNDMTUyLjI0OCAxNzMuODE5IDE1Mi45NzggMTc0LjEyMSAxNTMuNzQgMTc0LjEyMUgxNjEuMThDMTYxLjQyNyAxNzQuMTIxIDE2MS42NjkgMTc0LjE4NSAxNjEuODg1IDE3NC4zMDVDMTYyLjEgMTc0LjQyNiAxNjIuMjgxIDE3NC41OTkgMTYyLjQxIDE3NC44MDlDMTY0LjQyIDE3OC4xMDIgMTYzLjczNSAxODIuMjc4IDE2My4zNDYgMTgzLjkyMUMxNjIuODIxIDE4Ni4xNDQgMTYxLjgxOSAxODcuOTk4IDE2MC4zNjYgMTg5LjQzM0MxNjAuMjMyIDE4OS41NjUgMTYwLjA3NCAxODkuNjcgMTU5LjkgMTg5Ljc0MUMxNTkuNzI2IDE4OS44MTMgMTU5LjUzOSAxODkuODQ5IDE1OS4zNTEgMTg5Ljg0OUgxNDguOTI1QzE0OC4xNjMgMTg5Ljg0OSAxNDcuNDMyIDE5MC4xNSAxNDYuODk0IDE5MC42ODZDMTQ2LjM1NSAxOTEuMjIzIDE0Ni4wNTIgMTkxLjk1IDE0Ni4wNTIgMTkyLjcwOEMxNDYuMDUyIDE5My40NjcgMTQ2LjM1NSAxOTQuMTk0IDE0Ni44OTQgMTk0LjczMUMxNDcuNDMyIDE5NS4yNjcgMTQ4LjE2MyAxOTUuNTY4IDE0OC45MjUgMTk1LjU2OEgxNTcuODM5QzE1OC4xMTIgMTk1LjU2OSAxNTguMzggMTk1LjY0NyAxNTguNjExIDE5NS43OTNDMTU4Ljg0MiAxOTUuOTM5IDE1OS4wMjYgMTk2LjE0NyAxNTkuMTQzIDE5Ni4zOTNDMTYwLjMyMSAxOTguODkyIDE2MC40MTMgMjAyLjAxIDE1OS40MDQgMjA1LjE2NEMxNTguNTM3IDIwNy44NzYgMTU2Ljk3MiAyMTAuMTAzIDE1NC44NzggMjExLjYyOEMxNTQuNjMyIDIxMS44MDcgMTU0LjMzNSAyMTEuOTAzIDE1NC4wMyAyMTEuOTAzSDE0NC4xMDlDMTQzLjM0NyAyMTEuOTAzIDE0Mi42MTcgMjEyLjIwNCAxNDIuMDc4IDIxMi43NEMxNDEuNTQgMjEzLjI3NyAxNDEuMjM3IDIxNC4wMDQgMTQxLjIzNyAyMTQuNzYyQzE0MS4yMzcgMjE1LjUyMSAxNDEuNTQgMjE2LjI0OCAxNDIuMDc4IDIxNi43ODVDMTQyLjYxNyAyMTcuMzIxIDE0My4zNDcgMjE3LjYyMiAxNDQuMTA5IDIxNy42MjJIMTUyLjczNkMxNTMuMDQ2IDIxNy42MjQgMTUzLjM0NyAyMTcuNzI0IDE1My41OTYgMjE3LjkwOEMxNTMuODQ0IDIxOC4wOTMgMTU0LjAyNyAyMTguMzUxIDE1NC4xMTYgMjE4LjY0N0MxNTQuNzMyIDIyMC43MDcgMTU0LjYzOCAyMjMuMDI3IDE1My44NDYgMjI1LjM1OEMxNTIuNjQ0IDIyOC44OTQgMTUwLjUwMSAyMzEuMzY3IDE0Ny4yOTQgMjMyLjkyQzE0NC4xNDIgMjM0LjQ0OCAxMzkuNzE3IDIzNS4xOSAxMzMuNzY2IDIzNS4xOUg5Ny41ODQ1SDk3LjQ4NzJIOTcuNDc4NUM5Ni42MTE5IDIzNS4yMjIgOTUuNzQ4MiAyMzUuMjQgOTQuOTEwOCAyMzUuMjRDOTAuNDk3IDIzNS4yNCA4Ni43ODM1IDIzNC4wMjMgODMuNTc1OCAyMzMuMTA5QzgwLjI1MTMgMjMyLjE2NyA3NC4xNTEgMjI4LjQ5MyA3Mi4zMjA2IDIyNi42MjhDNzIuMTY3NSAyMjYuNDcyIDcyLjAyMjMgMjI2LjMxNiA3MS44ODQ4IDIyNi4xNlYxNTkuMTg2Qzc0LjY1MTkgMTU3Ljg5OSA3OS45MTI5IDE1NC4wOSA4Mi41MTg1IDE1MS43OTlDODUuNTk0IDE0OS4wOTYgODguODk0MSAxNDUuNDE0IDkyLjMyODQgMTQwLjg1NkM5Ny44MDMzIDEzMy41OTMgMTAxLjg5MyAxMjYuMzg2IDEwMi4zNDEgMTI1LjU4OUMxMDIuMzU2IDEyNS41NjEgMTAyLjM3MyAxMjUuNTM0IDEwMi4zOTEgMTI1LjUwNkMxMDQuNTcxIDEyMi4xNzIgMTA1LjcyNSAxMTguNzE1IDEwNS45MiAxMTQuOTM2QzEwNi4wODggMTExLjY5NSAxMDUuNTIyIDEwOC43MjQgMTA1LjAyMyAxMDYuMTAyQzEwNC40NzcgMTAzLjIzOSAxMDQuMDA2IDEwMC43NjYgMTA0LjU3NSA5OC42NkMxMDUuMjM0IDk2LjIyMzUgMTA3LjAwNiA5NC43NDU3IDExMC40OTQgOTMuNzIxMUMxMTEuNTgyIDkzLjQwMDQgMTEyLjcxIDkzLjIzNzQgMTEzLjg0NCA5My4yMzY4QzExNy40NSA5My4yMzY4IDEyMS4xMzkgOTQuODQ5MyAxMjQuNTE0IDk3Ljg5OThDMTI2LjUzMyA5OS43NDU2IDEyOC4yODIgMTAxLjg2NSAxMjkuNzA5IDEwNC4xOTVDMTMxLjE4MSAxMDYuNTc3IDEzMi4zNTYgMTA5LjEyOSAxMzMuMjExIDExMS43OTRDMTM0LjA4IDExNC40NzkgMTM0LjYyNyAxMTcuMjU4IDEzNC44MzggMTIwLjA3MkMxMzUuMDU1IDEyMi44NjEgMTM0LjkwMiAxMjUuNjY3IDEzNC4zODIgMTI4LjQxN0MxMzQuMzgyIDEyOC40MyAxMzQuMzc2IDEyOC40NDQgMTM0LjM3MyAxMjguNDU5QzEzMy40NTMgMTMyLjU1NiAxMjkuNDI0IDE0MC4xOTUgMTI2LjIwMyAxNDUuODgyQzEyNS45NTcgMTQ2LjMxNyAxMjUuODMgMTQ2LjgwOSAxMjUuODM1IDE0Ny4zMDhDMTI1LjgzOSAxNDcuODA3IDEyNS45NzQgMTQ4LjI5NiAxMjYuMjI3IDE0OC43MjdDMTI2LjQ4IDE0OS4xNTggMTI2Ljg0MiAxNDkuNTE1IDEyNy4yNzcgMTQ5Ljc2NEMxMjcuNzEyIDE1MC4wMTIgMTI4LjIwNCAxNTAuMTQzIDEyOC43MDYgMTUwLjE0M0gxNTguOTc0QzE2MS42MyAxNTAuMTQzIDE2My45NDMgMTUxLjIxNSAxNjUuNDkgMTUzLjE2MkMxNjcuNTAyIDE1NS43MTMgMTY4LjE3MSAxNTkuNDc4IDE2Ny4yNjYgMTYzLjIzN1YxNjMuMjM1WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMjEuMjQ2OSAyMjkuMDI0QzE5LjU1MSAyMjkuMDI0IDE3Ljg5MzIgMjI4LjUyNCAxNi40ODMxIDIyNy41ODZDMTUuMDczIDIyNi42NDcgMTMuOTc0IDIyNS4zMTQgMTMuMzI1IDIyMy43NTRDMTIuNjc2IDIyMi4xOTQgMTIuNTA2MSAyMjAuNDc3IDEyLjgzNyAyMTguODIxQzEzLjE2NzkgMjE3LjE2NSAxMy45ODQ1IDIxNS42NDQgMTUuMTgzNyAyMTQuNDVDMTYuMzgyOSAyMTMuMjU2IDE3LjkxMDggMjEyLjQ0MyAxOS41NzQxIDIxMi4xMTNDMjEuMjM3NCAyMTEuNzg0IDIyLjk2MTUgMjExLjk1MyAyNC41MjgzIDIxMi41OTlDMjYuMDk1MSAyMTMuMjQ1IDI3LjQzNDMgMjE0LjM0IDI4LjM3NjUgMjE1Ljc0NEMyOS4zMTg3IDIxNy4xNDggMjkuODIxNiAyMTguNzk4IDI5LjgyMTYgMjIwLjQ4N0MyOS44MTkgMjIyLjc1IDI4LjkxNDggMjI0LjkyIDI3LjMwNzMgMjI2LjUyMUMyNS42OTk4IDIyOC4xMjIgMjMuNTIwMyAyMjkuMDIyIDIxLjI0NjkgMjI5LjAyNFpNMjEuMjQ2OSAyMTYuMzA3QzIwLjQxNjcgMjE2LjMwNyAxOS42MDUxIDIxNi41NTIgMTguOTE0NyAyMTcuMDEyQzE4LjIyNDQgMjE3LjQ3MSAxNy42ODYzIDIxOC4xMjQgMTcuMzY4NiAyMTguODg3QzE3LjA1MDkgMjE5LjY1MSAxNi45Njc4IDIyMC40OTEgMTcuMTI5NyAyMjEuMzAyQzE3LjI5MTcgMjIyLjExMyAxNy42OTE1IDIyMi44NTggMTguMjc4NiAyMjMuNDQyQzE4Ljg2NTcgMjI0LjAyNyAxOS42MTM2IDIyNC40MjUgMjAuNDI4IDIyNC41ODZDMjEuMjQyMyAyMjQuNzQ3IDIyLjA4NjMgMjI0LjY2NSAyMi44NTM0IDIyNC4zNDhDMjMuNjIwNCAyMjQuMDMyIDI0LjI3NiAyMjMuNDk2IDI0LjczNzMgMjIyLjgwOUMyNS4xOTg2IDIyMi4xMjIgMjUuNDQ0OCAyMjEuMzEzIDI1LjQ0NDggMjIwLjQ4N0MyNS40NDM1IDIxOS4zNzkgMjUuMDAwOCAyMTguMzE2IDI0LjIxMzggMjE3LjUzM0MyMy40MjY4IDIxNi43NDkgMjIuMzU5OSAyMTYuMzA4IDIxLjI0NjkgMjE2LjMwN1oiIGZpbGw9IndoaXRlIi8+PC9zdmc+) center center no-repeat;
  width: 208px;
  height: 241px;
  margin-bottom: 105px
}

@media only screen and (max-width: 1279px) {

  .resource-library__response-icon,
  .secondary-form__response-icon {
    margin-bottom: 115px
  }
}

@media only screen and (max-width: 979px) {

  .resource-library__response-icon,
  .secondary-form__response-icon {
    width: 101px;
    height: 117px;
    margin-bottom: 90px;
    background-size: 100% auto
  }
}

.resource-library__response-text {
  color: #fff;
  margin-top: 0;
  max-width: 696px
}

@media only screen and (max-width: 979px) {
  .resource-library__response-text {
    font-size: 16px;
    margin-bottom: 80px;
    max-width: 250px
  }
}

.resource-library__response-buttons {
  padding: 50px 0 25px;
  min-width: 570px
}

@media only screen and (max-width: 1279px) {
  .resource-library__response-buttons {
    padding: 40px 0 0
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__response-buttons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 10px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0
  }
}

.resource-library__response-button {
  color: #fff;
  font-size: 26px
}

@media only screen and (max-width: 979px) {
  .resource-library__response-button {
    margin-bottom: 80px
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__response-button:last-child {
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .resource-library__response-container {
    width: 100%
  }
}

.resource-library__cases-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 22px);
  margin: 0 -11px 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 979px) {
  .resource-library__cases-wrapper {
    margin: 0 0 60px;
    width: 100%
  }
}

.resource-library__cases-slider {
  width: 100%
}

@media only screen and (max-width: 979px) {
  .resource-library__cases-slider {
    padding: 0 5px
  }
}

.contact-form-resource {
  background: #582362;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  padding: 53px 67px 80px;
  position: relative;
  margin-bottom: 140px
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource {
    margin: 0 -55px 135px;
    width: calc(100% + 110px);
    padding-top: 40px;
    padding-bottom: 85px
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource {
    margin: 0 -35px 80px;
    width: calc(100% + 70px);
    padding: 60px 25px
  }
}

.contact-form-resource__title {
  font-weight: 300;
  font-size: 55px;
  line-height: 125%;
  text-align: center;
  margin-bottom: 20px;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource__title {
    font-size: 48px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource__title {
    font-size: 28px;
    margin-bottom: 15px;
    max-width: 320px
  }
}

.contact-form-resource__subtitle {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #fff;
  max-width: 790px;
  margin: 0 auto 45px
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource__subtitle {
    margin-bottom: 55px
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource__subtitle {
    font-size: 16px;
    margin-bottom: 30px;
    max-width: 300px
  }
}

.contact-form-resource__label {
  color: #fff;
  margin-bottom: 10px
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource__label {
    font-size: 16px;
    margin-bottom: 7px
  }
}

.contact-form-resource__row {
  margin-top: 20px;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource__row {
    margin-top: 15px
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource__row {
    margin-top: 20px
  }
}

.contact-form-resource__row_checkbox {
  max-width: 100%;
  padding: 10px 36px;
  text-align: left;
  font-weight: 700;
  font-size: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource__row_checkbox {
    margin-top: 65px
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource__row_checkbox {
    margin-top: 30px;
    font-size: 16px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 25px
  }
}

.contact-form-resource__row .mc4wp-checkbox {
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 7px;
  position: relative;
  max-width: 40%
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource__row .mc4wp-checkbox {
    margin-bottom: 25px
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource__row .mc4wp-checkbox {
    max-width: 585px;
    margin-bottom: 20px
  }
}

.contact-form-resource__row .mc4wp-checkbox label {
  padding-left: 65px
}

@media only screen and (max-width: 979px) {
  .contact-form-resource__row .mc4wp-checkbox label {
    padding-left: 40px
  }
}

.contact-form-resource__wrap {
  padding: 0 35px
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource__wrap {
    padding: 0
  }
}

.contact-form-resource .prodege-contact-form__button {
  font-size: 38px;
  line-height: 1.33
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource .prodege-contact-form__button {
    font-size: 22px;
    padding-left: 20px
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource .prodege-contact-form__button {
    font-size: 26px;
    padding-left: 25px
  }
}

.contact-form-resource .prodege-contact-form__button-box {
  height: 88px;
  border-radius: 0;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource .prodege-contact-form__button-box {
    height: 70px;
    width: 183px
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource .prodege-contact-form__button-box {
    height: 57px;
    width: 187px
  }
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource .prodege-contact-form__button-box:after {
    right: 20px;
    width: 44px;
    background-repeat: no-repeat;
    background-position: center center
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource .prodege-contact-form__button-box:after {
    right: 25px;
    width: 33px
  }
}

.contact-form-resource .mc4wp-checkbox input[type=checkbox] {
  background: #fff;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource .mc4wp-checkbox input[type=checkbox] {
    width: 44px;
    height: 44px
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource .mc4wp-checkbox input[type=checkbox] {
    width: 47px;
    height: 47px
  }
}

.contact-form-resource .mc4wp-checkbox input[type=checkbox]:checked:before {
  left: 5px;
  top: 5px;
  border-bottom: 5px solid #333;
  border-left: 5px solid #333;
  width: 37px;
  height: 23px
}

@media only screen and (max-width: 979px) {
  .contact-form-resource .mc4wp-checkbox input[type=checkbox] {
    margin-left: -25px
  }
}

.contact-form-resource .prodege-contact-form__form-input,
.contact-form-resource .surveydemo-select__select,
.contact-form-resource .events-select__select {
  background: #fff;
  border: 1px solid #4a4a4a;
  box-sizing: border-box;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, .25)
}

@media only screen and (max-width: 1279px) {

  .contact-form-resource .prodege-contact-form__form-input,
  .contact-form-resource .surveydemo-select__select,
  .contact-form-resource .events-select__select {
    min-height: 45px
  }
}

@media only screen and (max-width: 979px) {

  .contact-form-resource .prodege-contact-form__form-input,
  .contact-form-resource .surveydemo-select__select,
  .contact-form-resource .events-select__select {
    min-height: 58px
  }
}

.contact-form-resource .wpcf7-checkbox .wpcf7-list-item {
  margin-left: 0;
  position: relative
}

.contact-form-resource .wpcf7-checkbox input[type=checkbox] {
  position: absolute;
  left: -65px;
  width: 50px;
  height: 50px;
  border: 1px solid #979797;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .5);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  top: 3px;
  background: #fff;
  margin-right: 8px
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource .wpcf7-checkbox input[type=checkbox] {
    width: 44px;
    height: 44px
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource .wpcf7-checkbox input[type=checkbox] {
    width: 47px;
    height: 47px
  }
}

.contact-form-resource .wpcf7-checkbox input[type=checkbox]:checked:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  border-bottom: 5px solid #333;
  border-left: 5px solid #333;
  width: 37px;
  height: 23px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.contact-form-resource .wpcf7-checkbox input[type=checkbox]:after {
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #979797;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .5);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  top: 3px;
  background: #fff;
  margin-right: 8px
}

.contact-form-resource .hbspt-form {
  background: transparent;
  padding: 0;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 979px) {
  .contact-form-resource .hbspt-form {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.contact-form-resource .hbspt-form .inputs-list {
  margin: 0
}

@media only screen and (max-width: 979px) {
  .contact-form-resource .hbspt-form .inputs-list {
    padding-left: 0
  }
}

.contact-form-resource .hbspt-form .hs_would_you_like_to_learn_more_about_launching_your_own_tracker_ .inputs-list {
  padding-left: 0
}

.contact-form-resource .hbspt-form .hs-form-field {
  margin-top: 20px
}

.contact-form-resource .hbspt-form .hs-form-field label {
  color: #fff;
  margin-bottom: 10px
}

.contact-form-resource .hbspt-form .hs-fieldtype-booleancheckbox {
  max-width: 50%;
  float: left;
  margin-top: 35px
}

@media only screen and (max-width: 979px) {
  .contact-form-resource .hbspt-form .hs-fieldtype-booleancheckbox {
    float: none;
    max-width: 100%
  }
}

.contact-form-resource .hbspt-form li.hs-form-booleancheckbox {
  list-style: none
}

.contact-form-resource .hbspt-form label.hs-form-booleancheckbox-display {
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 7px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding-left: 65px;
  max-width: 81%
}

@media only screen and (max-width: 979px) {
  .contact-form-resource .hbspt-form label.hs-form-booleancheckbox-display {
    padding-left: 70px;
    max-width: 100%
  }
}

.contact-form-resource .hbspt-form label.hs-form-booleancheckbox-display input[type=checkbox] {
  background: #fff;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  max-width: 50px;
  min-height: 50px;
  padding: 0;
  cursor: pointer
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource .hbspt-form label.hs-form-booleancheckbox-display input[type=checkbox] {
    width: 44px;
    height: 44px
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource .hbspt-form label.hs-form-booleancheckbox-display input[type=checkbox] {
    width: 47px;
    height: 47px
  }
}

.contact-form-resource .hbspt-form label.hs-form-booleancheckbox-display input[type=checkbox]:checked:before {
  left: 5px;
  top: 5px;
  border-bottom: 5px solid #333;
  border-left: 5px solid #333;
  width: 37px;
  height: 23px;
  content: "";
  position: absolute;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

@media only screen and (max-width: 979px) {
  .contact-form-resource .hbspt-form label.hs-form-booleancheckbox-display input[type=checkbox] {
    margin-left: 0px
  }
}

.contact-form-resource .hbspt-form .hs_would_you_like_to_learn_more_about_launching_your_own_tracker_ {
  padding-left: 0
}

.contact-form-resource.form-submited {
  background: #fff;
  padding: 0
}

.contact-form-resource.form-submited .hbspt-form {
  -ms-flex-pack: center;
  justify-content: center
}

.contact-form-resource.form-submited .contact-form-resource__title-wrapper {
  background: #582362;
  padding: 43px 64px
}

@media only screen and (max-width: 979px) {
  .contact-form-resource.form-submited .contact-form-resource__title-wrapper {
    width: 100%;
    max-width: 100%;
    padding: 43px 29px
  }
}

.contact-form-resource.form-submited .contact-form-resource__title {
  color: #fff;
  font-size: 35px;
  max-width: 675px;
  margin-bottom: 0;
  font-weight: 300;
  margin: 0 auto
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource.form-submited .contact-form-resource__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource.form-submited .contact-form-resource__title {
    font-size: 28px
  }
}

@media only screen and (max-width: 767px) {
  .contact-form-resource.form-submited .contact-form-resource__title {
    max-width: 500px
  }
}

@media only screen and (max-width: 480px) {
  .contact-form-resource.form-submited .contact-form-resource__title {
    max-width: 324px
  }
}

.contact-form-resource.form-submited .contact-form-resource__subtitle {
  display: none
}

.contact-form-resource.form-submited .contact-form-resource__wrap {
  text-align: center;
  padding: 95px 20px;
  font-weight: 300;
  font-size: 30px;
  line-height: 125%;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #4a4a4a;
  margin: 0 auto
}

@media only screen and (max-width: 1279px) {
  .contact-form-resource.form-submited .contact-form-resource__wrap {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .contact-form-resource.form-submited .contact-form-resource__wrap {
    font-size: 18px;
    padding: 50px 20px
  }
}

.contact-form-resource.form-submited .contact-form-resource__wrap p {
  margin-bottom: 0
}

.cases-item {
  width: calc(33.33% - 22px);
  margin: 0 11px 25px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  position: relative;
  height: auto;
  max-width: 229px;
  min-height: 305px
}

@media only screen and (max-width: 1279px) {
  .cases-item {
    max-width: none
  }
}

@media only screen and (max-width: 979px) {
  .cases-item {
    width: 173px;
    min-height: 253px;
    margin: 0 0 20px
  }
}

.cases-item__link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.cases-item__image-wrap {
  height: 130px;
  width: 100%;
  position: relative;
  margin-bottom: 0
}

.cases-item__image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.cases-item__arrow-box {
  position: absolute;
  right: 18px;
  bottom: -15px;
  width: 30px;
  height: 30px;
  background-color: #2c99a4
}

.cases-item__arrow-box:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background-image: url(/wp-content/themes/prodege_theme/img/arrow-white.svg)
}

.cases-item__title {
  font-weight: bold;
  font-size: 15px;
  line-height: 1.33;
  color: #582362;
  margin-bottom: 10px
}

@media only screen and (max-width: 979px) {
  .cases-item__title {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.25
  }
}

.cases-item__title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .cases-item__title br {
    display: block
  }
}

.cases-item__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #4a4a4a;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .cases-item__text {
    display: none
  }
}

.cases-item__text span {
  color: #582362
}

.cases-item__content {
  padding: 20px 20px 20px 22px
}

@media only screen and (max-width: 979px) {
  .cases-item__content {
    padding: 20px 11px 20px 11px
  }
}

.resource-library__season {
  margin-bottom: 56px
}

.resource-library__season-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #4a4a4a;
  margin-bottom: 30px
}

.resource-library__season-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -13px
}

@media only screen and (max-width: 979px) {
  .resource-library__season-container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }
}

.season-card {
  width: calc(50% - 26px);
  max-width: 351px;
  margin: 12px 13px;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  text-decoration: none
}

.season-card:hover {
  text-decoration: none
}

.season-card:hover .season-card__link {
  background-color: #292c49
}

@media only screen and (max-width: 979px) {
  .season-card {
    width: calc(100% - 26px)
  }
}

.season-card__figure {
  width: 50%;
  margin: 0
}

.season-card__figure picture {
  width: 100%;
  height: 100%;
  display: block
}

.season-card__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.season-card__content {
  width: 50%;
  position: relative;
  padding: 20px 14px
}

.season-card__caption {
  font-weight: bold;
  font-size: 15px;
  line-height: 133%;
  color: #582362
}

.season-card__link {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  -webkit-transform: none;
  transform: none
}

.season-card__link:after {
  width: 20px;
  height: 21px;
  background-size: 100% auto
}

label.contact-form-resource__checkbox {
  max-width: 40%
}

@media only screen and (max-width: 979px) {
  label.contact-form-resource__checkbox {
    max-width: 585px
  }
}

label.contact-form-resource__checkbox span {
  display: block
}

label.contact-form-resource__checkbox span.wpcf7-form-control-wrap.checkbox-field-resource-lib {
  padding-left: 65px
}

@media only screen and (max-width: 979px) {
  label.contact-form-resource__checkbox span.wpcf7-form-control-wrap.checkbox-field-resource-lib {
    padding-left: 40px
  }
}

.resource-library-form-responce__title-wrapper {
  padding: 48px 10px 41px;
  background: #582362
}

.resource-library-form-responce__title {
  max-width: 760px;
  font-weight: 300;
  font-size: 35px;
  line-height: 125%;
  text-align: center;
  color: #fff;
  margin: 0 auto
}

@media only screen and (max-width: 1279px) {
  .resource-library-form-responce__title {
    font-size: 36px;
    line-height: 133%
  }
}

@media only screen and (max-width: 979px) {
  .resource-library-form-responce__title {
    font-size: 28px;
    line-height: 121.4%
  }
}

.resource-library-form-responce__wrapper {
  text-align: center;
  padding: 95px 20px
}

@media only screen and (max-width: 1279px) {
  .resource-library-form-responce__wrapper {
    padding: 50px 20px
  }
}

.resource-library-form-responce__submitted-message {
  font-weight: 300;
  font-size: 30px;
  line-height: 125%;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .resource-library-form-responce__submitted-message {
    font-size: 22px;
    line-height: 143.1%
  }
}

@media only screen and (max-width: 979px) {
  .resource-library-form-responce__submitted-message {
    font-size: 18px
  }
}

.purple-bar-top {
  width: 100%;
  background: #582362;
  padding: 125px 0
}

@media only screen and (max-width: 1279px) {
  .purple-bar-top {
    padding: 110px 0 70px
  }
}

@media only screen and (max-width: 979px) {
  .purple-bar-top {
    padding: 120px 0 40px
  }
}

.purple-bar-top__img-wrap {
  max-width: 420px;
  margin: 0 auto 30px
}

@media only screen and (max-width: 1279px) {
  .purple-bar-top__img-wrap {
    max-width: 300px;
    margin-bottom: 45px
  }
}

@media only screen and (max-width: 979px) {
  .purple-bar-top__img-wrap {
    max-width: 205px;
    margin-bottom: 40px
  }
}

.purple-bar-top__content {
  text-align: center
}

.purple-bar-top__title {
  font-weight: 300;
  font-size: 49px;
  line-height: 1.22;
  text-align: center;
  color: #fff;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .purple-bar-top__title {
    font-size: 48px
  }
}

@media only screen and (max-width: 979px) {
  .purple-bar-top__title {
    max-width: 200px;
    font-size: 28px;
    line-height: 1.21;
    margin: 0 auto 40px
  }
}

.purple-bar-top__description {
  font-weight: 600;
  font-size: 23px;
  line-height: 1.21;
  text-align: center;
  color: #fff;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .purple-bar-top__description {
    font-size: 16px;
    line-height: 1.4
  }
}

@media only screen and (max-width: 979px) {
  .purple-bar-top__description {
    max-width: 220px;
    font-size: 16px;
    line-height: 1.4;
    margin: 0 auto
  }
}

.purple-bar-top__description p:last-child {
  margin-bottom: 0
}

.events-header {
  position: relative;
  width: 100%;
  padding-top: 64px;
  color: #fff
}

@media only screen and (max-width: 979px) {
  .events-header {
    height: auto;
    overflow: hidden
  }
}

@media only screen and (max-width: 979px) {
  .events-page .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-purple.svg)
  }
}

@media only screen and (max-width: 979px) {
  .events-page .logo__image {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .events-page .logo__image--dark {
    display: block
  }
}

.events-header__purple-bar-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 530px;
  background: #572760;
  background: linear-gradient(91.44deg, #582362 0%, #2C99A4 100%);
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .events-header__purple-bar-top {
    height: 403px
  }
}

@media only screen and (max-width: 979px) {
  .events-header__purple-bar-top {
    height: 100%;
    left: 0;
    top: 30%
  }
}

.events-header__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  height: 100%;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .events-header__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0 64px;
    width: 100%
  }
}

.events-header__img-wrap {
  width: 50%;
  padding: 30px 0 0 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media only screen and (max-width: 979px) {
  .events-header__img-wrap {
    width: 100%;
    padding: 0 0 0 10%
  }
}

@media only screen and (max-width: 979px) {
  .events-header__img-wrap picture {
    width: 100%
  }
}

.events-header__img {
  width: 100%;
  max-width: 472px;
  box-shadow: 2px 2px 11px rgba(0, 0, 0, .13)
}

@media only screen and (max-width: 1279px) {
  .events-header__img {
    max-width: 332px
  }
}

@media only screen and (max-width: 979px) {
  .events-header__img {
    max-width: none
  }
}

.events-header__content {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-right: 4.5%;
  font-weight: 300;
  margin-top: -30px
}

@media only screen and (max-width: 1279px) {
  .events-header__content {
    margin-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .events-header__content {
    width: auto;
    max-height: none;
    margin: 0 auto;
    padding: 55px 30px 0;
    text-align: center;
    max-width: 356px;
    -ms-flex-align: center;
    align-items: center
  }
}

.events-header__title {
  font-size: 38px;
  line-height: 1.33;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .events-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .events-header__title {
    font-weight: bold;
    font-size: 16px;
    line-height: 133%
  }
}

.events-header__description {
  font-size: 18px;
  line-height: 140%
}

@media only screen and (max-width: 1279px) {
  .events-header__description {
    margin-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .events-header__description {
    margin-top: 0;
    margin-left: 0;
    font-weight: 300;
    font-size: 28px;
    line-height: 121.4%
  }
}

.events-header__description p:last-child {
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .events-header__description br {
    display: none
  }
}

.events-header__button {
  font-size: 25px;
  margin-top: 10px
}

@media only screen and (max-width: 1279px) {
  .events-header__button {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .events-header__button {
    font-size: 16px;
    margin-top: 67px
  }
}

.events-content {
  position: relative;
  width: 100%;
  padding-top: 132px
}

@media only screen and (max-width: 1279px) {
  .events-content {
    padding-top: 82px
  }
}

@media only screen and (max-width: 979px) {
  .events-content {
    padding-top: 120px;
    height: auto;
    overflow: hidden
  }
}

@media only screen and (max-width: 979px) {
  .events-content__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
  }
}

.events-content__title {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #2c99a4
}

@media only screen and (max-width: 979px) {
  .events-content__title {
    text-align: center
  }
}

.events-select {
  display: inline-block;
  margin-top: 26px
}

@media only screen and (max-width: 979px) {
  .events-select {
    margin-top: 24px
  }
}

.events-select:before {
  pointer-events: none
}

.events-select__select {
  width: 285px
}

.events-content__desktop-container {
  position: relative;
  left: -9px;
  width: calc(100% + 18px)
}

.events-content__desktop-container .swiper-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 36px
}

@media only screen and (max-width: 979px) {
  .events-content__desktop-container .swiper-wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 19px
  }
}

.event-card {
  height: auto;
  width: calc(20% - 18px);
  margin: 0 0 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0 16px;
  min-height: 1px;
  position: relative;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, .27);
  margin: 9px
}

@media only screen and (max-width: 1279px) {
  .event-card {
    width: calc(33.33% - 18px)
  }
}

@media only screen and (max-width: 979px) {
  .event-card {
    margin: 0 12px 50px;
    width: 173px;
    padding: 0;
    box-shadow: 0px 10px 30px rgba(209, 213, 223, .5);
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}

.event-card:hover {
  text-decoration: none
}

@media only screen and (max-width: 979px) {
  .event-content__related-events_mobile .event-card {
    margin: 0 9px 25px;
    width: 216px
  }

  .event-content__related-events_mobile .event-card__figure {
    height: 118px
  }

  .event-content__related-events_mobile .event-card__figure-arrow {
    right: 12px;
    width: 34px;
    height: 34px
  }

  .event-content__related-events_mobile .event-card__date {
    padding: 0px 2px 4px;
    margin-top: -43px;
    width: 85px;
    height: 85px
  }

  .event-content__related-events_mobile .event-card__date-part {
    font-size: 14px;
    line-height: 17px;
    padding-top: 3px
  }

  .event-content__related-events_mobile .event-card__body {
    padding: 9px 22px
  }

  .event-content__related-events_mobile .event-card__footer {
    margin-left: 0px;
    padding-bottom: 16px;
    margin-top: auto;
    padding-top: 9px;
    padding-left: 4px
  }
}

.event-card__figure {
  margin-bottom: 0;
  height: 127px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .event-card__figure {
    height: 104px
  }
}

@media only screen and (max-width: 979px) {
  .event-card__figure {
    height: 130px
  }
}

.event-card__figure-image {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%
}

.event-card__figure-arrow {
  height: 42px;
  position: absolute;
  top: 99%;
  right: 14px;
  width: 42px;
  background: #2c99a4 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQuODIxMyA4LjAyNzIzTDE2Ljk0MDIgMS4xNjA5QzE2LjgxMiAxLjAxOTYyIDE2LjY1NjcgMC45MDg3NjYgMTYuNDg0OCAwLjgzNTY3NEMxNi4zMTI5IDAuNzYyNTgxIDE2LjEyODMgMC43Mjg5MjUgMTUuOTQzMSAwLjczNjkzNkMxNS43NTggMC43NDQ5NDcgMTUuNTc2NSAwLjc5NDQ0MyAxNS40MTA5IDAuODgyMTQxQzE1LjI0NTIgMC45Njk4MzkgMTUuMDk5MSAxLjA5Mzc0IDE0Ljk4MjIgMS4yNDU2MkMxNC44NjUzIDEuMzk3NSAxNC43ODAzIDEuNTczODkgMTQuNzMyOCAxLjc2MzExQzE0LjY4NTQgMS45NTIzMiAxNC42NzY1IDIuMTUwMDMgMTQuNzA2OSAyLjM0MzEyQzE0LjczNzMgMi41MzYyMSAxNC44MDYxIDIuNzIwMjggMTQuOTA5IDIuODgzMTJDMTUuMDExOCAzLjA0NTk2IDE1LjE0NjIgMy4xODM4NSAxNS4zMDM0IDMuMjg3NjRMMjAuMzc2MSA3LjcwNjg0SDEuMzg3M0MxLjA0MDU2IDcuNzA2ODQgMC43MDgwMTIgNy44NTIzNCAwLjQ2MjgyNiA4LjExMTMzQzAuMjE3NjM5IDguMzcwMzEgMC4wNzk4OTUgOC43MjE1OCAwLjA3OTg5NSA5LjA4Nzg0QzAuMDc5ODk1IDkuNDU0MTEgMC4yMTc2MzkgOS44MDUzNyAwLjQ2MjgyNiAxMC4wNjQ0QzAuNzA4MDEyIDEwLjMyMzMgMS4wNDA1NiAxMC40Njg4IDEuMzg3MyAxMC40Njg4SDIwLjM0OTlMMTUuMjc3MiAxNC44ODhDMTUuMTM0OSAxNC45OTk4IDE1LjAxNTYgMTUuMTQwOSAxNC45MjY2IDE1LjMwMjlDMTQuODM3NiAxNS40NjQ5IDE0Ljc4MDcgMTUuNjQ0MyAxNC43NTk0IDE1LjgzMDJDMTQuNzM4IDE2LjAxNjIgMTQuNzUyNyAxNi4yMDQ3IDE0LjgwMjYgMTYuMzg0NUMxNC44NTI0IDE2LjU2NDIgMTQuOTM2MyAxNi43MzE0IDE1LjA0OTMgMTYuODc1OEMxNS4xNjIyIDE3LjAyMDIgMTUuMzAxNyAxNy4xMzg4IDE1LjQ1OTQgMTcuMjI0NEMxNS42MTcxIDE3LjMxMDEgMTUuNzg5NiAxNy4zNjEgMTUuOTY2NSAxNy4zNzRDMTYuMTQzNCAxNy4zODcgMTYuMzIwOSAxNy4zNjE4IDE2LjQ4ODMgMTcuMzAwMUMxNi42NTU3IDE3LjIzODMgMTYuODA5NSAxNy4xNDEzIDE2Ljk0MDIgMTcuMDE0OEwyNC44MjEzIDEwLjE1OTVDMjQuOTcwMyAxMC4wMjk5IDI1LjA5MDIgOS44NjcxNSAyNS4xNzI2IDkuNjgyODNDMjUuMjU1IDkuNDk4NSAyNS4yOTc3IDkuMjk3MTkgMjUuMjk3NyA5LjA5MzM3QzI1LjI5NzcgOC44ODk1NCAyNS4yNTUgOC42ODgyMyAyNS4xNzI2IDguNTAzOUMyNS4wOTAyIDguMzE5NTggMjQuOTcwMyA4LjE1Njc5IDI0LjgyMTMgOC4wMjcyM1oiIGZpbGw9IndoaXRlIi8+PC9zdmc+) center center no-repeat;
  transition: background .3s;
  -webkit-transform: translate3d(0, -50%, 0) scale(0.714);
  transform: translate3d(0, -50%, 0) scale(0.714)
}

@media only screen and (max-width: 1279px) {
  .event-card__figure-arrow {
    right: 6px;
    width: 34px;
    height: 34px
  }
}

.event-card__date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  width: 85px;
  height: 89px;
  margin-left: auto;
  margin-right: auto;
  background-color: #582362;
  padding-bottom: 5px;
  margin-top: -47px;
  position: relative;
  z-index: 1
}

@media only screen and (max-width: 1279px) {
  .event-card__date {
    width: 73px;
    height: 73px;
    margin-top: -36px;
    background-size: 30px auto;
    padding: 0
  }
}

@media only screen and (max-width: 979px) {
  .event-card__date {
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 18px 2px 4px;
    margin-top: -56px;
    width: 70px;
    height: 70px;
    background-position: center 12px;
    background-size: 34px auto
  }
}

.event-card__date-part {
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 29px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .event-card__date-part {
    padding-top: 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%
  }
}

.event-card__body {
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
  padding: 10px 22px
}

@media only screen and (max-width: 1279px) {
  .event-card__body {
    padding: 8px 8px;
    padding-left: 20px;
    padding-bottom: 6px
  }
}

@media only screen and (max-width: 979px) {
  .event-card__body {
    padding: 9px 10px
  }
}

.event-card__category {
  font-size: 18px;
  font-weight: 300
}

.event-card__title {
  font-weight: bold;
  color: #582362;
  font-size: 15px;
  line-height: 133%;
  margin-bottom: 5px;
  text-align: left
}

@media only screen and (max-width: 1279px) {
  .event-card__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 0
  }
}

.event-card__teaser {
  font-weight: 300;
  font-size: 15px;
  line-height: 123.1%;
  text-align: left;
  color: #4a4a4a;
  margin-top: 8px
}

@media only screen and (max-width: 979px) {
  .event-card__teaser {
    margin-top: 4px;
    line-height: 143.1%
  }
}

.event-card__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-top: auto;
  height: 20px;
  padding-left: 13px;
  width: 100%;
  top: auto
}

@media only screen and (max-width: 1279px) {
  .event-card__footer {
    height: auto;
    padding-left: 10px
  }
}

@media only screen and (max-width: 979px) {
  .event-card__footer {
    margin-left: 0px;
    padding-bottom: 16px;
    margin-top: auto;
    padding-top: 16px;
    padding-left: 4px
  }
}

.event-card__location {
  position: relative;
  padding-left: 20px;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.25;
  color: #000;
  margin-left: 10px
}

@media only screen and (max-width: 979px) {
  .event-card__location {
    padding-left: 30px
  }
}

.event-card__marker {
  position: absolute;
  top: 50%;
  left: -8px;
  font-size: 20px;
  color: #9dc92e;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width: 979px) {
  .event-card__marker {
    left: 2px
  }
}

.events-content__view-more {
  margin: 45px auto 0
}

.events-content__view-more:after {
  border-color: #2c99a4
}

@media only screen and (max-width: 979px) {
  .events-content__view-more {
    display: none
  }
}

.events-content__view-more--hidden {
  display: none
}

.section-no_events {
  text-align: center;
  width: 100%;
  margin-top: 129px
}

.section-no_events .h2 {
  color: #582362;
  text-align: center;
  -webkit-font-feature-settings: "clig" off, "liga" off;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Montserrat;
  font-size: 55px;
  font-style: normal;
  font-weight: 300;
  line-height: 125%
}

@media only screen and (max-width: 1279px) {
  .section-no_events .h2 {
    font-size: 48px
  }
}

@media only screen and (max-width: 979px) {
  .section-no_events .h2 {
    font-size: 28px;
    line-height: 121.4%
  }
}

.engagements {
  position: relative;
  width: 100%;
  padding-top: 132px
}

@media only screen and (max-width: 1279px) {
  .engagements {
    padding-top: 82px
  }
}

.engagements.engagements-after-form {
  padding-top: 0;
  padding-bottom: 132px
}

@media only screen and (max-width: 1279px) {
  .engagements.engagements-after-form {
    padding-top: 0;
    padding-bottom: 82px
  }
}

.engagements__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center
}

.engagements__title {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #2c99a4;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .engagements__title {
    text-align: center
  }
}

.engagements__desktop-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.engagement-card {
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  padding: 18px 138px 18px 40px;
  margin-top: 26px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .engagement-card {
    padding-right: 104px
  }
}

@media only screen and (max-width: 979px) {
  .engagement-card {
    padding: 16px 20px 66px
  }
}

.engagement-card:hover {
  text-decoration: none
}

.engagement-card:hover .engagement-card__arrow {
  background-color: #292c49
}

.engagement-card__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #582362
}

.engagement-card__description {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .engagement-card__description {
    display: none
  }
}

.engagement-card__arrow {
  position: absolute;
  display: block;
  top: 50%;
  right: 24px;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  transition: all .3s;
  background: #2c99a4 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyMiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjgxNzggMTEuMTc3OUwyLjg0MDQgMC4yNjQ4MjZMMi44Mzg2MyAwLjI2NjY4N0MyLjI1MzE0IC0wLjA4ODU4NDUgMS41MzI4NiAtMC4wODg1ODUgMC45NDczNzUgMC4yNjQ4MjZDMC4zNjE4OTEgMC42MjAwOTcgMC4wMDE3NzEzIDEuMjcyOTkgMCAxLjk4MTY4VjIzLjgwNzdDMC4wMDE3NzQ0OCAyNC41MTY0IDAuMzYxOTI4IDI1LjE2OTMgMC45NDczNzUgMjUuNTI0NkMxLjUzMjg2IDI1Ljg3OCAyLjI1MzE0IDI1Ljg3OCAyLjgzODYzIDI1LjUyMjdMMjAuODE2IDE0LjYwOTdMMjAuODE3OCAxNC42MTE2QzIxLjQwMTUgMTQuMjU2MyAyMS43NTk4IDEzLjYwMTUgMjEuNzU5OCAxMi44OTQ3QzIxLjc1OTggMTIuMTg3OSAyMS40MDE1IDExLjUzMzEgMjAuODE3OCAxMS4xNzc5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) 58% center no-repeat
}

@media only screen and (max-width: 979px) {
  .engagement-card__arrow {
    -webkit-transform: scale(0.642);
    transform: scale(0.642);
    top: auto;
    bottom: 20px;
    right: 20px
  }
}

.engagement-card__arrow:hover {
  background-color: #292c49
}

.engagements__view-more:after {
  border-color: #2c99a4
}

.recent-blog {
  width: 100%;
  padding-top: 90px
}

@media only screen and (max-width: 1279px) {
  .recent-blog {
    padding-top: 82px
  }
}

@media only screen and (max-width: 979px) {
  .recent-blog {
    -ms-flex-order: 6;
    order: 6;
    padding-top: 52px;
    padding-bottom: 85px
  }
}

.recent-blog__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 2px solid rgba(74, 74, 74, .1);
  padding-top: 24px
}

@media only screen and (max-width: 979px) {
  .recent-blog__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 50px
  }
}

.recent-blog__blog-column {
  width: 45%
}

@media only screen and (max-width: 1279px) {
  .recent-blog__blog-column {
    width: 52%
  }
}

@media only screen and (max-width: 979px) {
  .recent-blog__blog-column {
    width: 100%
  }
}

.recent-blog__title {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #2c99a4
}

.recent-blog__list {
  margin-top: 10px;
  list-style-type: none;
  padding-left: 0
}

@media only screen and (max-width: 979px) {
  .recent-blog__list {
    margin-top: 26px
  }
}

.recent-blog-item {
  margin-top: 20px
}

@media only screen and (max-width: 979px) {
  .recent-blog-item {
    margin-top: 0
  }

  .recent-blog-item:first-child {
    margin-top: 0
  }
}

.recent-blog-item__link {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  display: block;
  color: #582362
}

.recent-blog-item__link:hover {
  color: #582362
}

@media only screen and (max-width: 979px) {
  .recent-blog-item__link {
    margin-bottom: 13px;
    max-width: 96%
  }
}

.recent-blog-item__excerpt {
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .recent-blog-item__excerpt {
    font-size: 16px;
    line-height: 143.1%
  }
}

.recent-blog__contact-column {
  width: calc(38% - 6px)
}

.recent-blog__contact-column .subscribe-form {
  margin-top: 13px
}

@media only screen and (max-width: 1279px) {
  .recent-blog__contact-column {
    width: calc(42% - 7px)
  }
}

@media only screen and (max-width: 979px) {
  .recent-blog__contact-column {
    width: 100%;
    border-top: 2px solid rgba(74, 74, 74, .1);
    padding-top: 50px;
    margin-top: 7px
  }

  .recent-blog__contact-column .subscribe-form {
    margin-top: 25px
  }
}

.recent-blog__subtitle {
  color: #2c99a4;
  font-size: 16px;
  line-height: 20px
}

@media only screen and (max-width: 979px) {
  .recent-blog__subtitle {
    font-size: 18px;
    line-height: 20px
  }
}

.recent-blog__link {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #4a4a4a;
  margin-bottom: 30px;
  display: inline-block
}

.recent-blog__link:hover {
  text-decoration: underline;
  color: #4a4a4a
}

.events-form {
  position: relative;
  width: 100%;
  padding-top: 115px;
  color: #fff;
  margin-bottom: 140px
}

@media only screen and (max-width: 1279px) {
  .events-form {
    padding-top: 82px
  }
}

@media only screen and (max-width: 979px) {
  .events-form {
    margin-bottom: 85px;
    padding-top: 75px
  }
}

.events-form--submitted .events-form__container {
  padding: 0
}

.events-form--submitted .events-form__title {
  padding: 50px 20px 40px
}

.events-form--submitted .events-form__description {
  display: none
}

.events-form--submitted .events-form__input {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  max-height: 227px
}

@media only screen and (max-width: 1279px) {
  .events-form--submitted .events-form__input {
    height: auto;
    max-height: none
  }
}

.events-form__container {
  background: #582362;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  padding: 54px 84px 116px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .events-form__container {
    padding: 40px 68px 112px
  }
}

@media only screen and (max-width: 979px) {
  .events-form__container {
    padding: 24px 24px 68px;
    width: 100%
  }
}

.events-form__title {
  text-align: center;
  font-weight: 300;
  font-size: 55px;
  line-height: 125%
}

@media only screen and (max-width: 1279px) {
  .events-form__title {
    font-size: 48px;
    line-height: 125%
  }
}

@media only screen and (max-width: 979px) {
  .events-form__title {
    font-size: 28px;
    line-height: 121.4%
  }

  .events-form__title br {
    display: none
  }
}

.events-form__description {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  margin-top: 24px
}

.events-form__input .hbspt-form {
  background-color: transparent;
  padding: 0
}

.events-form__input .hbspt-form label {
  color: #fff
}

.events-form__input .hbspt-form .submitted-message {
  font-size: 30px;
  line-height: 1.25;
  color: #4a4a4a;
  padding: 40px 20px 50px;
  max-width: 750px
}

@media only screen and (max-width: 1279px) {
  .events-form__input .hbspt-form .submitted-message {
    font-size: 26px
  }
}

@media only screen and (max-width: 979px) {
  .events-form__input .hbspt-form .submitted-message {
    font-size: 16px
  }
}

.subscribe-form__button-text {
  display: none
}

.event-template-default .menu-wrapper:not(.menu-wrapper--scrolled) {
  background: #582362
}

.event-header {
  width: 100%;
  background: linear-gradient(126.86deg, #572760 21.35%, #873B95 100%);
  min-height: 500px;
  color: #fff;
  padding-top: 5px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .event-header {
    min-height: 372px;
    padding-top: 115px
  }
}

@media only screen and (max-width: 979px) {
  .event-header {
    min-height: 390px;
    position: relative;
    padding-top: 6px
  }
}

.event-header__background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

.event-header__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0
}

.event-header__background:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(91.44deg, rgba(88, 35, 98, 0.8) 0%, rgba(44, 153, 164, 0.8) 100%)
}

.event-header__image_desktop {
  display: block
}

@media only screen and (max-width: 979px) {
  .event-header__image_desktop {
    display: none
  }
}

.event-header__image_mob {
  display: none
}

@media only screen and (max-width: 979px) {
  .event-header__image_mob {
    display: block
  }
}

.event-header__container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  z-index: 1;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .event-header__container {
    -ms-flex-align: center;
    align-items: center
  }
}

.event-header__left-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 120px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .event-header__left-col {
    padding-top: 0
  }
}

@media only screen and (max-width: 979px) {
  .event-header__left-col {
    width: 100%;
    -ms-flex-align: center;
    align-items: center
  }
}

.event-header__label {
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 13px
}

@media only screen and (max-width: 1279px) {
  .event-header__label {
    margin-bottom: 6px
  }
}

@media only screen and (max-width: 979px) {
  .event-header__label {
    font-size: 16px;
    line-height: 133%
  }
}

.event-header__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%
}

@media only screen and (max-width: 979px) {
  .event-header__title {
    font-size: 28px;
    line-height: 121.4%;
    text-align: center
  }
}

.event-header__title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .event-header__title br {
    display: block
  }
}

.event-header__title .delimiter:before {
  content: " |"
}

@media only screen and (max-width: 979px) {
  .event-header__title .delimiter:before {
    content: ","
  }
}

.event-header__description {
  font-weight: 300;
  font-size: 16px;
  line-height: 140%
}

.event-header__right-col {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

@media only screen and (max-width: 979px) {
  .event-header__right-col {
    width: 100%
  }
}

.event-header__figure {
  height: 480px;
  width: 480px;
  position: relative;
  top: 30px
}

@media only screen and (max-width: 1279px) {
  .event-header__figure {
    height: 100%;
    width: 100%;
    max-height: 332px;
    max-width: 332px;
    top: 30px
  }
}

@media only screen and (max-width: 979px) {
  .event-header__figure {
    width: 100%;
    padding: 0;
    padding-top: 92%;
    margin-left: 10%;
    top: 0;
    max-height: none;
    max-width: none
  }
}

.event-header__image {
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  box-shadow: 2px 2px 11px rgba(0, 0, 0, .13)
}

@media only screen and (max-width: 979px) {
  .event-header__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
  }
}

.event-content {
  width: 100%;
  color: #4a4a4a
}

.event-content__container {
  padding: 168px 0 0;
  display: grid;
  grid-template-columns: 1fr 480px;
  grid-template-rows: auto auto auto auto;
  -webkit-column-gap: 6rem;
  -moz-column-gap: 6rem;
  column-gap: 6rem
}

@media only screen and (max-width: 1279px) {
  .event-content__container {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 332px;
    -webkit-column-gap: 8rem;
    -moz-column-gap: 8rem;
    column-gap: 8rem
  }
}

@media only screen and (max-width: 979px) {
  .event-content__container {
    width: 100%;
    padding: 90px 30px 0;
    grid-template-columns: 1fr
  }
}

.event-content__container .post-content__side-panel {
  margin-top: 0;
  border-top: none;
  width: 100%;
  padding-top: 0
}

@media only screen and (max-width: 1279px) {
  .event-content__container .post-content__side-panel {
    width: 332px;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media only screen and (max-width: 979px) {
  .event-content__container .post-content__side-panel {
    width: 100%
  }
}

.event-content__container .post-content__side-panel .contact-form-resource {
  margin: 0 0 182px;
  padding: 50px 32px 109px
}

@media only screen and (max-width: 1279px) {
  .event-content__container .post-content__side-panel .contact-form-resource {
    padding: 40px 34px 111px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__container .post-content__side-panel .contact-form-resource {
    margin: 0 -34px 80px;
    width: calc(100% + 68px);
    padding: 60px 25px
  }
}

.event-content__container .post-content__side-panel .contact-form-resource__wrap {
  padding: 0
}

@media only screen and (max-width: 1279px) {
  .event-content__container .post-content__side-panel--latest {
    width: 100%;
    border-top: 2px solid #979797;
    padding-top: 24px;
    margin-bottom: 60px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__container .post-content__side-panel--latest {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .event-content__container .post-content__side-panel--form {
    display: none
  }
}

.event-content__container .post-side {
  padding: 0;
  margin-left: 144px
}

@media only screen and (max-width: 1279px) {
  .event-content__container .post-side {
    border-top: none;
    width: calc(50% - 20px);
    margin-left: 0
  }
}

@media only screen and (max-width: 979px) {
  .event-content__container .post-side {
    width: 100%
  }
}

@media only screen and (max-width: 1279px) {
  .event-content__container .post-side__share {
    margin-top: 0
  }

  .event-content__container .post-side__share > *:nth-child(3),
  .event-content__container .post-side__share > *:nth-child(4) {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .event-content__container .post-side__share {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #979797
  }
}

.event-content__container .post-side__newsletter-box {
  margin-top: 50px
}

@media only screen and (max-width: 1279px) {
  .event-content__container .post-side__newsletter-box {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
  }
}

@media only screen and (max-width: 1279px) {
  .event-content__container .subscribe-form {
    margin-top: 0
  }
}

.post-content__side-panel--form {
  grid-column: 2;
  grid-row: 1
}

.post-content__side-panel--form + .post-content__side-panel--latest {
  grid-column: 2;
  grid-row: 2
}

@media only screen and (max-width: 1279px) {
  .post-content__side-panel--form + .post-content__side-panel--latest {
    grid-column: 1/3;
    grid-row: 3
  }
}

.post-content__side-panel--latest {
  grid-column: 2;
  grid-row: 1
}

@media only screen and (max-width: 1279px) {
  .post-content__side-panel--latest {
    grid-column: 1/3;
    grid-row: 3
  }
}

.event-content__form-wrapper {
  position: relative;
  z-index: 2;
  margin-top: -186px;
  background: #fff;
  margin-bottom: 109px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .event-content__form-wrapper {
    margin-top: -93px;
    margin-bottom: 50px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__form-wrapper {
    margin-top: 0;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 35px
  }
}

.event-content__form-wrapper--submitted .event-content__form {
  padding: 0
}

.event-content__form-wrapper--submitted .event-content__form-title {
  background-color: #582362;
  color: #fff;
  font-weight: 300;
  font-size: 55px;
  line-height: 125%;
  padding: 63px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 266px
}

@media only screen and (max-width: 1279px) {
  .event-content__form-wrapper--submitted .event-content__form-title {
    padding: 50px 40px;
    height: auto;
    font-size: 30px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__form-wrapper--submitted .event-content__form-title {
    padding: 42px 16px;
    height: auto
  }
}

.event-content__form-wrapper--submitted .event-content__form-content {
  padding: 63px;
  text-align: center;
  height: 264px
}

@media only screen and (max-width: 1279px) {
  .event-content__form-wrapper--submitted .event-content__form-content {
    padding: 50px;
    height: auto
  }
}

@media only screen and (max-width: 979px) {
  .event-content__form-wrapper--submitted .event-content__form-content {
    padding: 42px;
    height: auto
  }
}

.event-content__form-wrapper--submitted .submitted-message {
  font-weight: 300;
  font-size: 30px;
  line-height: 125%
}

@media only screen and (max-width: 1279px) {
  .event-content__form-wrapper--submitted .submitted-message {
    font-size: 16px
  }
}

.event-content__form {
  padding: 57px 63px 63px 63px
}

@media only screen and (max-width: 1279px) {
  .event-content__form {
    padding: 57px 63px 42px 63px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__form {
    padding: 43px 24px 57px 24px
  }
}

.event-content__form-title {
  font-size: 35px;
  line-height: 110.9%;
  color: #582362;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .event-content__form-title {
    font-size: 26px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__form-title {
    font-size: 28px;
    line-height: 121.4%
  }
}

.event-content__form-content .hbspt-form {
  padding: 45px 0 8px 0
}

@media only screen and (max-width: 1279px) {
  .event-content__form-content .hbspt-form {
    padding-top: 48px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__form-content .hbspt-form {
    padding-top: 32px
  }
}

.event-content__form-content .field.hs-form-field:not(:last-child) {
  margin-bottom: 11px
}

.event-content__form-content .hbspt-form label {
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .event-content__form-content .hbspt-form label {
    font-size: 18px
  }
}

@media only screen and (max-width: 1279px) {
  .event-content__form-content .hbspt-form .hs-submit input {
    font-size: 35px;
    line-height: 133%;
    margin-top: 0;
    padding: 15px 124px 14px 46px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__form-content .hbspt-form .hs-submit input {
    padding: 10px 78px 10px 20px;
    font-size: 25px;
    line-height: 122.7%
  }
}

.event-content__form-description {
  font-size: 16px;
  line-height: 21px;
  padding: 0 25px;
  text-align: center
}

.event-content__form-description a {
  text-decoration: underline
}

.event-content__form-description a:hover {
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .event-content__form-description {
    display: none
  }
}

.event-content__article {
  width: 100%;
  max-width: 973px;
  margin-left: auto;
  margin-right: auto
}

.event-content__article + .event-content__banner {
  grid-row: 2
}

.event-content__article + .event-content__contact {
  margin-top: 64px
}

@media only screen and (max-width: 979px) {
  .event-content__article + .event-content__contact {
    margin-top: 42px
  }
}

.event-content:not(.event-content_template-long) .event-content__article {
  position: relative;
  z-index: 2;
  margin-top: -186px;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  padding: 31px 30px 35px;
  max-width: 100%
}

@media only screen and (max-width: 1279px) {
  .event-content:not(.event-content_template-long) .event-content__article {
    padding: 0 0 35px;
    margin-top: -93px
  }
}

@media only screen and (max-width: 979px) {
  .event-content:not(.event-content_template-long) .event-content__article {
    margin-top: -25px;
    padding: 0 0 10px
  }
}

.event-content:not(.event-content_template-long) .event-content__persons-section,
.event-content:not(.event-content_template-long) .event-content__related-events-section,
.event-content:not(.event-content_template-long) .event-content__article-row {
  max-width: 973px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px)and (min-width: 980px) {

  .event-content:not(.event-content_template-long) .event-content__persons-section,
  .event-content:not(.event-content_template-long) .event-content__related-events-section,
  .event-content:not(.event-content_template-long) .event-content__article-row {
    max-width: 690px
  }
}

@media only screen and (max-width: 1279px) {

  .event-content:not(.event-content_template-long) .event-content__related-events-section,
  .event-content:not(.event-content_template-long) .event-content__persons-section {
    padding-left: 15px;
    padding-right: 15px
  }
}

@media only screen and (max-width: 979px) {

  .event-content:not(.event-content_template-long) .event-content__related-events-section,
  .event-content:not(.event-content_template-long) .event-content__persons-section {
    padding-left: 34px;
    padding-right: 34px
  }
}

@media only screen and (max-width: 1279px)and (min-width: 980px) {
  .event-content:not(.event-content_template-long) .event-content__article-col:last-child {
    padding-left: 26px
  }
}

.event-content__article-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 1279px) {
  .event-content__article-row {
    margin-left: -15px;
    margin-right: -15px
  }
}

.event-content__article-col {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

@media only screen and (max-width: 1279px) {
  .event-content__article-col {
    padding-left: 15px;
    padding-right: 15px
  }
}

.event-content__article-col:last-child {
  padding-left: 100px
}

@media only screen and (max-width: 1279px) {
  .event-content__article-col:last-child {
    padding-left: 15px;
    padding-right: 15px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__article-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.event-content__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  color: #582362
}

.event-content__type {
  position: relative;
  margin: 36px 0
}

@media only screen and (max-width: 1279px) {
  .event-content__type {
    margin: 42px 0
  }
}

@media only screen and (max-width: 979px) {
  .event-content__type {
    margin: 40px 19px
  }
}

.event-content__type-group {
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 979px) {
  .event-content__type-group {
    padding-left: 0;
    padding-right: 0;
  }

  .event-content__type-group .event-content__type {
    margin: 0;
    margin-bottom: 44px
  }

  .event-content__type-group .event-content__type:last-child {
    margin-bottom: 0
  }
}

.event-content__type-group .event-content__type:first-child {
  padding-right: 90px
}

@media only screen and (max-width: 1279px) {
  .event-content__type-group .event-content__type:first-child {
    padding-right: 117px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__type-group .event-content__type:first-child {
    padding-right: 0
  }
}

.event-content__type-group > * {
  margin-top: 0;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .event-content__type-group {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .event-content__type-group > * {
    margin-bottom: 45px
  }

  .event-content__type-group > *:last-child {
    margin-bottom: 0
  }
}

.event-content__caption {
  font-weight: bold;
  margin-bottom: 0;
  color: #572162
}

@media only screen and (max-width: 1279px) {
  .event-content__caption {
    font-weight: 700;
    font-size: 14px;
    line-height: 143.1%
  }
}

.event-content__description {
  font-size: 16px;
  line-height: 140%
}

.event-content__description:last-child {
  margin-bottom: 0
}

.event-content_template-long .event-content__banner {
  padding-top: 0
}

@media only screen and (max-width: 1279px) {
  .event-content_template-long .event-content__banner {
    padding-top: 3px
  }
}

@media only screen and (max-width: 979px) {
  .event-content_template-long .event-content__banner {
    padding-top: 3px
  }
}

.event-content__persons-section {
  margin-top: 5px;
  margin-bottom: 26px
}

@media only screen and (max-width: 1279px) {
  .event-content__persons-section {
    margin-top: 10px;
    margin-bottom: 42px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__persons-section {
    margin-top: 6px;
    margin-bottom: 19px
  }

  .event-content__persons-section .event-content__label {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%
  }
}

.event-content__label {
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  color: #2c99a4;
  margin-bottom: 1px
}

@media only screen and (max-width: 1279px) {
  .event-content__label {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 0
  }
}

.event-content__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;
  margin: 0
}

.event-content__speaker {
  margin-top: 32px;
  display: -ms-flexbox;
  display: flex;
  padding-left: 19px
}

@media only screen and (max-width: 1279px) {
  .event-content__speaker {
    padding-left: 39px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__speaker {
    padding-left: 0
  }
}

@media only screen and (max-width: 979px) {
  .event-content__speaker .event-content__text--description {
    display: none
  }
}

.event-content__speaker-figure {
  margin-right: 14px;
  width: 116px;
  min-width: 116px;
  height: 116px;
  border-radius: 50%;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  overflow: hidden
}

.event-content__speaker-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.event-content__url {
  color: #4a4a4a;
  word-wrap: break-word
}

.event-content__url:hover {
  color: #4a4a4a;
  text-decoration: underline
}

.event-content__persons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 11px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: -3px;
  margin-right: -3px
}

@media only screen and (max-width: 979px) {
  .event-content__persons {
    margin-top: 25px
  }
}

.event-content__persons.event-content__persons_flex-start {
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media(min-width: 1280px) {
  .event-content__persons.event-content__persons_flex-start .event-content__person-column {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .event-content__persons.event-content__persons_flex-start .event-content__person-column .event-content__person {
    max-width: 156px
  }
}

.event-content__person-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  min-width: 144px;
  max-width: 152px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .event-content__person-column {
    max-width: 195px;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media only screen and (max-width: 979px) {
  .event-content__person-column {
    max-width: 100%;
    padding-left: 8px
  }

  .event-content__person-column:not(:last-child) {
    margin-bottom: 17px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__person {
    display: -ms-flexbox;
    display: flex
  }
}

.event-content__person-image {
  border-radius: 50%;
  overflow: hidden;
  width: 112px;
  height: 112px;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

@media only screen and (max-width: 979px) {
  .event-content__person-image {
    width: 110px;
    height: 110px
  }
}

.event-content__person-content {
  margin-left: auto;
  margin-right: auto;
  margin-top: 9px
}

@media only screen and (max-width: 979px) {
  .event-content__person-content {
    margin-top: 18px;
    padding-left: 22px;
    text-align: left
  }
}

.event-content__person-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 143.1%
}

.event-content__person-position {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%
}

.event-content__text--name {
  font-weight: bold;
  font-size: 16px;
  line-height: 143.1%;
  color: #572162
}

@media only screen and (max-width: 1279px) {
  .event-content__text--name {
    font-size: 14px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__text--name {
    font-size: 16px;
    line-height: 143.1%
  }
}

.event-content__text--name + * + .event-content__text {
  margin-bottom: 8px
}

.event-content__related-events-section {
  margin-bottom: 36px
}

@media only screen and (max-width: 1279px) {
  .event-content__related-events-section {
    margin-top: -7px;
    margin-bottom: 42px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__related-events-section {
    margin-top: 37px;
    margin-bottom: 40px;
    overflow: hidden
  }
}

.event-content__related-events {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -14px;
  margin-top: 1px
}

@media only screen and (max-width: 1279px) {
  .event-content__related-events {
    margin-top: 0;
    margin-left: -15px;
    margin-right: -15px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__related-events {
    -ms-flex-pack: center;
    justify-content: center
  }
}

.event-content__related-events .event-card {
  width: 222px;
  margin: 15px 14px;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .event-content__related-events .event-card {
    width: 182px;
    margin: 15px 15px;
    margin-bottom: 0;
    padding-bottom: 12px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__related-events_desktop {
    display: none
  }
}

.event-content__related-events_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .event-content__related-events_mobile {
    display: block
  }
}

.event-content__banner {
  grid-column: 1/3;
  grid-row: 3;
  text-align: left;
  margin: 100px auto 68px;
  width: 100%;
  max-width: 650px
}

@media only screen and (max-width: 1279px) {
  .event-content__banner {
    margin: 115px auto 86px;
    grid-row: 2
  }
}

@media only screen and (max-width: 979px) {
  .event-content__banner {
    display: none
  }
}

.event-content__contact {
  grid-column: 1/3;
  grid-row: 4;
  width: 100%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px auto 90px
}

@media only screen and (max-width: 1279px) {
  .event-content__contact {
    grid-row: 4;
    margin: 20px auto 87px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__contact {
    grid-row: 3;
    margin-top: 46px;
    margin-bottom: 46px
  }
}

.event-content__contact-link {
  font-size: 25px
}

@media only screen and (max-width: 1279px) {
  .event-content__contact-link {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .event-content__contact-link {
    font-size: 18px;
    line-height: 143.1%;
    text-align: center
  }

  .event-content__contact-link:before {
    max-width: 178px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .event-content__contact-link:hover::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.event-content-recent-blog {
  padding-top: 0;
  padding-bottom: 95px;
}

@media only screen and (max-width: 1279px) {
  .event-content-recent-blog {
    padding-bottom: 92px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  .event-content-recent-blog {
    padding-left: 17px;
    padding-right: 11px
  }
}

.event-content-recent-blog .recent-blog__container {
  border: none;
  padding-top: 73px
}

@media only screen and (max-width: 1279px) {
  .event-content-recent-blog .recent-blog__container {
    padding-top: 30px;
    max-width: 745px
  }
}

@media only screen and (max-width: 979px) {
  .event-content-recent-blog .recent-blog__container {
    padding-top: 20px
  }
}

.event-content-recent-blog .recent-blog__link {
  margin-bottom: 46px
}

@media only screen and (max-width: 1279px) {
  .event-content-recent-blog .recent-blog__link {
    margin-bottom: 33px
  }
}

.event-content-recent-blog .event-content__share {
  margin-top: 0;
  margin-bottom: 54px
}

@media only screen and (max-width: 1279px) {
  .event-content-recent-blog .event-content__share {
    margin-bottom: 33px
  }
}

.event-content-recent-blog .event-content__share .post-side__share-link {
  height: 33px;
  width: 33px;
  margin-right: 8px
}

.event-content-recent-blog .event-content__share .post-side__text--title,
.event-content-recent-blog .event-content__share .recent-blog__subtitle {
  color: #2c99a4
}

.event-content-recent-blog .subscribe-form__button {
  background: #2c99a4
}

@media only screen and (max-width: 991px) {

  .author .logo__image--light,
  .single-bio .logo__image--light {
    display: none
  }
}

@media only screen and (max-width: 991px) {

  .author .logo__image--dark,
  .single-bio .logo__image--dark {
    display: block
  }
}

@media only screen and (max-width: 991px) {

  .author .menu-toggler__icon,
  .single-bio .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-purple.svg)
  }
}

.author__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362;
  margin-top: 56px;
  margin-bottom: 40px
}

@media only screen and (max-width: 1279px) {
  .author__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .author__title {
    font-size: 25px;
    line-height: 133.1%;
    margin-top: 28px;
    margin-bottom: 20px
  }
}

@media only screen and (max-width: 991px) {
  .post-bio__header h2 {
    font-size: 28px
  }
}

.post-bio__title {
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: 0px;
  margin-bottom: 0;
  margin-top: -70px
}

@media only screen and (max-width: 991px) {
  .post-bio__title {
    margin-top: 0;
    font-size: 18px
  }
}

.post-bio__position {
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-style: normal;
  font-weight: 300;
  line-height: 50.54px;
  letter-spacing: 0px;
  text-align: left;
  margin-top: 0;
  max-width: 528px
}

@media only screen and (max-width: 1279px) {
  .post-bio__position {
    font-size: 23px;
    line-height: 140%;
    max-width: 350px
  }
}

@media only screen and (max-width: 979px) {
  .post-bio__position {
    font-size: 18px;
    text-align: center;
    margin-bottom: 25px
  }
}

.post-bio__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 408px
}

@media only screen and (max-width: 991px) {
  .post-bio__wrap {
    min-height: 1px
  }
}

.post-bio__wrap:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #4a4a4a;
  position: absolute;
  left: 50%
}

@media only screen and (max-width: 991px) {
  .post-bio__wrap:after {
    display: none
  }
}

.post-bio__header-content {
  margin-left: 0;
  width: 50%;
  padding-left: 50px
}

@media only screen and (max-width: 991px) {
  .post-bio__header-content {
    width: 100%;
    padding: 0 18px 0
  }
}

.post-bio__img-wrap {
  width: 50%;
  padding-right: 0;
  background-color: transparent;
  margin-top: 0
}

@media only screen and (max-width: 991px) {
  .post-bio__img-wrap {
    width: 100%
  }
}

.post-bio__img-wrap picture {
  width: 100%
}

.post-bio__content {
  padding: 145px 0 148px
}

@media only screen and (max-width: 1279px) {
  .post-bio__content {
    padding-top: 75px
  }
}

@media only screen and (max-width: 991px) {
  .post-bio__content {
    padding: 51px 0 47px
  }
}

.post-bio__bio {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0px;
  text-align: left;
  color: #4a4a4a
}

.post-bio__info {
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.34;
  letter-spacing: 0px;
  text-align: left;
  color: #582362
}

@media only screen and (max-width: 991px) {
  .post-bio__info {
    display: none;
    font-size: 16px;
    line-height: 1.375;
    text-align: center;
    color: #fff
  }
}

.post-bio__info_mobile {
  display: none
}

@media only screen and (max-width: 991px) {
  .post-bio__info_mobile {
    display: block
  }
}

.post-bio__item {
  width: 50%;
  padding: 0 45px
}

@media only screen and (max-width: 991px) {
  .post-bio__item {
    width: 100%;
    text-align: center;
    padding: 0
  }
}

@media only screen and (max-width: 991px) {
  .post-bio__container-custom {
    width: 100%;
    padding: 0 30px
  }
}

.post-bio__author {
  font-weight: 300;
  font-size: 55px;
  line-height: 68.75px;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .post-bio__author {
    font-size: 36px;
    line-height: 133%
  }
}

@media only screen and (max-width: 979px) {
  .post-bio__author {
    font-size: 28px;
    line-height: 121.4%
  }
}

.post-bio__description {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  color: #fff;
  max-width: 470px
}

@media only screen and (max-width: 1279px) {
  .post-bio__description {
    font-size: 16px;
    line-height: 143.1%;
    max-width: 370px
  }
}

.author .post-bio__header-content,
.single-bio .post-bio__header-content {
  -ms-flex-align: start;
  align-items: flex-start
}

@media only screen and (max-width: 979px) {

  .author .post-bio__header-content,
  .single-bio .post-bio__header-content {
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px
  }
}

.author .about-header__container {
  -ms-flex-align: center;
  align-items: center
}

.author__posts-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px
}

@media only screen and (max-width: 1279px) {
  .author__posts-container {
    margin: 0 -20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
  }
}

@media only screen and (max-width: 767px) {
  .author__posts-container {
    margin: 0 -15px;
    grid-template-columns: 1fr 1fr
  }
}

@media only screen and (max-width: 480px) {
  .author__posts-container {
    display: -ms-flexbox;
    display: flex
  }
}

.author__posts-container .blog-card {
  width: calc(33% - 30px);
  max-width: 229px;
  min-height: 304px
}

@media only screen and (max-width: 1279px) {
  .author__posts-container .blog-card {
    width: 100%;
    margin: 10px auto;
    max-width: none
  }
}

@media only screen and (max-width: 480px) {
  .author__posts-container .blog-card {
    width: calc(100% - 30px)
  }
}

.author__posts-container .blog-card__header {
  height: auto;
  padding-top: 55.64%;
  position: relative
}

.author__posts-container .blog-card__image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.author__posts-container .blog-card__title {
  padding: 20px 24px 0
}

.author__posts-container .blog-card__date {
  padding: 14px 24px
}

.author-content {
  width: 75%;
  padding: 0 120px 0 10px
}

@media only screen and (max-width: 1279px) {
  .author-content {
    width: 100%;
    padding: 0
  }
}

@media only screen and (max-width: 979px) {
  .author-content {
    width: 100%;
    padding: 50px 0 0
  }
}

.author__view-more {
  margin-left: auto;
  margin-right: auto
}

.other-authors {
  width: 100%;
  border-top: 2px solid rgba(74, 74, 74, .1);
  margin-top: 50px;
  padding-top: 50px
}

.other-authors__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .other-authors__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .other-authors__title {
    font-size: 25px;
    line-height: 133.1%
  }
}

.other-authors__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center
}

.author-card {
  display: block;
  margin: 0 64px;
  width: 219px;
  margin-top: 40px
}

@media only screen and (max-width: 979px) {
  .author-card {
    font-size: 25px;
    line-height: 133.1%
  }
}

.author-card:hover {
  text-decoration: none
}

.author-card__figure {
  position: relative;
  padding-top: min(100%, 219px);
  width: 100%;
  max-width: 219px;
  margin-left: auto;
  margin-right: auto
}

.author-card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 5px 4px #ebebeb;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover
}

.author-card__name {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #582362;
  margin-top: 24px
}

.author-card__position {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #4a4a4a
}

.author-card__return-button {
  margin: 100px 0 0;
  font-weight: 300;
  font-size: 25px;
  line-height: 30px;
  color: #582362;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 1279px) {
  .author-card__return-button {
    font-size: 22px;
    line-height: 27px;
    margin-top: 80px
  }
}

@media only screen and (max-width: 979px) {
  .author-card__return-button {
    font-size: 16px;
    line-height: 20px;
    margin-top: 30px
  }
}

@media only screen and (max-width: 1279px) {
  .author-blog {
    padding: 0 22px
  }
}

@media only screen and (max-width: 979px) {
  .author-blog {
    padding: 0
  }
}

@media only screen and (max-width: 1279px) {
  .author-blog .post-content__side-panel {
    margin-top: 50px;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    display: grid;
    grid-template-columns: 50% 40%;
    grid-template-rows: auto 1fr;
    grid-column-gap: 10%;
    border-top: 2px solid #979797
  }
}

@media only screen and (max-width: 979px) {
  .author-blog .post-content__side-panel {
    grid-template-columns: auto;
    grid-template-rows: auto auto auto;
    grid-column-gap: 0
  }
}

@media only screen and (max-width: 1279px) {
  .author-blog .post-side {
    border-top: none;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 3;
    padding-bottom: 40px
  }
}

@media only screen and (max-width: 979px) {
  .author-blog .post-side {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    border-top: 2px solid #979797
  }
}

@media only screen and (max-width: 1279px) {
  .author-blog .post-side__recent {
    border-top: none;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2
  }
}

@media only screen and (max-width: 979px) {
  .author-blog .post-side__recent {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2
  }
}

@media only screen and (max-width: 1279px) {
  .author-blog .post-side__newsletter-box {
    border-top: none;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
    padding: 0
  }
}

@media only screen and (max-width: 979px) {
  .author-blog .post-side__newsletter-box {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 2;
    margin-bottom: 80px
  }
}

.hbspt-form {
  background-color: #fff;
  padding: 48px 48px 90px
}

.hbspt-form label {
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .hbspt-form label {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .hbspt-form label {
    font-size: 16px
  }
}

.hbspt-form .hs-error-msgs {
  list-style-type: none;
  padding-left: 0
}

.hbspt-form .hs-error-msgs label {
  color: red;
  font-weight: normal;
  font-size: 16px
}

.hbspt-form form fieldset {
  max-width: none
}

.hbspt-form select,
.hbspt-form textarea,
.hbspt-form input {
  width: 100% !important
}

.hbspt-form select,
.hbspt-form textarea,
.hbspt-form input {
  min-height: 58px;
  width: 100%;
  padding: 0 0 0 15px;
  border: 1px solid #979797;
  box-sizing: border-box;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, .25);
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  color: #4a4a4a;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}

.hbspt-form select::-ms-expand,
.hbspt-form textarea::-ms-expand,
.hbspt-form input::-ms-expand {
  display: none
}

.hbspt-form select:not(:focus):invalid,
.hbspt-form textarea:not(:focus):invalid,
.hbspt-form input:not(:focus):invalid {
  color: #4a4a4a
}

.hbspt-form select::-webkit-input-placeholder,
.hbspt-form textarea::-webkit-input-placeholder,
.hbspt-form input::-webkit-input-placeholder {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: 58px;
  text-indent: -10px
}

.hbspt-form select::-moz-placeholder,
.hbspt-form textarea::-moz-placeholder,
.hbspt-form input::-moz-placeholder {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: 58px;
  text-indent: -10px
}

.hbspt-form select:-ms-input-placeholder,
.hbspt-form textarea:-ms-input-placeholder,
.hbspt-form input:-ms-input-placeholder {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: 58px;
  text-indent: -10px
}

.hbspt-form select::-ms-input-placeholder,
.hbspt-form textarea::-ms-input-placeholder,
.hbspt-form input::-ms-input-placeholder {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: 58px;
  text-indent: -10px
}

.hbspt-form select::placeholder,
.hbspt-form textarea::placeholder,
.hbspt-form input::placeholder {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: 58px;
  text-indent: -10px
}

.hbspt-form textarea {
  min-height: 130px
}

.hbspt-form .hs-fieldtype-select > div.input {
  position: relative
}

.hbspt-form .hs-fieldtype-select > div.input:after {
  content: "";
  display: block;
  position: absolute;
  width: 21px;
  height: 13px;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/wp-content/themes/prodege_theme/img/down-black.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.hbspt-form .hs-submit {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0 auto;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%)
}

.hbspt-form .hs-submit:after {
  content: "";
  position: absolute;
  right: 40px;
  top: 50%;
  width: 54px;
  height: 54px;
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-white.svg");
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all .3s;
  pointer-events: none
}

@media only screen and (max-width: 1279px) {
  .hbspt-form .hs-submit:after {
    width: 44px;
    height: 44px;
    right: 20px
  }
}

@media only screen and (max-width: 979px) {
  .hbspt-form .hs-submit:after {
    width: 39px;
    height: 39px;
    right: 26px
  }
}

.hbspt-form .hs-submit:hover input {
  background-color: #292c49
}

@media only screen and (max-width: 1279px) {
  .hbspt-form .hs-submit:hover input {
    background-color: #2c99a4
  }
}

.hbspt-form .hs-submit:hover:after {
  right: 28px
}

@media only screen and (max-width: 1279px) {
  .hbspt-form .hs-submit:hover:after {
    right: 20px
  }
}

@media only screen and (max-width: 979px) {
  .hbspt-form .hs-submit:hover:after {
    right: 26px
  }
}

.hbspt-form .hs-submit input {
  padding: 19px 118px 19px 30px;
  color: #fff;
  text-align: left;
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  border: 0;
  background-color: #2c99a4;
  transition: all .3s;
  cursor: pointer;
  border-radius: 0;
  box-shadow: none;
  white-space: pre
}

@media only screen and (max-width: 1279px) {
  .hbspt-form .hs-submit input {
    padding: 19px 86px 19px 20px;
    font-size: 25px;
    line-height: 122.7%
  }
}

@media only screen and (max-width: 979px) {
  .hbspt-form .hs-submit input {
    padding: 10px 78px 10px 20px
  }
}

.top-section-hbspt {
  position: relative;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%);
  margin-bottom: 140px
}

@media only screen and (max-width: 1279px) {
  body:not(.single-product) .top-section-hbspt {
    margin-bottom: 200px
  }
}

@media only screen and (max-width: 1279px) {
  .performance_marketing .top-section-hbspt__container {
    padding-top: 99px;
    padding-bottom: 38px;
    min-height: 480px
  }
}

@media only screen and (max-width: 979px) {
  body.single-solution .top-section-hbspt {
    margin-bottom: 488px
  }
}

.single-product .top-section-hbspt {
  background-image: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%);
  background-color: #4a4a4a;
  background-position-y: 624px;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .single-product .top-section-hbspt {
    background-position-y: 487px
  }
}

@media only screen and (max-width: 979px) {
  .single-product .top-section-hbspt {
    background-position-y: 463px;
    box-shadow: none
  }
}

.top-section-hbspt__figure {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  padding-top: 64px
}

@media only screen and (max-width: 979px) {

  .single-product .top-section-hbspt__figure,
  .single-solution .top-section-hbspt__figure {
    height: 464px
  }
}

.top-section-hbspt__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .4
}

.solution__understand-customer-experience-page .top-section-hbspt__image {
  opacity: .15
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt__image--desktop {
    display: none
  }
}

.top-section-hbspt__image--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt__image--mobile {
    display: block
  }
}

.top-section-hbspt-form__wrapper {
  width: 55%
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form__wrapper {
    width: 100%;
    margin-bottom: -200px
  }
}

.top-section-hbspt__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding-top: 96px;
  padding-bottom: 88px;
  height: 100%;
  min-height: 538px;
  -ms-flex: 2;
  flex: 2
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt__container {
    padding-top: 95px;
    padding-bottom: 58px;
    min-height: 488px
  }
}

@media only screen and (max-width: 979px) {

  .single-product .top-section-hbspt-form__wrapper,
  .single-solution .top-section-hbspt-form__wrapper {
    margin-top: 50px;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {

  .single-product .top-section-hbspt__container,
  .single-solution .top-section-hbspt__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 84px;
    padding-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .single-product .top-section-hbspt__container {
    height: auto
  }
}

@media only screen and (max-width: 979px) {
  .single-solution .top-section-hbspt__container {
    height: 488px
  }
}

@media only screen and (max-width: 979px) {
  body:not(.single-product, .single-solution) .top-section-hbspt__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 84px;
    padding-bottom: 0;
    height: auto
  }
}

.top-section-hbspt__content {
  width: 40%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt__content {
    width: 100%;
    padding: 0;
    padding-top: 35px
  }
}

@media only screen and (max-width: 1279px) {
  .single-product .top-section-hbspt__content {
    padding-top: 35px
  }
}

@media only screen and (max-width: 1279px) {
  .single-solution .top-section-hbspt__content {
    padding-top: 35px
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt__desc-figure {
    width: 100%;
    text-align: center
  }
}

.top-section-hbspt__desc-figure + .top-section-hbspt__title {
  font-weight: 300
}

.top-section-hbspt__desc-image {
  max-width: 100%
}

.top-section-hbspt__title {
  font-weight: 700;
  font-size: 38px;
  line-height: 125%;
  margin-bottom: 13px;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt__title {
    margin-bottom: 8px;
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt__title {
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    line-height: 133%;
    text-align: center
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt__title br.desktop {
    display: none
  }
}

.top-section-hbspt__title br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt__title br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt__title br.tablet {
    display: none
  }
}

.top-section-hbspt__title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt__title br.mobile {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  body:not(.single-product, .single-solution) .top-section-hbspt__title {
    font-size: 26px;
    line-height: 133%;
    margin-bottom: 10px;
    text-align: center;
    width: 100%
  }
}

.top-section-hbspt__subtitle {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 13px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt__subtitle {
    max-width: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 133%;
    margin-left: auto;
    margin-right: auto;
    text-align: center
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt__subtitle {
    margin-bottom: 10px
  }
}

.single-product .top-section-hbspt__subtitle,
.single-solution .top-section-hbspt__subtitle {
  font-size: 30px;
  line-height: 125%;
  margin-bottom: 13px;
  color: #fff;
  font-weight: 300;
  max-width: 450px
}

@media only screen and (max-width: 1279px) {

  .single-product .top-section-hbspt__subtitle,
  .single-solution .top-section-hbspt__subtitle {
    font-size: 24px;
    line-height: 30px;
    margin-left: 0
  }
}

@media only screen and (max-width: 979px) {

  .single-product .top-section-hbspt__subtitle,
  .single-solution .top-section-hbspt__subtitle {
    margin-left: auto;
    font-size: 18px;
    line-height: 110%
  }
}

.top-section-hbspt__description {
  font-size: 18px;
  line-height: 140%;
  color: #fff;
  max-width: 450px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt__description {
    font-size: 16px
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt__description br {
    display: none
  }
}

.top-section-hbspt__description br.desktop {
  display: block
}

.top-section-hbspt__description br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt__description {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 370px
  }

  .top-section-hbspt__description br.desktop {
    display: none
  }

  .top-section-hbspt__description br.mobile {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  body:not(.single-product, .single-solution) .top-section-hbspt__description {
    text-align: center;
    max-width: none
  }
}

.single-product .top-section-hbspt__description,
.single-solution .top-section-hbspt__description {
  padding-right: 30px
}

@media only screen and (max-width: 979px) {

  .single-product .top-section-hbspt__description,
  .single-solution .top-section-hbspt__description {
    padding: 0
  }
}

@media only screen and (max-width: 1279px) {

  .single-product .top-section-hbspt-form,
  .single-solution .top-section-hbspt-form {
    padding: 25px 24px 54px;
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
    max-width: 382px;
    margin: 0 0 0 auto
  }
}

@media only screen and (max-width: 979px) {

  .single-product .top-section-hbspt-form,
  .single-solution .top-section-hbspt-form {
    margin: 0px auto 0;
    padding: 40px 15px 38px 15px
  }
}

.top-section-hbspt-form {
  background: #fff;
  padding: 35px 60px 72px 60px;
  width: 100%;
  position: relative;
  top: 0;
  -webkit-transform: none;
  transform: none;
  right: 0;
  box-shadow: 0px 3px 20px 0px #00000033;
  text-align: center;
  margin-bottom: -220px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form {
    padding: 50px 40px 72px;
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
    max-width: 572px;
    margin: 24px auto 0
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form {
    padding: 40px 15px 38px 15px
  }
}

.top-section-hbspt-form.form-submited {
  padding: 0;
  margin-bottom: 0
}

.top-section-hbspt-form.form-submited .top-section-hbspt-form__title {
  background: #582362;
  color: #fff;
  font-size: 35px;
  padding: 59px 16px;
  margin-bottom: 0;
  font-weight: 300
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form.form-submited .top-section-hbspt-form__title {
    font-size: 30px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form.form-submited .top-section-hbspt-form__title {
    font-size: 28px;
    padding: 38px 16px
  }
}

.top-section-hbspt-form.form-submited .top-section-hbspt-form__mark {
  display: none
}

.top-section-hbspt-form.form-submited .top-section-hbspt-form__content {
  margin-top: 0
}

.top-section-hbspt-form.form-submited .top-section-hbspt-form__figure {
  display: none
}

.top-section-hbspt-form.form-submited .top-section-hbspt-form__figure + .top-section-hbspt-form__form {
  width: 100%
}

.top-section-hbspt-form.form-submited .hbspt-form {
  padding: 0
}

.top-section-hbspt-form.form-submited .submitted-message {
  font-weight: 300;
  font-size: 30px;
  line-height: 125%;
  text-align: center;
  color: #4a4a4a;
  padding: 143px 16px;
  margin: 0 auto
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form.form-submited .submitted-message {
    font-size: 23px;
    padding: 43px 16px
  }
}

.top-section-hbspt-form.form-submited .submitted-message p {
  max-width: 524px;
  margin: 0 auto
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form.form-submited .submitted-message p {
    max-width: none
  }
}

.top-section-hbspt-form .hs-form-field {
  text-align: left;
  margin-bottom: 25px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form .hs-form-field {
    margin-bottom: 14px
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form .hbspt-form label {
    margin: 0
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form .hbspt-form label {
    display: inline-block;
    margin-bottom: 7px
  }
}

.top-section-hbspt-form .hbspt-form {
  padding: 0;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form .hbspt-form {
    padding: 0 6px
  }
}

.top-section-hbspt-form .hs_submit {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  height: 88px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form .hs_submit {
    height: 68px;
    width: auto;
    max-width: 262px
  }

  .top-section-hbspt-form .hs_submit:after {
    width: 27px;
    height: 27px;
    right: 28px !important;
    top: 51%
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form .hs_submit {
    height: 57px
  }
}

.top-section-hbspt-form .hs_submit input {
  background-color: #582362
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form .hs_submit input {
    padding-left: 25px;
    font-size: 25px;
    padding-right: 78px;
    background-color: #582362 !important
  }
}

.page-template-page-category-insights-template .hs_submit input {
  background-color: #2c99a4
}

.single-product .top-section-hbspt-form.form-submited,
.single-solution .top-section-hbspt-form.form-submited {
  padding: 0;
  position: absolute;
  top: 188px;
  max-width: 640px;
  width: 56%;
  min-width: 382px;
  right: 0
}

@media only screen and (max-width: 1279px) {

  .single-product .top-section-hbspt-form.form-submited,
  .single-solution .top-section-hbspt-form.form-submited {
    width: 382px;
    top: 45%
  }
}

@media only screen and (max-width: 979px) {

  .single-product .top-section-hbspt-form.form-submited,
  .single-solution .top-section-hbspt-form.form-submited {
    position: relative;
    max-width: unset;
    min-width: unset;
    width: 100%
  }
}

@media only screen and (max-width: 1279px) {

  .single-product .top-section-hbspt-form.form-submited .top-section-hbspt-form__title,
  .single-solution .top-section-hbspt-form.form-submited .top-section-hbspt-form__title {
    padding: 59px 16px
  }
}

@media only screen and (max-width: 1279px) {

  .single-product .top-section-hbspt-form.form-submited .submitted-message,
  .single-solution .top-section-hbspt-form.form-submited .submitted-message {
    font-weight: 300;
    font-size: 25px;
    line-height: 125%;
    text-align: center;
    color: #4a4a4a;
    padding: 60px 16px;
    margin: 0 auto;
    max-width: 290px
  }
}

@media only screen and (max-width: 979px) {

  .single-product .top-section-hbspt-form.form-submited .submitted-message,
  .single-solution .top-section-hbspt-form.form-submited .submitted-message {
    font-size: 23px;
    padding: 45px 16px 62px;
    margin: 0 auto;
    max-width: 280px
  }
}

.top-section-hbspt-form__title {
  font-size: 35px;
  color: #582362;
  position: relative;
  z-index: 1;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form__title {
    font-size: 25px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form__title {
    font-size: 28px
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form__title br.desktop {
    display: none
  }
}

.top-section-hbspt-form__title br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form__title br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form__title br.tablet {
    display: none
  }
}

.top-section-hbspt-form__title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form__title br.mobile {
    display: block
  }
}

.top-section-hbspt-form__mark {
  margin-top: 0px;
  margin-bottom: 18px;
  text-align: center;
  color: #4a4a4a;
  font-size: 16px
}

.top-section-hbspt-form__mark br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form__mark {
    margin-top: 10px;
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form__mark {
    max-width: 260px;
    margin: 14px auto 0
  }

  .top-section-hbspt-form__mark br.mobile {
    display: block
  }
}

.performance_marketing .top-section-hbspt-form__mark br {
  display: none
}

@media only screen and (max-width: 1279px) {
  .performance_marketing .top-section-hbspt-form__mark br {
    display: block
  }
}

.top-section-hbspt-form__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form__content {
    margin-top: 15px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form__content {
    margin-top: 0;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.top-section-hbspt-form__figure {
  margin: 30px 0 0;
  max-width: 358px;
  width: 36%
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form__figure {
    margin-top: 4px;
    max-width: 332px;
    width: 40%
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form__figure {
    margin-top: 34px;
    max-width: 268px;
    width: 62%
  }
}

.top-section-hbspt-form__figure + .top-section-hbspt-form__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 55%
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form__figure + .top-section-hbspt-form__form {
    width: 100%;
    margin-top: 0
  }
}

.top-section-hbspt-form__image {
  max-width: 100%;
  -webkit-filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.2))
}

.top-section-hbspt-form__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 6px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-form__form {
    gap: 0px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form__form {
    margin-top: 10px;
    gap: 15px
  }
}

.top-section-hbspt-form__description {
  text-align: center;
  margin-top: 8px;
  color: #4a4a4a;
  font-size: 16px
}

.top-section-hbspt-form__description br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-form__description {
    margin-top: 0;
    margin-bottom: 9px;
    position: relative;
    bottom: 10px
  }

  .top-section-hbspt-form__description br.mobile {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .product-ribbon {
    padding-bottom: 74px
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .top-section-hbspt__figure {
    height: 650px
  }
}

.commerce_cashback_shopping .top-section-hbspt {
  background-position-y: 650px
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .top-section-hbspt__title {
    max-width: 300px
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .top-section-hbspt__description br:not(.mobile) {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .top-section-hbspt__description {
    max-width: 318px
  }
}

.top-section-hbspt-custom {
  position: relative;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%);
  margin-bottom: 0px
}

@media only screen and (max-width: 1279px) {
  body:not(.single-product) .top-section-hbspt-custom {
    margin-bottom: 0px
  }
}

@media only screen and (max-width: 1279px) {
  .performance_marketing .top-section-hbspt-custom__container {
    padding-top: 99px;
    padding-bottom: 38px;
    min-height: 480px
  }
}

.single-product .top-section-hbspt-custom {
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 979px) {
  .single-product .top-section-hbspt-custom {
    box-shadow: none
  }
}

.top-section-hbspt-custom__figure {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  padding-top: 64px
}

@media only screen and (max-width: 979px) {
  .single-product .top-section-hbspt-custom__figure {
    height: 464px
  }
}

.top-section-hbspt-custom__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: .4
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__image--desktop {
    display: none
  }
}

.top-section-hbspt-custom__image--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__image--mobile {
    display: block
  }
}

.top-section-hbspt-custom-form__wrapper {
  width: 37%;
  margin-top: 15px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form__wrapper {
    width: 50%;
    padding-left: 24px;
    margin-top: 44px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form__wrapper {
    display: none
  }
}

.top-section-hbspt-custom__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding-top: 113px;
  padding-bottom: 0px;
  height: 100%;
  min-height: 530px;
  -ms-flex: 2;
  flex: 2
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__container {
    padding-top: 112px;
    padding-bottom: 0px;
    min-height: 488px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__container {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 84px;
    padding-bottom: 0;
    height: auto;
    min-height: auto
  }
}

.top-section-hbspt-custom__content {
  width: 63%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__content {
    width: 50%;
    padding-right: 22px;
    padding-top: 24px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__content {
    width: 100%;
    padding: 0;
    max-width: 360px;
    margin: 0 auto 0
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__content br.desktop {
    display: none
  }
}

.top-section-hbspt-custom__content br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__content br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__content br.tablet {
    display: none
  }
}

.top-section-hbspt-custom__content br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__content br.mobile {
    display: block
  }
}

.top-section-hbspt-custom__content.image_position_desktop_right {
  padding-bottom: 27px
}

.top-section-hbspt-custom__content.image_position_desktop_right .top-section-hbspt-custom__subtitle {
  max-width: 418px;
  margin-left: 0;
  padding-right: 0
}

.top-section-hbspt-custom__content.image_position_desktop_right .top-section-hbspt-custom__description {
  max-width: 290px;
  margin-left: 0;
  padding-right: 0;
  margin-top: 10px
}

.top-section-hbspt-custom__content.image_position_desktop_right .top-section-hbspt-custom__content-after {
  position: absolute;
  right: 59px;
  top: 97px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__content.image_position_tablet_top {
    padding-right: 28px
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__content.image_position_tablet_top .top-section-hbspt-custom__description {
    max-width: 100%;
    width: 100%;
    -ms-flex-order: 2;
    order: 2
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__content.image_position_tablet_top .top-section-hbspt-custom__content-after {
    position: static;
    -ms-flex-order: 1;
    order: 1;
    display: -ms-flexbox;
    display: flex
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__desc-figure {
    width: 100%;
    text-align: center
  }
}

.top-section-hbspt-custom__desc-figure + .top-section-hbspt-custom__title {
  font-weight: 300
}

.top-section-hbspt-custom__desc-image {
  max-width: 100%
}

.top-section-hbspt-custom__title {
  font-weight: 700;
  font-size: 30px;
  line-height: 140%;
  margin-bottom: 13px;
  color: #582362;
  padding-right: 85px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__title {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__title {
    display: block;
    text-align: center;
    font-size: 16px;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    max-width: 318px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__title br.desktop {
    display: none
  }
}

.top-section-hbspt-custom__title br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__title br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__title br.tablet {
    display: none
  }
}

.top-section-hbspt-custom__title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__title br.mobile {
    display: block
  }
}

.top-section-hbspt-custom__subtitle {
  margin-bottom: 13px;
  font-weight: 300;
  font-size: 16px;
  line-height: 143%;
  color: #4a4a4a;
  padding-right: 85px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__subtitle {
    display: none
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__subtitle br.desktop {
    display: none
  }
}

.top-section-hbspt-custom__subtitle br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__subtitle br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__subtitle br.tablet {
    display: none
  }
}

.top-section-hbspt-custom__subtitle br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__subtitle br.mobile {
    display: block
  }
}

.top-section-hbspt-custom__subtitle span {
  font-size: 23px
}

.top-section-hbspt-custom__description {
  font-size: 16px;
  line-height: 143%;
  color: #4a4a4a;
  padding-right: 85px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__description {
    font-size: 16px;
    padding-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__description {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__description {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 370px
  }
}

.top-section-hbspt-custom__description ul {
  list-style-type: none;
  padding-left: 34px;
  padding-top: 10px
}

.top-section-hbspt-custom__description ul li {
  position: relative;
  padding-bottom: 12px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__description ul li {
    padding-bottom: 22px
  }
}

.top-section-hbspt-custom__description ul li:before {
  content: "";
  background-color: #9dc92e;
  width: 11px;
  height: 11px;
  position: absolute;
  left: -33px;
  top: 7px
}

.top-section-hbspt-custom__description h3 {
  font-size: 18px;
  color: #2c99a4;
  font-weight: 700;
  line-height: 25.2px;
  margin-bottom: 2px
}

.top-section-hbspt-custom__content-after figure {
  margin-bottom: 0
}

.top-section-hbspt-custom-form {
  background: #fff;
  padding: 35px 23px 44px 23px;
  width: 100%;
  position: relative;
  -webkit-transform: none;
  transform: none;
  box-shadow: 0px 3px 20px 0px #00000033;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form {
    padding: 25px 24px 54px;
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
    max-width: 382px;
    margin: 0 0 0 auto
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form {
    margin: 0px auto 0;
    padding: 40px 15px 38px 15px
  }
}

.top-section-hbspt-custom-form.form-submited {
  padding: 0;
  margin-bottom: 0
}

.top-section-hbspt-custom-form.form-submited .top-section-hbspt-custom-form__title {
  background: #582362;
  color: #fff;
  font-size: 30px;
  padding: 43px 16px;
  margin-bottom: 0;
  font-weight: 300;
  margin-left: 0
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form.form-submited .top-section-hbspt-custom-form__title {
    font-size: 29px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form.form-submited .top-section-hbspt-custom-form__title {
    font-size: 26px;
    padding: 38px 16px
  }
}

.top-section-hbspt-custom-form.form-submited .top-section-hbspt-custom-form__mark {
  display: none
}

.top-section-hbspt-custom-form.form-submited .top-section-hbspt-custom-form__content {
  margin-top: 0
}

.top-section-hbspt-custom-form.form-submited .top-section-hbspt-custom-form__figure {
  display: none
}

.top-section-hbspt-custom-form.form-submited .top-section-hbspt-custom-form__figure + .top-section-hbspt-custom-form__form {
  width: 100%
}

.top-section-hbspt-custom-form.form-submited .hbspt-form {
  padding: 0
}

.top-section-hbspt-custom-form.form-submited .submitted-message {
  font-weight: 300;
  font-size: 30px;
  line-height: 125%;
  text-align: center;
  color: #4a4a4a;
  padding: 94px 52px 125px;
  margin: 0 auto
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form.form-submited .submitted-message {
    font-size: 23px;
    padding: 43px 16px
  }
}

.top-section-hbspt-custom-form.form-submited .submitted-message p {
  max-width: 524px;
  margin: 0 auto
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form.form-submited .submitted-message p {
    max-width: none
  }
}

.top-section-hbspt-custom-form .hs-form-field {
  text-align: left;
  margin-bottom: 25px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form .hs-form-field {
    margin-bottom: 14px
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form .hbspt-form label {
    margin: 0
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form .hbspt-form label {
    display: inline-block;
    margin-bottom: 7px
  }
}

.top-section-hbspt-custom-form .hbspt-form {
  padding: 0;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form .hbspt-form {
    padding: 0 6px
  }
}

.top-section-hbspt-custom-form .hs_submit {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  height: 68px;
  font-size: 16px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form .hs_submit {
    height: 68px;
    width: auto;
    max-width: 283px
  }

  .top-section-hbspt-custom-form .hs_submit:after {
    width: 27px;
    height: 27px;
    right: 28px !important;
    top: 51%
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form .hs_submit {
    height: 57px
  }
}

.top-section-hbspt-custom-form .hs_submit:after {
  width: 27px;
  height: 27px;
  background-repeat: no-repeat
}

.top-section-hbspt-custom-form .hs_submit input {
  height: 68px;
  font-size: 16px;
  background-color: #582362;
  min-height: 68px;
  padding: 13px 118px 13px 30px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form .hs_submit input {
    font-size: 16px;
    background-color: #582362 !important
  }
}

.top-section-hbspt-custom-form label {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0
}

.top-section-hbspt-custom-form .hs-input {
  min-height: 44px
}

.single-product .top-section-hbspt-custom-form.form-submited {
  padding: 0;
  width: 428px
}

@media only screen and (max-width: 1279px) {
  .single-product .top-section-hbspt-custom-form.form-submited {
    width: 382px;
    top: 45%
  }
}

@media only screen and (max-width: 979px) {
  .single-product .top-section-hbspt-custom-form.form-submited {
    position: relative;
    max-width: unset;
    min-width: unset;
    width: 100%
  }
}

@media only screen and (max-width: 1279px) {
  .single-product .top-section-hbspt-custom-form.form-submited .top-section-hbspt-custom-form__title {
    padding: 59px 16px
  }
}

@media only screen and (max-width: 1279px) {
  .single-product .top-section-hbspt-custom-form.form-submited .submitted-message {
    font-weight: 300;
    font-size: 28px;
    line-height: 125%;
    text-align: center;
    color: #4a4a4a;
    padding: 85px 0px 85px;
    margin: 0 auto;
    max-width: 290px
  }
}

@media only screen and (max-width: 979px) {
  .single-product .top-section-hbspt-custom-form.form-submited .submitted-message {
    font-size: 23px;
    padding: 45px 16px 62px;
    margin: 0 auto;
    max-width: 280px
  }
}

.top-section-hbspt-custom-form__title {
  font-size: 20px;
  color: #582362;
  position: relative;
  z-index: 1;
  text-align: center
}

.product-page-mobile-research .top-section-hbspt-custom-form__title {
  font-size: 18px;
  margin-left: -10px
}

@media only screen and (max-width: 1279px) {
  .product-page-mobile-research .top-section-hbspt-custom-form__title {
    font-size: 16px
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form__title {
    font-size: 18px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form__title {
    font-size: 28px
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form__title br.desktop {
    display: none
  }
}

.top-section-hbspt-custom-form__title br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form__title br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form__title br.tablet {
    display: none
  }
}

.top-section-hbspt-custom-form__title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form__title br.mobile {
    display: block
  }
}

.top-section-hbspt-custom-form__mark {
  margin-top: 0px;
  margin-bottom: 18px;
  text-align: center;
  color: #4a4a4a;
  font-size: 16px
}

.top-section-hbspt-custom-form__mark br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form__mark {
    margin-top: 10px;
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form__mark {
    max-width: 260px;
    margin: 14px auto 0
  }

  .top-section-hbspt-custom-form__mark br.mobile {
    display: block
  }
}

.performance_marketing .top-section-hbspt-custom-form__mark br {
  display: none
}

@media only screen and (max-width: 1279px) {
  .performance_marketing .top-section-hbspt-custom-form__mark br {
    display: block
  }
}

.top-section-hbspt-custom-form__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 18px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form__content {
    margin-top: 15px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form__content {
    margin-top: 0;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.top-section-hbspt-custom-form__figure {
  margin: 30px 0 0;
  max-width: 358px;
  width: 36%
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form__figure {
    margin-top: 4px;
    max-width: 332px;
    width: 40%
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form__figure {
    margin-top: 34px;
    max-width: 268px;
    width: 62%
  }
}

.top-section-hbspt-custom-form__figure + .top-section-hbspt-custom-form__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 55%
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form__figure + .top-section-hbspt-custom-form__form {
    width: 100%;
    margin-top: 0
  }
}

.top-section-hbspt-custom-form__image {
  max-width: 100%;
  -webkit-filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.2))
}

.top-section-hbspt-custom-form__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 6px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom-form__form {
    gap: 0px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form__form {
    margin-top: 10px;
    gap: 15px
  }
}

.top-section-hbspt-custom-form__description {
  text-align: center;
  margin-top: 8px;
  color: #4a4a4a;
  font-size: 16px
}

.top-section-hbspt-custom-form__description br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-form__description {
    margin-top: 0;
    margin-bottom: 9px;
    position: relative;
    bottom: 10px
  }

  .top-section-hbspt-custom-form__description br.mobile {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .product-ribbon {
    padding-bottom: 74px
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .top-section-hbspt-custom__figure {
    height: 650px
  }
}

.commerce_cashback_shopping .top-section-hbspt-custom {
  background-position-y: 650px
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .top-section-hbspt-custom__title {
    max-width: 300px
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .top-section-hbspt-custom__description br:not(.mobile) {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .top-section-hbspt-custom__description {
    max-width: 318px
  }
}

.top-section-hbspt-custom__content-after-image--desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__content-after-image--desktop {
    display: none
  }
}

.top-section-hbspt-custom__content-after-image--tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom__content-after-image--tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__content-after-image--tablet {
    display: none
  }
}

.top-section-hbspt-custom__content-after-image--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__content-after-image--mobile {
    display: block
  }
}

.top-section-hbspt__tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt__tablet {
    display: block;
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt__tablet {
    display: none
  }
}

.top-section-hbspt__tablet .top-section-hbspt__tablet-custom__title {
  font-weight: 700;
  font-size: 30px;
  line-height: 140%;
  margin-bottom: 13px;
  margin-right: auto;
  margin-left: auto;
  color: #582362;
  padding-right: 0;
  text-align: center;
  width: 100%;
  max-width: 656px
}

.top-section-hbspt__tablet .top-section-hbspt_tablet-custom__subtitle {
  text-align: center;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt__tablet .top-section-hbspt_tablet-custom__subtitle br.desktop {
    display: none
  }
}

.top-section-hbspt__tablet .top-section-hbspt_tablet-custom__subtitle br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt__tablet .top-section-hbspt_tablet-custom__subtitle br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt__tablet .top-section-hbspt_tablet-custom__subtitle br.tablet {
    display: none
  }
}

.top-section-hbspt__tablet .top-section-hbspt_tablet-custom__subtitle br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt__tablet .top-section-hbspt_tablet-custom__subtitle br.mobile {
    display: block
  }
}

.top-section-hbspt__tablet .top-section-hbspt_tablet-custom__subtitle span {
  font-size: 23px
}

.top-section-hbspt-custom + .product-ribbon {
  background: linear-gradient(91.44deg, #582362 0%, #3f6788 57.81%, #2c99a4 100%);
  margin-top: 0;
  padding-top: 52px;
  padding-bottom: 52px;
  min-height: 168px
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom + .product-ribbon {
    padding-bottom: 61px;
    padding-top: 61px
  }
}

.top-section-hbspt-custom + .product-ribbon .product-ribbon__container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom + .product-ribbon .product-ribbon__container {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto
  }
}

.top-section-hbspt-custom + .product-ribbon .product-ribbon__label {
  font-weight: 300;
  font-size: 25px;
  line-height: 125%;
  text-align: left;
  margin: auto 0;
  width: 300px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 30px;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  grid-row: 1/3;
  letter-spacing: .2px
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom + .product-ribbon .product-ribbon__label {
    font-size: 20px;
    width: 219px;
    margin-right: 48px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom + .product-ribbon .product-ribbon__label {
    margin-right: 0;
    padding-bottom: 14px
  }
}

.top-section-hbspt-custom + .product-ribbon .product-ribbon__label strong {
  font-size: 20px;
  display: block;
  letter-spacing: normal
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom + .product-ribbon .product-ribbon__label strong {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom + .product-ribbon .product-ribbon__gallery {
    width: 100%;
    max-width: 500px;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom + .product-ribbon .product-ribbon__image {
    -webkit-transform: scale(0.685);
    transform: scale(0.685)
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-hbspt-custom + .product-ribbon .product-ribbon__figure {
    margin: 0 -2% 0 -7px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom + .product-ribbon .product-ribbon__figure {
    margin-bottom: 13px
  }
}

.top-section-hbspt-custom__content-after {
  position: relative
}

.product-page-data-visualization .top-section-hbspt-custom__content-after:after {
  content: "";
  width: 338px;
  height: 200px;
  position: absolute;
  top: 37px;
  right: 54px;
  background-image: url("/wp-content/themes/prodege_theme/img/Computer Screen.gif");
  background-repeat: no-repeat;
  background-size: cover
}

@media only screen and (max-width: 1279px) {
  .product-page-data-visualization .top-section-hbspt-custom__content-after:after {
    width: 293px;
    height: 165px;
    position: absolute;
    top: 27px;
    right: 46px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-data-visualization .top-section-hbspt-custom__content-after:after {
    width: 233px;
    height: 134px;
    position: absolute;
    top: 20px;
    right: 38px
  }
}

@media only screen and (max-width: 1279px) {
  .product-page-data-visualization .top-section-hbspt-custom__content-after:before {
    content: "";
    width: 210px;
    height: 163px;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-image: url("/wp-content/themes/prodege_theme/img/top_img_pointer.png");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
  }
}

@media only screen and (max-width: 979px) {
  .product-page-data-visualization .top-section-hbspt-custom__content-after:before {
    width: 111px;
    height: 126px;
    background-image: url("/wp-content/themes/prodege_theme/img/top_img_poiner_mob.png")
  }
}

.product-page-mobile-research .top-section-hbspt-custom__content-after:after {
  content: "";
  width: 193px;
  height: 309px;
  position: absolute;
  top: 69px;
  right: 18px;
  background-image: url("/wp-content/themes/prodege_theme/img/map_mob_rez.gif");
  background-repeat: no-repeat;
  background-size: cover
}

@media only screen and (max-width: 1279px) {
  .product-page-mobile-research .top-section-hbspt-custom__content-after:after {
    width: 132px;
    height: 211px;
    top: 74px;
    right: 136px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-mobile-research .top-section-hbspt-custom__content-after:after {
    top: 51px;
    right: 17px
  }
}

.product-page-mobile-research .top-section-hbspt-custom__content-after:before {
  content: "";
  width: 195px;
  height: 204px;
  position: absolute;
  top: 79px;
  left: 0px;
  background-image: url("/wp-content/themes/prodege_theme/img/card_mob_rez.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1
}

@media only screen and (max-width: 1279px) {
  .product-page-mobile-research .top-section-hbspt-custom__content-after:before {
    width: 149px;
    height: 156px;
    position: absolute;
    top: 45px;
    left: 10px;
    background-size: 191px;
    background-position: -20px -24px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1)
  }
}

@media only screen and (max-width: 979px) {
  .product-page-mobile-research .top-section-hbspt-custom__content-after:before {
    top: 22px
  }
}

.product-page-mobile-research .top-section-hbspt-custom__content.image_position_tablet_top {
  padding-right: 0
}

@media only screen and (max-width: 979px) {
  .product-page-mobile-research .top-section-hbspt-custom__content.image_position_tablet_top .top-section-hbspt-custom__content-after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 10px;
    position: relative;
    padding-right: 0
  }
}

.top-section-hbspt-custom-mobile__container {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom-mobile__container {
    display: block;
    width: 90%;
    margin: 30px auto;
    padding: 0 12px
  }
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom__description {
  width: 70%;
  margin: 10px auto;
  text-align: center
}

@media only screen and (max-width: 480px) {
  .top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom__description {
    width: 100%;
    max-width: 297px
  }
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom__description ul {
  list-style-type: none;
  padding-left: 34px;
  padding-top: 10px;
  text-align: left
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom__description ul li {
  position: relative;
  padding-bottom: 12px
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom__description ul li:before {
  content: "";
  background-color: #9dc92e;
  width: 11px;
  height: 11px;
  position: absolute;
  left: -33px;
  top: 7px
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom__description h3 {
  font-size: 16px;
  color: #2c99a4;
  font-weight: 700;
  line-height: 140%;
  margin-top: 2rem
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom__description br.desktop {
  display: none
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom__description br.tablet {
  display: none
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom-form {
  position: relative;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom-form .hbspt-form {
  background-color: #fff;
  padding: 20px 24px 61px
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom-form .hbspt-form .hs-submit:after {
  width: 27px;
  height: 27px;
  right: 23px;
  background-repeat: no-repeat
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom-form .hbspt-form .hs-submit input {
  padding: 10px 68px 10px 20px;
  font-size: 16px;
  min-height: 68px
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom-form .hbspt-form .hs-form-field {
  margin-bottom: 20px
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom-form .hbspt-form input {
  min-height: 44px
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom-form .hbspt-form label {
  padding-bottom: 3px
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom-form .top-section-hbspt-mobile-custom-form__title {
  text-align: center;
  padding-top: 30px;
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 480px) {
  .top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom-form .top-section-hbspt-mobile-custom-form__title {
    max-width: 202px;
    margin: auto
  }

  .product-page-mobile-research .top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom-form .top-section-hbspt-mobile-custom-form__title {
    max-width: 220px
  }
}

.top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom-form .top-section-hbspt-mobile-custom-form__mark {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #4a4a4a;
  text-align: center
}

@media only screen and (max-width: 480px) {
  .top-section-hbspt-custom-mobile__container .top-section-hbspt-mobile-custom-form .top-section-hbspt-mobile-custom-form__mark {
    max-width: 192px;
    margin: auto
  }
}

.single-product .top-section-hbspt-mobile-custom-form.form-submited {
  padding: 0;
  width: 428px
}

@media only screen and (max-width: 979px) {
  .single-product .top-section-hbspt-mobile-custom-form.form-submited {
    position: relative;
    max-width: unset;
    min-width: unset;
    width: 100%
  }
}

.single-product .top-section-hbspt-mobile-custom-form.form-submited .top-section-hbspt-mobile-custom-form__mark {
  display: none
}

@media only screen and (max-width: 979px) {
  .single-product .top-section-hbspt-mobile-custom-form.form-submited .top-section-hbspt-mobile-custom-form__title {
    background: #582362;
    color: #fff;
    font-size: 26px;
    padding: 59px 16px;
    margin-bottom: 0;
    font-weight: 300;
    max-width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .single-product .top-section-hbspt-mobile-custom-form.form-submited .submitted-message {
    font-weight: 300;
    line-height: 125%;
    text-align: center;
    color: #4a4a4a;
    font-size: 23px;
    padding: 45px 16px 62px;
    margin: 0 auto;
    max-width: 280px
  }
}

.single-product .top-section-hbspt-mobile-custom-form.form-submited .hbspt-form {
  padding: 0
}

.top-section-hbspt-mobile-custom__subtitle {
  text-align: center;
  max-width: 325px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 15px
}

.top-section-hbspt-mobile-custom-form .hbspt-form .hs-submit input {
  background-color: #582362
}

@media only screen and (max-width: 979px) {
  .product-page-mobile-research .top-section-hbspt-custom__container {
    padding-top: 126px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-mobile-research .top-section-hbspt-custom__content.image_position_desktop_right {
    padding-bottom: 45px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__content-after.mobile-hide {
    display: none !important
  }
}

.top-section-hbspt-custom__content-after.mobile-visible {
  display: none !important
}

@media only screen and (max-width: 979px) {
  .top-section-hbspt-custom__content-after.mobile-visible {
    display: block !important
  }
}

.single-product .menu-wrapper {
  background: #582362;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

.product-top-section {
  padding-top: 64px;
  position: relative;
  color: #fff;
  width: 100%
}

.product-top-section__figure {
  position: absolute;
  width: 100%;
  height: calc(100% - 64px);
  z-index: -1;
  margin: 0
}

.product-top-section__image-desktop,
.product-top-section__image-mobile {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media only screen and (max-width: 979px) {
  .product-top-section__image-desktop {
    display: none
  }
}

.product-top-section__image-mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-top-section__image-mobile {
    display: block
  }
}

.product-top-section__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.product-top-section__left-figure {
  max-width: 473px;
  width: 50%;
  padding-right: 20px;
  margin: auto 0 0;
  -webkit-transform: translateY(32px);
  transform: translateY(32px)
}

@media only screen and (max-width: 1279px) {
  .product-top-section__left-figure {
    max-width: 356px
  }
}

@media only screen and (max-width: 979px) {
  .product-top-section__left-figure {
    display: none
  }
}

.product-top-section__left-image {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.product-top-section__content {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 56px 0 20px
}

@media only screen and (max-width: 1279px) {
  .product-top-section__content {
    padding: 27px 0 27px 17px
  }
}

@media only screen and (max-width: 979px) {
  .product-top-section__content {
    width: 100%;
    padding: 124px 0 110px
  }
}

.product-top-section__title {
  font-weight: 700;
  font-size: 38px;
  line-height: 125%;
  margin-bottom: 16px
}

@media only screen and (max-width: 1279px) {
  .product-top-section__title {
    font-size: 36px;
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 979px) {
  .product-top-section__title {
    font-size: 25px;
    text-align: center;
    width: 100%
  }
}

.product-top-section__subtitle {
  font-weight: 300;
  font-size: 37px;
  margin-top: -16px;
  display: inline-block;
  line-height: 125%;
  display: block;
  letter-spacing: 0px
}

@media only screen and (max-width: 1279px) {
  .product-top-section__subtitle {
    font-size: 24px;
    margin-top: -5px;
    margin-bottom: 3px
  }
}

@media only screen and (max-width: 979px) {
  .product-top-section__subtitle {
    font-size: 18px;
    line-height: 110%;
    margin-bottom: 14px
  }
}

.product-top-section__description {
  font-size: 18px;
  line-height: 140%
}

.product-top-section__description br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-top-section__description {
    max-width: 390px
  }

  .product-top-section__description br.desktop {
    display: none
  }

  .product-top-section__description p {
    margin: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-top-section__description {
    font-size: 16px;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-top-section__description br {
    display: none
  }
}

.product-top-section__description br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-top-section__description br.mobile {
    display: block
  }
}

.product-top-section__description--peeq {
  font-weight: 700;
  font-size: 19.5px;
  line-height: 140%
}

@media only screen and (max-width: 1279px) {
  .product-top-section__description--peeq {
    font-size: 16px
  }
}

.product-top-section__description--peeq strong {
  font-weight: 300;
  font-size: 28px;
  line-height: 125%
}

@media only screen and (max-width: 1279px) {
  .product-top-section__description--peeq strong {
    font-size: 23px
  }
}

@media only screen and (max-width: 1279px) {
  .product-top-section__description--peeq img {
    max-width: 264px
  }
}

@media only screen and (max-width: 979px) {
  .product-top-section__description--peeq br {
    display: block
  }
}

.product-top-section__button {
  display: inline-block;
  position: relative;
  padding: 18px 78px 18px 28px;
  background-color: #2c99a4;
  color: #fff;
  margin-top: 30px;
  font-weight: 300;
  font-size: 25px;
  line-height: 30px;
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .product-top-section__button {
    margin-top: 10px
  }
}

@media only screen and (max-width: 979px) {
  .product-top-section__button {
    margin: 30px auto 0;
    font-size: 16px;
    line-height: 20px
  }
}

.product-top-section__button:after {
  -webkit-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
  right: 16px;
  transition: all .3s
}

@media only screen and (max-width: 979px) {
  .product-top-section__button:after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.product-top-section__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #292c49
}

.product-top-section__button:hover:after {
  right: 10px
}

@media only screen and (max-width: 1279px) {
  .product-top-section__button:hover {
    background-color: #2c99a4
  }

  .product-top-section__button:hover:after {
    right: 16px
  }
}

.product-ribbon {
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  width: 100%;
  padding-top: 65px;
  color: #fff;
  min-height: 234px;
  margin-top: -140px
}

@media only screen and (max-width: 1279px) {
  .product-ribbon {
    padding-top: 53px;
    min-height: 130px;
    padding-bottom: 30px
  }
}

@media only screen and (max-width: 979px) {
  .product-ribbon {
    padding: 76px 0 39px;
    overflow: hidden
  }
}

.product-ribbon__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: self-start;
  align-items: self-start;
  height: 100%;
  width: 37%;
  -ms-flex-direction: column;
  flex-direction: column
}

@media only screen and (max-width: 1279px) {
  .product-ribbon__container {
    width: 46%
  }
}

@media only screen and (max-width: 979px) {
  .product-ribbon__container {
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto
  }
}

.ribbon-slider .product-ribbon__container {
  width: 100%
}

@media only screen and (max-width: 979px) {
  .ribbon-slider .product-ribbon__container {
    max-width: 820px
  }
}

.ribbon-slider .js-ribbon__slider.swiper-container-horizontal {
  grid-column: 1;
  grid-row: 1/3;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, black 20%, black 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, black 20%, black 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  position: relative;
  width: 75%;
  margin-left: -40px
}

@media only screen and (max-width: 1279px) {
  .ribbon-slider .js-ribbon__slider.swiper-container-horizontal {
    width: 100%;
    margin-left: -24px;
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.1) 10%, black 20%, black 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.1) 10%, black 20%, black 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%)
  }
}

.ribbon-slider .js-ribbon__slider.swiper-container-vertical {
  grid-column: 2;
  grid-row: 1/3;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, black 20%, black 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, black 20%, black 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%)
}

@media only screen and (max-width: 979px) {
  .ribbon-slider .js-ribbon__slider.swiper-container-vertical {
    grid-column: 1;
    grid-row: 2;
    -webkit-mask-image: linear-gradient(0, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 20%, black 33%, black 85%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(0, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 20%, black 33%, black 85%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%)
  }
}

.ribbon-slider .gallery-box__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: auto 800px;
  gap: 6px 32px;
  margin: auto
}

@media only screen and (max-width: 979px) {
  .ribbon-slider .gallery-box__container {
    gap: 0 32px;
    grid-template-columns: auto
  }
}

.ribbon-slider .js-ribbon__slider {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .ribbon-slider .js-ribbon__slider {
    padding: 12px 0;
    text-align: center;
    width: 100%;
    margin: 0;
    width: 100%;
    height: 260px
  }
}

.ribbon-slider .js-ribbon__slider .product-ribbon__figure {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  padding-right: 40px
}

@media only screen and (max-width: 1279px) {
  .ribbon-slider .js-ribbon__slider .product-ribbon__figure {
    padding-right: 25px
  }
}

@media only screen and (max-width: 979px) {
  .ribbon-slider .js-ribbon__slider .product-ribbon__figure {
    padding: 12px 0;
    text-align: center;
    width: 100%
  }
}

.ribbon-slider .js-ribbon__slider .product-ribbon__image {
  max-height: 86px;
  max-width: 100%;
  width: auto
}

@media only screen and (max-width: 979px) {
  .ribbon-slider .js-ribbon__slider .product-ribbon__image {
    max-height: 100%;
    height: auto;
    max-width: 168px
  }
}

@media only screen and (max-width: 1279px) {
  .performance_marketing .ribbon-slider .gallery-box__container {
    margin-top: 10px
  }
}

@media only screen and (max-width: 1279px) {
  .performance_marketing .product-ribbon {
    padding-bottom: 74px
  }
}

.product-ribbon__label {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  text-align: left
}

.product-ribbon__label strong {
  font-size: 25px;
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-ribbon__label {
    font-size: 16px;
    text-align: center
  }

  .product-ribbon__label strong {
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-ribbon__label {
    width: 285px;
    font-weight: 700;
    padding-bottom: 20px
  }
}

.product-ribbon__gallery {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .product-ribbon__gallery {
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .product-ribbon__gallery {
    width: calc(113% + 40px);
    padding-left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.product-ribbon__figure {
  max-width: 100%
}

@media only screen and (max-width: 1279px) {
  .product-ribbon__figure {
    margin: 0 -1%
  }
}

@media only screen and (max-width: 1279px) {
  .product-ribbon__image {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
  }
}

.single-product .button--lime-underline {
  line-height: 1
}

.product-marketing-offers-page .product-top-section__description {
  font-size: 23px;
  line-height: 140%;
  letter-spacing: .3px
}

.product-marketing-offers-page .product-top-section__description p {
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .product-marketing-offers-page .product-top-section__description {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-marketing-offers-page .top-section-hbspt__image {
  -o-object-position: left center;
  object-position: left center
}

.product-marketing-offers-page .product-ribbon__gallery {
  margin-top: 5px
}

@media only screen and (max-width: 1279px) {
  .product-marketing-offers-page .product-ribbon__gallery {
    width: 100%;
    padding-top: 15px
  }
}

@media only screen and (max-width: 979px) {
  .product-marketing-offers-page .product-ribbon__gallery {
    width: 286px;
    margin-top: -16px
  }
}

@media only screen and (max-width: 1279px) {
  .product-marketing-offers-page .product-ribbon__figure {
    margin: 0 -10px
  }
}

@media only screen and (max-width: 979px) {
  .product-marketing-offers-page .product-ribbon__figure {
    margin: 0;
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: center;
    margin-top: 23px
  }

  .product-marketing-offers-page .product-ribbon__figure img {
    max-width: 100%
  }
}

.product-marketing-offers-page .product-ribbon {
  padding-top: 53px;
  padding-bottom: 65px
}

.product-marketing-offers-page .product-top-section__description {
  font-size: 16px;
  letter-spacing: .2px
}

.product-marketing-offers-page .top-section-hbspt__description {
  max-width: 340px
}

@media only screen and (max-width: 979px) {
  .product-marketing-offers-page .product-ribbon__figure:nth-child(1) {
    -ms-flex-order: 1;
    order: 1
  }

  .product-marketing-offers-page .product-ribbon__figure:nth-child(2) {
    -ms-flex-order: 3;
    order: 3
  }

  .product-marketing-offers-page .product-ribbon__figure:nth-child(3) {
    -ms-flex-order: 2;
    order: 2
  }
}

.product-page-data-visualization .product-reporting-header__title {
  margin-bottom: 15px;
  max-width: 777px
}

.product-page-data-visualization .product-reporting-header__text {
  max-width: 888px;
  margin: 0 auto;
  padding: 0
}

@media only screen and (max-width: 1279px) {
  .product-page-data-visualization .product-reporting-header__text {
    margin: 0 -34px;
    max-width: 889px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-data-visualization .product-reporting-header__text {
    margin: 0 auto;
    max-width: 325px;
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-data-visualization .product-ribbon__gallery {
    width: 278px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-data-visualization .product-ribbon__figure {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: center;
    margin: 13px 0
  }
}

@media only screen and (max-width: 1279px) {
  .product-page-data-visualization .product-ribbon {
    padding-bottom: 56px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-data-visualization .product-ribbon {
    padding-bottom: 40px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-data-visualization .top-section-hbspt__description {
    max-width: 270px
  }
}

.product-page-mobile-research .top-section-hbspt__description br {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-page-mobile-research .top-section-hbspt__description br {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .product-page-mobile-research .top-section-hbspt__description br {
    display: none
  }
}

.product-page-mobile-research .top-section-hbspt__description br.desktop {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-page-mobile-research .top-section-hbspt__description br.desktop {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-page-mobile-research .top-section-hbspt__description br.desktop {
    display: none
  }
}

.product-page-mobile-research .top-section-hbspt__description br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-page-mobile-research .top-section-hbspt__description br.mobile {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  .product-page-mobile-research .product-ribbon {
    padding-bottom: 12px;
    padding-top: 24px;
    min-height: 120px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-mobile-research .product-ribbon {
    padding-top: 80px;
    padding-bottom: 80px
  }
}

.product-page-mobile-research .product-ribbon__gallery {
  padding-top: 15px;
  padding-bottom: 12px
}

@media only screen and (max-width: 1279px) {
  .product-page-mobile-research .product-ribbon__gallery {
    padding-top: 11px;
    padding-bottom: 19px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-mobile-research .product-ribbon__gallery {
    padding-top: 0;
    width: 284px
  }
}

@media only screen and (max-width: 1279px) {
  .product-page-mobile-research .product-top-section__description {
    max-width: 385px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-mobile-research .product-top-section__description {
    max-width: 251px
  }

  .product-page-mobile-research .product-top-section__description strong {
    display: block;
    margin-top: 20px;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-mobile-research .product-ribbon__figure {
    margin: 0;
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: center
  }

  .product-page-mobile-research .product-ribbon__figure:nth-child(n+3) {
    margin-top: 23px
  }

  .product-page-mobile-research .product-ribbon__figure img {
    max-width: 100%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
}

.product-page-mobile-research .product-.top-section-hbspt-custom + .product-ribbon .product-ribbon__label {
  margin-right: 50px
}

@media only screen and (max-width: 1279px) {
  .product-page-mobile-research .product-.top-section-hbspt-custom + .product-ribbon .product-ribbon__label {
    margin-right: 30px
  }
}

@media only screen and (max-width: 1279px) {
  .product-page-ad-effectiveness .product-ribbon {
    padding-bottom: 99px;
    padding-top: 80px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-ad-effectiveness .product-ribbon {
    padding-bottom: 80px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-ad-effectiveness .product-ribbon__gallery {
    margin-top: -7px
  }
}

.product-page-ad-effectiveness .product-ribbon__figure {
  margin: 3px -4%
}

@media only screen and (max-width: 979px) {
  .product-page-ad-effectiveness .product-ribbon__figure {
    margin: 10px 0
  }
}

@media only screen and (max-width: 979px) {
  .product-page-ad-effectiveness .product-ribbon__figure:nth-child(3) {
    width: 100%;
    text-align: center;
    -ms-flex-order: -1;
    order: -1
  }
}

.product-page-ad-effectiveness .product-ribbon__image {
  -webkit-transform: scale(0.78);
  transform: scale(0.78)
}

@media only screen and (max-width: 979px) {
  .product-page-ad-effectiveness .product-ribbon__image {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@media only screen and (max-width: 979px) {
  .product-page-prodege-peeq .product-ribbon__label {
    padding-bottom: 0
  }
}

.product-page-prodege-peeq .product-ribbon__figure {
  margin: 0px -9%
}

@media only screen and (max-width: 1279px) {
  .product-page-prodege-peeq .product-ribbon__figure {
    margin: 0px -12%
  }
}

@media only screen and (max-width: 979px) {
  .product-page-prodege-peeq .product-ribbon__figure {
    margin: 11px 0%
  }
}

@media only screen and (max-width: 979px) {
  .product-page-prodege-peeq .product-ribbon__figure:nth-child(4) {
    margin: 0
  }
}

.product-page-prodege-peeq .product-ribbon__image {
  -webkit-transform: scale(0.57);
  transform: scale(0.57)
}

@media only screen and (max-width: 1279px) {
  .product-page-prodege-peeq .product-ribbon__image {
    -webkit-transform: scale(0.49);
    transform: scale(0.49)
  }
}

@media only screen and (max-width: 979px) {
  .product-page-prodege-peeq .product-ribbon__image {
    -webkit-transform: scale(0.68);
    transform: scale(0.68)
  }
}

@media only screen and (max-width: 979px) {
  .product-page-prodege-peeq .product-ribbon__gallery {
    width: 350px
  }
}

@media only screen and (max-width: 1279px) {
  .product-top-section__image-desktop {
    -o-object-fit: fill;
    object-fit: fill
  }
}

.product-top-section__button {
  width: 318px;
  margin-top: 42px
}

@media only screen and (max-width: 1279px) {
  .product-top-section__button {
    width: auto;
    margin-top: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-top-section__button {
    margin-top: 10px
  }
}

.product-page-behavioral-data .top-section-hbspt__description {
  max-width: 430px
}

@media only screen and (max-width: 979px) {
  .product-page-behavioral-data .top-section-hbspt__description {
    max-width: 300px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-behavioral-data .product-top-section__description {
    max-width: 300px
  }

  .product-page-behavioral-data .product-ribbon__figure:nth-child(2) {
    margin-top: 24px
  }
}

.product-page-quantitative-research .top-section-hbspt__description {
  max-width: 430px
}

@media only screen and (max-width: 1279px) {
  .product-page-quantitative-research .top-section-hbspt__description {
    max-width: 380px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-quantitative-research .top-section-hbspt__description {
    max-width: 305px
  }
}

@media only screen and (max-width: 1279px) {
  .product-page-quantitative-research .product-ribbon {
    padding-bottom: 49px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-quantitative-research .product-ribbon {
    padding-bottom: 65px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-quantitative-research .product-ribbon__label {
    padding-bottom: 12px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-quantitative-research .product-ribbon__image {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
}

@media only screen and (max-width: 979px) {
  .product-page-quantitative-research .product-ribbon__figure {
    margin: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-page-quantitative-research .product-ribbon__figure:not(:first-child) {
    margin-top: 35px
  }
}

.product-page-quantitative-research .product-ribbon__gallery {
  padding-top: 10px
}

@media only screen and (max-width: 1279px) {
  .product-page-quantitative-research .product-ribbon__gallery {
    padding-top: 22px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-quantitative-research .product-ribbon__gallery {
    padding-top: 0px;
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
  }
}

.product-page-quantitative-research .product-top-section__description {
  max-width: 520px
}

@media only screen and (max-width: 1279px) {
  .product-page-quantitative-research .product-top-section__description {
    max-width: none
  }
}

@media only screen and (max-width: 979px) {
  .product-page-quantitative-research .product-top-section__description {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 1279px) {
  .product-page-quantitative-research .product-carousel__title {
    max-width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .product-page-quantitative-research .product-carousel__title {
    max-width: 320px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-quantitative-research .product-carousel-banner__decription {
    max-width: 280px
  }
}

.product-page-quantitative-research .product-ribbon__figure:nth-child(3) {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

@media only screen and (max-width: 979px) {
  .product-page-quantitative-research .product-ribbon__figure:nth-child(3) {
    -webkit-transform: none;
    transform: none
  }
}

.product-page-qualitative-research .product-top-section__description {
  max-width: 526px
}

@media only screen and (max-width: 1279px) {
  .product-page-qualitative-research .product-top-section__description {
    max-width: none;
    width: 400px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-qualitative-research .product-top-section__description {
    width: auto
  }
}

@media only screen and (max-width: 1279px) {
  .product-page-qualitative-research .product-ribbon {
    padding-bottom: 45px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-qualitative-research .product-ribbon__image {
    -webkit-transform: scale(1.073);
    transform: scale(1.073)
  }
}

@media only screen and (max-width: 979px) {
  .product-page-qualitative-research .product-ribbon__gallery {
    width: 330px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-qualitative-research .product-ribbon__figure {
    margin: 0 0 1rem
  }
}

@media only screen and (max-width: 979px) {
  .product-page-qualitative-research .top-section-hbspt__description {
    max-width: 310px
  }
}

.product-carousel {
  width: 100%;
  margin: 83px 0 0
}

.product-carousel.images--lg {
  margin-top: 83px
}

@media only screen and (max-width: 1279px) {
  .product-carousel.images--lg {
    margin-top: 55px
  }
}

@media only screen and (max-width: 979px) {
  .product-carousel.images--lg {
    margin-top: 65px
  }
}

@media only screen and (max-width: 979px) {
  .product-carousel {
    margin: 65px 0 42px
  }
}

@media only screen and (max-width: 979px) {
  .product-marketing-offers-page .product-carousel.images--lg {
    margin-top: 45px
  }
}

@media only screen and (max-width: 979px) {
  .product-marketing-offers-page .product-carousel__description.color--blue {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-carousel__container {
  max-width: 1152px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-carousel__container {
    max-width: 820px
  }
}

.product-carousel__title {
  text-align: center;
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .product-carousel__title {
    font-size: 36px;
    max-width: 470px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-carousel__title {
    font-size: 25px;
    margin: auto auto 6px;
    max-width: 320px
  }

  .product-carousel__title br {
    display: none
  }
}

.product-carousel__description {
  text-align: center;
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  margin-bottom: 82px;
  color: #2c99a4
}

.product-carousel__description.color--blue {
  font-weight: 700;
  color: #2c99a4;
  max-width: 675px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9px
}

@media only screen and (max-width: 1279px) {
  .product-carousel__description.color--blue {
    margin-top: 7px
  }
}

@media only screen and (max-width: 979px) {
  .product-carousel__description.color--blue {
    margin-top: 3px;
    font-size: 16px;
    line-height: 140%
  }
}

@media only screen and (max-width: 1279px) {
  .product-carousel__description {
    margin-bottom: 54px
  }

  .product-carousel__description br {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .product-carousel__description {
    font-size: 18px;
    line-height: 110%;
    margin: auto auto 30px;
    max-width: 320px
  }
}

.product-carousel__slider-wrapper {
  background: #582362;
  width: 100%;
  position: relative;
  padding: 8px 0
}

@media only screen and (max-width: 1279px) {
  .product-carousel__slider-wrapper {
    padding: 10px 0
  }
}

@media only screen and (max-width: 979px) {
  .product-carousel__slider-wrapper {
    display: none
  }
}

.product-carousel__slider-list {
  list-style: none;
  padding: 0;
  margin: 0
}

.product-carousel__slider-item {
  color: #fff;
  width: 82%;
  font-weight: 300;
  font-size: 20px;
  line-height: 140%;
  padding: 8px 15px 8px 56px;
  transition: all .3s;
  cursor: pointer
}

@media only screen and (max-width: 1279px) {
  .product-carousel__slider-item {
    width: 61%;
    font-size: 18px;
    padding: 4px 15px 4px 56px
  }
}

.product-carousel__slider-item:hover {
  font-weight: 700
}

.product-carousel__slider-item .br-mobile {
  display: none
}

@media(min-width: 1280px) {
  .images--lg .product-carousel__slider-item {
    width: 55%
  }
}

.product-carousel__slider-item--active {
  background: #2c99a4;
  font-weight: 700
}

.product-carousel__swiper-desktop {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 117%;
  overflow: hidden
}

@media only screen and (max-width: 1279px) {
  .product-carousel__swiper-desktop {
    height: 125%
  }
}

.product-carousel__figure {
  margin: 0
}

.product-carousel__image {
  margin: 0;
  width: 100%;
  display: block;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

@media only screen and (max-width: 1279px) {
  .product-carousel__image--desktop {
    display: none
  }
}

.product-carousel__image--tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-carousel__image--tablet {
    display: block;
    -webkit-transform: translate(12px, 2px);
    transform: translate(12px, 2px)
  }
}

.product-carousel__swiper-mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-carousel__swiper-mobile {
    display: block
  }
}

.product-carousel__mobile-card {
  width: 264px;
  height: 264px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, .19);
  background: linear-gradient(180deg, #582362 0%, #582362 56%, white 56%, white 100%)
}

.product-carousel__mobile-title {
  font-weight: 700;
  font-size: 23px;
  line-height: 120%;
  color: #fff;
  text-align: center;
  height: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 17px
}

.product-carousel__mobile-figure {
  margin: -4px 12px 5px
}

.product-carousel__mobile-image {
  display: block;
  max-width: 100%;
  margin: auto
}

.product-carousel-banner {
  display: -ms-flexbox;
  display: flex;
  padding: 56px 0;
  background: rgba(239, 233, 231, .44);
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 979px) {
  .product-carousel-banner {
    background: linear-gradient(180deg, #ffffff 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 54px 18px 40px
  }
}

.product-carousel-banner__content {
  width: 380px;
  padding-left: 56px;
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-carousel-banner__content {
    width: 370px
  }
}

@media only screen and (max-width: 979px) {
  .product-carousel-banner__content {
    width: 100%;
    padding-left: 0;
    text-align: center
  }
}

.product-carousel-banner__content:hover {
  text-decoration: none
}

.product-carousel-banner__title {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .product-carousel-banner__title {
    font-size: 18px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-carousel-banner__decription {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  color: #4a4a4a
}

.product-carousel-banner__decription br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-carousel-banner__decription br.desktop {
    display: none
  }
}

.product-carousel-banner__decription br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-carousel-banner__decription br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-carousel-banner__decription br.tablet {
    display: none
  }
}

.product-carousel-banner__decription br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-carousel-banner__decription br.mobile {
    display: block
  }
}

.product-carousel-banner__decription br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-carousel-banner__decription {
    font-size: 16px
  }

  .product-carousel-banner__decription br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-carousel-banner__decription {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto
  }

  .product-carousel-banner__decription br.tablet {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .performance_marketing .product-carousel-banner__decription {
    max-width: 267px;
    margin-bottom: 30px
  }
}

.product-carousel-banner__cta {
  width: 650px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1279px) {
  .product-carousel-banner__cta {
    max-width: 42vw;
    width: 400px
  }
}

@media only screen and (max-width: 979px) {
  .product-carousel-banner__cta {
    max-width: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    padding-left: 0
  }
}

.product-carousel-banner__button {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #fff;
  padding: 30px 90px 30px 25px;
  background: #2c99a4;
  transition: all .3s;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-carousel-banner__button {
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-carousel-banner__button {
    padding: 23px 90px 23px 25px;
    font-size: 16px
  }
}

.product-carousel-banner__button:after {
  -webkit-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
  right: 16px;
  transition: all .3s
}

@media only screen and (max-width: 979px) {
  .product-carousel-banner__button:after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.product-carousel-banner__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #292c49
}

.product-carousel-banner__button:hover:after {
  right: 10px
}

@media only screen and (max-width: 1279px) {
  .product-carousel-banner__button:hover {
    background-color: #2c99a4
  }

  .product-carousel-banner__button:hover:after {
    right: 16px
  }
}

@media only screen and (max-width: 979px) {
  .images--lg .product-carousel__title {
    margin: 0 -20px;
    width: 100vw;
    max-width: 100vw
  }
}

@media only screen and (max-width: 979px) {
  .images--lg .product-carousel__mobile-title {
    margin-top: 21px
  }
}

.images--lg .product-carousel__slider-wrapper {
  margin-top: 140px
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-carousel__slider-wrapper {
    margin-top: 63px
  }
}

.images--lg .product-carousel__swiper-desktop {
  height: 194%;
  top: 50%;
  right: 16px;
  max-width: 638px
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-carousel__swiper-desktop {
    height: 175%;
    top: calc(50% + 26px);
    max-width: 437px
  }
}

.images--lg .product-carousel__slider-item {
  padding: 9px 15px 9px 56px
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-carousel__slider-item {
    padding: 7px 15px 7px 56px
  }
}

.images--lg .product-carousel-banner {
  padding-top: 90px;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-carousel-banner {
    padding-top: 43px;
    padding-bottom: 30px;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media only screen and (max-width: 979px) {
  .images--lg .product-carousel-banner {
    margin-top: -17px;
    padding: 0 25px;
    padding-top: 80px;
    padding-bottom: 30px
  }
}

.images--lg .product-carousel-banner__title {
  margin-bottom: 15px;
  max-width: 400px
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-carousel-banner__title {
    margin-bottom: 8px
  }
}

@media only screen and (max-width: 979px) {
  .images--lg .product-carousel-banner__title {
    margin-left: auto;
    margin-right: auto
  }
}

.images--lg .product-carousel-banner__content {
  width: 565px;
  padding-left: 60px
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-carousel-banner__content {
    width: 425px;
    padding-left: 55px
  }
}

@media only screen and (max-width: 979px) {
  .images--lg .product-carousel-banner__content {
    width: auto;
    padding-left: 0
  }
}

.images--lg .product-carousel-banner__cta {
  margin-left: 10%;
  margin-bottom: -28px;
  width: auto
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-carousel-banner__cta {
    margin-left: 0;
    margin-bottom: -11px;
    width: auto;
    margin-right: 78px
  }
}

@media only screen and (max-width: 979px) {
  .images--lg .product-carousel-banner__cta {
    margin-left: 0;
    margin-bottom: -7px;
    width: auto;
    margin-right: 0px
  }
}

.images--lg .product-carousel-banner__button {
  padding: 29px 105px 30px 25px
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-carousel-banner__button {
    padding: 19px 80px 19px 22px
  }
}

@media only screen and (max-width: 979px) {
  .images--lg .product-carousel-banner__button {
    padding: 22px 80px 22px 28px;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}

@media only screen and (max-width: 979px) {
  .performance_marketing .images--lg .product-carousel-banner__cta {
    margin-bottom: 0
  }
}

.product-solutions {
  margin-top: 100px;
  margin-bottom: 157px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .product-solutions {
    margin-top: 80px;
    margin-bottom: 82px
  }
}

@media only screen and (max-width: 979px) {
  .product-solutions {
    margin-top: 40px;
    margin-bottom: 46px
  }
}

.product-solutions__container {
  max-width: 1152px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-solutions__container {
    max-width: 820px
  }
}

.product-solutions__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .product-solutions__title {
    padding: 0;
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-solutions__title {
    padding: 0;
    font-size: 25px
  }
}

.product-solutions__description {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #2c99a4;
  max-width: 700px;
  margin: 0 auto
}

@media only screen and (max-width: 979px) {
  .product-solutions__description {
    font-size: 18px;
    line-height: 110%;
    padding: 0 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-solutions__list-wrapper {
    margin-top: 60px
  }
}

.product-solutions__list-desktop {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 18px;
  margin-right: -18px;
  display: -ms-flexbox;
  display: flex;
  padding: 120px 140px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 1279px) {
  .product-solutions__list-desktop {
    padding: 38px 0 0;
    margin: auto -30px auto -11px
  }
}

@media only screen and (max-width: 979px) {
  .product-solutions__list-desktop {
    display: none
  }
}

.product-solutions__item {
  width: calc(33% - 14px);
  margin: 0 7px 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-solutions__item {
    min-width: 0;
    width: 258px;
    margin: 0 7px 90px
  }
}

.product-solutions__item:nth-child(3n+1) {
  width: calc(26% - 14px)
}

@media only screen and (max-width: 1279px) {
  .product-solutions__item:nth-child(3n+1) {
    width: calc(26% - 14px)
  }
}

.product-solutions__item:nth-child(3n+2) {
  width: calc(34% - 14px)
}

@media only screen and (max-width: 1279px) {
  .product-solutions__item:nth-child(3n+2) {
    width: calc(35% - 14px)
  }
}

.product-solutions__item:nth-child(3n+3) {
  width: calc(33% - 14px)
}

@media only screen and (max-width: 1279px) {
  .product-solutions__item:nth-child(3n+3) {
    width: calc(34% - 14px)
  }
}

.product-solutions__item:nth-child(4) .product-solutions__item-description {
  padding: 0 4px
}

@media only screen and (max-width: 979px) {
  .product-solutions__item:nth-child(4) .product-solutions__item-description {
    padding: 0 20px
  }
}

.product-solutions__item-link {
  color: #2c99a4;
  text-decoration: none
}

.product-solutions__item-link .product-solutions__item-title {
  text-decoration: underline;
  color: #2c99a4
}

.product-solutions__item-link .product-solutions__item-description {
  color: #4a4a4a
}

.product-solutions__item-link:hover {
  text-decoration: none
}

.product-solutions__item-figure {
  border-radius: 50%;
  width: 99px;
  height: 99px;
  margin: 0 auto 2rem
}

.product-solutions__item-image {
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

.product-solutions__item-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 133%;
  text-align: center;
  color: #582362;
  margin-bottom: 4px
}

.product-solutions__item-description {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .product-solutions__item-description br {
    display: none
  }
}

.product-solutions__thank-you-text {
  font-weight: 700;
  font-size: 23px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .product-solutions__thank-you-text {
    max-width: 650px;
    margin: 0 auto 1rem
  }
}

@media only screen and (max-width: 979px) {
  .product-solutions__thank-you-text {
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    margin: 50px auto 10px;
    max-width: 234px
  }
}

.product-solutions__cta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.product-solutions__button {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #fff;
  padding: 30px 90px 30px 25px;
  background: #2c99a4;
  transition: all .3s;
  position: relative;
  display: inline-block;
  margin: 20px auto 0
}

@media only screen and (max-width: 1279px) {
  .product-solutions__button {
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-solutions__button {
    font-size: 16px;
    margin: 0 auto;
    padding: 23px 90px 23px 25px
  }
}

.product-solutions__button:after {
  -webkit-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
  right: 16px;
  transition: all .3s
}

@media only screen and (max-width: 979px) {
  .product-solutions__button:after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.product-solutions__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #9dc92e
}

.product-solutions__button:hover:after {
  right: 10px
}

@media only screen and (max-width: 979px) {
  .product-solutions__button:hover {
    background-color: #2c99a4
  }

  .product-solutions__button:hover:after {
    right: 16px
  }
}

.product-page-quantitative-research .product-solutions__button {
  background-color: #2c99a4
}

.product-page-quantitative-research .product-solutions__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #292c49
}

.product-solutions__swiper-mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-solutions__swiper-mobile {
    display: block
  }
}

.product-solutions__slide {
  width: 264px;
  min-height: 284px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, .19);
  position: relative;
  background-color: #fff;
  padding: 93px 18px 18px
}

.product-solutions__slide:after {
  content: "";
  width: 100%;
  height: 86px;
  background-color: #fff;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 3
}

.product-solutions__slide:before {
  content: "";
  width: 110px;
  height: 110px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, calc(-50% + 21px));
  transform: translate(-50%, calc(-50% + 21px));
  box-shadow: 0px 0px 8px rgba(0, 0, 0, .19);
  z-index: 2
}

.product-solutions__slide-link {
  text-decoration: none
}

.product-solutions__slide-link .product-solutions__slide-title {
  text-decoration: underline;
  color: #2c99a4
}

.product-solutions__slide-figure {
  width: 99px;
  height: 99px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  position: absolute;
  left: calc(50% - 49px);
  top: -28px;
  z-index: 4
}

.product-solutions__slide-image {
  width: 100%
}

.product-solutions__slide-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

.product-solutions__slide-description {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  text-align: center;
  color: #4a4a4a
}

.product-quote-card {
  width: 100%;
  background: linear-gradient(91.44deg, #582362 0%, #2C99A4 100%);
  color: #fff;
  padding: 100px 0 140px;
  position: relative;
  margin-bottom: 260px
}

@media only screen and (max-width: 1279px) {
  .product-quote-card {
    padding-bottom: 164px;
    margin-bottom: 184px
  }
}

@media only screen and (max-width: 979px) {
  .product-quote-card {
    padding: 42px 0 170px;
    margin-bottom: 164px
  }
}

.product-quote-card__title {
  font-weight: 300;
  font-size: 46px;
  line-height: 133%;
  text-align: center;
  margin-bottom: 32px
}

@media only screen and (max-width: 1279px) {
  .product-quote-card__title {
    font-size: 38px
  }
}

@media only screen and (max-width: 979px) {
  .product-quote-card__title {
    font-size: 36px;
    margin-bottom: 16px
  }
}

.product-quote-card__title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-quote-card__title br {
    display: block
  }
}

.product-quote-card__description {
  max-width: 840px;
  font-weight: 700;
  font-size: 26px;
  line-height: 125%;
  text-align: center;
  margin: 0 auto
}

@media only screen and (max-width: 1279px) {
  .product-quote-card__description {
    max-width: 660px;
    font-size: 23px
  }
}

@media only screen and (max-width: 979px) {
  .product-quote-card__description {
    max-width: 288px;
    font-size: 16px
  }
}

.product-quote-card__quote {
  width: 100%;
  max-width: 946px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  min-height: 200px;
  padding: 45px 45px 45px 245px;
  z-index: 52;
  background-color: #fff;
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  color: #582362;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .product-quote-card__quote {
    min-height: 175px;
    padding: 27px 56px 27px 220px;
    max-width: 820px
  }
}

@media only screen and (max-width: 979px) {
  .product-quote-card__quote {
    padding: 66px 42px 30px;
    font-size: 16px;
    text-align: center;
    width: calc(100% - 40px);
    max-width: 320px
  }
}

.product-quote-card__quote:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 100%;
  background-color: #2c99a4;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA5MiA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ5LjIzNzcgMjEuNjdDNDkuMjM3NyAzMC41MTkyIDUxLjk2MzMgMzguNjcyOCA1Ny40MTQ2IDQ2LjEzMDlDNjMuMDkxIDUzLjc4MTkgNzAuMjUzMyA2MC4xOTczIDc4LjQ2ODYgNjQuOTg5MUw4NC43MDczIDU5LjQxMDhDODIuMTgzNCA1Ny4wNjAxIDgwLjAxNjIgNTQuMzUwNiA3OC4yNzQ4IDUxLjM2ODZDNzYuNDY1OCA0OC41MjQzIDc1LjM0OTQgNDUuMjkxOSA3NS4wMTYxIDQxLjkzMzVDNzkuNTYwMyA0MC44NDczIDgzLjYxMTcgMzguMjY0NiA4Ni41MjQ0IDM0LjU5N0M4OS41MDkzIDMwLjk2MjEgOTEuMTEyNyAyNi4zODEyIDkxLjA0OSAyMS42N0M5MS4xMDM5IDE1Ljk4ODkgODguOTEgMTAuNTE4NSA4NC45NDk2IDYuNDYxNzdDODMuMDU4MiA0LjQyMjk4IDgwLjc2OTIgMi43OTcxMSA3OC4yMjUgMS42ODU0MkM3NS42ODA4IDAuNTczNzIzIDcyLjkzNiAwIDcwLjE2MTUgMEM2Ny4zODY5IDAgNjQuNjQyMSAwLjU3MzcyMyA2Mi4wOTc5IDEuNjg1NDJDNTkuNTUzOCAyLjc5NzExIDU3LjI2NDcgNC40MjI5OCA1NS4zNzM0IDYuNDYxNzdDNTEuNDAzMSAxMC41MTQ4IDQ5LjE5NjQgMTUuOTg0NSA0OS4yMzc3IDIxLjY3Wk0wLjAwMDQ5NTkxMSAyMS42N0MwLjAwMDQ5NTkxMSAzMC41MTkyIDIuNzI2MTQgMzguNjcyOCA4LjE3NzQxIDQ2LjEzMDlDMTMuODUzOCA1My43ODE5IDIxLjAxNjIgNjAuMTk3MyAyOS4yMzE1IDY0Ljk4OTFMMzYuMTkwOSA1OS4zOTg2QzMzLjY2NSA1Ny4wNDgzIDMxLjQ5NTggNTQuMzM4OCAyOS43NTI0IDUxLjM1NjVDMjcuOTM1NiA0OC40ODE3IDI2LjcwMDcgNDUuMjc1NiAyNi4xMTgyIDQxLjkyMTNDMzAuNjYyOSA0MC44MzY0IDM0LjcxNDYgMzguMjUzNSAzNy42MjY0IDM0LjU4NDhDNDAuNjExMyAzMC45NSA0Mi4yMTQ3IDI2LjM2OSA0Mi4xNTEgMjEuNjU3OEM0Mi4yMDgyIDE1Ljk3NzUgNDAuMDE2NCAxMC41MDY5IDM2LjA1NzcgNi40NDk1OUMzNC4xODI1IDQuMzc5ODEgMzEuODg5NiAyLjczNTIyIDI5LjMzMTggMS42MjU0MkMyNi43NzQgMC41MTU2MTMgMjQuMDEgLTAuMDMzOTA0NSAyMS4yMjQxIDAuMDEzNDc4QzE4LjQyMDMgLTAuMDEyODc5IDE1LjY0MTkgMC41NDgwMDYgMTMuMDY1OSAxLjY2MDM2QzEwLjQ5IDIuNzcyNzEgOC4xNzMyNiA0LjQxMjEgNi4yNjM0MSA2LjQ3MzkzQzQuMjYxMjYgOC40NTc5MiAyLjY3NTQ1IDEwLjgyNDkgMS41OTk3MyAxMy40MzVDMC41MjQwMTcgMTYuMDQ1MSAtMC4wMTk3NzU0IDE4Ljg0NTIgMC4wMDA0OTU5MTEgMjEuNjdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
}

@media only screen and (max-width: 1279px) {
  .product-quote-card__quote:before {
    width: 175px
  }
}

@media only screen and (max-width: 979px) {
  .product-quote-card__quote:before {
    left: 50%;
    width: 82px;
    height: 82px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.product-proven {
  width: 100%;
  margin: auto;
  margin-top: 120px;
  max-width: 1440px;
  margin-bottom: 220px
}

@media only screen and (max-width: 1279px) {
  .product-proven {
    margin-top: 100px;
    max-width: 1024px;
    margin-bottom: 150px
  }
}

@media only screen and (max-width: 979px) {
  .product-proven {
    margin-top: 50px
  }
}

.product-proven-container {
  margin-top: 15px
}

@media only screen and (max-width: 979px) {
  .product-proven-container {
    width: calc(100% - 40px)
  }
}

.product-proven-banner {
  width: 97%;
  margin: auto;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-proven-banner {
    width: 100%
  }
}

.product-proven-banner-content {
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #572162;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 47px 110px 70px 23px;
  width: 90%;
  gap: 60px
}

@media only screen and (max-width: 1279px) {
  .product-proven-banner-content {
    padding: 31px 109px 51px 0px;
    text-align: center;
    gap: 39px
  }
}

@media only screen and (max-width: 979px) {
  .product-proven-banner-content {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 0px;
    width: 100%;
    background: rgba(239, 233, 231, .44);
    gap: 27px;
    padding-bottom: 40px
  }
}

.product-proven__title {
  color: #fff;
  font-size: 28px;
  font-weight: 700
}

@media only screen and (max-width: 1279px) {
  .product-proven__title {
    font-size: 22px;
    width: 80%
  }
}

@media only screen and (max-width: 979px) {
  .product-proven__title {
    font-size: 18px;
    line-height: 140%;
    width: 200px;
    color: #582362
  }
}

.product-proven-banner-figure.--desktop {
  display: block;
  position: absolute;
  right: -26%;
  top: -26%;
  width: 35%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.product-proven-banner-figure.--mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-proven-banner-figure.--desktop {
    right: -30%;
    width: 42%
  }
}

@media only screen and (max-width: 979px) {
  .product-proven-banner-figure.--desktop {
    display: none
  }

  .product-proven-banner-figure.--mobile {
    display: block;
    -ms-flex-order: 2;
    order: 2;
    width: 54%
  }
}

.product-proven-banner-figure__image {
  width: 100%
}

.product-proven-cta {
  position: relative;
  right: 28px
}

@media only screen and (max-width: 1279px) {
  .product-proven-cta {
    position: static
  }
}

@media only screen and (max-width: 979px) {
  .product-proven-cta {
    width: 70%;
    margin: auto;
    -ms-flex-order: 3;
    order: 3
  }
}

.product-proven-cta__btn {
  color: #fff;
  padding: 32px 100px 32px 30px;
  font-size: 23px;
  background: #2c99a4;
  transition: .3s ease;
  position: relative
}

.product-proven-cta__btn:hover {
  background: #292c49;
  color: #fff;
  text-decoration: none;
  transition: .3s ease
}

@media only screen and (max-width: 1279px) {
  .product-proven-cta__btn:hover {
    background: #2c99a4
  }
}

.product-proven-cta__btn.--desktop::after {
  content: url("/wp-content/themes/prodege_theme/img/download_icon.png");
  position: absolute;
  right: 17px;
  top: 55%;
  -webkit-transform: translateY(-50%) scale(0.5);
  transform: translateY(-50%) scale(0.5)
}

@media only screen and (max-width: 1279px) {
  .product-proven-cta__btn.--desktop::after {
    -webkit-transform: translateY(-50%) scale(0.4);
    transform: translateY(-50%) scale(0.4)
  }
}

.product-proven-cta__btn.--mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-proven-cta__btn.--desktop {
    padding: 18px 80px 20px 25px;
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-proven-cta__btn.--desktop {
    right: 0;
    top: 53%;
    padding: 20px 76px 20px 25px;
    font-size: 16px;
    margin-top: 0;
    display: inline-block
  }

  .product-proven-cta__btn.--desktop::after {
    right: 6px
  }

  .product-proven-cta__btn.--mobile {
    padding: 20px 47px 20px 0px;
    font-size: 16px
  }

  .product-proven-cta__btn.--mobile:hover::after {
    right: -22px
  }

  .product-proven-cta__btn.--mobile::after {
    content: url("/wp-content/themes/prodege_theme/img/arrow.png");
    position: absolute;
    right: -10px;
    top: 55%;
    -webkit-transform: translateY(-50%) scale(0.3);
    transform: translateY(-50%) scale(0.3)
  }
}

@media only screen and (max-width: 1279px) {
  .performance_marketing .product-proven {
    margin-top: 40px
  }
}

@media only screen and (max-width: 979px) {
  .performance_marketing .product-proven {
    margin-bottom: 114px
  }
}

@media only screen and (max-width: 1279px) {
  .performance_marketing .product-proven__title {
    width: 55%
  }
}

@media only screen and (max-width: 979px) {
  .performance_marketing .product-proven__title {
    width: 214px
  }
}

@media only screen and (max-width: 1279px) {
  .performance_marketing .product-proven-banner-figure.--desktop {
    right: -24%;
    width: 39%;
    top: -23%
  }
}

@media only screen and (max-width: 979px) {
  .performance_marketing .product-proven--image-right .product-proven-banner-figure.--mobile {
    width: 257px
  }
}

.commerce_cashback_shopping .product-proven {
  margin-top: 0
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .product-proven {
    margin-top: 0
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .product-proven {
    margin-bottom: 120px
  }
}

.commerce_cashback_shopping .product-proven-banner-figure.--desktop {
  top: -40%;
  width: 402px
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .product-proven-banner-figure.--desktop {
    width: 351px
  }
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .product-proven__title {
    max-width: 400px;
    text-align: center
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .product-proven--image-right .product-proven-banner-figure.--mobile {
    width: 84%
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .product-proven--image-right .product-proven-banner-content {
    gap: 0px
  }
}

.product-gain {
  width: 100%;
  margin: auto;
  margin-top: 0px;
  max-width: 1440px;
  margin-bottom: -5px
}

@media only screen and (max-width: 1279px) {
  .product-gain {
    max-width: 1024px;
    margin-bottom: 0
  }
}

.product-gain-container {
  padding-top: 141px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 95px;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .product-gain-container {
    padding-top: 65px;
    gap: 50px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-container {
    padding-top: 32px;
    width: 90%;
    gap: 25px
  }
}

.product-gain-header {
  text-align: center
}

.product-gain-header__title {
  color: #582362;
  font-size: 38px
}

@media only screen and (max-width: 1279px) {
  .product-gain-header__title {
    margin-bottom: -3px
  }
}

.product-gain-header__title p {
  margin-bottom: 8px
}

@media only screen and (max-width: 979px) {
  .product-gain-header__title p {
    margin-bottom: 5px
  }
}

.product-gain-header__title br.mobile {
  display: none
}

.product-gain-header__title strong {
  font-weight: 700;
  color: #9dc92e
}

@media only screen and (max-width: 1279px) {
  .product-gain-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-header__title {
    font-size: 23px;
    line-height: 34px
  }

  .product-gain-header__title br.mobile {
    display: block
  }
}

.product-gain-header__text {
  font-size: 23px;
  font-weight: 700;
  color: #2c99a4;
  line-height: 32px;
  width: 60%;
  margin: auto
}

.product-gain-header__text br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-gain-header__text {
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-header__text {
    font-size: 16px;
    line-height: 23px
  }

  .product-gain-header__text br.mobile {
    display: block
  }
}

.product-gain-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 35px
}

@media only screen and (max-width: 1279px) {
  .product-gain-body {
    gap: 20px
  }
}

.product-gain-body-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

@media only screen and (max-width: 979px) {
  .product-gain-body-items {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 65px
  }
}

.product-gain-body-items-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  width: 32%;
  gap: 8px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-gain-body-items-item {
    width: 40%;
    gap: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-body-items-item {
    width: 100%;
    gap: 16px;
    padding: 0
  }
}

.product-gain-body-items-item-figure {
  margin-bottom: 30px
}

@media only screen and (max-width: 1279px) {
  .product-gain-body-items-item-figure {
    margin-bottom: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-body-items-item-figure {
    width: 74%;
    margin-bottom: 10px
  }
}

.product-gain-body-items-item-figure.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-gain-body-items-item-figure.desktop {
    display: none
  }
}

.product-gain-body-items-item-figure.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-gain-body-items-item-figure.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-body-items-item-figure.tablet {
    display: none
  }
}

.product-gain-body-items-item-figure.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-gain-body-items-item-figure.mobile {
    display: block
  }
}

.product-gain-body-items-item-figure__image {
  width: 100%
}

.product-gain-body-items-item__title {
  font-size: 18px;
  font-weight: 700;
  color: #582362;
  margin-bottom: 10px
}

@media only screen and (max-width: 1279px) {
  .product-gain-body-items-item__title {
    margin-bottom: 0
  }
}

.product-gain-body-items-item__text {
  font-size: 18px;
  line-height: 25px;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .product-gain-body-items-item__text {
    font-size: 18px;
    line-height: 25px;
    max-width: 324px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-gain-body-cta {
  margin-top: -4px
}

@media only screen and (max-width: 1279px) {
  .product-gain-body-cta {
    margin-top: 7px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-body-cta {
    width: 100%;
    width: 170px;
    text-align: center;
    margin-top: -8px
  }
}

.product-gain-body-cta a {
  font-size: 25px
}

@media only screen and (max-width: 1279px) {
  .product-gain-body-cta a {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-body-cta a {
    font-size: 16px;
    line-height: 20px
  }
}

.product-gain-body-cta:hover .product-gain-body-cta__link {
  color: #fff;
  text-decoration: none
}

@media only screen and (max-width: 979px) {
  .product-gain-body-cta {
    width: 200px;
    text-align: center;
    margin-top: -8px
  }
}

.product-gain-body-cta__link {
  font-size: 23px;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .product-gain-body-cta__link {
    color: #582362 !important
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-body-cta__link {
    font-size: 16px;
    line-height: 20px
  }
}

.product-engagement {
  width: 100%;
  margin: auto;
  margin-top: 60px;
  max-width: 1440px;
  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, .2);
  padding-bottom: 165px
}

@media only screen and (max-width: 1279px) {
  .product-engagement {
    padding-bottom: 0;
    max-width: 1024px
  }
}

@media only screen and (max-width: 979px) {
  .product-engagement {
    margin-top: 75px
  }
}

.product-engagement-header {
  text-align: center
}

.product-engagement-header__title {
  font-size: 38px;
  line-height: 50px;
  color: #582362
}

.product-engagement-header__title br.desktop {
  display: block
}

@media only screen and (max-width: 979px) {
  .product-engagement-header__title {
    font-size: 23px;
    line-height: 32px
  }
}

.product-engagement-body {
  margin-top: 83px
}

.product-engagement-body-swiper-slides {
  width: 100%;
  overflow: hidden
}

.product-engagement-body-swiper-slides-slide,
.product-engagement-body-swiper-slides-slide__image {
  width: 100%
}

.product-engagement-body-swiper-container {
  width: 85%;
  margin: auto;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-engagement-body-swiper-container {
    width: 100%
  }
}

.product-engagement-body-swiper {
  position: relative
}

.product-engagement-body-swiper-arrow {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  margin: 0
}

.product-engagement-body-swiper-arrow.--left {
  left: -5%
}

.product-engagement-body-swiper-arrow.--right {
  right: -5%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.product-engagement-body-swiper-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 50% !important;
  bottom: -30% !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  max-width: 1040px;
  width: 100%;
  height: 72px;
  padding: 8px 0
}

.product-engagement-body-swiper-pagination::before {
  content: "";
  position: absolute;
  left: -5px;
  top: -8px;
  height: calc(100% + 16px);
  width: 80px;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.95) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 99
}

.product-engagement-body-swiper-pagination::after {
  content: "";
  position: absolute;
  right: -5px;
  top: -8px;
  height: calc(100% + 16px);
  width: 80px;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0.95) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 99
}

.product-engagement-body-swiper-arrow__image {
  width: 60%
}

.product-engagement-body-swiper-pagination-hidden {
  display: none
}

.product-engagement-body-swiper-pagination-wrapper {
  position: absolute;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all .3s;
  left: 52px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.product-engagement-body-swiper-pagination__bullet {
  padding: 16px;
  color: #582362;
  font-size: 18px;
  border-radius: 0;
  width: auto;
  min-width: 200px;
  height: 56px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  border: none;
  margin: 0 10px;
  line-height: 140%;
  text-align: center;
  transition: all .3s;
  cursor: pointer
}

.product-engagement-body-swiper-pagination-active-bg {
  background-color: #2c99a4;
  color: #fff;
  font-weight: 700;
  top: 8px;
  left: 96px;
  width: 192px;
  transition: all .3s;
  min-width: 200px;
  height: 56px;
  position: absolute;
  bottom: 0;
  z-index: -1
}

.product-drive {
  width: 100%;
  margin-top: 120px
}

@media only screen and (max-width: 1279px) {
  .product-drive {
    margin-top: 65px
  }
}

@media only screen and (max-width: 979px) {
  .product-drive {
    margin-top: 60
  }
}

.product-drive-container {
  width: 100%
}

.product-drive-header {
  width: 80%;
  margin: auto;
  text-align: center
}

.product-drive-header__title {
  color: #582362;
  font-size: 38px
}

@media only screen and (max-width: 1279px) {
  .product-drive-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-header__title {
    font-size: 25px
  }
}

.product-drive-header__text {
  font-size: 18px;
  margin-top: 20px
}

@media only screen and (max-width: 979px) {
  .product-drive-header__text {
    font-size: 16px;
    margin-top: 8px
  }
}

.product-drive-body {
  background-color: #572162;
  background-image: url("/wp-content/themes/prodege_theme/development/html_templates/temp2_files/bg_purple.png");
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -ms-flex-align: center;
  align-items: center;
  padding: 90px 198px;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 1279px) {
  .product-drive-body {
    margin-top: 15px;
    padding: 61px 97px;
    gap: 66px
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-body {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 63px 35px;
    gap: 0;
    padding-bottom: 0
  }
}

.product-drive-body-figure {
  position: relative;
  width: 53%
}

@media only screen and (max-width: 1279px) {
  .product-drive-body-figure {
    width: 57%
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-body-figure {
    width: 130%;
    margin-top: 20px
  }
}

.product-drive-body-figure__image {
  width: 100%
}

.product-drive-body-figure-float {
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(74, 74, 74, .75);
  padding: 60px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding .3s linear
}

.product-drive-body-figure-float:hover {
  padding: 70px;
  transition: padding .3s linear
}

@media only screen and (max-width: 979px) {
  .product-drive-body-figure-float {
    padding: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.product-drive-body-figure-float__image {
  width: 100%
}

@media only screen and (max-width: 979px) {
  .product-drive-body-figure-float__image {
    width: 63%
  }
}

.product-drive-body-content {
  width: 42%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30px
}

@media only screen and (max-width: 1279px) {
  .product-drive-body-content {
    width: 33%;
    gap: 10px
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-body-content {
    width: 100%;
    text-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.product-drive-body-content__text {
  font-size: 23px;
  line-height: 32px;
  color: #fff;
  margin: 0
}

.product-drive-body-content-cta {
  font-size: 23px;
  margin: 0
}

@media only screen and (max-width: 979px) {
  .product-drive-body-content-cta {
    font-size: 16px
  }
}

.product-drive-body-content-cta__link {
  color: #fff
}

.product-drive-body-content-cta__link:hover {
  color: #fff;
  text-decoration: none
}

.product-reaching {
  width: 100%;
  margin: auto;
  margin-top: 83px;
  max-width: 1360px
}

@media only screen and (max-width: 1279px) {
  .product-reaching {
    margin-top: 55px;
    max-width: 1024px
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching {
    margin-top: 65px
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching-container {
    width: 90%
  }
}

.product-reaching-header {
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-reaching-header {
    width: 90%;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching-header {
    width: 100%
  }
}

.product-reaching-header__title {
  font-size: 38px;
  line-height: 50px;
  color: #582362
}

.product-reaching-header__title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-reaching-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching-header__title {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 8px;
    max-width: 314px;
    margin-left: auto;
    margin-right: auto
  }

  .product-reaching-header__title br.mobile {
    display: block
  }
}

.product-reaching-header__text {
  font-weight: 700;
  color: #2c99a4;
  font-size: 23px
}

@media only screen and (max-width: 979px) {
  .product-reaching-header__text {
    font-size: 16px
  }
}

.product-reaching-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.product-reaching-body-map {
  width: 70%;
  margin: auto;
  margin-top: 28px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-reaching-body-map {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-map {
    margin-top: 6px;
    width: 100%;
    max-width: 225px
  }
}

.product-reaching-body-map__item-wrapper {
  position: absolute
}

.product-reaching-body-map__item-wrapper:nth-child(1) {
  top: 95px;
  left: 10px
}

@media only screen and (max-width: 1279px) {
  .product-reaching-body-map__item-wrapper:nth-child(1) {
    top: 93px;
    left: -78px
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-map__item-wrapper:nth-child(1) {
    top: 40px;
    left: -58px
  }
}

.product-reaching-body-map__item-wrapper:nth-child(2) {
  bottom: 43px;
  left: 262px
}

@media only screen and (max-width: 1279px) {
  .product-reaching-body-map__item-wrapper:nth-child(2) {
    bottom: 40px;
    left: 163px
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-map__item-wrapper:nth-child(2) {
    bottom: 17px;
    left: 52px
  }
}

.product-reaching-body-map__item-wrapper:nth-child(3) {
  top: 38px;
  right: 127px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

@media only screen and (max-width: 1279px) {
  .product-reaching-body-map__item-wrapper:nth-child(3) {
    top: 36px;
    right: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-map__item-wrapper:nth-child(3) {
    top: 14px;
    right: -5px
  }
}

.product-reaching-body-map__item-wrapper:nth-child(3) .product-reaching-body-map__item-box {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.product-reaching-body-map__item {
  width: 198px;
  height: 172px;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-image: url(/wp-content/themes/prodege_theme/img/marketing-map-mark.svg);
  background-repeat: no-repeat;
  position: relative
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-map__item {
    width: 95px;
    height: 83px;
    background-size: contain
  }
}

.product-reaching-body-map__item-box {
  width: 153px;
  height: 151px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  left: 10px
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-map__item-box {
    width: 65px;
    height: 62px;
    top: 11px;
    left: 9px
  }
}

.product-reaching-body-map__item-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 103%;
  margin-bottom: 13px
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-map__item-title {
    font-size: 12px;
    margin-bottom: 8px
  }
}

.product-reaching-body-map__item-subtitle {
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 11px
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-map__item-subtitle {
    font-size: 12px;
    margin-bottom: 8px
  }
}

.product-reaching-body-map__item-text {
  font-weight: 700;
  font-size: 20px;
  line-height: 103%;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-map__item-text {
    font-size: 10px
  }
}

.product-reaching-body-map__image {
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .product-reaching-body-map__image {
    width: 130%
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-map__image {
    width: 150%
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-items-wrapper {
    padding-bottom: 45px;
    background: linear-gradient(180deg, #FFFFFF 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
    width: 100vw;
    margin-left: -5%;
    margin-right: -5%
  }
}

.product-reaching-body-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin-top: 62px
}

@media only screen and (max-width: 1279px) {
  .product-reaching-body-items {
    margin-top: 48px
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-items {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 4px;
    gap: 0px
  }
}

.product-reaching-body-items-item {
  width: 37%;
  text-align: center
}

.product-reaching-body-items-item:nth-child(1) {
  position: relative;
  right: 45px
}

.product-reaching-body-items-item:nth-child(2) {
  width: 32%;
  position: relative;
  right: 19px
}

@media only screen and (max-width: 1279px) {
  .product-reaching-body-items-item {
    width: 42%
  }

  .product-reaching-body-items-item:nth-child(1) {
    right: 22px
  }

  .product-reaching-body-items-item:nth-child(2) {
    width: 33%
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-items-item {
    position: static !important;
    width: 100%
  }

  .product-reaching-body-items-item:nth-child(2) {
    width: 100%
  }

  .product-reaching-body-items-item:last-child {
    margin-top: 12px
  }
}

.product-reaching-body-items-item-title {
  font-size: 18px;
  font-weight: 700;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-items-item-title {
    margin-bottom: 12px
  }
}

.product-reaching-body-items-item-text {
  font-size: 18px;
  max-width: 535px;
  line-height: 140%;
  color: #4a4a4a
}

.product-reaching-body-items-item-text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-items-item-text {
    font-size: 16px;
    width: auto;
    margin: auto;
    max-width: 324px
  }

  .product-reaching-body-items-item-text br.mobile {
    display: block
  }
}

.product-reaching-body-items-item-figure {
  width: 56px;
  height: 56px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 17px auto;
  margin-bottom: 6px
}

.product-reaching-body-items-item-figure__image {
  max-width: 100%
}

.product-reaching-body-cta {
  margin-top: 18px;
  font-size: 25px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-reaching-body-cta {
    margin-top: 17px
  }
}

.product-reaching-body-cta:hover .product-reaching-body-cta__link {
  color: #fff;
  text-decoration: none
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-cta {
    margin-top: 15px
  }
}

.product-reaching-body-cta__link {
  color: #582362;
  font-size: 25px
}

@media only screen and (max-width: 1279px) {
  .product-reaching-body-cta__link {
    color: #582362 !important
  }
}

@media only screen and (max-width: 979px) {
  .product-reaching-body-cta__link {
    font-size: 16px
  }
}

.product-cards {
  width: 100%;
  margin-top: 83px;
  margin-bottom: 70px
}

@media only screen and (max-width: 1279px) {
  .product-cards {
    margin-top: 55px;
    margin-bottom: 54px
  }
}

@media only screen and (max-width: 979px) {
  .product-cards {
    margin-top: 65px;
    margin-bottom: 25px
  }
}

.product-cards__content {
  text-align: center
}

.product-cards__content-title {
  color: #582362;
  font-size: 3.8rem;
  margin-bottom: 2rem
}

@media only screen and (max-width: 1279px) {
  .product-cards__content-title {
    font-size: 3.6rem
  }
}

@media only screen and (max-width: 979px) {
  .product-cards__content-title {
    font-size: 2.5rem;
    margin-bottom: 1rem
  }
}

.product-cards__content-text-d {
  display: block;
  color: #4a4a4a;
  margin: 0 auto 50px;
  max-width: 860px;
  line-height: 2.5rem;
  font-size: 1.7rem
}

@media only screen and (max-width: 1279px) {
  .product-cards__content-text-d {
    margin: 0 auto 30px
  }
}

@media only screen and (max-width: 979px) {
  .product-cards__content-text-d {
    display: none
  }
}

.product-cards__content-text-d strong {
  color: #572162
}

.product-cards__content-text-m {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-cards__content-text-m {
    max-width: 330px;
    color: #4a4a4a;
    display: block;
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding: 0 2rem;
    margin: 0 auto 50px
  }
}

.product-cards__container {
  position: relative
}

.product-cards__container-m {
  display: none;
  margin: 0rem 3rem 2.8rem 3rem
}

@media only screen and (max-width: 979px) {
  .product-cards__container-m {
    display: block
  }
}

.product-cards__container-d {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-cards__container-d {
    padding: 0 25px
  }
}

@media only screen and (max-width: 979px) {
  .product-cards__container-d {
    display: none
  }
}

.product-cards__container-arrow-d {
  width: 100%;
  position: absolute;
  top: 5rem;
  z-index: -1
}

@media only screen and (max-width: 979px) {
  .product-cards__container-arrow-d {
    display: none
  }
}

.product-cards-swiper-slide-m {
  width: 250px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

.product-cards-swiper__slide-card-m {
  width: 100%
}

.product-cards-swiper__slide-card-header-m {
  background-color: #572162;
  padding: 2.5rem 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 11rem
}

.product-cards-swiper__slide-card-header-title-m {
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.2rem
}

.product-cards-swiper__slide-card-body-m {
  height: 100%
}

.product-cards-swiper__slide-card-body-image-m {
  width: 100%;
  height: 100%
}

.product-cards__container-d {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 0 15px;
  max-width: 1170px
}

@media only screen and (max-width: 1279px) {
  .product-cards__container-d {
    max-width: 820px
  }
}

@media only screen and (max-width: 979px) {
  .product-cards__container-d {
    display: none
  }
}

.product-cards__container-card-d {
  width: 26%;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  overflow: hidden
}

@media only screen and (max-width: 1279px) {
  .product-cards__container-card-d {
    width: 28%
  }
}

.product-cards__container-card-header-d {
  background-color: #572162;
  padding: 3rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 13rem
}

@media only screen and (max-width: 1279px) {
  .product-cards__container-card-header-d {
    padding: 2rem;
    height: 10rem
  }
}

.product-cards__container-card-header-title-d {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  line-height: 2.5rem;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .product-cards__container-card-header-title-d {
    font-size: 14px;
    line-height: 2rem
  }
}

.product-cards__container-card-body-d {
  height: calc(100% - 13rem)
}

@media only screen and (max-width: 1279px) {
  .product-cards__container-card-body-d {
    height: calc(100% - 10rem)
  }
}

.product-cards__container-card-body-image-d {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.product-cards__cta {
  text-align: center;
  margin-top: 50px
}

@media only screen and (max-width: 1279px) {
  .product-cards__cta {
    margin-top: 34px
  }
}

@media only screen and (max-width: 979px) {
  .product-cards__cta {
    margin-top: 28px
  }
}

.product-cards__cta-link {
  font-size: 2.5rem;
  color: #582362;
  padding-bottom: 1rem
}

@media only screen and (max-width: 1279px) {
  .product-cards__cta-link {
    font-size: 2.3rem
  }
}

@media only screen and (max-width: 979px) {
  .product-cards__cta-link {
    font-size: 1.6rem
  }
}

.product-download {
  width: 100%;
  margin-bottom: 20rem;
  padding-bottom: 20rem;
  background: linear-gradient(180deg, #ffffff 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18)
}

@media only screen and (max-width: 1279px) {
  .product-download {
    margin-bottom: 13rem;
    padding-bottom: 15rem
  }

  .product-download.product-proven--image-right .product-proven-banner-content {
    padding: 30px 109px 56px 0px;
    gap: 38px
  }
}

@media only screen and (max-width: 979px) {
  .product-download {
    margin-bottom: 6rem;
    padding-bottom: 0;
    background: none
  }
}

.product-download + .product-team-support {
  margin-top: 3rem
}

.product-download__cta {
  text-align: center;
  margin: 4rem 0 15rem
}

@media only screen and (max-width: 1279px) {
  .product-download__cta {
    margin: 2rem 0 11rem 0
  }
}

@media only screen and (max-width: 979px) {
  .product-download__cta {
    margin: 3rem -10% 8rem
  }
}

.product-download__cta-link {
  font-size: 2.5rem
}

@media only screen and (max-width: 979px) {
  .product-download__cta-link {
    font-size: 1.6rem;
    margin-left: auto;
    margin-right: auto
  }
}

.product-download__banner {
  display: -ms-flexbox;
  display: flex;
  max-width: 1150px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-download__banner {
    max-width: 820px
  }
}

@media only screen and (max-width: 979px) {
  .product-download__banner {
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
  }
}

.product-download__banner-figure-d {
  -ms-flex: 1;
  flex: 1;
  position: relative;
  display: block
}

@media only screen and (max-width: 979px) {
  .product-download__banner-figure-d {
    display: none
  }
}

.product-download__banner-figure-m {
  -ms-flex: 1;
  flex: 1;
  position: relative;
  display: none
}

@media only screen and (max-width: 979px) {
  .product-download__banner-figure-m {
    display: block;
    margin-bottom: 4rem
  }
}

.product-download__banner-image-d {
  width: 50%;
  position: absolute;
  left: -37%
}

@media only screen and (max-width: 1279px) {
  .product-download__banner-image-d {
    width: 40%;
    left: -29.7%
  }
}

@media only screen and (max-width: 979px) {
  .product-download__banner-image-d {
    display: none
  }
}

.product-download__banner-image-m {
  width: 100%
}

.product-download__banner_content {
  position: relative;
  width: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 4rem 2rem;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4rem;
  margin-left: 20%;
  background-color: #572162
}

@media only screen and (max-width: 1279px) {
  .product-download__banner_content {
    padding: 2.5rem 2rem 2.5rem 3rem;
    margin-left: calc(20% - 1em);
    gap: 1.4rem
  }
}

@media only screen and (max-width: 979px) {
  .product-download__banner_content {
    margin-left: 0;
    background-color: rgba(239, 233, 231, .44)
  }
}

.product-download__banner_content-title {
  font-size: 3.4rem;
  font-weight: 700;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .product-download__banner_content-title {
    font-size: 2.6rem
  }
}

@media only screen and (max-width: 979px) {
  .product-download__banner_content-title {
    color: #582362;
    font-size: 1.6rem;
    line-height: 2.2rem
  }
}

.product-download__banner_content-title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-download__banner_content-title br.mobile {
    display: block
  }
}

.product-download__banner_content-button-link {
  color: #fff;
  font-weight: 300;
  font-size: 2.3rem;
  border: none;
  outline: none;
  padding: 3rem;
  padding-right: 8rem;
  background-color: #2c99a4;
  transition: .3s ease;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-download__banner_content-button-link {
    padding: 2rem;
    padding-right: 7rem;
    font-size: 2rem
  }
}

@media only screen and (max-width: 979px) {
  .product-download__banner_content-button-link {
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
  }
}

.product-download__banner_content-button-link:hover {
  background-color: #292c49;
  transition: .3s ease;
  text-decoration: none;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .product-download__banner_content-button-link:hover {
    background-color: #2c99a4
  }
}

.product-download__banner_content-button-link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3rem;
  width: 25px;
  height: 27px;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-file-white.svg");
  background-repeat: no-repeat
}

@media only screen and (max-width: 1279px) {
  .product-download__banner_content-button-link:after {
    right: 2rem
  }
}

@media only screen and (max-width: 979px) {
  .product-download__banner_content-button-link:after {
    width: 23px;
    height: 25px;
    background-size: 23px auto
  }
}

.product-download__banner_content-button-icon {
  margin-left: 3rem
}

.product-download__banner_content-button-image {
  width: 2.5rem;
  height: 2.5rem
}

@media only screen and (max-width: 979px) {
  .product-proven--image-right .product-proven-banner-figure.--mobile {
    width: 54%
  }

  .product-proven--image-right .product-proven-banner-content {
    gap: 24px
  }
}

@media only screen and (max-width: 979px) {
  .performance_marketing .product-proven-banner-content {
    gap: 0px
  }
}

.product-kpi {
  width: 100%;
  margin-top: 70px;
  margin-bottom: 140px;
  padding: 0 48px
}

@media only screen and (max-width: 1279px) {
  .product-kpi {
    margin-top: 54px;
    margin-bottom: 100px;
    padding: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-kpi {
    margin-top: 25px
  }
}

.kpi-banner {
  background: linear-gradient(270deg, #FFFFFF 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
  display: -ms-flexbox;
  display: flex;
  max-width: 1070px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .kpi-banner {
    max-width: 820px
  }
}

@media only screen and (max-width: 979px) {
  .kpi-banner {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(239, 233, 231, 0.44) 80%, rgba(239, 233, 231, 0.44) 100%)
  }
}

.kpi-banner-text {
  padding: 4.5rem 8rem 4.5rem 6rem
}

@media only screen and (max-width: 1279px) {
  .kpi-banner-text {
    padding: 3.5rem 3rem 3.5rem 6rem
  }
}

@media only screen and (max-width: 979px) {
  .kpi-banner-text {
    padding: 3rem 3rem 4rem 3rem;
    text-align: center
  }
}

.kpi-banner-text h3 {
  color: #582362;
  font-size: 2.3rem;
  line-height: 3.2rem
}

@media only screen and (max-width: 979px) {
  .kpi-banner-text h3 {
    font-size: 1.6rem;
    line-height: 2.2rem
  }
}

.kpi-banner-text p {
  margin-top: 2rem;
  color: #4a4a4a;
  font-size: 1.8rem;
  line-height: 2.5rem
}

@media only screen and (max-width: 1279px) {
  .kpi-banner-text p {
    margin-top: 2rem
  }
}

@media only screen and (max-width: 979px) {
  .kpi-banner-text p {
    font-size: 1.6rem;
    line-height: 2.2rem
  }
}

.kpi-banner-text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .kpi-banner-text br.mobile {
    display: block
  }
}

.kpi-banner-image-wrapper {
  width: 29rem;
  height: 29rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media only screen and (max-width: 979px) {
  .kpi-banner-image-wrapper {
    height: 24rem;
    width: 24rem
  }
}

.kpi-banner-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: scale(1.15);
  transform: scale(1.15)
}

.product-tag-us {
  width: 100%;
  text-align: center;
  margin-top: 133px
}

.product-tag-us.desktop {
  margin-top: 135px
}

@media only screen and (max-width: 1279px) {
  .product-tag-us.desktop {
    margin-top: 95px
  }
}

@media only screen and (max-width: 979px) {
  .product-tag-us.desktop {
    display: none
  }
}

.product-tag-us.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-tag-us.mobile {
    margin-top: 80px;
    display: block
  }
}

.product-tag-us-title-d {
  color: #572162;
  font-size: 3.8rem;
  font-weight: 300
}

@media only screen and (max-width: 979px) {
  .product-tag-us-title-d {
    text-align: center;
    color: #572162;
    font-size: 2.5rem;
    font-weight: 300
  }
}

.product-tag-us-text-d {
  font-size: 2.2rem;
  margin: 1.7rem 0 6.5rem 0
}

@media only screen and (max-width: 1279px) {
  .product-tag-us-text-d {
    font-size: 1.8rem;
    margin: 1.4rem 0rem 2.7rem 0rem
  }
}

@media only screen and (max-width: 979px) {
  .product-tag-us-text-d {
    text-align: center;
    margin: 1.4rem 0rem 2.7rem 0rem;
    font-size: 1.6rem;
    line-height: 2.2rem
  }
}

.product-tag-us-text-d strong {
  color: #572162
}

.product-tag-us__thumb-swiper-d {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.product-tag-us__thumb-wrapper-d {
  display: -ms-flexbox;
  display: flex
}

.product-tag-us__thumb-slide-d {
  width: 237px;
  max-width: calc(25% - 7px);
  margin-right: 7px;
  cursor: pointer;
  background-color: #582362;
  padding: 2rem;
  color: #fff;
  font-size: 24px;
  font-weight: 400
}

@media only screen and (max-width: 1279px) {
  .product-tag-us__thumb-slide-d {
    width: 184px;
    padding: 1rem 2rem
  }
}

.product-tag-us__thumb-slide-d.active {
  background-color: #2c99a4;
  font-weight: 700
}

.product-tag-us-swiper-wrapper-d {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: auto auto 2rem
}

.product-tag-us-swiper-d {
  max-width: 1060px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-tag-us-swiper-d {
    max-width: 820px
  }
}

.product-tag-us-swiper__slide-d {
  box-shadow: 0px 3px 20px 0px #00000033;
  display: -ms-flexbox;
  display: flex;
  padding: 7rem 5rem;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 510px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .product-tag-us-swiper__slide-d {
    padding: 5rem 4rem
  }
}

.product-tag-us-swiper__slide-figure-d {
  width: 45%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.product-tag-us-swiper__slide-image-d {
  max-width: 100%
}

.product-tag-us-swiper__slide-content-d {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 45%;
  color: #4a4a4a
}

.product-tag-us-swiper__slide-content-d strong {
  color: #572162
}

.product-tag-us-swiper__slide-content-title-d {
  font-size: 3.8rem;
  font-weight: 700;
  margin-bottom: 2rem;
  color: #572162
}

.product-tag-us-swiper__slide-content-text-d {
  font-size: 2.4rem;
  line-height: 2.9rem;
  text-align: left;
  margin-bottom: 0;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .product-tag-us-swiper__slide-content-text-d br.desktop {
    display: none
  }
}

.product-tag-us-swiper__slide-content-text-d br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-tag-us-swiper__slide-content-text-d br.mobile {
    display: block
  }
}

.product-tag-us__accordion-m {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.product-tag-us__accordion-wrapper-m {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .product-tag-us__accordion-wrapper-m {
    padding-bottom: 2rem
  }
}

.product-tag-us__accordion_item-m {
  cursor: pointer;
  background-color: #582362;
  padding: 2rem 4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-align: left;
  margin-top: 1rem
}

.product-tag-us__accordion_item-m.active {
  background-color: #2c99a4
}

.product-tag-us__accordion_item-m.active .product-tag-us__accordion_item-title-m {
  font-weight: 700
}

.product-tag-us__accordion_item-m.active .product-tag-us__accordion_item-figure-m:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.product-tag-us__accordion_item-m.active + .product-tag-us__accordion_slide-m {
  display: block
}

.product-tag-us__accordion_item-title-m {
  margin: 0;
  font-size: 1.6;
  font-weight: 400;
  display: none
}

@media only screen and (max-width: 979px) {
  .product-tag-us__accordion_item-title-m {
    display: block
  }
}

.product-tag-us__accordion_item-figure-m {
  width: 20px;
  height: 20px;
  position: relative
}

.product-tag-us__accordion_item-figure-m:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .3s;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjU3MiA4LjU3MTcxSDExLjQyODlWMS40Mjg2MkMxMS40Mjg5IDAuNjM4NDIxIDEwLjc5MDUgMCAxMC4wMDAzIDBDOS4yMTAxMyAwIDguNTcxNzEgMC42Mzg0MjEgOC41NzE3MSAxLjQyODYyVjguNTcxNzFIMS40Mjg2MkMwLjYzODQyMSA4LjU3MTcxIDAgOS4yMTAxMyAwIDEwLjAwMDNDMCAxMC43OTA1IDAuNjM4NDIxIDExLjQyODkgMS40Mjg2MiAxMS40Mjg5SDguNTcxNzFWMTguNTcyQzguNTcxNzEgMTkuMzYyMiA5LjIxMDEzIDIwLjAwMDcgMTAuMDAwMyAyMC4wMDA3QzEwLjc5MDUgMjAuMDAwNyAxMS40Mjg5IDE5LjM2MjIgMTEuNDI4OSAxOC41NzJWMTEuNDI4OUgxOC41NzJDMTkuMzYyMiAxMS40Mjg5IDIwLjAwMDcgMTAuNzkwNSAyMC4wMDA3IDEwLjAwMDNDMjAuMDAwNyA5LjIxMDEzIDE5LjM2MjIgOC41NzE3MSAxOC41NzIgOC41NzE3MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=")
}

.product-tag-us__accordion_slide-m {
  box-shadow: 0px 3px 20px 0px #00000033;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2.5rem 0
}

.product-tag-us__accordion_slide-m:nth-child(6) .product-tag-us__accordion_slide-figure-m {
  padding: 0 16px
}

.product-tag-us__accordion_slide-figure-m {
  padding: 0 50px;
  margin: auto;
  width: 100%;
  max-width: 326px
}

.product-tag-us__accordion_slide-image-m {
  width: 100%
}

.product-tag-us__accordion_slide-content-m {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 3rem;
  color: #572162;
  padding: 0 2rem
}

@media only screen and (max-width: 979px) {
  .product-tag-us__accordion_slide-content-m {
    display: inline-block
  }
}

.product-tag-us__accordion_slide-content-title-m {
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 2rem;
  color: #572162
}

@media only screen and (max-width: 979px) {
  .product-tag-us__accordion_slide-content-title-m {
    text-align: left
  }
}

.product-tag-us__accordion_slide-content-text-m {
  font-size: 1.6rem;
  line-height: 2.2rem;
  text-align: left;
  margin-bottom: 0;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .product-tag-us__accordion_slide-content-text-m br.desktop {
    display: none
  }
}

.product-tag-us__accordion_slide-content-text-m br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-tag-us__accordion_slide-content-text-m br.mobile {
    display: block
  }
}

.product-tag-us__accordion_slide-content-text-m strong {
  color: #572162
}

.product-tag-us__accordion_slide-content-subtext-m {
  font-size: 1.3rem;
  text-align: left;
  margin-top: 1rem
}

.product-video {
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .product-video {
    background-image: url("/wp-content/themes/prodege_theme/img/purple_squares_bg.png");
    background-color: #582362;
    background-size: cover
  }
}

.product-video-header {
  width: 80%;
  margin: auto;
  text-align: center
}

.product-video-header__title {
  color: #572162;
  font-size: 38px
}

@media only screen and (max-width: 1279px) {
  .product-video-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-video-header__title {
    font-size: 25px
  }
}

.product-video-header__text {
  font-size: 23px;
  margin-top: 20px;
  margin-bottom: 30px;
  font-weight: 700;
  color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .product-video-header__text {
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 979px) {
  .product-video-header__text {
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 22px
  }
}

@media only screen and (max-width: 1279px) {
  .product-video__ccontainer {
    width: 100%
  }
}

.product-video__banner {
  background-image: url("/wp-content/themes/prodege_theme/img/purple_squares_bg.png");
  background-color: #582362;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8.5rem 10rem;
  max-width: 1160px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-video__banner {
    padding: 7rem 0 8rem;
    max-width: none;
    background-image: none;
    background-color: transparent
  }
}

@media only screen and (max-width: 979px) {
  .product-video__banner {
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
  }
}

.product-video__banner-content {
  color: #fff;
  width: 38%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start
}

@media only screen and (max-width: 1279px) {
  .product-video__banner-content {
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media only screen and (max-width: 979px) {
  .product-video__banner-content {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 5.5rem
  }
}

.product-video__banner-content-text {
  font-size: 2.3rem;
  line-height: 3.2rem;
  margin-bottom: 3rem;
  margin-top: 13px
}

.product-video__banner-content-text br.desktop {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-video__banner-content-text {
    margin-top: 0px;
    font-size: 2rem;
    line-height: 140%
  }

  .product-video__banner-content-text br.pc {
    display: none
  }

  .product-video__banner-content-text br.desktop {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-video__banner-content-text {
    margin-bottom: 0;
    font-size: 1.6rem
  }

  .product-video__banner-content-text br.pc {
    display: none
  }

  .product-video__banner-content-text br.desktop {
    display: none
  }
}

.product-video__banner-content-link {
  padding-bottom: 1rem;
  color: #fff;
  font-size: 2.5rem;
  -webkit-transform: translateX(-16px);
  transform: translateX(-16px)
}

@media only screen and (max-width: 1279px) {
  .product-video__banner-content-link {
    font-size: 2.2rem
  }

  .product-video__banner-content-link:hover {
    color: #fff
  }
}

@media only screen and (max-width: 979px) {
  .product-video__banner-content-link {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(calc(-16px - 50%));
    transform: translateX(calc(-16px - 50%));
    margin-bottom: 4rem;
    font-size: 16px
  }
}

.product-video__banner-content-video {
  position: relative;
  width: 55%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 979px) {
  .product-video__banner-content-video {
    width: 100%;
    height: 100%;
    margin-bottom: 10rem
  }
}

.product-video__banner-content-video iframe {
  width: 100%;
  height: 100%
}

.product-video__banner-content-video-image {
  width: 100%
}

.product-video__banner-content-video-link,
.product-more-behavioral__body-video-link,
.solutions-understand-body-item__link {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 164px;
  height: 164px;
  background: rgba(74, 74, 74, .75);
  color: #fff;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all .3s;
  cursor: pointer
}

.product-video__banner-content-video-link:hover,
.product-more-behavioral__body-video-link:hover,
.solutions-understand-body-item__link:hover {
  width: 200px;
  height: 200px
}

@media only screen and (max-width: 1279px) {

  .product-video__banner-content-video-link,
  .product-more-behavioral__body-video-link,
  .solutions-understand-body-item__link {
    width: 140px;
    height: 140px
  }

  .product-video__banner-content-video-link:hover,
  .product-more-behavioral__body-video-link:hover,
  .solutions-understand-body-item__link:hover {
    width: 140px;
    height: 140px
  }
}

@media only screen and (max-width: 979px) {

  .product-video__banner-content-video-link,
  .product-more-behavioral__body-video-link,
  .solutions-understand-body-item__link {
    width: 110px;
    height: 110px
  }

  .product-video__banner-content-video-link:hover,
  .product-more-behavioral__body-video-link:hover,
  .solutions-understand-body-item__link:hover {
    width: 110px;
    height: 110px
  }
}

.product-video__banner-content-video-link > *,
.product-more-behavioral__body-video-link > *,
.solutions-understand-body-item__link > * {
  pointer-events: none
}

.product-video__banner-content-video-icon,
.product-more-behavioral__body-video-icon,
.solutions-understand-body-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  color: #fff
}

.product-video__banner-content-video-icon:before,
.product-more-behavioral__body-video-icon:before,
.solutions-understand-body-item-icon:before {
  content: "";
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA0OCA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ1LjgzNzUgMjQuNjExOUw2LjI1NDEyIDAuNTgzMTA1TDYuMjUwMjIgMC41ODcyMDNDNC45NjEwNyAtMC4xOTUwNDkgMy4zNzUxMiAtMC4xOTUwNTEgMi4wODU5NyAwLjU4MzEwNUMwLjc5NjgyOSAxLjM2NTM2IDAuMDAzOTAwMTQgMi44MDI5MiAwIDQuMzYzMzZWNTIuNDIxQzAuMDAzOTA3MTQgNTMuOTgxNCAwLjc5NjkwOSA1NS40MTkgMi4wODU5NyA1Ni4yMDEyQzMuMzc1MTIgNTYuOTc5NCA0Ljk2MTA3IDU2Ljk3OTQgNi4yNTAyMiA1Ni4xOTcxTDQ1LjgzMzYgMzIuMTY4M0w0NS44Mzc1IDMyLjE3MjRDNDcuMTIyNyAzMS4zOTAyIDQ3LjkxMTggMjkuOTQ4NSA0Ny45MTE4IDI4LjM5MjJDNDcuOTExOCAyNi44MzU4IDQ3LjEyMjcgMjUuMzk0MiA0NS44Mzc1IDI0LjYxMTlaIiBmaWxsPSIjRjlGOUY5Ii8+Cjwvc3ZnPgo=) center center no-repeat;
  width: 48px;
  height: 57px
}

@media only screen and (max-width: 1279px) {

  .product-video__banner-content-video-icon:before,
  .product-more-behavioral__body-video-icon:before,
  .solutions-understand-body-item-icon:before {
    -webkit-transform: scale(0.65);
    transform: scale(0.65)
  }
}

@media only screen and (max-width: 979px) {

  .product-video__banner-content-video-icon:before,
  .product-more-behavioral__body-video-icon:before,
  .solutions-understand-body-item-icon:before {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }
}

.product-video--right {
  margin-top: 125px;
  background: none
}

@media only screen and (max-width: 1279px) {
  .product-video--right {
    margin-top: 80px;
    background: none
  }
}

@media only screen and (max-width: 979px) {
  .product-video--right {
    margin-top: 75px
  }
}

.bg--full .product-video__inner {
  background-image: url(/wp-content/themes/prodege_theme/img/video-bg-full.png);
  background-color: #582362
}

.bg--full .product-video__banner {
  background: none
}

.bg--full .product-video__banner {
  padding: 0;
  padding-top: 103px;
  padding-bottom: 92px;
  max-width: 1160px;
  margin: auto;
  padding-left: 72px
}

@media only screen and (max-width: 1279px) {
  .bg--full .product-video__banner {
    padding-left: 0;
    padding-top: 70px;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-bottom: 70px
  }
}

@media only screen and (max-width: 979px) {
  .bg--full .product-video__banner {
    padding-top: 55px;
    padding-bottom: 0;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.bg--full.product-video--right .product-video__banner {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media only screen and (max-width: 979px) {
  .bg--full.product-video--right .product-video__banner {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.bg--full .product-video__banner-content {
  width: 44%
}

@media only screen and (max-width: 1279px) {
  .bg--full .product-video__banner-content {
    width: calc(38% - 3px)
  }
}

@media only screen and (max-width: 979px) {
  .bg--full .product-video__banner-content {
    width: 100%;
    padding: 0 22px
  }
}

.bg--full .product-video__banner-content-video {
  width: 49%
}

.bg--full .product-video__banner-content-video br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .bg--full .product-video__banner-content-video {
    width: 58%
  }

  .bg--full .product-video__banner-content-video br.desktop {
    width: 57%;
    display: none
  }

  .bg--full .product-video__banner-content-video br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .bg--full .product-video__banner-content-video {
    width: auto;
    padding-top: 0;
    margin: 0
  }
}

@media only screen and (max-width: 1279px) {
  .bg--full .product-video__banner-content-text {
    font-size: 20px;
    line-height: 140%
  }
}

@media only screen and (max-width: 979px) {
  .bg--full .product-video__banner-content-text {
    font-size: 16px;
    margin-bottom: -2px
  }

  .bg--full .product-video__banner-content-text strong {
    display: inline
  }
}

.product-marketing-offers-page .bg--full .product-video__banner-content-text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-marketing-offers-page .bg--full .product-video__banner-content-text {
    max-width: 325px;
    margin-left: auto;
    margin-right: auto
  }

  .product-marketing-offers-page .bg--full .product-video__banner-content-text strong {
    display: block
  }

  .product-marketing-offers-page .bg--full .product-video__banner-content-text br.mobile {
    display: block
  }

  .product-marketing-offers-page .bg--full .product-video__banner-content-text br.desktop,
  .product-marketing-offers-page .bg--full .product-video__banner-content-text br.pc {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .product-marketing-offers-page .product-video__banner-content-link {
    position: relative;
    -webkit-transform: initial;
    transform: initial;
    margin: auto;
    left: 0;
    margin-bottom: 4rem;
    font-size: 16px;
    margin-top: 13px;
    line-height: 13px;
    margin-bottom: 35px
  }
}

@media only screen and (max-width: 979px) {
  .product-page-ad-effectiveness .product-video__banner-content-video {
    width: 100%;
    height: 100%;
    margin-bottom: 10rem
  }
}

@media only screen and (max-width: 979px) {
  .product-page-ad-effectiveness .product-video__banner-content-text {
    margin-bottom: 0;
    font-size: 1.6rem
  }
}

@media only screen and (max-width: 979px) {
  .product-page-ad-effectiveness .product-video__banner-content {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 0 10px 39px;
    max-width: 265px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-page-ad-effectiveness .product-video__banner-content-video {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto
}

.commerce_cashback_shopping .product-video--right {
  margin-top: 113px
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .product-video--right {
    margin-top: 82px
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .product-video--right {
    margin-top: 49px
  }
}

.commerce_cashback_shopping .product-video-header__text {
  margin-top: 10px;
  margin-bottom: 54px
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .product-video-header__text {
    max-width: 508px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .product-video-header__text {
    max-width: 273px;
    margin-bottom: 30px
  }
}

.commerce_cashback_shopping .product-video__banner-content-text {
  margin-top: 43px
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .product-video__banner-content-text {
    margin-top: 0
  }
}

.commerce_cashback_shopping .bg--full.product-video--right .product-video__banner {
  -ms-flex-direction: row;
  flex-direction: row;
  padding-top: 112px;
  padding-left: 58px;
  padding-bottom: 79px
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .bg--full.product-video--right .product-video__banner {
    padding-top: 70px;
    padding-left: 0px;
    padding-bottom: 70px
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .bg--full.product-video--right .product-video__banner {
    padding-top: 49px;
    padding-bottom: 54px;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .bg--full .product-video__banner-content-video {
    width: auto;
    padding-top: 44px
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .bg--full .product-video__banner-content-text {
    max-width: 248px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {

  .commerce_cashback_shopping .product-video__banner-content-video-icon,
  .commerce_cashback_shopping .product-more-behavioral__body-video-icon,
  .commerce_cashback_shopping .solutions-understand-body-item-icon,
  .commerce_cashback_shopping .product-video__banner-content-video-link,
  .commerce_cashback_shopping .product-more-behavioral__body-video-link,
  .commerce_cashback_shopping .solutions-understand-body-item__link {
    top: 54%
  }
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .bg--full .product-video__banner-content-video {
    width: 57%
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .bg--full .product-video__banner-content-video {
    width: 100%
  }
}

.product-team-support {
  width: 100%;
  margin-top: 0;
  margin-bottom: 200px
}

@media only screen and (max-width: 1279px) {
  .product-team-support {
    margin-bottom: 120px
  }
}

@media only screen and (max-width: 979px) {
  .product-team-support {
    position: relative
  }
}

.product-team-support__container {
  position: relative;
  display: grid;
  padding: 100px 120px;
  grid-template-columns: 60% 40%;
  grid-template-rows: auto auto auto auto;
  max-width: 1152px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-team-support__container {
    padding: 60px 70px;
    grid-template-columns: 52% 48%;
    max-width: 820px
  }
}

@media only screen and (max-width: 979px) {
  .product-team-support__container {
    position: static;
    grid-template-columns: 100%;
    padding: 20px 8px 60px
  }
}

.product-team-support__corner-left {
  position: absolute;
  width: 80px;
  height: 80px;
  border-top: 14px solid #582362;
  border-left: 14px solid #582362;
  left: 0;
  top: 0
}

@media only screen and (max-width: 979px) {
  .product-team-support__corner-left {
    left: 15px;
    width: 64px;
    height: 64px;
    border-top: 10px solid #582362;
    border-left: 10px solid #582362
  }
}

.product-team-support__corner-left:before {
  content: "";
  width: calc(100% + 14px);
  height: 13px;
  position: absolute;
  left: -14px;
  top: -14px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  z-index: -1
}

@media only screen and (max-width: 979px) {
  .product-team-support__corner-left:before {
    width: calc(100% + 10px);
    height: 9px;
    left: -10px;
    top: -10px
  }
}

.product-team-support__corner-left:after {
  content: "";
  width: 14px;
  height: 100%;
  position: absolute;
  left: -14px;
  top: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  z-index: -1
}

@media only screen and (max-width: 979px) {
  .product-team-support__corner-left:after {
    width: 10px;
    left: -10px
  }
}

.product-team-support__corner-right {
  position: absolute;
  width: 80px;
  height: 80px;
  border-bottom: 14px solid #582362;
  border-right: 14px solid #582362;
  right: 0;
  bottom: 0
}

@media only screen and (max-width: 979px) {
  .product-team-support__corner-right {
    right: 15px;
    width: 64px;
    height: 64px;
    border-bottom: 10px solid #582362;
    border-right: 10px solid #582362
  }
}

.product-team-support__corner-right:before {
  content: "";
  width: calc(100% + 14px);
  height: 14px;
  position: absolute;
  right: -14px;
  bottom: -14px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  z-index: -1
}

@media only screen and (max-width: 979px) {
  .product-team-support__corner-right:before {
    width: calc(100% + 10px);
    height: 10px;
    right: -10px;
    bottom: -10px
  }
}

.product-team-support__corner-right:after {
  content: "";
  width: 13px;
  height: 100%;
  position: absolute;
  right: -14px;
  bottom: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  z-index: -1
}

@media only screen and (max-width: 979px) {
  .product-team-support__corner-right:after {
    width: 9px;
    right: -10px
  }
}

.product-team-support__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  color: #582362;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2
}

@media only screen and (max-width: 979px) {
  .product-team-support__title {
    font-size: 25px;
    text-align: center;
    max-width: 300px;
    padding: 10px 18px 20px;
    margin: auto auto 5px
  }
}

.product-team-support__expert {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  color: #4a4a4a;
  max-width: 470px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3
}

@media only screen and (max-width: 979px) {
  .product-team-support__expert {
    grid-row-start: 3;
    grid-row-end: 4;
    margin: 28px auto;
    text-align: center;
    max-width: 250px;
    padding: 0 10px
  }
}

.product-team-support__expert b,
.product-team-support__expert strong {
  font-weight: 700;
  color: #582362;
  white-space: nowrap
}

@media only screen and (max-width: 979px) {
  .product-team-support__expert p {
    margin: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-page-data-visualization .product-team-support__expert {
    max-width: 286px
  }
}

.product-team-support__description {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  color: #4a4a4a;
  padding: 0 0 40px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4
}

.product-team-support__description + .product-team-support__button-wrapper {
  grid-row-start: 4;
  grid-row-end: 5
}

@media only screen and (max-width: 979px) {
  .product-team-support__description + .product-team-support__button-wrapper {
    grid-row-start: 5;
    grid-row-end: 6
  }
}

@media only screen and (max-width: 979px) {
  .product-team-support__description {
    padding: 0 0 17px;
    grid-row-start: 4;
    grid-row-end: 5;
    text-align: center;
    max-width: 240px;
    margin: 0 auto 18px
  }
}

.product-team-support__button-wrapper {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
  margin-left: -16px
}

@media only screen and (max-width: 979px) {
  .product-team-support__button-wrapper {
    grid-row-start: 5;
    grid-row-end: 6;
    margin-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.product-team-support__button {
  margin-top: 13px;
  font-size: 25px
}

@media only screen and (max-width: 979px) {
  .product-team-support__button {
    margin-top: 0;
    font-size: 16px
  }
}

.product-team-support__card-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 5
}

@media only screen and (max-width: 979px) {
  .product-team-support__card-wrapper {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3
  }
}

.product-team-support__card {
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  width: 237px;
  background-color: #fff;
  padding: 14px;
  padding-bottom: 10px;
  background: linear-gradient(145.99deg, #FFFFFF 2.6%, #FCFCFC 55.1%, #F4F4F4 86.24%, #F2F2F2 91.58%);
  -webkit-transform: rotate(3deg) translate3d(0, 0, 0);
  transform: rotate(3deg) translate3d(0, 0, 0)
}

@media only screen and (max-width: 1279px) {
  .product-team-support__card {
    -webkit-transform: rotate(3deg) scale(0.75) translate3d(0, 0, 0);
    transform: rotate(3deg) scale(0.75) translate3d(0, 0, 0)
  }
}

@media only screen and (max-width: 979px) {
  .product-team-support__card {
    -webkit-transform: rotate(3deg) translate3d(0, 0, 0);
    transform: rotate(3deg) translate3d(0, 0, 0);
    max-width: 209px
  }
}

.product-team-support__figure {
  width: 208px;
  height: 208px
}

@media only screen and (max-width: 979px) {
  .product-team-support__figure {
    width: 180px;
    height: 180px
  }
}

.product-team-support__photo {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -webkit-filter: brightness(95%);
  filter: brightness(95%)
}

.product-team-support__name {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: #582362;
  margin-top: 11px;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .product-team-support__name {
    font-size: 20px
  }
}

.product-team-support__position {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  color: #4a4a4a;
  text-align: center;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .product-team-support__position {
    font-size: 14px
  }
}

.products-slider {
  background-image: url("/wp-content/themes/prodege_theme/img/products-slider-bg-desktop.png");
  background-size: cover;
  width: 100%;
  min-height: 378px;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .products-slider {
    min-height: 308px
  }
}

@media only screen and (max-width: 979px) {
  .products-slider {
    background-image: url("/wp-content/themes/prodege_theme/img/products-slider-bg-mobile.png")
  }
}

.products-slider__container {
  height: calc(100% + 50px);
  max-width: 1152px
}

@media only screen and (max-width: 1279px) {
  .products-slider__container {
    max-width: 820px
  }
}

@media only screen and (max-width: 979px) {
  .products-slider__container {
    max-width: 420px;
    width: calc(100% - 40px)
  }
}

.products-slider__swiper {
  position: relative;
  height: 100%;
  overflow: hidden;
  padding-top: 50px;
  margin-top: -50px
}

.products-slider__swiper .swiper-button-prev,
.products-slider__swiper .swiper-button-next {
  background-image: url("/wp-content/themes/prodege_theme/img/white-arrow-left.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 19px;
  height: 28px;
  position: absolute;
  top: calc(50% + 37px);
  border: none
}

@media only screen and (max-width: 1279px) {

  .products-slider__swiper .swiper-button-prev,
  .products-slider__swiper .swiper-button-next {
    height: 18px;
    width: 12px
  }
}

@media only screen and (max-width: 979px) {

  .products-slider__swiper .swiper-button-prev,
  .products-slider__swiper .swiper-button-next {
    display: block;
    opacity: 1;
    top: auto;
    bottom: 126px
  }
}

.products-slider__swiper .swiper-button-prev:hover + *,
.products-slider__swiper .swiper-button-next:hover + * {
  opacity: 1
}

.products-slider__swiper .swiper-button-prev {
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.products-slider__swiper .swiper-button-next {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

.products-slider__swiper .swiper-prev-index,
.products-slider__swiper .swiper-next-index {
  position: absolute;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  bottom: 45px;
  opacity: 0;
  transition: opacity .3s
}

@media only screen and (max-width: 1279px) {

  .products-slider__swiper .swiper-prev-index,
  .products-slider__swiper .swiper-next-index {
    opacity: 1
  }
}

@media only screen and (max-width: 979px) {

  .products-slider__swiper .swiper-prev-index,
  .products-slider__swiper .swiper-next-index {
    display: block;
    opacity: 1;
    bottom: 138px;
    font-size: 10px
  }
}

.products-slider__swiper .swiper-prev-index {
  left: 0
}

@media only screen and (max-width: 979px) {
  .products-slider__swiper .swiper-prev-index {
    left: 20px
  }
}

.products-slider__swiper .swiper-next-index {
  right: 0
}

@media only screen and (max-width: 979px) {
  .products-slider__swiper .swiper-next-index {
    right: 20px
  }
}

.products-slider__slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  transition: opacity .1s;
  opacity: 0
}

@media only screen and (max-width: 979px) {
  .products-slider__slide {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.products-slider__slide.swiper-slide-active {
  transition: opacity .3s .7s;
  opacity: 1
}

.products-slider__slide.swiper-slide-prev {
  transition: opacity .1s;
  opacity: 0
}

.products-slider__figure {
  width: 50%;
  padding-top: 32%;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .products-slider__figure {
    width: 52%
  }
}

@media only screen and (max-width: 979px) {
  .products-slider__figure {
    max-width: 340px;
    width: 100%;
    margin: 0 auto -54px;
    padding-top: 52%
  }
}

.products-slider__image {
  position: absolute;
  width: 100%;
  top: -50px;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

@media (min-width: 600px) and (max-width: 1280px) {
  .products-slider__image {
    width: 90%;
    right: 0;
    max-height: unset;
  }
}

@media only screen and (max-width: 1279px) {
  .products-slider__image {
    top: -54px
  }
}

.products-slider__content {
  width: 50%;
  padding: 40px 40px 45px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%
}

@media only screen and (max-width: 1279px) {
  .products-slider__content {
    width: 48%;
    padding: 34px 23px 45px 50px
  }
}

@media only screen and (max-width: 979px) {
  .products-slider__content {
    width: 100%;
    padding: 10px 0;
    text-align: center
  }
}

.products-slider__mark {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .products-slider__mark {
    margin: 0
  }
}

.products-slider__title {
  font-weight: 700;
  font-size: 38px;
  line-height: 133%;
  color: #fff;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .products-slider__title {
    font-size: 30px
  }
}

.products-slider__description {
  font-weight: 700;
  font-size: 20px;
  line-height: 143.1%;
  color: #2c99a4;
  width: 100%
}

.products-slider__description br.desktop {
  display: block
}

.products-slider__description br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .products-slider__description {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .products-slider__description {
    margin-bottom: auto
  }

  .products-slider__description br.desktop {
    display: none
  }

  .products-slider__description br.mobile {
    display: block
  }
}

.products-slider__button {
  display: inline-block;
  position: relative;
  padding: 28px 100px 28px 28px;
  background-color: #fff;
  color: #572162;
  margin-top: auto;
  font-weight: 300;
  font-size: 23px;
  line-height: 30px;
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .products-slider__button {
    padding: 18px 80px 18px 20px;
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .products-slider__button {
    margin: 70px auto 34px;
    font-size: 16px;
    line-height: 20px
  }
}

.products-slider__button:after {
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-purple.svg");
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .products-slider__button:after {
    -webkit-transform: translateY(-50%) scale(0.7);
    transform: translateY(-50%) scale(0.7);
    right: 16px
  }
}

@media only screen and (max-width: 979px) {
  .products-slider__button:after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.products-slider__button:hover {
  color: #572162;
  text-decoration: none
}

.products-slider__button:hover:after {
  right: 10px
}

@media only screen and (max-width: 1279px) {
  .products-slider__button:hover:after {
    right: 16px
  }
}

@media only screen and (max-width: 979px) {
  .products-slider__button:hover:after {
    right: 16px
  }
}

.product-how-works {
  width: 100%;
  margin-top: 83px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1279px) {
  .product-how-works {
    margin-top: 55px
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works {
    background: linear-gradient(180deg, white 0%, white 60%, #f7f4f3 80%, #f6f3f2 100%);
    margin-top: 65px
  }
}

.product-how-works-header {
  text-align: center;
  padding: 0 20px 20px;
  margin-bottom: 10px
}

@media only screen and (max-width: 1279px) {
  .product-how-works-header {
    padding: 0 75px 20px;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-header {
    padding: 0;
    margin-bottom: 30px
  }
}

.product-how-works-header__title {
  font-size: 38px;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .product-how-works-header__title {
    font-size: 25px
  }
}

.product-how-works-header__title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-how-works-header__title br.mobile {
    display: block
  }
}

.product-how-works-header__text {
  font-size: 23px;
  font-weight: 700;
  color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .product-how-works-header__text {
    margin: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-header__text {
    font-size: 16px;
    margin: 0 auto;
    max-width: 350px
  }
}

.product-how-works-header__text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-how-works-header__text br.mobile {
    display: block
  }
}

.product-how-works-header__subtext {
  font-size: 18px;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .product-how-works-header__subtext {
    font-size: 16px;
    width: 260px;
    margin: auto
  }
}

.product-how-works-header__subtext br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-how-works-header__subtext br.mobile {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body {
    margin-top: 32px
  }
}

.product-how-works-banner-body-content__title {
  font-size: 23px;
  margin-bottom: 20px;
  color: #582362;
  margin-top: 10px
}

@media only screen and (max-width: 1279px) {
  .product-how-works-banner-body-content__title {
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body-content__title {
    -ms-flex-order: 2;
    order: 2;
    margin-top: 47px;
    padding: 0 25px
  }
}

.product-how-works-banner-body-content__title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body-content__title br.mobile {
    display: block
  }
}

.product-how-works-banner-body-content__text {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 17px;
  text-align: center;
  color: #4a4a4a
}

.product-how-works-banner-body-content__text strong {
  color: #572162
}

.product-how-works-banner-body-content__text br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-how-works-banner-body-content__text {
    font-size: 14px;
    width: 90%;
    margin-bottom: 0px;
    line-height: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body-content__text {
    font-size: 16px;
    width: 110%;
    max-width: 350px;
    margin: 22px 0 0;
    -ms-flex-order: 3;
    order: 3;
    padding: 0
  }

  .product-how-works-banner-body-content__text br.mobile {
    display: block
  }
}

.product-how-works-banner-body-content-data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding: 22px 0px 38px;
  background-color: #fff;
  width: 93%;
  margin-left: auto
}

@media only screen and (max-width: 1279px) {
  .product-how-works-banner-body-content-data {
    padding: 15px 0;
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body-content-data {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 0 30px;
    gap: 26px;
    -ms-flex-order: 4;
    order: 4;
    margin: 0 0 30px
  }
}

.product-how-works-banner-body-content-data-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 0 20px;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media only screen and (max-width: 1279px) {
  .product-how-works-banner-body-content-data-item {
    gap: 0;
    padding: 0 23px
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body-content-data-item {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    padding: 0;
    width: 72%;
    max-width: 250px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: auto
  }
}

.product-how-works-banner-body-content-data-item-figure {
  width: 50%
}

@media only screen and (max-width: 1279px) {
  .product-how-works-banner-body-content-data-item-figure {
    width: 55%;
    margin-top: 10px;
    text-align: center
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body-content-data-item-figure {
    width: 40%;
    max-width: 58px;
    margin: auto
  }
}

.product-how-works-banner-body-content-data-item-figure__image {
  width: 100%
}

.product-how-works-banner-body-content-data-item__number {
  color: #2c99a4;
  font-size: 45px;
  font-weight: 700;
  white-space: nowrap;
  margin: 0
}

@media only screen and (max-width: 1279px) {
  .product-how-works-banner-body-content-data-item__number {
    font-size: 38px
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body-content-data-item__number {
    width: 50%;
    font-size: 45px
  }
}

.product-how-works-banner-body-content-data-item__separator {
  background-color: rgba(74, 74, 74, .2);
  padding: 60px 3px
}

@media only screen and (max-width: 1279px) {
  .product-how-works-banner-body-content-data-item__separator {
    padding: 50px 3px
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body-content-data-item__separator {
    padding: 3px 110px
  }
}

.product-how-works-banner-body-content-data-item__text {
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  text-align: center;
  margin: 0;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .product-how-works-banner-body-content-data-item__text {
    font-size: 14px
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body-content-data-item__text {
    font-size: 16px;
    width: 40%;
    text-align: left
  }
}

.product-how-works-banner-body-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: linear-gradient(90deg, white 0%, #efe9e7 100%);
  width: 80%;
  padding: 30px 30px 34px;
  padding-left: 152px;
  margin-left: auto;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-how-works-banner-body-content {
    background: linear-gradient(90deg, white 44%, #efe9e7 100%);
    padding: 20px 20px 20px 105px
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body-content {
    margin-right: 0;
    padding: 0;
    text-align: center;
    position: relative;
    background: none;
    width: 100%
  }
}

.product-how-works-banner-body-figure {
  position: absolute;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  left: -4%;
  bottom: 46%;
  width: 50%
}

@media only screen and (max-width: 1279px) {
  .product-how-works-banner-body-figure {
    left: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body-figure {
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    -webkit-transform: none;
    transform: none;
    width: 100%;
    max-width: 300px
  }
}

.product-how-works-banner-body-figure__image {
  width: 100%
}

.product-how-works-banner-body-figure-text-content {
  width: 214px;
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 28px 49px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .product-how-works-banner-body-figure-text-content {
    width: 146px;
    padding: 10px 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-how-works-banner-body-figure-text-content {
    padding: 8px 18px;
    top: 54%
  }
}

.product-how-works-banner-body-figure-text-content__text {
  font-size: 20px;
  text-align: center;
  margin: 0%;
  line-height: 25px
}

.product-how-works-banner-body-figure-text-content__text strong {
  color: #572162
}

@media only screen and (max-width: 1279px) {
  .product-how-works-banner-body-figure-text-content__text {
    left: -15px;
    font-size: 16px;
    line-height: 20px
  }
}

.product-how-works-banner-body-figure-text-content__text p {
  margin: 0
}

.product-simplify {
  width: 100%;
  margin-top: 205px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

@media only screen and (max-width: 1279px) {
  .product-simplify {
    margin-top: 124px
  }
}

@media only screen and (max-width: 979px) {
  .product-simplify {
    margin-top: 47px
  }
}

.product-simplify-header {
  text-align: center;
  margin: 0 auto;
  max-width: 850px
}

@media only screen and (max-width: 1279px) {
  .product-simplify-header {
    max-width: 790px
  }
}

.product-simplify-header__text {
  color: #2c99a4;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .product-simplify-header__text {
    margin-bottom: 8px
  }

  .product-simplify-header__text br.desktop {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .product-simplify-header__text {
    font-size: 15px;
    margin-bottom: 5px;
    padding: 0 17px
  }

  .product-simplify-header__text br.desktop {
    display: none
  }
}

.product-simplify-header__text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-simplify-header__text br.mobile {
    display: block
  }
}

.product-simplify-header__title {
  color: #582362;
  font-size: 38px;
  font-weight: 300;
  margin-bottom: 70px;
  line-height: 32px
}

@media only screen and (max-width: 1279px) {
  .product-simplify-header__title {
    margin-bottom: 0;
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-simplify-header__title {
    font-size: 23px;
    margin-bottom: 20px;
    padding: 0 10px
  }
}

.product-simplify-header__title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-simplify-header__title br.mobile {
    display: block
  }
}

.product-simplify-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

@media only screen and (max-width: 979px) {
  .product-simplify-body {
    padding-left: 10px;
    padding-right: 10px;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.product-simplify-body-content {
  width: 50%;
  padding: 20px
}

@media only screen and (max-width: 1279px) {
  .product-simplify-body-content {
    width: 65%;
    padding: 35px
  }
}

@media only screen and (max-width: 979px) {
  .product-simplify-body-content {
    width: 100%;
    padding: 0 1px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }
}

.product-simplify-body-figure {
  width: 40%;
  padding: 0px;
  right: 0
}

@media only screen and (max-width: 1279px) {
  .product-simplify-body-figure {
    width: 35%
  }
}

@media only screen and (max-width: 979px) {
  .product-simplify-body-figure {
    width: 100%;
    -webkit-transform: none;
    transform: none;
    max-width: 300px
  }
}

.product-simplify-body-figure__image {
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .product-simplify-body-figure__image {
    width: 360px;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
  }
}

@media only screen and (max-width: 979px) {
  .product-simplify-body-figure__image {
    width: 100%;
    max-width: 360px;
    -webkit-transform: none;
    transform: none
  }
}

.product-simplify-body-figure__image.desktop {
  display: block
}

@media only screen and (max-width: 979px) {
  .product-simplify-body-figure__image.desktop {
    display: none
  }
}

.product-simplify-body-figure__image.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-simplify-body-figure__image.mobile {
    display: block
  }
}

.product-simplify-body-content-list {
  padding: 0;
  max-width: 500px;
  list-style: none
}

@media only screen and (max-width: 979px) {
  .product-simplify-body-content-list {
    position: relative;
    left: 15px;
    bottom: 8px;
    margin: auto
  }
}

.product-simplify-body-content-list__item {
  color: #4a4a4a;
  font-size: 16px;
  position: relative;
  margin: 20px 0
}

@media only screen and (max-width: 1279px) {
  .product-simplify-body-content-list__item {
    margin-bottom: 2px
  }
}

.product-simplify-body-content-list__item:last-child {
  color: #2c99a4;
  font-weight: 700
}

.product-simplify-body-content-list__item:before {
  content: "";
  background-color: #9dc92e;
  width: 12px;
  height: 12px;
  position: absolute;
  left: -21px;
  top: 6px
}

.product-simplify-body-content-list__item br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-simplify-body-content-list__item br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-simplify-body-content-list__item br.tablet {
    display: none
  }
}

.product-simplify-body-content-list__item a {
  text-decoration: underline
}

.product-simplify-body-content__cta {
  color: #582362;
  font-size: 25px;
  -webkit-transform: translateX(-16px);
  transform: translateX(-16px)
}

.product-simplify-body-content__cta::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #2c99a4;
  opacity: 1;
  transition: .3s all
}

@media only screen and (max-width: 1279px) {
  .product-simplify-body-content__cta {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .product-simplify-body-content__cta {
    font-size: 15px;
    min-width: 296px
  }
}

.product-insights {
  width: 100%;
  margin-top: 220px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1279px) {
  .product-insights {
    margin-top: 87px
  }
}

@media only screen and (max-width: 979px) {
  .product-insights {
    margin-top: 70px
  }
}

.product-insights__header {
  margin-bottom: 70px
}

@media only screen and (max-width: 1279px) {
  .product-insights__header {
    margin: auto;
    margin-bottom: 30px
  }
}

@media only screen and (max-width: 979px) {
  .product-insights__header {
    margin-bottom: 42px;
    width: 100%
  }
}

.product-insights__header-title {
  font-size: 38px;
  color: #582362;
  font-weight: 300;
  text-align: center
}

.product-insights__header-title br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-insights__header-title {
    font-size: 36px
  }

  .product-insights__header-title br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-insights__header-title {
    font-size: 23px
  }

  .product-insights__header-title br.tablet {
    display: none
  }
}

.product-insights-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  gap: 23px
}

@media only screen and (max-width: 979px) {
  .product-insights-content {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    gap: 0
  }
}

.product-insights-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 979px) {
  .product-insights-card {
    width: 100%;
    max-width: 330px;
    margin: auto
  }
}

.product-insights-card__top-image {
  width: 100%
}

.product-insights-card__title {
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
  text-align: center;
  color: #2c99a4;
  margin-top: 26px
}

@media only screen and (max-width: 1279px) {
  .product-insights-card__title {
    font-size: 20px;
    line-height: 140%;
    margin-top: 16px;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-insights-card__title {
    font-size: 16px;
    line-height: 140%;
    margin-top: 30px;
    margin-bottom: 7px
  }
}

.product-insights-card__description {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .product-insights-card__description {
    font-size: 16px;
    line-height: 140%
  }
}

@media only screen and (max-width: 979px) {
  .product-insights-card__description {
    padding: 0 35px
  }

  .product-insights-card__description br {
    display: none
  }
}

.product-insights-card-figure-left {
  padding: 10px 30px;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 1279px) {
  .product-insights-card-figure-left {
    padding: 5px 19px
  }
}

@media only screen and (max-width: 979px) {
  .product-insights-card-figure-left {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 10px 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
}

.product-insights-card-figure-left__image {
  height: 296px
}

@media only screen and (max-width: 1279px) {
  .product-insights-card-figure-left__image {
    height: 223px
  }
}

@media only screen and (max-width: 979px) {
  .product-insights-card-figure-left__image {
    height: 292px;
    width: 168px
  }
}

@media only screen and (max-width: 979px) {
  .product-insights-card-figure-left__image--desktop {
    display: none
  }
}

.product-insights-card-figure-left__image--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-insights-card-figure-left__image--mobile {
    display: block
  }
}

.product-insights-card-figure-left__list {
  list-style: none;
  padding: 77px 0 0 10px;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .product-insights-card-figure-left__list {
    padding: 0 0 0 9px
  }
}

@media only screen and (max-width: 979px) {
  .product-insights-card-figure-left__list {
    text-align: center;
    margin-top: 17px
  }
}

.product-insights-card-figure-left__list li {
  margin-bottom: 13px
}

.product-insights-card-figure-left__list li:last-child {
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .product-insights-card-figure-left__list li {
    margin-bottom: 9px
  }
}

@media only screen and (max-width: 979px) {
  .product-insights-card-figure-left__list li {
    margin-bottom: 13px
  }
}

.product-insights-card-figure-left__list strong {
  color: #582362
}

.product-insights-card-figure-right {
  padding: 7px 27px;
  margin-top: 10px
}

@media only screen and (max-width: 1279px) {
  .product-insights-card-figure-right {
    padding: 0 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-insights-card-figure-right {
    padding: 0 20px 10px
  }
}

.product-insights-card-figure-right .product-insights-card__description {
  padding: 0 16px
}

.product-insights-card-figure-right__image {
  max-width: 100%
}

@media only screen and (max-width: 979px) {
  .product-insights-card-figure-right__image--desktop {
    display: none
  }
}

.product-insights-card-figure-right__image--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-insights-card-figure-right__image--mobile {
    display: block
  }
}

.product-insights__separator {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  width: 100px;
  top: 50%
}

@media only screen and (max-width: 1279px) {
  .product-insights__separator {
    width: 80px
  }
}

@media only screen and (max-width: 979px) {
  .product-insights__separator {
    position: static;
    width: 85px;
    -webkit-transform: none;
    transform: none;
    margin: -32px auto;
    z-index: 1
  }
}

.product-insights__separator-image {
  width: 100%
}

.product-purchase {
  width: 100%;
  background: linear-gradient(0, #ffffff 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
  margin-top: 180px;
  padding-top: 86px;
  padding-bottom: 180px
}

@media only screen and (max-width: 1279px) {
  .product-purchase {
    margin-top: 118px;
    padding-top: 68px;
    padding-bottom: 58px
  }
}

@media only screen and (max-width: 979px) {
  .product-purchase {
    background: none;
    margin-top: 72px;
    padding: 0
  }
}

.product-purchase__header-title {
  color: #582362;
  font-size: 38px;
  margin-bottom: 80px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-purchase__header-title {
    max-width: 520px;
    font-size: 35px;
    margin-bottom: 50px;
    margin: 50px auto;
    margin-top: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-purchase__header-title {
    font-size: 25px;
    margin-bottom: 40px;
    padding: 0 20px;
    max-width: 300px
  }
}

.product-purchase__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 41px
}

@media only screen and (max-width: 1279px) {
  .product-purchase__body {
    gap: 31px
  }
}

@media only screen and (max-width: 979px) {
  .product-purchase__body {
    grid-template-columns: 1fr;
    padding-bottom: 50px
  }
}

.product-purchase__body-card {
  width: 100%;
  position: relative;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: .5s linear
}

@media only screen and (max-width: 1279px) {
  .product-purchase__body-card.flip .product-purchase__body-card-front {
    opacity: 0
  }

  .product-purchase__body-card.flip .product-purchase__body-card-back {
    opacity: 1
  }
}

.product-purchase__body-card:hover .product-purchase__body-card-front {
  opacity: 0
}

.product-purchase__body-card:hover .product-purchase__body-card-back {
  opacity: 1
}

.product-purchase__body-card:nth-child(1) .product-purchase__body-card-back {
  background-color: #582362
}

.product-purchase__body-card:nth-child(2) .product-purchase__body-card-back {
  background-color: #2c99a4
}

.product-purchase__body-card:nth-child(3) .product-purchase__body-card-back {
  background-color: #292c49
}

.product-purchase__body-card:nth-child(4) .product-purchase__body-card-back {
  background-color: #883c96
}

.product-purchase__body-card-front {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition: .5s linear
}

.product-purchase__body-card-back {
  opacity: 0;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  transition: .5s linear;
  position: absolute;
  top: 0
}

.product-purchase__body-card-back .product-purchase__body-card-image {
  display: none
}

.product-purchase__body-card-front .product-purchase__body-card-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.product-purchase__body-card-front .product-purchase__body-card-text {
  font-size: 38px;
  line-height: 50px
}

@media only screen and (max-width: 1279px) {
  .product-purchase__body-card-front .product-purchase__body-card-text {
    font-size: 25px;
    line-height: 39px
  }
}

@media only screen and (max-width: 979px) {
  .product-purchase__body-card-front .product-purchase__body-card-text {
    font-size: 18px;
    line-height: 23px;
    padding: 55px
  }
}

.product-purchase__body-card-back .product-purchase__body-card-text {
  font-size: 18px;
  line-height: 25px
}

@media only screen and (max-width: 1279px) {
  .product-purchase__body-card-back .product-purchase__body-card-text {
    font-size: 16px;
    line-height: 23px
  }
}

@media only screen and (max-width: 979px) {
  .product-purchase__body-card-back .product-purchase__body-card-text {
    font-size: 14px;
    line-height: 19px
  }
}

.product-purchase__body-card-text {
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: 700;
  padding: 40px
}

@media only screen and (max-width: 1279px) {
  .product-purchase__body-card-text {
    font-size: 25px;
    padding: 40px;
    line-height: 40px
  }
}

@media only screen and (max-width: 979px) {
  .product-purchase__body-card-text {
    font-size: 18px;
    line-height: 23px
  }
}

@media only screen and (max-width: 1279px) {
  .product-purchase__body-card-text br.desktop {
    display: none
  }
}

.product-more-behavioral {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 14px;
  margin-bottom: 144px
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral {
    margin-bottom: 98px
  }
}

@media only screen and (max-width: 979px) {
  .product-more-behavioral {
    margin-top: 25px;
    margin-bottom: 75px
  }
}

.product-more-behavioral-container {
  max-width: 1152px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral-container {
    max-width: 820px
  }
}

@media only screen and (max-width: 979px) {
  .product-more-behavioral-container {
    width: 100% !important
  }
}

.product-more-behavioral__header {
  width: 100%;
  margin-bottom: 50px
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__header {
    margin-bottom: 0px
  }
}

.product-more-behavioral__header-title {
  font-size: 38px;
  text-align: center;
  color: #582362
}

.product-more-behavioral__header-title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__header-title {
    margin-bottom: 36px;
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-more-behavioral__header-title {
    font-size: 25px;
    margin-bottom: 23px
  }

  .product-more-behavioral__header-title br.mobile {
    display: block
  }
}

.product-more-behavioral__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__body {
    gap: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-more-behavioral__body {
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 22px
  }
}

.product-more-behavioral__body-video {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 37%
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__body-video {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0px
  }
}

@media only screen and (max-width: 979px) {
  .product-more-behavioral__body-video {
    padding: 0;
    width: 100%
  }
}

.product-more-behavioral__body-video-figure {
  position: relative
}

.product-more-behavioral__body-video-image {
  width: 100%;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

.product-more-behavioral__body-video-link,
.solutions-understand-body-item__link {
  width: 120px;
  height: 120px
}

.product-more-behavioral__body-video-link:hover,
.solutions-understand-body-item__link:hover {
  width: 140px;
  height: 140px
}

@media only screen and (max-width: 1279px) {

  .product-more-behavioral__body-video-link,
  .solutions-understand-body-item__link {
    width: 85px;
    height: 85px
  }

  .product-more-behavioral__body-video-link:hover,
  .solutions-understand-body-item__link:hover {
    width: 85px;
    height: 85px
  }
}

@media only screen and (max-width: 979px) {

  .product-more-behavioral__body-video-link,
  .solutions-understand-body-item__link {
    width: 100px;
    height: 100px
  }

  .product-more-behavioral__body-video-link:hover,
  .solutions-understand-body-item__link:hover {
    width: 100px;
    height: 100px
  }
}

.product-more-behavioral__body-video-icon:before,
.solutions-understand-body-item-icon:before {
  background-size: 60%
}

@media only screen and (max-width: 979px) {

  .product-more-behavioral__body-video-icon:before,
  .solutions-understand-body-item-icon:before {
    background-size: 100%
  }
}

.product-more-behavioral__body-video-link-figure {
  background: #4a4a4a;
  opacity: .75;
  padding: 50px;
  border-radius: 50%;
  transition: .3s linear
}

.product-more-behavioral__body-video-link-figure:hover {
  padding: 60px;
  transition: .3s linear
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__body-video-link-figure {
    padding: 30px
  }

  .product-more-behavioral__body-video-link-figure:hover {
    padding: 50px;
    transition: .3s linear
  }
}

.product-more-behavioral__body-video-link-figure-image {
  width: 26px;
  height: 31px
}

.product-more-behavioral__body-video-cta {
  margin-top: 64px;
  text-align: center;
  font-size: 26px;
  color: #582362
}

.product-more-behavioral__body-video-cta::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #2c99a4;
  opacity: 1;
  transition: .3s all
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__body-video-cta {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .product-more-behavioral__body-video-cta {
    font-size: 16px;
    margin-top: 38px
  }
}

.product-more-behavioral__body-separator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  left: 5%
}

@media only screen and (max-width: 979px) {
  .product-more-behavioral__body-separator {
    -ms-flex-direction: row;
    flex-direction: row;
    left: 0%;
    margin-top: 47px
  }
}

.product-more-behavioral__body-separator-line {
  padding: 85px 2px;
  background: #4a4a4a;
  opacity: .1
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__body-separator-line {
    padding: 65px 2px
  }
}

@media only screen and (max-width: 979px) {
  .product-more-behavioral__body-separator-line {
    padding: 2px 60px
  }
}

.product-more-behavioral__body-separator-word {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #572162;
  padding: 20px
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__body-separator-word {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .product-more-behavioral__body-separator-word {
    font-size: 18px;
    padding: 0 20px
  }
}

.product-more-behavioral__body-download {
  width: 40%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__body-download {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0px
  }
}

@media only screen and (max-width: 979px) {
  .product-more-behavioral__body-download {
    width: 100%;
    padding: 0 30px;
    margin-top: 36px
  }
}

.product-more-behavioral__body-download-figure {
  position: relative;
  width: 40%;
  -webkit-filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.2))
}

@media only screen and (max-width: 979px) {
  .product-more-behavioral__body-download-figure {
    width: 180px
  }
}

.product-more-behavioral__body-download-figure:hover .product-more-behavioral__arrow-box {
  background-color: #292c49
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__body-download-figure:hover .product-more-behavioral__arrow-box {
    background-color: #2c99a4
  }
}

.product-more-behavioral__body-download-image {
  width: 100%
}

.product-more-behavioral__arrow-box {
  position: absolute;
  left: 50%;
  bottom: 13px;
  width: 60px;
  height: 60px;
  background-color: #2c99a4;
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__arrow-box {
    width: 42px;
    height: 42px
  }
}

.product-more-behavioral__arrow-box:after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-file-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 95%
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__arrow-box:after {
    width: 22px;
    height: 22px
  }
}

.product-more-behavioral__body-download-link {
  font-size: 24px;
  color: #572162;
  padding: 10px 0;
  font-weight: bold;
  margin-top: 58px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-more-behavioral__body-download-link {
    font-size: 18px
  }
}

@media only screen and (max-width: 979px) {
  .product-more-behavioral__body-download-link {
    margin-top: 30px
  }
}

.product-captive {
  width: 100%
}

.product-captive__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 80px;
  max-width: 1152px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-captive__container {
    gap: 65px;
    max-width: 820px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-captive__container {
    width: 100% !important
  }
}

.product-captive__header {
  margin-top: 83px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-captive__header {
    margin-top: 55px
  }
}

@media only screen and (max-width: 979px) {
  .product-captive__header {
    width: 90%;
    margin: 64px auto 47px;
    margin-bottom: 0
  }
}

.product-captive__header-title {
  color: #582362;
  font-size: 3.8rem;
  margin-bottom: 10px
}

.product-captive__header-title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-captive__header-title {
    max-width: 700px;
    margin: 0 auto 16px
  }

  .product-captive__header-title br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .product-captive__header-title {
    font-size: 25px;
    line-height: 30px
  }

  .product-captive__header-title br.mobile {
    display: block
  }
}

.product-captive__header-text {
  font-size: 23px;
  font-weight: 700;
  color: #2c99a4;
  margin-bottom: 10px
}

@media only screen and (max-width: 1279px) {
  .product-captive__header-text {
    margin-bottom: 2px
  }
}

@media only screen and (max-width: 979px) {
  .product-captive__header-text {
    font-size: 16px
  }
}

.product-captive__header-subtext {
  font-size: 18px;
  line-height: 25px;
  color: #4a4a4a
}

.product-captive__header-subtext br.desktop {
  display: block
}

.product-captive__header-subtext br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-captive__header-subtext {
    width: 100%;
    margin: 0%
  }

  .product-captive__header-subtext br.desktop {
    display: none
  }

  .product-captive__header-subtext br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-captive__header-subtext {
    font-size: 16px;
    line-height: 23px;
    padding: 0 10px
  }
}

.product-captive__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 33px;
  width: 100%;
  height: auto
}

@media only screen and (max-width: 1279px) {
  .product-captive__body {
    margin-top: -30px;
    gap: 47px
  }
}

@media only screen and (max-width: 979px) {
  .product-captive__body {
    gap: 22px
  }
}

.product-captive-figure {
  display: -ms-flexbox;
  display: flex;
  height: 376px;
  width: 100%;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure {
    max-height: 268px
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure {
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    max-height: none;
    max-width: 500px;
    margin: 0 auto
  }
}

.product-captive-figure:before {
  content: "";
  width: 57%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  background: linear-gradient(90deg, #FFFFFF 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18)
}

@media only screen and (max-width: 979px) {
  .product-captive-figure:before {
    background: none
  }
}

.product-captive-figure-desktop__image-left {
  height: calc(100% + 20px);
  margin: -10px;
  margin-right: 13px
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-desktop__image-left {
    display: none
  }
}

.product-captive-figure-desktop__image-center {
  height: calc(100% + 20px);
  margin: -10px;
  margin-right: 13px
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-desktop__image-center {
    display: none
  }
}

.product-captive-figure-desktop__image-right {
  height: calc(100% + 20px);
  margin: -10px
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-desktop__image-right {
    display: none
  }
}

.product-captive-figure-mobile__image {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-mobile__image {
    display: block;
    z-index: -1;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
  }
}

.product-captive-figure-content {
  padding: 16px 20px 16px 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-content {
    padding: 16px 20px 16px 2px
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-content {
    background-color: #fff;
    margin-top: -76px;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
  }
}

.product-captive-figure-content:after {
  content: "";
  position: absolute;
  left: calc(46% - 3px);
  width: 6px;
  height: 242px;
  background-color: #dddbdb;
  top: 53%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-content:after {
    height: 162px;
    top: 59%;
    left: calc(49% - 3px)
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-content:after {
    height: 240px;
    top: 56%;
    width: 3px
  }
}

.product-captive-figure-content:before {
  content: "";
  position: absolute;
  left: 46%;
  width: 324px;
  height: 6px;
  background: rgba(74, 74, 74, .15);
  top: calc(53% - 3px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-content:before {
    max-width: 257px;
    left: 49%;
    top: calc(59% - 3px)
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-content:before {
    width: 306px;
    top: calc(56% - 3px);
    height: 3px
  }
}

.product-captive-figure-content__title {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #2c99a4;
  margin-bottom: 8px
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-content__title {
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 6px
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-content__title {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 15px
  }
}

.product-captive-figure-content__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex: 1;
  flex: 1
}

.product-captive-figure-conten-item {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  padding-bottom: 26px
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-conten-item {
    padding-bottom: 0
  }
}

.product-captive-figure-conten-item:nth-child(even) {
  width: 48%
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-conten-item:nth-child(even) {
    width: 42%
  }
}

.product-captive-figure-conten-item:nth-child(odd) {
  width: 52%;
  padding-right: 44px
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-conten-item:nth-child(odd) {
    width: 58%
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-conten-item:nth-child(odd) {
    padding-right: 22px
  }
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-conten-item:nth-child(1) {
    padding-top: 10px;
    padding-bottom: 18px
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-conten-item:nth-child(1) {
    padding-bottom: 21px
  }
}

.product-captive-figure-conten-item:nth-child(4) {
  padding-bottom: 34px
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-conten-item:nth-child(4) {
    padding-bottom: 0;
    padding-top: 19px
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-conten-item:nth-child(4) {
    padding-top: 34px
  }
}

.product-captive-figure-conten-item__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 133%;
  text-align: center;
  color: #572162;
  margin-top: auto
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-conten-item__title {
    font-size: 12px;
    line-height: 15px
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-conten-item__title {
    font-size: 14px;
    line-height: 133%
  }
}

.product-captive-figure-conten-item__number {
  font-weight: 700;
  font-size: 60px;
  line-height: 133%;
  text-align: center;
  color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-conten-item__number {
    font-size: 40px;
    line-height: 100%
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-conten-item__number {
    font-size: 45px;
    line-height: 100%
  }
}

.product-captive-figure-conten-item__description {
  font-weight: 300;
  font-size: 16px;
  line-height: 133%;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-conten-item__description {
    font-size: 14px;
    line-height: 143.1%
  }
}

.product-captive-figure-conten-item__image-wrapper {
  margin: 7px 0
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-conten-item__image-wrapper {
    margin: 7px 0 0
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-conten-item__image-wrapper {
    font-size: 14px;
    line-height: 140%
  }
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-conten-item__image-wrapper svg {
    max-width: 114px;
    max-height: 30px
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-conten-item__image-wrapper svg {
    max-width: 120px;
    max-height: 40px
  }
}

.product-captive-figure-content__remark {
  font-weight: 300;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .product-captive-figure-content__remark {
    font-size: 10px;
    line-height: 140%;
    margin-top: 14px
  }
}

@media only screen and (max-width: 979px) {
  .product-captive-figure-content__remark {
    font-size: 12px;
    line-height: 140%;
    margin-top: 26px
  }
}

.product-captive__body-banner__cta {
  font-weight: 300;
  font-size: 25px
}

@media only screen and (max-width: 1279px) {
  .product-captive__body-banner__cta {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .product-captive__body-banner__cta {
    font-size: 16px;
    margin-top: 10px
  }
}

.product-recruit {
  width: 100%;
  margin-top: 120px
}

@media only screen and (max-width: 1279px) {
  .product-recruit {
    margin-top: 79px
  }
}

@media only screen and (max-width: 979px) {
  .product-recruit {
    margin-top: 56px
  }
}

.product-recruit__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  max-width: 955px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-recruit__container {
    max-width: 754px;
    margin: auto
  }
}

.product-recruit__header {
  margin-bottom: 50px
}

@media only screen and (max-width: 979px) {
  .product-recruit__header {
    margin-bottom: 15px
  }
}

.product-recruit__header-title {
  font-size: 23px;
  font-weight: 700;
  color: #2c99a4;
  line-height: 30px;
  max-width: 600px;
  margin: auto;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .product-recruit__header-title {
    width: 100%;
    font-size: 15px;
    line-height: 22px;
    max-width: 300px
  }
}

.product-recruit__body {
  width: 100%;
  position: relative
}

.product-recruit__body .swiper-button-prev {
  background-image: none;
  left: -5%;
  border-left: 1px solid #4a4a4a;
  border-bottom: 1px solid #4a4a4a;
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media only screen and (max-width: 979px) {
  .product-recruit__body .swiper-button-prev {
    display: none
  }
}

.product-recruit__body .swiper-button-next {
  background-image: none;
  right: -5%;
  border-right: 1px solid #4a4a4a;
  border-bottom: 1px solid #4a4a4a;
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

@media only screen and (max-width: 979px) {
  .product-recruit__body .swiper-button-next {
    display: none
  }
}

.product-recruit__body .swiper-button-prev__image,
.product-recruit__body .swiper-button-next__image {
  display: none
}

.product-recruit__body-swiper {
  overflow: hidden
}

@media only screen and (max-width: 979px) {
  .product-recruit__body-swiper {
    overflow: visible
  }
}

.product-recruit__body-swiper-slide {
  width: 296px;
  position: relative
}

@media only screen and (max-width: 979px) {
  .product-recruit__body-swiper-slide {
    width: 220px
  }
}

.product-recruit__body-swiper-slide-image {
  width: 100%;
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}

.product-recruit__body-swiper-slide-filter {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 20px;
  background-color: #4a4a4a;
  opacity: .3
}

.product-recruit__body-swiper-slide-text {
  position: absolute;
  width: 75%;
  top: 50%;
  left: 50%;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  z-index: 1;
  line-height: 34px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1279px) {
  .product-recruit__body-swiper-slide-text {
    font-size: 21px
  }
}

.product-recruit__body-swiper-slide-footer {
  width: 100%;
  height: 20px
}

.product-recruit__body-swiper-slide-footer.first {
  background-color: #572162
}

.product-recruit__body-swiper-slide-footer.second {
  background-color: #52567a
}

.product-recruit__body-swiper-slide-footer.third {
  background-color: #4d6885
}

.product-recruit__body-swiper-slide-footer.fourth {
  background-color: #47748d
}

.product-recruit__body-swiper-slide-footer.fifth {
  background-color: #47748d
}

.product-recruit__body-swiper-slide-footer.sixth {
  background-color: #4ca393
}

.product-recruit__body-swiper-slide-footer.seventh {
  background-color: #68ac7e
}

.product-recruit__body-swiper-slide-footer.eighth {
  background-color: #97c34f
}

.product-researchers {
  background: linear-gradient(91.44deg, #582362 0%, #2C99A4 100%);
  margin-top: 160px;
  margin-bottom: 130px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .product-researchers {
    margin-top: 90px;
    margin-bottom: 170px
  }
}

@media only screen and (max-width: 979px) {
  .product-researchers {
    margin-top: 50px
  }
}

.product-researchers__container {
  position: relative;
  width: 100%
}

.product-researchers__container__banner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.product-researchers__container__banner__header {
  text-align: center;
  padding: 65px 0 46px 0
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__banner__header {
    padding: 52px 0 24px 0
  }
}

@media only screen and (max-width: 979px) {
  .product-researchers__container__banner__header {
    padding: 32px 45px 0 45px
  }
}

.product-researchers__container__banner__header__title {
  color: #fff;
  font-size: 35px
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__banner__header__title {
    font-size: 23px
  }
}

@media only screen and (max-width: 979px) {
  .product-researchers__container__banner__header__title {
    font-size: 25px;
    line-height: 27px
  }
}

.product-researchers__container__banner__header__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  width: 87%;
  max-width: 957px;
  margin: auto;
  margin-bottom: 168px
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__banner__header__body {
    width: 100%;
    margin: auto;
    max-width: 680px;
    margin-bottom: 168px
  }
}

@media only screen and (max-width: 979px) {
  .product-researchers__container__banner__header__body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    margin-bottom: 156px
  }
}

.product-researchers__container__banner__header__body-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

.product-researchers__container__banner__header__body-item:nth-child(1) .product-researchers__container__banner__header__body-item-logo {
  width: 74px
}

.product-researchers__container__banner__header__body-item:nth-child(2) .product-researchers__container__banner__header__body-item-logo {
  width: 68px
}

.product-researchers__container__banner__header__body-item:nth-child(3) .product-researchers__container__banner__header__body-item-logo {
  width: 91px
}

.product-researchers__container__banner__header__body-item:nth-child(4) .product-researchers__container__banner__header__body-item-logo {
  width: 86px
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__banner__header__body-item:nth-child(1) .product-researchers__container__banner__header__body-item-logo {
    width: 53px
  }

  .product-researchers__container__banner__header__body-item:nth-child(2) .product-researchers__container__banner__header__body-item-logo {
    width: 48px
  }

  .product-researchers__container__banner__header__body-item:nth-child(3) .product-researchers__container__banner__header__body-item-logo {
    width: 65px
  }

  .product-researchers__container__banner__header__body-item:nth-child(4) .product-researchers__container__banner__header__body-item-logo {
    width: 60px
  }
}

@media only screen and (max-width: 979px) {
  .product-researchers__container__banner__header__body-item {
    width: 50%;
    gap: 10px
  }

  .product-researchers__container__banner__header__body-item:nth-child(1) .product-researchers__container__banner__header__body-item-logo {
    width: 62px
  }

  .product-researchers__container__banner__header__body-item:nth-child(2) .product-researchers__container__banner__header__body-item-logo {
    margin-top: 18px;
    width: 58px
  }

  .product-researchers__container__banner__header__body-item:nth-child(2) .product-researchers__container__banner__header__body-item-text {
    width: 158px
  }

  .product-researchers__container__banner__header__body-item:nth-child(3) {
    margin-top: -24px
  }

  .product-researchers__container__banner__header__body-item:nth-child(3) .product-researchers__container__banner__header__body-item-logo {
    width: 80px
  }

  .product-researchers__container__banner__header__body-item:nth-child(4) {
    margin-top: -24px
  }

  .product-researchers__container__banner__header__body-item:nth-child(4) .product-researchers__container__banner__header__body-item-logo {
    margin-top: 40px;
    width: 70px
  }
}

.product-researchers__container__banner__header__body-item-logo {
  width: 75px;
  height: 75px;
  text-align: center;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__banner__header__body-item-logo {
    width: 60px;
    height: 60px;
    margin-bottom: 8px
  }
}

.product-researchers__container__banner__header__body-item-logo-image {
  width: 100%
}

.product-researchers__container__banner__header__body-item-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  width: 75%
}

.product-researchers__container__banner__header__body-item-text br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__banner__header__body-item-text {
    width: 85%
  }

  .product-researchers__container__banner__header__body-item-text br.desktop {
    display: none
  }
}

.product-researchers__container__banner__header__body-item-text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-researchers__container__banner__header__body-item-text {
    width: 130px;
    font-size: 16px
  }

  .product-researchers__container__banner__header__body-item-text br.mobile {
    display: block
  }
}

.product-researchers__container__card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: -5%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  width: 83%;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, .2);
  max-width: 957px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__card {
    width: 100%;
    max-width: 680px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-researchers__container__card {
    bottom: -20%;
    width: 83%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }
}

.product-researchers__container__card-figure {
  padding: 85px 65px;
  width: 240px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__card-figure {
    padding: 42px;
    width: 144px
  }
}

@media only screen and (max-width: 979px) {
  .product-researchers__container__card-figure {
    padding: 35px 30px;
    width: 100px;
    position: absolute;
    top: 0
  }
}

.product-researchers__container__card-figure:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2c99a4;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA5MiA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ5LjIzNzcgMjEuNjdDNDkuMjM3NyAzMC41MTkyIDUxLjk2MzMgMzguNjcyOCA1Ny40MTQ2IDQ2LjEzMDlDNjMuMDkxIDUzLjc4MTkgNzAuMjUzMyA2MC4xOTczIDc4LjQ2ODYgNjQuOTg5MUw4NC43MDczIDU5LjQxMDhDODIuMTgzNCA1Ny4wNjAxIDgwLjAxNjIgNTQuMzUwNiA3OC4yNzQ4IDUxLjM2ODZDNzYuNDY1OCA0OC41MjQzIDc1LjM0OTQgNDUuMjkxOSA3NS4wMTYxIDQxLjkzMzVDNzkuNTYwMyA0MC44NDczIDgzLjYxMTcgMzguMjY0NiA4Ni41MjQ0IDM0LjU5N0M4OS41MDkzIDMwLjk2MjEgOTEuMTEyNyAyNi4zODEyIDkxLjA0OSAyMS42N0M5MS4xMDM5IDE1Ljk4ODkgODguOTEgMTAuNTE4NSA4NC45NDk2IDYuNDYxNzdDODMuMDU4MiA0LjQyMjk4IDgwLjc2OTIgMi43OTcxMSA3OC4yMjUgMS42ODU0MkM3NS42ODA4IDAuNTczNzIzIDcyLjkzNiAwIDcwLjE2MTUgMEM2Ny4zODY5IDAgNjQuNjQyMSAwLjU3MzcyMyA2Mi4wOTc5IDEuNjg1NDJDNTkuNTUzOCAyLjc5NzExIDU3LjI2NDcgNC40MjI5OCA1NS4zNzM0IDYuNDYxNzdDNTEuNDAzMSAxMC41MTQ4IDQ5LjE5NjQgMTUuOTg0NSA0OS4yMzc3IDIxLjY3Wk0wLjAwMDQ5NTkxMSAyMS42N0MwLjAwMDQ5NTkxMSAzMC41MTkyIDIuNzI2MTQgMzguNjcyOCA4LjE3NzQxIDQ2LjEzMDlDMTMuODUzOCA1My43ODE5IDIxLjAxNjIgNjAuMTk3MyAyOS4yMzE1IDY0Ljk4OTFMMzYuMTkwOSA1OS4zOTg2QzMzLjY2NSA1Ny4wNDgzIDMxLjQ5NTggNTQuMzM4OCAyOS43NTI0IDUxLjM1NjVDMjcuOTM1NiA0OC40ODE3IDI2LjcwMDcgNDUuMjc1NiAyNi4xMTgyIDQxLjkyMTNDMzAuNjYyOSA0MC44MzY0IDM0LjcxNDYgMzguMjUzNSAzNy42MjY0IDM0LjU4NDhDNDAuNjExMyAzMC45NSA0Mi4yMTQ3IDI2LjM2OSA0Mi4xNTEgMjEuNjU3OEM0Mi4yMDgyIDE1Ljk3NzUgNDAuMDE2NCAxMC41MDY5IDM2LjA1NzcgNi40NDk1OUMzNC4xODI1IDQuMzc5ODEgMzEuODg5NiAyLjczNTIyIDI5LjMzMTggMS42MjU0MkMyNi43NzQgMC41MTU2MTMgMjQuMDEgLTAuMDMzOTA0NSAyMS4yMjQxIDAuMDEzNDc4QzE4LjQyMDMgLTAuMDEyODc5IDE1LjY0MTkgMC41NDgwMDYgMTMuMDY1OSAxLjY2MDM2QzEwLjQ5IDIuNzcyNzEgOC4xNzMyNiA0LjQxMjEgNi4yNjM0MSA2LjQ3MzkzQzQuMjYxMjYgOC40NTc5MiAyLjY3NTQ1IDEwLjgyNDkgMS41OTk3MyAxMy40MzVDMC41MjQwMTcgMTYuMDQ1MSAtMC4wMTk3NzU0IDE4Ljg0NTIgMC4wMDA0OTU5MTEgMjEuNjdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__card-figure:before {
    width: 145px
  }
}

@media only screen and (max-width: 979px) {
  .product-researchers__container__card-figure:before {
    left: 50%;
    width: 100px;
    height: 100px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.product-researchers__container__card-content {
  padding: 20px 32px;
  background-color: #fff
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__card-content {
    padding: 22px 34px
  }
}

@media only screen and (max-width: 979px) {
  .product-researchers__container__card-content {
    padding: 70px 15px 15px 15px
  }
}

.product-researchers__container__card-content-text {
  font-size: 18px;
  line-height: 24px
}

.product-researchers__container__card-content-text strong {
  color: #572162
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__card-content-text {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .product-researchers__container__card-content-text {
    text-align: center
  }
}

.product-researchers__container__card-content-logo {
  width: 200px;
  margin-bottom: 8px
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__card-content-logo {
    width: 177px;
    margin-bottom: 5px
  }
}

@media only screen and (max-width: 979px) {
  .product-researchers__container__card-content-logo {
    width: auto;
    margin: auto;
    margin-bottom: 8px
  }
}

@media only screen and (max-width: 1279px) {
  .product-researchers__container__card-content-logo-image {
    max-width: 160px
  }
}

@media only screen and (max-width: 979px) {
  .product-researchers__container__card-content-logo-image {
    max-width: 190px;
    margin: auto;
    display: block
  }
}

.product-interested {
  width: 100%;
  margin-top: 43px;
  margin-bottom: 150px
}

@media only screen and (max-width: 1279px) {
  .product-interested {
    margin-top: 26px;
    margin-bottom: 110px
  }
}

@media only screen and (max-width: 979px) {
  .product-interested {
    margin-top: 220px
  }
}

.product-interested__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 958px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-interested__container {
    max-width: 708px;
    margin: auto;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media only screen and (max-width: 979px) {
  .product-interested__container {
    background: rgba(239, 233, 231, .44);
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.product-interested__container__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  width: 53%;
  gap: 48px;
  padding: 0
}

@media only screen and (max-width: 1279px) {
  .product-interested__container__content {
    gap: 53px;
    padding: 0 10px;
    width: 50%
  }
}

@media only screen and (max-width: 979px) {
  .product-interested__container__content {
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 38px 26px;
    gap: 25px;
    padding-left: none;
    width: 100%
  }
}

.product-interested__container__figure {
  width: 47%;
  -webkit-transform: translateX(32px);
  transform: translateX(32px)
}

.product-interested__container__figure.desktop {
  display: block
}

@media only screen and (max-width: 979px) {
  .product-interested__container__figure.desktop {
    display: none
  }
}

.product-interested__container__figure.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-interested__container__figure.mobile {
    max-width: 165px;
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  .product-interested__container__figure {
    -webkit-transform: none;
    transform: none
  }
}

@media only screen and (max-width: 979px) {
  .product-interested__container__figure {
    width: 100%
  }
}

.product-interested__container__figure-image {
  width: 100%
}

.product-interested__container__content-text {
  font-size: 36px;
  line-height: 47px;
  font-weight: 700;
  color: #572162
}

@media only screen and (max-width: 1279px) {
  .product-interested__container__content-text {
    font-size: 22px;
    line-height: 30px
  }
}

@media only screen and (max-width: 979px) {
  .product-interested__container__content-text {
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    max-width: 270px
  }
}

.product-interested__container__content-button-link {
  background-color: #2c99a4;
  transition: all .3s;
  padding: 28px 78px 28px 28px;
  font-size: 23px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  text-decoration: none;
  position: relative;
  color: #fff
}

.product-interested__container__content-button-link:hover {
  background-color: #292c49;
  transition: .3s ease;
  text-decoration: none;
  color: #fff
}

.product-interested__container__content-button-link:hover::after {
  right: 10px
}

.product-interested__container__content-button-link::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 54px;
  height: 54px;
  background-image: url(/wp-content/themes/prodege_theme/img/arrow-white.svg);
  transition: all .3s;
  pointer-events: none;
  -webkit-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
  right: 16px
}

@media only screen and (max-width: 1279px) {
  .product-interested__container__content-button-link {
    font-size: 20px;
    padding: 18px 78px 18px 28px
  }
}

@media only screen and (max-width: 979px) {
  .product-interested__container__content-button-link {
    padding: 23px 75px 24px 25px;
    font-size: 16px
  }
}

.product-location {
  width: 100%;
  margin-top: 83px
}

@media only screen and (max-width: 1279px) {
  .product-location {
    margin-top: 55px
  }
}

@media only screen and (max-width: 979px) {
  .product-location {
    margin-top: 65px
  }
}

.product-location-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1156px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-location-container {
    max-width: 800px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-location-container {
    width: 90%
  }
}

.product-location-container-header {
  text-align: center
}

.product-location-header__title {
  font-size: 38px;
  line-height: 50px;
  color: #582362;
  margin: 0
}

@media only screen and (max-width: 1279px) {
  .product-location-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-location-header__title {
    font-size: 24px;
    line-height: 37px;
    width: 90%;
    margin: auto
  }
}

.product-location-header__text {
  color: #2c99a4;
  font-size: 23px;
  line-height: 32px;
  font-weight: 700
}

.product-location-header__text br.desktop {
  display: block
}

.product-location-header__text br.tablet {
  display: none
}

.product-location-header__text br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-location-header__text {
    width: 65%;
    margin: auto
  }

  .product-location-header__text br.desktop {
    display: none
  }

  .product-location-header__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-location-header__text {
    width: 100%;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 8px;
    max-width: 325px;
    margin-left: auto;
    margin-right: auto
  }

  .product-location-header__text br.tablet {
    display: none
  }

  .product-location-header__text br.mobile {
    display: block
  }
}

.product-location-header__subtext {
  font-size: 23px;
  line-height: 140%;
  margin: auto;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .product-location-header__subtext {
    margin-top: 7px;
    width: 85%
  }
}

@media only screen and (max-width: 979px) {
  .product-location-header__subtext {
    width: 95%;
    margin-top: 0px;
    font-size: 16px;
    line-height: 143%
  }
}

@media only screen and (max-width: 1279px) {
  .product-location-header__subtext br.desktop {
    display: none
  }
}

.product-location-header__subtext br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-location-header__subtext br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-location-header__subtext br.tablet {
    display: none
  }
}

.product-location-header__subtext br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-location-header__subtext br.mobile {
    display: block
  }
}

.product-location-container-body {
  margin-top: 57px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .product-location-container-body {
    margin-top: 47px
  }
}

@media only screen and (max-width: 1279px) {
  .product-location-container-body-figure {
    position: relative;
    top: -18px
  }
}

@media only screen and (max-width: 979px) {
  .product-location-container-body-figure {
    width: 100%;
    top: 2vw;
    z-index: 1;
    -ms-flex-order: 1;
    order: 1
  }
}

@media only screen and (max-width: 979px) {

  .product-location-container-body-figure:before,
  .product-location-container-body-figure:after {
    content: "";
    position: absolute;
    width: 14%;
    height: 11%;
    background-color: #582362;
    bottom: calc(5% + 2px);
    z-index: -1
  }
}

.product-location-container-body-figure:before {
  left: 0
}

.product-location-container-body-figure:after {
  right: 0
}

.product-location-container-body-figure__image {
  width: 100%
}

.product-location-container-body-figure__image.--desktop {
  display: block
}

.product-location-container-body-figure__image.--tablet {
  display: none
}

.product-location-container-body-figure__image.--mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-location-container-body-figure__image.--desktop {
    display: none
  }

  .product-location-container-body-figure__image.--tablet {
    display: block;
    width: 52%
  }

  .product-location-container-body-figure__image.--mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .product-location-container-body-figure__image.--desktop {
    display: none
  }

  .product-location-container-body-figure__image.--tablet {
    display: none
  }

  .product-location-container-body-figure__image.--mobile {
    display: block
  }
}

.product-location-container-body-card {
  background-color: #582362;
  padding: 25px 45px;
  position: absolute;
  right: 0%;
  top: 40%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 45%
}

@media only screen and (max-width: 1279px) {
  .product-location-container-body-card {
    padding: 0px 25px;
    padding-right: 0px;
    top: 39%;
    right: -1%;
    width: 49%;
    height: initial
  }
}

@media only screen and (max-width: 979px) {
  .product-location-container-body-card {
    width: 100%;
    padding: 21px 20px;
    right: unset;
    position: relative;
    -ms-flex-order: 2;
    order: 2;
    bottom: 70px;
    -webkit-transform: none;
    transform: none;
    position: static;
    margin-top: -47px
  }
}

.product-location-container-body-card__text,
.product-location-container-body-card__title {
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {

  .product-location-container-body-card__text,
  .product-location-container-body-card__title {
    font-size: 16px;
    line-height: 23px
  }
}

.product-location-container-body-card__text {
  margin-top: 23px;
  padding-right: 15px
}

@media only screen and (max-width: 1279px) {
  .product-location-container-body-card__text {
    margin-top: 26px;
    padding-right: 35px;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 11px
  }
}

@media only screen and (max-width: 979px) {
  .product-location-container-body-card__text {
    margin-top: 50px;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
    max-width: 284px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-location-container-body-card__title {
  font-weight: 700;
  margin-bottom: 6px
}

@media only screen and (max-width: 979px) {
  .product-location-container-body-card__title {
    margin: 10px auto;
    font-size: 15px
  }
}

.product-location-container-body-card__info {
  color: #fff;
  font-size: 12px;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .product-location-container-body-card__info {
    font-size: 12px;
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 979px) {
  .product-location-container-body-card__info {
    font-size: 12px;
    margin: auto;
    margin-bottom: 17px;
    letter-spacing: -0.15px
  }
}

.product-location-container-body-card-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style-type: none;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  padding-left: 0;
  margin-top: 7px;
  margin-bottom: 26px
}

.product-location-container-body-card-list__column {
  padding-left: 26px;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .product-location-container-body-card-list {
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 19px;
    -moz-column-gap: 19px;
    column-gap: 19px;
    margin-bottom: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-location-container-body-card-list {
    margin-bottom: 22px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-location-container-body-card-list__item {
  color: #fff;
  margin: 0;
  position: relative;
  margin-top: 6px;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.product-location-container-body-card-list__item:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: -21px;
  top: 4px;
  background: #9dc92e
}

.product-location-container-body-cta {
  text-align: center;
  margin-top: 17px
}

.product-location-container-body-cta:hover .product-location-container-body-cta__link {
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .product-location-container-body-cta {
    margin-top: 0
  }

  .product-location-container-body-cta:hover .product-location-container-body-cta__link {
    color: #582362
  }
}

@media only screen and (max-width: 979px) {
  .product-location-container-body-cta {
    -ms-flex-order: 3;
    order: 3;
    margin: 0;
    margin-top: 30px
  }
}

.product-location-container-body-cta__link {
  color: #582362;
  font-size: 25px
}

@media only screen and (max-width: 1279px) {
  .product-location-container-body-cta__link {
    font-size: 22px;
    margin-top: 13px
  }
}

@media only screen and (max-width: 979px) {
  .product-location-container-body-cta__link {
    font-size: 16px;
    margin: auto
  }
}

.product-looking {
  width: 100%;
  margin-top: 130px
}

@media only screen and (max-width: 1279px) {
  .product-looking {
    width: 100%;
    margin-top: 75px
  }
}

@media only screen and (max-width: 979px) {
  .product-looking {
    margin-top: 77px
  }
}

.product-looking-container {
  position: relative;
  margin: auto;
  margin-bottom: 245px
}

@media only screen and (max-width: 979px) {
  .product-looking-container {
    width: calc(100% - 40px)
  }
}

.product-looking-container-header {
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-looking-container-header {
    width: 85%;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-looking-container-header {
    width: 100%
  }
}

.product-looking-header__title {
  font-size: 38px;
  line-height: 50px;
  color: #582362;
  margin: 0
}

.product-looking-header__title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-looking-header__title {
    font-size: 36px;
    max-width: 94%;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-looking-header__title {
    max-width: 300px;
    font-size: 25px;
    line-height: 35px
  }

  .product-looking-header__title br.mobile {
    display: block
  }
}

.product-looking-header__text {
  font-weight: 700;
  font-size: 38px;
  color: #2c99a4;
  line-height: 50px
}

@media only screen and (max-width: 1279px) {
  .product-looking-header__text {
    font-size: 35px;
    margin-bottom: 7px;
    margin-top: -5px
  }
}

@media only screen and (max-width: 979px) {
  .product-looking-header__text {
    font-size: 25px;
    margin-top: 3px;
    margin-bottom: 0
  }
}

.product-looking-body-cards-card-circle__number {
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px
}

.product-looking-body-cards-card-content__text,
.product-looking-body-banner__text {
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  margin: 0
}

.product-looking-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .product-looking-body {
    margin-top: 20px
  }
}

.product-looking-body-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  width: 80%;
  top: -26%;
  max-width: 1156px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width: 1279px) {
  .product-looking-body-cards {
    top: -12%
  }
}

@media only screen and (max-width: 979px) {
  .product-looking-body-cards {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 36px;
    position: static;
    -webkit-transform: none;
    transform: none;
    margin-top: -221px
  }
}

.product-looking-body-cards-card {
  position: relative;
  width: 30%;
  box-shadow: 0px 3px 20px 0px #00000033
}

@media only screen and (max-width: 979px) {
  .product-looking-body-cards-card {
    width: 100%
  }
}

.product-looking-body-cards-card-content {
  padding: 17px;
  text-align: center;
  position: relative;
  z-index: 1
}

.product-looking-body-cards-card-content.--first {
  background-color: #582362
}

.product-looking-body-cards-card-content.--second {
  background-color: #52567a
}

.product-looking-body-cards-card-content.--third {
  background-color: #4d6885
}

@media only screen and (max-width: 1279px) {
  .product-looking-body-cards-card-content {
    padding: 20px 10px
  }
}

@media only screen and (max-width: 979px) {
  .product-looking-body-cards-card-content {
    padding: 20px 21px
  }
}

@media only screen and (max-width: 1279px) {
  .product-looking-body-cards-card-content__text br.desktop {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .product-looking-body-cards-card-content__text {
    position: relative;
    bottom: -3px
  }
}

.product-looking-body-cards-card-figure__image {
  width: 100%
}

.product-looking-body-cards-card-figure__image--float {
  width: 44%;
  position: absolute;
  top: -10%;
  right: -10%
}

@media only screen and (max-width: 979px) {
  .product-looking-body-cards-card-figure__image--float {
    width: 35%;
    top: 0%;
    right: 0%
  }
}

.product-looking-body-cards-card-circle {
  position: absolute;
  left: 50%;
  top: 0%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 40px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  z-index: -1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.product-looking-body-cards-card-circle.--first {
  background-color: #582362
}

.product-looking-body-cards-card-circle.--second {
  background-color: #52567a
}

.product-looking-body-cards-card-circle.--third {
  background-color: #4d6885
}

.product-looking-body-banner {
  width: 100vw;
  padding: 119px;
  padding-bottom: 97px;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background: linear-gradient(0deg, #ffffff 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 321px
}

@media only screen and (max-width: 1279px) {
  .product-looking-body-banner {
    margin-top: 226px;
    padding: 113px;
    padding-bottom: 98px
  }
}

@media only screen and (max-width: 979px) {
  .product-looking-body-banner {
    background: linear-gradient(0deg, #ffffff 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
    margin: 0;
    margin-top: 230px;
    padding: 0
  }
}

.product-looking-body-banner__text {
  width: auto;
  margin: auto;
  position: relative;
  top: 20px;
  color: #4a4a4a;
  font-size: 23px
}

.product-looking-body-banner__text br.mobile {
  display: none
}

@media(min-width: desktop) {
  .product-looking-body-banner__text {
    font-size: 23px
  }
}

@media only screen and (max-width: 1279px) {
  .product-looking-body-banner__text {
    width: 83%;
    margin: auto;
    position: relative;
    top: 38px;
    font-size: 23px
  }

  .product-looking-body-banner__text br.desktop {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .product-looking-body-banner__text {
    width: 100%;
    max-width: 260px;
    margin: 30px auto;
    margin-bottom: 57px;
    top: 32px;
    position: static
  }

  .product-looking-body-banner__text br.mobile {
    display: block
  }
}

.product-looking-body-cta {
  position: absolute;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%)
}

.product-looking-body-cta__button {
  background: #2c99a4;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 90px 25px 25px;
  font-weight: 300;
  transition: all .3s ease;
  font-size: 23px
}

@media only screen and (max-width: 1279px) {
  .product-looking-body-cta__button {
    padding: 20px 90px 25px 20px;
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-looking-body-cta__button {
    font-size: 16px;
    margin: 0;
    padding: 25px 63px 25px 25px
  }

  .product-looking-body-cta__button:hover {
    background: #2c99a4;
    color: #fff
  }

  .product-looking-body-cta__button:hover::after {
    right: -22px
  }
}

.product-looking-body-cta__button::after {
  content: url(/wp-content/themes/prodege_theme/img/lg_arrow.png);
  position: absolute;
  right: 0;
  top: 25%;
  -webkit-transform: scale(0.4) translateY(-50%);
  transform: scale(0.4) translateY(-50%);
  transition: all .3s ease
}

@media only screen and (max-width: 1279px) {
  .product-looking-body-cta__button::after {
    top: 20%
  }
}

@media only screen and (max-width: 979px) {
  .product-looking-body-cta__button::after {
    right: -16px;
    -webkit-transform: scale(0.3) translateY(-50%);
    transform: scale(0.3) translateY(-50%);
    top: 15%
  }
}

.product-looking-body-cta__button:hover {
  text-decoration: none;
  background: #292c49;
  color: #fff
}

.product-looking-body-cta__button:hover::after {
  right: -10px
}

@media only screen and (max-width: 1279px) {
  .product-looking-body-cta__button:hover {
    background: #2c99a4;
    color: #fff
  }

  .product-looking-body-cta__button:hover::after {
    right: 0
  }
}

.product-benefits {
  width: 100%;
  margin-top: 178px;
  margin-bottom: 200px
}

@media only screen and (max-width: 1279px) {
  .product-benefits {
    margin-top: 121px;
    margin-bottom: 120px
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits {
    margin-top: 85px;
    margin-bottom: 135px
  }
}

.product-benefits-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 70px;
  max-width: 1158px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-benefits-container {
    gap: 50px;
    max-width: 821px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-container {
    gap: 10px;
    width: 100%
  }
}

.product-benefits-header {
  text-align: center
}

.product-benefits-header__title {
  font-size: 38px;
  color: #582362;
  margin: 0
}

@media only screen and (max-width: 1279px) {
  .product-benefits-header__title {
    margin-bottom: 5px
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-header__title {
    font-size: 25px;
    margin-top: 5px
  }
}

.product-benefits-header__text {
  font-weight: 700;
  color: #2c99a4;
  font-size: 23px
}

@media only screen and (max-width: 1279px) {
  .product-benefits-header__text {
    margin-bottom: 6px
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-header__text {
    font-size: 16px;
    line-height: 22px;
    width: 72%;
    margin: auto;
    margin-top: 11px
  }
}

.product-benefits-header__subtext {
  font-size: 16px;
  line-height: 22px;
  width: 60%;
  margin: auto
}

.product-benefits-header__subtext br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-benefits-header__subtext {
    width: 65%
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-header__subtext {
    width: 100%;
    max-width: 285px;
    margin-top: 5px
  }

  .product-benefits-header__subtext br.mobile {
    display: block
  }
}

.product-benefits-body {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .product-benefits-body {
    background: linear-gradient(0deg, #FFFFFF -6.14%, rgba(239, 233, 231, 0.44) 70.81%), rgba(239, 233, 231, .18);
    margin-top: 142px
  }
}

.product-benefits-body-content {
  padding: 40px 40px;
  width: 83%;
  background: linear-gradient(271deg, #FFFFFF -6.14%, rgba(239, 233, 231, 0.44) 70.81%), rgba(239, 233, 231, .18)
}

@media only screen and (max-width: 1279px) {
  .product-benefits-body-content {
    padding: 22px 25px
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-body-content {
    -ms-flex-order: 2;
    order: 2;
    padding: 22px 0px;
    padding-top: 28px;
    width: 100%;
    background: none
  }
}

.product-benefits-body-content__title {
  font-size: 23px;
  color: #582362;
  line-height: 32px
}

@media only screen and (max-width: 1279px) {
  .product-benefits-body-content__title {
    margin-top: 8px;
    width: 60%;
    margin-bottom: 2px
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-body-content__title {
    width: 100%;
    text-align: center;
    font-size: 24px;
    width: 100%;
    max-width: 275px;
    margin: auto;
    margin-bottom: 14px
  }
}

.product-benefits-body-content-list {
  padding: 20px 0px;
  width: 64%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  gap: 10px;
  padding-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .product-benefits-body-content-list {
    width: 57%;
    padding: 8px 0px;
    gap: 0px
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-body-content-list {
    padding: 8px 23px;
    width: 100%;
    gap: 15px;
    text-align: center
  }
}

.product-benefits-body-content-list-item__title {
  font-weight: 700;
  font-size: 18px;
  color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .product-benefits-body-content-list-item__title {
    margin-bottom: 5px;
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-body-content-list-item__title {
    font-size: 16px;
    margin-bottom: 5px
  }
}

.product-benefits-body-content-list-item__text {
  font-size: 16px;
  line-height: 22px
}

.product-benefits-body-content-list-item__text br.tablet {
  display: none
}

.product-benefits-body-content-list-item__text br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-benefits-body-content-list-item__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-body-content-list-item__text {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 1.03rem
  }

  .product-benefits-body-content-list-item__text br.tablet {
    display: none
  }

  .product-benefits-body-content-list-item__text br.mobile {
    display: block
  }
}

.product-benefits-body-content-list-item:last-child .product-benefits-body-content-list-item__text {
  margin-bottom: 0
}

.product-benefits-body-figure {
  position: absolute;
  right: 0%;
  top: -21px;
  width: 42%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 18px
}

@media only screen and (max-width: 1279px) {
  .product-benefits-body-figure {
    top: 12%;
    width: 41%;
    padding: 0;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-body-figure {
    -ms-flex-order: 1;
    order: 1;
    position: static;
    width: 100%;
    max-width: 288px;
    margin: auto;
    margin-top: -139px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.product-benefits-body-figure__content {
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  padding-top: 24px;
  padding-bottom: 15px;
  width: 183px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: -106px;
  margin-top: 27px
}

@media only screen and (max-width: 1279px) {
  .product-benefits-body-figure__content {
    padding-top: 16px;
    padding-bottom: 15px;
    width: 150px;
    margin-right: -45px;
    margin-top: 35px
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-body-figure__content {
    width: 220px;
    margin-right: 0;
    margin-top: -60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.product-benefits-body-figure__content-icon {
  width: 83px;
  height: 83px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 17px
}

@media only screen and (max-width: 1279px) {
  .product-benefits-body-figure__content-icon {
    width: 68px;
    height: 68px;
    margin-bottom: 11px
  }

  .product-benefits-body-figure__content-icon img {
    max-width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-body-figure__content-icon {
    width: 49px;
    height: 49px;
    margin: 0;
    margin-right: 16px
  }
}

.product-benefits-body-figure__content-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 133%;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .product-benefits-body-figure__content-text {
    font-size: 12px;
    line-height: 133%
  }
}

.product-benefits-body-figure__image {
  width: 100%
}

.product-benefits-body-figure__image.--mobile {
  display: none
}

.product-benefits-body-figure__image.--desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-benefits-body-figure__image.--desktop {
    max-width: 260px
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-body-figure__image.--mobile {
    display: block
  }

  .product-benefits-body-figure__image.--desktop {
    display: none
  }
}

.product-benefits-body-cta {
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 25px;
  margin-top: 50px
}

.product-benefits-body-cta:hover .product-benefits-body-cta__link {
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .product-benefits-body-cta {
    font-size: 22px;
    margin-top: 38px
  }

  .product-benefits-body-cta .button--lime-underline {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .product-benefits-body-cta {
    -ms-flex-order: 3;
    order: 3;
    font-size: 16px;
    margin-top: 0
  }

  .product-benefits-body-cta .button--lime-underline {
    font-size: 16px
  }
}

.product-benefits-body-cta__link {
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .product-benefits-body-cta__link {
    color: #582362 !important
  }
}

.product-advantage {
  width: 100%
}

.product-advantage__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 810px;
  width: 100%;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-advantage__container {
    padding-bottom: 0;
    max-width: 840px;
    width: auto;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage__container {
    max-width: calc(100% - 40px)
  }
}

.product-advantage__container--sm {
  max-width: 1095px;
  padding-bottom: 75px
}

@media only screen and (max-width: 1279px) {
  .product-advantage__container--sm {
    padding-bottom: 0;
    width: auto;
    max-width: 900px
  }
}

.product-advantage-header {
  text-align: center;
  padding-top: 83px
}

@media only screen and (max-width: 1279px) {
  .product-advantage-header {
    padding-top: 55px;
    padding-bottom: 0px
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage-header {
    padding-top: 65px
  }
}

.product-advantage-header__title {
  font-size: 38px;
  line-height: 50px;
  color: #582362;
  margin-bottom: 8px
}

@media only screen and (max-width: 1279px) {
  .product-advantage-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage-header__title {
    font-size: 25px;
    line-height: 33px
  }
}

.product-advantage-header__text {
  font-size: 23px;
  line-height: 32px;
  color: #2c99a4;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .product-advantage-header__text {
    line-height: 30px;
    margin-bottom: 15px
  }

  .product-advantage-header__text br.desktop {
    display: none
  }

  .product-advantage-header__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage-header__text {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-advantage-header__subtext {
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto
}

.product-advantage-header__subtext br.mobile {
  display: none
}

.product-advantage-header__subtext br.tablet {
  display: none
}

.product-advantage-header__subtext br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-advantage-header__subtext {
    margin-bottom: 34px
  }

  .product-advantage-header__subtext br.desktop {
    display: none
  }

  .product-advantage-header__subtext br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage-header__subtext {
    font-size: 18px;
    line-height: 20px;
    padding: 0 7px;
    max-width: 320px;
    margin-bottom: 6px
  }

  .product-advantage-header__subtext br.tablet {
    display: none
  }

  .product-advantage-header__subtext br.desktop {
    display: none
  }

  .product-advantage-header__subtext br.mobile {
    display: block
  }
}

.product-advantage-body-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  gap: 60px
}

@media only screen and (max-width: 1279px) {
  .product-advantage-body-content {
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage-body-content {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0px
  }
}

.product-advantage-body-content-item {
  padding: 50px 0;
  position: relative;
  -ms-flex-item-align: stretch;
  align-self: stretch
}

@media(min-width: 979px) {
  .product-advantage-body-content-item {
    -ms-flex: 0 0 calc(33% - 30px);
    flex: 0 0 calc(33% - 30px)
  }
}

.product-advantage-body-content-item:nth-child(1)::after {
  content: "";
  padding: 70px 2px;
  background-color: #4a4a4a;
  opacity: .1;
  position: absolute;
  right: -13%;
  bottom: -11%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1279px) {
  .product-advantage-body-content-item:nth-child(1)::after {
    padding: 104px 2px;
    right: -4%;
    bottom: -19%
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage-body-content-item:nth-child(1)::after {
    padding: 3px 150px;
    left: 50%;
    bottom: 0%
  }
}

.product-advantage-body-content-item:nth-child(2)::after {
  content: "";
  padding: 70px 2px;
  background-color: #4a4a4a;
  opacity: .1;
  position: absolute;
  right: -13%;
  bottom: -11%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1279px) {
  .product-advantage-body-content-item:nth-child(2)::after {
    padding: 104px 2px;
    right: -3%;
    bottom: -19%
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage-body-content-item:nth-child(2)::after {
    padding: 3px 150px;
    left: 50%;
    bottom: 0%
  }
}

@media only screen and (max-width: 1279px) {
  .product-advantage-body-content-item {
    padding: 0px 27px 30px 27px
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage-body-content-item {
    padding: 19px 27px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-advantage-body-content-item__title {
  font-size: 23px;
  line-height: 32px;
  font-weight: 700;
  color: #582362;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-advantage-body-content-item__title {
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage-body-content-item__title {
    font-size: 18px;
    line-height: 22px
  }
}

.product-advantage-body-content-item__text {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin: 0
}

.product-advantage-body-content-item__text br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-advantage-body-content-item__text br.desktop {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage-body-content-item__text {
    padding: 0 25px;
    margin-bottom: 15px
  }
}

.product-advantage-body-content-item-figure {
  margin-bottom: 31px;
  height: 270px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end
}

@media only screen and (max-width: 1279px) {
  .product-advantage-body-content-item-figure {
    margin-bottom: 30px;
    height: 187px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage-body-content-item-figure {
    width: 80%;
    margin: auto;
    margin-bottom: 22px;
    height: auto
  }
}

.product-advantage-body-content-item-figure__image {
  width: 100%;
  margin-bottom: 14px
}

@media only screen and (max-width: 979px) {
  .product-advantage-body-content-item-figure__image {
    margin-bottom: 1px
  }
}

.product-advantage__container-body-content-cta {
  font-weight: 300;
  font-size: 25px;
  line-height: 27px;
  text-align: center;
  margin-bottom: 100px
}

@media only screen and (max-width: 1279px) {
  .product-advantage__container-body-content-cta {
    font-size: 22px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 80px;
    margin-top: 40px
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage__container-body-content-cta {
    font-size: 16px;
    margin-bottom: 57px;
    margin-top: 0px
  }
}

.product-advantage__container-body-content-cta .button.product-advantage__container-body-content-cta__link {
  font-size: 25px;
  line-height: 27px
}

@media only screen and (max-width: 1279px) {
  .product-advantage__container-body-content-cta .button.product-advantage__container-body-content-cta__link {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .product-advantage__container-body-content-cta .button.product-advantage__container-body-content-cta__link {
    font-size: 16px
  }
}

.product-your_data {
  width: 100%
}

.product-your_data__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 870px;
  width: 100%;
  margin: auto;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-your_data__container {
    padding-bottom: 0;
    max-width: 870px;
    width: auto;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-your_data__container {
    max-width: calc(100% - 40px)
  }
}

.product-your_data__container--sm {
  max-width: 1159px;
  padding-bottom: 75px
}

@media only screen and (max-width: 1279px) {
  .product-your_data__container--sm {
    padding-bottom: 0;
    width: auto;
    max-width: 900px
  }
}

.product-your_data-header {
  text-align: center;
  padding-top: 83px
}

@media only screen and (max-width: 1279px) {
  .product-your_data-header {
    padding-top: 55px;
    padding-bottom: 0px
  }
}

@media only screen and (max-width: 979px) {
  .product-your_data-header {
    padding-top: 65px
  }
}

.product-your_data-header__title {
  font-size: 38px;
  line-height: 50px;
  color: #582362;
  margin-bottom: 8px
}

@media only screen and (max-width: 1279px) {
  .product-your_data-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-your_data-header__title {
    font-size: 25px;
    line-height: 33px
  }
}

.product-your_data-header__text {
  font-size: 23px;
  line-height: 32px;
  color: #2c99a4;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  max-width: 840px
}

@media only screen and (max-width: 1279px) {
  .product-your_data-header__text {
    line-height: 30px;
    margin-bottom: 15px
  }

  .product-your_data-header__text br.desktop {
    display: none
  }

  .product-your_data-header__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-your_data-header__text {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-your_data-header__subtext {
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  max-width: 840px
}

.product-your_data-header__subtext br.mobile {
  display: none
}

.product-your_data-header__subtext br.tablet {
  display: none
}

.product-your_data-header__subtext br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-your_data-header__subtext {
    margin-bottom: 34px
  }

  .product-your_data-header__subtext br.desktop {
    display: none
  }

  .product-your_data-header__subtext br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-your_data-header__subtext {
    font-size: 18px;
    line-height: 20px;
    padding: 0 7px;
    max-width: 320px;
    margin-bottom: 6px
  }

  .product-your_data-header__subtext br.tablet {
    display: none
  }

  .product-your_data-header__subtext br.desktop {
    display: none
  }

  .product-your_data-header__subtext br.mobile {
    display: block
  }
}

.product-your_data-body {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(239, 233, 231, 0.44) 44.38%, #FFFFFF 75.73%), rgba(239, 233, 231, .18)
}

.product-your_data-body-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 60px;
  z-index: 1;
  padding: 0 60px
}

@media only screen and (max-width: 1279px) {
  .product-your_data-body-content {
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 54px;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 46px
  }
}

@media only screen and (max-width: 979px) {
  .product-your_data-body-content {
    display: none
  }
}

.product-your_data-body-content-item {
  padding: 30px 0 0;
  position: relative;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  background-color: #572162;
  box-shadow: 0px 3px 20px 0px #00000033
}

@media(min-width: 979px) {
  .product-your_data-body-content-item {
    -ms-flex: 0 0 calc(33% - 40px);
    flex: 0 0 calc(33% - 40px)
  }
}

@media only screen and (max-width: 1279px) {
  .product-your_data-body-content-item {
    padding: 27px 0 0
  }
}

@media only screen and (max-width: 979px) {
  .product-your_data-body-content-item {
    padding: 19px 0 0;
    margin-left: auto;
    margin-right: auto
  }
}

.product-your_data-body-content-item:nth-child(1) .product-your_data-body-content-item__text {
  max-width: 232px
}

@media only screen and (max-width: 1279px) {
  .product-your_data-body-content-item:nth-child(1) .product-your_data-body-content-item__text {
    max-width: 185px
  }
}

.product-your_data-body-content-item:nth-child(2) .product-your_data-body-content-item__text {
  max-width: 280px
}

@media only screen and (max-width: 1279px) {
  .product-your_data-body-content-item:nth-child(2) .product-your_data-body-content-item__text {
    max-width: 195px
  }
}

.product-your_data-body-content-item:nth-child(3) .product-your_data-body-content-item__text {
  max-width: 231px
}

@media only screen and (max-width: 1279px) {
  .product-your_data-body-content-item:nth-child(3) .product-your_data-body-content-item__text {
    max-width: 188px
  }
}

.product-your_data-body-content-item__wrapper {
  min-height: 172px
}

.product-your_data-body-content-item__title {
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
  color: #fff;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-your_data-body-content-item__title {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 140%
  }
}

@media only screen and (max-width: 979px) {
  .product-your_data-body-content-item__title {
    line-height: 22px
  }
}

.product-your_data-body-content-item__text {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
  color: #fff
}

.product-your_data-body-content-item__text br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-your_data-body-content-item__text br.desktop {
    display: none
  }
}

.product-your_data-body-content-item__text br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-your_data-body-content-item__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-your_data-body-content-item__text br.tablet {
    display: none
  }
}

.product-your_data-body-content-item__text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-your_data-body-content-item__text br.mobile {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-your_data-body-content-item__text {
    padding: 0 10px;
    margin-bottom: 15px
  }
}

.product-your_data-body-content-item-figure {
  height: 270px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 0;
  width: 100%
}

.product-your_data-body-content-item-figure svg {
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .product-your_data-body-content-item-figure {
    height: 132px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
  }
}

@media only screen and (max-width: 979px) {
  .product-your_data-body-content-item-figure {
    height: 163px
  }
}

.product-your_data-body-content-item-figure__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.product-your_data-body-content-item {
  -o-object-position: 0px;
  object-position: 0px
}

figure.green-line-side-circles {
  top: 52px;
  position: absolute;
  z-index: 0;
  width: 100%
}

@media only screen and (max-width: 979px) {
  figure.green-line-side-circles {
    display: none
  }
}

figure.green-line-side-circles svg {
  width: 100%
}

.product-your_data__content-text-m {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-your_data__content-text-m {
    max-width: 330px;
    color: #4a4a4a;
    display: block;
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding: 0 2rem;
    margin: 0 auto 50px
  }
}

.product-your_data__container-m {
  display: none;
  margin: 2.5rem 3rem 2.8rem 3rem
}

@media only screen and (max-width: 979px) {
  .product-your_data__container-m {
    display: block
  }
}

.product-your_data-swiper-slide-m {
  width: 250px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

.product-your_data-swiper__slide-card-m {
  width: 100%
}

.product-your_data-swiper__slide-card-header-m {
  background-color: #572162;
  padding: 2.5rem 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 206px
}

.product-your_data-swiper__slide-card-header-title-m {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  line-height: 140%
}

.product-your_data-swiper__slide-card-body-m {
  height: 100%
}

.product-your_data-swiper__slide-card-body-image-m {
  width: 100%;
  height: 100%
}

.product-reporting {
  width: 100%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .product-reporting {
    box-shadow: none
  }
}

.product-reporting__container {
  max-width: 1170px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-reporting__container {
    max-width: 821px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting__container {
    width: 100% !important
  }
}

.product-reporting-color-footer {
  background: linear-gradient(91.44deg, #582362 0%, #2C99A4 100%);
  width: 100%
}

.product-reporting-color-footer.desktop {
  display: block;
  height: 80px;
  margin-top: 4px
}

@media only screen and (max-width: 1279px) {
  .product-reporting-color-footer.desktop {
    height: 54px;
    margin-top: 7px
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting-color-footer.desktop {
    display: none;
    padding: 22px 65px 22px 15px
  }
}

.product-reporting-color-footer.mobile {
  display: none;
  height: 50px
}

@media only screen and (max-width: 979px) {
  .product-reporting-color-footer.mobile {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -3
  }
}

.product-reporting-header {
  text-align: center;
  width: 96%;
  margin: auto;
  padding: 120px 0px 35px 0px
}

@media only screen and (max-width: 1279px) {
  .product-reporting-header {
    padding-top: 60px;
    padding-bottom: 0;
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting-header {
    margin-top: 30px;
    padding: 6px 15px
  }
}

.product-reporting-header__title {
  font-size: 38px;
  line-height: 50px;
  color: #582362;
  margin-bottom: 15px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto
}

.product-reporting-header__title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-reporting-header__title {
    font-size: 36px;
    line-height: 47px;
    margin-bottom: 13px
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting-header__title {
    font-size: 25px;
    line-height: 33px
  }

  .product-reporting-header__title br.mobile {
    display: block
  }
}

.product-reporting-header__text {
  font-weight: 700;
  font-size: 23px;
  line-height: 143.1%;
  color: #2c99a4
}

.product-reporting-header__text br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-reporting-header__text {
    padding: 0 80px
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting-header__text {
    padding: 0 3px;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto
  }

  .product-reporting-header__text br.mobile {
    display: block
  }
}

.product-reporting-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1279px) {
  .product-reporting-body {
    margin-top: 23px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting-body {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 0px
  }
}

.product-reporting-body-content {
  margin-right: 36px;
  margin-top: 11px;
  width: 37%;
  padding: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media only screen and (max-width: 1279px) {
  .product-reporting-body-content {
    width: 42%;
    margin-top: 4px;
    margin-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting-body-content {
    width: 100%;
    padding: 8px 0;
    margin-top: 5px
  }
}

.product-reporting-body-figure {
  width: 55%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1279px) {
  .product-reporting-body-figure {
    width: 58%;
    position: absolute;
    right: 0;
    bottom: -10%;
    height: 100%;
    z-index: 2
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting-body-figure {
    width: 100%;
    position: relative
  }
}

.product-reporting-body-figure-container {
  position: absolute;
  z-index: 1;
  bottom: 0%;
  height: 100%;
  margin: 0;
  left: 0
}

@media only screen and (max-width: 1279px) {
  .product-reporting-body-figure-container {
    bottom: 9%;
    z-index: -1;
    left: -10px
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting-body-figure-container {
    position: relative;
    width: 80%;
    margin: auto;
    margin-bottom: 20px;
    left: 0
  }
}

.product-reporting-body-figure__mockup {
  width: 100%;
  height: 109%
}

.product-reporting-body-figure__content {
  position: absolute;
  top: calc(42% - 3px);
  left: calc(50% - 1px);
  z-index: 0;
  width: 88%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1279px) {
  .product-reporting-body-figure__content {
    top: 38%
  }
}

.product-reporting-body-content-cards-card {
  background-color: #582362;
  text-align: left;
  padding: 14px 21px;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .product-reporting-body-content-cards-card {
    margin-bottom: 8px;
    padding: 13px 15px
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting-body-content-cards-card {
    padding: 13px 34px
  }
}

.product-reporting-body-content-cards-card__title {
  color: #fff;
  font-weight: 700;
  font-size: 23px;
  margin: 0;
  margin-bottom: 0;
  margin-top: -3px
}

@media only screen and (max-width: 1279px) {
  .product-reporting-body-content-cards-card__title {
    font-size: 16px;
    margin-bottom: 2px
  }
}

.product-reporting-body-content-cards-card__text {
  font-size: 16px;
  line-height: 23px;
  color: #fff;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .product-reporting-body-content-cards-card__text {
    font-size: 12px;
    line-height: 17px
  }
}

.product-reporting-body-figure__image {
  width: 100%
}

.product-reporting-body-content-cta {
  width: auto;
  margin: 0;
  margin-top: 19px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .product-reporting-body-content-cta {
    margin-top: 17px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting-body-content-cta {
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-reporting-body-content-cta__link {
  background-color: #2c99a4;
  transition: all .3s;
  width: auto;
  margin: auto;
  padding: 18px 78px 15px 17px;
  font-size: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  gap: 20px;
  text-decoration: none;
  position: relative;
  color: #fff
}

.product-reporting-body-content-cta__link:hover {
  background-color: #292c49;
  transition: .3s ease;
  text-decoration: none;
  color: #fff
}

@media(min-width: 1280px) {
  .product-reporting-body-content-cta__link:hover::after {
    top: calc(50% + 3px);
    right: 5px
  }
}

@media only screen and (max-width: 1279px) {
  .product-reporting-body-content-cta__link:hover {
    background-color: #2c99a4
  }
}

.product-reporting-body-content-cta__link::after {
  content: "";
  position: absolute;
  top: calc(50% + 3px);
  width: 54px;
  height: 48px;
  background-image: url(/wp-content/themes/prodege_theme/img/arrow-white.svg);
  background-repeat: no-repeat;
  transition: all .3s;
  pointer-events: none;
  -webkit-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
  right: 14px
}

@media only screen and (max-width: 1279px) {
  .product-reporting-body-content-cta__link::after {
    right: 6px
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting-body-content-cta__link::after {
    right: 8px
  }
}

@media only screen and (max-width: 1279px) {
  .product-reporting-body-content-cta__link {
    font-size: 16px;
    width: 100%;
    padding: 21px 65px 21px 15px
  }

  .product-reporting-body-content-cta__link::after {
    top: calc(50% + 0px);
    height: 39px
  }
}

@media only screen and (max-width: 979px) {
  .product-reporting-body-content-cta__link {
    padding: 23px 63px 23px 15px
  }

  .product-reporting-body-content-cta__link::after {
    height: 45px;
    right: 3px
  }
}

.hide-controls::-webkit-media-controls,
.hide-controls::-webkit-media-controls-play-button,
.hide-controlsvideo::-webkit-media-controls-volume-slider,
.hide-controls::-webkit-media-controls-mute-button,
.hide-controls::-webkit-media-controls-timeline,
.hide-controls::-webkit-media-controls-current-time-display,
.hide-controls::-webkit-media-controls {
  display: none
}

.product-partners {
  width: 100%
}

@media only screen and (max-width: 979px) {
  .product-partners {
    padding-bottom: 56px
  }
}

.product-partners__container {
  padding: 0;
  max-width: 1194px;
  margin: auto;
  margin-bottom: 0;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-partners__container {
    padding: 0;
    max-width: 821px;
    margin: 0 auto
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container {
    width: 100%
  }
}

.product-partners__container-header {
  text-align: center;
  padding-bottom: 275px;
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  padding-top: 80px
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-header {
    margin-bottom: -21px;
    padding-top: 68px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-header {
    margin-bottom: 66px;
    padding-top: 76px;
    padding-bottom: 258px
  }
}

@media only screen and (max-width: 767px) {
  .product-partners__container-header {
    margin-bottom: 124px;
    padding-top: 82px;
    padding-bottom: 292px
  }
}

.product-partners__container-header__title {
  font-size: 38px;
  line-height: 50px;
  color: #fff
}

.product-partners__container-header__title br {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-header__title {
    width: 500px;
    margin: auto;
    font-size: 36px;
    line-height: 47px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-header__title {
    font-size: 25px;
    line-height: 33px;
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto
  }

  .product-partners__container-header__title br {
    display: block
  }
}

.product-partners__container-header__text {
  margin: auto;
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #fff
}

.product-partners__container-header__text br.desktop {
  display: block
}

.product-partners__container-header__text br.tablet {
  display: none
}

.product-partners__container-header__text br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-header__text {
    width: 662px;
    margin: 10px auto;
    margin-bottom: 6px
  }

  .product-partners__container-header__text br.desktop {
    display: none
  }

  .product-partners__container-header__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-header__text {
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    width: 100%;
    max-width: 255px;
    margin-left: auto;
    margin-right: auto
  }

  .product-partners__container-header__text br.mobile {
    display: block
  }

  .product-partners__container-header__text br.tablet {
    display: none
  }
}

.product-partners__container-header__subtext {
  font-weight: 300;
  line-height: 140%;
  font-size: 23px;
  width: 55%;
  margin: auto;
  margin-top: 1px;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-header__subtext {
    width: 610px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-header__subtext {
    font-size: 18px;
    line-height: 22px;
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-partners__container-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: linear-gradient(0deg, #ffffff, #ffffff), rgba(255, 255, 255, .18);
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 95px -200px
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-body {
    margin-top: 0px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin: 0 57px -185px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-body {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 18px -275px
  }
}

@media only screen and (max-width: 480px) {
  .product-partners__container-body {
    margin: 0 18px -430px
  }
}

.product-partners__container-body-content-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 23px;
  margin-bottom: 18px
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-body-content-header {
    gap: 6px;
    margin-left: 5px;
    margin-bottom: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-body-content-header {
    padding: 0;
    gap: 19px;
    padding-left: 0;
    margin-bottom: 14px;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.product-partners__container-body-content-header-figure {
  width: 112px;
  height: 112px
}

.product-partners__container-body-content-header-figure__image {
  width: 100%;
  border-radius: 50%;
  box-shadow: 0px 3px 20px 0px #00000033
}

.product-partners__container-body-content-header-figure__text {
  color: #582362;
  font-weight: 700;
  font-size: 30px
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-body-content-header-figure__text {
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-body-content-header-figure__text {
    margin-bottom: 6px
  }
}

.product-partners__container-body-content__text {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #582362;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-body-content__text {
    font-size: 16px;
    line-height: 22px;
    padding-left: 5px;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-body-content__text {
    padding: 10px 24px;
    margin-bottom: 10px;
    text-align: center
  }
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-body-content__text:not(.product-partners__container-body-content__text--bottom) {
    max-width: 404px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-body-content__text:not(.product-partners__container-body-content__text--bottom) {
    max-width: 100%
  }
}

.product-partners__container-body-content__text.product-partners__container-body-content__text--bottom {
  font-weight: 300;
  color: #4a4a4a;
  line-height: 143.1%
}

@media only screen and (max-width: 979px) {
  .product-partners__container-body-content__text.product-partners__container-body-content__text--bottom {
    padding: 10px 16px
  }
}

.product-partners__container-body-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  width: calc(100% - 227px);
  padding: 41px 96px 32px 45px
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-body-content {
    width: calc(100% - 214px);
    padding-left: 30px;
    padding-right: 44px;
    padding-bottom: 23px;
    gap: 6px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-body-content {
    width: 100%;
    gap: 0px;
    padding: 31px 34px 10px;
    background-color: #fff
  }
}

@media only screen and (max-width: 480px) {
  .product-partners__container-body-content {
    padding: 31px 15px 20px
  }
}

.product-partners__container-body-content-cta {
  padding: 8px 0;
  margin-left: 14px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.product-partners__container-body-content-cta:hover .product-partners__container-body-content-cta__link {
  color: #fff !important;
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-body-content-cta:hover .product-partners__container-body-content-cta__link {
    color: #582362 !important
  }
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-body-content-cta {
    position: absolute;
    right: 0;
    bottom: -3px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-body-content-cta {
    bottom: calc(-13% + 1px);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    right: 50%;
    width: 100%;
    text-align: center
  }
}

.product-partners__container-body-content-cta__link {
  font-size: 25px;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-body-content-cta__link {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-body-content-cta__link {
    font-size: 16px
  }
}

.product-partners__container-body-figure {
  width: 228px;
  margin-left: 0;
  margin-top: 0;
  text-align: right;
  height: 389px
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-body-figure {
    width: 214px;
    height: 408px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-body-figure {
    width: 100%;
    margin-left: auto;
    height: 100%;
    height: 119px
  }
}

.product-partners__container-body-figure figure {
  box-shadow: 0px 0px 10px 0px #00000033;
  margin: 0;
  width: 100%;
  height: 100%
}

.product-partners__container-body-figure__image {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%
}

.product-partners__container-body-figure__label {
  font-size: 12px;
  line-height: 143.1%;
  margin-bottom: 0;
  margin-top: 30px
}

@media only screen and (max-width: 1279px) {
  .product-partners__container-body-figure__label {
    margin-top: 25px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container-body-figure__label {
    margin-top: 20px;
    margin-right: 20px
  }
}

.product-partners__container__card-quotes {
  padding: 18px 12px 19px 12px;
  width: 66px;
  height: 66px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-partners__container__card-quotes {
    padding: 27px;
    width: 55px;
    height: 55px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__container__card-quotes {
    padding: 27px
  }
}

.product-partners__container__card-quotes:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2c99a4;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA5MiA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ5LjIzNzcgMjEuNjdDNDkuMjM3NyAzMC41MTkyIDUxLjk2MzMgMzguNjcyOCA1Ny40MTQ2IDQ2LjEzMDlDNjMuMDkxIDUzLjc4MTkgNzAuMjUzMyA2MC4xOTczIDc4LjQ2ODYgNjQuOTg5MUw4NC43MDczIDU5LjQxMDhDODIuMTgzNCA1Ny4wNjAxIDgwLjAxNjIgNTQuMzUwNiA3OC4yNzQ4IDUxLjM2ODZDNzYuNDY1OCA0OC41MjQzIDc1LjM0OTQgNDUuMjkxOSA3NS4wMTYxIDQxLjkzMzVDNzkuNTYwMyA0MC44NDczIDgzLjYxMTcgMzguMjY0NiA4Ni41MjQ0IDM0LjU5N0M4OS41MDkzIDMwLjk2MjEgOTEuMTEyNyAyNi4zODEyIDkxLjA0OSAyMS42N0M5MS4xMDM5IDE1Ljk4ODkgODguOTEgMTAuNTE4NSA4NC45NDk2IDYuNDYxNzdDODMuMDU4MiA0LjQyMjk4IDgwLjc2OTIgMi43OTcxMSA3OC4yMjUgMS42ODU0MkM3NS42ODA4IDAuNTczNzIzIDcyLjkzNiAwIDcwLjE2MTUgMEM2Ny4zODY5IDAgNjQuNjQyMSAwLjU3MzcyMyA2Mi4wOTc5IDEuNjg1NDJDNTkuNTUzOCAyLjc5NzExIDU3LjI2NDcgNC40MjI5OCA1NS4zNzM0IDYuNDYxNzdDNTEuNDAzMSAxMC41MTQ4IDQ5LjE5NjQgMTUuOTg0NSA0OS4yMzc3IDIxLjY3Wk0wLjAwMDQ5NTkxMSAyMS42N0MwLjAwMDQ5NTkxMSAzMC41MTkyIDIuNzI2MTQgMzguNjcyOCA4LjE3NzQxIDQ2LjEzMDlDMTMuODUzOCA1My43ODE5IDIxLjAxNjIgNjAuMTk3MyAyOS4yMzE1IDY0Ljk4OTFMMzYuMTkwOSA1OS4zOTg2QzMzLjY2NSA1Ny4wNDgzIDMxLjQ5NTggNTQuMzM4OCAyOS43NTI0IDUxLjM1NjVDMjcuOTM1NiA0OC40ODE3IDI2LjcwMDcgNDUuMjc1NiAyNi4xMTgyIDQxLjkyMTNDMzAuNjYyOSA0MC44MzY0IDM0LjcxNDYgMzguMjUzNSAzNy42MjY0IDM0LjU4NDhDNDAuNjExMyAzMC45NSA0Mi4yMTQ3IDI2LjM2OSA0Mi4xNTEgMjEuNjU3OEM0Mi4yMDgyIDE1Ljk3NzUgNDAuMDE2NCAxMC41MDY5IDM2LjA1NzcgNi40NDk1OUMzNC4xODI1IDQuMzc5ODEgMzEuODg5NiAyLjczNTIyIDI5LjMzMTggMS42MjU0MkMyNi43NzQgMC41MTU2MTMgMjQuMDEgLTAuMDMzOTA0NSAyMS4yMjQxIDAuMDEzNDc4QzE4LjQyMDMgLTAuMDEyODc5IDE1LjY0MTkgMC41NDgwMDYgMTMuMDY1OSAxLjY2MDM2QzEwLjQ5IDIuNzcyNzEgOC4xNzMyNiA0LjQxMjEgNi4yNjM0MSA2LjQ3MzkzQzQuMjYxMjYgOC40NTc5MiAyLjY3NTQ1IDEwLjgyNDkgMS41OTk3MyAxMy40MzVDMC41MjQwMTcgMTYuMDQ1MSAtMC4wMTk3NzU0IDE4Ljg0NTIgMC4wMDA0OTU5MTEgMjEuNjdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
}

@media only screen and (max-width: 1279px) {
  .product-partners__container__card-quotes:before {
    background-size: 33px
  }
}

.product-partners__body-logo figure {
  width: 263px;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .product-partners__body-logo figure {
    width: 218px
  }
}

@media only screen and (max-width: 979px) {
  .product-partners__body-logo figure {
    width: 206px
  }
}

.product-partners__body-logo figure img {
  width: 100%
}

.product-innovative {
  background-color: rgba(240, 232, 230, .44);
  width: 100%;
  background-size: cover;
  margin-bottom: 70px
}

@media only screen and (max-width: 979px) {
  .product-innovative {
    margin-bottom: 26px
  }
}

.product-innovative__container {
  padding: 108px 0px;
  display: -ms-flexbox;
  display: flex;
  gap: 133px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1156px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-innovative__container {
    padding-top: 47px;
    padding-bottom: 100px;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 80px;
    width: 100%;
    max-width: 800px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-innovative__container {
    gap: 60px;
    padding-bottom: 40px
  }
}

.product-innovative__container__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 40%
}

@media only screen and (max-width: 1279px) {
  .product-innovative__container__content {
    width: 104%;
    margin: auto -2%;
    text-align: center
  }
}

@media only screen and (max-width: 979px) {
  .product-innovative__container__content {
    width: 100%;
    margin: auto
  }
}

.product-innovative__container__content-text {
  font-size: 32px;
  line-height: 44px;
  color: #4a4a4a
}

.product-innovative__container__content-text strong,
.product-innovative__container__content-text b {
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .product-innovative__container__content-text {
    font-size: 25px;
    line-height: 35px
  }
}

@media only screen and (max-width: 979px) {
  .product-innovative__container__content-text {
    font-size: 18px;
    line-height: 25px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-innovative__container__card {
  background-color: #fff;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 48px 42px;
  width: 60%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .product-innovative__container__card {
    width: 100%;
    max-width: 622px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-innovative__container__card {
    max-width: 300px;
    padding: 68px 21px 20px 21px
  }
}

.product-innovative__container__card-icon {
  padding: 30px 23px;
  width: 90px;
  height: 90px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0%;
  background-color: #2c99a4;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.product-innovative__container__card-icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2c99a4;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 55%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA5MiA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ5LjIzNzcgMjEuNjdDNDkuMjM3NyAzMC41MTkyIDUxLjk2MzMgMzguNjcyOCA1Ny40MTQ2IDQ2LjEzMDlDNjMuMDkxIDUzLjc4MTkgNzAuMjUzMyA2MC4xOTczIDc4LjQ2ODYgNjQuOTg5MUw4NC43MDczIDU5LjQxMDhDODIuMTgzNCA1Ny4wNjAxIDgwLjAxNjIgNTQuMzUwNiA3OC4yNzQ4IDUxLjM2ODZDNzYuNDY1OCA0OC41MjQzIDc1LjM0OTQgNDUuMjkxOSA3NS4wMTYxIDQxLjkzMzVDNzkuNTYwMyA0MC44NDczIDgzLjYxMTcgMzguMjY0NiA4Ni41MjQ0IDM0LjU5N0M4OS41MDkzIDMwLjk2MjEgOTEuMTEyNyAyNi4zODEyIDkxLjA0OSAyMS42N0M5MS4xMDM5IDE1Ljk4ODkgODguOTEgMTAuNTE4NSA4NC45NDk2IDYuNDYxNzdDODMuMDU4MiA0LjQyMjk4IDgwLjc2OTIgMi43OTcxMSA3OC4yMjUgMS42ODU0MkM3NS42ODA4IDAuNTczNzIzIDcyLjkzNiAwIDcwLjE2MTUgMEM2Ny4zODY5IDAgNjQuNjQyMSAwLjU3MzcyMyA2Mi4wOTc5IDEuNjg1NDJDNTkuNTUzOCAyLjc5NzExIDU3LjI2NDcgNC40MjI5OCA1NS4zNzM0IDYuNDYxNzdDNTEuNDAzMSAxMC41MTQ4IDQ5LjE5NjQgMTUuOTg0NSA0OS4yMzc3IDIxLjY3Wk0wLjAwMDQ5NTkxMSAyMS42N0MwLjAwMDQ5NTkxMSAzMC41MTkyIDIuNzI2MTQgMzguNjcyOCA4LjE3NzQxIDQ2LjEzMDlDMTMuODUzOCA1My43ODE5IDIxLjAxNjIgNjAuMTk3MyAyOS4yMzE1IDY0Ljk4OTFMMzYuMTkwOSA1OS4zOTg2QzMzLjY2NSA1Ny4wNDgzIDMxLjQ5NTggNTQuMzM4OCAyOS43NTI0IDUxLjM1NjVDMjcuOTM1NiA0OC40ODE3IDI2LjcwMDcgNDUuMjc1NiAyNi4xMTgyIDQxLjkyMTNDMzAuNjYyOSA0MC44MzY0IDM0LjcxNDYgMzguMjUzNSAzNy42MjY0IDM0LjU4NDhDNDAuNjExMyAzMC45NSA0Mi4yMTQ3IDI2LjM2OSA0Mi4xNTEgMjEuNjU3OEM0Mi4yMDgyIDE1Ljk3NzUgNDAuMDE2NCAxMC41MDY5IDM2LjA1NzcgNi40NDk1OUMzNC4xODI1IDQuMzc5ODEgMzEuODg5NiAyLjczNTIyIDI5LjMzMTggMS42MjU0MkMyNi43NzQgMC41MTU2MTMgMjQuMDEgLTAuMDMzOTA0NSAyMS4yMjQxIDAuMDEzNDc4QzE4LjQyMDMgLTAuMDEyODc5IDE1LjY0MTkgMC41NDgwMDYgMTMuMDY1OSAxLjY2MDM2QzEwLjQ5IDIuNzcyNzEgOC4xNzMyNiA0LjQxMjEgNi4yNjM0MSA2LjQ3MzkzQzQuMjYxMjYgOC40NTc5MiAyLjY3NTQ1IDEwLjgyNDkgMS41OTk3MyAxMy40MzVDMC41MjQwMTcgMTYuMDQ1MSAtMC4wMTk3NzU0IDE4Ljg0NTIgMC4wMDA0OTU5MTEgMjEuNjdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
}

.product-innovative__container__card-logo {
  width: 180px;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .product-innovative__container__card-logo {
    margin-bottom: 27px
  }
}

@media only screen and (max-width: 979px) {
  .product-innovative__container__card-logo {
    width: 120px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-innovative__container__card-logo-image {
  width: 100%
}

.product-innovative__container__card-text {
  font-size: 18px;
  line-height: 25px;
  margin: 0
}

.product-innovative__container__card-text strong {
  color: #572162
}

.product-innovative__container__card-text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-innovative__container__card-text br.mobile {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-innovative__container__card-text {
    font-size: 14px;
    line-height: 19px;
    text-align: center
  }
}

.product-making {
  background-color: #572162;
  margin-top: 150px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .product-making {
    margin-top: 92px
  }
}

@media only screen and (max-width: 979px) {
  .product-making {
    margin-top: 0px
  }
}

.product-making__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 58px 0 66px;
  max-width: 1124px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-making__container {
    padding: 41px 0 49px;
    max-width: 820px;
    margin: auto
  }
}

.product-making__header {
  text-align: center;
  max-width: 850px
}

.product-making__header-title {
  font-size: 38px;
  line-height: 50px;
  color: #fff;
  margin-bottom: 6px
}

@media only screen and (max-width: 979px) {
  .product-making__header-title {
    font-size: 25px;
    line-height: 33px;
    margin-bottom: 0
  }

  .product-making__header-title br {
    display: none
  }
}

.product-making__header-text {
  color: #2c99a4;
  font-size: 23px;
  font-weight: 700
}

@media only screen and (max-width: 979px) {
  .product-making__header-text {
    font-size: 16px
  }
}

.product-making__body {
  width: 100%
}

.product-making__body.desktop {
  display: block;
  margin-top: 55px
}

@media only screen and (max-width: 1279px) {
  .product-making__body.desktop {
    margin-top: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-making__body.desktop {
    display: none
  }
}

.product-making__body.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-making__body.mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px
  }
}

.product-making__body-title {
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  padding: 0px 30px 0px 50px
}

@media only screen and (max-width: 979px) {
  .product-making__body-title {
    padding: 0px 0px 0px 30px
  }
}

.product-making__body-text {
  font-size: 14px;
  color: #fff;
  line-height: 19px;
  padding: 0px 30px 0px 50px;
  font-weight: 700
}

@media only screen and (max-width: 979px) {
  .product-making__body-text {
    padding: 0px 29px 0px 30px
  }
}

.product-making__body-separator {
  height: 6px;
  background: #2c99a4;
  width: 300px;
  margin: auto
}

.product-making__body-list {
  list-style-type: none;
  padding: 0px 30px 0px 75px
}

@media only screen and (max-width: 979px) {
  .product-making__body-list {
    padding: 0px 40px 0px 52px
  }
}

.product-making__body-list-item {
  color: #fff;
  font-size: 14px;
  line-height: 19px;
  position: relative;
  margin-bottom: 6px
}

.product-making__body-list-item:before {
  content: "";
  background-color: #9dc92e;
  width: 10px;
  height: 10px;
  position: absolute;
  left: -21px;
  top: 3px
}

.product-making__body-image {
  width: 100%
}

@media only screen and (max-width: 979px) {
  .product-making__body-image {
    margin: auto;
    max-width: 400px
  }
}

.product-making__body-figure-image {
  width: 100%
}

.product-making__cta {
  margin-top: 46px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-making__cta {
    margin-top: 34px
  }
}

@media only screen and (max-width: 979px) {
  .product-making__cta {
    margin-top: 32px
  }
}

.product-making__cta-link {
  color: #fff
}

.product-making__cta-link.desktop {
  display: block;
  font-size: 25px
}

@media only screen and (max-width: 1279px) {
  .product-making__cta-link.desktop {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .product-making__cta-link.desktop {
    display: none
  }
}

.product-making__cta-link.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-making__cta-link.mobile {
    display: block;
    font-size: 16px
  }
}

.product-research {
  width: 100%;
  margin-top: 83px
}

@media only screen and (max-width: 1279px) {
  .product-research {
    margin-top: 55px
  }
}

@media only screen and (max-width: 979px) {
  .product-research {
    margin-top: 65px;
    background: linear-gradient(180deg, #FFFFFF 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18)
  }
}

.product-research__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1172px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-research__container {
    max-width: 838px;
    margin: auto
  }
}

.product-research__container__header {
  text-align: center;
  margin-bottom: 60px
}

@media only screen and (max-width: 1279px) {
  .product-research__container__header {
    margin-bottom: 40px
  }
}

@media only screen and (max-width: 979px) {
  .product-research__container__header {
    margin-bottom: 0px
  }
}

.product-research__container__header-title {
  font-size: 38px;
  color: #582362;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .product-research__container__header-title {
    margin-top: 4px;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-research__container__header-title {
    font-size: 25px;
    margin-bottom: 10px;
    max-width: 360px
  }
}

.product-research__container__header-text {
  font-size: 23px;
  font-weight: 700;
  color: #2c99a4
}

@media only screen and (max-width: 979px) {
  .product-research__container__header-text {
    font-size: 16px
  }
}

.product-research__container__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1279px) {
  .product-research__container__body {
    -ms-flex-align: center;
    align-items: center;
    gap: 17px
  }
}

@media only screen and (max-width: 979px) {
  .product-research__container__body {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 50px
  }
}

.product-research__container__body__content {
  width: 60%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px 45px 14px 35px;
  background: linear-gradient(270deg, #FFFFFF 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18)
}

@media only screen and (max-width: 1279px) {
  .product-research__container__body__content {
    padding: 28px 16px;
    width: 65%
  }
}

@media only screen and (max-width: 979px) {
  .product-research__container__body__content {
    width: 100%;
    padding: 16px 0;
    background: none
  }
}

.product-research__container__body__content__list {
  list-style-type: none
}

@media only screen and (max-width: 979px) {
  .product-research__container__body__content__list {
    padding-left: 20px
  }
}

.product-research__container__body__content__list-item {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 23px;
  position: relative
}

.product-research__container__body__content__list-item strong {
  color: #572162
}

@media only screen and (max-width: 1279px) {
  .product-research__container__body__content__list-item {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 979px) {
  .product-research__container__body__content__list-item {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px
  }
}

.product-research__container__body__content__list-item:before {
  content: "";
  background-color: #9dc92e;
  width: 10px;
  height: 10px;
  position: absolute;
  left: -25px;
  top: 8px
}

@media only screen and (max-width: 979px) {
  .product-research__container__body__content__list-item:before {
    left: -19px;
    top: 6px;
    width: 8px;
    height: 8px
  }
}

@media only screen and (max-width: 979px) {
  .product-research__container__body__content__list-item p {
    margin: 0
  }
}

.product-research__container__body__figure {
  width: 57%;
  position: relative;
  right: 3%;
  top: 16px
}

@media only screen and (max-width: 1279px) {
  .product-research__container__body__figure {
    right: 4%
  }
}

@media only screen and (max-width: 979px) {
  .product-research__container__body__figure {
    right: 0;
    top: 1px;
    width: 100%
  }
}

.product-research__container__body__figure-image {
  width: 100%;
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

@media only screen and (max-width: 1279px) {
  .product-research__container__body__figure-image {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
}

@media only screen and (max-width: 979px) {
  .product-research__container__body__figure-image {
    -webkit-transform: none;
    transform: none
  }
}

.product-research__container__body__animation-wrapper {
  width: 66%;
  height: 69%;
  overflow: hidden;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  position: absolute;
  left: 17%;
  top: 1%
}

@media only screen and (max-width: 1279px) {
  .product-research__container__body__animation-wrapper {
    top: 0%;
    width: 66.5%;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
}

@media only screen and (max-width: 979px) {
  .product-research__container__body__animation-wrapper {
    top: 3%;
    height: 70%;
    -webkit-transform: none;
    transform: none
  }
}

.product-research__container__body__animation {
  width: 114%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 979px) {
  .product-research__container__body__animation--desktop {
    display: none
  }
}

.product-research__container__body__animation--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-research__container__body__animation--mobile {
    display: block
  }
}

.product-surveys {
  width: 100%
}

.product-surveys__container {
  padding: 142px 0;
  max-width: 1156px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-surveys__container {
    padding: 90px 0 100px;
    max-width: 834px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-surveys__container {
    padding: 38px 0
  }
}

.product-surveys__container__header {
  text-align: center;
  margin-bottom: 60px
}

@media only screen and (max-width: 1279px) {
  .product-surveys__container__header {
    margin-bottom: 35px
  }
}

.product-surveys__container__header-title {
  font-size: 38px;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__header-title {
    font-size: 25px
  }
}

.product-surveys__container__body {
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0px 3px 20px 0px #00000033
}

@media only screen and (max-width: 1279px) {
  .product-surveys__container__body {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.product-surveys__container__body__figure {
  width: 29%
}

@media only screen and (max-width: 1279px) {
  .product-surveys__container__body__figure {
    width: 100%;
    margin-top: -13px
  }
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__figure {
    margin-top: 10px
  }
}

.product-surveys__container__body__figure-image {
  width: 100%
}

.product-surveys__container__body__figure-image.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-surveys__container__body__figure-image.desktop {
    display: none
  }
}

.product-surveys__container__body__figure-image.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-surveys__container__body__figure-image.mobile {
    display: block;
    max-height: 330px;
    -o-object-fit: cover;
    object-fit: cover
  }
}

.product-surveys__container__body__content {
  width: 71%;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-surveys__container__body__content {
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content {
    display: block
  }
}

.product-surveys__container__body__content-separator-y {
  height: 90%;
  background-color: #444;
  opacity: .1;
  width: 6px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1279px) {
  .product-surveys__container__body__content-separator-y {
    height: 82%
  }
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-separator-y {
    display: none
  }
}

.product-surveys__container__body__content-separator-x {
  width: 90%;
  background-color: #444;
  opacity: .1;
  height: 6px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-separator-x {
    display: none
  }
}

.product-surveys__container__body__content-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 30px;
  gap: 24px
}

.product-surveys__container__body__content-item:nth-child(3) .product-surveys__container__body__content-item-list {
  grid-template-columns: 5fr 2fr
}

.product-surveys__container__body__content-item:nth-child(3) .product-surveys__container__body__content-item-list-item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2
}

.product-surveys__container__body__content-item:nth-child(3) .product-surveys__container__body__content-item-list-item:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3
}

.product-surveys__container__body__content-item:nth-child(3) .product-surveys__container__body__content-item-list-item:nth-child(3) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4
}

.product-surveys__container__body__content-item:nth-child(3) .product-surveys__container__body__content-item-list-item:nth-child(4) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2
}

.product-surveys__container__body__content-item:nth-child(3) .product-surveys__container__body__content-item-list-item:nth-child(5) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3
}

.product-surveys__container__body__content-item:nth-child(3) .product-surveys__container__body__content-item-list-item:nth-child(6) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4
}

.product-surveys__container__body__content-item:nth-child(4) .product-surveys__container__body__content-item-list {
  grid-template-columns: 4fr 5fr
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-item:nth-child(4) .product-surveys__container__body__content-item-list {
    grid-template-columns: 1fr;
    padding: 0 72px;
    width: 280px
  }
}

.product-surveys__container__body__content-item:nth-child(4) .product-surveys__container__body__content-item-list-item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2
}

.product-surveys__container__body__content-item:nth-child(4) .product-surveys__container__body__content-item-list-item:nth-child(2) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-item:nth-child(4) .product-surveys__container__body__content-item-list-item:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4
  }
}

.product-surveys__container__body__content-item:nth-child(4) .product-surveys__container__body__content-item-list-item:nth-child(3) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3
}

.product-surveys__container__body__content-item:nth-child(5) .product-surveys__container__body__content-item-title {
  font-size: 28px
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-item:nth-child(5) .product-surveys__container__body__content-item-title {
    font-size: 19px
  }
}

.product-surveys__container__body__content-item:nth-child(6) .product-surveys__container__body__content-item-title {
  font-size: 28px
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-item:nth-child(6) .product-surveys__container__body__content-item-title {
    font-size: 19px
  }
}

@media only screen and (max-width: 1279px) {
  .product-surveys__container__body__content-item {
    padding: 23px 30px
  }
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-item {
    padding: 20px;
    gap: 7px;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .product-surveys__container__body__content-item::after {
    content: "";
    width: 100%;
    background: #4a4a4a;
    opacity: .1;
    height: 6px
  }

  .product-surveys__container__body__content-item:last-child::after {
    content: none
  }
}

.product-surveys__container__body__content-item-figure {
  width: 60px;
  min-height: 60px;
  position: relative;
  top: 3%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.product-surveys__container__body__content-item-figure-image {
  width: 100%
}

.product-surveys__container__body__content-item-title {
  font-size: 18px;
  color: #572162;
  text-align: center;
  font-weight: 700;
  margin-top: 6px
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-item-title {
    margin-top: 9px;
    margin-bottom: 15px
  }
}

.product-surveys__container__body__content-item-title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-item-title br {
    display: none
  }
}

.product-surveys__container__body__content-item-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style-type: none;
  margin-top: -15px
}

.product-surveys__container__body__content-item-list:nth-of-type(2) {
  grid-template-columns: 1fr;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-surveys__container__body__content-item-list {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
  }
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-item-list {
    margin-top: 0;
    padding-left: 24px;
    max-width: 400px;
    width: 100%;
    margin-bottom: 26px
  }
}

.product-surveys__container__body__content-item-text,
.product-surveys__container__body__content-item-list-item {
  font-size: 18px;
  line-height: 25px
}

@media only screen and (max-width: 979px) {

  .product-surveys__container__body__content-item-text,
  .product-surveys__container__body__content-item-list-item {
    font-size: 15px;
    line-height: 20px
  }
}

.product-surveys__container__body__content-item-text {
  text-align: center;
  margin-top: -26px
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-item-text {
    margin-top: 0;
    max-width: 188px;
    margin-bottom: 26px
  }
}

.product-surveys__container__body__content-item-text br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-surveys__container__body__content-item-text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-item-text br.tablet {
    display: none
  }
}

.product-surveys__container__body__content-item-list-item {
  position: relative
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-item-list-item {
    line-height: 170%
  }
}

.product-surveys__container__body__content-item-list-item:before {
  content: "";
  background-color: #9dc92e;
  width: 10px;
  height: 10px;
  position: absolute;
  left: -21px;
  top: 7px
}

.product-surveys__container__body__content-item-title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-surveys__container__body__content-item-title br {
    display: block
  }
}

.product-mobile-marketing {
  display: block;
  width: 100%;
  margin-top: 120px
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing {
    margin-top: 79px
  }
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing {
    margin-top: 53px
  }
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-container {
    max-width: 323px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-mobile-marketing-header__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-header__title {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px
  }
}

.product-mobile-marketing-header__text {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #2c99a4;
  max-width: 773px;
  margin: 0 auto
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-header__text {
    font-size: 16px;
    max-width: 285px
  }
}

.product-mobile-marketing-banner-body {
  background: #fff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  margin-top: 52px
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body {
    margin-top: 60px
  }
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body {
    margin-top: 30px
  }
}

.product-mobile-marketing-banner-body-content__title {
  padding: 21px 0 25px;
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362;
  position: relative
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body-content__title {
    max-width: 276px;
    margin: 0 auto;
    line-height: 250%;
    padding-top: 13px
  }
}

.product-mobile-marketing-banner-body-content__title b {
  font-weight: 700;
  font-size: 38px;
  color: #2c99a4
}

.product-mobile-marketing-banner-body-content__title span {
  font-weight: 700;
  font-size: 44px;
  line-height: 140%;
  color: #9dc92e;
  padding-left: 10px;
  padding-right: 10px
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body-content__title span {
    padding-left: 0px;
    padding-right: 0px;
    letter-spacing: -14px;
    color: transparent
  }

  .product-mobile-marketing-banner-body-content__title span:after {
    content: "";
    position: absolute;
    top: 105px;
    border-top: 8px solid #9dc92e;
    width: 256px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.product-mobile-marketing-banner-body-content-data {
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body-content-data {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.product-mobile-marketing-banner-body-content-data-item__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body-content-data-item__title {
    font-size: 16px
  }
}

.product-mobile-marketing-banner-body-content-data-item__title__wrapper {
  height: 85px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body-content-data-item__title__wrapper {
    height: 127px
  }
}

.product-mobile-marketing-banner-body-content-data-item__figure {
  width: 100%
}

.product-mobile-marketing-banner-body-content-data-item__figure img {
  width: auto;
  height: 146px
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body-content-data-item__figure img {
    height: 104px
  }
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body-content-data-item__figure img {
    width: 100%;
    height: auto
  }
}

.product-mobile-marketing-banner-body-content-data-item__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  text-align: center;
  color: #4a4a4a;
  padding: 41px 52px 53px 52px;
  min-height: 218px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body-content-data-item__text {
    padding: 28px 28px 22px 28px;
    min-height: 241px
  }
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body-content-data-item__text {
    min-height: auto
  }
}

.product-mobile-marketing-banner-body-content-data-item__text br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body-content-data-item__text br.desktop {
    display: none
  }
}

.product-mobile-marketing-banner-body-content-data-item__text br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body-content-data-item__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body-content-data-item__text br.tablet {
    display: none
  }
}

.product-mobile-marketing-banner-body-content-data-item__text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body-content-data-item__text br.mobile {
    display: block
  }
}

.product-mobile-marketing-banner-body-content-data-item:nth-child(1) {
  border-right: 4px solid #fff
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body-content-data-item:nth-child(1) {
    border-right: 2px solid #fff
  }
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body-content-data-item:nth-child(1) {
    border-right: 0
  }
}

.product-mobile-marketing-banner-body-content-data-item:nth-child(1) .product-mobile-marketing-banner-body-content-data-item__title__wrapper {
  background: #52567a;
  border-bottom: 4px solid #fff
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body-content-data-item:nth-child(1) .product-mobile-marketing-banner-body-content-data-item__title__wrapper {
    border-bottom: 2px solid #fff
  }
}

.product-mobile-marketing-banner-body-content-data-item:nth-child(2) .product-mobile-marketing-banner-body-content-data-item__title__wrapper {
  background: #4d6885;
  border-bottom: 4px solid #fff
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body-content-data-item:nth-child(2) .product-mobile-marketing-banner-body-content-data-item__title__wrapper {
    border-bottom: 2px solid #fff
  }
}

.product-mobile-marketing-banner-body-content-data-item:nth-child(2) .product-mobile-marketing-banner-body-content-data-item__text {
  position: relative
}

.product-mobile-marketing-banner-body-content-data-item:nth-child(2) .product-mobile-marketing-banner-body-content-data-item__text:before {
  position: absolute;
  content: "";
  top: 46%;
  left: 100%;
  -webkit-transform: translate(-2px, -50%);
  transform: translate(-2px, -50%);
  background: rgba(74, 74, 74, .1);
  width: 4px;
  height: 103px
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body-content-data-item:nth-child(2) .product-mobile-marketing-banner-body-content-data-item__text:before {
    height: 175px;
    top: 50%;
    width: 3px
  }
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body-content-data-item:nth-child(2) .product-mobile-marketing-banner-body-content-data-item__text:before {
    display: none
  }
}

.product-mobile-marketing-banner-body-content-data-item:nth-child(2) .product-mobile-marketing-banner-body-content-data-item__text:after {
  position: absolute;
  content: "";
  top: 46%;
  right: 100%;
  -webkit-transform: translate(2px, -50%);
  transform: translate(2px, -50%);
  background: rgba(74, 74, 74, .1);
  width: 4px;
  height: 103px
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body-content-data-item:nth-child(2) .product-mobile-marketing-banner-body-content-data-item__text:after {
    top: 50%;
    height: 175px
  }
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body-content-data-item:nth-child(2) .product-mobile-marketing-banner-body-content-data-item__text:after {
    display: none
  }
}

.product-mobile-marketing-banner-body-content-data-item:nth-child(3) {
  border-left: 4px solid #fff
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body-content-data-item:nth-child(3) {
    border-left: 2px solid #fff
  }
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing-banner-body-content-data-item:nth-child(3) {
    border-left: 0
  }
}

.product-mobile-marketing-banner-body-content-data-item:nth-child(3) .product-mobile-marketing-banner-body-content-data-item__title__wrapper {
  background: #47748d;
  border-bottom: 4px solid #fff
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing-banner-body-content-data-item:nth-child(3) .product-mobile-marketing-banner-body-content-data-item__title__wrapper {
    border-bottom: 2px solid #fff
  }
}

.product-mobile-marketing__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing__container {
    margin: auto
  }
}

.product-mobile-marketing__cta {
  font-weight: 300;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  margin: 47px 0 0
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing__cta {
    margin-top: 22px
  }
}

.product-mobile-marketing__cta .button {
  font-size: 25px
}

@media only screen and (max-width: 1279px) {
  .product-mobile-marketing__cta .button {
    font-size: 22px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 27px
  }
}

@media only screen and (max-width: 979px) {
  .product-mobile-marketing__cta .button {
    margin-bottom: 0;
    font-size: 16px
  }
}

.product-extensive_solutions {
  width: 100%
}

.product-extensive_solutions__container {
  padding: 142px 0;
  max-width: 1156px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container {
    padding: 90px 0 100px;
    max-width: 834px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container {
    padding: 38px 0
  }
}

.product-extensive_solutions__container__header {
  text-align: center;
  margin-bottom: 37px
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__header {
    margin-bottom: 66px
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__header {
    margin-bottom: 38px
  }
}

.product-extensive_solutions__container__header-title {
  font-size: 38px;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__header-title {
    font-size: 25px
  }
}

.product-extensive_solutions__container__header-title span {
  color: #9dc92e;
  font-weight: 700
}

.product-extensive_solutions__container__header-title br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__header-title br.desktop {
    display: none
  }
}

.product-extensive_solutions__container__header-title br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__header-title br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__header-title br.tablet {
    display: none
  }
}

.product-extensive_solutions__container__header-title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__header-title br.mobile {
    display: block
  }
}

.product-extensive_solutions__subtitle {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #2c99a4;
  max-width: 825px;
  margin: 0 auto
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__subtitle {
    display: none
  }
}

.product-extensive_solutions__subtitle_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__subtitle_mobile {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #2c99a4;
    max-width: 400px;
    margin: 0 auto
  }
}

.product-extensive_solutions__container__body {
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0px 3px 20px 0px #00000033
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.product-extensive_solutions__container__body__figure {
  width: 29%
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__body__figure {
    width: 30%
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__figure {
    margin-top: -13px;
    width: 100%;
    margin-bottom: 10px
  }
}

.product-extensive_solutions__container__body__figure-image {
  width: 100%
}

.product-extensive_solutions__container__body__figure-image.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__body__figure-image.desktop {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    -o-object-position: 16%;
    object-position: 16%
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__figure-image.desktop {
    display: none
  }
}

.product-extensive_solutions__container__body__figure-image.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__figure-image.mobile {
    display: block;
    max-height: 330px;
    -o-object-fit: cover;
    object-fit: cover
  }
}

.product-extensive_solutions__container__body__content {
  width: 71%;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  position: relative;
  padding-top: 38px
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__body__content {
    padding-top: 15px;
    width: 71%;
    padding-bottom: 30px
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content {
    padding-top: 0;
    width: 100%;
    display: block;
    padding-bottom: 10px
  }
}

.product-extensive_solutions__container__body__content-separator-y {
  height: 78%;
  background-color: #444;
  opacity: .1;
  width: 6px;
  position: absolute;
  left: 50%;
  top: calc(50% + 14px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__body__content-separator-y {
    width: 4px;
    height: 82%;
    left: 52%
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content-separator-y {
    display: none
  }
}

.product-extensive_solutions__container__body__content-separator-x {
  width: 90%;
  background-color: #444;
  opacity: .1;
  height: 6px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__body__content-separator-x {
    height: 4px;
    top: calc(50% - 10px)
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content-separator-x {
    display: none
  }
}

.product-extensive_solutions__container__body__content-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 42px 7px;
  gap: 3px
}

.product-extensive_solutions__container__body__content-item p {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__body__content-item p {
    font-size: 16px;
    line-height: 143.1%
  }
}

.product-extensive_solutions__container__body__content-item:nth-child(3) .product-extensive_solutions__container__body__content-item-list {
  grid-template-columns: 5fr 2fr
}

.product-extensive_solutions__container__body__content-item:nth-child(3) .product-extensive_solutions__container__body__content-item-list-item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2
}

.product-extensive_solutions__container__body__content-item:nth-child(3) .product-extensive_solutions__container__body__content-item-list-item:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3
}

.product-extensive_solutions__container__body__content-item:nth-child(3) .product-extensive_solutions__container__body__content-item-list-item:nth-child(3) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4
}

.product-extensive_solutions__container__body__content-item:nth-child(3) .product-extensive_solutions__container__body__content-item-list-item:nth-child(4) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2
}

.product-extensive_solutions__container__body__content-item:nth-child(3) .product-extensive_solutions__container__body__content-item-list-item:nth-child(5) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3
}

.product-extensive_solutions__container__body__content-item:nth-child(3) .product-extensive_solutions__container__body__content-item-list-item:nth-child(6) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4
}

.product-extensive_solutions__container__body__content-item:nth-child(4) .product-extensive_solutions__container__body__content-item-list {
  grid-template-columns: 4fr 5fr
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content-item:nth-child(4) .product-extensive_solutions__container__body__content-item-list {
    grid-template-columns: 1fr;
    padding: 0 72px;
    width: 280px
  }
}

.product-extensive_solutions__container__body__content-item:nth-child(4) .product-extensive_solutions__container__body__content-item-list-item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2
}

.product-extensive_solutions__container__body__content-item:nth-child(4) .product-extensive_solutions__container__body__content-item-list-item:nth-child(2) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content-item:nth-child(4) .product-extensive_solutions__container__body__content-item-list-item:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4
  }
}

.product-extensive_solutions__container__body__content-item:nth-child(4) .product-extensive_solutions__container__body__content-item-list-item:nth-child(3) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__body__content-item {
    padding: 15px 30px 40px;
    gap: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content-item {
    padding: 10px 50px;
    gap: 7px;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .product-extensive_solutions__container__body__content-item::after {
    content: "";
    width: 100%;
    background: #4a4a4a;
    opacity: .1;
    height: 4px
  }

  .product-extensive_solutions__container__body__content-item:last-child::after {
    content: none
  }
}

.product-extensive_solutions__container__body__content-item-figure {
  min-height: 69px;
  position: relative;
  top: -4%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__body__content-item-figure {
    min-height: 69px;
    top: 0px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
  }
}

.product-extensive_solutions__container__body__content-item-figure-image {
  width: 100%
}

.product-extensive_solutions__container__body__content-item-title {
  font-size: 18px;
  color: #572162;
  text-align: center;
  font-weight: 700;
  margin-top: 6px
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__body__content-item-title {
    margin-top: 4px;
    margin-left: -14px;
    margin-right: -14px
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content-item-title {
    margin-top: 15px;
    margin-bottom: -4px
  }
}

.product-extensive_solutions__container__body__content-item-title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content-item-title br {
    display: none
  }
}

.product-extensive_solutions__container__body__content-item-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style-type: none;
  margin-top: -15px
}

.product-extensive_solutions__container__body__content-item-list:nth-of-type(2) {
  grid-template-columns: 1fr;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__body__content-item-list {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content-item-list {
    margin-top: 0;
    padding-left: 24px;
    max-width: 400px;
    width: 100%;
    margin-bottom: 26px
  }
}

.product-extensive_solutions__container__body__content-item-text,
.product-extensive_solutions__container__body__content-item-list-item {
  font-size: 18px;
  line-height: 25px
}

@media only screen and (max-width: 979px) {

  .product-extensive_solutions__container__body__content-item-text,
  .product-extensive_solutions__container__body__content-item-list-item {
    font-size: 15px;
    line-height: 20px
  }
}

.product-extensive_solutions__container__body__content-item-text {
  text-align: center;
  margin-top: -26px
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content-item-text {
    margin-top: 0;
    max-width: 188px;
    margin-bottom: 26px
  }
}

.product-extensive_solutions__container__body__content-item-text br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__container__body__content-item-text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content-item-text br.tablet {
    display: none
  }
}

.product-extensive_solutions__container__body__content-item-list-item {
  position: relative
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content-item-list-item {
    line-height: 170%
  }
}

.product-extensive_solutions__container__body__content-item-list-item:before {
  content: "";
  background-color: #9dc92e;
  width: 10px;
  height: 10px;
  position: absolute;
  left: -21px;
  top: 7px
}

.product-extensive_solutions__container__body__content-item-title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__container__body__content-item-title br {
    display: block
  }
}

.product-extensive_solutions__cta {
  font-weight: 300;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  margin: 47px 0 0
}

.product-extensive_solutions__cta .button {
  font-size: 25px
}

@media only screen and (max-width: 1279px) {
  .product-extensive_solutions__cta .button {
    font-size: 22px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 27px
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__cta .button {
    margin-bottom: 0;
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .product-extensive_solutions__cta {
    margin-top: 22px
  }
}

.performance_marketing .product-extensive_solutions__container {
  padding-bottom: 50px
}

@media only screen and (max-width: 979px) {
  .performance_marketing .product-extensive_solutions__container {
    padding-bottom: 0;
    padding-top: 50px
  }
}

.product-partnering__container__header {
  text-align: center
}

.product-partnering__container__header-title {
  font-size: 38px;
  color: #582362;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .product-partnering__container__header-title {
    margin-top: 4px
  }
}

@media only screen and (max-width: 979px) {
  .product-partnering__container__header-title {
    font-size: 25px;
    margin-bottom: 10px
  }
}

.product-partnering__container__body__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 50px
}

.product-partnering__container__body__content > div {
  -ms-flex: 45%;
  flex: 45%;
  margin: 10px
}

.product-partnering__container__body__content-item {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  background: rgba(239, 233, 231, .44)
}

img.product-partnering__container__body__content-item-figure-image {
  width: 131px;
  height: 131px;
  background-color: #9dc92e;
  float: left;
  padding: 20px
}

@media only screen and (max-width: 1279px) {
  .product-partnering__container__body__content {
    width: 80%;
    margin-right: auto;
    margin-left: auto
  }

  img.product-partnering__container__body__content-item-figure-image {
    width: 90px;
    height: 90px
  }
}

@media only screen and (max-width: 979px) {
  img.product-partnering__container__body__content-item-figure-image {
    padding: 21px
  }

  .product-partnering__container__body__content {
    width: 100%
  }

  .product-partnering__container__body__content > div {
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 10px
  }
}

h3.product-partnering__container__body__content-item-title {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  size: 23px;
  line-height: 30.59px;
  text-align: center;
  margin: auto;
  padding: 0 10px 0 20px
}

@media only screen and (max-width: 1279px) {
  h3.product-partnering__container__body__content-item-title {
    font-size: 15px;
    padding: 0;
    line-height: 21.28px
  }
}

@media only screen and (max-width: 979px) {
  h3.product-partnering__container__body__content-item-title {
    font-size: 14px;
    padding: 0;
    line-height: 18.62px
  }
}

.product-partnering__container {
  padding-top: 125px;
  max-width: 1156px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-partnering__container {
    padding-top: 79px
  }
}

@media only screen and (max-width: 979px) {
  .product-partnering__container {
    padding-top: 40px
  }
}

@media(max-width: 1033px)and (min-width: 979px) {
  .shopper_marketing .increase-engagement__title {
    font-size: 36px
  }
}

.shopper_marketing .increase-engagement.product-increase {
  padding-top: 125px
}

.shopper_marketing .product-reaching-body-items-item {
  width: 49%
}

.shopper_marketing .product-carousel__slider-item {
  width: 77%
}

.shopper_marketing .product-reaching-body-items-wrapper {
  width: 100%
}

.shopper_marketing .product-gain-body-cta {
  margin-top: 50px
}

.shopper_marketing .product-reaching-body-items-item-text {
  max-width: unset
}

.shopper_marketing .product-video-header {
  margin-bottom: 60px
}

.shopper_marketing .generalSection {
  width: 100%
}

.shopper_marketing .increase-engagement__sub-title {
  max-width: unset
}

.shopper_marketing .product-gain-header__text {
  width: unset
}

.shopper_marketing .product-reaching-body-cta {
  margin-top: 60px
}

.shopper_marketing .product-ribbon__gallery.js-ribbon__slider.swiper-container-horizontal {
  width: 85%
}

@media only screen and (max-width: 1279px) {
  .shopper_marketing .product-ribbon__gallery.js-ribbon__slider.swiper-container-horizontal {
    width: 120%
  }

  .shopper_marketing .product-reaching-body-cta {
    margin-top: 25px
  }

  .shopper_marketing .product-ribbon {
    padding-bottom: 50px
  }

  .shopper_marketing .product-reaching {
    margin-top: 66px
  }

  .shopper_marketing .product-video-header,
  .shopper_marketing .product-video-header__title {
    margin-bottom: 0
  }

  .shopper_marketing .product-video-header__text {
    margin-bottom: 20px;
    margin-top: 10px
  }

  .shopper_marketing .container-custom.product-gain-container {
    padding-top: 95px
  }

  .shopper_marketing .product-gain-header {
    margin-bottom: 30px
  }

  .shopper_marketing .product-gain-body-cta {
    margin-top: 30px
  }
}

.shopper_marketing br.mobile,
.shopper_marketing br.tablet {
  display: none
}

.shopper_marketing .narrow-container.product-video__ccontainer,
.shopper_marketing .product-video__banner {
  max-width: unset
}

.shopper_marketing .product-video__banner-content-video-image {
  width: 95%
}

.shopper_marketing .product-video__banner-content {
  width: 50%
}

.shopper_marketing .product-video__banner-content-video {
  width: 45%
}

.shopper_marketing .product-video__banner-content-link {
  font-size: 3.2rem;
  margin-top: 5px
}

.shopper_marketing .increase-engagement {
  padding: 290px 0 0
}

@media only screen and (max-width: 1279px) {

  .shopper_marketing br.pc,
  .shopper_marketing br.mobile {
    display: none
  }

  .shopper_marketing .removeTablet {
    display: none
  }

  .shopper_marketing br.tablet {
    display: block
  }

  .shopper_marketing .product-video__banner {
    background-image: url(/wp-content/themes/prodege_theme/img/purple_squares_bg.png);
    background-color: #582362;
    background-size: cover;
    padding-right: 30px;
    padding-left: 30px
  }

  .shopper_marketing .video20 {
    font-size: 16px
  }

  .shopper_marketing .product-video__banner-content {
    padding: 0 40px 0 40px
  }

  .shopper_marketing a.button.button--lime-underline.product-video__banner-content-link {
    font-size: 22px
  }

  .shopper_marketing .product-video__banner-content-video {
    width: 60%
  }

  .shopper_marketing p.product-video-header__text {
    white-space: nowrap
  }

  .shopper_marketing .product-gain-body-items-item {
    width: 45%
  }

  .shopper_marketing .top-section-hbspt {
    background-position-y: 624px
  }

  .shopper_marketing .product-carousel.images--lg {
    margin-top: 75px
  }
}

@media only screen and (max-width: 979px) {
  .shopper_marketing .product-carousel__mobile-title {
    font-size: 21px
  }

  .shopper_marketing br.pc,
  .shopper_marketing br.tablet {
    display: none
  }

  .shopper_marketing .product-video__banner {
    padding-right: 0;
    padding-left: 0
  }

  .shopper_marketing .product-video--right {
    margin-top: 40px
  }

  .shopper_marketing .product-gain-body-items-item,
  .shopper_marketing .product-reaching-body-items-item {
    width: 100%
  }

  .shopper_marketing p.product-video-header__text {
    white-space: unset
  }

  .shopper_marketing .product-carousel-banner__decription {
    max-width: unset
  }

  .shopper_marketing .product-video__banner-content {
    -ms-flex-align: center;
    align-items: center;
    width: 85%;
    padding: 10px;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 40px
  }

  .shopper_marketing .product-video__banner {
    background-image: url(/wp-content/themes/prodege_theme/img/purple_squares_bg.png);
    background-color: #582362;
    background-size: cover
  }

  .shopper_marketing .product-video__banner-content-video {
    width: 110%;
    margin-bottom: 0;
    -ms-flex-order: 2;
    order: 2
  }

  .shopper_marketing .product-video__banner-content-link {
    position: relative;
    text-align: center;
    -webkit-transform: unset;
    transform: unset;
    left: unset;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    margin: auto;
    margin-bottom: 40px
  }

  .shopper_marketing br.mobile {
    display: block
  }

  .shopper_marketing .product-carousel__mobile-title {
    padding: 0 10px
  }

  .shopper_marketing .top-section-hbspt-form__mark {
    max-width: unset
  }

  .shopper_marketing .product-gain-body-cta {
    width: 250px
  }

  .shopper_marketing .product-reaching-body-cta {
    margin-top: 20px
  }

  .shopper_marketing .product-gain-body-cta {
    margin-top: 10px
  }

  .shopper_marketing .increase-engagement.product-increase {
    padding-top: 60px
  }

  .shopper_marketing .product-reaching-body-items-wrapper {
    width: 110%;
    padding-right: 5%;
    padding-left: 5%
  }

  .shopper_marketing .product-reaching-body-map {
    margin-top: 25px;
    margin-bottom: 25px
  }

  .shopper_marketing .container-custom.product-gain-container {
    padding-top: 55px
  }

  .shopper_marketing .product-gain-header {
    margin-bottom: 0
  }
}

.video20 {
  font-size: 2.5rem
}

@media(max-width: 1636px)and (min-width: 1279px) {
  .video20 {
    width: 115%
  }
}

@media(max-width: 1449px)and (min-width: 1279px) {
  .video20 {
    font-size: 2.1rem
  }
}

@media only screen and (max-width: 979px) {
  .video20 {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .product-partnering__container__body__content {
    margin-top: 20px
  }

  img.product-partnering__container__body__content-item-figure-image {
    width: 90px;
    height: 90px
  }
}

.product-drive-sales {
  display: block;
  width: 100%;
  margin-top: 120px
}

.product-drive-sales br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales br.desktop {
    display: none
  }
}

.product-drive-sales br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-sales br.tablet {
    display: none
  }
}

.product-drive-sales br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-drive-sales br.mobile {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales {
    margin-top: 79px
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-sales {
    margin-top: 53px
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-sales-container {
    margin-left: auto;
    margin-right: auto
  }
}

.product-drive-sales-header__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-sales-header__title {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px
  }
}

.product-drive-sales-header__text {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #2c99a4;
  max-width: 870px;
  margin: 17px auto
}

@media only screen and (max-width: 979px) {
  .product-drive-sales-header__text {
    font-size: 16px;
    max-width: 290px
  }
}

.product-drive-sales-banner-body-desktop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales-banner-body-desktop {
    display: none
  }
}

.product-drive-sales-banner-body-desktop .content-data-item {
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .15);
  width: 266px;
  height: 271px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  transition: .3s width ease-in-out;
  cursor: pointer
}

.product-drive-sales-banner-body-desktop .content-data-item:hover {
  box-shadow: 4px 2px 10px rgba(0, 0, 0, .15)
}

.product-drive-sales-banner-body-desktop .content-data-item:after {
  content: "+";
  position: absolute;
  font-weight: 600;
  font-size: 30px;
  line-height: 37px;
  text-align: center;
  color: #2c99a4;
  right: 10px;
  top: 3px
}

.product-drive-sales-banner-body-desktop .content-data-item__title {
  font-weight: 300;
  font-size: 26px;
  line-height: 140%;
  text-align: center;
  color: #582362;
  max-width: 195px
}

.product-drive-sales-banner-body-desktop .content-data-item__title::after {
  display: none
}

.product-drive-sales-banner-body-desktop .content-data-item__text {
  display: none
}

.product-drive-sales-banner-body-desktop .content-data-item__figure {
  display: none
}

.product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked {
  width: 562px;
  min-height: 344px;
  background-color: #582362;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  transition: .3s width ease-in-out
}

.product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked:after {
  display: none
}

.product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked .content-data-item_content {
  padding: 38px 35px 38px 35px
}

.product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked .content-data-item__title {
  display: block;
  font-weight: 700;
  font-size: 34px;
  line-height: 110.9%;
  position: relative;
  padding-bottom: 25px;
  color: #fff;
  text-align: left;
  max-width: 100%
}

.product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked .content-data-item__title:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 7px;
  background: rgba(255, 255, 255, .5);
  left: 0;
  bottom: 0;
  display: block
}

.product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked .content-data-item__text {
  display: block;
  padding-top: 19px;
  font-weight: 300;
  font-size: 18px;
  line-height: 143.1%;
  color: #fff
}

.product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked .content-data-item__text br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked .content-data-item__text br.desktop {
    display: none
  }
}

.product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked .content-data-item__text br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked .content-data-item__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked .content-data-item__text br.tablet {
    display: none
  }
}

.product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked .content-data-item__text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked .content-data-item__text br.mobile {
    display: block
  }
}

.product-drive-sales-banner-body-desktop .content-data-item.js-card-drive-sales-clicked .content-data-item__figure {
  display: block
}

.product-drive-sales-banner-body-slider {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales-banner-body-slider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 43px
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-sales-banner-body-slider {
    margin-top: 17px
  }
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales-banner-body-slider .swiper-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-sales-banner-body-slider .swiper-wrapper {
    -ms-flex-pack: unset;
    justify-content: unset;
    -ms-flex-align: unset;
    align-items: unset
  }
}

.product-drive-sales-banner-body-slider .content-data-item {
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: calc(33% - 30px);
  background-color: #fff
}

@media only screen and (max-width: 979px) {
  .product-drive-sales-banner-body-slider .content-data-item {
    width: 100%;
    max-width: 244px
  }
}

.product-drive-sales-banner-body-slider .content-data-item:after {
  display: none
}

.product-drive-sales-banner-body-slider .content-data-item .content-data-item__title__wrapper {
  background-color: #582362;
  width: 100%;
  text-align: center;
  padding: 18px 10px
}

.product-drive-sales-banner-body-slider .content-data-item .content-data-item__title {
  display: block;
  position: relative;
  max-width: 100%;
  font-weight: 700;
  font-size: 23px;
  line-height: 104%;
  text-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff
}

.product-drive-sales-banner-body-slider .content-data-item .content-data-item__text {
  display: block;
  padding-top: 21px;
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  text-align: center;
  color: #4a4a4a;
  max-width: 235px
}

.product-drive-sales-banner-body-slider .content-data-item .content-data-item__text br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales-banner-body-slider .content-data-item .content-data-item__text br.desktop {
    display: none
  }
}

.product-drive-sales-banner-body-slider .content-data-item .content-data-item__text br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales-banner-body-slider .content-data-item .content-data-item__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-sales-banner-body-slider .content-data-item .content-data-item__text br.tablet {
    display: none
  }
}

.product-drive-sales-banner-body-slider .content-data-item .content-data-item__text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-drive-sales-banner-body-slider .content-data-item .content-data-item__text br.mobile {
    display: block
  }
}

.product-drive-sales-banner-body-slider .content-data-item .content-data-item__figure {
  display: block;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .product-drive-sales-banner-body-slider .content-data-item .content-data-item__figure {
    height: 209px;
    box-shadow: 1px 1px 5px rgba(128, 128, 128, .57)
  }
}

.product-drive-sales-banner-body-slider .content-data-item .content-data-item__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media only screen and (max-width: 979px) {
  .product-drive-sales-banner-body-slider .content-data-item .content-data-item__figure img {
    -o-object-position: center top;
    object-position: center top
  }
}

.product-drive-sales .product-drive-sales__cta {
  display: -ms-flexbox;
  display: flex;
  margin-top: 49px
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales .product-drive-sales__cta {
    margin-top: 40px
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-sales .product-drive-sales__cta {
    margin-top: 25px
  }
}

.product-drive-sales .product-drive-sales__button {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #fff;
  padding: 30px 90px 30px 25px;
  background: #2c99a4;
  transition: all .3s;
  position: relative;
  padding: 29px 105px 30px 25px;
  margin-left: auto;
  margin-right: auto
}

.product-drive-sales .product-drive-sales__button:after {
  -webkit-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
  right: 16px;
  transition: all .3s
}

.product-drive-sales .product-drive-sales__button:hover {
  background-color: #292c49;
  color: #fff;
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales .product-drive-sales__button:hover {
    background-color: #2c99a4
  }
}

.product-drive-sales .product-drive-sales__button:hover:after {
  right: 10px
}

@media only screen and (max-width: 979px) {
  .product-drive-sales .product-drive-sales__button:hover:after {
    right: 25px
  }
}

@media only screen and (max-width: 1279px) {
  .product-drive-sales .product-drive-sales__button {
    padding: 19px 80px 19px 22px;
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-drive-sales .product-drive-sales__button {
    padding: 22px 80px 22px 28px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px
  }
}

.product-gain-consumer {
  display: block;
  width: 100%;
  margin-top: 120px
}

.product-gain-consumer br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer br.desktop {
    display: none
  }
}

.product-gain-consumer br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer br.tablet {
    display: none
  }
}

.product-gain-consumer br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer br.mobile {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer {
    margin-top: 79px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer {
    padding-left: 0;
    margin-top: 53px
  }
}

.product-gain-consumer-header__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer-header__title {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px
  }
}

.product-gain-consumer-header__title span {
  color: #9dc92e;
  font-weight: 700
}

.product-gain-consumer-header__text {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #2c99a4;
  max-width: 100%;
  margin: 0 auto
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer-header__text {
    max-width: 700px;
    margin: 17px auto 0
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer-header__text {
    font-size: 16px;
    max-width: 285px
  }
}

.product-gain-consumer-banner-body {
  margin-left: 56px;
  margin-top: 60px
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer-banner-body {
    margin-left: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer-banner-body {
    margin-top: 40px
  }
}

.product-gain-consumer-banner-body-content {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  grid-column-gap: 90px
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer-banner-body-content {
    grid-template-columns: 1.5fr 1.3fr;
    grid-column-gap: 19px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer-banner-body-content {
    padding-top: 1px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.product-gain-consumer-banner-body-content .data-galary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 13px;
  padding-left: 27px;
  grid-row-gap: 13px
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer-banner-body-content .data-galary {
    grid-column-gap: 10px;
    padding-left: 35px;
    grid-row-gap: 10px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer-banner-body-content .data-galary {
    padding-left: 10px
  }
}

.product-gain-consumer-banner-body-content .data-galary .data-item .data-item__figure img {
  width: 100%;
  height: auto
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer-banner-body-content .data-galary .data-item .data-item__figure {
    text-align: center;
    width: 100%
  }
}

.product-gain-consumer-banner-body-content .data-texts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 49px
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer-banner-body-content .data-texts {
    padding-top: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer-banner-body-content .data-texts {
    margin-top: 0px;
    text-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer-banner-body-content .data-texts .data-item {
    padding-top: 0px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer-banner-body-content .data-texts .data-item {
    padding-top: 10px
  }
}

.product-gain-consumer-banner-body-content .data-texts:nth-child(2) {
  margin-top: 30px
}

.product-gain-consumer-banner-body-content .data-texts:nth-child(2) .data-item__text {
  max-width: 439px
}

.product-gain-consumer-banner-body-content .data-texts .data-item__title {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer-banner-body-content .data-texts .data-item__title {
    font-size: 16px
  }
}

.product-gain-consumer-banner-body-content .data-texts .data-item__text {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer-banner-body-content .data-texts .data-item__text {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer-banner-body-content .data-texts .data-item__text {
    margin: 0 auto;
    max-width: 324px
  }
}

.product-gain-consumer .product-gain-consumer__cta {
  text-align: center;
  margin-top: 46px
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer .product-gain-consumer__cta {
    margin-top: 47px
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer .product-gain-consumer__cta {
    margin-top: 10px
  }
}

.product-gain-consumer .product-gain-consumer__cta-link {
  font-weight: 300;
  font-size: 25px;
  line-height: 27px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-gain-consumer .product-gain-consumer__cta-link {
    font-size: 22px;
    margin-left: 0;
    margin-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-gain-consumer .product-gain-consumer__cta-link {
    font-size: 16px
  }
}

.product-brands-circled {
  display: block;
  width: 100%;
  margin-top: 111px
}

.product-brands-circled br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-brands-circled br.desktop {
    display: none
  }
}

.product-brands-circled br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-brands-circled br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-brands-circled br.tablet {
    display: none
  }
}

.product-brands-circled br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-brands-circled br.mobile {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  .product-brands-circled {
    margin-top: 84px
  }
}

@media only screen and (max-width: 979px) {
  .product-brands-circled {
    margin-top: 48px
  }
}

.product-brands-circled-header__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .product-brands-circled-header__title {
    font-size: 36px;
    margin-bottom: 16px
  }
}

@media only screen and (max-width: 979px) {
  .product-brands-circled-header__title {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px
  }
}

.product-brands-circled-header__title span {
  color: #9dc92e;
  font-weight: 700
}

.product-brands-circled-header__text {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #2c99a4;
  max-width: 870px;
  margin: 0 auto
}

@media only screen and (max-width: 1279px) {
  .product-brands-circled-header__text {
    max-width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .product-brands-circled-header__text {
    font-size: 16px;
    max-width: 300px
  }
}

.product-brands-circled-banner-body,
.product-brands-circled .product-brands-circled__cta-link {
  margin-left: 56px
}

@media only screen and (max-width: 1279px) {

  .product-brands-circled-banner-body,
  .product-brands-circled .product-brands-circled__cta-link {
    margin-left: 0
  }
}

.product-brands-circled-banner-body-content {
  padding-top: 36px
}

@media only screen and (max-width: 1279px) {
  .product-brands-circled-banner-body-content {
    padding-top: 39px
  }
}

@media only screen and (max-width: 979px) {
  .product-brands-circled-banner-body-content {
    padding-top: 5px
  }
}

.product-brands-circled-banner-body-content .data-galary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 36px;
  -moz-column-gap: 36px;
  column-gap: 36px;
  row-gap: 27px
}

@media only screen and (max-width: 1279px) {
  .product-brands-circled-banner-body-content .data-galary {
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    row-gap: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-brands-circled-banner-body-content .data-galary {
    row-gap: 6px
  }
}

@media only screen and (max-width: 1279px) {
  .product-brands-circled-banner-body-content .data-galary .data-item {
    max-width: 186px
  }
}

@media only screen and (max-width: 979px) {
  .product-brands-circled-banner-body-content .data-galary .data-item {
    max-width: 154px
  }
}

.product-brands-circled-banner-body-content .data-galary .data-item .data-item__figure img {
  width: 100%;
  height: auto
}

@media only screen and (max-width: 979px) {
  .product-brands-circled-banner-body-content .data-galary .data-item .data-item__figure {
    text-align: center;
    width: 100%
  }
}

.product-brands-circled .product-brands-circled__cta {
  text-align: center;
  margin-top: 53px
}

@media only screen and (max-width: 1279px) {
  .product-brands-circled .product-brands-circled__cta {
    margin-top: 57px
  }
}

@media only screen and (max-width: 979px) {
  .product-brands-circled .product-brands-circled__cta {
    margin-top: 46px
  }
}

.product-brands-circled .product-brands-circled__cta-link {
  font-weight: 300;
  font-size: 25px;
  line-height: 27px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .product-brands-circled .product-brands-circled__cta-link {
    font-size: 22px;
    margin-left: 0;
    margin-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-brands-circled .product-brands-circled__cta-link {
    font-size: 16px
  }
}

.product-banner-text-cta-s {
  width: 100%;
  padding: 56px 0;
  background: rgba(239, 233, 231, .44)
}

@media only screen and (max-width: 979px) {
  .product-banner-text-cta-s {
    padding: 0%;
    background: none
  }
}

.product-banner-text-cta__container {
  max-width: 1152px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .product-banner-text-cta__container {
    max-width: 820px
  }
}

@media only screen and (max-width: 979px) {
  .product-banner-text-cta__container {
    width: 100%
  }
}

.product-banner-text-cta {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 979px) {
  .product-banner-text-cta {
    background: linear-gradient(180deg, #ffffff 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 54px 18px 40px
  }
}

.product-banner-text-cta__content {
  max-width: 547px;
  padding-left: 66px;
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-banner-text-cta__content {
    width: 380px;
    padding-left: 0
  }
}

@media only screen and (max-width: 979px) {
  .product-banner-text-cta__content {
    width: 100%;
    padding-left: 0;
    text-align: center;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-banner-text-cta__content:hover {
  text-decoration: none
}

.product-banner-text-cta__title {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  color: #582362;
  max-width: 358px;
  margin-bottom: 15px
}

@media only screen and (max-width: 979px) {
  .product-banner-text-cta__title {
    font-size: 16px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto
  }
}

.product-banner-text-cta__decription {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  color: #4a4a4a
}

.product-banner-text-cta__decription br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .product-banner-text-cta__decription br.desktop {
    display: none
  }
}

.product-banner-text-cta__decription br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-banner-text-cta__decription br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-banner-text-cta__decription br.tablet {
    display: none
  }
}

.product-banner-text-cta__decription br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .product-banner-text-cta__decription br.mobile {
    display: block
  }
}

.product-banner-text-cta__decription br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .product-banner-text-cta__decription {
    font-size: 16px
  }

  .product-banner-text-cta__decription br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .product-banner-text-cta__decription {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto
  }

  .product-banner-text-cta__decription br.tablet {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .performance_marketing .product-banner-text-cta__decription {
    max-width: 267px;
    margin-bottom: 30px
  }
}

.product-banner-text-cta__cta {
  width: 650px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 23px;
  padding-left: 34px
}

@media only screen and (max-width: 1279px) {
  .product-banner-text-cta__cta {
    max-width: 42vw;
    width: 400px
  }
}

@media only screen and (max-width: 979px) {
  .product-banner-text-cta__cta {
    max-width: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    padding-left: 0
  }
}

.product-banner-text-cta__button {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #fff;
  padding: 30px 104px 30px 25px;
  background: #2c99a4;
  transition: all .3s;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .product-banner-text-cta__button {
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-banner-text-cta__button {
    padding: 23px 90px 23px 25px;
    font-size: 16px
  }
}

.product-banner-text-cta__button:after {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 28px;
  transition: all .3s
}

@media only screen and (max-width: 979px) {
  .product-banner-text-cta__button:after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.product-banner-text-cta__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #292c49
}

.product-banner-text-cta__button:hover:after {
  right: 10px
}

@media only screen and (max-width: 1279px) {
  .product-banner-text-cta__button:hover {
    background-color: #2c99a4
  }

  .product-banner-text-cta__button:hover:after {
    right: 16px
  }
}

.images--lg .product-banner-text-cta {
  padding-top: 90px;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-banner-text-cta {
    padding-top: 43px;
    padding-bottom: 30px;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media only screen and (max-width: 979px) {
  .images--lg .product-banner-text-cta {
    margin-top: -17px;
    padding: 0 25px;
    padding-top: 80px;
    padding-bottom: 30px
  }
}

.images--lg .product-banner-text-cta__title {
  margin-bottom: 15px;
  max-width: 400px
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-banner-text-cta__title {
    margin-bottom: 8px
  }
}

@media only screen and (max-width: 979px) {
  .images--lg .product-banner-text-cta__title {
    margin-left: auto;
    margin-right: auto
  }
}

.images--lg .product-banner-text-cta__content {
  width: 565px;
  padding-left: 60px
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-banner-text-cta__content {
    width: 425px;
    padding-left: 55px
  }
}

@media only screen and (max-width: 979px) {
  .images--lg .product-banner-text-cta__content {
    width: auto;
    padding-left: 0
  }
}

.images--lg .product-banner-text-cta__cta {
  margin-left: 10%;
  margin-bottom: -28px;
  width: auto
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-banner-text-cta__cta {
    margin-left: 0;
    margin-bottom: -11px;
    width: auto;
    margin-right: 78px
  }
}

@media only screen and (max-width: 979px) {
  .images--lg .product-banner-text-cta__cta {
    margin-left: 0;
    margin-bottom: -7px;
    width: auto;
    margin-right: 0px
  }
}

.images--lg .product-banner-text-cta__button {
  padding: 29px 105px 30px 25px
}

@media only screen and (max-width: 1279px) {
  .images--lg .product-banner-text-cta__button {
    padding: 19px 80px 19px 22px
  }
}

@media only screen and (max-width: 979px) {
  .images--lg .product-banner-text-cta__button {
    padding: 22px 80px 22px 28px;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}

.page-template-page-pathtopurchase-template .top-section-hbspt__description {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%
}

@media only screen and (max-width: 1279px) {
  .page-template-page-pathtopurchase-template .top-section-hbspt__description {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .page-template-page-pathtopurchase-template .top-section-hbspt__description {
    font-size: 18px
  }
}

.page-template-page-pathtopurchase-template .foot-legal {
  margin-left: auto;
  margin-right: auto
}

.inventive-solutions {
  width: 100%;
  padding-top: 116px;
  padding-bottom: 100px
}

@media only screen and (max-width: 1279px) {
  .inventive-solutions {
    padding-top: 122px;
    padding-bottom: 86px
  }
}

@media only screen and (max-width: 979px) {
  .inventive-solutions {
    padding-top: 94px;
    padding-bottom: 70px
  }
}

.inventive-solutions__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .inventive-solutions__title {
    font-size: 36px;
    max-width: 776px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .inventive-solutions__title {
    font-size: 25px;
    max-width: 330px;
    margin: auto
  }
}

.inventive-solutions__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

@media only screen and (max-width: 1279px) {
  .inventive-solutions__list {
    margin-top: 28px
  }
}

@media only screen and (max-width: 979px) {
  .inventive-solutions__list {
    display: none
  }
}

.inventive-solutions__figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  width: 270px;
  margin-top: 48px;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

@media only screen and (max-width: 1279px) {
  .inventive-solutions__figure {
    margin-top: 12px
  }
}

@media only screen and (max-width: 1279px) {
  .inventive-solutions__figure:nth-child(7) {
    margin-left: 100px
  }
}

@media only screen and (max-width: 1279px) {
  .inventive-solutions__figure:last-child {
    margin-right: 100px
  }
}

.inventive-solutions__image {
  width: 148px;
  margin-bottom: 10px
}

.inventive-solutions__description {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  text-align: center;
  color: #4a4a4a;
  margin-top: 8px
}

.inventive-solutions__description strong {
  color: #582362;
  font-weight: 700
}

.inventive-solutions__swiper-mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .inventive-solutions__swiper-mobile {
    display: block;
    margin-top: 64px
  }
}

.inventive-solutions__slide {
  width: 264px;
  min-height: 250px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, .19);
  position: relative;
  background-color: #fff;
  padding: 93px 18px 18px
}

.inventive-solutions__slide:after {
  content: "";
  width: 100%;
  height: 86px;
  background-color: #fff;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 3
}

.inventive-solutions__slide:before {
  content: "";
  width: 110px;
  height: 110px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, calc(-50% + 21px));
  transform: translate(-50%, calc(-50% + 21px));
  box-shadow: 0px 0px 8px rgba(0, 0, 0, .19);
  z-index: 2
}

.inventive-solutions__slide-link {
  text-decoration: none
}

.inventive-solutions__slide-link .inventive-solutions__slide-title {
  text-decoration: underline;
  color: #2c99a4
}

.inventive-solutions__slide-figure {
  width: 99px;
  height: 99px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  position: absolute;
  left: calc(50% - 49px);
  top: -29px;
  z-index: 4
}

.inventive-solutions__slide-image {
  width: 100%
}

.inventive-solutions__slide-description {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  text-align: center;
  color: #4a4a4a;
  margin-top: 8px
}

.inventive-solutions__slide-description strong {
  color: #582362;
  font-weight: 700
}

.learn-more-form {
  width: 100%
}

.learn-more-form__container {
  background: #582362;
  color: #fff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  padding: 72px 86px 144px;
  position: relative;
  margin-bottom: 100px
}

@media only screen and (max-width: 1279px) {
  .learn-more-form__container {
    padding: 42px 46px 98px;
    margin-bottom: 50px
  }
}

@media only screen and (max-width: 979px) {
  .learn-more-form__container {
    padding: 42px 26px 80px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 20px
  }
}

.learn-more-form__container--thank-you {
  padding: 0
}

.learn-more-form__container--thank-you .learn-more-form__title,
.learn-more-form__container--thank-you .learn-more-form__description {
  font-size: 35px;
  line-height: 125%
}

.learn-more-form__container--thank-you .learn-more-form__title {
  padding: 76px 26px 0
}

@media only screen and (max-width: 1279px) {
  .learn-more-form__container--thank-you .learn-more-form__title {
    padding: 58px 142px 0
  }
}

@media only screen and (max-width: 979px) {
  .learn-more-form__container--thank-you .learn-more-form__title {
    padding: 48px 26px 0;
    font-size: 28px;
    line-height: 121.4%
  }
}

.learn-more-form__container--thank-you .learn-more-form__description {
  padding: 0 26px 98px
}

@media only screen and (max-width: 1279px) {
  .learn-more-form__container--thank-you .learn-more-form__description {
    padding: 0 142px 48px
  }
}

@media only screen and (max-width: 979px) {
  .learn-more-form__container--thank-you .learn-more-form__description {
    padding: 0 26px 48px;
    font-size: 25px;
    line-height: 121.4%
  }
}

.learn-more-form__container--thank-you .learn-more-form__form {
  background-color: #fff;
  padding: 48px 26px;
  font-size: 30px;
  line-height: 125%;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .learn-more-form__container--thank-you .learn-more-form__form {
    font-size: 22px;
    line-height: 143.1%
  }
}

@media only screen and (max-width: 979px) {
  .learn-more-form__container--thank-you .learn-more-form__form {
    font-size: 18px
  }
}

.learn-more-form__title {
  font-weight: 300;
  font-size: 55px;
  line-height: 125%;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .learn-more-form__title {
    font-size: 48px
  }
}

@media only screen and (max-width: 979px) {
  .learn-more-form__title {
    font-size: 28px
  }
}

.learn-more-form__description {
  font-weight: 300;
  font-size: 38px;
  line-height: 125%;
  text-align: center;
  margin-bottom: 34px
}

@media only screen and (max-width: 1279px) {
  .learn-more-form__description {
    font-size: 36px;
    margin-bottom: 24px
  }
}

@media only screen and (max-width: 979px) {
  .learn-more-form__description {
    font-size: 25px
  }
}

.learn-more-form__form .hbspt-form {
  background-color: transparent;
  padding: 0
}

.learn-more-form__form .hbspt-form label {
  color: #fff;
  margin: 14px 0
}

@media only screen and (max-width: 1279px) {
  .learn-more-form__form .hs-submit input {
    padding: 22px 86px 22px 20px;
    font-size: 22px;
    line-height: 122.7%
  }
}

@media only screen and (max-width: 979px) {
  .learn-more-form__form .hs-submit input {
    padding: 12px 78px 12px 16px;
    font-size: 26px;
    line-height: 110.9%
  }
}

.purchase-banner {
  width: 100%;
  margin-top: 74px;
  margin-bottom: 96px
}

@media only screen and (max-width: 1279px) {
  .purchase-banner {
    margin-bottom: 88px
  }
}

@media only screen and (max-width: 979px) {
  .purchase-banner {
    margin-bottom: 68px
  }
}

.purchase-banner__figure {
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

.purchase-banner__image {
  max-width: 100%;
  margin: auto
}

@media only screen and (max-width: 979px) {
  .purchase-banner__image--desktop {
    display: none
  }
}

.purchase-banner__image--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .purchase-banner__image--mobile {
    display: block
  }
}

.single-solution .menu-wrapper {
  background: #582362;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

.solution__agile-research-page .top-section-hbspt__description {
  max-width: 435px
}

@media only screen and (max-width: 1279px) {
  .solution__understand-customer-experience-page .top-section-hbspt__title {
    width: calc(100% + 30px);
    margin-bottom: 3px
  }
}

@media only screen and (max-width: 979px) {
  .solution__understand-customer-experience-page .top-section-hbspt__title {
    width: 100%;
    margin-bottom: 6px
  }
}

@media only screen and (max-width: 979px) {
  .solution__launch-a-successful-campaign-or-product-page .top-section-hbspt__description {
    max-width: 320px
  }
}

@media only screen and (max-width: 979px) {
  .solution__grow-understand-page .top-section-hbspt__title {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto
  }
}

.solutions-agile-research {
  width: 100%;
  margin-top: 170px
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-research {
    margin-top: 73px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research {
    margin-top: 73px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-container {
    width: 90%
  }
}

.solutions-agile-research-header {
  text-align: center
}

.solutions-agile-research-header__title {
  width: 65%;
  font-size: 38px;
  color: #582362;
  margin: auto;
  margin-bottom: 10px
}

.solutions-agile-research-header__title br.desktop {
  display: block
}

.solutions-agile-research-header__title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-research-header__title {
    width: 90%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-header__title {
    width: 100%;
    font-size: 26px;
    max-width: 325px;
    margin-left: auto;
    margin-right: auto
  }

  .solutions-agile-research-header__title br.desktop {
    display: none
  }

  .solutions-agile-research-header__title br.mobile {
    display: block
  }
}

.solutions-agile-research-header__description {
  color: #4a4a4a;
  font-size: 23px
}

.solutions-agile-research-header__description br.desktop {
  display: block
}

.solutions-agile-research-header__description br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-header__description {
    margin-bottom: 25px
  }

  .solutions-agile-research-header__description br.desktop {
    display: none
  }

  .solutions-agile-research-header__description br.mobile {
    display: block
  }
}

.solutions-agile-research-body-content-list-items__title {
  font-size: 18px;
  font-weight: 700;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-body-content-list-items__title {
    font-size: 17px;
    -ms-flex-item-align: center;
    align-self: center
  }
}

.solutions-agile-research-body-content-list__item {
  font-size: 18px;
  color: #4a4a4a
}

.solutions-agile-research-body-content-list__item br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-body-content-list__item {
    font-size: 16px
  }

  .solutions-agile-research-body-content-list__item br.mobile {
    display: block
  }
}

.solutions-agile-research-body-content-list__info {
  font-size: 11px;
  color: #4a4a4a;
  padding-left: 32px;
  text-align: left;
  position: relative;
  bottom: 15px
}

.solutions-agile-research-body-content-list__info br.desktop {
  display: block
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-body-content-list__info {
    width: 95%;
    margin: auto;
    text-align: center;
    padding-left: 0
  }
}

.solutions-agile-research-body {
  margin-top: 60px;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-body {
    margin-top: 0px
  }
}

.solutions-agile-research-body__title {
  width: 75%;
  margin: auto;
  font-weight: 700;
  font-size: 23px;
  color: #2c99a4
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-body__title {
    font-size: 17px
  }
}

.solutions-agile-research-body-content {
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-body-content {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.solutions-agile-research-body-content__figure {
  width: 48%;
  position: relative;
  left: 6%
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-research-body-content__figure {
    left: 2%;
    top: 20px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-body-content__figure {
    width: 100%;
    position: static
  }
}

.solutions-agile-research-body-content-figure__image {
  width: 100%
}

.solutions-agile-research-body-content-figure__image.--desktop {
  display: block
}

.solutions-agile-research-body-content-figure__image.--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-body-content-figure__image.--desktop {
    display: none
  }

  .solutions-agile-research-body-content-figure__image.--mobile {
    display: block
  }
}

.solutions-agile-research-body-content-list {
  width: 41%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
  padding-right: 69px
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-research-body-content-list {
    width: 45%;
    padding-right: 20px;
    margin-top: 15px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-body-content-list {
    width: 100%;
    margin-top: 0px;
    padding-right: 0px;
    -ms-flex-align: center;
    align-items: center
  }
}

.solutions-agile-research-body-content-list__title {
  font-size: 19px;
  font-weight: 700;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-research-body-content-list__title {
    font-size: 17px
  }
}

.solutions-agile-research-body-content-list__items {
  list-style: none;
  padding-left: 25px
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-body-content-list__items {
    margin-top: 0px;
    padding-left: 0
  }
}

.solutions-agile-research-body-content-list-items__item {
  position: relative;
  text-align: left;
  margin-bottom: 25px
}

.solutions-agile-research-body-content-list-items__item::before {
  content: "";
  background-color: #9dc92e;
  width: 12px;
  height: 12px;
  position: absolute;
  left: -21px;
  top: 6px
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-body-content-list-items__item::before {
    position: static;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    left: -8px;
    top: 0px;
    width: 10px;
    height: 10px
  }
}

.solutions-agile-research-body-content-list-items__item a {
  text-decoration: underline;
  color: #2c99a4
}

.solutions-agile-research-body-content-list-items__item br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-research-body-content-list-items__item br.desktop {
    display: none
  }
}

.solutions-agile-research-body-content-list-items__item br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-research-body-content-list-items__item {
    margin-bottom: 17px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile-research-body-content-list-items__item {
    text-align: center
  }
}

.solutions-purple-cards {
  width: 100%;
  margin-top: 313px;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-cards {
    margin-top: 308px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-cards {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 22px
  }
}

.solutions-purple-cards-card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center
}

.solutions-purple-cards-card:nth-child(1) {
  background-color: #582362;
  width: 50%;
  height: 52%
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-cards-card:nth-child(1) {
    height: 46%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-cards-card:nth-child(1) {
    width: 100%;
    height: auto
  }
}

.solutions-purple-cards-card:nth-child(2) {
  background-color: #934e9f;
  width: 50%;
  height: 52%
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-cards-card:nth-child(2) {
    height: 46%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-cards-card:nth-child(2) {
    width: 100%;
    height: auto
  }
}

.solutions-purple-card-content {
  padding: 100px 0px 73px 0px;
  position: relative;
  bottom: 45%
}

.solutions-purple-card-content--left {
  margin-left: 14%
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card-content--left {
    margin-left: auto;
    margin-right: 10%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card-content--left {
    margin: 0
  }
}

.solutions-purple-card-content--right {
  margin-right: 14%
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card-content--right {
    margin-right: auto;
    margin-left: 10%
  }
}

.solutions-purple-card-content--right .solutions-purple-card-figure {
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card-content--right .solutions-purple-card-figure {
    width: 332px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card-content--right .solutions-purple-card-figure {
    width: 100vw;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card-content--right {
    margin: 0;
    bottom: 0
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card-content {
    padding: 42px 0px 55px 0px;
    bottom: 60%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card-content {
    position: static;
    padding: 35px 0px 38px 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }
}

.solutions-purple-card-figure {
  position: relative;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card-figure {
    width: 332px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card-figure:not(.mockup_mobile) {
    width: 100vw
  }

  .solutions-purple-card-figure.mockup_mobile {
    max-width: 320px
  }

  .solutions-purple-card-figure.mockup_mobile .solutions-purple-card-figure__screen {
    position: absolute;
    max-width: 298px;
    top: 13px;
    background: #fff;
    height: 182px
  }
}

.solutions-purple-card-figure__screen {
  position: absolute;
  top: 16px;
  left: 12px;
  background: #fff;
  max-width: 347px;
  width: 100%;
  height: 210px;
  overflow: hidden
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card-figure__screen {
    top: 14px;
    left: 11px;
    max-width: 310px;
    height: 193px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card-figure__screen {
    position: static;
    max-width: 100%;
    height: auto;
    position: static
  }
}

.solutions-purple-card-figure__screen img {
  width: 100%;
  height: 100%;
  max-height: 210px;
  -o-object-fit: cover;
  object-fit: cover
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card-figure__screen img {
    max-height: none
  }
}

.solutions-purple-card-figure__image {
  width: 100%
}

.solutions-purple-card-figure__image.--desktop {
  display: block
}

.solutions-purple-card-figure__image.--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card-figure__image {
    width: 100%
  }

  .solutions-purple-card-figure__image.--desktop {
    display: none
  }

  .solutions-purple-card-figure__image.--mobile {
    display: block
  }
}

.solutions-purple-card-figure__link {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: -1
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card-figure__link {
    top: 50%
  }
}

.solutions-purple-card-figure__link {
  width: 164px;
  height: 164px;
  background: rgba(74, 74, 74, .75);
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all .3s;
  cursor: pointer;
  z-index: 1
}

.solutions-purple-card-figure__link:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.2);
  transform: translate(-50%, -50%) scale(1.2);
  transition: .3s ease
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card-figure__link {
    width: 120px;
    height: 120px;
    top: 40%
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card-figure__link {
    top: 50%
  }
}

.solutions-purple-card-figure__link::before {
  content: "";
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA0OCA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ1LjgzNzUgMjQuNjExOUw2LjI1NDEyIDAuNTgzMTA1TDYuMjUwMjIgMC41ODcyMDNDNC45NjEwNyAtMC4xOTUwNDkgMy4zNzUxMiAtMC4xOTUwNTEgMi4wODU5NyAwLjU4MzEwNUMwLjc5NjgyOSAxLjM2NTM2IDAuMDAzOTAwMTQgMi44MDI5MiAwIDQuMzYzMzZWNTIuNDIxQzAuMDAzOTA3MTQgNTMuOTgxNCAwLjc5NjkwOSA1NS40MTkgMi4wODU5NyA1Ni4yMDEyQzMuMzc1MTIgNTYuOTc5NCA0Ljk2MTA3IDU2Ljk3OTQgNi4yNTAyMiA1Ni4xOTcxTDQ1LjgzMzYgMzIuMTY4M0w0NS44Mzc1IDMyLjE3MjRDNDcuMTIyNyAzMS4zOTAyIDQ3LjkxMTggMjkuOTQ4NSA0Ny45MTE4IDI4LjM5MjJDNDcuOTExOCAyNi44MzU4IDQ3LjEyMjcgMjUuMzk0MiA0NS44Mzc1IDI0LjYxMTlaIiBmaWxsPSIjRjlGOUY5Ii8+Cjwvc3ZnPgo=) center center no-repeat;
  width: 48px;
  height: 57px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 54%;
  z-index: -1
}

.solutions-purple-card__text {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  margin-top: 35px;
  margin-bottom: 55px
}

.solutions-purple-card__text br.desktop {
  display: block
}

.solutions-purple-card__text br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card__text br.desktop {
    display: none
  }

  .solutions-purple-card__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card__text {
    margin-bottom: 55px;
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card__text {
    margin-top: 18px;
    margin-bottom: 0px
  }
}

.solutions-purple-card__cta {
  padding: 30px 95px 30px 30px;
  background-color: #2c99a4;
  color: #fff;
  width: 60%;
  position: relative;
  font-size: 23px;
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card__cta {
    padding: 25px 86px 25px 20px;
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card__cta {
    margin: 30px auto 0;
    font-size: 16px;
    width: auto;
    line-height: 20px;
    padding: 25px 65px 25px 25px
  }

  .solutions-purple-card__cta:after {
    right: 15px
  }
}

.solutions-purple-card__cta:after {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  right: 23px;
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card__cta:after {
    right: 13px;
    -webkit-transform: translateY(-50%) scale(0.7);
    transform: translateY(-50%) scale(0.7)
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card__cta:after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.solutions-purple-card__cta:hover {
  color: #fff;
  text-decoration: none;
  background-color: #292c49
}

.solutions-purple-card__cta:hover:after {
  right: 13px
}

@media only screen and (max-width: 1279px) {
  .solutions-purple-card__cta:hover:hover {
    background-color: #2c99a4
  }
}

@media only screen and (max-width: 979px) {
  .solutions-purple-card__cta:hover {
    background-color: #2c99a4
  }

  .solutions-purple-card__cta:hover:after {
    right: 13px
  }
}

.solutions-mobile {
  width: 100%;
  margin-top: -200px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 100px
}

@media only screen and (max-width: 1279px) {
  .solutions-mobile {
    margin-top: -205px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-mobile {
    margin-top: 85px
  }
}

.solutions-mobile-header {
  text-align: center
}

.solutions-mobile-header__title {
  font-size: 38px;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .solutions-mobile-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-mobile-header__title {
    font-size: 25px
  }
}

.solutions-mobile-header__subtitle {
  font-size: 23px;
  line-height: 32px;
  color: #4a4a4a
}

.solutions-mobile-header__subtitle br.desktop {
  display: block
}

.solutions-mobile-header__subtitle br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-mobile-header__subtitle {
    font-size: 22px;
    margin-top: 16px
  }

  .solutions-mobile-header__subtitle br.desktop {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-mobile-header__subtitle br.mobile {
    display: block
  }
}

.solutions-mobile-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 80px;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 1279px) {
  .solutions-mobile-body {
    margin-top: 50px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-mobile-body {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.solutions-mobile-body-content {
  position: relative;
  bottom: 12px
}

.solutions-mobile-body-content__title {
  font-size: 18px;
  font-weight: 700;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .solutions-mobile-body-content__title {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-mobile-body-content__title {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 28px
  }
}

.solutions-mobile-body-content-list {
  list-style: none;
  padding-left: 25px
}

@media only screen and (max-width: 1279px) {
  .solutions-mobile-body-content-list {
    position: relative;
    bottom: 0px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-mobile-body-content-list {
    text-align: center;
    padding: 0;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto
  }
}

.solutions-mobile-body-content-list__item {
  color: #4a4a4a;
  font-size: 18px;
  position: relative;
  margin-bottom: 18px
}

.solutions-mobile-body-content-list__item::before {
  content: "";
  background-color: #9dc92e;
  width: 12px;
  height: 12px;
  position: absolute;
  left: -21px;
  top: 6px
}

@media only screen and (max-width: 1279px) {
  .solutions-mobile-body-content-list__item {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-mobile-body-content-list__item:before {
    width: 10px;
    height: 10px;
    position: relative;
    left: -8px;
    top: 0px;
    display: inline-block
  }
}

.solutions-mobile-body-content__description {
  color: #4a4a4a;
  font-size: 18px;
  position: relative;
  bottom: 8px;
  line-height: 23px
}

.solutions-mobile-body-content__description br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .solutions-mobile-body-content__description {
    font-size: 15px;
    position: relative;
    bottom: 18px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-mobile-body-content__description {
    text-align: center
  }
}

.solutions-mobile-body-content {
  width: 36%;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 75px;
  bottom: 15px;
  -ms-flex-align: start;
  align-items: flex-start
}

@media only screen and (max-width: 1279px) {
  .solutions-mobile-body-content {
    position: static;
    width: 42%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-mobile-body-content {
    width: 100%;
    -ms-flex-order: 2;
    order: 2
  }
}

.solutions-mobile-body__image {
  width: 48%
}

@media only screen and (max-width: 979px) {
  .solutions-mobile-body__image {
    width: 100%;
    -ms-flex-order: 1;
    order: 1
  }
}

.solutions-mobile-body-image-figure__image {
  width: 100%
}

.solutions-mobile-body-image-figure__image.--desktop {
  display: block
}

.solutions-mobile-body-image-figure__image.--tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-mobile-body-image-figure__image.--desktop {
    display: none
  }

  .solutions-mobile-body-image-figure__image.--tablet {
    display: block
  }
}

.solutions-mobile-body-content-cta {
  margin: 0;
  margin-left: -16px
}

@media only screen and (max-width: 979px) {
  .solutions-mobile-body-content-cta {
    margin-left: 0
  }
}

.solutions-mobile-body-content-cta:hover .solutions-mobile-body-content-cta__link {
  color: #fff;
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .solutions-mobile-body-content-cta:hover .solutions-mobile-body-content-cta__link {
    color: #582362
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-mobile-body-content-cta {
    position: relative;
    bottom: 18px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-mobile-body-content-cta {
    -ms-flex-item-align: center;
    align-self: center
  }
}

.solutions-mobile-body-content-cta__link {
  font-size: 26px
}

@media only screen and (max-width: 979px) {
  .solutions-mobile-body-content-cta__link {
    font-size: 16px
  }
}

.solutions-enhance {
  width: 100%;
  margin-top: 100px;
  margin-bottom: 285px
}

@media only screen and (max-width: 1279px) {
  .solutions-enhance {
    margin-top: 62px;
    margin-bottom: 170px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-enhance {
    margin-top: 15px;
    margin-bottom: 73px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-container {
    width: 90%
  }
}

.solutions-enhance-header {
  text-align: center
}

.solutions-enhance-header__title {
  font-size: 38px;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-header__title {
    font-size: 25px
  }
}

.solutions-enhance-header__subtitle {
  font-size: 23px;
  line-height: 32px;
  color: #4a4a4a
}

.solutions-enhance-header__subtitle br.desktop {
  display: block
}

.solutions-enhance-header__subtitle br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-header__subtitle {
    margin-top: 15px;
    margin-bottom: 35px
  }

  .solutions-enhance-header__subtitle br.desktop {
    display: none
  }

  .solutions-enhance-header__subtitle br.mobile {
    display: block
  }
}

.solutions-enhance-body {
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-body {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px;
    -ms-flex-align: center;
    align-items: center
  }
}

.solutions-enhance-body-image {
  position: relative;
  width: 55%;
  top: 20px
}

@media only screen and (max-width: 1279px) {
  .solutions-enhance-body-image {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    top: -5px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-body-image {
    width: 110%
  }
}

.solutions-enhance-body-image-first-figure {
  position: relative;
  width: 80%;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .solutions-enhance-body-image-first-figure {
    max-width: 100%;
    margin: 0 45px;
    margin-left: 16px;
    top: 7px;
    height: 204px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-body-image-first-figure {
    width: 100%;
    position: static;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
  }
}

.solutions-enhance-body-image-first-figure > img {
  max-width: 100%
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-body-image-first-figure > img {
    display: none
  }
}

.solutions-enhance-body-image-first-figure__screen {
  max-width: 371px;
  margin: 0 58px;
  position: absolute;
  width: 100%;
  top: 16px;
  height: 235px;
  overflow: hidden
}

.solutions-enhance-body-image-first-figure__screen img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media only screen and (max-width: 1279px) {
  .solutions-enhance-body-image-first-figure__screen {
    max-width: 275px;
    margin: 0px 42px;
    top: 11px;
    height: 176px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-body-image-first-figure__screen {
    max-width: 480px;
    margin: 0 auto;
    position: static;
    height: auto;
    width: 100%
  }
}

.solutions-enhance-body-image-first-figure__image {
  width: 100%
}

.solutions-enhance-body-image-first-figure__image.--desktop {
  display: block
}

.solutions-enhance-body-image-first-figure__image.--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-body-image-first-figure__image.--desktop {
    display: none
  }

  .solutions-enhance-body-image-first-figure__image.--mobile {
    display: block
  }
}

.solutions-enhance-body-image-first-figure__link {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 164px;
  height: 164px;
  background: rgba(74, 74, 74, .75);
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all .3s;
  cursor: pointer
}

.solutions-enhance-body-image-first-figure__link:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.2);
  transform: translate(-50%, -50%) scale(1.2);
  transition: .3s ease
}

.solutions-enhance-body-image-first-figure__link::before {
  content: "";
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA0OCA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ1LjgzNzUgMjQuNjExOUw2LjI1NDEyIDAuNTgzMTA1TDYuMjUwMjIgMC41ODcyMDNDNC45NjEwNyAtMC4xOTUwNDkgMy4zNzUxMiAtMC4xOTUwNTEgMi4wODU5NyAwLjU4MzEwNUMwLjc5NjgyOSAxLjM2NTM2IDAuMDAzOTAwMTQgMi44MDI5MiAwIDQuMzYzMzZWNTIuNDIxQzAuMDAzOTA3MTQgNTMuOTgxNCAwLjc5NjkwOSA1NS40MTkgMi4wODU5NyA1Ni4yMDEyQzMuMzc1MTIgNTYuOTc5NCA0Ljk2MTA3IDU2Ljk3OTQgNi4yNTAyMiA1Ni4xOTcxTDQ1LjgzMzYgMzIuMTY4M0w0NS44Mzc1IDMyLjE3MjRDNDcuMTIyNyAzMS4zOTAyIDQ3LjkxMTggMjkuOTQ4NSA0Ny45MTE4IDI4LjM5MjJDNDcuOTExOCAyNi44MzU4IDQ3LjEyMjcgMjUuMzk0MiA0NS44Mzc1IDI0LjYxMTlaIiBmaWxsPSIjRjlGOUY5Ii8+Cjwvc3ZnPgo=) center center no-repeat;
  width: 48px;
  height: 57px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1279px) {
  .solutions-enhance-body-image-first-figure__link::before {
    left: 54%;
    width: 27px;
    height: 32px;
    background-size: contain
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-enhance-body-image-first-figure__link {
    width: 120px;
    height: 120px;
    top: 45%
  }
}

.solutions-enhance-body-image-second-figure {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: -40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1279px) {
  .solutions-enhance-body-image-second-figure {
    left: 44%;
    width: 59%;
    bottom: -38%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
  }
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-body-image-second-figure {
    width: 75%;
    bottom: -35%;
    left: 50%
  }
}

.solutions-enhance-body-image-second-figure__image {
  width: 100%
}

.solutions-enhance-body-content {
  width: 41%
}

@media only screen and (max-width: 1279px) {
  .solutions-enhance-body-content {
    position: relative;
    bottom: 35px;
    width: 45%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-body-content {
    position: static;
    width: 100%;
    margin-top: 190px
  }
}

.solutions-enhance-body-content__title {
  font-size: 18px;
  font-weight: 700;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .solutions-enhance-body-content__title {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-body-content__title {
    text-align: center;
    width: 70%;
    margin: auto;
    margin-bottom: 13px
  }
}

.solutions-enhance-body-content-list {
  list-style: none;
  padding-left: 25px;
  width: 90%
}

@media only screen and (max-width: 1279px) {
  .solutions-enhance-body-content-list {
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-body-content-list {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding: 0
  }
}

.solutions-enhance-body-content-list__item {
  color: #4a4a4a;
  font-size: 18px;
  position: relative;
  margin-bottom: 15px
}

.solutions-enhance-body-content-list__item::before {
  content: "";
  background-color: #9dc92e;
  width: 12px;
  height: 12px;
  position: absolute;
  left: -21px;
  top: 6px
}

@media only screen and (max-width: 1279px) {
  .solutions-enhance-body-content-list__item {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 12px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-enhance-body-content-list__item {
    font-size: 15px
  }

  .solutions-enhance-body-content-list__item:before {
    left: -8px;
    top: 0px;
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px
  }
}

.solutions-captive-variant {
  width: 100%;
  margin-top: 42px
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-variant {
    margin-top: -83px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-variant {
    margin-top: 540px
  }
}

.solutions-captive-variant-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 47px;
  max-width: 1152px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-variant-container {
    gap: 65px;
    max-width: 820px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-variant-container {
    width: 100% !important
  }
}

.solutions-captive-variant-header {
  margin-top: 170px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-variant-header {
    margin-top: 90px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-variant-header {
    width: 100%;
    margin: 47px auto;
    margin-bottom: 0
  }
}

.solutions-captive-variant-header__title {
  color: #582362;
  font-size: 38px;
  margin-bottom: 10px
}

.solutions-captive-variant-header__title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-variant-header__title {
    max-width: 625px;
    margin: 0 auto 8px;
    font-size: 36px
  }

  .solutions-captive-variant-header__title br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-variant-header__title {
    font-size: 25px;
    line-height: 30px;
    margin: 0 auto 24px
  }

  .solutions-captive-variant-header__title br.mobile {
    display: block
  }
}

.solutions-captive-variant-header__text {
  font-size: 23px;
  font-weight: 700;
  color: #2c99a4;
  margin-bottom: 10px
}

.solutions-captive-variant-header__text br.mobile {
  display: none
}

.solutions-captive-variant-header__text br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-variant-header__text {
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-variant-header__text {
    font-size: 16px
  }

  .solutions-captive-variant-header__text br.mobile {
    display: block
  }

  .solutions-captive-variant-header__text br.desktop {
    display: none
  }
}

.solutions-captive__header-subtext br.desktop {
  display: block
}

.solutions-captive__header-subtext br.tablet {
  display: none
}

.solutions-captive__header-subtext br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-captive__header-subtext {
    width: 100%;
    margin: 0%;
    font-size: 16px
  }

  .solutions-captive__header-subtext br.desktop {
    display: none
  }

  .solutions-captive__header-subtext br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive__header-subtext {
    font-size: 16px;
    line-height: 23px;
    padding: 0 10px
  }

  .solutions-captive__header-subtext br.tablet {
    display: none
  }

  .solutions-captive__header-subtext br.mobile {
    display: block
  }
}

.solutions-captive-variant-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 33px;
  width: 100%;
  height: auto
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-variant-body {
    margin-top: -30px;
    gap: 47px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-variant-body {
    gap: 22px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-variant-body__banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 600px
  }
}

.solutions-captive-variant-body-banner__image--d {
  width: 100%;
  display: block
}

@media only screen and (max-width: 979px) {
  .solutions-captive-variant-body-banner__image--d {
    display: none
  }
}

.solutions-captive-variant-body-banner__image--m {
  width: 100%;
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-captive-variant-body-banner__image--m {
    display: block;
    width: 105%
  }
}

.solutions-captive-variant-body-banner__cta {
  font-weight: 300;
  font-size: 25px;
  line-height: 120%
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-variant-body-banner__cta {
    font-size: 22px;
    padding: 0
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-variant-body-banner__cta {
    font-size: 16px
  }
}

.solutions-captive {
  width: 100%
}

@media only screen and (max-width: 979px) {
  .solutions-captive {
    margin-top: 73px
  }
}

.solutions-captive__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 68px;
  max-width: 1152px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .solutions-captive__container {
    gap: 75px;
    max-width: 820px;
    margin: auto
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive__container {
    width: 100% !important;
    gap: 37px
  }
}

.solutions-captive__header {
  margin-top: 170px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .solutions-captive__header {
    margin-top: 70px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive__header {
    width: 100%;
    margin: 0 auto
  }
}

.solutions-captive__header-title {
  color: #582362;
  font-size: 3.8rem;
  margin-bottom: 9px
}

.solutions-captive__header-title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-captive__header-title {
    max-width: 590px;
    margin: 0 auto 2px;
    font-size: 36px;
    line-height: 133%
  }

  .solutions-captive__header-title br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive__header-title {
    font-size: 25px;
    line-height: 133.1%;
    margin: 0 auto 18px
  }

  .solutions-captive__header-title br.mobile {
    display: block
  }
}

.solutions-captive__header-text {
  font-size: 23px;
  line-height: 140%;
  font-weight: 700;
  color: #2c99a4;
  margin-bottom: 12px
}

.solutions-captive__header-text br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-captive__header-text {
    margin-bottom: 5px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive__header-text {
    font-size: 16px
  }

  .solutions-captive__header-text br.desktop {
    display: none
  }

  .solutions-captive__header-text br.mobile {
    display: block
  }
}

@media(max-width: 480px) {
  .solutions-captive__header-text {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto
  }
}

.solutions-captive__header-subtext {
  font-size: 18px;
  line-height: 25px;
  width: 100%;
  margin: auto;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .solutions-captive__header-subtext {
    width: 100%;
    margin: 0%;
    font-size: 16px;
    line-height: 143.1%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive__header-subtext {
    font-size: 16px;
    line-height: 23px;
    padding: 0 10px
  }
}

@media(max-width: 480px) {
  .solutions-captive__header-subtext {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto
  }
}

.solutions-captive__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 33px;
  width: 100%;
  height: auto
}

@media only screen and (max-width: 1279px) {
  .solutions-captive__body {
    margin-top: 0;
    gap: 30px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive__body {
    margin-bottom: 0;
    gap: 22px
  }
}

.solutions-captive-figure {
  display: -ms-flexbox;
  display: flex;
  height: 376px;
  width: 100%;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure {
    max-height: 268px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure {
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    max-height: none;
    max-width: 500px;
    margin: 0 auto
  }
}

.solutions-captive-figure:before {
  content: "";
  width: 57%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  background: linear-gradient(90deg, #FFFFFF 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18)
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure:before {
    background: none
  }
}

.solutions-captive-figure-desktop__image-left {
  height: calc(100% + 20px);
  margin: -10px;
  margin-right: 13px
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-desktop__image-left {
    display: none
  }
}

.solutions-captive-figure-desktop__image-center {
  height: calc(100% + 20px);
  margin: -10px;
  margin-right: 13px
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-desktop__image-center {
    display: none
  }
}

.solutions-captive-figure-desktop__image-right {
  height: calc(100% + 20px);
  margin: -10px
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-desktop__image-right {
    display: none
  }
}

.solutions-captive-figure-mobile__image {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-mobile__image {
    display: block;
    z-index: -1;
    max-width: 100%;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
  }
}

.solutions-captive-figure-content {
  padding: 20px 20px 16px 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-content {
    padding: 16px 20px 16px 2px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-content {
    padding: 16px 10px 16px 10px;
    background-color: #fff;
    margin-top: -85px;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
  }
}

.solutions-captive-figure-content:after {
  content: "";
  position: absolute;
  left: calc(46% - 3px);
  width: 6px;
  height: 242px;
  background-color: #dddbdb;
  top: 53%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-content:after {
    height: 162px;
    top: 52%;
    left: calc(50% - 10px)
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-content:after {
    height: 240px;
    top: 47%;
    width: 3px;
    left: 50%
  }
}

.solutions-captive-figure-content:before {
  content: "";
  position: absolute;
  left: 46%;
  width: 324px;
  height: 6px;
  background: rgba(74, 74, 74, .15);
  top: calc(54% - 3px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-content:before {
    max-width: 257px;
    left: 49%;
    top: calc(52% - 3px)
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-content:before {
    width: 100%;
    max-width: 307px;
    top: calc(49% + 2px);
    left: 50%;
    height: 3px
  }
}

.solutions-captive-figure-content__title {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #2c99a4;
  margin-bottom: 29px;
  margin-left: -10px
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-content__title {
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 6px;
    margin-left: 8px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-content__title {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 8px;
    margin-left: 18px
  }
}

.solutions-captive-figure-content__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex: 1;
  flex: 1
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-content__info {
    margin-left: -10px;
    margin-right: -10px
  }
}

.solutions-captive-figure-conten-item {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  padding-bottom: 30px
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-conten-item {
    padding-top: 11px;
    padding-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-conten-item {
    padding-left: 5px;
    padding-left: 5px
  }
}

.solutions-captive-figure-conten-item:nth-child(even) {
  width: 48%
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-conten-item:nth-child(even) {
    width: 42%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-conten-item:nth-child(even) {
    width: 50%
  }
}

.solutions-captive-figure-conten-item:nth-child(odd) {
  width: 52%;
  padding-right: 44px
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-conten-item:nth-child(odd) {
    width: 58%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-conten-item:nth-child(odd) {
    padding-right: 0;
    width: 50%
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-conten-item:nth-child(1) {
    padding-top: 10px;
    padding-bottom: 18px
  }

  .solutions-captive-figure-conten-item:nth-child(1) .solutions-captive-figure-conten-item__title {
    margin-bottom: 5px
  }

  .solutions-captive-figure-conten-item:nth-child(1) .solutions-captive-figure-conten-item__description {
    margin-top: -5px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-conten-item:nth-child(1) {
    padding-bottom: 21px
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-conten-item:nth-child(2) {
    padding-top: 9px
  }

  .solutions-captive-figure-conten-item:nth-child(2) .solutions-captive-figure-conten-item__image-wrapper {
    max-width: 92px;
    padding-top: 20px
  }
}

.solutions-captive-figure-conten-item:nth-child(3) {
  padding-bottom: 24px
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-conten-item:nth-child(3) {
    padding-top: 29px
  }
}

.solutions-captive-figure-conten-item:nth-child(4) {
  padding-bottom: 24px
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-conten-item:nth-child(4) {
    padding-bottom: 0;
    padding-top: 11px
  }

  .solutions-captive-figure-conten-item:nth-child(4) .solutions-captive-figure-conten-item__image-wrapper {
    max-width: 80px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-conten-item:nth-child(4) {
    padding-top: 29px
  }
}

.solutions-captive-figure-conten-item__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 133%;
  text-align: center;
  color: #572162;
  margin-top: 0
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-conten-item__title {
    font-size: 12px;
    line-height: 15px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-conten-item__title {
    font-size: 14px;
    line-height: 133%
  }
}

.solutions-captive-figure-conten-item__number {
  font-weight: 700;
  font-size: 60px;
  line-height: 105%;
  text-align: center;
  color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-conten-item__number {
    font-size: 40px;
    line-height: 100%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-conten-item__number {
    font-size: 45px;
    line-height: 94%;
    margin-bottom: 10px
  }
}

.solutions-captive-figure-conten-item__description {
  font-weight: 300;
  font-size: 16px;
  line-height: 133%;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-conten-item__description {
    font-size: 14px;
    line-height: 143.1%
  }
}

.solutions-captive-figure-conten-item__image-wrapper {
  padding-top: 20px;
  margin: 0
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-conten-item__image-wrapper {
    padding-top: 15px
  }

  .solutions-captive-figure-conten-item__image-wrapper img {
    max-width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-conten-item__image-wrapper {
    font-size: 14px;
    line-height: 140%;
    padding-top: 29px
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-conten-item__image-wrapper svg {
    max-width: 114px;
    max-height: 30px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-conten-item__image-wrapper svg {
    max-width: 120px;
    max-height: 40px
  }
}

.solutions-captive-figure-content__remark {
  font-weight: 300;
  font-size: 11px;
  line-height: 140%;
  text-align: center;
  color: #4a4a4a;
  width: calc(100% + 5px);
  margin-left: -5px
}

@media only screen and (max-width: 1279px) {
  .solutions-captive-figure-content__remark {
    font-size: 10px;
    line-height: 140%;
    margin-top: -4px;
    width: calc(100% - 10px);
    margin-left: 8px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive-figure-content__remark {
    margin-top: 9px;
    font-size: 10px;
    line-height: 140%;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto
  }
}

.solutions-captive__body-banner__cta {
  font-weight: 300;
  font-size: 25px
}

@media only screen and (max-width: 1279px) {
  .solutions-captive__body-banner__cta {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-captive__body-banner__cta {
    font-size: 16px;
    margin-top: 10px
  }
}

.solutions-recruit-hover {
  width: 100%;
  margin-top: 120px
}

@media only screen and (max-width: 1279px) {
  .solutions-recruit-hover {
    margin-top: 72px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-recruit-hover {
    margin-top: 87px
  }
}

.solutions-recruit-hover-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.solutions-recruit-hover-header {
  margin-bottom: 50px
}

@media only screen and (max-width: 979px) {
  .solutions-recruit-hover-header {
    margin-bottom: 45px
  }
}

.solutions-recruit-hover-header__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 50px;
  color: #582362;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .solutions-recruit-hover-header__title {
    font-size: 36px;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .solutions-recruit-hover-header__title {
    font-size: 25px;
    line-height: 133.1%;
    max-width: 300px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto
  }
}

.solutions-recruit-hover-header__subtitle {
  font-size: 23px;
  font-weight: 700;
  color: #2c99a4;
  line-height: 30px;
  text-align: center;
  margin-bottom: 5px
}

.solutions-recruit-hover-header__subtitle br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-recruit-hover-header__subtitle {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 7px
  }

  .solutions-recruit-hover-header__subtitle br.mobile {
    display: block
  }
}

.solutions-recruit-hover-header__text {
  font-size: 16px;
  line-height: 22px;
  color: #4a4a4a;
  text-align: center
}

.solutions-recruit-hover-header__text br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .solutions-recruit-hover-header__text {
    max-width: 700px;
    margin: auto
  }

  .solutions-recruit-hover-header__text br.desktop {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-recruit-hover-header__text {
    line-height: 143.1%
  }
}

.solutions-recruit__body {
  width: 100%;
  position: relative;
  max-width: 955px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .solutions-recruit__body {
    max-width: 755px
  }
}

.solutions-recruit__body .swiper-slide:hover .product-recruit__body-swiper-slide-text {
  display: none
}

.solutions-recruit__body .swiper-slide:hover .product-recruit__body-swiper-slide-footer {
  transition: .3s ease;
  opacity: 0
}

.solutions-recruit__body .swiper-slide:hover .solutions-recruit__body-swiper-slide-backtext {
  display: block;
  opacity: 1;
  z-index: 1
}

.solutions-recruit__body .swiper-slide:hover .product-recruit__body-swiper-slide-filter {
  opacity: 1;
  transition: .3s ease
}

.solutions-recruit__body .swiper-slide.first:hover .product-recruit__body-swiper-slide-filter {
  background: #572162
}

.solutions-recruit__body .swiper-slide.first:hover .product-recruit__body-swiper-slide-footer {
  background: #572162
}

.solutions-recruit__body .swiper-slide.second:hover .product-recruit__body-swiper-slide-filter {
  background: #52567a
}

.solutions-recruit__body .swiper-slide.second:hover .product-recruit__body-swiper-slide-footer {
  background: #52567a
}

.solutions-recruit__body .swiper-slide.third:hover .product-recruit__body-swiper-slide-filter {
  background: #4d6885
}

.solutions-recruit__body .swiper-slide.third:hover .product-recruit__body-swiper-slide-footer {
  background: #4d6885
}

.solutions-recruit__body .swiper-slide.fourth:hover .product-recruit__body-swiper-slide-filter {
  background: #47748d
}

.solutions-recruit__body .swiper-slide.fourth:hover .product-recruit__body-swiper-slide-footer {
  background: #47748d
}

.solutions-recruit__body .swiper-slide.fifth:hover .product-recruit__body-swiper-slide-filter {
  background: #3c8396
}

.solutions-recruit__body .swiper-slide.fifth:hover .product-recruit__body-swiper-slide-footer {
  background: #3c8396
}

.solutions-recruit__body .swiper-slide .product-recruit__body-swiper-slide-filter {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 20px;
  background-color: #4a4a4a;
  transition: .3s ease;
  opacity: .3;
  width: 100%;
  height: 100%
}

@media only screen and (max-width: 1279px) {
  .solutions-recruit__body .swiper-slide .product-recruit__body-swiper-slide-filter {
    bottom: 16px
  }
}

.solutions-recruit__body .swiper-slide .product-recruit__body-swiper-slide-text {
  position: absolute;
  width: 65%;
  top: 47%;
  left: 50%;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  z-index: 1;
  line-height: 34px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 1279px) {
  .solutions-recruit__body .swiper-slide .product-recruit__body-swiper-slide-text {
    font-size: 22px;
    line-height: 133%;
    width: 74%;
    top: 51%
  }
}

.solutions-recruit__body .swiper-slide .solutions-recruit__body-swiper-slide-backtext {
  display: none;
  opacity: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: .3s ease;
  position: absolute;
  width: 75%;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%
}

.solutions-recruit__body .swiper-slide .product-recruit__body-swiper-slide-footer {
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 0;
  transition: .3s ease
}

@media only screen and (max-width: 1279px) {
  .solutions-recruit__body .swiper-slide .product-recruit__body-swiper-slide-footer {
    height: 16px
  }
}

.solutions-recruit__body .swiper-slide .product-recruit__body-swiper-slide-footer.first {
  background-color: #572162
}

.solutions-recruit__body .swiper-slide .product-recruit__body-swiper-slide-footer.second {
  background-color: #52567a
}

.solutions-recruit__body .swiper-slide .product-recruit__body-swiper-slide-footer.third {
  background-color: #4d6885
}

.solutions-recruit__body .swiper-slide .product-recruit__body-swiper-slide-footer.fourth {
  background-color: #47748d
}

.solutions-recruit__body .swiper-slide .product-recruit__body-swiper-slide-footer.fifth {
  background-color: #47748d
}

.solutions-researchers-no-card {
  background: linear-gradient(91.44deg, #582362 0%, #2C99A4 100%);
  margin-top: 123px;
  margin-bottom: 110px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .solutions-researchers-no-card {
    margin-top: 98px;
    margin-bottom: 94px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-researchers-no-card {
    margin-top: 60px;
    margin-bottom: 0
  }
}

.solutions-researchers-no-card-container {
  position: relative;
  width: 100%
}

.solutions-researchers-no-card__banner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .solutions-researchers-no-card__banner {
    gap: 48px
  }
}

.solutions-researchers-no-card-banner-header {
  text-align: center;
  padding: 65px 0 67px 0
}

@media only screen and (max-width: 1279px) {
  .solutions-researchers-no-card-banner-header {
    padding: 49px 0 54px 0
  }
}

@media only screen and (max-width: 979px) {
  .solutions-researchers-no-card-banner-header {
    padding: 38px 20px 0 20px
  }
}

.solutions-researchers-no-card-banner-header__title {
  color: #fff;
  font-size: 35px;
  margin-bottom: 10px
}

.solutions-researchers-no-card-banner-header__title br.mobile {
  display: none
}

.solutions-researchers-no-card-banner-header__title br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-researchers-no-card-banner-header__title {
    font-size: 23px;
    margin-bottom: 13px
  }

  .solutions-researchers-no-card-banner-header__title br.tablet {
    display: block
  }

  .solutions-researchers-no-card-banner-header__title br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-researchers-no-card-banner-header__title {
    font-size: 25px;
    line-height: 27px
  }

  .solutions-researchers-no-card-banner-header__title br.tablet {
    display: none
  }

  .solutions-researchers-no-card-banner-header__title br.mobile {
    display: block
  }
}

.solutions-researchers-no-card-banner-header__text {
  color: #fff;
  font-size: 16px;
  line-height: 22.9px;
  width: 100%;
  margin: auto
}

.solutions-researchers-no-card-banner-header__text br.tablet {
  display: none
}

.solutions-researchers-no-card-banner-header__text br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-researchers-no-card-banner-header__text {
    width: 100%
  }

  .solutions-researchers-no-card-banner-header__text br.desktop {
    display: none
  }

  .solutions-researchers-no-card-banner-header__text br.tablet {
    display: block
  }

  .solutions-researchers-no-card-banner-header__text br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-researchers-no-card-banner-header__text {
    margin-top: 18px
  }

  .solutions-researchers-no-card-banner-header__text br.tablet {
    display: none
  }

  .solutions-researchers-no-card-banner-header__text br.mobile {
    display: none
  }
}

.solutions-researchers-no-card-banner-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin-bottom: 80px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 60px;
  width: 94%
}

@media only screen and (max-width: 1279px) {
  .solutions-researchers-no-card-banner-body {
    width: 100%;
    margin: auto;
    max-width: 858px;
    margin-bottom: 53px;
    row-gap: 52px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-researchers-no-card-banner-body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    margin-bottom: 35px;
    row-gap: 60px
  }
}

.solutions-researchers-no-card-banner-body__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 33%
}

@media only screen and (max-width: 979px) {
  .solutions-researchers-no-card-banner-body__item {
    width: 50%;
    gap: 3px
  }
}

.solutions-researchers-no-card-banner-body-item__logo {
  width: 78px;
  height: 74px;
  text-align: center;
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1279px) {
  .solutions-researchers-no-card-banner-body-item__logo {
    width: 60px;
    height: 60px
  }
}

.solutions-researchers-no-card-banner-body-item-logo__image {
  max-width: 100%;
  max-height: 74px;
  height: auto
}

@media only screen and (max-width: 1279px) {
  .solutions-researchers-no-card-banner-body-item-logo__image {
    max-height: 60px
  }
}

.solutions-researchers-no-card-banner-body-item__text {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  width: 75%;
  margin-bottom: 0
}

.solutions-researchers-no-card-banner-body-item__text br.desktop {
  display: block
}

.solutions-researchers-no-card-banner-body-item__text br.desktop {
  display: block
}

.solutions-researchers-no-card-banner-body-item__text br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .solutions-researchers-no-card-banner-body-item__text br.desktop {
    display: none
  }
}

.solutions-researchers-no-card-banner-body-item__text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-researchers-no-card-banner-body-item__text {
    width: 130px;
    font-size: 15px
  }

  .solutions-researchers-no-card-banner-body-item__text br.mobile {
    display: block
  }
}

.solutions-proven-left-round {
  width: 100%;
  margin: auto;
  margin-top: 112px;
  max-width: 1440px;
  margin-bottom: 290px
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-round {
    margin-top: 75px;
    max-width: 1024px;
    margin-bottom: 155px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left-round {
    margin-top: 68px;
    margin-bottom: 0
  }
}

.solutions-proven-left-round-container {
  margin-top: 25px
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-round-container {
    margin-top: 0;
    width: 85%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left-round-container {
    width: 90%
  }
}

.solutions-proven-left-round__banner {
  width: 100%;
  margin: auto;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-round__banner {
    width: 100%
  }
}

.solutions-proven-left-round-banner__content {
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #582362;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 50px 20px 51px 208px;
  width: 100%;
  max-width: 993px;
  margin-left: auto;
  gap: 23px
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-round-banner__content {
    padding: 28px 0px 34px 99px;
    text-align: center;
    gap: 23px;
    width: 85%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left-round-banner__content {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 0px;
    width: 100%;
    background: rgba(239, 233, 231, .44);
    gap: 14px;
    position: relative;
    margin-top: 123px;
    width: 112%;
    margin-left: -6%;
    margin-right: -6%;
    padding-bottom: 121px
  }
}

.solutions-proven-left-round__title {
  color: #fff;
  font-size: 23px;
  line-height: 140%;
  font-weight: 700;
  text-align: center;
  max-width: 705px
}

.solutions-proven-left-round__title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-round__title {
    font-size: 18px;
    width: 100%;
    line-height: 25px
  }

  .solutions-proven-left-round__title br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left-round__title {
    color: #582362;
    line-height: 23px;
    -ms-flex-order: 2;
    order: 2;
    font-size: 16px;
    line-height: 140%;
    color: #582362;
    margin-top: 127px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto
  }

  .solutions-proven-left-round__title br.desktop {
    display: none
  }

  .solutions-proven-left-round__title br.mobile {
    display: block
  }
}

.solutions-proven-left-round-banner__figure.--desktop {
  display: block;
  position: absolute;
  width: 318.1px;
  height: 318.1px;
  border-radius: 50%;
  left: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

.solutions-proven-left-round-banner__figure.--mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-round-banner__figure.--desktop {
    width: 233px;
    height: 233px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left-round-banner__figure.--desktop {
    display: none
  }

  .solutions-proven-left-round-banner__figure.--mobile {
    display: block;
    -ms-flex-order: 1;
    order: 1;
    width: 255px;
    height: 255px;
    position: absolute;
    top: 0%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.2))
  }
}

.solutions-proven-left-round-banner-figure__image {
  width: 100%
}

.solutions-proven-left-round__cta {
  position: relative;
  right: 33px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-round__cta {
    position: static
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left-round__cta {
    width: 65%;
    margin: auto;
    -ms-flex-order: 3;
    order: 3
  }
}

.solutions-proven-left-round-cta__btn {
  color: #fff;
  padding: 29px 95px 29px 27px;
  font-size: 23px;
  background: #2c99a4;
  transition: .3s ease;
  position: relative;
  text-align: center;
  display: inline-block
}

.solutions-proven-left-round-cta__btn::after {
  content: "";
  width: 54px;
  height: 54px;
  background-image: url(/wp-content/themes/prodege_theme/img/arrow-white.svg);
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: .3s ease
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-round-cta__btn::after {
    width: 34px;
    height: 34px;
    right: 21px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.solutions-proven-left-round-cta__btn:hover {
  background: #292c49;
  color: #fff;
  text-decoration: none;
  transition: .3s ease
}

.solutions-proven-left-round-cta__btn:hover::after {
  transition: .3s ease;
  right: 10px
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-round-cta__btn:hover {
    background: #2c99a4
  }

  .solutions-proven-left-round-cta__btn:hover::after {
    right: 21px
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-round-cta__btn {
    padding: 21px 67px 23px 23px;
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left-round-cta__btn {
    display: block;
    padding: 21px 62px 21px 16px;
    font-size: 16px
  }

  .solutions-proven-left-round-cta__btn::after {
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 34px;
    height: 34px
  }

  .solutions-proven-left-round-cta__btn:hover::after {
    right: 12px
  }
}

.solutions-retention {
  width: 100%;
  margin-top: 170px
}

@media only screen and (max-width: 1279px) {
  .solutions-retention {
    margin-top: 68px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention {
    margin-top: 68px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention-container {
    width: 90%
  }
}

.solutions-retention-header {
  text-align: center
}

.solutions-retention-header__title {
  font-size: 38px;
  color: #582362;
  line-height: 50px
}

.solutions-retention-header__title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-retention-header__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention-header__title {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 16px
  }

  .solutions-retention-header__title br.mobile {
    display: block
  }
}

.solutions-retention-header__subtitle {
  font-size: 23px;
  line-height: 32px;
  color: #2c99a4;
  font-weight: 700;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto
}

.solutions-retention-header__subtitle br.tablet {
  display: none
}

.solutions-retention-header__subtitle br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-retention-header__subtitle br.tablet {
    display: block
  }

  .solutions-retention-header__subtitle br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention-header__subtitle {
    font-size: 16px;
    line-height: 23px
  }

  .solutions-retention-header__subtitle br.tablet {
    display: none
  }

  .solutions-retention-header__subtitle br.mobile {
    display: block
  }
}

.solutions-retention-body {
  background: linear-gradient(180deg, #FFFFFF 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
  padding-top: 27px;
  padding-bottom: 55px
}

@media only screen and (max-width: 1279px) {
  .solutions-retention-body {
    padding-top: 3px;
    padding-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body {
    padding-top: 0;
    width: 100vw;
    margin-left: -5%;
    margin-right: -5%;
    padding: 0 5%
  }
}

.solutions-retention-body__text {
  color: #4a4a4a;
  font-size: 23px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 0
}

.solutions-retention-body__text strong {
  color: #582362;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body__text strong {
    font-size: 16px;
    line-height: 139%
  }
}

.solutions-retention-body__text br.desktop {
  display: block
}

.solutions-retention-body__text br.tablet {
  display: none
}

.solutions-retention-body__text br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-retention-body__text br.desktop {
    display: none
  }

  .solutions-retention-body__text br.tablet {
    display: block
  }

  .solutions-retention-body__text br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body__text {
    font-size: 16px;
    line-height: 23px
  }

  .solutions-retention-body__text br.tablet {
    display: none
  }

  .solutions-retention-body__text br.mobile {
    display: block
  }
}

.solutions-retention-body-item__figure {
  height: 295px;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .solutions-retention-body-item__figure {
    height: 203px;
    margin-bottom: 12px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body-item__figure {
    height: auto;
    margin-bottom: 17px
  }
}

.solutions-retention-body-item__text {
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body-item__text {
    margin-left: auto;
    margin-right: auto;
    max-width: 314px
  }
}

.solutions-retention-body-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 45px
}

@media only screen and (max-width: 1279px) {
  .solutions-retention-body-content {
    padding-bottom: 24px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body-content {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 28px;
    gap: 31px;
    padding-bottom: 43px
  }
}

.solutions-retention-body-item {
  text-align: center
}

.solutions-retention-body-item:nth-child(1) {
  width: 42%
}

.solutions-retention-body-item:nth-child(1) .solutions-retention-body-item__figure {
  padding-left: 20px
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body-item:nth-child(1) .solutions-retention-body-item__figure {
    padding-left: 0
  }
}

.solutions-retention-body-item:nth-child(1) .solutions-retention-body-item__text {
  max-width: 455px;
  margin-left: auto
}

@media only screen and (max-width: 1279px) {
  .solutions-retention-body-item:nth-child(1) .solutions-retention-body-item__text {
    margin-left: 23px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body-item:nth-child(1) .solutions-retention-body-item__text {
    margin-left: 0;
    max-width: 310px;
    margin: 0 auto
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body-item:nth-child(1) {
    width: 100%
  }
}

.solutions-retention-body-item:nth-child(3) {
  width: 48%
}

.solutions-retention-body-item:nth-child(3) .solutions-retention-body-item__figure {
  max-width: 98%
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body-item:nth-child(3) .solutions-retention-body-item__figure {
    max-width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body-item:nth-child(3) {
    width: 100%
  }
}

.solutions-retention-body-item:nth-child(3) .solutions-retention-body-item__text {
  width: auto;
  max-width: 376px;
  margin-left: 48px
}

@media only screen and (max-width: 1279px) {
  .solutions-retention-body-item:nth-child(3) .solutions-retention-body-item__text {
    max-width: 274px;
    margin-left: 29px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body-item:nth-child(3) .solutions-retention-body-item__text {
    width: 100%;
    max-width: 274px;
    margin-left: auto;
    margin-right: auto
  }
}

.solutions-retention-body-item__image {
  max-width: 100%
}

.solutions-retention-body__separator {
  background-color: #4a4a4a;
  opacity: .1;
  width: 5px;
  height: 350px;
  position: relative;
  left: 5px;
  top: 9px
}

@media only screen and (max-width: 1279px) {
  .solutions-retention-body__separator {
    height: 240px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-retention-body__separator {
    height: 5px;
    width: 258px;
    margin-top: -14px;
    left: 0
  }
}

.solutions-promoter {
  width: 100%;
  margin-top: 250px
}

@media only screen and (max-width: 1279px) {
  .solutions-promoter {
    margin-top: 198px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-promoter {
    margin-top: 157px
  }
}

.solutions-promoter-container {
  width: 81%
}

@media only screen and (max-width: 979px) {
  .solutions-promoter-container {
    width: 90%
  }
}

.solutions-promoter-header {
  text-align: center
}

@media only screen and (max-width: 979px) {
  .solutions-promoter-header {
    width: 100%;
    max-width: 323px;
    margin-left: auto;
    margin-right: auto
  }
}

.solutions-promoter__title {
  color: #582362;
  line-height: 50px;
  font-size: 38px
}

@media only screen and (max-width: 1279px) {
  .solutions-promoter__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-promoter__title {
    font-size: 25px;
    margin: 0
  }
}

.solutions-promoter__subtitle {
  color: #2c99a4;
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  width: calc(100% + 5px)
}

.solutions-promoter__subtitle br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-promoter__subtitle {
    margin-bottom: 13px
  }

  .solutions-promoter__subtitle br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .solutions-promoter__subtitle {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 13px
  }

  .solutions-promoter__subtitle br.tablet {
    display: none
  }
}

.solutions-promoter__text {
  color: #4a4a4a;
  font-size: 23px;
  line-height: 32px
}

.solutions-promoter__text br.desktop {
  display: block
}

.solutions-promoter__text br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-promoter__text br.desktop {
    display: none
  }

  .solutions-promoter__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .solutions-promoter__text {
    font-size: 16px;
    line-height: 23px
  }

  .solutions-promoter__text br.tablet {
    display: none
  }
}

.solutions-promoter-body {
  margin-top: 50px
}

@media only screen and (max-width: 979px) {
  .solutions-promoter-body {
    margin-top: 32px
  }
}

.solutions-promoter-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .solutions-promoter-card:not(.reverse) .solutions-promoter-card__figure {
    width: calc(100% + 30px)
  }
}

.solutions-promoter-card.reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media only screen and (max-width: 1279px) {
  .solutions-promoter-card.reverse {
    margin-top: -11px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-promoter-card {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 324px;
    margin-left: auto;
    margin-right: auto
  }

  .solutions-promoter-card.reverse {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px
  }
}

.solutions-promoter-card__figure {
  width: 45%
}

@media only screen and (max-width: 1279px) {
  .solutions-promoter-card__figure {
    width: 48%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-promoter-card__figure {
    width: 100%;
    margin-bottom: 17px;
    height: 212px
  }
}

.solutions-promoter-card__image {
  width: 100%
}

.solutions-promoter-card__content {
  width: 49%
}

@media only screen and (max-width: 1279px) {
  .solutions-promoter-card__content {
    margin-top: -16px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-promoter-card__content {
    width: 100%;
    text-align: center
  }
}

.solutions-promoter-card__text {
  color: #4a4a4a;
  font-size: 16px;
  line-height: 23px;
  max-width: 544px;
  width: 100%;
  margin-bottom: 0
}

.solutions-promoter-card__text br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-promoter-card__text br.mobile {
    display: block
  }
}

.solutions-promoter-card__text strong {
  color: #582362
}

.solutions-sentiment-trackers {
  width: 100%;
  margin-top: 121px;
  background: #582362
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers {
    margin-top: 102px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers {
    margin-top: 0;
    height: 1534px
  }
}

.solutions-sentiment-trackers-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-container {
    width: 100%;
    max-width: 324px
  }
}

.solutions-sentiment-trackers-header {
  margin-top: 70px;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-header {
    margin-top: 56px;
    margin-bottom: 23px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-header {
    margin-top: 31px;
    margin-bottom: 30px
  }
}

.solutions-sentiment-trackers-header__title {
  font-weight: 700;
  font-size: 38px;
  line-height: 50px;
  color: #fff;
  text-align: center
}

.solutions-sentiment-trackers-header__title span {
  font-weight: 700;
  color: #9dc92e
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-header__title {
    font-size: 36px;
    margin-bottom: 12px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-header__title {
    font-size: 25px;
    line-height: 36px
  }
}

.solutions-sentiment-trackers-header__span {
  font-weight: 700;
  color: #9dc92e
}

.solutions-sentiment-trackers-header__subtitle {
  font-size: 23px;
  font-weight: 700;
  color: #2c99a4;
  line-height: 33px;
  text-align: center;
  margin-bottom: 5px
}

.solutions-sentiment-trackers-header__subtitle br.desktop {
  display: block
}

.solutions-sentiment-trackers-header__subtitle br.tablet {
  display: none
}

.solutions-sentiment-trackers-header__subtitle br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-header__subtitle br.desktop {
    display: none
  }

  .solutions-sentiment-trackers-header__subtitle br.tablet {
    display: block
  }

  .solutions-sentiment-trackers-header__subtitle br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-header__subtitle {
    font-size: 18px;
    line-height: 25px;
    margin-top: 23px
  }

  .solutions-sentiment-trackers-header__subtitle br.tablet {
    display: none
  }

  .solutions-sentiment-trackers-header__subtitle br.mobile {
    display: block
  }
}

.solutions-sentiment-trackers-header__text {
  font-size: 16px;
  line-height: 22px;
  color: #4a4a4a;
  text-align: center
}

.solutions-sentiment-trackers-header__text br.desktop {
  display: block
}

.solutions-sentiment-trackers-body {
  width: 100%;
  position: relative;
  padding-bottom: 280px
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-body {
    padding-bottom: 244px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-body {
    padding-bottom: 0
  }
}

.solutions-sentiment-trackers-body-banner {
  background: #fff;
  width: 87%;
  margin: auto;
  padding: 37px 30px 28px;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-body-banner {
    padding: 20px;
    padding-bottom: 13px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-body-banner {
    width: 100%;
    padding: 27px 25px;
    padding-bottom: 18px
  }
}

.solutions-sentiment-trackers-body-banner__text {
  font-size: 16px;
  line-height: 23px;
  color: #4a4a4a
}

.solutions-sentiment-trackers-body-banner__text strong {
  color: #582362
}

.solutions-sentiment-trackers-body-banner__text br.text-spacing {
  content: "";
  margin: 24px;
  display: block
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-body-banner__text br.text-spacing {
    content: "";
    margin: 18px;
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-body-banner__text br.text-spacing {
    line-height: 145.1%
  }
}

.solutions-sentiment-trackers-body-banner__text br.desktop {
  display: block
}

.solutions-sentiment-trackers-body-banner__text br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-body-banner__text {
    line-height: 25px
  }

  .solutions-sentiment-trackers-body-banner__text br.desktop {
    display: none
  }

  .solutions-sentiment-trackers-body-banner__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-body-banner__text {
    line-height: 23px
  }

  .solutions-sentiment-trackers-body-banner__text br.tablet {
    display: none
  }
}

.solutions-sentiment-trackers-body-banner__text--strong {
  font-weight: 700;
  color: #582362
}

.solutions-sentiment-trackers-body-cards__title {
  font-weight: 700;
  color: #fff;
  font-size: 20px;
  line-height: 29px;
  text-align: center
}

.solutions-sentiment-trackers-body-cards__title br.tablet {
  display: none
}

.solutions-sentiment-trackers-body-cards__title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-body-cards__title br.tablet {
    display: block
  }
}

@media only screen and (max-width: 991px) {
  .solutions-sentiment-trackers-body-cards__title br.mobile {
    display: block
  }
}

.solutions-sentiment-trackers-body-cards {
  display: block;
  position: absolute;
  bottom: -32%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-body-cards {
    bottom: -24%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-body-cards {
    position: static;
    margin-top: 35px;
    max-width: 300px;
    -webkit-transform: none;
    transform: none;
    margin-left: auto;
    margin-right: auto
  }

  .solutions-sentiment-trackers-body-cards br.tablet {
    display: none
  }
}

.solutions-sentiment-trackers-body-cards-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 55px;
  width: 100%;
  max-width: 1004px;
  margin: auto;
  margin-top: 40px
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-body-cards-content {
    gap: 33px;
    width: 88%;
    margin-top: 38px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-body-cards-content {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 39px;
    max-width: 242px;
    width: 100%;
    margin-top: 32px
  }
}

.solutions-sentiment-trackers-body-card {
  position: relative;
  width: 297px;
  height: 297px
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-body-card {
    width: 218px;
    height: 218px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-body-card {
    width: initial;
    height: initial
  }
}

.solutions-sentiment-trackers-body-card:hover .solutions-sentiment-trackers-body-card__text {
  display: none
}

.solutions-sentiment-trackers-body-card:hover .solutions-sentiment-trackers-body-card__backtext {
  display: block;
  opacity: 1;
  z-index: 1;
  transition: .3s ease
}

.solutions-sentiment-trackers-body-card:hover .solutions-sentiment-trackers-body-card__filter {
  opacity: 1;
  transition: .3s ease
}

.solutions-sentiment-trackers-body-card.first {
  background: #52567a
}

.solutions-sentiment-trackers-body-card.first:hover .solutions-sentiment-trackers-body-card__filter {
  background: #52567a
}

.solutions-sentiment-trackers-body-card.second {
  background: #4d6885
}

.solutions-sentiment-trackers-body-card.second:hover .solutions-sentiment-trackers-body-card__filter {
  background: #4d6885
}

.solutions-sentiment-trackers-body-card.third {
  background: #47748d
}

.solutions-sentiment-trackers-body-card.third:hover .solutions-sentiment-trackers-body-card__filter {
  background: #47748d
}

.solutions-sentiment-trackers-body-card__image {
  width: 100%;
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}

.solutions-sentiment-trackers-body-card__filter {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 20px;
  background-color: #4a4a4a;
  opacity: .3;
  transition: .3s ease
}

.solutions-sentiment-trackers-body-card__text {
  position: absolute;
  width: 100%;
  max-width: 85%;
  top: 50%;
  left: 50%;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  z-index: 1;
  line-height: 32px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-bottom: 0;
  margin-top: -10px
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-body-card__text {
    font-size: 20px;
    line-height: 27px;
    margin-top: -4px;
    max-width: 90%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-body-card__text {
    font-size: 22px;
    line-height: 29px;
    margin-top: -7px
  }
}

.solutions-sentiment-trackers-body-card__backtext {
  display: none;
  opacity: 0;
  color: #fff;
  font-size: 18px;
  line-height: 133%;
  font-weight: 500;
  transition: .3s ease;
  position: absolute;
  width: 85%;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%
}

.solutions-sentiment-trackers-body-card__backtext br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .solutions-sentiment-trackers-body-card__backtext {
    font-size: 16px;
    line-height: 22px
  }

  .solutions-sentiment-trackers-body-card__backtext br.desktop {
    display: none
  }
}

.solutions-sentiment-trackers-body-card__footer {
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 1px
}

.solutions-sentiment-trackers-body-card__footer.first {
  background-color: #52567a
}

.solutions-sentiment-trackers-body-card__footer.second {
  background-color: #4d6885
}

.solutions-sentiment-trackers-body-card__footer.third {
  background-color: #47748d
}

@media only screen and (max-width: 979px) {
  .solutions-sentiment-trackers-body-card__footer {
    bottom: 0px
  }
}

.solutions-proven-left {
  width: 100%;
  margin: auto;
  margin-top: 0px;
  max-width: 1440px;
  margin-bottom: 240px
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left {
    margin-top: 0px;
    max-width: 1024px;
    margin-bottom: 150px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left {
    margin-top: 47px
  }
}

.solutions-proven-left-container {
  margin-top: 20px
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-container {
    margin-top: 0
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left-container {
    width: 90%
  }
}

.solutions-proven-left-banner {
  width: 100%;
  margin: auto;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-banner {
    width: 100%
  }
}

.solutions-proven-left-banner-content {
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #582362;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 38px 23px 35px 135px;
  width: 90%;
  margin-left: auto;
  gap: 35px
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-banner-content {
    padding: 26px 30px 28px 118px;
    text-align: center;
    gap: 14px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left-banner-content {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 23px 0px;
    width: 100%;
    background: rgba(239, 233, 231, .44);
    gap: 13px
  }
}

.solutions-proven-left__title {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left__title {
    font-size: 20px;
    width: 88%;
    line-height: 26px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left__title {
    font-size: 18px;
    width: 100%;
    max-width: 308px;
    color: #582362
  }
}

.solutions-proven-left-banner-figure--desktop {
  display: block;
  position: absolute;
  left: 11%;
  top: -4%;
  width: 32%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.solutions-proven-left-banner-figure--mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-banner-figure--desktop {
    left: 13%;
    top: -3%;
    width: 35%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left-banner-figure--desktop {
    display: none
  }

  .solutions-proven-left-banner-figure--mobile {
    display: block;
    -ms-flex-order: 2;
    order: 2;
    width: 50%
  }
}

.solutions-proven-left-banner-figure__image {
  width: 100%
}

.solutions-proven-left-cta {
  position: relative;
  right: 20px
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-cta {
    position: static
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left-cta {
    width: 65%;
    margin: auto;
    -ms-flex-order: 3;
    order: 3
  }
}

.solutions-proven-left-cta__btn {
  color: #fff !important;
  text-decoration: none !important;
  padding: 32px 100px 32px 30px;
  font-size: 23px;
  background: #2c99a4;
  transition: .3s ease;
  position: relative;
  display: inline-block
}

@media(min-width: 1280px) {
  .solutions-proven-left-cta__btn:hover {
    background: #292c49;
    transition: .3s ease
  }
}

.solutions-proven-left-cta__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3rem;
  width: 25px;
  height: 27px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background-image: url(/wp-content/themes/prodege_theme/img/arrow-file-white.svg);
  background-repeat: no-repeat
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-cta__btn::after {
    right: 2rem
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-proven-left-cta__btn {
    padding: 18px 80px 20px 25px;
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-proven-left-cta__btn {
    display: block;
    padding: 20px 47px 20px 0px;
    font-size: 16px
  }
}

.solutions-driven {
  width: 100%;
  margin-top: 109px
}

@media only screen and (max-width: 1279px) {
  .solutions-driven {
    margin-top: 80px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-driven {
    margin-top: 39px
  }
}

.solutions-driven .swiper-pagination-bullet-active {
  background-color: #582362
}

.solutions-driven .swiper-pagination-bullet {
  border-color: #582362
}

@media only screen and (max-width: 979px) {
  .solutions-driven-container {
    width: 90%
  }
}

.solutions-drive-header__title {
  font-size: 38px;
  color: #582362;
  text-align: center;
  line-height: 133%
}

.solutions-drive-header__title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-drive-header__title {
    font-size: 36px;
    max-width: 700px;
    margin: auto;
    line-height: 48px
  }

  .solutions-drive-header__title br.desktop {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-drive-header__title {
    font-size: 25px;
    line-height: 133.1%;
    max-width: 310px
  }

  .solutions-drive-header__title br.mobile {
    display: block
  }
}

.solutions-drive-header__subtitle {
  font-size: 23px;
  font-weight: 700;
  color: #2c99a4;
  line-height: 32px;
  text-align: center;
  margin-top: 16px
}

.solutions-drive-header__subtitle br.desktop {
  display: block
}

.solutions-drive-header__subtitle br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-drive-header__subtitle {
    max-width: 700px;
    margin: auto;
    margin-top: 10px
  }

  .solutions-drive-header__subtitle br.desktop {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-drive-header__subtitle {
    margin-top: 16px;
    font-size: 16px;
    line-height: 140%;
    max-width: 286px
  }

  .solutions-drive-header__subtitle br.mobile {
    display: block
  }
}

.solutions-driven-body--desktop {
  display: block;
  margin-top: 64px
}

.solutions-driven-body--mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body--desktop {
    margin-top: 45px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body--desktop {
    display: none
  }

  .solutions-driven-body--mobile {
    display: block;
    margin-top: 45px;
    position: relative
  }
}

.solutions-driven-body-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 30px;
  position: relative;
  max-width: 1130px;
  margin: 0 auto
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-cards {
    padding: 0;
    gap: 22px 30px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body-cards {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: unset;
    justify-content: unset;
    gap: unset
  }
}

.solutions-driven-body-cards-plus {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: calc(50% + 2px);
  left: 50%;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media(max-width: 1600px) {
  .solutions-driven-body-cards-plus {
    top: calc(51% - 8px);
    left: calc(50% + 2px)
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-cards-plus {
    top: calc(50% - 10px);
    left: calc(50% + 0px)
  }

  .solutions-driven-body-cards-plus .solutions-driven-body-cards-plus__image {
    width: 33%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body-cards-plus {
    display: none
  }
}

.solutions-driven-body-cards-plus__image {
  width: 50%
}

.solutions-driven-body-card {
  position: relative;
  width: 44%;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, .2);
  padding: 40px 19px 75px 33px
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-card {
    width: 48%;
    padding: 40px 14px 68px 14px
  }

  .solutions-driven-body-card .solutions-driven-body-card__text {
    margin-bottom: 21px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    height: auto;
    padding: 31px 17px 84px 17px
  }
}

.solutions-driven-body-card:nth-child(4n+3) {
  padding-top: 28px;
  padding-bottom: 16px
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-card:nth-child(4n+3) {
    padding-top: 28px;
    padding-bottom: 84px
  }

  .solutions-driven-body-card:nth-child(4n+3) .solutions-driven-body-card__text {
    margin-top: 0;
    margin-bottom: 11px
  }

  .solutions-driven-body-card:nth-child(4n+3) .solutions-driven-body-card__subtitle {
    margin-top: 3px
  }
}

.solutions-driven-body-card:nth-child(4n+2) {
  padding-top: 28px;
  padding-bottom: 16px
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-card:nth-child(4n+2) {
    padding-top: 28px;
    padding-bottom: 14px
  }

  .solutions-driven-body-card:nth-child(4n+2) .solutions-driven-body-card__text {
    margin-bottom: 11px;
    margin-top: 0
  }
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body-card:nth-child(4n+2) {
    padding-bottom: 30px
  }
}

.solutions-driven-body-card .swiper-wrapper {
  display: -ms-flexbox;
  display: flex
}

.solutions-driven-body-swiper__pagination.swiper-pagination.swiper-pagination-bullets {
  bottom: -46px
}

.solutions-driven-body-card__title {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  color: #582362;
  margin-bottom: 0;
  max-width: 85%
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-card__title {
    max-width: 95%
  }
}

.solutions-driven-body-card__title br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-card__title {
    font-size: 16px;
    line-height: 23px
  }

  .solutions-driven-body-card__title br.desktop {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body-card__title {
    max-width: 340px;
    line-height: 140%
  }
}

.solutions-driven-body-card__subtitle {
  color: #2c99a4;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  margin-top: 10px;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-card__subtitle {
    font-size: 16px;
    margin-bottom: 0
  }
}

.solutions-driven-body-card-figure {
  margin-bottom: 0;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body-card-figure {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: auto;
    padding-top: 16px
  }
}

.solutions-driven-body-card__text {
  font-size: 16px;
  line-height: 22px;
  color: #4a4a4a;
  margin-top: 5px;
  margin-bottom: 11px
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-card__text {
    margin-top: 2px;
    font-size: 12px;
    line-height: 15px;
    max-width: calc(100% - 35px)
  }

  .solutions-driven-body-card__text br.desktop {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body-card__text {
    margin-bottom: 0 !important;
    margin-top: 1px !important;
    max-width: 100% !important
  }
}

.solutions-driven-body-card-list {
  list-style: none;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding-left: 20px;
  -webkit-column-gap: 36px;
  -moz-column-gap: 36px;
  column-gap: 36px;
  margin-top: 14px;
  margin-bottom: 19px
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-card-list {
    margin-top: 6px;
    padding-left: 20px;
    position: relative;
    bottom: 0px;
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body-card-list {
    -webkit-column-count: initial;
    -moz-column-count: initial;
    column-count: initial;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.solutions-driven-body-card-list__item {
  position: relative;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0;
  width: auto
}

.solutions-driven-body-card-list__item::before {
  content: "";
  background-color: #9dc92e;
  width: 8px;
  height: 8px;
  position: absolute;
  left: -16px;
  top: 4px
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-card-list__item {
    font-size: 12px;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body-card-list__item {
    width: 100%;
    font-size: 12px;
    line-height: 143.1%;
    margin-bottom: 1px
  }
}

.solutions-driven-body-card__separator {
  height: 3px;
  width: 100%;
  background: rgba(74, 74, 74, .15);
  margin: auto;
  margin-bottom: 13px
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body-card__separator {
    position: relative;
    bottom: 8px;
    margin-bottom: -5px
  }
}

.solutions-driven-body-card-figure__image {
  width: 100%
}

.solutions-driven-body-card-figure__image.solutions-driven-body-card-figure__image_mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-card-figure__image {
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body-card-figure__image {
    max-width: 280px
  }

  .solutions-driven-body-card-figure__image:not(.solutions-driven-body-card-figure__image_mobile) {
    display: none
  }

  .solutions-driven-body-card-figure__image.solutions-driven-body-card-figure__image_mobile {
    display: inline-block
  }
}

.solutions-driven-body-card-cta {
  background-color: #2c99a4;
  position: absolute;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 45px;
  width: 45px;
  transition: all .3s
}

.solutions-driven-body-card-cta:hover {
  background-color: #292c49;
  transition: all .3s
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-card-cta {
    height: 34px;
    width: 34px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-driven-body-card-cta {
    height: 35px;
    width: 35px
  }

  .solutions-driven-body-card-cta:hover {
    background-color: #2c99a4
  }
}

.solutions-driven-body-cta__button {
  width: 345px;
  height: 92px;
  background: #2c99a4;
  color: #fff;
  margin: 65px auto 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 25px 90px 25px 25px;
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  transition: all .3s ease;
  font-size: 23px;
  line-height: 140%;
  position: relative
}

.solutions-driven-body-cta__button::after {
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCA1MyAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUxLjk5ODggMTQuODk3TDM1LjQzNTIgMC44Njg1NTVDMzUuMTY1NyAwLjU3OTkyMSAzNC44Mzk0IDAuMzUzNDI4IDM0LjQ3ODEgMC4yMDQwOTRDMzQuMTE2OCAwLjA1NDc2MDEgMzMuNzI4NyAtMC4wMTQwMDMgMzMuMzM5NiAwLjAwMjM2NDEyQzMyLjk1MDUgMC4wMTg3MzEyIDMyLjU2OTIgMC4xMTk4NTUgMzIuMjIxIDAuMjk5MDI5QzMxLjg3MjggMC40NzgyMDQgMzEuNTY1NyAwLjczMTMzNiAzMS4zMiAxLjA0MTY0QzMxLjA3NDMgMS4zNTE5NSAzMC44OTU3IDEuNzEyMzQgMzAuNzk1OSAyLjA5ODkxQzMwLjY5NjIgMi40ODU0OSAzMC42Nzc2IDIuODg5NDIgMzAuNzQxNCAzLjI4MzkzQzMwLjgwNTMgMy42Nzg0NCAzMC45NTAxIDQuMDU0NTEgMzEuMTY2MiA0LjM4NzJDMzEuMzgyMyA0LjcxOTg5IDMxLjY2NDggNS4wMDE2IDMxLjk5NSA1LjIxMzY2TDQyLjY1NjQgMTQuMjQyNUgyLjc0Nzc3QzIuMDE5MDIgMTQuMjQyNSAxLjMyMDExIDE0LjUzOTcgMC44MDQ4MDMgMTUuMDY4OUMwLjI4OTQ5NiAxNS41OTggMCAxNi4zMTU3IDAgMTcuMDY0QzAgMTcuODEyMyAwLjI4OTQ5NiAxOC41Mjk5IDAuODA0ODAzIDE5LjA1OTFDMS4zMjAxMSAxOS41ODgyIDIuMDE5MDIgMTkuODg1NSAyLjc0Nzc3IDE5Ljg4NTVINDIuNjAxNEwzMS45NDAxIDI4LjkxNDNDMzEuNjQxIDI5LjE0MjYgMzEuMzkwMyAyOS40MzA5IDMxLjIwMzIgMjkuNzYxOUMzMS4wMTYxIDMwLjA5MjggMzAuODk2NSAzMC40NTkzIDMwLjg1MTcgMzAuODM5MkMzMC44MDY5IDMxLjIxOTEgMzAuODM3OCAzMS42MDQzIDMwLjk0MjUgMzEuOTcxNkMzMS4wNDczIDMyLjMzODggMzEuMjIzNyAzMi42ODAzIDMxLjQ2MSAzMi45NzUzQzMxLjY5ODMgMzMuMjcwMyAzMS45OTE2IDMzLjUxMjcgMzIuMzIzIDMzLjY4NzdDMzIuNjU0NCAzMy44NjI3IDMzLjAxNyAzMy45NjY2IDMzLjM4ODcgMzMuOTkzMkMzMy43NjA1IDM0LjAxOTggMzQuMTMzNiAzMy45Njg0IDM0LjQ4NTQgMzMuODQyM0MzNC44MzcyIDMzLjcxNjEgMzUuMTYwNCAzMy41MTc4IDM1LjQzNTIgMzMuMjU5NEw1MS45OTg4IDE5LjI1MzRDNTIuMzExOSAxOC45ODg3IDUyLjU2NCAxOC42NTYyIDUyLjczNzEgMTguMjc5NkM1Mi45MTAyIDE3LjkwMyA1MyAxNy40OTE3IDUzIDE3LjA3NTJDNTMgMTYuNjU4OCA1Mi45MTAyIDE2LjI0NzUgNTIuNzM3MSAxNS44NzA5QzUyLjU2NCAxNS40OTQzIDUyLjMxMTkgMTUuMTYxNyA1MS45OTg4IDE0Ljg5N1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center center no-repeat;
  position: absolute;
  right: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 53px;
  height: 34px;
  transition: all .3s ease
}

.solutions-driven-body-cta__button:hover {
  text-decoration: none;
  background: #292c49;
  color: #fff
}

.solutions-driven-body-cta__button:hover::after {
  right: 10px
}

@media only screen and (max-width: 1279px) {
  .solutions-driven-body-cta__button {
    width: 325px;
    height: 67px;
    margin: 47px auto 11px;
    padding: 25px 25px 25px 30px;
    font-size: 24px
  }

  .solutions-driven-body-cta__button::after {
    width: 31px;
    height: 34px;
    right: 27px;
    background-size: contain
  }

  .solutions-driven-body-cta__button:hover {
    background: #582362
  }

  .solutions-driven-body-cta__button:hover::after {
    right: 27px
  }
}

.solutions-driven-body-card-cta__image {
  width: 60%
}

.solutions-obtaining {
  width: 100%;
  margin-top: 170px
}

@media only screen and (max-width: 1279px) {
  .solutions-obtaining {
    margin-top: 76px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining {
    margin-top: 76px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-container {
    width: 90%
  }
}

.solutions-obtaining-header {
  text-align: center;
  margin-bottom: 112px
}

@media only screen and (max-width: 1279px) {
  .solutions-obtaining-header {
    margin-bottom: 84px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-header {
    margin-bottom: 0px
  }
}

.solutions-obtaining-header__title {
  font-size: 38px;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-header__title {
    font-size: 25px;
    line-height: 133.1%
  }
}

.solutions-obtaining-header__title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-header__title br.mobile {
    display: block
  }
}

.solutions-obtaining-header__subtitle {
  font-size: 23px;
  line-height: 32px;
  color: #2c99a4;
  font-weight: 700
}

@media only screen and (max-width: 1279px) {
  .solutions-obtaining-header__subtitle {
    max-width: 720px;
    margin: auto
  }

  .solutions-obtaining-header__subtitle br.desktop {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-header__subtitle {
    font-size: 16px;
    line-height: 140%;
    margin: 0 -10px;
    max-width: none
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-obtaining-header__subtitle br.desktop {
    display: none
  }
}

.solutions-obtaining-header__subtitle br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-header__subtitle br.mobile {
    display: block
  }
}

.solutions-obtaining-body-banner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: linear-gradient(90deg, #FFFFFF 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(255, 255, 255, .18)
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-body-banner {
    -ms-flex-direction: column;
    flex-direction: column;
    background: none
  }
}

.solutions-obtaining-body-banner-content {
  width: 55%;
  padding: 22px 10px 10px 22px
}

@media only screen and (max-width: 1279px) {
  .solutions-obtaining-body-banner-content {
    width: 51%;
    padding: 32px 28px 18px 0px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-body-banner-content {
    width: 100%;
    padding: 10px 10px 24px;
    background: linear-gradient(180deg, #FFFFFF 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(255, 255, 255, .18)
  }
}

.solutions-obtaining-body-banner__figure {
  width: 45%
}

@media only screen and (max-width: 1279px) {
  .solutions-obtaining-body-banner__figure {
    width: 49%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-body-banner__figure {
    width: calc(100% + 30px);
    max-width: 320px;
    margin: 24px -15px 0
  }
}

.solutions-obtaining-body-banner__image {
  margin-top: -7px;
  margin-left: -20px;
  margin-bottom: -50px
}

@media only screen and (max-width: 1279px) {
  .solutions-obtaining-body-banner__image {
    max-width: 100%;
    margin-top: -34px;
    margin-left: -16px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-body-banner__image {
    margin: 0
  }
}

.solutions-obtaining-body-banner__title {
  font-size: 23px;
  color: #582362;
  margin-bottom: 24px
}

.solutions-obtaining-body-banner__title br.tablet {
  display: none
}

.solutions-obtaining-body-banner__title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-obtaining-body-banner__title {
    font-size: 18px;
    line-height: 140%;
    margin: 0 auto 16px;
    text-align: center
  }

  .solutions-obtaining-body-banner__title br.tablet {
    display: block
  }

  .solutions-obtaining-body-banner__title br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-body-banner__title {
    margin: 0 auto 10px
  }

  .solutions-obtaining-body-banner__title br.tablet {
    display: none
  }

  .solutions-obtaining-body-banner__title br.mobile {
    display: block
  }
}

.solutions-obtaining-body-banner-list {
  list-style-type: none;
  padding-left: 22px;
  padding-right: 20px
}

@media only screen and (max-width: 1279px) {
  .solutions-obtaining-body-banner-list {
    padding-left: 40px;
    padding-right: 18px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-body-banner-list {
    max-width: 300px;
    margin: 0 auto;
    width: 100%;
    padding-left: 34px;
    padding-right: 0px
  }
}

.solutions-obtaining-body-banner-list-item {
  margin-bottom: 24px;
  position: relative;
  font-size: 16px;
  line-height: 143.1%;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .solutions-obtaining-body-banner-list-item {
    margin-bottom: 14px
  }
}

.solutions-obtaining-body-banner-list-item:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #9dc92e;
  position: absolute;
  left: -26px;
  top: 7px
}

@media only screen and (max-width: 1279px) {
  .solutions-obtaining-body-banner-list-item:before {
    width: 6px;
    height: 6px;
    left: -20px;
    top: 5px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-body-banner-list-item:before {
    width: 8px;
    height: 8px;
    left: -26px;
    top: 9px
  }
}

.solutions-obtaining-body-banner-list-item strong {
  color: #582362
}

.solutions-obtaining-body-banner-list-item span {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-obtaining-body-banner-list-item span {
    display: inline
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-obtaining-body-banner-list-item br.desktop {
    display: none
  }
}

.solutions-improve {
  width: 100%;
  background-color: #582362;
  margin-top: 120px;
  margin-bottom: 251px
}

@media only screen and (max-width: 1279px) {
  .solutions-improve {
    margin-top: 87px;
    margin-bottom: 178px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-improve {
    margin-top: 34px;
    margin-bottom: 217px
  }
}

.solutions-improve-container {
  position: relative
}

.solutions-improve-container br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-improve-container br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .solutions-improve-container {
    padding-bottom: 187px
  }
}

.solutions-improve-header {
  text-align: center;
  padding-top: 85px;
  padding-bottom: 284px
}

@media only screen and (max-width: 1279px) {
  .solutions-improve-header {
    padding-top: 64px;
    padding-bottom: 205px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-improve-header {
    padding-top: 50px;
    padding-bottom: 50px
  }
}

.solutions-improve-header__title {
  font-size: 38px;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .solutions-improve-header__title {
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-improve-header__title {
    font-size: 25px;
    line-height: 133.1%;
    margin-bottom: 0
  }
}

.solutions-improve-header__subtitle {
  font-size: 23px;
  font-weight: 700;
  color: #2c99a4;
  margin-bottom: 0
}

.solutions-improve-header__subtitle--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-improve-header__subtitle {
    display: none
  }

  .solutions-improve-header__subtitle--mobile {
    display: block;
    font-size: 16px;
    line-height: 23px;
    max-width: 330px;
    margin: auto
  }
}

.solutions-improve-body {
  position: absolute;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .solutions-improve-body {
    position: static
  }
}

.solutions-improve-body-cards {
  display: -ms-flexbox;
  display: flex;
  gap: 57px;
  top: calc(100% - 198px);
  position: absolute
}

@media only screen and (max-width: 1279px) {
  .solutions-improve-body-cards {
    gap: 39px;
    top: calc(100% - 141px)
  }
}

@media only screen and (max-width: 979px) {
  .solutions-improve-body-cards {
    position: static;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px
  }
}

.solutions-improve-body-card {
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  width: calc(33.33% - 38px)
}

@media only screen and (max-width: 1279px) {
  .solutions-improve-body-card {
    width: calc(33.33% - 26px)
  }
}

@media only screen and (max-width: 979px) {
  .solutions-improve-body-card {
    width: 100%;
    max-width: 296px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-improve-body-card:last-child {
    position: absolute;
    top: calc(100% - 155px)
  }
}

.solutions-improve-body-card-header {
  text-align: center;
  padding: 34px 37px 36px;
  height: 198px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

@media only screen and (max-width: 1279px) {
  .solutions-improve-body-card-header {
    height: 141px;
    padding: 17px 8px 4px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-improve-body-card-header {
    height: 155px;
    padding: 20px 20px 25px 20px
  }
}

.solutions-improve-body-card__title {
  font-size: 26px;
  font-weight: 700;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .solutions-improve-body-card__title {
    font-size: 22px;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .solutions-improve-body-card__title {
    font-size: 23px
  }
}

.solutions-improve-body-card__text {
  font-size: 23px;
  line-height: 32px;
  color: #4a4a4a;
  margin: auto
}

.solutions-improve-body-card__text br.tablet {
  display: none
}

.solutions-improve-body-card__text br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-improve-body-card__text {
    font-size: 20px;
    line-height: 140%;
    margin-top: 0
  }

  .solutions-improve-body-card__text br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .solutions-improve-body-card__text {
    margin-top: 7px
  }

  .solutions-improve-body-card__text br.tablet {
    display: none
  }

  .solutions-improve-body-card__text br.mobile {
    display: block
  }
}

.solutions-improve-body-card-body {
  height: 251px
}

@media only screen and (max-width: 1279px) {
  .solutions-improve-body-card-body {
    height: 178px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-improve-body-card-body {
    height: 217px
  }
}

.solutions-improve-body-card__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.solutions-agile {
  width: 100%;
  margin-top: 132px;
  margin-bottom: 240px
}

@media only screen and (max-width: 1279px) {
  .solutions-agile {
    margin-top: 82px;
    margin-bottom: 142px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile {
    margin-top: 16px;
    margin-bottom: 134px
  }
}

.solutions-agile-container-header {
  text-align: center
}

.solutions-agile-container-header__title {
  font-size: 38px;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-container-header__title {
    font-size: 36px;
    line-height: 133%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile-container-header__title {
    display: none
  }
}

.solutions-agile-container-body {
  margin-top: 38px
}

.solutions-agile-container-body-content {
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0px 0px 10px 0px #00000033
}

@media only screen and (max-width: 979px) {
  .solutions-agile-container-body-content {
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 296px;
    margin: auto;
    padding-bottom: 36px
  }
}

.solutions-agile-container-body-content-left {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 62px 40px
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-container-body-content-left {
    padding: 24px 16px 10px 24px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile-container-body-content-left {
    padding: 33px 19px 42px
  }
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-container-body-content-left-figure {
    width: 71%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile-container-body-content-left-figure {
    width: 231px;
    margin-left: 15px;
    margin-bottom: 17px
  }
}

.solutions-agile-container-body-content-left-figure__image {
  width: 100%
}

.solutions-agile-container-body-content-left__text {
  font-size: 16px;
  line-height: 23px;
  color: #4a4a4a;
  margin-top: 26px
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-container-body-content-left__text {
    margin-top: 0
  }
}

.solutions-agile-container-body-content-left__cta {
  background-color: #2c99a4;
  transition: all .3s;
  padding: 18px 78px 19px 27px;
  font-size: 25px;
  text-decoration: none;
  position: relative;
  color: #fff;
  margin-top: 38px
}

.solutions-agile-container-body-content-left__cta:hover {
  background-color: #292c49;
  transition: .3s ease;
  text-decoration: none;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-container-body-content-left__cta:hover {
    background-color: #2c99a4
  }
}

.solutions-agile-container-body-content-left__cta:hover::after {
  right: 10px
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-container-body-content-left__cta:hover::after {
    right: 16px
  }
}

.solutions-agile-container-body-content-left__cta::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 54px;
  height: 54px;
  background-image: url(/wp-content/themes/prodege_theme/img/arrow-white.svg);
  transition: all .3s;
  pointer-events: none;
  -webkit-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
  right: 16px
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-container-body-content-left__cta {
    width: 85%;
    font-size: 20px;
    margin-top: 16px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile-container-body-content-left__cta {
    width: 90%;
    margin: auto;
    font-size: 25px;
    margin-top: 25px;
    padding: 10px 33px 10px 22px
  }
}

.solutions-agile-container-body-content-right {
  width: 801px
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-container-body-content-right {
    width: 63%
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile-container-body-content-right {
    width: 100%
  }
}

.solutions-agile-container-body-content-right__image {
  width: 100%
}

.solutions-agile-container-body-content-right__image--desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-container-body-content-right__image--desktop {
    display: none
  }
}

.solutions-agile-container-body-content-right__image--tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-agile-container-body-content-right__image--tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .solutions-agile-container-body-content-right__image--tablet {
    display: none
  }
}

.solutions-agile-container-body-content-right__image--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-agile-container-body-content-right__image--mobile {
    display: block
  }
}

.solutions-understand {
  width: 100%;
  margin-top: 122px
}

@media only screen and (max-width: 1279px) {
  .solutions-understand {
    margin-top: 93px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-understand {
    margin-top: 50px;
    margin-bottom: 56px
  }
}

.solutions-understand-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.solutions-understand-header {
  text-align: center
}

.solutions-understand-header__title {
  font-size: 38px;
  line-height: 50px;
  color: #582362;
  margin-bottom: 12px
}

.solutions-understand-header__title br.desktop {
  display: block
}

.solutions-understand-header__title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-understand-header__title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 2px
  }

  .solutions-understand-header__title br.desktop {
    display: none
  }

  .solutions-understand-header__title br.mobile {
    display: block
  }
}

.solutions-understand-header__subtitle {
  font-size: 23px;
  line-height: 32px;
  font-weight: 700;
  color: #2c99a4
}

.solutions-understand-header__subtitle br.desktop {
  display: block
}

.solutions-understand-header__subtitle br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .solutions-understand-header__subtitle {
    font-size: 16px;
    line-height: 23px
  }

  .solutions-understand-header__subtitle br.desktop {
    display: none
  }

  .solutions-understand-header__subtitle br.mobile {
    display: block
  }
}

.solutions-understand-body {
  display: -ms-flexbox;
  display: flex;
  margin: 50px auto 0;
  -webkit-transform: translateX(-12px);
  transform: translateX(-12px);
  max-width: 100%
}

@media only screen and (max-width: 979px) {
  .solutions-understand-body {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 34px;
    -webkit-transform: none;
    transform: none
  }
}

.solutions-understand-body-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.solutions-understand-body-item:first-child {
  margin-right: 70px
}

@media only screen and (max-width: 1279px) {
  .solutions-understand-body-item:first-child {
    margin-right: 62px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-understand-body-item:first-child {
    margin-right: 0
  }
}

.solutions-understand-body-item:last-child {
  margin-left: 90px
}

@media only screen and (max-width: 1279px) {
  .solutions-understand-body-item:last-child {
    margin-left: 60px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-understand-body-item:last-child {
    margin-left: 0
  }
}

.solutions-understand-body-item__title {
  font-size: 18px;
  font-weight: 700;
  color: #582362;
  margin-bottom: 28px
}

@media only screen and (max-width: 1279px) {
  .solutions-understand-body-item__title {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 32px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-understand-body-item__title {
    font-size: 16px;
    margin-bottom: 6px
  }
}

.solutions-understand-body-item__figure {
  position: relative
}

@media only screen and (max-width: 979px) {
  .solutions-understand-body-item__figure {
    margin: 10px -20px 0;
    width: calc(100% + 40px);
    text-align: center
  }
}

.solutions-understand-body-item__left-image {
  -webkit-transform: translate(10px, -17px);
  transform: translate(10px, -17px)
}

@media only screen and (max-width: 1279px) {
  .solutions-understand-body-item__left-image {
    width: 288px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-understand-body-item__left-image {
    -webkit-transform: none;
    transform: none;
    width: 100%;
    max-width: 264px
  }
}

.solutions-understand-body-item__right-image {
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

@media only screen and (max-width: 1279px) {
  .solutions-understand-body-item__right-image {
    width: 364px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-understand-body-item__right-image {
    width: 100%;
    max-width: 436px
  }
}

.solutions-understand-body-separator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px
}

@media only screen and (max-width: 979px) {
  .solutions-understand-body-separator {
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 22px;
    margin-bottom: 42px
  }
}

.solutions-understand-body-separator__line {
  width: 4px;
  height: 150px;
  background-color: rgba(74, 74, 74, .1)
}

@media only screen and (max-width: 979px) {
  .solutions-understand-body-separator__line {
    height: 4px;
    width: 150px
  }
}

.solutions-understand-body-separator__word {
  font-size: 28px;
  font-weight: 700;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .solutions-understand-body-separator__word {
    font-size: 22px;
    line-height: 140%
  }
}

.solutions-understand-body-item__cta {
  font-size: 25px;
  line-height: 30px;
  margin-top: 36px
}

.solutions-understand-body-item__cta--mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .solutions-understand-body-item__cta {
    font-size: 22px;
    line-height: 27px;
    margin-top: 24px
  }
}

@media only screen and (max-width: 979px) {
  .solutions-understand-body-item__cta {
    display: none;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px
  }

  .solutions-understand-body-item__cta--mobile {
    display: block
  }
}

body.page-template-page-basic-slim-header-template .legal__article a {
  color: #0888ca;
  text-decoration: underline
}

body.page-template-page-basic-slim-header-template .legal__article a:hover {
  text-decoration: none
}

.section.news-room .news-room__article a {
  color: #2c99a4
}

.section.news-room .news-room__article a:hover {
  color: #2f868f
}

.video-wrapper .activator {
  background-color: #582362
}

.video-wrapper a:hover .activator {
  background-color: #2c99a4
}

@media only screen and (max-width: 991px) {
  .video-wrapper a:hover .activator {
    background-color: #582362
  }
}

.legal__country-dropdown-button {
  color: #fff
}

.legal__country-dropdown-button:hover {
  background-color: #2c99a4
}

.legal__country-dropdown-item--active a:hover,
.legal__country-dropdown-item--active a {
  color: #2c99a4
}

.legal__article a,
.legal__article a:hover {
  color: #2c99a4
}

.legal__contents-anchor-link p {
  pointer-events: none
}

.box-caption {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.33;
  text-align: center;
  color: #582362;
  margin-bottom: 17px
}

@media only screen and (max-width: 767px) {
  .box-caption {
    font-size: 25px
  }
}

.sub-caption {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 767px) {
  .sub-caption {
    font-size: 16px
  }
}

.data-description-cont {
  position: relative
}

.data-description-cont .omni-item {
  padding: 0 30px
}

@media only screen and (max-width: 767px) {
  .data-description-cont .omni-item p {
    margin-bottom: 0
  }
}

.data-description-cont .next,
.data-description-cont .prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
  height: 19px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEgMThMMC45OTk5OTcgOS41TDExIDEiIHN0cm9rZT0iIzlEQzkyRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) center center no-repeat
}

.data-description-cont .next {
  left: auto;
  right: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMC45OTk5OTggMUwxMSA5LjVMMSAxOCIgc3Ryb2tlPSIjOURDOTJFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) center center no-repeat
}

.data-and-insights-page .page-header__title {
  font-weight: 300;
  font-size: 55px;
  line-height: 125%
}

@media only screen and (max-width: 1279px) {
  .data-and-insights-page .page-header__title {
    font-size: 48px;
    line-height: 125%;
    width: 90%
  }
}

@media only screen and (max-width: 979px) {
  .data-and-insights-page .page-header__title {
    font-size: 25px;
    line-height: 133.1%;
    width: auto
  }
}

.data-and-insights-page .page-header__description {
  font-size: 32px;
  line-height: 130.9%
}

@media only screen and (max-width: 1279px) {
  .data-and-insights-page .page-header__description {
    font-size: 26px;
    line-height: 110.9%
  }
}

@media only screen and (max-width: 979px) {
  .data-and-insights-page .page-header__description {
    font-size: 16px;
    line-height: 143.1%;
    margin-top: 22px
  }
}

.data-and-insights-page .br-mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .data-and-insights-page .br-mobile {
    display: block
  }
}

#mobile-solution-box {
  padding: 84px 0 0;
  width: 100%;
  position: relative;
  z-index: 2
}

@media only screen and (max-width: 991px) {
  #mobile-solution-box {
    padding: 100px 0 0
  }
}

@media only screen and (max-width: 979px) {
  #mobile-solution-box {
    padding: 58px 0 0
  }
}

#mobile-solution-box .box-caption {
  padding: 0 150px
}

@media only screen and (max-width: 1279px) {
  #mobile-solution-box .box-caption {
    padding: 0 110px
  }
}

@media only screen and (max-width: 979px) {
  #mobile-solution-box .box-caption {
    padding: 0;
    margin: 0 -2px 15px;
    width: calc(100% + 4px)
  }
}

#mobile-solution-box .sub-caption {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 72px
}

@media only screen and (max-width: 1279px) {
  #mobile-solution-box .sub-caption {
    max-width: 780px;
    margin-bottom: 58px
  }
}

@media only screen and (max-width: 979px) {
  #mobile-solution-box .sub-caption {
    margin-bottom: 22px
  }

  #mobile-solution-box .sub-caption br {
    display: none
  }
}

@media only screen and (max-width: 767px) {
  #mobile-solution-box .content-wrapper {
    padding: 0 33px
  }
}

#mobile-solution-box .mobile-solution-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 120px
}

@media only screen and (max-width: 1279px) {
  #mobile-solution-box .mobile-solution-items {
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 56px
  }
}

#mobile-solution-box .mobile-solution-items .ms-item {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .15);
  width: 267px;
  margin: 0 14px;
  overflow: hidden;
  position: relative;
  min-height: 270px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  transition: height .3s ease
}

@media only screen and (max-width: 1023px) {
  #mobile-solution-box .mobile-solution-items .ms-item {
    transition: all .3s ease
  }
}

#mobile-solution-box .mobile-solution-items .ms-item .activator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  font-size: 0;
  border: none;
  background: none;
  cursor: pointer
}

#mobile-solution-box .mobile-solution-items .ms-item .wrap {
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 1279px) {
  #mobile-solution-box .mobile-solution-items .ms-item .wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: 0 0 8px rgba(0, 0, 0, .4)
  }
}

#mobile-solution-box .mobile-solution-items .ms-item .info {
  padding: 28px;
  min-width: 50%;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  #mobile-solution-box .mobile-solution-items .ms-item .info {
    padding: 20px 40px;
    position: relative;
    z-index: 10;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }
}

#mobile-solution-box .mobile-solution-items .ms-item .info p {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 143.1%;
  color: #4a4a4a
}

#mobile-solution-box .mobile-solution-items .ms-item .info p.caption {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 133%;
  color: #2c99a4;
  margin-bottom: 10px
}

#mobile-solution-box .mobile-solution-items .ms-item .info p.caption.straight {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end
}

@media only screen and (max-width: 1279px) {
  #mobile-solution-box .mobile-solution-items .ms-item .info p {
    font-size: 14px
  }

  #mobile-solution-box .mobile-solution-items .ms-item .info p.caption {
    font-size: 23px
  }
}

@media only screen and (max-width: 767px) {
  #mobile-solution-box .mobile-solution-items .ms-item .info p {
    white-space: normal
  }
}

@media only screen and (max-width: 1279px) {
  #mobile-solution-box .mobile-solution-items .ms-item .info .info-description {
    display: none
  }
}

#mobile-solution-box .mobile-solution-items .ms-item .wrap-img {
  min-width: 0;
  width: 50%;
  max-width: 0;
  overflow: hidden;
  transition: max-width .2s ease, min-width .2s ease;
  max-height: 0
}

@media only screen and (max-width: 1279px) {
  #mobile-solution-box .mobile-solution-items .ms-item .wrap-img {
    width: 100%;
    max-width: 100% !important
  }
}

#mobile-solution-box .mobile-solution-items .ms-item .wrap-img img {
  display: block;
  margin: 0;
  padding: 0;
  width: 290px;
  height: auto
}

#mobile-solution-box .mobile-solution-items .ms-item .wrap-img .desktop-img {
  margin: -3px
}

@media only screen and (max-width: 1279px) {
  #mobile-solution-box .mobile-solution-items .ms-item .wrap-img .desktop-img {
    display: none
  }
}

#mobile-solution-box .mobile-solution-items .ms-item .wrap-img .mobile-img {
  display: none
}

@media only screen and (max-width: 1279px) {
  #mobile-solution-box .mobile-solution-items .ms-item .wrap-img .mobile-img {
    display: block;
    width: 100%
  }
}

#mobile-solution-box .mobile-solution-items .ms-item .mobile-description {
  display: none;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  color: #4a4a4a;
  padding-top: 20px;
  white-space: normal;
  padding-bottom: 45px;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  #mobile-solution-box .mobile-solution-items .ms-item .mobile-description {
    display: block;
    font-size: 15px;
    margin: 0 -5px
  }
}

@media only screen and (max-width: 979px) {
  #mobile-solution-box .mobile-solution-items .ms-item .mobile-description {
    margin: 0
  }
}

#mobile-solution-box .mobile-solution-items .ms-item.active {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background: #582362;
  box-shadow: 0 0 30px rgba(0, 0, 0, .15);
  width: 562px;
  height: auto !important
}

#mobile-solution-box .mobile-solution-items .ms-item.active .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start
}

#mobile-solution-box .mobile-solution-items .ms-item.active .info p {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.6;
  color: #fff
}

#mobile-solution-box .mobile-solution-items .ms-item.active .info p.caption {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 38px;
  line-height: 1.13;
  color: #fff
}

#mobile-solution-box .mobile-solution-items .ms-item.active .info p.caption.straight {
  height: auto !important
}

#mobile-solution-box .mobile-solution-items .ms-item.active .wrap-img {
  display: block;
  min-width: 50%;
  max-width: 50%;
  margin: 0;
  max-height: 1000px
}

@media only screen and (max-width: 1279px) {

  #mobile-solution-box .mobile-solution-items .ms-item.active,
  #mobile-solution-box .mobile-solution-items .ms-item.ms-item {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    height: auto !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 244px;
    width: 244px;
    box-shadow: none;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: transparent;
    overflow: visible
  }
}

@media only screen and (max-width: 1279px) {

  #mobile-solution-box .mobile-solution-items .ms-item.active .info,
  #mobile-solution-box .mobile-solution-items .ms-item.ms-item .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 84px;
    background: #582362
  }
}

@media only screen and (max-width: 1279px) {

  #mobile-solution-box .mobile-solution-items .ms-item.active .info p,
  #mobile-solution-box .mobile-solution-items .ms-item.ms-item .info p {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.6;
    color: #fff
  }
}

@media only screen and (max-width: 1279px) {

  #mobile-solution-box .mobile-solution-items .ms-item.active .info p.caption,
  #mobile-solution-box .mobile-solution-items .ms-item.ms-item .info p.caption {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-size: 38px;
    line-height: 1.13;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
    line-height: 133%;
    margin: 0
  }
}

@media only screen and (max-width: 1279px) {

  #mobile-solution-box .mobile-solution-items .ms-item.active .info p.caption.straight,
  #mobile-solution-box .mobile-solution-items .ms-item.ms-item .info p.caption.straight {
    height: auto !important
  }
}

@media only screen and (max-width: 1279px) {

  #mobile-solution-box .mobile-solution-items .ms-item.active .wrap-img,
  #mobile-solution-box .mobile-solution-items .ms-item.ms-item .wrap-img {
    display: block;
    min-width: 50%;
    max-width: 50%;
    margin: 0;
    max-height: 1000px
  }
}

@media only screen and (max-width: 767px) {
  #mobile-solution-box .mobile-solution-items .ms-item[data-title=In-Home] .info p.caption {
    white-space: nowrap
  }
}

#mobile-solution-box .mobile-solution-items .ms-item[data-title=In-Home] .wrap-img {
  position: relative
}

#mobile-solution-box .mobile-solution-items .ms-item[data-title=In-Home] .wrap-img:after {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

@media only screen and (max-width: 767px) {
  #mobile-solution-box .mobile-solution-items .ms-item[data-title=In-Home] .wrap-img:after {
    background-position: center 20px
  }
}

#mobile-solution-box .mobile-solution-items .ms-item.dummy {
  display: none
}

@media only screen and (max-width: 767px) {
  #mobile-solution-box .mobile-solution-items .ms-item.dummy {
    width: 1px;
    min-width: 1px;
    display: block;
    opacity: 0;
    height: 1px;
    margin: 0 !important
  }
}

#mobile-solution-box .mobile-solution-slider-items {
  padding-bottom: 80px
}

#mobile-solution-box .mobile-solution-slider-items .ms-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 244px;
  margin: 0 14px
}

#mobile-solution-box .mobile-solution-slider-items .wrap {
  box-shadow: 0 0 8px rgba(0, 0, 0, .4)
}

#mobile-solution-box .mobile-solution-slider-items .info {
  height: 84px;
  font-weight: bold;
  font-size: 23px;
  line-height: 104%;
  color: #fff;
  background: #582362;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

#mobile-solution-box .mobile-solution-slider-items .caption {
  margin: 0;
  padding: 16px 30px
}

#mobile-solution-box .mobile-solution-slider-items .info-description {
  display: none
}

#mobile-solution-box .mobile-solution-slider-items .wrap-img {
  width: 100%;
  margin: 0
}

#mobile-solution-box .mobile-solution-slider-items .desktop-img {
  display: none
}

#mobile-solution-box .mobile-solution-slider-items .mobile-img {
  display: block;
  width: 100%
}

#mobile-solution-box .mobile-solution-slider-items .mobile-description {
  padding-top: 20px;
  font-weight: 300;
  font-size: 15px;
  line-height: 143.1%;
  color: #4a4a4a;
  text-align: center;
  margin: 0 -5px;
  width: calc(100% + 10px)
}

#mobile-solution-box .mobile-solution-slider-items .activator {
  display: none
}

#mobile-solution-box .mobile-solution-slider {
  display: none
}

@media only screen and (max-width: 979px) {
  #mobile-solution-box .mobile-solution-slider {
    display: -ms-flexbox;
    display: flex;
    padding: 0 45px 60px
  }
}

#mobile-solution-box .mobile-solution-no-slider {
  height: auto !important
}

@media only screen and (max-width: 979px) {
  #mobile-solution-box .mobile-solution-no-slider {
    display: none
  }
}

#research-solutions-box {
  padding: 86px 0;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(239, 233, 231, 0.44) 51.71%, #FFFFFF 78.18%), rgba(239, 233, 231, .18);
  width: 100%
}

@media only screen and (max-width: 1279px) {
  #research-solutions-box {
    padding: 38px 0
  }
}

@media only screen and (max-width: 979px) {
  #research-solutions-box {
    padding: 20px 0 42px
  }
}

@media only screen and (max-width: 1279px) {
  #research-solutions-box .content-wrapper {
    width: calc(100% - 200px);
    margin-left: 100px;
    margin-right: 100px
  }
}

@media only screen and (max-width: 979px) {
  #research-solutions-box .content-wrapper {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px
  }
}

#research-solutions-box .box-caption {
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  #research-solutions-box .box-caption {
    max-width: 850px;
    margin: 0 auto 20px
  }
}

#research-solutions-box .sub-caption {
  padding: 0;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 72px;
  font-size: 23px;
  line-height: 32.2px
}

@media only screen and (max-width: 1279px) {
  #research-solutions-box .sub-caption {
    margin-bottom: 48px
  }
}

@media only screen and (max-width: 979px) {
  #research-solutions-box .sub-caption {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 143.1%
  }
}

#research-solutions-box p {
  padding: 0
}

#research-solutions-box .content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center
}

#research-solutions-box .content-wrapper .column {
  position: relative;
  text-align: center
}

#research-solutions-box .content-wrapper .column.col-half {
  width: 100%;
  min-width: 100%;
  text-align: center
}

#research-solutions-box .check-out-demo {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  margin-bottom: 34px;
  font-size: 36px;
  line-height: 110.9%;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  #research-solutions-box .check-out-demo {
    font-size: 25px;
    line-height: 133.1%;
    margin: 0 18px 30px
  }
}

#research-solutions-box .cases-wrapper {
  position: static;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 1004px;
  margin: 0 auto 32px
}

@media only screen and (max-width: 1279px) {
  #research-solutions-box .cases-wrapper {
    display: none
  }
}

#research-solutions-box .cases-wrapper.cases-slider {
  display: none
}

@media only screen and (max-width: 1279px) {
  #research-solutions-box .cases-wrapper.cases-slider {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 0;
    margin-bottom: 56px
  }
}

@media only screen and (max-width: 979px) {
  #research-solutions-box .cases-wrapper.cases-slider {
    overflow: visible;
    margin-bottom: 26px
  }
}

#research-solutions-box .cases-wrapper.cases-slider .swiper-wrapper {
  margin: 8px 0
}

#research-solutions-box .cases-wrapper.cases-slider .swiper-slide {
  padding: 40px 14px 0;
  width: 33.33%
}

@media only screen and (max-width: 979px) {
  #research-solutions-box .cases-wrapper.cases-slider .swiper-slide {
    width: 274px
  }
}

#research-solutions-box .cases-wrapper.cases-slider .case-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 48px 16px 36px;
  background-color: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
  height: 100%
}

#research-solutions-box .cases-wrapper.cases-slider .case-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, -35px, 0);
  transform: translate3d(-50%, -35px, 0);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
  z-index: 0
}

#research-solutions-box .cases-wrapper.cases-slider .case-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

#research-solutions-box .cases-wrapper.cases-slider .figure {
  position: absolute;
  top: -16px;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

#research-solutions-box .cases-wrapper.cases-slider .title {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

#research-solutions-box .cases-wrapper .swiper-slide {
  height: auto;
  width: auto
}

#research-solutions-box .cases-wrapper .case-item {
  text-align: center;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

#research-solutions-box .cases-wrapper .case-item .figure {
  display: block;
  height: 43px;
  margin: 0 auto 20px
}

#research-solutions-box .cases-wrapper .case-item img {
  display: block;
  margin: 0 auto 20px
}

#research-solutions-box .cases-wrapper .case-item .title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #4a4a4a;
  display: block;
  margin: 0;
  padding: 0
}

@media only screen and (max-width: 1279px) {
  #research-solutions-box .cases-wrapper .case-item .title {
    text-align: center
  }
}

#research-solutions-box .try-demo-now {
  width: 294px;
  height: 92px;
  background: #582362;
  color: #fff;
  margin: 0 auto 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 25px 90px 25px 25px;
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  transition: all .3s ease;
  font-size: 23px;
  line-height: 140%;
  position: relative
}

@media only screen and (max-width: 979px) {
  #research-solutions-box .try-demo-now {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 25px 35px;
    width: 100vw;
    height: 134px;
    margin: 0 -30px 0
  }
}

#research-solutions-box .try-demo-now:after {
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCA1MyAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUxLjk5ODggMTQuODk3TDM1LjQzNTIgMC44Njg1NTVDMzUuMTY1NyAwLjU3OTkyMSAzNC44Mzk0IDAuMzUzNDI4IDM0LjQ3ODEgMC4yMDQwOTRDMzQuMTE2OCAwLjA1NDc2MDEgMzMuNzI4NyAtMC4wMTQwMDMgMzMuMzM5NiAwLjAwMjM2NDEyQzMyLjk1MDUgMC4wMTg3MzEyIDMyLjU2OTIgMC4xMTk4NTUgMzIuMjIxIDAuMjk5MDI5QzMxLjg3MjggMC40NzgyMDQgMzEuNTY1NyAwLjczMTMzNiAzMS4zMiAxLjA0MTY0QzMxLjA3NDMgMS4zNTE5NSAzMC44OTU3IDEuNzEyMzQgMzAuNzk1OSAyLjA5ODkxQzMwLjY5NjIgMi40ODU0OSAzMC42Nzc2IDIuODg5NDIgMzAuNzQxNCAzLjI4MzkzQzMwLjgwNTMgMy42Nzg0NCAzMC45NTAxIDQuMDU0NTEgMzEuMTY2MiA0LjM4NzJDMzEuMzgyMyA0LjcxOTg5IDMxLjY2NDggNS4wMDE2IDMxLjk5NSA1LjIxMzY2TDQyLjY1NjQgMTQuMjQyNUgyLjc0Nzc3QzIuMDE5MDIgMTQuMjQyNSAxLjMyMDExIDE0LjUzOTcgMC44MDQ4MDMgMTUuMDY4OUMwLjI4OTQ5NiAxNS41OTggMCAxNi4zMTU3IDAgMTcuMDY0QzAgMTcuODEyMyAwLjI4OTQ5NiAxOC41Mjk5IDAuODA0ODAzIDE5LjA1OTFDMS4zMjAxMSAxOS41ODgyIDIuMDE5MDIgMTkuODg1NSAyLjc0Nzc3IDE5Ljg4NTVINDIuNjAxNEwzMS45NDAxIDI4LjkxNDNDMzEuNjQxIDI5LjE0MjYgMzEuMzkwMyAyOS40MzA5IDMxLjIwMzIgMjkuNzYxOUMzMS4wMTYxIDMwLjA5MjggMzAuODk2NSAzMC40NTkzIDMwLjg1MTcgMzAuODM5MkMzMC44MDY5IDMxLjIxOTEgMzAuODM3OCAzMS42MDQzIDMwLjk0MjUgMzEuOTcxNkMzMS4wNDczIDMyLjMzODggMzEuMjIzNyAzMi42ODAzIDMxLjQ2MSAzMi45NzUzQzMxLjY5ODMgMzMuMjcwMyAzMS45OTE2IDMzLjUxMjcgMzIuMzIzIDMzLjY4NzdDMzIuNjU0NCAzMy44NjI3IDMzLjAxNyAzMy45NjY2IDMzLjM4ODcgMzMuOTkzMkMzMy43NjA1IDM0LjAxOTggMzQuMTMzNiAzMy45Njg0IDM0LjQ4NTQgMzMuODQyM0MzNC44MzcyIDMzLjcxNjEgMzUuMTYwNCAzMy41MTc4IDM1LjQzNTIgMzMuMjU5NEw1MS45OTg4IDE5LjI1MzRDNTIuMzExOSAxOC45ODg3IDUyLjU2NCAxOC42NTYyIDUyLjczNzEgMTguMjc5NkM1Mi45MTAyIDE3LjkwMyA1MyAxNy40OTE3IDUzIDE3LjA3NTJDNTMgMTYuNjU4OCA1Mi45MTAyIDE2LjI0NzUgNTIuNzM3MSAxNS44NzA5QzUyLjU2NCAxNS40OTQzIDUyLjMxMTkgMTUuMTYxNyA1MS45OTg4IDE0Ljg5N1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center center no-repeat;
  position: absolute;
  right: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 53px;
  height: 34px;
  transition: all .3s ease
}

@media only screen and (max-width: 979px) {
  #research-solutions-box .try-demo-now:after {
    background-color: #9dc92e;
    width: 86px;
    height: 86px;
    top: calc(100% - 19px);
    left: calc(50% - 14px);
    -webkit-transform: scale(0.65) translate3d(-50%, -50%, 0);
    transform: scale(0.65) translate3d(-50%, -50%, 0)
  }
}

#research-solutions-box .try-demo-now:hover {
  text-decoration: none;
  background: #9dc92e
}

#research-solutions-box .try-demo-now:hover:after {
  right: 10px
}

@media only screen and (max-width: 1279px) {
  #research-solutions-box .try-demo-now:hover {
    background: #582362
  }

  #research-solutions-box .try-demo-now:hover:after {
    right: 22px
  }
}

#research-solutions-box .swiper-button-next-unique,
#research-solutions-box .swiper-button-prev-unique {
  display: none
}

@media only screen and (max-width: 1279px) {

  #research-solutions-box .swiper-button-next-unique,
  #research-solutions-box .swiper-button-prev-unique {
    display: block;
    top: 44%
  }
}

@media only screen and (max-width: 979px) {

  #research-solutions-box .swiper-button-next-unique,
  #research-solutions-box .swiper-button-prev-unique {
    display: none
  }
}

#research-solutions-box .swiper-button-next-unique.swiper-button-disabled,
#research-solutions-box .swiper-button-prev-unique.swiper-button-disabled {
  display: none
}

#research-solutions-box .swiper-button-prev-unique {
  left: -24px
}

#research-solutions-box .swiper-button-next-unique {
  right: -24px
}

.research-solutions-pushing {
  z-index: 51
}

.research-solutions-pushing .solutions-pushing__container {
  padding: 0;
  position: relative;
  z-index: 52
}

@media only screen and (max-width: 1279px) {
  .research-solutions-pushing .solutions-pushing__container {
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media only screen and (max-width: 979px) {
  .research-solutions-pushing .solutions-pushing__container {
    width: 100%
  }
}

.research-solutions-pushing .solutions-pushing__container .solutions-pushing__description {
  position: relative;
  margin-top: 0;
  z-index: 2;
  font-size: 16px;
  line-height: 1.43;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .research-solutions-pushing .solutions-pushing__container .solutions-pushing__description {
    max-width: 386px
  }
}

@media only screen and (max-width: 979px) {
  .research-solutions-pushing .solutions-pushing__container .solutions-pushing__description {
    max-width: 311px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px
  }
}

.research-solutions-pushing .solutions-pushing__container .solutions-pushing__button {
  font-weight: 300;
  font-size: 25px;
  line-height: 1.2;
  margin-top: 10px;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .research-solutions-pushing .solutions-pushing__container .solutions-pushing__button {
    font-size: 22px;
    padding: 7px 0
  }
}

@media only screen and (max-width: 979px) {
  .research-solutions-pushing .solutions-pushing__container .solutions-pushing__button {
    font-size: 18px;
    margin-top: 20px
  }
}

.affiliations-box {
  width: 100%;
  padding: 0 0 100px
}

@media only screen and (max-width: 1279px) {
  .affiliations-box {
    padding-bottom: 88px
  }
}

@media only screen and (max-width: 979px) {
  .affiliations-box {
    padding-bottom: 20px
  }
}

.affiliations-box__caption {
  margin-bottom: 54px
}

@media only screen and (max-width: 1279px) {
  .affiliations-box__caption {
    margin-bottom: 46px
  }
}

@media only screen and (max-width: 979px) {
  .affiliations-box__caption {
    margin-bottom: 20px;
    padding: 0 24px
  }
}

.affiliations-box__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .affiliations-box__wrapper {
    max-width: 400px;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media only screen and (max-width: 480px) {
  .affiliations-box__wrapper {
    max-width: 264px
  }
}

.affiliations-box__item {
  padding: 0 20px;
  margin-bottom: 18px
}

@media only screen and (max-width: 979px) {
  .affiliations-box__item {
    width: 50%;
    margin-bottom: 20px
  }
}

@media only screen and (max-width: 480px) {
  .affiliations-box__item {
    padding: 0 10px
  }
}

.affiliations-box__item:nth-last-of-type(-n+3) {
  padding: 0 35px
}

@media only screen and (max-width: 979px) {
  .affiliations-box__item:nth-last-of-type(-n+3) {
    padding: 0 20px
  }
}

@media only screen and (max-width: 480px) {
  .affiliations-box__item:nth-last-of-type(-n+3) {
    padding: 0 10px
  }
}

.affiliations-box__image {
  display: block;
  height: auto;
  max-width: 169px;
  max-height: 100px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 979px) {
  .affiliations-box__image {
    max-width: 120px;
    max-height: 74px
  }
}

@media only screen and (max-width: 480px) {
  .affiliations-box__image {
    max-width: 100%
  }
}

#map-pulse-box {
  padding: 150px 0 0;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  #map-pulse-box {
    padding: 90px 0 0
  }
}

@media only screen and (max-width: 979px) {
  #map-pulse-box {
    padding: 43px 0 0
  }
}

#map-pulse-box .content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 990px
}

@media only screen and (max-width: 1279px) {
  #map-pulse-box .content-wrapper {
    width: calc(100% - 200px);
    margin-left: 100px;
    margin-right: 100px
  }
}

@media only screen and (max-width: 979px) {
  #map-pulse-box .content-wrapper {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px
  }
}

#map-pulse-box .col-left {
  width: 305px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 979px) {
  #map-pulse-box .col-left {
    width: 100%
  }
}

#map-pulse-box .col-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% - 305px)
}

@media only screen and (max-width: 979px) {
  #map-pulse-box .col-right {
    width: 100%
  }
}

#map-pulse-box .box-caption {
  margin-bottom: 14px;
  text-align: left
}

@media only screen and (max-width: 979px) {
  #map-pulse-box .box-caption {
    text-align: center
  }
}

#map-pulse-box .sub-caption {
  color: #444;
  text-align: left
}

@media only screen and (max-width: 979px) {
  #map-pulse-box .sub-caption {
    text-align: center;
    margin-bottom: 30px
  }
}

#map-pulse-box .map__container {
  width: 112%
}

@media only screen and (max-width: 1279px) {
  #map-pulse-box .map__container {
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  #map-pulse-box .map__container {
    margin: 0 -19px;
    width: calc(100% + 38px)
  }
}

#map-pulse-box .map__image {
  width: 100%
}

#more-details-box {
  padding: 120px 0 100px;
  width: 100%;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(239, 233, 231, 0.44) 51.71%, #FFFFFF 78.18%), rgba(239, 233, 231, .18);
  position: relative
}

@media only screen and (max-width: 979px) {
  #more-details-box {
    padding: 38px 0 15px;
    background: transparent
  }
}

#more-details-box:after {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(239, 233, 231, 0.44) 51.71%, #FFFFFF 78.18%), rgba(239, 233, 231, .18);
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
  width: 100%;
  height: 712px;
  display: none;
  z-index: -1;
  left: 0;
  top: auto;
  bottom: -245px
}

@media only screen and (max-width: 979px) {
  #more-details-box:after {
    display: block
  }
}

#more-details-box .content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 990px
}

@media only screen and (max-width: 1279px) {
  #more-details-box .content-wrapper {
    width: calc(100% - 200px);
    margin-left: 100px;
    margin-right: 100px
  }
}

@media only screen and (max-width: 979px) {
  #more-details-box .content-wrapper {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px
  }
}

#more-details-box .col-left {
  width: calc(100% - 380px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 44px
}

@media only screen and (max-width: 1279px) {
  #more-details-box .col-left {
    padding-right: 20px
  }
}

@media only screen and (max-width: 979px) {
  #more-details-box .col-left {
    width: 100%
  }
}

#more-details-box .col-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 380px
}

@media only screen and (max-width: 979px) {
  #more-details-box .col-right {
    width: 100%
  }
}

#more-details-box .description {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  #more-details-box .description {
    font-size: 18px
  }
}

@media only screen and (max-width: 979px) {
  #more-details-box .description {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px
  }
}

#more-details-box .more-details-button {
  width: 380px;
  height: 74px;
  background: #582362;
  color: #fff;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0 100px 0 24px;
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  transition: all .3s ease
}

@media only screen and (max-width: 979px) {
  #more-details-box .more-details-button {
    width: 100%;
    max-width: 380px;
    height: 58px;
    font-size: 16px;
    padding-left: 20px;
    padding: 0 56px 0 20px
  }
}

#more-details-box .more-details-button:last-child {
  margin-bottom: 0
}

#more-details-box .more-details-button:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 22px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 27px;
  height: 29px;
  transition: all .3s ease;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyOCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjE3ODYgMjguNzAwOEwyMS4wODI4IDIxLjU1MDhDMjEuMjE3OSAyMS40MDMyIDIxLjMyMTcgMjEuMjI5NiAyMS4zODc3IDIxLjA0MDZDMjEuNDUzNyAyMC44NTE3IDIxLjQ4MDYgMjAuNjUxMiAyMS40NjY3IDIwLjQ1MTVDMjEuNDUyOCAyMC4yNTE4IDIxLjM5ODQgMjAuMDU3IDIxLjMwNjggMTkuODc5QzIxLjIxNTMgMTkuNzAxIDIxLjA4ODUgMTkuNTQzNSAyMC45MzQyIDE5LjQxNkMyMC43Nzk4IDE5LjI4ODUgMjAuNjAxMiAxOS4xOTM4IDIwLjQwOTEgMTkuMTM3NUMyMC4yMTcgMTkuMDgxMiAyMC4wMTU0IDE5LjA2NDYgMTkuODE2NyAxOS4wODg3QzE5LjYxOCAxOS4xMTI4IDE5LjQyNjIgMTkuMTc3IDE5LjI1MzEgMTkuMjc3NUMxOS4wOCAxOS4zNzggMTguOTI5MSAxOS41MTI3IDE4LjgwOTcgMTkuNjczM0wxNS41MTUyIDIzLjY1MjdMMTUuNTE1MiA3LjIzOTIyQzE1LjUxNTIgNi44NDc3NSAxNS4zNTk2IDYuNDcyMzEgMTUuMDgyOCA2LjE5NTVDMTQuODA2IDUuOTE4NjkgMTQuNDMwNiA1Ljc2MzE4IDE0LjAzOTEgNS43NjMxOEMxMy42NDc3IDUuNzYzMTggMTMuMjcyMiA1LjkxODY5IDEyLjk5NTQgNi4xOTU1QzEyLjcxODYgNi40NzIzMSAxMi41NjMxIDYuODQ3NzUgMTIuNTYzMSA3LjIzOTIyTDEyLjU2MzEgMjMuNjUyN0w5LjI4MDM5IDE5LjY3MzNDOS4wMzE0MiAxOS4zNzExIDguNjcyNTkgMTkuMTgwMiA4LjI4Mjg0IDE5LjE0MjVDNy44OTMwOSAxOS4xMDQ5IDcuNTA0MzUgMTkuMjIzNiA3LjIwMjEzIDE5LjQ3MjZDNi44OTk5MiAxOS43MjE2IDYuNzA4OTkgMjAuMDgwNCA2LjY3MTM0IDIwLjQ3MDFDNi42MzM3IDIwLjg1OTkgNi43NTI0MiAyMS4yNDg2IDcuMDAxNCAyMS41NTA4TDEyLjkwNTUgMjguNzAwOEMxMy4wNDUyIDI4Ljg2NzEgMTMuMjE5NiAyOS4wMDA4IDEzLjQxNjQgMjkuMDkyNkMxMy42MTMzIDI5LjE4NDQgMTMuODI3OCAyOS4yMzE5IDE0LjA0NSAyOS4yMzE5QzE0LjI2MjIgMjkuMjMxOSAxNC40NzY4IDI5LjE4NDQgMTQuNjczNiAyOS4wOTI2QzE0Ljg3MDUgMjkuMDAwOCAxNS4wNDQ5IDI4Ljg2NzEgMTUuMTg0NSAyOC43MDA4TDE1LjE3ODYgMjguNzAwOFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02LjYwNTIzIDI0LjA3ODNMMy43ODMwNiAyNC4wNzgzTDMuNzgzMDYgMy41NjczTDI0LjI5NCAzLjU2NzNMMjQuMjk0IDI0LjA3ODNMMjEuNDM2NCAyNC4wNzgzTDIxLjQzNjQgMjcuMDMwM0wyNy4yNDYxIDI3LjAzMDNMMjcuMjQ2MSAwLjYxNTIzNEwwLjgzMDk5IDAuNjE1MjMzTDAuODMwOTg5IDI3LjAzMDNMNi42MDUyMyAyNy4wMzAzTDYuNjA1MjMgMjQuMDc4M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center center no-repeat
}

#more-details-box .more-details-button:hover {
  background-color: #9dc92e;
  text-decoration: none
}

#more-details-box .more-details-button:hover:after {
  top: calc(50% - 4px)
}

@media only screen and (max-width: 1279px) {
  #more-details-box .more-details-button:hover {
    background-color: #582362
  }

  #more-details-box .more-details-button:hover:after {
    top: 50%
  }
}

#quality-data-box {
  width: 100%
}

@media only screen and (max-width: 1279px) {
  #quality-data-box {
    padding-top: 40px
  }
}

@media only screen and (max-width: 979px) {
  #quality-data-box {
    padding-top: 5px
  }
}

#quality-data-box .content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 990px
}

@media only screen and (max-width: 1279px) {
  #quality-data-box .content-wrapper {
    width: calc(100% - 236px);
    margin-left: 118px;
    margin-right: 118px;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

@media only screen and (max-width: 979px) {
  #quality-data-box .content-wrapper {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px
  }
}

#quality-data-box .col-left {
  width: 586px;
  padding-right: 56px
}

@media only screen and (max-width: 1279px) {
  #quality-data-box .col-left {
    width: 100%;
    padding-right: 0;
    position: relative
  }
}

#quality-data-box .quality-data-list {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -34px
}

@media only screen and (max-width: 1279px) {
  #quality-data-box .quality-data-list {
    margin-left: 0
  }
}

#quality-data-box .quality-data-slider {
  display: none
}

@media only screen and (max-width: 1279px) {
  #quality-data-box .quality-data-slider {
    display: block;
    overflow: hidden;
    padding-top: 100px;
    position: relative
  }
}

@media only screen and (max-width: 979px) {
  #quality-data-box .quality-data-slider {
    overflow: visible;
    padding-top: 60px;
    padding-left: 22px;
    padding-right: 22px
  }
}

@media only screen and (max-width: 1279px) {
  #quality-data-box .quality-data-list {
    display: none
  }
}

#quality-data-box .quality-data-wrapper {
  display: -ms-flexbox;
  display: flex
}

#quality-data-box .quality-data-slide {
  width: 33.33%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative
}

@media only screen and (max-width: 979px) {
  #quality-data-box .quality-data-slide {
    width: 244px
  }
}

#quality-data-box .quality-data-figure {
  width: 50%;
  height: 122px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media only screen and (max-width: 1279px) {
  #quality-data-box .quality-data-figure {
    width: calc(100% - 14px);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
    background-color: #fff;
    height: auto;
    min-height: 160px;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px;
    margin-bottom: 16px;
    position: relative
  }

  #quality-data-box .quality-data-figure:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%, -35px, 0);
    transform: translate3d(-50%, -35px, 0);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
    z-index: 0
  }

  #quality-data-box .quality-data-figure:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

#quality-data-box .quality-data-image {
  margin-bottom: 16px;
  z-index: 2;
  max-width: 100%
}

@media only screen and (max-width: 1279px) {
  #quality-data-box .quality-data-image {
    margin: 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
  }
}

#quality-data-box .quality-data-description {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #582362;
  z-index: 2
}

@media only screen and (max-width: 1279px) {
  #quality-data-box .quality-data-description {
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

#quality-data-box .swiper-button-prev-unique,
#quality-data-box .swiper-button-next-unique {
  display: none
}

@media only screen and (max-width: 1279px) {

  #quality-data-box .swiper-button-prev-unique,
  #quality-data-box .swiper-button-next-unique {
    display: block
  }
}

@media only screen and (max-width: 979px) {

  #quality-data-box .swiper-button-prev-unique,
  #quality-data-box .swiper-button-next-unique {
    display: none
  }
}

#quality-data-box .swiper-button-prev-unique {
  left: -40px
}

#quality-data-box .swiper-button-next-unique {
  right: -40px
}

#quality-data-box .col-right {
  width: calc(100% - 586px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  #quality-data-box .col-right {
    width: 100%
  }
}

#quality-data-box .box-caption {
  text-align: left
}

@media only screen and (max-width: 1279px) {
  #quality-data-box .box-caption {
    text-align: center;
    max-width: 460px
  }
}

@media only screen and (max-width: 767px) {
  #quality-data-box .box-caption {
    max-width: 320px
  }
}

#quality-data-box .sub-caption {
  text-align: left
}

@media only screen and (max-width: 1279px) {
  #quality-data-box .sub-caption {
    text-align: center
  }
}

#oc-video-box .swiper-button-prev-unique,
#oc-video-box .swiper-button-next-unique {
  display: none
}

.team-supporting-section {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 120px
}

@media only screen and (max-width: 1279px) {
  .team-supporting-section {
    padding-top: 58px;
    padding-bottom: 100px
  }
}

@media only screen and (max-width: 979px) {
  .team-supporting-section {
    padding-top: 30px;
    padding-bottom: 60px
  }
}

.team-supporting-section .content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 990px;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 1279px) {
  .team-supporting-section .content-wrapper {
    width: calc(100% - 236px);
    margin-left: 118px;
    margin-right: 118px
  }
}

@media only screen and (max-width: 979px) {
  .team-supporting-section .content-wrapper {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
    position: relative
  }
}

.team-supporting-section .col-left {
  width: calc(100% - 308px);
  padding-right: 108px;
  padding-left: 36px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .team-supporting-section .col-left {
    width: calc(100% - 210px);
    padding-right: 40px;
    padding-left: 0
  }
}

@media only screen and (max-width: 979px) {
  .team-supporting-section .col-left {
    width: 100%;
    padding-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .team-supporting-section .team-supporting-caption-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.team-supporting-section .team-supporting-photo-mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .team-supporting-section .team-supporting-photo-mobile {
    display: inline-block;
    width: 66px;
    height: 66px;
    -o-object-fit: cover;
    object-fit: cover
  }
}

.team-supporting-section .box-caption {
  text-align: left;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .team-supporting-section .box-caption {
    min-height: 60px;
    padding-left: 20px;
    font-size: 25px;
    line-height: 133.1%;
    margin-bottom: 0;
    margin-right: -4px
  }
}

.team-supporting-section .box-caption br {
  display: none
}

@media only screen and (max-width: 979px) {
  .team-supporting-section .box-caption br {
    display: block
  }
}

.team-supporting-section .sub-caption {
  text-align: left
}

@media only screen and (max-width: 979px) {
  .team-supporting-section .sub-caption {
    padding-top: 16px;
    text-align: center;
    width: 102%
  }
}

.team-supporting-section .sub-caption b {
  font-weight: 700;
  font-size: 18px;
  color: #582362
}

.team-supporting-section .team-supporting-button-wrapper {
  margin-left: -16px;
  margin-top: 16px
}

@media only screen and (max-width: 979px) {
  .team-supporting-section .team-supporting-button-wrapper {
    margin-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.team-supporting-section .team-supporting-button-wrapper .button {
  font-weight: 300;
  font-size: 25px;
  line-height: 30px
}

@media only screen and (max-width: 1279px) {
  .team-supporting-section .team-supporting-button-wrapper .button {
    font-size: 22px;
    line-height: 27px
  }
}

@media only screen and (max-width: 979px) {
  .team-supporting-section .team-supporting-button-wrapper .button {
    font-size: 16px;
    line-height: 20px
  }
}

.team-supporting-section .col-right {
  width: 270px;
  padding: 0;
  -ms-flex: none;
  flex: none
}

@media only screen and (max-width: 1279px) {
  .team-supporting-section .col-right {
    width: 210px
  }
}

@media only screen and (max-width: 979px) {
  .team-supporting-section .col-right {
    display: none
  }
}

.team-supporting-section .col-right .about-leadership__leader-box {
  padding: 0;
  opacity: 1;
  width: 100%
}

.team-supporting-section .col-right .about-leadership__name {
  font-size: 24px;
  line-height: 140%
}

@media only screen and (max-width: 1279px) {
  .team-supporting-section .col-right .about-leadership__name {
    font-size: 16px;
    line-height: 140%
  }
}

.team-supporting-section .col-right .about-leadership__role {
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 18px
}

@media only screen and (max-width: 1279px) {
  .team-supporting-section .col-right .about-leadership__role {
    font-size: 16px;
    line-height: 140%;
    padding: 0 6px
  }
}

#easy-implement-box {
  width: 100%;
  padding-top: 0;
  padding-bottom: 48px
}

@media only screen and (max-width: 1279px) {
  #easy-implement-box {
    padding-top: 44px;
    padding-bottom: 30px
  }
}

@media only screen and (max-width: 979px) {
  #easy-implement-box {
    padding-top: 32px;
    padding-bottom: 25px
  }
}

#easy-implement-box .content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 990px
}

@media only screen and (max-width: 1279px) {
  #easy-implement-box .content-wrapper {
    width: calc(100% - 200px);
    margin-left: 100px;
    margin-right: 100px
  }
}

@media only screen and (max-width: 979px) {
  #easy-implement-box .content-wrapper {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px
  }
}

#easy-implement-box .col-left {
  width: calc(100% - 658px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1279px) {
  #easy-implement-box .col-left {
    width: 100%
  }
}

#easy-implement-box .box-caption {
  text-align: left
}

@media only screen and (max-width: 1279px) {
  #easy-implement-box .box-caption {
    text-align: center
  }
}

#easy-implement-box .sub-caption {
  text-align: left
}

@media only screen and (max-width: 1279px) {
  #easy-implement-box .sub-caption {
    text-align: center
  }
}

#easy-implement-box .col-right {
  width: 658px
}

@media only screen and (max-width: 1279px) {
  #easy-implement-box .col-right {
    width: 100%
  }
}

#easy-implement-box .easy-implement-figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 99%
}

@media only screen and (max-width: 1279px) {
  #easy-implement-box .easy-implement-figure {
    margin: 0 auto -12px;
    max-width: 700px;
    width: auto;
    overflow: hidden
  }
}

@media only screen and (max-width: 979px) {
  #easy-implement-box .easy-implement-figure {
    overflow: visible;
    -ms-flex-align: center;
    align-items: center
  }
}

#easy-implement-box .easy-implement-img {
  width: 100%;
  margin-right: -85px;
  -o-object-fit: contain;
  object-fit: contain
}

@media only screen and (max-width: 1279px) {
  #easy-implement-box .easy-implement-img {
    margin-top: -22px;
    margin-bottom: -30px;
    margin-right: 0
  }
}

@media only screen and (max-width: 979px) {
  #easy-implement-box .easy-implement-img {
    margin: 0;
    width: calc(100% + 50px)
  }
}

#prodeges-tag-box {
  width: 100%;
  padding-top: 0;
  padding-bottom: 60px;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(239, 233, 231, 0.44) 51.71%, #FFFFFF 78.18%), rgba(239, 233, 231, .18)
}

@media only screen and (max-width: 1279px) {
  #prodeges-tag-box {
    padding-top: 30px;
    padding-bottom: 42px
  }
}

@media only screen and (max-width: 979px) {
  #prodeges-tag-box {
    padding-top: 0;
    padding-bottom: 30px
  }
}

#prodeges-tag-box .content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 990px
}

@media only screen and (max-width: 1279px) {
  #prodeges-tag-box .content-wrapper {
    width: calc(100% - 200px);
    margin-left: 100px;
    margin-right: 100px;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

@media only screen and (max-width: 979px) {
  #prodeges-tag-box .content-wrapper {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px
  }
}

#prodeges-tag-box .col-left {
  width: 590px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1279px) {
  #prodeges-tag-box .col-left {
    width: 100%;
    margin-top: 44px
  }
}

@media only screen and (max-width: 1279px) {
  #prodeges-tag-box .col-left {
    margin-top: 20px
  }
}

@media only screen and (max-width: 979px) {
  #prodeges-tag-box .col-left {
    -ms-flex-align: center;
    align-items: center
  }
}

#prodeges-tag-box .prodeges-tag-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 460px;
  margin-left: -17px
}

@media only screen and (max-width: 1279px) {
  #prodeges-tag-box .prodeges-tag-icons {
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  #prodeges-tag-box .prodeges-tag-icons {
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -14px;
    margin-right: -14px;
    width: calc(100% + 28px);
    max-width: 256px
  }
}

#prodeges-tag-box .prodeges-tag-figure {
  width: 118px;
  height: 118px;
  background-color: #fff;
  overflow: hidden;
  margin: 17px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

#prodeges-tag-box .prodeges-tag-figure picture {
  text-align: center
}

@media only screen and (max-width: 979px) {
  #prodeges-tag-box .prodeges-tag-figure {
    width: 64px;
    height: 64px;
    margin: 9px
  }
}

#prodeges-tag-box .prodeges-tag-image {
  width: 90%
}

#prodeges-tag-box .prodeges-tag-icons-mark {
  font-weight: 300;
  font-size: 13px;
  line-height: 143.1%;
  margin: 18px 0 0 0
}

@media only screen and (max-width: 1279px) {
  #prodeges-tag-box .prodeges-tag-icons-mark {
    margin-left: auto;
    margin-right: auto;
    width: 426px
  }
}

@media only screen and (max-width: 979px) {
  #prodeges-tag-box .prodeges-tag-icons-mark {
    text-align: center;
    width: auto
  }
}

#prodeges-tag-box .col-right {
  width: calc(100% - 590px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 1279px) {
  #prodeges-tag-box .col-right {
    width: 100%
  }
}

#prodeges-tag-box .box-caption {
  text-align: left;
  margin-right: -79px
}

@media only screen and (max-width: 1279px) {
  #prodeges-tag-box .box-caption {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px
  }
}

@media only screen and (max-width: 1279px) {
  #prodeges-tag-box .box-caption br {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  #prodeges-tag-box .box-caption br {
    display: block
  }
}

#prodeges-tag-box .sub-caption {
  text-align: left
}

@media only screen and (max-width: 1279px) {
  #prodeges-tag-box .sub-caption {
    text-align: center
  }
}

.qualitative-research {
  width: 100%;
  padding: 0 0 100px
}

@media only screen and (max-width: 1279px) {
  .qualitative-research {
    padding-bottom: 88px
  }
}

@media only screen and (max-width: 979px) {
  .qualitative-research {
    padding-bottom: 20px
  }
}

@media only screen and (max-width: 1279px) {
  .qualitative-research .content-wrapper {
    width: calc(100% - 200px);
    margin-left: 100px;
    margin-right: 100px
  }
}

@media only screen and (max-width: 979px) {
  .qualitative-research .content-wrapper {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px
  }
}

.qualitative-research__title {
  margin-bottom: 54px;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .qualitative-research__title {
    margin-bottom: 46px
  }
}

@media only screen and (max-width: 979px) {
  .qualitative-research__title {
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 133.1%
  }
}

.qualitative-research__description {
  margin-bottom: 54px;
  font-size: 23px;
  line-height: 32.2px;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .qualitative-research__description {
    margin-bottom: 46px
  }
}

@media only screen and (max-width: 979px) {
  .qualitative-research__description {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 143.1%
  }
}

.qualitative-research__subhead {
  font-weight: 700;
  font-size: 18px;
  color: #582362;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .qualitative-research__subhead {
    font-size: 18px;
    line-height: 25.2px
  }
}

.qualitative-research-cards__wrapper {
  max-width: 990px;
  width: 100%;
  margin: auto;
  position: relative;
  margin-top: 72px
}

@media only screen and (max-width: 979px) {
  .qualitative-research-cards__wrapper {
    margin-top: 20px;
    width: calc(100% + 60px);
    margin-left: -30px
  }
}

.qualitative-research-cards__wrapper .swiper-button-prev-unique,
.qualitative-research-cards__wrapper .swiper-button-next-unique {
  display: block;
  opacity: 1;
  cursor: pointer;
  top: 48%
}

.qualitative-research-cards__wrapper .swiper-button-prev-unique {
  left: -40px
}

.qualitative-research-cards__wrapper .swiper-button-next-unique {
  right: -40px
}

.qualitative-research-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden
}

@media only screen and (max-width: 979px) {
  .qualitative-research-cards {
    overflow: initial
  }
}

.qualitative-research-card {
  width: calc(33.33% - 30px);
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  margin: 0 15px
}

@media only screen and (max-width: 979px) {
  .qualitative-research-card {
    width: 244px
  }
}

.qualitative-research-card:before {
  content: "";
  height: 34px;
  width: 100%;
  background-color: #9dc92e;
  display: block
}

.qualitative-research-card__caption {
  height: 123px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #4a4a4a;
  padding: 0 10px
}

@media only screen and (max-width: 979px) {
  .qualitative-research-card__caption {
    height: 117px;
    font-size: 16px;
    padding: 0 24px
  }
}

.qualitative-research-card__image {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 157px;
  margin-left: auto;
  margin-right: auto;
  -o-object-fit: cover;
  object-fit: cover
}

@media only screen and (max-width: 979px) {
  .qualitative-research-card__image {
    max-height: 125px
  }
}

.video-content {
  width: 100%
}

.video-content.video-content-blue {
  position: relative
}

.video-content.video-content-blue:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 75%;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-blue:before {
    height: 81%;
    background: linear-gradient(95.02deg, #2B99A4 66.47%, #57BDC2 97.85%), #2c99a4
  }
}

.video-content.video-content-blue .video-content-colored-bg {
  background: linear-gradient(95.02deg, #2B99A4 66.47%, #57BDC2 97.85%), #2c99a4
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-blue .video-content-colored-bg {
    background: transparent
  }
}

.video-content.video-content-blue .video-content-card:before {
  background: linear-gradient(180deg, #582362 0%, #582362 50%, white 50%, white 100%)
}

.video-content.video-content-blue .video-content-card:after {
  background: #582362
}

.video-content.video-content-purple {
  position: relative
}

.video-content.video-content-purple:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 75%;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-purple:before {
    background: linear-gradient(101.49deg, #582362 22.56%, #883C96 100%)
  }
}

.video-content.video-content-purple .video-content-colored-bg {
  background: linear-gradient(101.49deg, #582362 22.56%, #883C96 100%)
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-purple .video-content-colored-bg {
    background: transparent
  }
}

.video-content.video-content-purple .sub-caption {
  font-size: 23px;
  line-height: 140%
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-purple .sub-caption {
    font-size: 16px;
    line-height: 143.1%
  }
}

.video-content.video-content-purple .video-content-card:before {
  background: linear-gradient(180deg, #2C99A4 0%, #2C99A4 50%, white 50%, white 100%)
}

.video-content.video-content-purple .video-content-card:after {
  background: #2c99a4
}

.video-content.video-content-white-blue {
  position: relative
}

.video-content.video-content-white-blue:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: linear-gradient(95.02deg, #2B99A4 66.47%, #57BDC2 97.85%), #2c99a4;
  height: 37%;
  width: 100%;
  z-index: -1
}

@media only screen and (max-width: 1279px) {
  .video-content.video-content-white-blue:before {
    height: 31%;
    top: 51%
  }
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-white-blue:before {
    height: 43%;
    top: 37%
  }
}

.video-content.video-content-white-blue.high-bg:before {
  top: 40%;
  height: 48%
}

@media only screen and (max-width: 1279px) {
  .video-content.video-content-white-blue.high-bg:before {
    top: 34%;
    height: 53%
  }
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-white-blue.high-bg:before {
    top: 25%;
    height: 62%
  }
}

.video-content.video-content-white-blue .video-content-colored-bg {
  padding-bottom: 320px
}

@media only screen and (max-width: 1279px) {
  .video-content.video-content-white-blue .video-content-colored-bg {
    padding-bottom: 166px
  }
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-white-blue .video-content-colored-bg {
    padding-bottom: 10%
  }
}

.video-content.video-content-white-blue .box-caption {
  color: #582362;
  font-weight: 300
}

.video-content.video-content-white-blue .sub-caption {
  color: #4a4a4a;
  font-size: 23px;
  line-height: 140%
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-white-blue .sub-caption {
    font-size: 16px;
    line-height: 143.1%;
    margin: 16px auto 20px
  }
}

.video-content.video-content-white-blue .video-content-placeholder-figure {
  width: 688px;
  bottom: -190px;
  -webkit-filter: none;
  filter: none
}

@media only screen and (max-width: 1279px) {
  .video-content.video-content-white-blue .video-content-placeholder-figure {
    width: 540px
  }
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-white-blue .video-content-placeholder-figure {
    width: calc(100% + 60px)
  }
}

.video-content.video-content-white-blue .video-content-placeholder-img-first-additional {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate3d(-56%, 16%, 0);
  transform: translate3d(-56%, 16%, 0)
}

@media only screen and (max-width: 1279px) {
  .video-content.video-content-white-blue .video-content-placeholder-img-first-additional {
    width: 314px;
    -webkit-transform: translate3d(-46%, 9%, 0);
    transform: translate3d(-46%, 9%, 0)
  }
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-white-blue .video-content-placeholder-img-first-additional {
    width: 54%;
    -webkit-transform: translate3d(4%, 26%, 0);
    transform: translate3d(4%, 26%, 0)
  }
}

.video-content.video-content-white-blue .video-content-placeholder-img-second-additional {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translate3d(68%, 16%, 0);
  transform: translate3d(68%, 16%, 0)
}

@media only screen and (max-width: 1279px) {
  .video-content.video-content-white-blue .video-content-placeholder-img-second-additional {
    -webkit-transform: translate3d(63%, 5%, 0);
    transform: translate3d(63%, 5%, 0);
    width: 220px
  }
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-white-blue .video-content-placeholder-img-second-additional {
    width: 38%;
    -webkit-transform: translate3d(-10%, 29%, 0);
    transform: translate3d(-10%, 29%, 0)
  }
}

.video-content.video-content-white-blue .video-content-placeholder-button-text,
.video-content.video-content-white-blue .video-content-placeholder-button {
  top: 40%
}

@media only screen and (max-width: 1279px) {

  .video-content.video-content-white-blue .video-content-placeholder-button-text,
  .video-content.video-content-white-blue .video-content-placeholder-button {
    top: 42%
  }
}

@media only screen and (max-width: 979px) {
  .video-content.video-content-white-blue .video-content-cards {
    padding-top: 46px
  }
}

.video-content.video-content-white-blue .video-content-card:before {
  background: linear-gradient(180deg, #582362 0%, #582362 50%, white 50%, white 100%)
}

.video-content.video-content-white-blue .video-content-card:after {
  background: #582362
}

.video-content.desktop-slider .video-content-cards-no-slider {
  display: none
}

.video-content.desktop-slider .video-content-cards-slider {
  display: -ms-flexbox;
  display: flex
}

.video-content.desktop-slider .swiper-button-next-unique,
.video-content.desktop-slider .swiper-button-prev-unique {
  display: block
}

.video-content.desktop-slider .swiper-button-next-unique.swiper-button-disabled,
.video-content.desktop-slider .swiper-button-prev-unique.swiper-button-disabled {
  display: none
}

.video-content .video-content-colored-bg {
  padding-top: 90px;
  padding-bottom: 220px;
  margin-bottom: 220px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .video-content .video-content-colored-bg {
    padding-bottom: 185px;
    margin-bottom: 185px
  }
}

@media only screen and (max-width: 979px) {
  .video-content .video-content-colored-bg {
    padding-top: 65px;
    padding-bottom: 0;
    margin-bottom: 0
  }
}

.video-content .video-content-no-bg .box-caption {
  max-width: 1150px;
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #f9f9f9;
  padding-top: 36px
}

@media only screen and (max-width: 1279px) {
  .video-content .video-content-no-bg .box-caption {
    font-size: 36px;
    max-width: 834px
  }
}

@media only screen and (max-width: 979px) {
  .video-content .video-content-no-bg .box-caption {
    font-size: 25px;
    margin-left: 30px;
    margin-right: 30px;
    max-width: calc(100% - 60px)
  }
}

.video-content .video-content-no-bg .sub-caption {
  max-width: 1150px;
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #f9f9f9;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .video-content .video-content-no-bg .sub-caption {
    max-width: 834px
  }
}

@media only screen and (max-width: 979px) {
  .video-content .video-content-no-bg .sub-caption {
    font-size: 16px;
    margin-left: 30px;
    margin-right: 30px;
    max-width: calc(100% - 60px)
  }
}

.video-content .video-content-no-bg .content-wrapper {
  position: relative
}

.video-content .content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 990px
}

@media only screen and (max-width: 1279px) {
  .video-content .content-wrapper {
    width: calc(100% - 236px);
    margin-left: 118px;
    margin-right: 118px
  }
}

@media only screen and (max-width: 979px) {
  .video-content .content-wrapper {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px
  }
}

.video-content .box-caption {
  color: #fff;
  font-weight: bold;
  max-width: 808px;
  margin: 0 auto;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .video-content .box-caption {
    width: auto;
    max-width: none
  }
}

.video-content .sub-caption {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  max-width: 778px;
  margin: 18px auto 60px;
  width: 100%;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .video-content .sub-caption {
    max-width: 654px
  }
}

@media only screen and (max-width: 979px) {
  .video-content .sub-caption {
    margin: 12px auto 32px
  }
}

.video-content .video-content-placeholder-wrapper {
  margin: 0 auto
}

.video-content .video-content-placeholder-figure {
  width: 778px;
  position: absolute;
  left: 50%;
  bottom: -220px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

@media only screen and (max-width: 1279px) {
  .video-content .video-content-placeholder-figure {
    width: 662px;
    bottom: -185px
  }
}

@media only screen and (max-width: 979px) {
  .video-content .video-content-placeholder-figure {
    position: static;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: calc(100% + 60px);
    margin: 0 -30px
  }
}

.video-content .video-content-placeholder-img {
  width: 100%
}

.video-content .video-content-placeholder-button {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 214px;
  height: 214px;
  background: rgba(74, 74, 74, .75);
  color: #fff;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all .3s;
  cursor: pointer
}

.video-content .video-content-placeholder-button:hover {
  width: 250px;
  height: 250px
}

@media only screen and (max-width: 979px) {
  .video-content .video-content-placeholder-button {
    width: 140px;
    height: 140px
  }

  .video-content .video-content-placeholder-button:hover {
    width: 160px;
    height: 160px
  }
}

.video-content .video-content-placeholder-button > * {
  pointer-events: none
}

.video-content .video-content-placeholder-button-text {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  color: #fff
}

@media only screen and (max-width: 979px) {
  .video-content .video-content-placeholder-button-text {
    width: 100px
  }
}

.video-content .video-content-placeholder-button-text:before {
  content: "";
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA0OCA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ1LjgzNzUgMjQuNjExOUw2LjI1NDEyIDAuNTgzMTA1TDYuMjUwMjIgMC41ODcyMDNDNC45NjEwNyAtMC4xOTUwNDkgMy4zNzUxMiAtMC4xOTUwNTEgMi4wODU5NyAwLjU4MzEwNUMwLjc5NjgyOSAxLjM2NTM2IDAuMDAzOTAwMTQgMi44MDI5MiAwIDQuMzYzMzZWNTIuNDIxQzAuMDAzOTA3MTQgNTMuOTgxNCAwLjc5NjkwOSA1NS40MTkgMi4wODU5NyA1Ni4yMDEyQzMuMzc1MTIgNTYuOTc5NCA0Ljk2MTA3IDU2Ljk3OTQgNi4yNTAyMiA1Ni4xOTcxTDQ1LjgzMzYgMzIuMTY4M0w0NS44Mzc1IDMyLjE3MjRDNDcuMTIyNyAzMS4zOTAyIDQ3LjkxMTggMjkuOTQ4NSA0Ny45MTE4IDI4LjM5MjJDNDcuOTExOCAyNi44MzU4IDQ3LjEyMjcgMjUuMzk0MiA0NS44Mzc1IDI0LjYxMTlaIiBmaWxsPSIjRjlGOUY5Ii8+Cjwvc3ZnPgo=) center center no-repeat;
  width: 48px;
  height: 57px;
  margin-bottom: 14px;
  margin-top: 24px
}

@media only screen and (max-width: 979px) {
  .video-content .video-content-placeholder-button-text:before {
    margin-bottom: 0;
    margin-top: 10px;
    -webkit-transform: scale(0.65);
    transform: scale(0.65)
  }
}

.video-content .video-content-cards {
  margin: 0 -14px 50px;
  padding: 100px 0 10px;
  width: calc(100% + 28px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden
}

@media only screen and (max-width: 1279px) {
  .video-content .video-content-cards {
    padding-top: 86px;
    margin-bottom: 50px
  }
}

@media only screen and (max-width: 979px) {
  .video-content .video-content-cards {
    width: 100%;
    overflow: visible;
    padding-top: 60px;
    padding: 60px 0 10px;
    margin-bottom: 30px;
    margin: 0 0 30px
  }
}

.video-content .swiper-button-next-unique,
.video-content .swiper-button-prev-unique {
  display: none;
  top: 54%
}

.video-content .swiper-button-next-unique {
  right: -40px
}

.video-content .swiper-button-prev-unique {
  left: -40px
}

@media only screen and (max-width: 979px) {
  .video-content .video-content-cards-no-slider {
    display: none
  }
}

.video-content .video-content-cards-slider {
  display: none
}

@media only screen and (max-width: 979px) {
  .video-content .video-content-cards-slider {
    display: block
  }
}

.video-content .video-content-cards-slider-show {
  display: block !important
}

.video-content .video-content-cards-slider-show ~ .swiper-button-next-unique,
.video-content .video-content-cards-slider-show ~ .swiper-button-prev-unique {
  display: block;
  opacity: 1;
  cursor: pointer
}

@media only screen and (max-width: 979px) {

  .video-content .video-content-cards-slider-show ~ .swiper-button-next-unique,
  .video-content .video-content-cards-slider-show ~ .swiper-button-prev-unique {
    display: none
  }
}

.video-content .video-content-cards-slider-hide {
  display: none !important
}

.video-content .video-content-card {
  width: calc(33.33% - 28px);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  position: relative;
  padding: 72px 26px 38px;
  background-color: #fff;
  margin: 0 14px
}

@media only screen and (max-width: 1279px) {
  .video-content .video-content-card {
    padding: 62px 20px 24px
  }
}

@media only screen and (max-width: 979px) {
  .video-content .video-content-card {
    width: 244px
  }
}

.video-content .video-content-card:before {
  content: "";
  width: 95px;
  height: 95px;
  position: absolute;
  top: -41px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  z-index: 0
}

@media only screen and (max-width: 1279px) {
  .video-content .video-content-card:before {
    width: 80px;
    height: 80px;
    top: -32px
  }
}

.video-content .video-content-card:after {
  content: "";
  width: 100%;
  height: 34px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

.video-content .video-content-card-number {
  font-weight: bold;
  font-size: 45px;
  line-height: 140%;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -32px;
  z-index: 1
}

@media only screen and (max-width: 1279px) {
  .video-content .video-content-card-number {
    font-size: 35px;
    top: -25px
  }
}

.video-content .video-content-card-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: scale(1) translate3d(-50%, -50%, 0);
  transform: scale(1) translate3d(-50%, -50%, 0);
  top: 0;
  z-index: 1
}

@media only screen and (max-width: 1279px) {
  .video-content .video-content-card-icon {
    -webkit-transform: scale(0.8) translate3d(-63%, -50%, 0);
    transform: scale(0.8) translate3d(-63%, -50%, 0)
  }
}

.video-content .video-content-card-caption {
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #4a4a4a
}

.video-content .video-content-card-description {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  text-align: center;
  color: #444;
  margin-top: 20px
}

.video-content .video-content-placeholder-wrapper {
  margin: 0
}

.block-with-image {
  width: 100%;
  position: relative;
  padding: 80px 0 95px
}

@media only screen and (max-width: 1279px) {
  .block-with-image {
    padding: 50px 0 65px
  }
}

@media only screen and (max-width: 979px) {
  .block-with-image {
    padding: 55px 30px 65px
  }
}

.block-with-image:before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: none
}

.block-with-image__background {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  z-index: -1
}

@media only screen and (max-width: 979px) {
  .block-with-image__background {
    width: calc(100% + 35px);
    top: 290px;
    left: -35px
  }
}

.block-with-image__title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 133%;
  color: #582362;
  margin-bottom: 15px
}

@media only screen and (max-width: 979px) {
  .block-with-image__title {
    font-size: 25px;
    text-align: center;
    margin-bottom: 10px
  }
}

.block-with-image__content p {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  color: #fff
}

.block-with-image__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .block-with-image__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.block-with-image__item {
  width: 50%
}

@media only screen and (max-width: 979px) {
  .block-with-image__item {
    width: 100%
  }
}

.block-with-image__item-content {
  max-width: 425px
}

@media only screen and (max-width: 979px) {
  .block-with-image__item-content {
    max-width: 100%;
    text-align: center
  }
}

.block-with-image__item-image {
  position: relative;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .block-with-image__item-image {
    display: none
  }
}

.block-with-image__item-image_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .block-with-image__item-image_mobile {
    display: block;
    margin-bottom: 10px
  }
}

.block-with-image__content {
  margin-bottom: 15px
}

.block-with-image__content p {
  color: #4a4a4a
}

.block-with-image__content p:last-child {
  margin-bottom: 0
}

.block-with-image__image {
  display: block;
  max-width: 100%;
  height: auto
}

@media only screen and (max-width: 1279px) {
  .block-with-image__container {
    max-width: 820px
  }
}

.block-with-image__btn {
  font-family: Montserrat, sans-serif;
  position: relative;
  display: block;
  color: #fff;
  background-color: #582362;
  width: 415px;
  text-decoration: none;
  padding: 14px 109px 14px 20px;
  font-size: 23px;
  line-height: 1.4;
  left: 0;
  transition: all .3s ease;
  text-align: left
}

@media only screen and (max-width: 1279px) {
  .block-with-image__btn {
    font-size: 16px;
    line-height: 1.25;
    color: #fff;
    width: 290px;
    padding: 12px 60px 12px 15px
  }
}

@media only screen and (max-width: 979px) {
  .block-with-image__btn {
    margin-left: auto;
    margin-right: auto;
    width: 264px;
    padding: 9px 60px 9px 12px
  }
}

.block-with-image__btn:after {
  content: "";
  position: absolute;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCA1MyAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUxLjk5ODggMTQuODk3TDM1LjQzNTIgMC44Njg1NTVDMzUuMTY1NyAwLjU3OTkyMSAzNC44Mzk0IDAuMzUzNDI4IDM0LjQ3ODEgMC4yMDQwOTRDMzQuMTE2OCAwLjA1NDc2MDEgMzMuNzI4NyAtMC4wMTQwMDMgMzMuMzM5NiAwLjAwMjM2NDEyQzMyLjk1MDUgMC4wMTg3MzEyIDMyLjU2OTIgMC4xMTk4NTUgMzIuMjIxIDAuMjk5MDI5QzMxLjg3MjggMC40NzgyMDQgMzEuNTY1NyAwLjczMTMzNiAzMS4zMiAxLjA0MTY0QzMxLjA3NDMgMS4zNTE5NSAzMC44OTU3IDEuNzEyMzQgMzAuNzk1OSAyLjA5ODkxQzMwLjY5NjIgMi40ODU0OSAzMC42Nzc2IDIuODg5NDIgMzAuNzQxNCAzLjI4MzkzQzMwLjgwNTMgMy42Nzg0NCAzMC45NTAxIDQuMDU0NTEgMzEuMTY2MiA0LjM4NzJDMzEuMzgyMyA0LjcxOTg5IDMxLjY2NDggNS4wMDE2IDMxLjk5NSA1LjIxMzY2TDQyLjY1NjQgMTQuMjQyNUgyLjc0Nzc3QzIuMDE5MDIgMTQuMjQyNSAxLjMyMDExIDE0LjUzOTcgMC44MDQ4MDMgMTUuMDY4OUMwLjI4OTQ5NiAxNS41OTggMCAxNi4zMTU3IDAgMTcuMDY0QzAgMTcuODEyMyAwLjI4OTQ5NiAxOC41Mjk5IDAuODA0ODAzIDE5LjA1OTFDMS4zMjAxMSAxOS41ODgyIDIuMDE5MDIgMTkuODg1NSAyLjc0Nzc3IDE5Ljg4NTVINDIuNjAxNEwzMS45NDAxIDI4LjkxNDNDMzEuNjQxIDI5LjE0MjYgMzEuMzkwMyAyOS40MzA5IDMxLjIwMzIgMjkuNzYxOUMzMS4wMTYxIDMwLjA5MjggMzAuODk2NSAzMC40NTkzIDMwLjg1MTcgMzAuODM5MkMzMC44MDY5IDMxLjIxOTEgMzAuODM3OCAzMS42MDQzIDMwLjk0MjUgMzEuOTcxNkMzMS4wNDczIDMyLjMzODggMzEuMjIzNyAzMi42ODAzIDMxLjQ2MSAzMi45NzUzQzMxLjY5ODMgMzMuMjcwMyAzMS45OTE2IDMzLjUxMjcgMzIuMzIzIDMzLjY4NzdDMzIuNjU0NCAzMy44NjI3IDMzLjAxNyAzMy45NjY2IDMzLjM4ODcgMzMuOTkzMkMzMy43NjA1IDM0LjAxOTggMzQuMTMzNiAzMy45Njg0IDM0LjQ4NTQgMzMuODQyM0MzNC44MzcyIDMzLjcxNjEgMzUuMTYwNCAzMy41MTc4IDM1LjQzNTIgMzMuMjU5NEw1MS45OTg4IDE5LjI1MzRDNTIuMzExOSAxOC45ODg3IDUyLjU2NCAxOC42NTYyIDUyLjczNzEgMTguMjc5NkM1Mi45MTAyIDE3LjkwMyA1MyAxNy40OTE3IDUzIDE3LjA3NTJDNTMgMTYuNjU4OCA1Mi45MTAyIDE2LjI0NzUgNTIuNzM3MSAxNS44NzA5QzUyLjU2NCAxNS40OTQzIDUyLjMxMTkgMTUuMTYxNyA1MS45OTg4IDE0Ljg5N1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") center center no-repeat;
  background-size: 100% auto;
  transition: right .3s ease;
  right: 32px;
  top: 29px;
  width: 53px;
  height: 34px
}

@media only screen and (max-width: 1279px) {
  .block-with-image__btn:after {
    width: 37px;
    height: 24px;
    right: 19px;
    top: 20px
  }
}

@media only screen and (max-width: 979px) {
  .block-with-image__btn:after {
    width: 24px;
    height: 16px;
    right: 21px;
    top: 21px
  }
}

.block-with-image__btn:hover {
  background-color: #9dc92e;
  text-decoration: none;
  color: #fff
}

.block-with-image__btn:hover:after {
  right: 20px
}

@media only screen and (max-width: 1279px) {
  .block-with-image__btn:hover:after {
    right: 19px
  }
}

@media only screen and (max-width: 979px) {
  .block-with-image__btn:hover:after {
    right: 21px
  }
}

.ms-block-with-image:before {
  display: block;
  background: linear-gradient(102.61deg, #572760 21.35%, #873B95 100%);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.ms-block-with-image h2 {
  color: #fff
}

.ms-block-with-image__content p {
  color: #fff
}

.ms-block-with-image__btn {
  background: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .ms-block-with-image__btn:hover {
    background: #2c99a4
  }
}

.ms-block-with-image__item-image {
  padding-top: 35px
}

@media only screen and (max-width: 979px) {
  .ms-block-with-image__item-image {
    padding-top: 0
  }
}

.ms-block-with-image__image {
  margin-top: -20px
}

@media only screen and (max-width: 1279px) {
  .ms-block-with-image__image {
    margin-top: 0;
    max-width: calc(100% + 20px)
  }
}

@media only screen and (max-width: 979px) {
  .ms-block-with-image__btn:hover {
    background: #2c99a4
  }
}

.myt-block-with-image {
  padding: 60px 0 70px;
  background: rgba(239, 233, 231, .44)
}

@media only screen and (max-width: 1279px) {
  .myt-block-with-image {
    padding: 50px 30px 65px
  }
}

.myt-block-with-image__btn {
  background: #292c49
}

@media only screen and (max-width: 979px) {
  .myt-block-with-image__btn {
    padding-right: 43px
  }
}

@media only screen and (max-width: 1279px) {
  .myt-block-with-image__btn:hover {
    background: #292c49
  }
}

@media only screen and (max-width: 979px) {
  .myt-block-with-image__btn:hover {
    background: #292c49
  }
}

.myt-block-with-image__content p {
  color: #4a4a4a
}

.pif-block-with-image {
  padding: 70px 0 50px
}

@media only screen and (max-width: 1279px) {
  .pif-block-with-image {
    padding: 50px 0 65px
  }
}

@media only screen and (max-width: 979px) {
  .pif-block-with-image {
    padding: 55px 30px 65px
  }
}

.pif-block-with-image:before {
  display: block;
  background: linear-gradient(95.02deg, #2B99A4 66.47%, #57BDC2 97.85%), #2c99a4;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.pif-block-with-image h2 {
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .pif-block-with-image h2 {
    margin-right: -12px
  }
}

.pif-block-with-image__content p {
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .pif-block-with-image__btn:hover {
    background-color: #582362
  }
}

.ts-block-with-image {
  padding: 35px 0 0
}

@media only screen and (max-width: 1279px) {
  .ts-block-with-image {
    padding: 135px 30px 80px
  }
}

@media only screen and (max-width: 979px) {
  .ts-block-with-image {
    padding: 115px 7px 35px
  }
}

.ts-block-with-image__item-content {
  max-width: 100%
}

@media only screen and (max-width: 1279px) {
  .ts-block-with-image__item-content {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media only screen and (max-width: 979px) {
  .ts-block-with-image__item-content {
    max-width: 326px;
    margin-left: auto;
    margin-right: auto
  }
}

.ts-block-with-image h2,
.ts-block-with-image h1 {
  margin-bottom: 10px;
  width: 100%
}

@media only screen and (max-width: 1279px) {

  .ts-block-with-image h2,
  .ts-block-with-image h1 {
    text-align: center;
    margin-bottom: 5px
  }
}

.ts-block-with-image h2 br,
.ts-block-with-image h1 br {
  display: none
}

@media only screen and (max-width: 1279px) {

  .ts-block-with-image h2 br,
  .ts-block-with-image h1 br {
    display: block
  }
}

@media only screen and (max-width: 979px) {

  .ts-block-with-image h2 br,
  .ts-block-with-image h1 br {
    display: none
  }
}

@media only screen and (max-width: 1279px) {
  .ts-block-with-image__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.ts-block-with-image__item-image {
  margin-left: -30px;
  margin-right: -30px;
  width: calc(50% + 60px)
}

@media only screen and (max-width: 1279px) {
  .ts-block-with-image__item-image {
    width: 100%;
    margin-left: 0;
    display: none;
    margin-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .ts-block-with-image__item-image {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px)
  }
}

@media only screen and (max-width: 1279px) {
  .ts-block-with-image .block-with-image__item-image_mobile {
    display: block;
    -ms-flex-order: 1;
    order: 1
  }
}

.ts-block-with-image__content {
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .ts-block-with-image__content {
    text-align: center
  }
}

.ts-block-with-image__content p {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .ts-block-with-image__content p {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .ts-block-with-image__content p {
    font-size: 25px;
    width: 100%;
    text-align: center
  }
}

@media only screen and (max-width: 1279px) {
  .ts-block-with-image__image {
    margin: -130px auto
  }
}

@media only screen and (max-width: 979px) {
  .ts-block-with-image__image {
    max-width: 330px;
    margin: -30px auto 0
  }
}

.ts-block-with-image__btn {
  padding: 10px 0;
  margin-left: 16px;
  margin-right: 16px;
  -webkit-transform: translateX(-16px);
  transform: translateX(-16px);
  font-weight: 300;
  font-size: 22px;
  line-height: 1.22;
  width: auto;
  color: #582362;
  background-color: transparent;
  border-radius: 5px;
  background-size: 100% 200%;
  background-image: linear-gradient(to bottom, transparent 50%, #9DC92E 50%);
  transition: .3s all;
  display: inline-block
}

@media only screen and (max-width: 1279px) {
  .ts-block-with-image__btn {
    -ms-flex-order: 2;
    order: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -40px;
    font-size: 18px
  }
}

@media only screen and (max-width: 979px) {
  .ts-block-with-image__btn {
    margin-left: 0;
    height: 41px;
    margin-top: -70px
  }
}

.ts-block-with-image__btn:after {
  display: block;
  position: absolute;
  top: auto;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #9dc92e;
  opacity: 1;
  transition: .3s all
}

.ts-block-with-image__btn:hover {
  padding: 10px 16px;
  margin-left: 0;
  margin-right: 0;
  background-position: 0 100%;
  color: #fff;
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .ts-block-with-image__btn:hover {
    padding: 10px 0;
    margin-left: 16px;
    margin-right: 16px;
    color: #582362;
    background-color: transparent;
    background-position: 0 0
  }
}

@media only screen and (max-width: 979px) {
  .ts-block-with-image__btn:hover {
    padding: 10px 0;
    margin-left: 0;
    margin-right: 16px;
    color: #582362;
    background-color: transparent;
    background-position: 0 0
  }
}

.ts-block-with-image__btn:hover:after {
  height: 0
}

@media only screen and (max-width: 1279px) {
  .ts-block-with-image__btn:hover:after {
    height: 2px
  }
}

@media only screen and (max-width: 979px) {
  .ts-block-with-image__btn:hover:after {
    height: 2px
  }
}

.brands-box {
  padding: 30px 15px;
  background: linear-gradient(91.44deg, #582362 0%, #2C99A4 100%);
  width: 100%;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  margin-top: -20px;
  min-height: 170px;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 1279px) {
  .brands-box {
    margin-top: 0;
    padding: 25px 15px;
    min-height: 0
  }
}

@media only screen and (max-width: 979px) {
  .brands-box {
    padding: 50px 15px 30px
  }
}

.brands-box__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 292px auto;
  gap: 6px 32px;
  margin: auto
}

@media only screen and (max-width: 1279px) {
  .brands-box__container {
    max-width: 820px;
    gap: 0 32px
  }
}

@media only screen and (max-width: 979px) {
  .brands-box__container {
    grid-template-columns: auto
  }
}

.brands-box__slider {
  width: 100%;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .brands-box__slider {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin-left: -80px;
    margin-right: -80px;
    width: calc(100% + 160px)
  }
}

@media only screen and (max-width: 979px) {
  .brands-box__slider {
    margin: 0;
    width: 100%;
    height: 170px;
    padding: 5px 0 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
  }
}

.brands-box__item {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  padding-right: 40px
}

@media only screen and (max-width: 1279px) {
  .brands-box__item {
    padding-right: 30px
  }
}

@media only screen and (max-width: 979px) {
  .brands-box__item {
    padding: 12px 0;
    text-align: center;
    width: 100%
  }
}

.brands-box__wrapper {
  text-align: center
}

.brands-box__image {
  max-height: 86px;
  max-width: 100%;
  width: auto
}

@media only screen and (max-width: 979px) {
  .brands-box__image {
    max-height: 100%;
    height: auto;
    max-width: 168px
  }
}

.brands-box__caption {
  margin: auto 0;
  width: 300px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 30px;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  grid-row: 1/3
}

@media only screen and (max-width: 1279px) {
  .brands-box__caption {
    width: 250px
  }
}

@media only screen and (max-width: 979px) {
  .brands-box__caption {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
    grid-row: 1/2
  }
}

.brands-box__caption h2 {
  font-weight: 300;
  font-size: 25px;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 0;
  letter-spacing: .2px
}

@media only screen and (max-width: 1279px) {
  .brands-box__caption h2 {
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .brands-box__caption h2 {
    max-width: 245px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
  }
}

.brands-box__caption h2 strong {
  font-size: 20px
}

@media only screen and (max-width: 1279px) {
  .brands-box__caption h2 strong {
    font-size: 16px
  }
}

.brands-box .swiper-container {
  grid-column: 2;
  grid-row: 1/3;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, black 20%, black 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, black 20%, black 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%)
}

@media only screen and (max-width: 979px) {
  .brands-box .swiper-container {
    grid-column: 1;
    grid-row: 2;
    -webkit-mask-image: linear-gradient(0, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, black 20%, black 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(0, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, black 20%, black 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%)
  }
}

.content-insights {
  width: 100%;
  padding: 83px 15px 65px;
  margin-bottom: -3px
}

@media only screen and (max-width: 1279px) {
  .content-insights {
    padding: 55px 15px 67px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights {
    padding: 65px 0 0
  }
}

.content-insights__caption {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .content-insights__caption {
    font-size: 25px;
    margin-bottom: 10px
  }
}

.content-insights__caption br {
  display: none
}

@media only screen and (max-width: 979px) {
  .content-insights__caption br {
    display: block
  }
}

.content-insights__subcaption {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 133%;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 65px
}

@media only screen and (max-width: 1279px) {
  .content-insights__subcaption {
    margin-bottom: 45px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights__subcaption {
    font-size: 23px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 1279px) {
  .content-insights__container {
    max-width: 820px
  }
}

.content-insights__wrapper {
  display: grid;
  grid-template-columns: 50% 50%;
  -webkit-column-gap: 48px;
  -moz-column-gap: 48px;
  column-gap: 48px;
  row-gap: 40px;
  width: calc(100% - 48px);
  margin-bottom: 40px
}

@media only screen and (max-width: 1279px) {
  .content-insights__wrapper {
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px;
    row-gap: 28px;
    width: calc(100% - 28px);
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .content-insights__wrapper {
    grid-template-columns: 100%;
    width: 100%;
    margin-bottom: -6px;
    margin-top: 20px
  }
}

.content-insights .pollfish {
  grid-column: 1/2;
  grid-row: 1/4;
  margin-top: 555px
}

@media only screen and (max-width: 1279px) {
  .content-insights .pollfish {
    margin-top: 393px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .pollfish {
    grid-column: 1/2;
    grid-row: 1/3;
    margin-top: 230px
  }
}

.content-insights .peeq-box {
  grid-column: 1/2;
  grid-row: 1/2
}

.content-insights .news-box {
  grid-column: 1/3;
  grid-row: 4/5
}

@media only screen and (max-width: 1279px) {
  .content-insights .news-box {
    grid-column: 1/3;
    grid-row: 3/4;
    margin-top: 0
  }
}

.content-insights .news-box {
  grid-column: 1/3;
  grid-row: 4/5
}

.content-insights .featured-content-insights {
  grid-column: 2/3;
  grid-row: 1/2
}

@media only screen and (max-width: 979px) {
  .content-insights .mobile-event-box {
    grid-column: 1/2;
    grid-row: 3/4
  }
}

.content-insights .join-slider {
  grid-column: 2/3;
  grid-row: 3/4;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px)
}

@media only screen and (max-width: 979px) {
  .content-insights .join-slider {
    grid-column: 1/2;
    grid-row: 6/7
  }
}

.content-insights .content-insights__resources {
  grid-column: 2/3;
  grid-row: 1/4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 979px) {
  .content-insights .content-insights__resources {
    grid-column: 1/2;
    grid-row: 5/6
  }
}

.content-insights .pollfish__link,
.content-insights .pollfish__figure,
.content-insights .pollfish__image {
  display: block;
  width: 100%
}

.content-insights .pollfish__figure {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 979px) {
  .content-insights .pollfish__figure {
    max-width: 300px;
    margin: 30px auto 0
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .pollfish__image--desktop {
    display: none
  }
}

.content-insights .pollfish__image--mpbile {
  display: none
}

@media only screen and (max-width: 979px) {
  .content-insights .pollfish__image--mpbile {
    display: block
  }
}

.content-insights .featured-content-insights {
  position: relative;
  padding-top: 107px;
  height: 310px
}

@media only screen and (max-width: 1279px) {
  .content-insights .featured-content-insights {
    padding-top: 77px;
    height: 224px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .featured-content-insights {
    display: none
  }
}

.content-insights .featured-content-insights:before {
  content: "";
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.content-insights .featured-content-insights .featured-content-insights-link {
  position: absolute;
  top: auto;
  text-align: center;
  right: 27px;
  bottom: 32px;
  transition: padding .3s ease, right .3s ease;
  background-color: transparent
}

@media only screen and (max-width: 1279px) {
  .content-insights .featured-content-insights .featured-content-insights-link {
    right: 11px;
    bottom: 21px;
    -webkit-transform: scale(0.73);
    transform: scale(0.73)
  }
}

.content-insights .featured-content-insights .featured-content-insights-link svg {
  position: relative;
  transition: fill .3s
}

.content-insights .featured-content-insights .featured-content-insights-link:hover {
  right: 21px
}

@media only screen and (max-width: 1279px) {
  .content-insights .featured-content-insights .featured-content-insights-link:hover {
    right: 11px
  }
}

.content-insights .featured-content-insights .featured-content-insights-link:hover .ui-icon-blue {
  fill: #292c49
}

@media only screen and (max-width: 1279px) {
  .content-insights .featured-content-insights .featured-content-insights-link:hover .ui-icon-blue {
    fill: #2b99a4
  }
}

.content-insights .featured-content-insights .featured-content-insights-slider {
  width: 100%
}

.content-insights .featured-content-insights .featured-content-insights-slider .slick-track {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -ms-flex-align: start;
  align-items: flex-start
}

@media only screen and (max-width: 1279px) {
  .content-insights .featured-content-insights .featured-content-insights-slider .slick-track {
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.content-insights .featured-content-insights .featured-content-insights-slider .slick-slide {
  height: auto;
  position: relative
}

.content-insights .featured-content-insights .featured-content-insights-slider .slick-dots {
  width: 100%;
  background: #582362;
  height: 93px;
  top: -107px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 27px
}

@media only screen and (max-width: 1279px) {
  .content-insights .featured-content-insights .featured-content-insights-slider .slick-dots {
    height: 66px;
    top: -77px
  }
}

.content-insights .featured-content-insights .featured-content-insights-slider .slick-title {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  color: #fff;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .content-insights .featured-content-insights .featured-content-insights-slider .slick-title {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .featured-content-insights .featured-content-insights-slider .slick-title {
    display: none
  }
}

.content-insights .featured-content-insights .featured-content-insights-slider .featured-content-insights-item {
  padding: 13px 27px 23px 27px
}

@media only screen and (max-width: 1279px) {
  .content-insights .featured-content-insights .featured-content-insights-slider .featured-content-insights-item {
    padding: 0 22px
  }
}

.content-insights .featured-content-insights .featured-content-insights-slider .featured-content-insights-item .featured-item-title {
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 4px;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .content-insights .featured-content-insights .featured-content-insights-slider .featured-content-insights-item .featured-item-title {
    font-size: 18px;
    line-height: 140%
  }
}

.content-insights .featured-content-insights .featured-content-insights-slider .featured-content-insights-item .featured-item-link {
  position: absolute;
  top: auto;
  width: 56px;
  height: 56px;
  text-align: center;
  right: 60px;
  bottom: -28px;
  transition: padding .3s ease, bottom .3s ease;
  display: none
}

.content-insights .featured-content-insights .featured-content-insights-slider .featured-content-insights-item .featured-item-link:hover {
  background-color: #292c49;
  bottom: -20px
}

.content-insights .featured-content-insights .featured-content-insights-slider .featured-content-insights-item .featured-item-link:hover svg {
  padding-left: 0
}

.content-insights .featured-item-content {
  color: #4a4a4a;
  margin: 0 0 -30px
}

.content-insights .news-box {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0;
  min-height: 240px
}

@media only screen and (max-width: 1279px) {
  .content-insights .news-box {
    margin-top: 10px;
    margin-bottom: 0;
    min-height: 168px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .news-box {
    display: none
  }
}

.content-insights .news-box .news-box-content {
  font-size: 18px;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .content-insights .news-box .news-box-content {
    font-size: 16px
  }
}

.content-insights .news-box .news-link {
  bottom: 20px;
  transition: bottom .3s
}

.content-insights .news-box .news-link:hover {
  bottom: 26px
}

.content-insights .news-box .news-box-image {
  padding: 8px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  position: relative;
  aspect-ratio: 1;
  width: auto
}

.content-insights .news-box .news-box-image:after,
.content-insights .news-box .news-box-image:before {
  content: "";
  position: absolute;
  width: 91px;
  height: 88px;
  left: -10px;
  top: -10px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iODgiIHZpZXdCb3g9IjAgMCA5MSA4OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZCkiPgo8cGF0aCBkPSJNMTQgNzhMMTQgMTRMODEgMTQiIHN0cm9rZT0iIzU4MjM2MiIgc3Ryb2tlLXdpZHRoPSI4Ii8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZCIgeD0iMCIgeT0iMCIgd2lkdGg9IjkxIiBoZWlnaHQ9Ijg4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=") center center no-repeat
}

.content-insights .news-box .news-box-image:after {
  left: auto;
  top: auto;
  right: -10px;
  bottom: -10px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.content-insights .news-box .news-box-container {
  width: 100%;
  padding: 40px 60px 50px 80px;
  position: relative;
  background: linear-gradient(90deg, #ffffff 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18)
}

@media only screen and (max-width: 1279px) {
  .content-insights .news-box .news-box-container {
    padding: 24px 43px 4px 43px
  }
}

.content-insights .news-box .news-box-content-title {
  font-size: 18px;
  color: #582362
}

.content-insights .news-box .news-box-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 110%;
  color: #2c99a4;
  width: 102px;
  margin: 0
}

@media only screen and (max-width: 1279px) {
  .content-insights .news-box .news-box-title {
    font-size: 24px;
    line-height: 110%;
    width: 76px
  }
}

.content-insights .news-box .read-more-btn {
  height: auto;
  transition: right .3s ease, bottom .3s ease
}

.content-insights .news-box .fixed-news-icon {
  display: none
}

.content-insights .news-box .news-box-container.fixed-news {
  position: relative
}

.content-insights .news-box .news-box-container.fixed-news p {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  color: #582362;
  margin-bottom: 10px
}

@media only screen and (max-width: 1279px) {
  .content-insights .news-box .news-box-container.fixed-news p {
    font-size: 16px;
    line-height: 143.1%;
    margin-bottom: 5px
  }
}

.content-insights .news-box .news-box-container.fixed-news p:nth-child(3) {
  color: #4a4a4a;
  font-size: 16px
}

@media only screen and (max-width: 1279px) {
  .content-insights .news-box .news-box-container.fixed-news p:nth-child(3) {
    font-size: 16px;
    margin-bottom: 10px
  }
}

.content-insights .news-box .news-box-container.fixed-news strong {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  color: #2c99a4;
  margin-bottom: 18px
}

@media only screen and (max-width: 1279px) {
  .content-insights .news-box .news-box-container.fixed-news strong {
    font-size: 16px;
    line-height: 140%
  }
}

.content-insights .news-box .news-box-container.fixed-news .news-box-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  color: #582362;
  margin-bottom: 5px
}

.content-insights .news-box .news-box-container.fixed-news .news-box-content {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #4a4a4a
}

.content-insights .news-box .news-box-container.fixed-news .blue {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #2c99a4;
  display: block;
  margin: 0
}

.content-insights .news-box .news-box-container.fixed-news .news-box__link {
  position: absolute;
  width: 32px;
  height: 26px;
  right: 23px;
  bottom: 30px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMxLjM5NTUgOS4yMDExMkwyMS4zOTQ5IDAuNTM2NDZDMjEuMjMyMSAwLjM1ODE4NiAyMS4wMzUxIDAuMjE4MjkzIDIwLjgxNyAwLjEyNjA1OEMyMC41OTg4IDAuMDMzODIyNCAyMC4zNjQ1IC0wLjAwODY0ODkgMjAuMTI5NiAwLjAwMTQ2MDE5QzE5Ljg5NDYgMC4wMTE1NjkzIDE5LjY2NDQgMC4wNzQwMjggMTkuNDU0MiAwLjE4NDY5NUMxOS4yNDM5IDAuMjk1MzYxIDE5LjA1ODUgMC40NTE3MDcgMTguOTEwMiAwLjY0MzM2N0MxOC43NjE4IDAuODM1MDI2IDE4LjY1NCAxLjA1NzYyIDE4LjU5MzggMS4yOTYzOUMxOC41MzM1IDEuNTM1MTYgMTguNTIyMyAxLjc4NDY0IDE4LjU2MDkgMi4wMjgzMUMxOC41OTk0IDIuMjcxOTggMTguNjg2OCAyLjUwNDI1IDE4LjgxNzMgMi43MDk3NEMxOC45NDc4IDIuOTE1MjMgMTkuMTE4NCAzLjA4OTIzIDE5LjMxNzcgMy4yMjAyTDI1Ljc1NDggOC43OTY4MUgxLjY1OTAzQzEuMjE5MDMgOC43OTY4MSAwLjc5NzA0NyA4Ljk4MDQyIDAuNDg1OTE5IDkuMzA3MjRDMC4xNzQ3OSA5LjYzNDA1IDAgMTAuMDc3MyAwIDEwLjUzOTVDMCAxMS4wMDE3IDAuMTc0NzkgMTEuNDQ1IDAuNDg1OTE5IDExLjc3MThDMC43OTcwNDcgMTIuMDk4NiAxLjIxOTAzIDEyLjI4MjIgMS42NTkwMyAxMi4yODIySDI1LjcyMTZMMTkuMjg0NiAxNy44NTg4QzE5LjEwNCAxNy45OTk4IDE4Ljk1MjYgMTguMTc3OSAxOC44Mzk3IDE4LjM4MjNDMTguNzI2NyAxOC41ODY3IDE4LjY1NDUgMTguODEzMSAxOC42Mjc0IDE5LjA0NzdDMTguNjAwNCAxOS4yODI0IDE4LjYxOTEgMTkuNTIwMyAxOC42ODIzIDE5Ljc0NzFDMTguNzQ1NSAxOS45NzQgMTguODUyIDIwLjE4NDkgMTguOTk1MyAyMC4zNjcxQzE5LjEzODYgMjAuNTQ5MyAxOS4zMTU3IDIwLjY5OSAxOS41MTU4IDIwLjgwNzFDMTkuNzE1OSAyMC45MTUyIDE5LjkzNDggMjAuOTc5NCAyMC4xNTkyIDIwLjk5NThDMjAuMzgzNyAyMS4wMTIyIDIwLjYwOSAyMC45ODA1IDIwLjgyMTQgMjAuOTAyNkMyMS4wMzM4IDIwLjgyNDYgMjEuMjI4OSAyMC43MDIyIDIxLjM5NDkgMjAuNTQyNUwzMS4zOTU1IDExLjg5MThDMzEuNTg0NSAxMS43MjgzIDMxLjczNjggMTEuNTIyOSAzMS44NDEzIDExLjI5MDNDMzEuOTQ1OCAxMS4wNTc3IDMyIDEwLjgwMzcgMzIgMTAuNTQ2NUMzMiAxMC4yODkzIDMxLjk0NTggMTAuMDM1MiAzMS44NDEzIDkuODAyNjNDMzEuNzM2OCA5LjU3MDAzIDMxLjU4NDUgOS4zNjQ2MSAzMS4zOTU1IDkuMjAxMTJaIiBmaWxsPSIjMkM5OUE0Ii8+Cjwvc3ZnPgo=") center center no-repeat;
  background-size: 100% auto;
  cursor: pointer;
  transition: right .3s
}

@media only screen and (max-width: 1279px) {
  .content-insights .news-box .news-box-container.fixed-news .news-box__link {
    right: 16px;
    bottom: 18px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7)
  }
}

.content-insights .news-box .news-box-container.fixed-news .news-box__link:hover {
  right: 27px
}

@media only screen and (max-width: 1279px) {
  .content-insights .news-box .news-box-container.fixed-news .news-box__link:hover {
    right: 16px
  }
}

.content-insights .mobile-event-slider-box__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #2c99a4;
  margin-bottom: 30px
}

.content-insights .mobile-event-box {
  padding-top: 28px;
  width: 100%;
  display: none
}

@media only screen and (max-width: 979px) {
  .content-insights .mobile-event-box {
    display: block;
    padding-top: 0
  }
}

.content-insights .mobile-event-box .mobile-event-slider-box {
  padding-top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 20px
}

.content-insights .mobile-event-box .mobile-event-slider-box::-webkit-scrollbar {
  width: 0px;
  background: transparent
}

.content-insights .mobile-event-box .mobile-event-slider-box::-webkit-scrollbar-thumb {
  background: transparent
}

.content-insights .mobile-event-box .mobile-event-slider-box::-webkit-scrollbar {
  display: none
}

.content-insights .mobile-event-box.swiper-container-horizontal .mobile-event-slider-box {
  -ms-flex-pack: start;
  justify-content: flex-start
}

.content-insights .mobile-event-box .event-slider-item {
  height: auto;
  width: 244px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

.content-insights .mobile-event-box .event-slider-item .event-slider-item-wraper {
  padding: 15px 20px 25px 20px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.content-insights .mobile-event-box .event-slider-item .event-slider-title {
  background-color: #582362;
  color: #fff;
  padding-top: 13px;
  padding-bottom: 5px;
  padding-left: 20px;
  margin-bottom: 0
}

.content-insights .mobile-event-box .event-slider-item .event-slider-item-title {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #4a4a4a;
  margin-bottom: 10px
}

.content-insights .mobile-event-box .event-slider-item .event-slider-date {
  margin-top: auto;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  color: #582362;
  font-size: 18px
}

.content-insights .mobile-event-box .event-slider-item .event-slider-link {
  bottom: 17px;
  right: 17px
}

@media only screen and (max-width: 979px) {
  .content-insights .mobile-event-box .event-slider-item .event-slider-link:hover {
    right: 17px
  }
}

.content-insights__cover-link {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
  left: 0
}

@media only screen and (max-width: 979px) {
  .content-insights__cover-link {
    display: block
  }
}

.content-insights__resources {
  display: -ms-flexbox;
  display: flex
}

.content-insights__resources .newsroom-resources-card {
  width: calc(33.33% - 25px)
}

@media only screen and (max-width: 1279px) {
  .content-insights__resources .newsroom-resources-card {
    width: calc(33.33% - 19px)
  }
}

@media only screen and (max-width: 979px) {
  .content-insights__resources .newsroom-resources-card {
    width: 190px;
    margin-left: 16px;
    margin-right: 16px
  }
}

.content-insights__resources .newsroom-resources-card .newsroom-resources-card__arrow-box {
  background-color: #2c99a4
}

.content-insights__resources .newsroom-resources__desktop-container {
  margin-top: 40px;
  max-width: 470px
}

@media only screen and (max-width: 1279px) {
  .content-insights__resources .newsroom-resources__desktop-container {
    margin-top: 10px;
    padding: 0;
    max-width: 340px
  }
}

.content-insights__resources .newsroom-resources-card__title {
  margin-top: 20px;
  line-height: 1
}

@media only screen and (max-width: 1279px) {
  .content-insights__resources .newsroom-resources-card__title {
    font-size: 14px;
    line-height: 18px;
    margin: 5px -5px 0
  }
}

@media only screen and (max-width: 979px) {
  .content-insights__resources .newsroom-resources-card__title {
    margin-top: 35px
  }
}

.content-insights__resources .content-insights__resources-mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .content-insights__resources .content-insights__resources-mobile {
    margin-top: 50px;
    display: -ms-flexbox;
    display: flex
  }
}

.content-insights__resources .newsroom-resources-card__arrow-box {
  width: 43px;
  height: 42px;
  background-color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .content-insights__resources .newsroom-resources-card__arrow-box {
    width: 33px;
    height: 32px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights__resources .newsroom-resources-card__arrow-box {
    width: 50px;
    height: 52px
  }
}

.content-insights__resources .newsroom-resources-card__arrow-box:hover {
  background-color: #292c49
}

.content-insights__resources .newsroom-resources-card__arrow-box:after {
  width: 21px;
  height: 22px;
  background-size: 100% auto
}

@media only screen and (max-width: 1279px) {
  .content-insights__resources .newsroom-resources-card__arrow-box:after {
    width: 16px;
    height: 17px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights__resources .newsroom-resources-card__arrow-box:after {
    width: 25px;
    height: 26px
  }
}

.content-insights__resources .newsroom-resources-card__image-box {
  margin-bottom: 21px;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))
}

@media only screen and (max-width: 1279px) {
  .content-insights__resources .newsroom-resources-card__image-box {
    margin-bottom: 16px
  }
}

.content-insights__resources-wrapepr {
  margin-top: auto;
  margin-bottom: auto;
  padding-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .content-insights__resources-wrapepr {
    padding-bottom: 10px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights__resources-wrapepr {
    width: 100%;
    margin-bottom: 36px;
    padding-top: 15px
  }
}

.content-insights__resources-title {
  font-weight: bold;
  font-size: 23px;
  line-height: 1;
  color: #2c99a4;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .content-insights__resources-title {
    font-size: 16px;
    margin-bottom: 30px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights__resources-title {
    text-align: center;
    margin-bottom: 0
  }
}

.content-insights .peeq-box {
  display: block;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  position: relative
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-box {
    margin-top: 0;
    max-width: 300px;
    width: 100%;
    margin: auto
  }
}

.content-insights .peeq-box:hover {
  text-decoration: none
}

.content-insights .peeq-box__banner-figure {
  width: 51.5%;
  margin: 0
}

@media only screen and (max-width: 1279px) {
  .content-insights .peeq-box__banner-figure {
    width: 46%
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-box__banner-figure {
    display: none
  }
}

.content-insights .peeq-box__banner-image {
  width: 100%;
  margin: 0;
  max-height: 100%
}

.content-insights .peeq-box__content {
  padding: 31px 22px 25px 22px;
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .content-insights .peeq-box__content {
    width: 54.6%;
    padding: 22px 20px 13px;
    background: linear-gradient(91.44deg, #582362 0%, #2c99a4 396px)
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-box__content {
    width: 100%;
    padding: 17px 12px 12px 18px;
    display: grid
  }
}

.content-insights .peeq-box__logo-figure {
  margin-bottom: 0;
  padding: 2px 6px
}

@media only screen and (max-width: 1279px) {
  .content-insights .peeq-box__logo-figure {
    margin-bottom: 7px;
    padding: 2px 35px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-box__logo-figure {
    grid-column: 2/2;
    grid-row: 1;
    padding: 0px;
    margin: 0
  }
}

.content-insights .peeq-box__logo-figure img {
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .content-insights .peeq-box__logo-image {
    width: 95px;
    margin: 0 auto;
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-box__logo-image {
    width: 111px
  }
}

.content-insights .peeq-box__title {
  margin-bottom: 8px;
  font-weight: 300;
  font-size: 32px;
  line-height: 36px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #fff;
  -ms-flex-direction: column;
  flex-direction: column
}

@media only screen and (max-width: 1279px) {
  .content-insights .peeq-box__title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 12px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-box__title {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 5px;
    text-align: left;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column: 1/2;
    grid-row: 1/2;
    max-width: 150px
  }
}

.content-insights .peeq-box__title b {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700
}

@media only screen and (max-width: 1279px) {
  .content-insights .peeq-box__title b {
    font-size: 14px;
    line-height: 17px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-box__title b {
    font-size: 12px;
    line-height: 15px
  }
}

.content-insights .peeq-box__title span {
  font-size: 16px;
  line-height: 20px
}

@media only screen and (max-width: 1279px) {
  .content-insights .peeq-box__title span {
    font-size: 14px;
    line-height: 17px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-box__title span {
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 5px
  }
}

.content-insights .peeq-box__text {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  padding-bottom: 12px;
  font-weight: 300
}

@media only screen and (max-width: 1279px) {
  .content-insights .peeq-box__text {
    max-width: 155px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 17px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-box__text {
    text-align: left;
    font-size: 13px;
    line-height: 16px;
    grid-column: 1/2;
    grid-row: 1;
    padding: 1px 0 45px;
    margin-top: 81px;
    margin-left: 0;
    max-width: 118px
  }
}

.content-insights .peeq-box__cta {
  line-height: 30px;
  position: absolute;
  bottom: 0px;
  right: 0px
}

@media only screen and (max-width: 1279px) {
  .content-insights .peeq-box__cta {
    font-size: 22px;
    line-height: 27px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-box__cta {
    font-size: 16px;
    line-height: 20px
  }
}

.content-insights .peeq-cta__button {
  background: #2c99a4;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 71px 19px 13px;
  font-weight: 300;
  transition: all .3s ease;
  font-weight: 300;
  font-size: 16px;
  line-height: 140%
}

@media only screen and (max-width: 1279px) {
  .content-insights .peeq-cta__button {
    padding: 13px 49px 11px 13px;
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-cta__button {
    margin: 0;
    padding: 10px 4px 9px 9px;
    width: 54.5%;
    font-size: 14px;
    line-height: 140%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .content-insights .peeq-cta__button:hover {
    background: #2c99a4;
    color: #fff
  }

  .content-insights .peeq-cta__button:hover::after {
    right: -22px
  }
}

.content-insights .peeq-cta__button::after {
  content: url(/wp-content/themes/prodege_theme/img/lg_arrow.png);
  position: absolute;
  right: 0;
  top: 10%;
  -webkit-transform: scale(0.264) translate(50%, -50%);
  transform: scale(0.264) translate(50%, -50%);
  transition: all .3s ease
}

@media only screen and (max-width: 1279px) {
  .content-insights .peeq-cta__button::after {
    top: -8%;
    -webkit-transform: scale(0.19) translate(142%, -50%);
    transform: scale(0.19) translate(142%, -50%)
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-cta__button::after {
    right: -24px;
    -webkit-transform: scale(0.2) translateY(-100%);
    transform: scale(0.2) translateY(-100%);
    top: -3%
  }
}

.content-insights .peeq-cta__button:hover {
  text-decoration: none;
  background: #292c49;
  color: #fff
}

.content-insights .peeq-cta__button:hover::after {
  right: -10px
}

@media only screen and (max-width: 1279px) {
  .content-insights .peeq-cta__button:hover {
    background: #2c99a4;
    color: #fff
  }

  .content-insights .peeq-cta__button:hover::after {
    right: 0
  }
}

@media only screen and (max-width: 979px) {
  .content-insights .peeq-cta__button:hover::after {
    right: -24px
  }
}

.content-insights-announcement {
  background: linear-gradient(0, #ffffff 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 86px 58px
}

@media only screen and (max-width: 1279px) {
  .content-insights-announcement {
    padding: 13px 97px 40px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights-announcement {
    width: 300px;
    margin: auto;
    margin-top: 45px;
    padding: 22px 9px 18px
  }
}

.content-insights-announcement__caption {
  font-weight: 700;
  font-size: 34px;
  line-height: 133%;
  text-align: center;
  color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .content-insights-announcement__caption {
    max-width: 800px;
    font-size: 24px;
    line-height: 133%
  }
}

@media only screen and (max-width: 979px) {
  .content-insights-announcement__caption {
    font-size: 18px;
    line-height: 133%
  }
}

.content-insights-announcement__cta {
  font-weight: 300;
  font-size: 25px;
  color: #572162
}

@media only screen and (max-width: 1279px) {
  .content-insights-announcement__cta {
    font-size: 22px;
    line-height: 27px
  }
}

@media only screen and (max-width: 979px) {
  .content-insights-announcement__cta {
    font-size: 16px;
    line-height: 20px
  }
}

.join-slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.join-slider div#n2-ss-3 .n2-ss-layers-container > .n2-ss-layer {
  padding: 0 !important
}

.join-slider div#n2-ss-3 .n2-ss-section-main-content {
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  padding: 36px 26px
}

@media only screen and (max-width: 1279px) {
  .join-slider div#n2-ss-3 .n2-ss-section-main-content {
    padding: 26px 18px
  }
}

@media only screen and (max-width: 979px) {
  .join-slider div#n2-ss-3 .n2-ss-section-main-content {
    padding: 22px 10px
  }
}

.join-slider div#n2-ss-3 .n2-ss-section-main-content *:nth-child(1) p {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  margin-top: auto
}

@media only screen and (max-width: 1279px) {
  .join-slider div#n2-ss-3 .n2-ss-section-main-content *:nth-child(1) p {
    font-size: 16px;
    line-height: 140%
  }
}

.join-slider div#n2-ss-3 .n2-ss-section-main-content *:nth-child(2) p {
  font-family: "Montserrat";
  font-weight: 300;
  font-size: 20px;
  line-height: 110%;
  margin-top: 20px
}

@media only screen and (max-width: 1279px) {
  .join-slider div#n2-ss-3 .n2-ss-section-main-content *:nth-child(2) p {
    font-size: 16px;
    line-height: 110%;
    margin-top: 8px
  }
}

.join-slider div#n2-ss-3 .n2-ss-section-main-content *:nth-child(3) p {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 18px;
  line-height: 103.1%;
  color: #2c99a4;
  margin-top: 10px
}

@media only screen and (max-width: 1279px) {
  .join-slider div#n2-ss-3 .n2-ss-section-main-content *:nth-child(3) p {
    font-size: 16px;
    line-height: 103.1%
  }
}

@media only screen and (max-width: 979px) {
  .join-slider div#n2-ss-3 .n2-ss-section-main-content *:nth-child(3) p {
    margin-top: 4px
  }
}

.join-slider div#n2-ss-3 .n2-ss-section-main-content *:nth-child(4) {
  position: absolute;
  right: 25px;
  bottom: 32px;
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-white.svg");
  width: 32px;
  height: 21px;
  background-size: cover;
  background-position: center
}

@media only screen and (max-width: 1279px) {
  .join-slider div#n2-ss-3 .n2-ss-section-main-content *:nth-child(4) {
    right: 14px;
    bottom: 23px;
    margin-top: 8px
  }
}

.join-slider__wrapper {
  max-width: 100%;
  width: 100%;
  margin-top: auto;
  display: block;
  cursor: pointer;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2))
}

.join-slider__wrapper:hover {
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .join-slider__wrapper {
    max-height: 225px
  }
}

@media only screen and (max-width: 979px) {
  .join-slider__wrapper {
    max-width: none;
    width: calc(100% + 40px);
    margin: 0 -20px
  }
}

.join-slider__wrapper div#n2-ss-3 .n2-ss-slider-1 {
  cursor: pointer !important
}

.content-insights__button.content-button {
  margin: 0 auto;
  grid-column: 1/3;
  grid-row: 5/5
}

@media only screen and (max-width: 979px) {
  .content-insights__button.content-button {
    display: none
  }
}

.mobile-content-insights__button.content-button {
  display: none
}

@media only screen and (max-width: 979px) {
  .mobile-content-insights__button.content-button {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 43px
  }
}

#content-button {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto
}

.spacer {
  width: 100%
}

.spacer.big {
  height: 100px
}

@media only screen and (max-width: 1279px) {
  .spacer.big {
    height: 60px
  }
}

.spacer.middle {
  height: 75px
}

@media only screen and (max-width: 1279px) {
  .spacer.middle {
    height: 40px
  }
}

.spacer.small {
  height: 50px
}

@media only screen and (max-width: 1279px) {
  .spacer.small {
    height: 30px
  }
}

.before-footer-section {
  width: 100%;
  position: relative;
  background: #fff;
  padding-top: 60px;
  overflow: hidden
}

@media only screen and (max-width: 1279px) {
  .before-footer-section {
    padding-top: 20px
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section {
    padding-top: 10px
  }
}

.before-footer-section:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: calc(50% + 40px);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  height: 200%
}

@media only screen and (max-width: 979px) {
  .before-footer-section:before {
    display: none
  }
}

.before-footer-section:after {
  content: "";
  width: 100%;
  height: 20px;
  left: 0;
  background: #fff;
  position: absolute;
  top: calc(100% - 20px);
  z-index: 51
}

@media only screen and (max-width: 979px) {
  .before-footer-section:after {
    display: none
  }
}

.before-footer-section__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 979px) {
  .before-footer-section__container {
    width: 100%;
    padding: 0 30px
  }
}

.before-footer-section__container:before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 76px);
  top: 37px;
  background: #582362
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__container:before {
    width: 140%;
    left: -20%;
    height: calc(100% - 44px);
    top: 22px
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__container:before {
    width: 100%;
    height: 50%;
    top: 50%;
    left: 0;
    background: #582362;
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0)
  }
}

.before-footer-section__item {
  position: relative;
  z-index: 52;
  width: 50%
}

@media only screen and (max-width: 979px) {
  .before-footer-section__item {
    width: 100%
  }
}

.before-footer-section__image {
  display: block;
  max-width: 437px;
  margin-left: auto;
  margin-right: 0;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, .183282)
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__image {
    max-width: 370px
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__image {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
  }
}

.before-footer-section__title_mobile {
  width: 100%;
  display: none;
  font-weight: 300;
  font-size: 25px;
  line-height: 1.33;
  text-align: center;
  color: #582362;
  margin: 0 auto 30px;
  max-width: 264px
}

.before-footer-section__title_mobile br {
  display: block
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__title_mobile br {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__title_mobile br {
    display: none
  }
}

.before-footer-section__title_mobile br.desktop {
  display: none
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__title_mobile br.desktop {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__title_mobile br.desktop {
    display: none
  }
}

.before-footer-section__title_mobile br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__title_mobile br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__title_mobile br.mobile {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__title_mobile {
    display: block
  }
}

.before-footer-section__image-wrapper {
  text-align: right;
  padding-right: 55px;
  padding-bottom: 10px
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__image-wrapper {
    padding-right: 0
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__image-wrapper {
    text-align: center
  }
}

.before-footer-section__content {
  padding-left: 77px;
  padding-right: 32px
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__content {
    padding-left: 0;
    padding-right: 0;
    max-width: 352px
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__content {
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 30px 0 45px
  }
}

.before-footer-section__title {
  font-style: normal;
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  color: #fff;
  margin-bottom: 20px
}

.before-footer-section__title br {
  display: block
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__title br {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__title br {
    display: none
  }
}

.before-footer-section__title br.desktop {
  display: none
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__title br.desktop {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__title br.desktop {
    display: none
  }
}

.before-footer-section__title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__title br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__title br.mobile {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__title {
    font-size: 25px
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__title {
    display: none
  }
}

.before-footer-section__description {
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 10px
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__description {
    font-size: 18px
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__description {
    font-size: 16px
  }
}

.before-footer-section__button {
  font-weight: 300;
  font-size: 25px;
  line-height: 1.2;
  color: #fff;
  position: relative;
  left: -16px
}

.before-footer-section__button.button--cta {
  left: 0;
  margin-top: 33px;
  font-size: 23px;
  height: 92px
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__button {
    font-size: 22px
  }
}

@media only screen and (max-width: 979px) {
  .before-footer-section__button {
    font-size: 18px;
    left: 0
  }
}

@media only screen and (max-width: 1279px) {
  .before-footer-section__button:hover {
    color: #fff
  }
}

.before-footer-section .brands-map__line-box--los-angeles {
  bottom: calc(51% / 2);
  left: 18%
}

.before-footer-section .brands-map__line-box--chicago {
  bottom: calc(62% / 2);
  left: 24%
}

.before-footer-section .brands-map__line-box--winnipeg {
  bottom: calc(61% / 2);
  left: 18.5%
}

.before-footer-section .brands-map__line-box--denver {
  bottom: calc(55% / 2);
  left: 20.5%
}

.before-footer-section .brands-map__line-box--houston {
  bottom: calc(54% / 2);
  left: 23.5%
}

.before-footer-section .brands-map__line-box--quebec {
  bottom: calc(65.5% / 2);
  left: 21.5%
}

.before-footer-section .brands-map__line-box--miami {
  bottom: calc(60% / 2);
  left: 27%
}

.before-footer-section .brands-map__line-box--paris {
  bottom: calc(75 / 2);
  left: 47.5%
}

.before-footer-section .brands-map__line-box--london {
  bottom: calc(80% / 2);
  left: 46.5%
}

.before-footer-section .brands-map__line-box--perth {
  bottom: calc(36% / 2);
  right: 28.5%
}

.before-footer-section .brands-map__line-box--sydney {
  bottom: calc(29.5% / 2);
  right: 22.5%
}

.before-footer-section .brands-map__line-box--dublin {
  bottom: calc(80% / 2);
  left: 44.5%
}

.before-footer-section .brands-map__line-box--vancouver {
  bottom: calc(53% / 2);
  left: 15.5%
}

.before-footer-section .brands-map__line-box--berlin {
  bottom: calc(78% / 2);
  left: 49%
}

.before-footer-section .brands-map__line-box--brisbane {
  bottom: calc(25% / 2);
  right: 23%
}

.before-footer-section .brands-map__line-box--bombai {
  bottom: calc(61% / 2);
  right: 35%
}

.before-footer-section .brands-map__stats-container {
  -ms-flex-direction: column;
  flex-direction: column
}

.before-footer-section .brands-map__stat {
  width: 100%
}

.before-footer-section .brands-map__stat-number {
  font-size: 3rem;
  width: 35%;
  text-align: right
}

.before-footer-section .brands-map__stat-text {
  font-size: 1.6rem;
  -ms-flex-direction: row;
  flex-direction: row;
  width: calc(65% - 1rem);
  text-align: left
}

.before-footer-section .brands-map__stat-text span br {
  display: none
}

.before-footer-section .brands-map__reward-box {
  width: 25rem
}

@media screen and (max-width: 768px) {
  @-webkit-keyframes increase {
    100% {
      width: 12rem
    }
  }

  @keyframes increase {
    100% {
      width: 12rem
    }
  }

  @-webkit-keyframes grow {
    0% {
      height: 0
    }

    100% {
      height: 12rem
    }
  }

  @keyframes grow {
    0% {
      height: 0
    }

    100% {
      height: 12rem
    }
  }

  @-webkit-keyframes decrease {
    0% {
      width: 12rem
    }

    100% {
      width: 0
    }
  }

  @keyframes decrease {
    0% {
      width: 12rem
    }

    100% {
      width: 0
    }
  }

  @-webkit-keyframes shrink {
    0% {
      height: 12rem
    }

    100% {
      height: 0
    }
  }

  @keyframes shrink {
    0% {
      height: 12rem
    }

    100% {
      height: 0
    }
  }
}

@-webkit-keyframes increase {
  100% {
    width: 15rem
  }
}

@keyframes increase {
  100% {
    width: 15rem
  }
}

@-webkit-keyframes grow {
  0% {
    height: 0
  }

  100% {
    height: 15rem
  }
}

@keyframes grow {
  0% {
    height: 0
  }

  100% {
    height: 15rem
  }
}

@-webkit-keyframes decrease {
  0% {
    width: 15rem
  }

  100% {
    width: 0
  }
}

@keyframes decrease {
  0% {
    width: 15rem
  }

  100% {
    width: 0
  }
}

@-webkit-keyframes shrink {
  0% {
    height: 15rem
  }

  100% {
    height: 0
  }
}

@keyframes shrink {
  0% {
    height: 15rem
  }

  100% {
    height: 0
  }
}

.before-footer-section .brands-map__map {
  margin-bottom: -1.4em
}

@media screen and (min-width: 990px) {
  .before-footer-section .brands-map__map {
    margin-bottom: -3.4em
  }
}

.before-footer-section .brands-map__reward-box {
  background-color: #fff
}

.top-section-full {
  width: 100%;
  position: relative
}

.top-section-full:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(74, 74, 74, .45);
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  z-index: 1
}

.top-section-full__img {
  display: block;
  position: relative;
  width: calc(100% + 200px);
  height: auto;
  top: 0;
  left: -200px
}

@media only screen and (max-width: 1279px) {
  .top-section-full__img {
    width: calc(100% + 120px);
    height: auto;
    top: 0;
    left: -120px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-full__img {
    left: 0;
    width: auto;
    max-height: 100%
  }
}

.top-section-full__container {
  position: absolute;
  height: 100%;
  top: 0;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 65px
}

@media only screen and (max-width: 979px) {
  .top-section-full__container {
    position: static;
    width: 100%;
    left: 0;
    -webkit-transform: none;
    transform: none;
    padding-top: 0;
    height: auto
  }
}

.top-section-full__img-wrap {
  position: relative;
  margin-bottom: 0;
  width: 100%;
  overflow: hidden
}

@media only screen and (max-width: 979px) {
  .top-section-full__img-wrap {
    height: 330px
  }
}

@media only screen and (max-width: 480px) {
  .top-section-full__img-wrap {
    height: 215px;
    padding-top: 35px
  }
}

.top-section-full__title {
  font-weight: bold;
  font-size: 38px;
  line-height: 1.25;
  color: #fff;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .top-section-full__title {
    font-size: 28px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-full__title {
    font-size: 25px;
    padding: 45px 30px;
    margin-bottom: 0;
    position: absolute;
    top: calc(50% + 35px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    text-align: center;
    width: 100%;
    display: none;
    min-height: 150px
  }
}

.top-section-full__title_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-full__title_mobile {
    display: block
  }
}

.top-section-full__title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-full__title br {
    display: block
  }
}

.top-section-full__description {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .top-section-full__description {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-full__description {
    padding: 0 30px 30px;
    text-align: center;
    background: transparent;
    position: relative;
    z-index: 3
  }
}

.top-section-full__description p {
  margin-bottom: 0
}

.top-section-full__description strong {
  font-weight: 700
}

.top-section-full__description br {
  display: none
}

@media only screen and (max-width: 1279px) {
  .top-section-full__description br {
    display: inline-block
  }
}

.top-section-full__content {
  width: 50%;
  max-width: 547px;
  text-align: left
}

@media only screen and (max-width: 1279px) {
  .top-section-full__content {
    max-width: 370px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-full__content {
    max-width: 100%;
    width: 100%;
    padding-top: 30px;
    background: linear-gradient(101.49deg, #582362 22.56%, #883C96 100%);
    position: relative;
    z-index: 3
  }
}

.top-section-full__sub-title {
  font-weight: normal;
  font-size: 32px;
  line-height: 1.21;
  color: #fff;
  margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
  .top-section-full__sub-title {
    font-size: 28px
  }
}

@media only screen and (max-width: 979px) {
  .top-section-full__sub-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px
  }
}

.top-section-full__sub-title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .top-section-full__sub-title br {
    display: inline-block
  }
}

.thank-you-page__post-side {
  border-top: none;
  padding-top: 0
}

.thank-you-page__recent-title {
  color: #582362
}

.thank-you-page__content_title {
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 0;
  padding-top: 90px
}

@media only screen and (max-width: 1279px) {
  .thank-you-page__content_title {
    padding-top: 70px;
    font-size: 18px
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page__content_title {
    padding-top: 50px;
    max-width: 258px
  }
}

.thank-you-page__resources-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.25;
  color: #582362;
  margin-bottom: 30px
}

@media only screen and (max-width: 979px) {
  .thank-you-page__resources-title {
    max-width: 231px;
    margin-left: auto;
    margin-right: auto
  }
}

.thank-you-page__content {
  width: 75%;
  padding: 0 40px 0 0
}

@media only screen and (max-width: 979px) {
  .thank-you-page__content {
    padding: 30px 0;
    width: 100%;
    margin-bottom: 50px;
    position: relative
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page__content:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    top: 0;
    left: -50%;
    background: rgba(239, 233, 231, .44);
    z-index: -1
  }
}

.thank-you-page .resources-card {
  width: 310px;
  margin-right: 50px
}

@media only screen and (max-width: 1279px) {
  .thank-you-page .resources-card {
    width: 231px;
    margin-right: 40px
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page .resources-card {
    margin: 0 0 40px
  }
}

.thank-you-page .resources-card:last-child {
  margin-right: 0
}

@media only screen and (max-width: 979px) {
  .thank-you-page .resources-card:last-child {
    margin-bottom: 0
  }
}

.thank-you-page .resources-card_1 {
  display: none
}

.thank-you-page .resources-card_2 {
  display: none
}

.thank-you-page__resources-container {
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 979px) {
  .thank-you-page__resources-container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }
}

.thank-you-page__container {
  padding: 90px 0 110px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 1279px) {
  .thank-you-page__container {
    padding: 70px 0 70px
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page__container {
    padding: 50px 0 0
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page__side-panel {
    max-width: 230px;
    margin-left: auto;
    margin-right: auto
  }
}

.thank-you-page-default header {
  background: #582362
}

@media only screen and (max-width: 991px) {
  .thank-you-page-default .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-white.svg)
  }
}

.thank-you-page-default .logo__image {
  display: block
}

.thank-you-page-default .logo__image--dark {
  display: none
}

.thank-you-page-default .menu-wrapper--scrolled .logo__image {
  display: none
}

.thank-you-page-default .menu-wrapper--scrolled .logo__image--dark {
  display: block
}

@media only screen and (max-width: 991px) {
  .thank-you-page-default .menu-wrapper--scrolled .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-purple.svg)
  }
}

.thank-you-page-default .top-section-full__img {
  left: -30px;
  width: calc(100% + 30px);
  margin-bottom: -40px
}

@media only screen and (max-width: 979px) {
  .thank-you-page-default .top-section-full__img {
    width: auto;
    min-width: 100%;
    left: 0;
    margin-bottom: 0
  }
}

.thank-you-page-default .top-section-full__img-wrap {
  padding-top: 40px
}

@media only screen and (max-width: 979px) {
  .thank-you-page-default .top-section-full__img-wrap {
    padding-top: 63px
  }
}

.thank-you-page-default__container {
  width: 100%
}

.thank-you-page-default__logo-wrapper {
  width: 100%;
  padding-top: 100px;
  margin-bottom: 30px
}

@media only screen and (max-width: 1279px) {
  .thank-you-page-default__logo-wrapper {
    margin-bottom: 35px
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page-default__logo-wrapper {
    padding-top: 105px;
    margin-bottom: 40px
  }
}

.thank-you-page-default__logo {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block
}

@media only screen and (max-width: 979px) {
  .thank-you-page-default__logo {
    max-width: 170px
  }
}

.thank-you-page-default__content {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, .24);
  padding: 80px 40px 55px;
  margin-bottom: 45px;
  max-width: 935px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .thank-you-page-default__content {
    margin-bottom: 125px
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page-default__content {
    width: 100%;
    max-width: 315px;
    padding: 35px 10px 55px;
    margin-bottom: 55px
  }
}

.thank-you-page-default__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 1.33;
  text-align: center;
  color: #582362;
  margin-bottom: 5px
}

@media only screen and (max-width: 979px) {
  .thank-you-page-default__title {
    font-size: 28px;
    line-height: 1.21;
    max-width: 223px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px
  }
}

.thank-you-page-default__subtitle {
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 35px
}

@media only screen and (max-width: 979px) {
  .thank-you-page-default__subtitle {
    font-size: 16px;
    max-width: 215px;
    margin-left: auto;
    margin-right: auto
  }
}

.thank-you-page-default__subtitle-bottom {
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .thank-you-page-default__subtitle-bottom {
    font-size: 16px
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page-default__subtitle-bottom_2 {
    margin-top: 30px;
    max-width: 205px;
    margin-left: auto;
    margin-right: auto
  }
}

.thank-you-page-default__subtitle-bottom span {
  color: #582362;
  font-weight: 600;
  display: inline-block;
  width: 20px
}

.thank-you-page-default__icon {
  position: relative;
  width: 65px;
  height: 65px;
  margin: 0 auto 35px
}

.thank-you-page-default__icon_square1 {
  position: absolute;
  background: #2c99a4;
  width: 21px;
  height: 21px;
  top: 0;
  left: 0
}

.thank-you-page-default__icon_square2 {
  position: absolute;
  background: #572162;
  width: 31px;
  height: 31px;
  top: 15px;
  left: auto;
  right: 0
}

.thank-you-page-default__icon_square3 {
  position: absolute;
  background: #9dc92e;
  width: 13px;
  height: 13px;
  top: auto;
  bottom: 0;
  left: 17px
}

.thank-you-page-default__banner-wrapper {
  width: 100%;
  margin-bottom: 45px
}

@media only screen and (max-width: 1279px) {
  .thank-you-page-default__banner-wrapper {
    margin-bottom: 130px
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page-default__banner-wrapper {
    margin-bottom: 55px
  }
}

.thank-you-page-default__banner {
  display: block;
  width: 100%;
  text-align: center
}

.thank-you-page-default__banner-link {
  display: block;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 979px) {
  .thank-you-page-default__banner-link {
    max-width: 315px
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page-video .thank-you-page__resources-title {
    text-align: center
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page-video .video-content-live__item {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page-video .video-content {
    margin-bottom: 26px
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page-video .video-content-live__title {
    -ms-flex-order: 4;
    order: 4;
    color: #4a4a4a
  }
}

@media only screen and (max-width: 979px) {
  .thank-you-page-video .video-content-live {
    margin-bottom: 0
  }
}

.case-template-default .top-section-w-image__purple-bar-top {
  background: linear-gradient(91.44deg, #582362 0%, #2C99A4 100%)
}

@media only screen and (max-width: 979px) {
  .case-study__container {
    width: 100%
  }
}

.case-study__icons {
  margin-bottom: 100px
}

@media only screen and (max-width: 979px) {
  .case-study__icons {
    margin-bottom: 55px
  }
}

.case-study__title {
  font-size: 38px;
  line-height: 1.33;
  text-align: center;
  color: #582362;
  margin-bottom: 45px
}

@media only screen and (max-width: 1279px) {
  .case-study__title {
    font-size: 36px;
    margin-bottom: 40px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__title {
    font-size: 25px;
    margin-bottom: 10px
  }
}

.case-study__icons-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .case-study__icons-wrapper {
    margin: 0 -25px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__icons-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 20px;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.case-study__icon-item {
  width: 200px;
  height: 200px;
  padding: 0px;
  margin: 0 30px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  border-radius: 50%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .case-study__icon-item {
    width: 168px;
    height: 168px;
    margin: 0 25px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__icon-item {
    width: 115px;
    height: 115px;
    margin: 16px
  }
}

.case-study__icon-item picture {
  text-align: center;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.case-study__icon {
  max-width: 80%;
  max-height: 80%
}

@media only screen and (max-width: 979px) {
  .single-case-let-diners-know-you-saved-them-a-seat .case-study__icon {
    max-height: 60%
  }
}

.case-study__cards {
  margin-bottom: 70px;
  padding: 0 0 20px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .case-study__cards {
    padding-bottom: 10px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__cards {
    margin-bottom: 33px;
    padding: 0 15px 55px
  }
}

.case-study__cards:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 25px;
  height: 3px;
  width: calc(100% - 50px);
  background: rgba(74, 74, 74, .1)
}

@media only screen and (max-width: 1279px) {
  .case-study__cards:after {
    width: 100%;
    left: 0
  }
}

@media only screen and (max-width: 979px) {
  .case-study__cards:after {
    width: 160px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.case-study__cards-title {
  margin-bottom: 15px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .case-study__cards-title {
    margin-bottom: 20px;
    max-width: 770px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__cards-title {
    margin-bottom: 15px
  }
}

.case-study__cards-title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .case-study__cards-title br {
    display: block
  }
}

.case-study__cards-title br.desktop {
  display: block
}

.case-study__cards-title br.tablet {
  display: none
}

.case-study__cards-title br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .case-study__cards-title br.desktop {
    display: none
  }

  .case-study__cards-title br.tablet {
    display: block
  }

  .case-study__cards-title br.mobile {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .case-study__cards-title br.tablet {
    display: none
  }

  .case-study__cards-title br.mobile {
    display: block
  }
}

.case-study__cards-subtitle {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 0
}

.case-study__cards-subtitle br {
  display: none
}

@media only screen and (max-width: 979px) {
  .case-study__cards-subtitle br {
    display: block
  }
}

.case-study__cards-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 55px
}

@media only screen and (max-width: 979px) {
  .case-study__cards-wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch
  }
}

.case-study__cards-wrapper--34 {
  width: calc(100% + 140px);
  margin: 0 -70px
}

@media only screen and (max-width: 979px) {
  .case-study__cards-wrapper--34 {
    width: auto;
    margin: 0
  }
}

.case-study__cards-item {
  width: 33.33%;
  text-align: center;
  margin-bottom: 60px
}

@media only screen and (max-width: 1279px) {
  .case-study__cards-item {
    width: 50%;
    margin-bottom: 80px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__cards-item {
    margin-bottom: 0;
    width: 244px;
    position: relative;
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 15px 23px
  }
}

.case-study__cards-item_2 {
  width: 50%
}

@media only screen and (max-width: 1279px) {
  .case-study__cards-item_2 .case-study__cards-text {
    max-width: 305px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 1279px) {
  .case-study__cards-item_2 .case-study__cards-text br {
    display: none
  }
}

.case-study__cards-item_2 .case-study__cards-text br.table-br {
  display: none
}

@media only screen and (max-width: 1279px) {
  .case-study__cards-item_2 .case-study__cards-text br.table-br {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .case-study__cards-item_2 .case-study__cards-text br.table-br {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .case-study__cards-item_2 {
    width: 244px
  }
}

.case-study__cards-item_4 {
  width: 25%
}

@media only screen and (max-width: 1279px) {
  .case-study__cards-item_4 {
    width: 50%
  }
}

@media only screen and (max-width: 979px) {
  .case-study__cards-item_4 {
    width: 244px
  }
}

.case-study__cards-item_34:nth-child(1),
.case-study__cards-item_34:nth-child(2),
.case-study__cards-item_34:nth-child(3) {
  width: 33.33%
}

@media only screen and (max-width: 1279px) {

  .case-study__cards-item_34:nth-child(1),
  .case-study__cards-item_34:nth-child(2),
  .case-study__cards-item_34:nth-child(3) {
    width: 50%
  }
}

@media only screen and (max-width: 979px) {

  .case-study__cards-item_34:nth-child(1),
  .case-study__cards-item_34:nth-child(2),
  .case-study__cards-item_34:nth-child(3) {
    width: 244px
  }
}

.case-study__cards-item_34:nth-child(1) {
  padding-left: 65px
}

@media only screen and (max-width: 1279px) {
  .case-study__cards-item_34:nth-child(1) {
    padding-left: 0
  }
}

.case-study__cards-item_34:nth-child(3) {
  padding-right: 148px
}

@media only screen and (max-width: 1279px) {
  .case-study__cards-item_34:nth-child(3) {
    padding-right: 0
  }
}

.case-study__cards-item_34:nth-child(4),
.case-study__cards-item_34:nth-child(5),
.case-study__cards-item_34:nth-child(6),
.case-study__cards-item_34:nth-child(7) {
  width: 25%
}

@media only screen and (max-width: 1279px) {

  .case-study__cards-item_34:nth-child(4),
  .case-study__cards-item_34:nth-child(5),
  .case-study__cards-item_34:nth-child(6),
  .case-study__cards-item_34:nth-child(7) {
    width: 50%
  }
}

@media only screen and (max-width: 979px) {

  .case-study__cards-item_34:nth-child(4),
  .case-study__cards-item_34:nth-child(5),
  .case-study__cards-item_34:nth-child(6),
  .case-study__cards-item_34:nth-child(7) {
    width: 244px
  }
}

@media only screen and (max-width: 1279px) {
  .case-study__cards-item_34 br {
    display: none
  }
}

.case-study__cards-item_34 br.table-br {
  display: none
}

@media only screen and (max-width: 1279px) {
  .case-study__cards-item_34 br.table-br {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .case-study__cards-item_34 br.table-br {
    display: none
  }
}

@media only screen and (max-width: 1279px) {
  .case-study__cards-item_no_change {
    width: 33.33%
  }
}

@media only screen and (max-width: 979px) {
  .case-study__cards-item_no_change {
    width: 244px
  }
}

.case-study__cards-image-wrapper {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  height: 53px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 979px) {
  .case-study__cards-image-wrapper {
    position: absolute;
    top: -33px;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 17px 15px 0;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .case-study__cards-image-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
    z-index: -2
  }

  .case-study__cards-image-wrapper:after {
    content: "";
    position: absolute;
    top: 33px;
    left: -50%;
    width: 200%;
    height: 63%;
    background-color: #fff;
    z-index: -2
  }
}

.case-study__cards-text {
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .case-study__cards-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding-top: 25px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__cards-text br {
    display: none
  }
}

.case-study__cards-image {
  max-width: 100%
}

@media only screen and (max-width: 979px) {
  .case-study__cards-image.position-left {
    margin-left: -10px
  }
}

.case-study__cards-slider {
  width: 100%
}

@media only screen and (max-width: 979px) {
  .case-study__cards-slider {
    padding: 0 45px
  }
}

.case-study__info {
  padding-top: 135px;
  margin-bottom: 0;
  padding-bottom: 55px
}

@media only screen and (max-width: 1279px) {
  .case-study__info {
    padding-top: 87px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__info {
    padding-top: 70px;
    padding-bottom: 30px
  }
}

.case-study__info-title {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .case-study__info-title {
    max-width: 100%;
    margin-bottom: 15px;
    padding: 0 15px
  }
}

.case-study__info-title br {
  display: none
}

@media only screen and (max-width: 979px) {
  .case-study__info-title br {
    display: block
  }
}

.case-study__info-title .br-not-mobile {
  display: block
}

@media only screen and (max-width: 1279px) {
  .case-study__info-title .br-not-mobile {
    display: none
  }
}

@media only screen and (max-width: 767px) {
  .case-study__info--cards .case-study__info-title {
    max-width: 500px
  }
}

@media only screen and (max-width: 480px) {
  .case-study__info--cards .case-study__info-title {
    max-width: 360px
  }
}

.case-study__info-title br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .case-study__info-title br.desktop {
    display: none
  }
}

.case-study__info-title br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .case-study__info-title br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .case-study__info-title br.tablet {
    display: none
  }
}

.case-study__info-title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .case-study__info-title br.mobile {
    display: block
  }
}

.case-study__info-subtitle {
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  text-align: center;
  color: #4a4a4a;
  padding: 20px;
  margin-bottom: 35px;
  display: block
}

.case-study__info--cards .case-study__info-subtitle {
  font-weight: bold;
  font-size: 23px;
  color: #2c99a4;
  padding: 0;
  background: none
}

@media only screen and (max-width: 979px) {
  .case-study__info--cards .case-study__info-subtitle {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 30px
  }
}

@media only screen and (max-width: 767px) {
  .case-study__info--cards .case-study__info-subtitle {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto
  }
}

.case-study__info-wrapper {
  position: relative;
  margin: 0 -25px
}

.case-study__info-wrapper:before {
  content: "";
  position: absolute;
  left: -50%;
  top: 50%;
  height: 100%;
  width: 200%;
  background: linear-gradient(180deg, #ffffff 0%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
  z-index: -1
}

.case-study__info-images {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
  max-width: 952px;
  margin: 0 auto;
  margin-bottom: -50px;
  margin-top: -50px
}

@media only screen and (max-width: 1279px) {
  .case-study__info-images {
    margin-top: 0
  }
}

@media only screen and (max-width: 979px) {
  .case-study__info-images {
    margin-bottom: 0
  }
}

.case-study__info-image {
  max-width: 100%
}

.case-study__info-image-wrapper_1 {
  max-width: 775px;
  margin-left: 142px
}

@media only screen and (max-width: 979px) {
  .case-study__info-image-wrapper_1 {
    max-width: 78%;
    margin-right: 0px;
    margin-left: 109px
  }
}

@media only screen and (max-width: 480px) {
  .case-study__info-image-wrapper_1 {
    margin-right: 34px
  }
}

.case-study__info-image-wrapper_2 {
  max-width: 525px;
  position: absolute;
  top: auto;
  bottom: -22px;
  left: 40px
}

@media only screen and (max-width: 979px) {
  .case-study__info-image-wrapper_2 {
    max-width: 50.5%;
    bottom: -1px;
    left: 16px
  }
}

.case-study__info-image-wrap-one {
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {
  .case-study__info-image-wrap-one {
    display: none
  }
}

.case-study__info-image-wrap-one_tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .case-study__info-image-wrap-one_tablet {
    display: block;
    text-align: center;
    max-width: 863px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__info-image-wrap-one_tablet {
    display: none
  }
}

.case-study__info-image-wrap-one_mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .case-study__info-image-wrap-one_mobile {
    display: block;
    text-align: center
  }
}

.case-study__info-image-one {
  width: 100%;
  max-width: 100%
}

@media only screen and (max-width: 979px) {
  .case-study__info-image-one {
    max-width: 368px;
    margin-left: auto;
    margin-right: auto
  }
}

.case-study__info-image-wrap-two {
  display: block;
  text-align: center;
  margin: 0 25px 68px
}

@media only screen and (max-width: 1279px) {
  .case-study__info-image-wrap-two {
    margin: 0 10px 50px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__info-image-wrap-two {
    margin-bottom: 54px
  }
}

.case-study__info-image-two {
  width: 100%;
  max-width: 100%;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 979px) {
  .case-study__info-image-two {
    max-width: 328px;
    margin-left: auto;
    margin-right: auto
  }
}

.case-study__info-image-two--desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .case-study__info-image-two--desktop {
    display: none
  }
}

.case-study__info-image-two--tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .case-study__info-image-two--tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .case-study__info-image-two--tablet {
    display: none
  }
}

.case-study__info-image-two--mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .case-study__info-image-two--mobile {
    display: block
  }
}

.case-study__info-inner {
  background: #fff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  padding-bottom: 30px;
  width: calc(100% - 50px);
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px
}

@media only screen and (max-width: 1279px) {
  .case-study__info-inner {
    width: calc(100% - 20px)
  }
}

@media only screen and (max-width: 979px) {
  .case-study__info-inner {
    max-width: 330px;
    padding-bottom: 15px;
    margin-top: 0
  }
}

.case-study__subtitle {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  color: #2c99a4;
  padding: 20px;
  background: #f3f1f1;
  margin-bottom: 35px
}

@media only screen and (max-width: 1279px) {
  .case-study__subtitle {
    font-size: 16px
  }
}

.case-study__bottom-text {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  text-align: center;
  color: #4a4a4a;
  width: 100%;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .case-study__bottom-text {
    padding: 0 20px
  }
}

.case-study__table-inner {
  padding: 0 60px;
  margin-bottom: 15px
}

@media only screen and (max-width: 1279px) {
  .case-study__table-inner {
    padding: 0 25px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__table-inner {
    overflow: hidden
  }
}

.case-study__table-inner .swiper-pagination {
  position: relative;
  padding: 20px 0 5px
}

.case-study__table-inner .swiper-pagination .swiper-pagination-bullet {
  margin: 0 6px;
  border: 1px solid #582362
}

.case-study__table-inner .swiper-pagination .swiper-pagination-bullet-active {
  background: #582362
}

.case-study__table-wrapper {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width: 979px) {
  .case-study__table-wrapper {
    overflow: visible
  }
}

.case-study__table-list-item-title {
  font-weight: 300;
  font-size: 25px;
  line-height: 1.25;
  color: #582362;
  margin-bottom: 0;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .case-study__table-list-item-title {
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__table-list-item-title {
    font-size: 16px
  }
}

.case-study__table-list-item-description {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #4a4a4a;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .case-study__table-list-item-description {
    font-size: 12px
  }
}

.case-study__table-items-wrapper {
  display: -ms-flexbox;
  display: flex
}

.case-study__table-items-item {
  position: relative;
  width: calc(12.5% - 14px)
}

@media only screen and (max-width: 1279px) {
  .case-study__table-items-item {
    width: calc(14% - 12px)
  }
}

@media only screen and (max-width: 979px) {
  .case-study__table-items-item {
    width: 270px
  }
}

.case-study__table-items-item_1 {
  width: 50%;
  z-index: 1
}

@media only screen and (max-width: 1279px) {
  .case-study__table-items-item_1 {
    width: 44%
  }
}

.case-study__table-items-item_1 .case-study__table-item-box-info {
  max-width: 1000px;
  padding-right: 10px;
  padding-bottom: 10px
}

.case-study__table-items-item_1 .case-study__table-item-box-numbers {
  z-index: 1;
  width: calc(25% - 14px)
}

@media only screen and (max-width: 1279px) {
  .case-study__table-items-item_1 .case-study__table-item-box-numbers {
    width: calc(32.5% - 12px)
  }
}

@media only screen and (max-width: 979px) {
  .case-study__table-items-item_1 .case-study__table-item-box-numbers {
    width: 89px
  }
}

.case-study__table-items-item_2 {
  z-index: 2
}

.case-study__table-items-item_2 .case-study__table-item-box-numbers {
  z-index: 2
}

.case-study__table-items-item_3 {
  z-index: 3
}

.case-study__table-items-item_3 .case-study__table-item-box-numbers {
  z-index: 3
}

.case-study__table-items-item_4 {
  z-index: 4
}

.case-study__table-items-item_4 .case-study__table-item-box-numbers {
  z-index: 4
}

.case-study__table-items-item_5 {
  z-index: 5
}

.case-study__table-items-item_5 .case-study__table-item-box-numbers {
  z-index: 5
}

.case-study__table-items-item-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 140%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #fff;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0;
  height: 112px;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .case-study__table-items-item-title {
    font-size: 14px;
    height: 94px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__table-items-item-title {
    height: 89px;
    font-size: 12px
  }
}

.case-study__table-items-item-title_1 {
  background: #582362
}

.case-study__table-items-item-title_2 {
  background: #2c99a4
}

.case-study__table-items-item-title_3 {
  background: #292c49
}

.case-study__table-items-item-title_4 {
  background: #813a8e
}

.case-study__table-items-item-title_5 {
  background: #4a4a4a
}

.case-study__table-item-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 6px solid #572162;
  height: 100px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .case-study__table-item-box {
    height: 85px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__table-item-box {
    height: 80px
  }
}

.case-study__table-item-box:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 100%;
  width: 200%;
  background: #572162;
  height: 6px
}

@media only screen and (max-width: 979px) {
  .case-study__table-item-box:after {
    display: none
  }
}

.case-study__table-item-box:first-child {
  height: 170px
}

@media only screen and (max-width: 1279px) {
  .case-study__table-item-box:first-child {
    height: 142px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__table-item-box:first-child {
    height: 131px
  }
}

.case-study__table-item-box:first-child .case-study__table-item-box-numbers:after {
  display: none
}

.case-study__table-item-box:nth-child(2) .case-study__table-item-box-numbers:after {
  top: 19px
}

@media only screen and (max-width: 1279px) {
  .case-study__table-item-box:nth-child(2) .case-study__table-item-box-numbers:after {
    top: 14px
  }
}

.case-study__table-item-box:nth-child(3) .case-study__table-item-box-numbers:after {
  top: 16px
}

@media only screen and (max-width: 1279px) {
  .case-study__table-item-box:nth-child(3) .case-study__table-item-box-numbers:after {
    top: 13px
  }
}

.case-study__table-item-box:nth-child(4) .case-study__table-item-box-numbers:after {
  top: 25px
}

@media only screen and (max-width: 1279px) {
  .case-study__table-item-box:nth-child(4) .case-study__table-item-box-numbers:after {
    top: 24px
  }
}

.case-study__table-item-box-numbers {
  width: 100%;
  background: #f6f6f6;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}

@media only screen and (max-width: 979px) {
  .case-study__table-item-box-numbers {
    width: 89px
  }
}

.case-study__table-item-box-numbers:after {
  content: "";
  width: 200%;
  position: absolute;
  top: 30px;
  left: 0;
  height: 1px;
  border-bottom: 1px dashed #4a4a4a;
  z-index: 1
}

@media only screen and (max-width: 979px) {
  .case-study__table-item-box-numbers:after {
    width: 100%
  }
}

.case-study__table-item-box-info {
  max-width: 0;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: end;
  align-content: flex-end
}

@media only screen and (max-width: 979px) {
  .case-study__table-item-box-info {
    max-width: calc(100% - 89px);
    padding-right: 10px
  }
}

.case-study__table-items-item-nps {
  height: 57px;
  font-weight: bold;
  font-size: 40px;
  line-height: 1.4;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .case-study__table-items-item-nps {
    font-size: 35px;
    height: 47px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__table-items-item-nps {
    height: 44px;
    line-height: 1
  }
}

.case-study__table-items-item-nps_1 {
  color: #582362
}

.case-study__table-items-item-nps_2 {
  color: #2c99a4
}

.case-study__table-items-item-nps_3 {
  color: #292c49
}

.case-study__table-items-item-nps_4 {
  color: #813a8e
}

.case-study__table-items-item-nps_5 {
  color: #813a8e
}

.case-study__commitment,
.case-study__satisfaction,
.case-study__repurchase {
  width: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  padding-bottom: 10px
}

@media only screen and (max-width: 1279px) {

  .case-study__commitment,
  .case-study__satisfaction,
  .case-study__repurchase {
    font-size: 24px;
    width: 40px;
    padding-bottom: 7px
  }
}

.case-study__commitment_1,
.case-study__satisfaction_1,
.case-study__repurchase_1 {
  background: #582362
}

.case-study__commitment_2,
.case-study__satisfaction_2,
.case-study__repurchase_2 {
  background: #2c99a4
}

.case-study__commitment_3,
.case-study__satisfaction_3,
.case-study__repurchase_3 {
  background: #292c49
}

.case-study__commitment_4,
.case-study__satisfaction_4,
.case-study__repurchase_4 {
  background: #813a8e
}

.case-study__commitment_5,
.case-study__satisfaction_5,
.case-study__repurchase_5 {
  background: #4a4a4a
}

.case-study__repurchase_1 {
  height: 76px
}

@media only screen and (max-width: 1279px) {
  .case-study__repurchase_1 {
    height: 63px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__repurchase_1 {
    height: 60px
  }
}

.case-study__repurchase_2 {
  height: 82px
}

@media only screen and (max-width: 1279px) {
  .case-study__repurchase_2 {
    height: 67px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__repurchase_2 {
    height: 63px
  }
}

.case-study__repurchase_3 {
  height: 88px
}

@media only screen and (max-width: 1279px) {
  .case-study__repurchase_3 {
    height: 73px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__repurchase_3 {
    height: 69px
  }
}

.case-study__repurchase_4 {
  height: 76px
}

@media only screen and (max-width: 1279px) {
  .case-study__repurchase_4 {
    height: 63px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__repurchase_4 {
    height: 60px
  }
}

.case-study__repurchase_5 {
  height: 76px
}

@media only screen and (max-width: 1279px) {
  .case-study__repurchase_5 {
    height: 63px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__repurchase_5 {
    height: 60px
  }
}

.case-study__satisfaction_1 {
  height: 82px
}

@media only screen and (max-width: 1279px) {
  .case-study__satisfaction_1 {
    height: 68px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__satisfaction_1 {
    height: 65px
  }
}

.case-study__satisfaction_2 {
  height: 74px
}

@media only screen and (max-width: 1279px) {
  .case-study__satisfaction_2 {
    height: 62px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__satisfaction_2 {
    height: 59px
  }
}

.case-study__satisfaction_3 {
  height: 82px
}

@media only screen and (max-width: 1279px) {
  .case-study__satisfaction_3 {
    height: 68px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__satisfaction_3 {
    height: 65px
  }
}

.case-study__satisfaction_4 {
  height: 74px
}

@media only screen and (max-width: 1279px) {
  .case-study__satisfaction_4 {
    height: 62px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__satisfaction_4 {
    height: 59px
  }
}

.case-study__satisfaction_5 {
  height: 78px
}

@media only screen and (max-width: 1279px) {
  .case-study__satisfaction_5 {
    height: 64px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__satisfaction_5 {
    height: 67px
  }
}

.case-study__commitment_1 {
  height: 55px
}

@media only screen and (max-width: 1279px) {
  .case-study__commitment_1 {
    height: 46px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__commitment_1 {
    height: 44px
  }
}

.case-study__commitment_2 {
  height: 64px
}

@media only screen and (max-width: 1279px) {
  .case-study__commitment_2 {
    height: 53px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__commitment_2 {
    height: 50px
  }
}

.case-study__commitment_3 {
  height: 85px
}

@media only screen and (max-width: 1279px) {
  .case-study__commitment_3 {
    height: 70px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__commitment_3 {
    height: 66px
  }
}

.case-study__commitment_4 {
  height: 76px
}

@media only screen and (max-width: 1279px) {
  .case-study__commitment_4 {
    height: 62px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__commitment_4 {
    height: 59px
  }
}

.case-study__commitment_5 {
  height: 88px
}

@media only screen and (max-width: 1279px) {
  .case-study__commitment_5 {
    height: 72px
  }
}

.case-study__video-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0
}

@media only screen and (max-width: 979px) {
  .case-study__video-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.case-study__video-wrapper .case-study__video-figure {
  top: 123px;
  left: 192px;
  bottom: auto;
  -webkit-transform: none;
  transform: none;
  margin: 0;
  width: 600px
}

@media only screen and (max-width: 1279px) {
  .case-study__video-wrapper .case-study__video-figure {
    width: 453px;
    top: 93px;
    left: 147px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__video-wrapper .case-study__video-figure {
    width: 100%;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 1279px) {
  .case-study__video-wrapper .video-content-placeholder-button {
    width: 162px;
    height: 162px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__video-wrapper .video-content-placeholder-button {
    width: 140px;
    height: 140px
  }
}

@media only screen and (max-width: 1279px) {
  .case-study__video-wrapper .video-content-placeholder-button:hover {
    width: 162px;
    height: 162px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__video-wrapper .video-content-placeholder-button:hover {
    width: 140px;
    height: 140px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__video-wrapper .case-study__video-button-text {
    font-size: 16px
  }
}

@media only screen and (max-width: 1279px) {
  .case-study__video-wrapper .case-study__video-button-text:before {
    width: 37px;
    height: 44px;
    background-size: 100% auto
  }
}

@media only screen and (max-width: 979px) {
  .case-study__video-wrapper .case-study__video-button-text:before {
    width: 32px;
    height: 38px;
    -webkit-transform: none;
    transform: none
  }
}

.case-study__video-box {
  width: 987px;
  margin-top: -45px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: -170px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .case-study__video-box {
    width: 748px;
    margin-top: -55px;
    margin-left: -140px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__video-box {
    width: 100%;
    margin: 0;
    -ms-flex-order: 1;
    order: 1
  }
}

.case-study__video-main-image {
  margin: 0
}

@media only screen and (max-width: 979px) {
  .case-study__video-main-image {
    display: none
  }
}

.case-study__video-image-box {
  width: 340px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: -130px
}

@media only screen and (max-width: 1279px) {
  .case-study__video-image-box {
    width: 260px;
    margin-left: -110px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__video-image-box {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    padding-bottom: 25px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__video-image-box:before {
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 193px;
    background: linear-gradient(103.95deg, #572760 21.35%, #873b95 100%)
  }
}

.case-study__video {
  margin-bottom: -30px
}

@media only screen and (max-width: 1279px) {
  .case-study__video {
    margin-bottom: -10px;
    margin-top: 40px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__video {
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 30px
  }
}

.case-study__video-box-image {
  max-width: 100%
}

@media only screen and (max-width: 979px) {
  .case-study__video-box-image {
    max-width: 260px;
    position: relative;
    z-index: 2
  }
}

.case-study__video-image-main {
  max-width: 100%
}

.case-study__blue-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 60px -15px 80px;
  padding-bottom: 70px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .case-study__blue-cards {
    margin: -60px -15px 81px;
    padding-bottom: 85px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__blue-cards {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 30px;
    width: 100%;
    padding: 0 15px 40px
  }
}

.case-study__blue-cards:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(74, 74, 74, .1)
}

@media only screen and (max-width: 979px) {
  .case-study__blue-cards:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 160px
  }
}

.case-study__blue-card {
  max-width: 413px;
  width: 100%;
  margin: 0 15px
}

@media only screen and (max-width: 1279px) {
  .case-study__blue-card {
    max-width: 323px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__blue-card {
    margin: 42px auto 0
  }

  .case-study__blue-card:first-child {
    margin-top: 0
  }
}

.case-study__blue-card-title {
  background: #efe9e7;
  padding: 10px 34px;
  min-height: 150px;
  -ms-flex-pack: center;
  justify-content: center;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #4a4a4a
}

@media only screen and (max-width: 1279px) {
  .case-study__blue-card-title {
    font-size: 16px;
    line-height: 140%;
    min-height: 138px
  }
}

.case-study__blue-card-title br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .case-study__blue-card-title br.desktop {
    display: none
  }
}

.case-study__blue-card-title br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .case-study__blue-card-title br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .case-study__blue-card-title br.tablet {
    display: none
  }
}

.case-study__blue-card-title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .case-study__blue-card-title br.mobile {
    display: block
  }
}

.case-study__blue-card-content {
  margin-top: 8px;
  background: #2c99a4;
  padding: 34px 40px;
  color: #fff;
  min-height: 272px
}

@media only screen and (max-width: 1279px) {
  .case-study__blue-card-content {
    padding: 10px 40px 20px;
    min-height: 233px
  }
}

.case-study__blue-card-value {
  font-weight: bold;
  font-size: 64px;
  line-height: 140%;
  text-align: center
}

@media only screen and (max-width: 1279px) {
  .case-study__blue-card-value {
    line-height: 130%
  }
}

.case-study__blue-card-description {
  padding-top: 0px;
  position: relative;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.case-study__blue-card-description:before {
  content: "";
  position: absolute;
  bottom: -30px;
  width: 100%;
  max-width: 236px;
  height: 5px;
  background-color: rgba(255, 255, 255, .5);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 1279px) {
  .case-study__blue-card-description:before {
    max-width: 185px
  }
}

@media only screen and (max-width: 1279px) {
  .case-study__blue-card-description {
    font-size: 16px;
    line-height: 140%;
    max-width: 220px;
    margin: 0 auto
  }
}

.case-study__blue-card-description br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .case-study__blue-card-description br.desktop {
    display: none
  }
}

.case-study__blue-card-description br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .case-study__blue-card-description br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .case-study__blue-card-description br.tablet {
    display: none
  }
}

.case-study__blue-card-description br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .case-study__blue-card-description br.mobile {
    display: block
  }
}

.case-study-form {
  background: transparent;
  box-shadow: none;
  margin-bottom: 0;
  padding: 0 0 110px
}

@media only screen and (max-width: 1279px) {
  .case-study-form {
    margin: 0;
    width: 100%;
    position: static
  }
}

@media only screen and (max-width: 979px) {
  .case-study-form {
    padding-bottom: 70px
  }
}

.case-study-form__title,
.case-study-form__inner.hs-form-wrapper.form-submited .submitted-message {
  width: 100%;
  font-weight: 300;
  font-size: 55px;
  line-height: 1.25;
  text-align: center;
  max-width: 730px;
  margin: 0 auto 40px
}

@media only screen and (max-width: 1279px) {

  .case-study-form__title,
  .case-study-form__inner.hs-form-wrapper.form-submited .submitted-message {
    font-size: 48px;
    max-width: 700px
  }
}

@media only screen and (max-width: 979px) {

  .case-study-form__title,
  .case-study-form__inner.hs-form-wrapper.form-submited .submitted-message {
    font-size: 28px;
    max-width: 330px;
    margin-bottom: 20px
  }
}

.case-study-form__title-wrapper {
  width: 100%
}

.case-study-form__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #582362;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  margin-bottom: 140px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 55px 85px 0;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 1279px) {
  .case-study-form__inner {
    margin: 0 -50px 140px;
    padding: 40px 70px 0;
    position: relative
  }
}

@media only screen and (max-width: 979px) {
  .case-study-form__inner {
    margin: 0 0 75px;
    padding: 65px 25px 0
  }
}

.case-study-form__inner.hs-form-wrapper.form-submited .case-study-form__title,
.case-study-form__inner.hs-form-wrapper.form-submited .submitted-message,
.case-study-form__inner.hs-form-wrapper.form-submited .case-study-form__image-wrapper {
  display: none
}

.case-study-form__inner.hs-form-wrapper.form-submited .submitted-message {
  display: block;
  margin-bottom: 85px
}

@media only screen and (max-width: 1279px) {
  .case-study-form__inner.hs-form-wrapper.form-submited .submitted-message {
    margin-bottom: 65px
  }
}

@media only screen and (max-width: 979px) {
  .case-study-form__inner.hs-form-wrapper.form-submited .submitted-message {
    margin-bottom: 35px
  }
}

.case-study-form__inner.hs-form-wrapper.form-submited .case-study-form__thanks-icon {
  display: block;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .case-study-form__inner.hs-form-wrapper.form-submited .case-study-form__thanks-icon svg {
    max-width: 104px;
    max-height: 120px
  }
}

.case-study-form__inner.hs-form-wrapper.form-submited .case-study-form__wrapper {
  width: 100%;
  padding-bottom: 145px
}

@media only screen and (max-width: 1279px) {
  .case-study-form__inner.hs-form-wrapper.form-submited .case-study-form__wrapper {
    padding-bottom: 95px
  }
}

@media only screen and (max-width: 979px) {
  .case-study-form__inner.hs-form-wrapper.form-submited .case-study-form__wrapper {
    padding-bottom: 65px
  }
}

.case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) {
  background: #fff;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0
}

.case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .case-study-form__wrapper {
  width: 100%;
  padding-bottom: 0
}

.case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .case-study-form__title-wrapper {
  padding: 80px 10px;
  background: #582362;
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .case-study-form__title-wrapper {
    padding: 70px 0
  }
}

@media only screen and (max-width: 979px) {
  .case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .case-study-form__title-wrapper {
    padding: 65px 0
  }
}

.case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .case-study-form__image-wrapper {
  display: none
}

.case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .case-study-form__title,
.case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .submitted-message {
  max-width: 100%;
  font-size: 38px;
  line-height: 133%;
  margin-bottom: 0
}

@media only screen and (max-width: 1279px) {

  .case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .case-study-form__title,
  .case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .submitted-message {
    font-size: 36px;
    line-height: 133%
  }
}

@media only screen and (max-width: 979px) {

  .case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .case-study-form__title,
  .case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .submitted-message {
    font-size: 28px;
    line-height: 121.4%
  }
}

.case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .submitted-message {
  font-size: 30px;
  line-height: 125%;
  padding-top: 60px;
  padding-bottom: 60px;
  max-width: 855px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1279px) {
  .case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .submitted-message {
    font-size: 22px;
    line-height: 143.1%;
    max-width: 640px;
    padding-top: 35px;
    padding-bottom: 35px
  }
}

@media only screen and (max-width: 979px) {
  .case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .submitted-message {
    font-size: 18px;
    line-height: 143.1%;
    max-width: 310px;
    padding-top: 30px;
    padding-bottom: 30px
  }
}

.case-study-form__inner.hs-form-wrapper.form-submited:not(.hs-form-wrapper--success-gradient) .submitted-message span {
  color: #4a4a4a !important
}

.case-study-form__thanks-icon {
  display: none
}

.case-study-form__image-wrapper {
  width: 100%;
  max-width: 34%;
  padding: 15px 0 0 60px;
  margin: 0;
  text-align: right;
  margin-left: auto;
  padding-bottom: 85px
}

@media only screen and (max-width: 1279px) {
  .case-study-form__image-wrapper {
    padding-left: 50px
  }
}

@media only screen and (max-width: 979px) {
  .case-study-form__image-wrapper {
    max-width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding-left: 0;
    margin-left: 0;
    padding-bottom: 0
  }
}

.case-study-form__image {
  max-width: 100%;
  width: 255px;
  height: auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .case-study-form__image {
    width: 220px
  }
}

@media only screen and (max-width: 979px) {
  .case-study-form__image {
    width: 180px
  }
}

.case-study-form__wrapper {
  width: 66%;
  padding-bottom: 110px
}

@media only screen and (max-width: 979px) {
  .case-study-form__wrapper {
    width: 100%;
    -ms-flex-order: 3;
    order: 3;
    padding-bottom: 70px
  }
}

.case-study-form__wrapper .hbspt-form {
  background-color: transparent;
  padding: 0
}

.case-study-form__wrapper .hbspt-form label {
  color: #fff;
  margin: 15px 0 10px
}

.hot-takes {
  margin-bottom: 75px;
  padding: 0 0 45px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .hot-takes {
    padding-bottom: 15px;
    margin-bottom: 82px
  }
}

@media only screen and (max-width: 979px) {
  .hot-takes {
    margin-bottom: 0px;
    padding: 0 15px 0px
  }
}

.hot-takes:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 25px;
  height: 3px;
  width: calc(100% - 50px);
  background: rgba(74, 74, 74, .1)
}

@media only screen and (max-width: 1279px) {
  .hot-takes:after {
    width: 100%;
    left: 0
  }
}

@media only screen and (max-width: 979px) {
  .hot-takes:after {
    width: 160px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 5%
  }
}

.hot-takes__title {
  color: #582362;
  font-size: 38px;
  text-align: center;
  margin-bottom: 8px
}

@media only screen and (max-width: 1279px) {
  .hot-takes__title {
    font-size: 36px
  }
}

@media only screen and (max-width: 979px) {
  .hot-takes__title {
    font-size: 25px
  }
}

.hot-takes__subtitle {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 0
}

.hot-takes__subtitle br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .hot-takes__subtitle br.desktop {
    display: none
  }
}

.hot-takes__subtitle br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .hot-takes__subtitle br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .hot-takes__subtitle br.tablet {
    display: none
  }
}

.hot-takes__subtitle br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .hot-takes__subtitle br.mobile {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .hot-takes__subtitle {
    padding: 0 25px
  }
}

.hot-takes-slider {
  width: 100%
}

@media only screen and (max-width: 979px) {
  .hot-takes-slider {
    padding: 0 35px
  }
}

.hot-takes-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 77px
}

@media only screen and (max-width: 1279px) {
  .hot-takes-wrapper {
    padding-top: 60px
  }
}

@media only screen and (max-width: 979px) {
  .hot-takes-wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 15px;
    gap: 0px
  }
}

.hot-takes-item {
  width: 32%;
  text-align: center;
  gap: 0px;
  padding: 45px 0px 53px 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 45px;
  background: #2c99a4;
  margin-right: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .hot-takes-item {
    margin-bottom: 80px;
    gap: 3px;
    padding: 5px 0px;
    padding-bottom: 10px;
    width: 32%
  }
}

@media only screen and (max-width: 979px) {
  .hot-takes-item {
    padding: 6px 0px 25px 0px;
    gap: 1px;
    position: relative;
    top: 10px;
    right: 0px;
    width: 100%;
    margin-bottom: 85px;
    max-width: 261px !important
  }
}

.hot-takes-item__title {
  color: #fff;
  font-weight: 700;
  font-size: 64px
}

@media only screen and (max-width: 1279px) {
  .hot-takes-item__title {
    font-size: 53px;
    margin: 0
  }
}

.hot-takes-item__separator {
  background-color: #9dc92e;
  width: 60%;
  height: 5px;
  font-family: Montserrat
}

.hot-takes-item__text {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  margin-bottom: 0;
  margin-top: 10px;
  padding: 0 10px
}

@media only screen and (max-width: 1279px) {
  .hot-takes-item__text {
    font-size: 16px;
    line-height: 23px;
    padding: 0px;
    margin-top: 0px
  }
}

@media only screen and (max-width: 979px) {
  .hot-takes-item__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding-top: 5px;
    margin: 0;
    line-height: 21px
  }
}

.hot-takes-item__text br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .hot-takes-item__text br.desktop {
    display: none
  }
}

.hot-takes-item__text br.mobile {
  display: none
}

@media only screen and (max-width: 1279px) {
  .hot-takes-item__text br.mobile {
    display: block
  }
}

.single-case .resource-library__response-title {
  max-width: 800px
}

@media only screen and (max-width: 1279px) {
  .single-case .resource-library__response {
    padding: 40px 40px 60px;
    margin-bottom: 80px
  }
}

@media only screen and (max-width: 979px) {
  .single-case .resource-library__response {
    padding: 65px 40px 20px;
    margin-bottom: 70px
  }
}

@media only screen and (max-width: 1279px) {
  .single-case .resource-library__response-title {
    margin-bottom: 50px
  }
}

@media only screen and (max-width: 979px) {
  .single-case .resource-library__response-title {
    margin-bottom: 40px
  }
}

@media only screen and (max-width: 1279px) {

  .single-case .resource-library__response-icon,
  .single-case .secondary-form__response-icon {
    margin-bottom: 50px
  }
}

@media only screen and (max-width: 979px) {

  .single-case .resource-library__response-icon,
  .single-case .secondary-form__response-icon {
    margin-bottom: 30px
  }
}

.case-study__home-garden {
  background: #fff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  margin-bottom: 68px
}

.case-study__home-garden--title {
  background: #f3f1f1;
  padding: 16px;
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #2c99a4
}

@media only screen and (max-width: 979px) {
  .case-study__home-garden--title {
    font-size: 18px
  }
}

.case-study__home-garden--title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .case-study__home-garden--title br.mobile {
    display: block
  }
}

.case-study__home-garden--content {
  padding: 20px 54px;
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  align-content: flex-start
}

@media only screen and (max-width: 979px) {
  .case-study__home-garden--content {
    padding: 20px 29px 20px 32px;
    width: 100%
  }
}

.case-study__home-garden--photo {
  width: 50%;
  background-color: #52567a
}

@media only screen and (max-width: 979px) {
  .case-study__home-garden--photo {
    width: 100%
  }
}

.case-study__home-garden--photo figure {
  margin: 0;
  height: 100%
}

.case-study__home-garden--photo figure img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 100%
}

.case-study__home-garden--item {
  display: -ms-flexbox;
  display: flex
}

.case-study__home-garden--item:nth-child(odd) {
  -ms-flex-direction: row;
  flex-direction: row
}

@media only screen and (max-width: 979px) {
  .case-study__home-garden--item:nth-child(odd) {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.case-study__home-garden--item:nth-child(even) {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media only screen and (max-width: 1279px) {
  .case-study__home-garden--item:nth-child(even) {
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media only screen and (max-width: 979px) {
  .case-study__home-garden--item:nth-child(even) {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.case-study__home-garden--item__title {
  font-weight: 300;
  font-size: 35px;
  line-height: 110.9%;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .case-study__home-garden--item__title {
    font-size: 25px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__home-garden--item__title {
    font-size: 25px
  }
}

.case-study__home-garden--item__subtitle {
  color: #2c99a4;
  font-weight: 700;
  font-size: 23px;
  line-height: 140%
}

.case-study__home-garden--item__text {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  color: #4a4a4a;
  padding-top: 10px
}

@media only screen and (max-width: 1279px) {
  .case-study__home-garden--item__text {
    font-size: 16px
  }
}

@media only screen and (max-width: 1279px) {
  .case-study__home-garden--item__text br {
    display: none
  }
}

.case-study__home-garden--item__text strong {
  font-weight: 700;
  color: #2c99a4
}

.case-study__home-garden--item__text ul {
  padding-left: 20px;
  max-width: 500px;
  list-style: none
}

.case-study__home-garden--item__text ul li {
  color: #4a4a4a;
  font-size: 16px;
  position: relative;
  margin: 10px 0
}

.case-study__home-garden--item__text ul li:before {
  content: "";
  background-color: #9dc92e;
  width: 12px;
  height: 12px;
  position: absolute;
  left: -21px;
  top: 6px
}

@media only screen and (max-width: 1279px) {
  .case-study-pet .case-study__cards-text br {
    display: none
  }
}

.case-study-pet .case-study__cards-text br.table-br {
  display: none
}

@media only screen and (max-width: 1279px) {
  .case-study-pet .case-study__cards-text br.table-br {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .case-study-pet .case-study__cards-text br.table-br {
    display: none
  }
}

@media only screen and (max-width: 1279px) {
  .case-study-pet .case-study__cards-title {
    max-width: 815px
  }
}

.case-study__info--cards {
  position: relative
}

.case-study__info--cards:before {
  content: "";
  position: absolute;
  left: -50%;
  bottom: 0;
  height: 100%;
  width: 200%;
  background: linear-gradient(180deg, #ffffff 0%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
  z-index: -1
}

.case-study__info--cards .case-study__info-wrapper:before {
  display: none
}

.case-study-info-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row: auto auto;
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  margin: 0 25px;
  padding: 0 117px
}

@media only screen and (max-width: 1279px) {
  .case-study-info-cards {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin: 0 10px;
    padding: 0
  }
}

@media only screen and (max-width: 979px) {
  .case-study-info-cards {
    grid-template-columns: 1fr;
    grid-row: auto;
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    margin: 0 10px
  }
}

.case-study-info-card {
  width: 100%;
  position: relative
}

.case-study-info-card:not(:first-child) .case-study-info-card__title:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  bottom: 0
}

@media only screen and (max-width: 979px) {
  .case-study-info-card:not(:first-child) .case-study-info-card__title:after {
    height: 4.6vw
  }
}

.case-study-info-card:nth-child(2) .case-study-info-card__title:after {
  background-color: #52567a
}

.case-study-info-card:nth-child(3) .case-study-info-card__title:after {
  background-color: #47748d
}

.case-study-info-card:nth-child(4) .case-study-info-card__title:after {
  background-color: #3c8396
}

.case-study-info-card:nth-child(5) .case-study-info-card__title:after {
  background-color: #4ca393
}

.case-study-info-card:nth-child(6) .case-study-info-card__title:after {
  background-color: #68ac7e
}

.case-study-info-card:nth-child(7) .case-study-info-card__title:after {
  background-color: #85bc5e
}

.case-study-info-card:nth-child(8) .case-study-info-card__title:after {
  background-color: #97c34f
}

.single-case-looking-to-earn-the-loyalty-of-tech-savvy-restaurant-customers .case-study-info-card:nth-child(2) .case-study-info-card__title:after {
  background-color: #2c99a4
}

.single-case-looking-to-earn-the-loyalty-of-tech-savvy-restaurant-customers .case-study-info-card:nth-child(3) .case-study-info-card__title:after {
  background-color: #9dc92e
}

.single-case-looking-to-earn-the-loyalty-of-tech-savvy-restaurant-customers .case-study-info-card:nth-child(4) .case-study-info-card__title:after {
  background-color: #ffb720
}

.case-study-info-card--no-image {
  background-image: url("/wp-content/themes/prodege_theme/img/case-card-bg.svg");
  min-height: 200px
}

.case-study-info-card--no-image .case-study-info-card__title {
  position: static;
  font-weight: 700;
  font-size: 19px;
  line-height: 140%;
  max-width: 440px;
  padding: 20px 35px;
  margin: 0 auto;
  text-align: left
}

@media only screen and (max-width: 979px) {
  .case-study-info-card--no-image .case-study-info-card__title {
    font-size: 16px
  }
}

.case-study-info-card__image {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.case-study-info-card__title {
  top: 0;
  left: 0;
  color: #fff;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  font-weight: bold;
  font-size: 38px;
  line-height: 133%
}

@media only screen and (max-width: 1279px) {
  .case-study-info-card__title {
    font-size: 28px
  }
}

@media only screen and (max-width: 979px) {
  .case-study-info-card__title {
    font-size: 18px
  }
}

.case-study-info-cards-description {
  margin: 80px 140px 0;
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #4a4a4a;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .case-study-info-cards-description {
    margin: 60px 64px 0
  }
}

@media only screen and (max-width: 979px) {
  .case-study-info-cards-description {
    margin: 42px 54px 60px;
    font-size: 16px;
    line-height: 143.1%;
    text-align: center
  }
}

.case-study-info-cards-description:before {
  content: "";
  width: 24px;
  height: 100%;
  position: absolute;
  left: -54px;
  top: 0;
  background-color: #582362
}

@media only screen and (max-width: 979px) {
  .case-study-info-cards-description:before {
    width: 100%;
    height: 14px;
    bottom: -36px;
    left: 0;
    top: auto
  }
}

.case-study-mosaic {
  display: -ms-flexbox;
  display: flex;
  padding: 72px 0 100px;
  margin-bottom: 70px;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 1279px) {
  .case-study-mosaic {
    padding: 60px 0 90px;
    margin-bottom: 80px
  }
}

@media only screen and (max-width: 979px) {
  .case-study-mosaic {
    padding: 40px 0;
    margin: 0 25px 30px
  }
}

.case-study-mosaic:after {
  content: "";
  width: 100%;
  height: 3px;
  background: rgba(74, 74, 74, .1);
  bottom: 0;
  left: 0;
  position: absolute
}

@media only screen and (max-width: 979px) {
  .case-study-mosaic:after {
    width: 50%;
    left: 25%
  }
}

.case-study-mosaic .about-collage {
  width: calc(50% - 21px)
}

@media only screen and (max-width: 1279px) {
  .case-study-mosaic .about-collage {
    width: calc(50% - 15px)
  }
}

@media only screen and (max-width: 979px) {
  .case-study-mosaic .about-collage {
    width: 100%
  }
}

.case-study-mosaic__text {
  width: calc(50% + 21px);
  padding-right: 42px
}

@media only screen and (max-width: 1279px) {
  .case-study-mosaic__text {
    width: calc(50% + 15px);
    padding-right: 30px
  }
}

@media only screen and (max-width: 979px) {
  .case-study-mosaic__text {
    width: 100%;
    padding-right: 0
  }

  .case-study-mosaic__text br {
    display: none
  }
}

.case-study-mosaic__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .case-study-mosaic__title {
    text-align: center;
    font-size: 25px;
    line-height: 133.1%
  }
}

.case-study-mosaic__subtitle {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #4a4a4a
}

@media only screen and (max-width: 979px) {
  .case-study-mosaic__subtitle {
    text-align: center
  }
}

.case-study-mosaic__content {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  color: #4a4a4a
}

.case-study-mosaic__content ul {
  margin: 0;
  padding: 0 0 0 23px;
  list-style-type: none
}

@media only screen and (max-width: 979px) {
  .case-study-mosaic__content ul {
    padding: 0 0 0 21px
  }
}

.case-study-mosaic__content li {
  margin: 23px 0;
  position: relative
}

.case-study-mosaic__content li:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: -23px;
  background-color: #9dc92e
}

@media only screen and (max-width: 979px) {
  .case-study-mosaic__content li:before {
    left: -21px
  }
}

.single-case-shopping-is-in-full-bloom .case-study__info--cards:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  bottom: auto;
  top: 666px
}

@media only screen and (max-width: 1279px) {
  .single-case-shopping-is-in-full-bloom .case-study__info--cards:before {
    top: 590px
  }
}

.single-case-shopping-is-in-full-bloom .case-study__info {
  position: relative;
  margin-bottom: 70px
}

@media only screen and (max-width: 1279px) {
  .single-case-shopping-is-in-full-bloom .case-study__info {
    margin-bottom: 50px
  }
}

@media only screen and (max-width: 979px) {
  .single-case-shopping-is-in-full-bloom .case-study__info {
    margin: 0 25px 30px
  }
}

.single-case-shopping-is-in-full-bloom .case-study__info:after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: rgba(74, 74, 74, .1);
  bottom: 0;
  left: 0;
  position: absolute
}

@media only screen and (max-width: 979px) {
  .single-case-shopping-is-in-full-bloom .case-study__info:after {
    width: 60%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

@media only screen and (max-width: 1279px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .top-section-w-image__container {
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .top-section-w-image__purple-bar-top {
  background: linear-gradient(91.44deg, #582362 0%, #2c99a4 100%)
}

@media only screen and (max-width: 1279px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .top-section-w-image__purple-bar-top {
    height: 400px
  }
}

@media only screen and (max-width: 979px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .top-section-w-image__purple-bar-top {
    height: 70%
  }
}

.single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .top-section-w-image__scroll-button {
  background-color: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .top-section-w-image__scroll-button {
    top: calc(50% + 26px)
  }
}

@media only screen and (max-width: 979px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .top-section-w-image__scroll-button {
    top: auto
  }
}

.single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .top-section-w-image__scroll-button:hover {
  background-color: #292c49
}

.single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .top-section-w-image__scroll-button:after {
  background-image: var(--arrow-down-white)
}

@media only screen and (max-width: 1279px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .top-section-w-image__img-wrap {
    padding-top: 34px
  }
}

@media only screen and (max-width: 979px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .top-section-w-image__img-wrap {
    padding-top: 0
  }
}

@media only screen and (max-width: 1279px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .top-section-w-image__content {
    padding-top: 34px
  }
}

.single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .case-study__info-image-two {
  box-shadow: none
}

.single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .case-study__icons,
.single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .case-study__cards:after,
.single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .case-study__info-wrapper:before {
  display: none
}

.single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .case-study__info-title {
  max-width: 930px
}

@media only screen and (max-width: 1279px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .case-study__info-title {
    padding: 0
  }
}

@media only screen and (max-width: 979px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .case-study__info-title {
    max-width: 300px
  }
}

.single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .case-study__cards-title {
  max-width: 1080px
}

@media only screen and (max-width: 1279px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .case-study__cards-title {
    max-width: 810px
  }
}

@media only screen and (max-width: 1279px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .case-study__cards-wrapper {
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media only screen and (max-width: 979px) {
  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .case-study__info-image-wrap-two {
    margin-bottom: 0;
    padding-bottom: 54px;
    position: relative
  }

  .single-case-its-high-time-to-gain-access-to-cbd-and-cannabis-consumers .case-study__info-image-wrap-two:before {
    content: "";
    background: rgba(239, 233, 231, .44);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 150px);
    z-index: -1
  }
}

.case__post-pandemic-page .case-study__info {
  padding-top: 130px;
  padding-bottom: 50px
}

@media only screen and (max-width: 1279px) {
  .case__post-pandemic-page .case-study__info {
    padding-top: 85px;
    padding-bottom: 72px
  }
}

@media only screen and (max-width: 979px) {
  .case__post-pandemic-page .case-study__info {
    padding-top: 72px;
    padding-bottom: 42px
  }
}

@media(min-width: 1280px) {
  .case__post-pandemic-page .case-study__title {
    margin-bottom: 58px
  }
}

@media only screen and (max-width: 1279px) {
  .case__post-pandemic-page .case-study__info-title {
    max-width: 85%;
    font-size: 38px;
    margin-bottom: 25px
  }
}

@media only screen and (max-width: 979px) {
  .case__post-pandemic-page .case-study__info-title {
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 5px
  }
}

@media only screen and (max-width: 979px) {
  .case__post-pandemic-page .case-study__info-image-one {
    max-width: 370px
  }
}

.case-study__info-wrapper--image-and-lists {
  margin: 0
}

@media only screen and (max-width: 1279px) {
  .case-study__info-wrapper--image-and-lists {
    background: rgba(239, 233, 231, .44);
    margin-top: 43px
  }
}

@media only screen and (max-width: 979px) {
  .case-study__info-wrapper--image-and-lists {
    background: none;
    margin-top: 43px
  }
}

.case-study-info-image-lists {
  display: -ms-flexbox;
  display: flex;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .case-study-info-image-lists {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media only screen and (max-width: 979px) {
  .case-study-info-image-lists {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.case-study-info-image-lists:before {
  content: "";
  position: absolute;
  background: rgba(239, 233, 231, .44);
  width: calc(100% - 190px);
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1
}

@media only screen and (max-width: 1279px) {
  .case-study-info-image-lists:before {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .case-study-info-image-lists:before {
    display: block;
    height: calc(100% - 127px);
    width: 100%;
    top: 127px;
    right: 0
  }
}

.case-study-info-image-lists__figure {
  margin: 0;
  width: 380px;
  border-radius: 50%;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  height: 380px
}

@media only screen and (max-width: 1279px) {
  .case-study-info-image-lists__figure {
    width: 254px;
    height: 254px;
    margin-left: 41px
  }
}

@media only screen and (max-width: 979px) {
  .case-study-info-image-lists__figure {
    margin-left: 0
  }
}

.case-study-info-image-lists__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.case-study-info-image-lists__content {
  width: calc(100% - 380px);
  padding: 20px 64px 20px 76px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

@media only screen and (max-width: 1279px) {
  .case-study-info-image-lists__content {
    width: calc(100% - 296px);
    padding: 40px 52px 40px 43px
  }
}

@media only screen and (max-width: 979px) {
  .case-study-info-image-lists__content {
    width: 100%;
    max-width: 280px;
    padding: 23px 0 40px;
    margin: 0 auto;
    text-align: center
  }
}

.case-study-info-image-lists__content > *:first-child {
  margin-top: auto
}

.case-study-info-image-lists__content > *:last-child {
  margin-bottom: auto
}

.case-study-info-image-lists__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #2c99a4;
  margin-bottom: 12px
}

@media only screen and (max-width: 1279px) {
  .case-study-info-image-lists__title {
    font-size: 16px
  }
}

.case-study-info-image-list + .case-study-info-image-list {
  margin-top: 26px;
  padding-top: 26px;
  border-top: 3px solid rgba(74, 74, 74, .1)
}

.case-study-info-image-list__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #582362
}

@media only screen and (max-width: 1279px) {
  .case-study-info-image-list__title {
    font-size: 16px
  }
}

.case-study-info-image-list__list {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.case-study-info-image-list__row {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  color: #4a4a4a;
  padding-left: 23px;
  position: relative;
  margin-top: 6px
}

@media only screen and (max-width: 979px) {
  .case-study-info-image-list__row {
    font-size: 16px;
    text-align: left
  }
}

.case-study-info-image-list__row:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 4px;
  background-color: #9dc92e
}

.case-study-info-slider {
  display: none
}

@media only screen and (max-width: 979px) {
  .case-study-info-slider {
    display: block;
    position: relative;
    margin-bottom: 40px
  }
}

.case-study-info-slider figure.case-study-info-slide {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.case-study-info-slider .swiper-container-horizontal.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 30px
}

.case-study-info-slider .swiper-pagination-bullet-active {
  background-color: #582362
}

.case-study-info-slider .swiper-pagination-bullet {
  border: 1px solid #582362
}

.case-study__info-image-wrap-one.case-study__info-image-wrap-one_tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .case-study__info-image-wrap-one.case-study__info-image-wrap-one_tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .case-study__info-image-wrap-one.case-study__info-image-wrap-one_tablet {
    display: none
  }
}

.drive-awareness {
  padding: 155px 0 275px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .drive-awareness {
    padding: 92px 0 235px
  }
}

@media only screen and (max-width: 979px) {
  .drive-awareness {
    padding: 43px 0 0
  }
}

@media only screen and (max-width: 979px) {
  .drive-awareness .video-content-placeholder-figure {
    -webkit-filter: none;
    filter: none;
    margin-top: 18px
  }
}

.drive-awareness__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362;
  width: 100%;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .drive-awareness__title {
    font-size: 25px;
    line-height: 133.1%
  }
}

.drive-awareness__sub-title {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  width: 100%
}

.drive-awareness__description {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  text-align: center;
  width: 100%
}

.increase-engagement {
  padding: 290px 0 165px;
  width: 100%;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .increase-engagement {
    padding: 220px 0 118px
  }
}

@media only screen and (max-width: 979px) {
  .increase-engagement {
    padding: 60px 0 26px
  }
}

.increase-engagement:before {
  content: "";
  width: 100%;
  height: 328px;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(239, 233, 231, 0.44) 29.89%, #ffffff 100.25%), rgba(239, 233, 231, .18);
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  z-index: -1;
  display: none
}

@media only screen and (max-width: 1279px) {
  .increase-engagement:before {
    height: 264px
  }
}

@media only screen and (max-width: 979px) {
  .increase-engagement:before {
    height: 127px;
    top: -80px
  }
}

.increase-engagement .content-wrapper {
  padding-top: 100px
}

@media only screen and (max-width: 979px) {
  .increase-engagement .content-wrapper {
    padding-top: 0;
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px
  }
}

.increase-engagement__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  color: #582362;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .increase-engagement__title {
    font-size: 25px;
    line-height: 133.1%
  }
}

@media only screen and (max-width: 979px) {
  .increase-engagement__title br {
    display: none
  }
}

.increase-engagement__title br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .increase-engagement__title br.desktop {
    display: none
  }
}

.increase-engagement__title br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .increase-engagement__title br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .increase-engagement__title br.tablet {
    display: none
  }
}

.increase-engagement__title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .increase-engagement__title br.mobile {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  .performance_marketing .increase-engagement__title {
    max-width: 670px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width: 979px) {
  .performance_marketing .increase-engagement__title {
    max-width: 266px
  }
}

.increase-engagement__sub-title {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #2c99a4;
  max-width: 690px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 979px) {
  .increase-engagement__sub-title {
    font-size: 16px
  }
}

.performance_marketing .increase-engagement__sub-title br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .performance_marketing .increase-engagement__sub-title br.mobile {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .performance_marketing .increase-engagement__sub-title {
    max-width: 276px
  }
}

.increase-engagement__description {
  font-weight: 700;
  font-size: 23px;
  line-height: 140%;
  color: #2c99a4;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

.increase-engagement__description br.desktop {
  display: block
}

@media only screen and (max-width: 1279px) {
  .increase-engagement__description br.desktop {
    display: none
  }
}

.increase-engagement__description br.tablet {
  display: none
}

@media only screen and (max-width: 1279px) {
  .increase-engagement__description br.tablet {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .increase-engagement__description br.tablet {
    display: none
  }
}

.increase-engagement__description br.mobile {
  display: none
}

@media only screen and (max-width: 979px) {
  .increase-engagement__description br.mobile {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .increase-engagement__description {
    font-size: 16px
  }
}

.increase-engagement__text-after-content {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  padding-top: 52px;
  padding-bottom: 37px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #4a4a4a;
  max-width: 580px
}

.product-increase-engagement__cta {
  display: -ms-flexbox;
  display: flex
}

.product-increase-engagement__button {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #fff;
  padding: 30px 90px 30px 25px;
  background: #2c99a4;
  transition: all .3s;
  position: relative;
  padding: 29px 105px 30px 25px;
  margin-left: auto;
  margin-right: auto
}

.product-increase-engagement__button:after {
  -webkit-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
  right: 16px;
  transition: all .3s
}

.product-increase-engagement__button:hover {
  background-color: #292c49;
  color: #fff;
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .product-increase-engagement__button:hover {
    background-color: #2c99a4
  }
}

.product-increase-engagement__button:hover:after {
  right: 10px
}

@media only screen and (max-width: 979px) {
  .product-increase-engagement__button:hover:after {
    right: 25px
  }
}

@media only screen and (max-width: 1279px) {
  .product-increase-engagement__button {
    padding: 19px 80px 19px 22px;
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .product-increase-engagement__button {
    padding: 22px 80px 22px 28px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px
  }
}

.increase-engagement-cards {
  overflow: hidden;
  margin-top: 80px;
  position: relative;
  padding-bottom: 86px
}

@media only screen and (max-width: 1279px) {
  .increase-engagement-cards {
    margin-top: 50px
  }
}

@media only screen and (max-width: 979px) {
  .increase-engagement-cards {
    margin-top: 23px;
    width: 100vw;
    margin-left: -32px
  }
}

.increase-engagement-cards .swiper-pagination {
  display: none
}

.increase-engagement-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.increase-engagement-card-img {
  max-width: 986px
}

@media only screen and (max-width: 1279px) {
  .increase-engagement-card-img {
    max-width: 820px
  }
}

@media only screen and (max-width: 979px) {
  .increase-engagement-card-img {
    min-height: 340px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
}

.swiper-button-prev-increase-engagement {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: calc(50% - 66px);
  border-top: 1px #585858 solid;
  border-left: 1px #585858 solid;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  cursor: pointer;
  z-index: 1
}

@media only screen and (max-width: 1279px) {
  .swiper-button-prev-increase-engagement {
    left: 65px
  }
}

@media only screen and (max-width: 979px) {
  .swiper-button-prev-increase-engagement {
    display: none
  }
}

.swiper-button-next-increase-engagement {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  top: calc(50% - 66px);
  border-top: 1px #585858 solid;
  border-left: 1px #585858 solid;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  cursor: pointer;
  z-index: 1
}

@media only screen and (max-width: 1279px) {
  .swiper-button-next-increase-engagement {
    right: 65px
  }
}

@media only screen and (max-width: 979px) {
  .swiper-button-next-increase-engagement {
    display: none
  }
}

.increase-engagement-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 50% !important;
  bottom: 12px !important;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
  max-width: 1040px;
  width: 100%;
  height: 72px;
  padding: 8px 0
}

@media only screen and (max-width: 1279px) {
  .increase-engagement-pagination {
    max-width: 820px
  }
}

.increase-engagement-pagination:before {
  content: "";
  position: absolute;
  left: -5px;
  top: -8px;
  height: calc(100% + 16px);
  width: 80px;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.95) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 99
}

.increase-engagement-pagination:after {
  content: "";
  position: absolute;
  right: -5px;
  top: -8px;
  height: calc(100% + 16px);
  width: 80px;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0.95) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 99
}

.increase-engagement-pagination.no-animation .increase-engagement-pagination-active-bg,
.increase-engagement-pagination.no-animation .increase-engagement-pagination-wrapper {
  transition: none
}

.increase-engagement-pagination .increase-engagement-pagination-wrapper {
  position: absolute;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all .3s;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

@media only screen and (max-width: 979px) {
  .increase-engagement-pagination .increase-engagement-pagination-wrapper {
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.increase-engagement-pagination .increase-engagement-pagination-bullet {
  padding: 5px 4px;
  border-radius: 0;
  width: auto;
  min-width: 200px;
  height: 56px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  border: none;
  margin: 0 10px;
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #582362;
  transition: all .3s;
  cursor: pointer
}

@media only screen and (max-width: 1279px) {
  .increase-engagement-pagination .increase-engagement-pagination-bullet {
    height: 47px;
    font-size: 14px;
    line-height: 140%;
    min-width: 165px
  }
}

.increase-engagement-pagination .increase-engagement-pagination-bullet-active {
  color: #fff;
  font-weight: bold
}

.increase-engagement-pagination .increase-engagement-pagination-active-bg {
  top: 8px;
  transition: all .3s;
  min-width: 200px;
  height: 56px;
  position: absolute;
  bottom: 0;
  left: 5px;
  background: #9dc92e;
  z-index: -1
}

.increase-engagement-pagination .increase-engagement-pagination-active-bg.bg--blue {
  background: #2c99a4
}

@media only screen and (max-width: 1279px) {
  .increase-engagement-pagination .increase-engagement-pagination-active-bg {
    height: 47px;
    min-width: 165px
  }
}

.increase-engagement.product-increase {
  padding-top: 72px
}

@media only screen and (max-width: 1279px) {
  .increase-engagement.product-increase {
    padding-top: 83px
  }
}

@media only screen and (max-width: 979px) {
  .increase-engagement.product-increase {
    padding-top: 91px
  }
}

@media only screen and (max-width: 979px) {
  .increase-engagement.product-increase .increase-engagement__title br.mobile {
    display: block
  }
}

.increase-engagement.product-increase .increase-engagement-cards {
  margin-top: 82px
}

@media only screen and (max-width: 1279px) {
  .increase-engagement.product-increase .increase-engagement-cards {
    margin-top: 55px
  }
}

@media only screen and (max-width: 979px) {
  .increase-engagement.product-increase .increase-engagement-cards {
    margin-top: 39px
  }
}

.increase-engagement.product-increase.border--bottom {
  padding-bottom: 75px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .increase-engagement.product-increase.border--bottom {
    padding-bottom: 0;
    box-shadow: none
  }
}

.increase-engagement.product-increase .content-wrapper {
  padding-top: 0
}

.increase-engagement.product-increase .increase-engagement-pagination {
  bottom: 0 !important
}

@media only screen and (max-width: 1279px) {
  .increase-engagement.product-increase .increase-engagement-pagination {
    bottom: 5px !important
  }
}

.performance_marketing .increase-engagement.product-increase {
  padding-bottom: 90px
}

@media only screen and (max-width: 1279px) {
  .performance_marketing .increase-engagement.product-increase {
    padding-top: 36px
  }
}

@media only screen and (max-width: 979px) {
  .performance_marketing .increase-engagement.product-increase {
    padding-bottom: 7px;
    padding-top: 58px
  }
}

.commerce_cashback_shopping .increase-engagement.product-increase {
  padding-top: 96px
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .increase-engagement.product-increase {
    padding-top: 70px
  }
}

.commerce_cashback_shopping .increase-engagement.product-increase .increase-engagement-cards {
  margin-top: 62px
}

.commerce_cashback_shopping .increase-engagement__title {
  margin-bottom: 23px
}

.commerce_cashback_shopping .increase-engagement-pagination {
  left: calc(50% - 42px) !important;
  max-width: 1077px
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .increase-engagement-pagination {
    left: calc(50% - 37px) !important;
    max-width: 895px
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .increase-engagement-pagination {
    left: 50% !important
  }
}

.commerce_cashback_shopping .increase-engagement-pagination .increase-engagement-pagination-bullet {
  padding: 5px 4px;
  min-width: 181px;
  height: 56px;
  border: none;
  margin: 0 10px;
  font-size: 16px;
  line-height: 140%
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .increase-engagement-pagination .increase-engagement-pagination-bullet {
    margin: 0 7px;
    padding: 5px 2px;
    font-size: 14px;
    height: 42px;
    min-width: 152px
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .increase-engagement-pagination .increase-engagement-pagination-bullet {
    height: 47px;
    font-size: 14px;
    line-height: 140%;
    min-width: 165px
  }
}

.commerce_cashback_shopping .increase-engagement-pagination .increase-engagement-pagination-bullet:first-child {
  display: none
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .increase-engagement-pagination .increase-engagement-pagination-bullet:first-child {
    display: -ms-flexbox;
    display: flex
  }
}

.commerce_cashback_shopping .increase-engagement-pagination .increase-engagement-pagination-active-bg {
  top: 8px;
  min-width: 181px;
  left: 87px !important
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .increase-engagement-pagination .increase-engagement-pagination-active-bg {
    left: 74px !important;
    height: 42px;
    min-width: 152px
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .increase-engagement-pagination .increase-engagement-pagination-active-bg {
    height: 47px;
    min-width: 165px;
    left: 50% !important;
    -webkit-transform: translateX(-47%);
    transform: translateX(-47%)
  }
}

.commerce_cashback_shopping .increase-engagement-pagination:after {
  display: none
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .increase-engagement-pagination:after {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .increase-engagement-pagination:before {
    display: block
  }
}

@media only screen and (max-width: 1279px) {
  .commerce_cashback_shopping .increase-engagement__description {
    max-width: 665px
  }
}

@media only screen and (max-width: 979px) {
  .commerce_cashback_shopping .increase-engagement__description {
    max-width: 280px
  }
}

.secondary-page .menu-wrapper {
  background: #582362;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0)
}

.secondary-page .menu-wrapper--scrolled {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

.secondary-page--top-section-w .menu-wrapper {
  background: transparent
}

@media only screen and (max-width: 979px) {
  .secondary-page--top-section-w .logo__image--light {
    display: none
  }
}

@media only screen and (max-width: 979px) {
  .secondary-page--top-section-w .logo__image--dark {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .secondary-page--top-section-w .logo__secondary {
    color: #582362;
    border-left-color: #582362
  }
}

.secondary-page--top-section-b .menu-wrapper {
  background: transparent
}

.logo__secondary {
  font-weight: bold;
  font-size: 16px;
  line-height: 42px;
  color: #fff;
  padding-left: 8px;
  margin-left: 14px;
  border-left: 3px solid #fff
}

.menu-wrapper--scrolled .logo__secondary {
  color: #582362;
  border-left-color: #582362
}

.logo__secondary-link {
  color: #fff;
  font-size: 16px
}

@media only screen and (max-width: 1279px) {
  .logo__secondary-link:hover {
    color: #fff
  }
}

.menu-wrapper--scrolled .logo__secondary-link {
  color: #582362
}

.menu-wrapper--scrolled .logo__secondary-link:hover {
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .menu-wrapper--scrolled .logo__secondary-link:hover {
    color: #582362
  }
}

@media only screen and (max-width: 1279px) {
  .logo__secondary-link {
    color: inherit
  }
}

@media only screen and (max-width: 979px) {
  .logo__secondary-link {
    margin-left: 9px;
    margin-right: 9px
  }

  .logo__secondary-link:hover {
    padding: 0;
    margin-left: 9px;
    margin-right: 9px;
    background-position: 0 0;
    color: #582362
  }
}

.secondary-top-section {
  width: 100%;
  background: #582362;
  padding: 120px 0 100px;
  position: relative
}

@media only screen and (max-width: 979px) {
  .secondary-top-section {
    padding: 80px 0 30px
  }
}

.secondary-top-section__logo {
  width: 100%;
  margin-bottom: 30px
}

@media only screen and (max-width: 979px) {
  .secondary-top-section__logo {
    margin-bottom: 10px
  }
}

.secondary-top-section__logo-img {
  display: block;
  max-width: 445px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 979px) {
  .secondary-top-section__logo-img {
    max-width: 269px
  }
}

.secondary-top-section__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #fff;
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .secondary-top-section__title {
    font-size: 28px;
    line-height: 121.4%
  }
}

.secondary-top-section__description {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #fff;
  margin-bottom: 20px
}

@media only screen and (max-width: 979px) {
  .secondary-top-section__description {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 12px
  }
}

.second-form__section {
  width: 100%
}

.secondary-form__container {
  margin-bottom: 145px
}

@media only screen and (max-width: 1279px) {
  .secondary-form__container {
    width: 100%
  }
}

@media only screen and (max-width: 979px) {
  .secondary-form__container {
    margin-bottom: 85px
  }
}

.secondary-form__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #582362;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  margin-bottom: 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 55px 85px 110px;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #fff;
  margin-top: 100px;
  position: relative
}

@media only screen and (max-width: 979px) {
  .secondary-form__wrapper {
    padding: 65px 25px 72px;
    margin-top: 64px
  }
}

.secondary-form__wrapper .wpcf7 {
  width: 100%
}

.secondary-form__wrapper div.wpcf7-response-output {
  display: none !important
}

.secondary-form__title {
  font-weight: 300;
  font-size: 55px;
  line-height: 125%;
  text-align: center;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .secondary-form__title {
    font-size: 28px;
    line-height: 121.4%
  }
}

.secondary-form__description {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  width: 100%;
  max-width: 640px;
  margin: 16px auto 0
}

@media only screen and (max-width: 979px) {
  .secondary-form__description {
    font-size: 16px;
    line-height: 140%
  }
}

.contact-form-secondary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.contact-form-secondary__column {
  width: calc(50% - 44px)
}

@media only screen and (max-width: 979px) {
  .contact-form-secondary__column {
    width: 100%
  }
}

.contact-form-secondary__column .prodege-contact-form__form-label {
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .contact-form-secondary__column .prodege-contact-form__button-box {
    width: 187px;
    height: 57px
  }
}

.contact-form-secondary__column .wpcf7-textarea {
  height: 288px
}

@media only screen and (max-width: 979px) {
  .contact-form-secondary__column .wpcf7-textarea {
    height: 140px
  }
}

.secondary-form__response {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  margin: 100px auto 40px;
  background: #582362;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  padding: 54px 84px 116px;
  position: relative
}

@media only screen and (max-width: 979px) {
  .secondary-form__response {
    width: 100%;
    box-shadow: none;
    padding: 70px 30px;
    margin-top: 64px
  }
}

.secondary-form__response-title {
  text-align: center;
  margin: 0 auto 80px;
  font-weight: 300;
  font-size: 55px;
  line-height: 125%;
  color: #fff
}

@media only screen and (max-width: 979px) {
  .secondary-form__response-title {
    margin: 0 auto 40px;
    font-size: 28px;
    line-height: 121.4%
  }
}

.secondary-form__response-icon {
  margin: 0 auto
}

.file-form__form {
  background: transparent;
  box-shadow: none;
  margin-bottom: 0;
  padding: 0 0 110px
}

@media only screen and (max-width: 1279px) {
  .file-form__form {
    margin: 0;
    width: 100%;
    position: static
  }
}

@media only screen and (max-width: 979px) {
  .file-form__form {
    padding-bottom: 70px
  }
}

.file-form__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: linear-gradient(101.49deg, #582362 22.56%, #883C96 100%);
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  margin-bottom: 140px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 55px 85px 0;
  -ms-flex-align: start;
  align-items: flex-start
}

@media only screen and (max-width: 1279px) {
  .file-form__block {
    margin: 0 -50px 140px;
    padding: 40px 70px 0;
    position: relative
  }
}

@media only screen and (max-width: 979px) {
  .file-form__block {
    margin: 0 0 75px;
    padding: 65px 25px 0
  }
}

.file-form__block .wpcf7 {
  width: 66%
}

@media only screen and (max-width: 979px) {
  .file-form__block .wpcf7 {
    width: 100%;
    -ms-flex-order: 1;
    order: 1
  }
}

.file-form__block div.wpcf7-response-output {
  display: none !important
}

.file-form__row {
  margin-top: 15px
}

@media only screen and (max-width: 979px) {
  .file-form__row {
    margin-top: 20px
  }
}

.file-form__title {
  width: 100%;
  font-weight: 300;
  font-size: 55px;
  line-height: 1.25;
  text-align: center;
  max-width: 730px;
  margin: 0 auto 40px;
  color: #fff
}

@media only screen and (max-width: 1279px) {
  .file-form__title {
    font-size: 48px;
    max-width: 700px
  }
}

@media only screen and (max-width: 979px) {
  .file-form__title {
    font-size: 28px;
    max-width: 330px;
    margin-bottom: 20px
  }
}

.file-form__wrap {
  padding: 0
}

.file-form__image-wrapper {
  width: 100%;
  max-width: 34%;
  padding: 15px 0 0 60px;
  margin: 0;
  text-align: right;
  margin-bottom: 20px;
  margin-left: auto
}

@media only screen and (max-width: 1279px) {
  .file-form__image-wrapper {
    padding-left: 50px
  }
}

@media only screen and (max-width: 979px) {
  .file-form__image-wrapper {
    max-width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding-left: 0;
    margin-left: 0
  }
}

.file-form__image {
  max-width: 100%;
  width: 255px;
  height: auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .file-form__image {
    width: 220px
  }
}

@media only screen and (max-width: 979px) {
  .file-form__image {
    width: 180px
  }
}

.file-form__button-box {
  left: auto;
  right: 0;
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%)
}

@media only screen and (max-width: 1279px) {
  .file-form__button-box {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    right: auto;
    left: 50%
  }
}

.file-form__link-file {
  display: none
}

.surveydemo-section {
  padding: 146px 0 142px;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .surveydemo-section {
    padding: 75px 0 56px
  }
}

.surveydemo-section__container {
  max-width: 1040px
}

.surveydemo-select__wrapper {
  width: 100%;
  max-width: 500px
}

@media only screen and (max-width: 979px) {
  .surveydemo-select__wrapper {
    margin-top: 24px
  }
}

.surveydemo-select__wrapper:before {
  pointer-events: none
}

.surveydemo-select__select {
  width: 100%;
  max-width: 500px
}

.surveydemo-list {
  margin: 16px -20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width: 1279px) {
  .surveydemo-list {
    -ms-flex-pack: center;
    justify-content: center
  }
}

.survey-card {
  margin: 20px;
  width: 100%;
  max-width: 230px;
  min-height: 324px;
  display: block;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  text-decoration: none
}

.survey-card:hover {
  text-decoration: none
}

.survey-card__figure {
  width: 100%;
  height: 128px;
  position: relative;
  margin: 0
}

.survey-card__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.survey-card__arrow-box {
  height: 42px;
  position: absolute;
  top: 100%;
  right: 2%;
  width: 42px;
  background-color: #2c99a4;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQuODIxMyA4LjAyNzIzTDE2Ljk0MDIgMS4xNjA5QzE2LjgxMiAxLjAxOTYyIDE2LjY1NjcgMC45MDg3NjYgMTYuNDg0OCAwLjgzNTY3NEMxNi4zMTI5IDAuNzYyNTgxIDE2LjEyODMgMC43Mjg5MjUgMTUuOTQzMSAwLjczNjkzNkMxNS43NTggMC43NDQ5NDcgMTUuNTc2NSAwLjc5NDQ0MyAxNS40MTA5IDAuODgyMTQxQzE1LjI0NTIgMC45Njk4MzkgMTUuMDk5MSAxLjA5Mzc0IDE0Ljk4MjIgMS4yNDU2MkMxNC44NjUzIDEuMzk3NSAxNC43ODAzIDEuNTczODkgMTQuNzMyOCAxLjc2MzExQzE0LjY4NTQgMS45NTIzMiAxNC42NzY1IDIuMTUwMDMgMTQuNzA2OSAyLjM0MzEyQzE0LjczNzMgMi41MzYyMSAxNC44MDYxIDIuNzIwMjggMTQuOTA5IDIuODgzMTJDMTUuMDExOCAzLjA0NTk2IDE1LjE0NjIgMy4xODM4NSAxNS4zMDM0IDMuMjg3NjRMMjAuMzc2MSA3LjcwNjg0SDEuMzg3M0MxLjA0MDU2IDcuNzA2ODQgMC43MDgwMTIgNy44NTIzNCAwLjQ2MjgyNiA4LjExMTMzQzAuMjE3NjM5IDguMzcwMzEgMC4wNzk4OTUgOC43MjE1OCAwLjA3OTg5NSA5LjA4Nzg0QzAuMDc5ODk1IDkuNDU0MTEgMC4yMTc2MzkgOS44MDUzNyAwLjQ2MjgyNiAxMC4wNjQ0QzAuNzA4MDEyIDEwLjMyMzMgMS4wNDA1NiAxMC40Njg4IDEuMzg3MyAxMC40Njg4SDIwLjM0OTlMMTUuMjc3MiAxNC44ODhDMTUuMTM0OSAxNC45OTk4IDE1LjAxNTYgMTUuMTQwOSAxNC45MjY2IDE1LjMwMjlDMTQuODM3NiAxNS40NjQ5IDE0Ljc4MDcgMTUuNjQ0MyAxNC43NTk0IDE1LjgzMDJDMTQuNzM4IDE2LjAxNjIgMTQuNzUyNyAxNi4yMDQ3IDE0LjgwMjYgMTYuMzg0NUMxNC44NTI0IDE2LjU2NDIgMTQuOTM2MyAxNi43MzE0IDE1LjA0OTMgMTYuODc1OEMxNS4xNjIyIDE3LjAyMDIgMTUuMzAxNyAxNy4xMzg4IDE1LjQ1OTQgMTcuMjI0NEMxNS42MTcxIDE3LjMxMDEgMTUuNzg5NiAxNy4zNjEgMTUuOTY2NSAxNy4zNzRDMTYuMTQzNCAxNy4zODcgMTYuMzIwOSAxNy4zNjE4IDE2LjQ4ODMgMTcuMzAwMUMxNi42NTU3IDE3LjIzODMgMTYuODA5NSAxNy4xNDEzIDE2Ljk0MDIgMTcuMDE0OEwyNC44MjEzIDEwLjE1OTVDMjQuOTcwMyAxMC4wMjk5IDI1LjA5MDIgOS44NjcxNSAyNS4xNzI2IDkuNjgyODNDMjUuMjU1IDkuNDk4NSAyNS4yOTc3IDkuMjk3MTkgMjUuMjk3NyA5LjA5MzM3QzI1LjI5NzcgOC44ODk1NCAyNS4yNTUgOC42ODgyMyAyNS4xNzI2IDguNTAzOUMyNS4wOTAyIDguMzE5NTggMjQuOTcwMyA4LjE1Njc5IDI0LjgyMTMgOC4wMjcyM1oiIGZpbGw9IndoaXRlIi8+PC9zdmc+);
  background-position: center center;
  background-repeat: no-repeat;
  transition: background-color .3s;
  -webkit-transform: translate3d(0, -50%, 0) scale(0.714);
  transform: translate3d(0, -50%, 0) scale(0.714)
}

.survey-card__arrow-box:hover {
  background-color: #292c49
}

.survey-card__content {
  padding: 20px 22px
}

.survey-card__title {
  font-weight: bold;
  font-size: 15px;
  line-height: 133%;
  color: #582362
}

.survey-card__description {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  color: #4a4a4a;
  margin-top: 8px
}

.surveydemo-more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 92px
}

@media only screen and (max-width: 979px) {
  .surveydemo-more {
    margin-top: 0
  }
}

.surveydemo-more.hidden {
  display: none
}

.surveydemo-more__button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-weight: 300;
  font-size: 25px;
  line-height: 30px
}

@media only screen and (max-width: 979px) {
  .surveydemo-more__button {
    font-size: 16px;
    line-height: 20px
  }
}

.surveydemo__view-more {
  margin: 45px auto 0;
  display: none
}

@media only screen and (max-width: 979px) {
  .surveydemo__view-more {
    display: -ms-flexbox;
    display: flex
  }
}

.surveydemo__view-more.hidden {
  display: none
}

.survey-content {
  padding-top: 126px;
  border-bottom: 3px solid rgba(74, 74, 74, .1)
}

@media only screen and (max-width: 979px) {
  .survey-content {
    padding-top: 48px
  }
}

.survey-content__caption {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .survey-content__caption {
    font-size: 25px;
    line-height: 133.1%
  }
}

@media only screen and (max-width: 979px) {
  .survey-content__caption br {
    display: none
  }
}

.survey-content__figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

@media only screen and (max-width: 979px) {
  .survey-content__figure {
    width: 120%;
    margin-left: -10%;
    margin-right: -10%
  }
}

.survey-content__image {
  width: 100%;
  max-width: 937px;
  display: block
}

.survey-content__demo-on-desktop-text {
  font-weight: bold;
  font-size: 25px;
  line-height: 133%;
  text-align: center;
  color: #582362;
  display: none
}

@media only screen and (max-width: 979px) {
  .survey-content__demo-on-desktop-text {
    display: block
  }
}

.survey-content__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 160px
}

@media only screen and (max-width: 1279px) {
  .survey-content__buttons {
    padding: 0
  }
}

@media only screen and (max-width: 979px) {
  .survey-content__buttons {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.survey-content__all-demo {
  font-weight: 300;
  font-size: 25px;
  line-height: 30px
}

@media only screen and (max-width: 979px) {
  .survey-content__all-demo {
    font-size: 16px;
    line-height: 20px
  }
}

.survey-content__demo-button {
  background: #2c99a4;
  display: inline-block;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.4;
  color: #fff;
  position: relative;
  transition: background .3s;
  padding: 30px 100px 30px 30px
}

@media only screen and (max-width: 979px) {
  .survey-content__demo-button {
    font-size: 16px;
    line-height: 140%;
    height: 58px;
    padding: 18px 70px 18px 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
  }
}

.survey-content__demo-button:hover {
  text-decoration: none;
  color: #fff;
  background: #292c49
}

@media only screen and (max-width: 1279px) {
  .survey-content__demo-button:hover {
    background: #2c99a4
  }
}

.survey-content__demo-button:hover:after {
  right: 20px
}

@media only screen and (max-width: 1279px) {
  .survey-content__demo-button:hover:after {
    right: 32px
  }
}

.survey-content__demo-button:after {
  content: "";
  width: 53px;
  height: 34px;
  position: absolute;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MyIgaGVpZ2h0PSIzNCIgdmlld0JveD0iMCAwIDUzIDM0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MS45OTg4IDE0Ljg5N0wzNS40MzUyIDAuODY4NTU1QzM1LjE2NTcgMC41Nzk5MjEgMzQuODM5NCAwLjM1MzQyOCAzNC40NzgxIDAuMjA0MDk0QzM0LjExNjggMC4wNTQ3NjAxIDMzLjcyODcgLTAuMDE0MDAzIDMzLjMzOTYgMC4wMDIzNjQxMkMzMi45NTA1IDAuMDE4NzMxMiAzMi41NjkyIDAuMTE5ODU1IDMyLjIyMSAwLjI5OTAyOUMzMS44NzI4IDAuNDc4MjA0IDMxLjU2NTcgMC43MzEzMzYgMzEuMzIgMS4wNDE2NEMzMS4wNzQzIDEuMzUxOTUgMzAuODk1NyAxLjcxMjM0IDMwLjc5NTkgMi4wOTg5MUMzMC42OTYyIDIuNDg1NDkgMzAuNjc3NiAyLjg4OTQyIDMwLjc0MTQgMy4yODM5M0MzMC44MDUzIDMuNjc4NDQgMzAuOTUwMSA0LjA1NDUxIDMxLjE2NjIgNC4zODcyQzMxLjM4MjMgNC43MTk4OSAzMS42NjQ4IDUuMDAxNiAzMS45OTUgNS4yMTM2Nkw0Mi42NTY0IDE0LjI0MjVIMi43NDc3N0MyLjAxOTAyIDE0LjI0MjUgMS4zMjAxMSAxNC41Mzk3IDAuODA0ODAzIDE1LjA2ODlDMC4yODk0OTYgMTUuNTk4IDAgMTYuMzE1NyAwIDE3LjA2NEMwIDE3LjgxMjMgMC4yODk0OTYgMTguNTI5OSAwLjgwNDgwMyAxOS4wNTkxQzEuMzIwMTEgMTkuNTg4MiAyLjAxOTAyIDE5Ljg4NTUgMi43NDc3NyAxOS44ODU1SDQyLjYwMTRMMzEuOTQwMSAyOC45MTQzQzMxLjY0MSAyOS4xNDI2IDMxLjM5MDMgMjkuNDMwOSAzMS4yMDMyIDI5Ljc2MTlDMzEuMDE2MSAzMC4wOTI4IDMwLjg5NjUgMzAuNDU5MyAzMC44NTE3IDMwLjgzOTJDMzAuODA2OSAzMS4yMTkxIDMwLjgzNzggMzEuNjA0MyAzMC45NDI1IDMxLjk3MTZDMzEuMDQ3MyAzMi4zMzg4IDMxLjIyMzcgMzIuNjgwMyAzMS40NjEgMzIuOTc1M0MzMS42OTgzIDMzLjI3MDMgMzEuOTkxNiAzMy41MTI3IDMyLjMyMyAzMy42ODc3QzMyLjY1NDQgMzMuODYyNyAzMy4wMTcgMzMuOTY2NiAzMy4zODg3IDMzLjk5MzJDMzMuNzYwNSAzNC4wMTk4IDM0LjEzMzYgMzMuOTY4NCAzNC40ODU0IDMzLjg0MjNDMzQuODM3MiAzMy43MTYxIDM1LjE2MDQgMzMuNTE3OCAzNS40MzUyIDMzLjI1OTRMNTEuOTk4OCAxOS4yNTM0QzUyLjMxMTkgMTguOTg4NyA1Mi41NjQgMTguNjU2MiA1Mi43MzcxIDE4LjI3OTZDNTIuOTEwMiAxNy45MDMgNTMgMTcuNDkxNyA1MyAxNy4wNzUyQzUzIDE2LjY1ODggNTIuOTEwMiAxNi4yNDc1IDUyLjczNzEgMTUuODcwOUM1Mi41NjQgMTUuNDk0MyA1Mi4zMTE5IDE1LjE2MTcgNTEuOTk4OCAxNC44OTdaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==) center center no-repeat;
  top: 50%;
  left: auto;
  transition: right .3s;
  right: 32px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width: 1279px) {
  .survey-content__demo-button:after {
    width: 40px;
    height: 25px;
    background-size: 100% auto
  }
}

@media only screen and (max-width: 979px) {
  .survey-content__demo-button:after {
    width: 30px;
    right: 22px
  }
}

@media only screen and (max-width: 979px) {
  .survey-content__demo-button.mobile-hidden {
    display: none
  }
}

.survey-content__mark {
  margin-top: 80px;
  font-size: 15px;
  line-height: 133%;
  margin-bottom: 10px
}

@media only screen and (max-width: 979px) {
  .survey-content__mark {
    margin-top: 60px;
    font-size: 12px;
    line-height: 133%
  }
}

.survey-content__mark--bold {
  color: #582362;
  font-weight: bold
}

@media only screen and (max-width: 979px) {
  .survey-content__mark--bold {
    display: block
  }
}

.survey-list-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 80px 0 100px
}

@media only screen and (max-width: 979px) {
  .survey-list-section {
    padding: 60px 0 75px
  }
}

.survey-list-section.hidden {
  display: none
}

.survey-list-section--no-swpier .survey-list__container .swiper-button-prev,
.survey-list-section--no-swpier .survey-list__container .swiper-button-next {
  display: none
}

.survey-list-section--no-swpier .survey-list__swiper-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center
}

.survey-list__caption {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362;
  margin-bottom: 50px
}

@media only screen and (max-width: 979px) {
  .survey-list__caption {
    font-size: 25px;
    line-height: 133.1%;
    margin-bottom: 0
  }
}

.survey-list__container {
  margin-bottom: 70px;
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px
}

@media only screen and (max-width: 979px) {
  .survey-list__container {
    padding: 0;
    margin-bottom: 0
  }
}

.survey-list__container .swiper {
  overflow: hidden;
  width: 100%;
  max-width: 1080px
}

.survey-list__container .survey-card {
  height: auto
}

.survey-list__container .swiper-button-prev,
.survey-list__container .swiper-button-next {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS4yNTI0NSAxOS43NDg5TDEwIDEwLjE5OTVMMSAwLjM3NDUxMiIgc3Ryb2tlPSIjNEE0QTRBIi8+PC9zdmc+) center center no-repeat;
  width: 11px;
  height: 21px;
  margin-top: -10px;
  display: block;
  right: 0
}

@media only screen and (max-width: 1279px) {

  .survey-list__container .swiper-button-prev,
  .survey-list__container .swiper-button-next {
    display: block
  }
}

@media only screen and (max-width: 979px) {

  .survey-list__container .swiper-button-prev,
  .survey-list__container .swiper-button-next {
    display: none
  }
}

.survey-list__container .swiper-button-prev {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  left: 0
}

@media only screen and (max-width: 979px) {
  .survey-list__swiper-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media only screen and (max-width: 1279px) {
  .container-custom--survey {
    width: 100%
  }
}

.help-center-blocks {
  position: relative;
  width: 100%
}

.help-center-blocks:before {
  content: "";
  height: 50%;
  width: 100%;
  position: absolute;
  background: linear-gradient(180deg, #efe9e7 0%, rgba(255, 255, 255, 0) 100%);
  z-index: -1
}

.help-center-block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  background-color: #fff;
  padding: 44px 64px;
  margin: 43px 0
}

.help-center-block:nth-child(1) .help-center-block__figure {
  background-color: #582362
}

.help-center-block:nth-child(2) .help-center-block__figure {
  background-color: #2c99a4
}

.help-center-block:nth-child(3) .help-center-block__figure {
  background-color: #292c49
}

.help-center-block:nth-child(4) .help-center-block__figure {
  background-color: #813a8e
}

.help-center-block:nth-child(5) .help-center-block__figure {
  background-color: #4a4a4a
}

.help-center-block__figure {
  width: 56px;
  height: 56px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
  background-color: #582362
}

.help-center-block__content {
  width: calc(100% - 76px)
}

.help-center-block__title {
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 20px;
  color: #4a4a4a;
  height: 56px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.help-center-block__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.help-center-block__item {
  width: 50%;
  margin-bottom: 10px
}

.help-center-block__link {
  font-size: 16px;
  line-height: 143.1%;
  color: #2c99a4
}

.help-center-block__link:hover {
  text-decoration: underline;
  color: #2c99a4
}

.help-center-page .menu-wrapper {
  background-color: #582362
}

.help-center-top-section {
  width: 100%;
  padding: 120px 0 10px;
  position: relative
}

.help-center-top-section__subhead {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  text-align: center;
  color: #572162;
  margin-bottom: 10px
}

.help-center-top-section__title {
  font-weight: bold;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #2c99a4;
  margin-bottom: 20px
}

.help-center-sections-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.help-center-sections-list__item {
  height: 24px;
  line-height: 24px;
  padding: 0 26px;
  position: relative
}

.help-center-sections-list__item:before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #4a4a4a
}

.help-center-sections-list__item:first-child:before {
  display: none
}

.help-center-sections-list__link {
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  color: #2c99a4
}

.help-center-sections-list__link:hover {
  color: #2c99a4;
  text-decoration: underline
}

.help-center-sections {
  margin-top: 80px;
  width: 100%
}

.help-center-sections .container-custom {
  display: grid;
  gap: 80px 64px;
  grid-template-columns: calc(50% - 32px) calc(50% - 32px)
}

.help-center-section {
  background: rgba(239, 233, 231, .4);
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  grid-column: 1/3
}

.help-center-section--half {
  grid-column: auto
}

.help-center-section__title {
  text-align: center;
  padding: 32px 0 16px;
  font-weight: bold;
  font-size: 22px;
  line-height: 140%;
  color: #4a4a4a;
  background: #fff;
  margin: 0
}

.help-center-section__subtitle {
  font-size: 16px;
  line-height: 143.1%;
  text-align: center;
  background: #fff;
  margin: 0
}

.help-center-section__figure {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
  background: #fff
}

.help-center-section__image {
  display: block;
  max-width: 100%
}

.help-center-section__description {
  padding: 36px;
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  display: -ms-flexbox;
  display: flex;
  color: #4a4a4a
}

.help-center-section__description h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 143.1%;
  color: #582362;
  margin-bottom: 0
}

.help-center-section__description h3 ~ ol,
.help-center-section__description h3 ~ ul {
  margin-top: 16px
}

.help-center-section__description h3 + p {
  margin-top: 16px
}

.help-center-section__description ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  padding: 0;
  margin: 0
}

.help-center-section__description ol li {
  counter-increment: my-awesome-counter
}

.help-center-section__description ol li:before {
  content: counter(my-awesome-counter) ")";
  font-weight: 600;
  font-size: 16px;
  line-height: 143.1%;
  color: #582362;
  margin-right: .5rem
}

.help-center-section__description ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.help-center-section__description ul li {
  position: relative;
  padding-left: 16px
}

.help-center-section__description ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  background-color: #582362;
  width: 7px;
  height: 7px
}

.help-center-section__description li {
  margin-top: 16px
}

.help-center-section__description li:first-child {
  margin-top: 0
}

.help-center-section__description--blue h3 {
  color: #2c99a4
}

.help-center-section__description--blue ol li:before {
  color: #2c99a4
}

.help-center-section__description--blue ul li:before {
  background-color: #2c99a4
}

.help-center-section__description--dark-blue h3 {
  color: #292c49
}

.help-center-section__description--dark-blue ol li:before {
  color: #292c49
}

.help-center-section__description--dark-blue ul li:before {
  background-color: #292c49
}

.help-center-section__description--purple h3 {
  color: #813a8e
}

.help-center-section__description--purple ol li:before {
  color: #813a8e
}

.help-center-section__description--purple ul li:before {
  background-color: #813a8e
}

.help-center-section__description--black h3 {
  color: #4a4a4a
}

.help-center-section__description--black ol li:before {
  color: #4a4a4a
}

.help-center-section__description--black ul li:before {
  background-color: #4a4a4a
}

.help-center-section__description--alphabet ol li:before {
  content: counter(my-awesome-counter, lower-alpha) ")"
}

.help-center-mobile {
  margin-top: 64px;
  background-image: url("/wp-content/themes/prodege_theme/img/dataViz.png");
  background-size: cover;
  padding: 25vw 0;
  width: 100%
}

.help-center-mobile__content {
  width: 100%;
  background: rgba(88, 35, 98, .8);
  padding: 32px 0;
  color: #fff
}

.help-center-mobile__content .container-custom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column
}

.help-center-mobile__title {
  font-weight: 300;
  font-size: 26px;
  line-height: 110.9%;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-bottom: 16px
}

@media only screen and (max-width: 480px) {
  .help-center-mobile__title {
    max-width: 230px
  }
}

.help-center-mobile__subtitle {
  font-weight: bold;
  font-size: 16px;
  line-height: 140%;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-bottom: 8px
}

@media only screen and (max-width: 480px) {
  .help-center-mobile__subtitle {
    max-width: 300px
  }
}

.help-center-mobile__button {
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  text-align: center
}

.help-center-mobile__button:hover {
  color: #fff
}

.help-center-mobile__cta {
  display: -ms-flexbox;
  display: flex;
  margin-top: 49px
}

@media only screen and (max-width: 1279px) {
  .help-center-mobile__cta {
    margin-top: 40px
  }
}

@media only screen and (max-width: 979px) {
  .help-center-mobile__cta {
    margin-top: 25px
  }
}

.help-center-mobile__button {
  font-weight: 300;
  font-size: 23px;
  line-height: 140%;
  color: #fff;
  padding: 30px 90px 30px 25px;
  background: #2c99a4;
  transition: all .3s;
  position: relative;
  padding: 29px 105px 30px 25px;
  margin-left: auto;
  margin-right: auto
}

.help-center-mobile__button:after {
  -webkit-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
  right: 16px;
  transition: all .3s
}

.help-center-mobile__button:hover {
  background-color: #292c49;
  color: #fff;
  text-decoration: none
}

@media only screen and (max-width: 1279px) {
  .help-center-mobile__button:hover {
    background-color: #2c99a4
  }
}

.help-center-mobile__button:hover:after {
  right: 10px
}

@media only screen and (max-width: 979px) {
  .help-center-mobile__button:hover:after {
    right: 25px
  }
}

@media only screen and (max-width: 1279px) {
  .help-center-mobile__button {
    padding: 19px 80px 19px 22px;
    font-size: 20px
  }
}

@media only screen and (max-width: 979px) {
  .help-center-mobile__button {
    padding: 22px 80px 22px 28px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px
  }
}

.page-template-page-category-insights-template .top-section-hbspt {
  min-height: 650px
}

@media only screen and (max-width: 1279px) {
  .page-template-page-category-insights-template .top-section-hbspt {
    min-height: 0
  }
}

.ci-content {
  width: 100%;
  padding: 80px 0 0;
  margin-bottom: 82px
}

@media only screen and (max-width: 1279px) {
  .ci-content {
    padding: 40px 0 0;
    margin-bottom: 62px;
    background: linear-gradient(180deg, #FFFFFF 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18)
  }
}

.ci-content .narrow-container {
  position: relative;
  background: linear-gradient(270deg, #FFFFFF 1.22%, rgba(239, 233, 231, 0.44) 78.18%), rgba(239, 233, 231, .18);
  padding: 60px 386px 60px 130px
}

@media only screen and (max-width: 1279px) {
  .ci-content .narrow-container {
    background: none;
    padding: 0
  }
}

.ci-content__title {
  color: #582362;
  font-weight: 300;
  font-size: 23px;
  line-height: 140%
}

@media only screen and (max-width: 1279px) {
  .ci-content__title {
    text-align: center
  }
}

.ci-content__description {
  color: #4a4a4a;
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%
}

@media only screen and (max-width: 1279px) {
  .ci-content__description {
    text-align: center;
    padding-bottom: 40px
  }
}

.ci-content__figure {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  max-width: 304px;
  max-height: 304px
}

@media only screen and (max-width: 1279px) {
  .ci-content__figure {
    position: static;
    max-width: 243px;
    max-height: 243px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: 0 auto 30px
  }
}

.ci-content__image {
  border-radius: 50%;
  -webkit-filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.2));
  max-width: 100%
}

.ci-categories {
  width: 100%;
  margin: 0;
  padding: 170px 0 0
}

@media only screen and (max-width: 1279px) {
  .ci-categories {
    padding: 88px 0 0
  }
}

@media only screen and (max-width: 979px) {
  .ci-categories {
    padding: 88px 0 32px
  }
}

.ci-categories__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  color: #582362;
  margin-bottom: 0;
  text-align: center
}

@media only screen and (max-width: 979px) {
  .ci-categories__title {
    font-size: 25px;
    line-height: 133.1%;
    margin-bottom: 8px
  }
}

.ci-categories__description {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #4a4a4a;
  max-width: 845px;
  margin: 0 auto 40px
}

@media only screen and (max-width: 979px) {
  .ci-categories__description {
    font-size: 16px;
    margin-bottom: 8px
  }
}

.ci-categories__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 32px);
  max-width: 1042px;
  margin: auto
}

@media only screen and (max-width: 979px) {
  .ci-categories__list {
    margin-left: -16px;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.ci-category {
  width: calc(25% - 32px);
  margin: 16px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  position: relative;
  height: auto;
  max-width: 229px;
  display: block
}

@media only screen and (max-width: 1279px) {
  .ci-category {
    max-width: none;
    width: calc(33.33% - 32px)
  }
}

@media only screen and (max-width: 979px) {
  .ci-category {
    width: 173px;
    min-height: 253px;
    width: calc(100% - 32px);
    max-width: 229px
  }
}

.ci-category__image-wrap {
  height: 130px;
  width: 100%;
  position: relative;
  margin-bottom: 0
}

.ci-category__image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.ci-category__arrow-box {
  position: absolute;
  right: 18px;
  bottom: -15px;
  width: 30px;
  height: 30px;
  background-color: #2c99a4
}

.ci-category__arrow-box:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background-image: url(/wp-content/themes/prodege_theme/img/arrow-white.svg)
}

.ci-category__content {
  padding: 20px 20px 20px 22px
}

@media only screen and (max-width: 979px) {
  .ci-category__content {
    padding: 20px 11px 20px 11px
  }
}

.ci-category__title {
  font-weight: bold;
  font-size: 15px;
  line-height: 1.33;
  color: #582362;
  margin-bottom: 10px
}

.ci-category__text {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  color: #4a4a4a;
  margin-bottom: 0
}

.ci-category__link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.ci-banner {
  width: 100%;
  margin: 0 0 140px;
  -ms-flex-order: 999;
  order: 999
}

@media only screen and (max-width: 979px) {
  .ci-banner {
    margin: 64px 0 0;
    -ms-flex-order: 0;
    order: 0
  }
}

.ci-banner__link {
  width: 100%;
  max-width: 824px;
  display: block;
  margin: auto
}

@media only screen and (max-width: 979px) {
  .ci-banner__link {
    max-width: 302px
  }
}

.ci-banner__figure {
  width: 100%
}

.ci-banner__image-desktop {
  width: 100%
}

@media only screen and (max-width: 979px) {
  .ci-banner__image-desktop {
    display: none
  }
}

.ci-banner__image-mobile {
  width: 100%;
  display: none
}

@media only screen and (max-width: 979px) {
  .ci-banner__image-mobile {
    display: block
  }
}

.category-insights-form-section {
  padding: 0;
  width: 100%
}

.single-category-insights .ci-banner {
  margin: 0 0 100px
}

@media only screen and (max-width: 979px) {
  .single-category-insights .ci-banner {
    margin: 0 0 66px
  }
}

.insights-content {
  width: 100%;
  padding: 40px 0 77px
}

.insights-block {
  margin-top: 90px
}

@media only screen and (max-width: 979px) {
  .insights-block {
    margin-top: 56px
  }
}

.insights-block:nth-child(2) .insights-block__description {
  background: #2c99a4
}

.insights-block:nth-child(3) .insights-block__description {
  background: #813a8e
}

.insights-block:nth-child(4) .insights-block__description {
  background: #292c49
}

.insights-block__title {
  font-weight: 300;
  font-size: 38px;
  line-height: 133%;
  text-align: center;
  color: #582362
}

@media only screen and (max-width: 979px) {
  .insights-block__title {
    font-size: 25px;
    line-height: 133.1%;
    margin: 0 0 82px
  }
}

.insights-block__block {
  margin-top: 30px
}

.insights-block__description {
  background: #582362;
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #fff;
  padding: 20px 26px;
  position: relative
}

@media only screen and (max-width: 979px) {
  .insights-block__description {
    font-size: 16px;
    line-height: 140%;
    padding: 93px 16px 28px
  }
}

@media only screen and (max-width: 1279px) {
  .insights-block__description br {
    display: none
  }
}

.insights-block__mobile-label-figure {
  display: none;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 158px;
  height: 158px
}

@media only screen and (max-width: 979px) {
  .insights-block__mobile-label-figure {
    display: block
  }
}

.insights-block__mobile-label {
  width: 100%;
  height: 100%
}

.insights-block__graphics {
  display: grid;
  grid-template-columns: 41% 59%;
  z-index: -1;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 979px) {
  .insights-block__graphics {
    display: none
  }
}

.insights-block__desktop-label {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  width: 100%;
  background-color: #f3f1f1
}

@media only screen and (max-width: 979px) {
  .insights-block__desktop-label {
    background-color: transparent
  }
}

.insights-block__desktop-image {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  width: 100%;
  background-color: #f3f1f1;
  mix-blend-mode: luminosity;
  -o-object-fit: cover;
  object-fit: cover
}

.insights-block__desktop-slider {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  position: relative;
  width: 100%;
  overflow: hidden
}

.insights-block__prev,
.insights-block__next {
  width: 14px;
  height: 14px;
  position: absolute;
  border-top: 1px #4a4a4a solid;
  border-left: 1px #4a4a4a solid;
  bottom: 4%;
  z-index: 1;
  cursor: pointer
}

.insights-block__prev {
  left: 7%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.insights-block__next {
  right: 7%;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.insights-block__pagination {
  position: absolute;
  bottom: 3.4% !important;
  left: 50% !important;
  width: auto !important;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.insights-block__pagination .swiper-pagination-bullet {
  margin: 0 6px;
  border: 1px solid #582362;
  background-color: transparent
}

.insights-block__pagination .swiper-pagination-bullet-active {
  background: #582362
}

.insights-block__desktop-slider-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.insights-block__desktop-slide {
  max-width: 100%;
  max-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.insights-block__desktop-slide svg {
  max-height: 100%;
  height: auto;
  width: 100%
}

.insights-block__desktop-slide .tooltip {
  width: 225px;
  padding: 28px;
  opacity: 1;
  display: none;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  font-weight: 300;
  font-size: 16px;
  line-height: 143.1%;
  color: #4a4a4a;
  font-family: "Montserrat", sans-serif
}

.insights-block__desktop-slide .tooltip[data-show] {
  display: block
}

.insights-block__desktop-slide .tooltip .arrow,
.insights-block__desktop-slide .tooltip .arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit
}

.insights-block__desktop-slide .tooltip .arrow {
  visibility: hidden
}

.insights-block__desktop-slide .tooltip .arrow::before {
  visibility: visible;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.insights-block__desktop-slide .tooltip[data-popper-placement^=top] > .arrow {
  bottom: -4px
}

.insights-block__desktop-slide .tooltip[data-popper-placement^=bottom] > .arrow {
  top: -4px
}

.insights-block__desktop-slide .tooltip[data-popper-placement^=left] > .arrow {
  right: -4px
}

.insights-block__desktop-slide .tooltip[data-popper-placement^=right] > .arrow {
  left: -4px
}

.insights-block__mobile-slider {
  display: none;
  position: relative;
  width: 100%;
  overflow: hidden;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 979px) {
  .insights-block__mobile-slider {
    display: block
  }
}

.insights-block__mobile-slide {
  max-width: 100%;
  max-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.insights-block__mobile-image {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.insights-form-section {
  width: 100%
}

@media only screen and (max-width: 979px) {
  .insights-form-section .container-custom {
    width: 100%
  }
}

.mobile-event-box .fixed-news {
  padding: 36px 60px 28px;
  position: relative
}

@media only screen and (max-width: 330px) {
  .mobile-event-box .fixed-news {
    padding-left: 30px;
    padding-right: 30px
  }
}

.mobile-event-box .fixed-news .news-box-image {
  position: relative
}

.mobile-event-box .fixed-news .news-box-title {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 25px;
  line-height: 1.33;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 15px
}

.mobile-event-box .fixed-news .news-box-content {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 25px
}

.mobile-event-box .fixed-news figure {
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, .31);
  margin-bottom: 0;
  overflow: hidden
}

.mobile-event-box .fixed-news figure img {
  display: block;
  width: 100%;
  height: auto
}

.mobile-event-box .fixed-news .news-link {
  position: absolute;
  display: inline-block;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 12px;
  background: #9dc92e
}

.about-leadership-slide.about-leadership-slide_1 {
  -ms-flex-order: 0 !important;
  order: 0 !important;
  margin-top: 0 !important
}

.about-leadership-slide.about-leadership-slide_2 {
  -ms-flex-order: 1 !important;
  order: 1 !important;
  margin-top: 0 !important
}

.about-leadership-slide.about-leadership-slide_3 {
  -ms-flex-order: 2 !important;
  order: 2 !important;
  margin-top: 0 !important
}

.about-leadership-slide.about-leadership-slide_4 {
  -ms-flex-order: 3 !important;
  order: 3 !important;
  margin-top: 0 !important
}

.about-leadership-slide.about-leadership-slide_5 {
  -ms-flex-order: 4 !important;
  order: 4 !important;
  margin-top: 0 !important
}

.about-leadership-slide.about-leadership-slide_6 {
  -ms-flex-order: 5 !important;
  order: 5 !important;
  margin-top: 0 !important
}

.about-leadership-slide.about-leadership-slide_7 {
  -ms-flex-order: 6 !important;
  order: 6 !important;
  margin-top: 0 !important
}

.about-leadership-slide.about-leadership-slide_8 {
  -ms-flex-order: 7 !important;
  order: 7 !important;
  margin-top: 0 !important
}

.about-leadership-slide.about-leadership-slide_9 {
  -ms-flex-order: 8 !important;
  order: 8 !important;
  margin-top: 15px !important
}

.about-leadership-slide.about-leadership-slide_10 {
  -ms-flex-order: 9 !important;
  order: 9 !important;
  margin-top: 15px !important
}

.about-leadership-slide.about-leadership-slide_11 {
  -ms-flex-order: 10 !important;
  order: 10 !important;
  margin-top: 15px !important
}

.about-leadership-slide.about-leadership-slide_12 {
  -ms-flex-order: 11 !important;
  order: 11 !important;
  margin-top: 15px !important
}

.about-leadership-slide.about-leadership-slide_13 {
  -ms-flex-order: 12 !important;
  order: 12 !important;
  margin-top: 15px !important
}

.about-leadership-slide.about-leadership-slide_14 {
  -ms-flex-order: 13 !important;
  order: 13 !important;
  margin-top: 15px !important
}

.about-leadership-slide.about-leadership-slide_15 {
  -ms-flex-order: 14 !important;
  order: 14 !important;
  margin-top: 15px !important
}

.wp-block-embed-vimeo iframe {
  width: 100%
}

.wp-block-embed-vimeo #player {
  max-width: 100% !important
}

.wp-block-embed-vimeo {
  --video--width: 1296;
  --video--height: 740;
  position: relative;
  padding-bottom: calc(var(--video--height)/var(--video--width)*100%);
  overflow: hidden;
  max-width: 100%;
  background: #000
}

.wp-block-embed-vimeo .vp-video-wrapper,
.wp-block-embed-vimeo iframe,
.wp-block-embed__wrapper,
.wp-block-embed-vimeo object,
.wp-block-embed-vimeo embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.api-page-header {
  width: 100%;
  text-align: center;
  height: 500px;
  padding-top: 2rem
}

@media only screen and (max-width: 979px) {
  .api-page-header {
    height: 283px
  }
}

.api-page-header__title {
  margin-left: auto;
  margin-right: auto;
  font-size: 49px;
  margin-top: -30px
}

@media only screen and (max-width: 979px) {
  .api-page-header__title {
    font-size: 28px;
    line-height: 1.2;
    margin-top: -15px
  }
}

.api-page-header__img {
  margin-bottom: 0
}

@media only screen and (max-width: 979px) {
  .api-page-header__img {
    max-width: 270px
  }
}

.api-page-content {
  width: 100%;
  padding: 90px 20px
}

@media only screen and (max-width: 979px) {
  .api-page-content {
    padding: 55px 15px
  }
}

@media only screen and (max-width: 979px) {
  .api-page-content .container-custom {
    width: 100%
  }
}

.api-page-content .doc-print {
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS42ODQ1NyA0Ljg5MzM1SDIxLjMxNTVWMS44NDU4OUg1LjY4NDU3VjQuODkzMzVaTTQuMjYzMDkgNC44OTMzNVYxLjA4MjkzQzQuMjYzMDkgMC42NjI4OTQgNC41ODE0OCAwLjMyMTQyNiA0Ljk3NDQ4IDAuMzIxNDI2SDIyLjAyNjhDMjIuNDE4NSAwLjMyMTQyNiAyMi43MzY5IDAuNjYyODkgMjIuNzM2OSAxLjA4MjkzVjQuODkzMzVIMjYuMjg5OUMyNi42ODE2IDQuODkzMzUgMjcgNS4yMzQ4MSAyNyA1LjY1NDg1VjE2LjMyMzFDMjcgMTYuNzQ0NiAyNi42ODE2IDE3LjA4NDYgMjYuMjg5OSAxNy4wODQ2SDIyLjczNjlWMjAuODk1MUMyMi43MzY5IDIxLjA5NjUgMjIuNjYyMyAyMS4yOTA4IDIyLjUyOTEgMjEuNDMzN0wxNi44NDQ1IDI3LjUzMDFDMTYuNzExMyAyNy42NzMgMTYuNTMwMSAyNy43NTMgMTYuMzQyMiAyNy43NTNINC45NzQ0NUM0LjU4MTQ2IDI3Ljc1MyA0LjI2MzA2IDI3LjQxMTUgNC4yNjMwNiAyNi45OTE1VjE3LjA4NDdIMC43MTEzOTFDMC4zMTg0MDIgMTcuMDg0NyAwIDE2Ljc0NDYgMCAxNi4zMjMyVjUuNjU0ODdDMCA1LjIzNDg0IDAuMzE4Mzk5IDQuODkzMzggMC43MTEzOTEgNC44OTMzOEw0LjI2MzA5IDQuODkzMzVaTTQuMjYzMDkgMTUuNTYxNlYxNC43OTg3QzQuMjYzMDkgMTQuMzc4NyA0LjU4MTQ4IDE0LjAzNzIgNC45NzQ0OCAxNC4wMzcySDIyLjAyNjhDMjIuNDE4NSAxNC4wMzcyIDIyLjczNjkgMTQuMzc4NyAyMi43MzY5IDE0Ljc5ODdWMTUuNTYxNkgyNS41Nzg1VjYuNDE3ODFIMS40MjE0NFYxNS41NjE2SDQuMjYzMDlaTTE3LjA1MjQgMjUuMTUxM0wyMC4zMTEgMjEuNjU2N0gxNy4wNTI0VjI1LjE1MTNaTTE1LjYzMjIgMjYuMjI4NlYyMC44OTUyQzE1LjYzMjIgMjAuNDczNyAxNS45NDkzIDIwLjEzMzcgMTYuMzQyMyAyMC4xMzM3SDIxLjMxNTRWMTUuNTYxOEg1LjY4NDU0VjI2LjIyODZIMTUuNjMyMlpNNy44MTYwOCAxOC42MDkyQzcuNDIzMDkgMTguNjA5MiA3LjEwNjAyIDE4LjI2NzggNy4xMDYwMiAxNy44NDc3QzcuMTA2MDIgMTcuNDI2MyA3LjQyMzA5IDE3LjA4NDggNy44MTYwOCAxNy4wODQ4SDE3Ljc2MzhDMTguMTU1NCAxNy4wODQ4IDE4LjQ3MzggMTcuNDI2MyAxOC40NzM4IDE3Ljg0NzdDMTguNDczOCAxOC4yNjc3IDE4LjE1NTQgMTguNjA5MiAxNy43NjM4IDE4LjYwOTJINy44MTYwOFpNNy44MTYwOCAyMS42NTY3QzcuNDIzMDkgMjEuNjU2NyA3LjEwNjAyIDIxLjMxNjYgNy4xMDYwMiAyMC44OTUyQzcuMTA2MDIgMjAuNDczNyA3LjQyMzA5IDIwLjEzMzcgNy44MTYwOCAyMC4xMzM3SDEyLjA3OTJDMTIuNDcyMiAyMC4xMzM3IDEyLjc4OTIgMjAuNDczNyAxMi43ODkyIDIwLjg5NTJDMTIuNzg5MiAyMS4zMTY2IDEyLjQ3MjIgMjEuNjU2NyAxMi4wNzkyIDIxLjY1NjdINy44MTYwOFpNNy44MTYwOCAyNC43MDU2QzcuNDIzMDkgMjQuNzA1NiA3LjEwNjAyIDI0LjM2NDEgNy4xMDYwMiAyMy45NDI2QzcuMTA2MDIgMjMuNTIyNiA3LjQyMzA5IDIzLjE4MTEgNy44MTYwOCAyMy4xODExSDEyLjA3OTJDMTIuNDcyMiAyMy4xODExIDEyLjc4OTIgMjMuNTIyNiAxMi43ODkyIDIzLjk0MjZDMTIuNzg5MiAyNC4zNjQxIDEyLjQ3MjIgMjQuNzA1NiAxMi4wNzkyIDI0LjcwNTZINy44MTYwOFpNNC45NzQ0OCA5LjQ2NTM0QzQuNTgxNDkgOS40NjUzNCA0LjI2MzA5IDkuMTIzODggNC4yNjMwOSA4LjcwMzg0QzQuMjYzMDkgOC4yODIzOCA0LjU4MTQ4IDcuOTQwOTEgNC45NzQ0OCA3Ljk0MDkxSDcuODE2MDhDOC4yMDkwNyA3Ljk0MDkxIDguNTI2MTQgOC4yODIzOCA4LjUyNjE0IDguNzAzODRDOC41MjYxNCA5LjEyMzg3IDguMjA5MDggOS40NjUzNCA3LjgxNjA4IDkuNDY1MzRINC45NzQ0OFoiIGZpbGw9IiM1ODIzNjIiLz48L3N2Zz4=) center center no-repeat;
  background-size: 100% auto
}

.api-page-content .documentor-mint .doc-search,
.api-page-content .documentor-mint .doc-menu ol.doc-list-front,
.api-page-content .documentor-mint .doc-sec-container {
  border: 1px solid #979797;
  box-sizing: border-box;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .5);
  padding-top: 0;
  border-radius: 0
}

.api-page-content .documentor-mint .postman-run-button {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgMjAwIDUwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iNTAiIGZpbGw9IiM1ODIzNjIiLz48cGF0aCBkPSJNMjMuNzI4IDMwTDIxLjA1NiAyNi4yNTZDMjAuNjYxMyAyNi4zMDkzIDIwLjI5ODcgMjYuMzM2IDE5Ljk2OCAyNi4zMzZIMTYuNzY4VjMwSDE1Ljk1MlYxOC44SDE5Ljk2OEMyMS4zNzYgMTguOCAyMi40OCAxOS4xMzYgMjMuMjggMTkuODA4QzI0LjA4IDIwLjQ2OTMgMjQuNDggMjEuMzkyIDI0LjQ4IDIyLjU3NkMyNC40OCAyMy40NjEzIDI0LjI1MDcgMjQuMjA4IDIzLjc5MiAyNC44MTZDMjMuMzQ0IDI1LjQxMzMgMjIuNjk4NyAyNS44MzQ3IDIxLjg1NiAyNi4wOEwyNC42NTYgMzBIMjMuNzI4Wk0xOS45NjggMjUuNjE2QzIxLjE2MjcgMjUuNjE2IDIyLjA3NDcgMjUuMzU0NyAyMi43MDQgMjQuODMyQzIzLjMzMzMgMjQuMjk4NyAyMy42NDggMjMuNTQ2NyAyMy42NDggMjIuNTc2QzIzLjY0OCAyMS42MDUzIDIzLjMzMzMgMjAuODU4NyAyMi43MDQgMjAuMzM2QzIyLjA3NDcgMTkuODAyNyAyMS4xNjI3IDE5LjUzNiAxOS45NjggMTkuNTM2SDE2Ljc2OFYyNS42MTZIMTkuOTY4Wk0zNC41MjM2IDIxLjY0OFYzMEgzMy43NTU2VjI4LjIwOEMzMy40NzgzIDI4Ljc5NDcgMzMuMDY3NiAyOS4yNTMzIDMyLjUyMzYgMjkuNTg0QzMxLjk3OTYgMjkuOTA0IDMxLjMzOTYgMzAuMDY0IDMwLjYwMzYgMzAuMDY0QzI5LjUxNTYgMzAuMDY0IDI4LjY2MjMgMjkuNzYgMjguMDQzNiAyOS4xNTJDMjcuNDI1IDI4LjU0NCAyNy4xMTU2IDI3LjY2OTMgMjcuMTE1NiAyNi41MjhWMjEuNjQ4SDI3LjkxNTZWMjYuNDY0QzI3LjkxNTYgMjcuNDAyNyAyOC4xNTU2IDI4LjExNzMgMjguNjM1NiAyOC42MDhDMjkuMTE1NiAyOS4wOTg3IDI5Ljc5MyAyOS4zNDQgMzAuNjY3NiAyOS4zNDRDMzEuNjA2MyAyOS4zNDQgMzIuMzQ3NiAyOS4wNTA3IDMyLjg5MTYgMjguNDY0QzMzLjQ0NjMgMjcuODc3MyAzMy43MjM2IDI3LjA4OCAzMy43MjM2IDI2LjA5NlYyMS42NDhIMzQuNTIzNlpNNDEuOTk0OCAyMS41ODRDNDMuMDQwMSAyMS41ODQgNDMuODY2OCAyMS44ODggNDQuNDc0OCAyMi40OTZDNDUuMDgyOCAyMy4xMDQgNDUuMzg2OCAyMy45Nzg3IDQ1LjM4NjggMjUuMTJWMzBINDQuNTg2OFYyNS4xODRDNDQuNTg2OCAyNC4yNDUzIDQ0LjM0NjggMjMuNTMwNyA0My44NjY4IDIzLjA0QzQzLjM5NzQgMjIuNTQ5MyA0Mi43MzYxIDIyLjMwNCA0MS44ODI4IDIyLjMwNEM0MC45MDE0IDIyLjMwNCA0MC4xMjgxIDIyLjU5NzMgMzkuNTYyOCAyMy4xODRDMzguOTk3NCAyMy43NzA3IDM4LjcxNDggMjQuNTYgMzguNzE0OCAyNS41NTJWMzBIMzcuOTE0OFYyMS42NDhIMzguNjgyOFYyMy40NTZDMzguOTcwOCAyMi44NjkzIDM5LjM5NzQgMjIuNDEwNyAzOS45NjI4IDIyLjA4QzQwLjUzODggMjEuNzQ5MyA0MS4yMTYxIDIxLjU4NCA0MS45OTQ4IDIxLjU4NFpNNTIuNzg5OCAyMS42NDhINTMuNTg5OFYzMEg1Mi43ODk4VjIxLjY0OFpNNTMuMTg5OCAxOS42MTZDNTMuMDA4NCAxOS42MTYgNTIuODUzOCAxOS41NTczIDUyLjcyNTggMTkuNDRDNTIuNTk3OCAxOS4zMTIgNTIuNTMzOCAxOS4xNTczIDUyLjUzMzggMTguOTc2QzUyLjUzMzggMTguNzk0NyA1Mi41OTc4IDE4LjY0IDUyLjcyNTggMTguNTEyQzUyLjg1MzggMTguMzg0IDUzLjAwODQgMTguMzIgNTMuMTg5OCAxOC4zMkM1My4zNzExIDE4LjMyIDUzLjUyNTggMTguMzg0IDUzLjY1MzggMTguNTEyQzUzLjc4MTggMTguNjI5MyA1My44NDU4IDE4Ljc3ODcgNTMuODQ1OCAxOC45NkM1My44NDU4IDE5LjE0MTMgNTMuNzgxOCAxOS4yOTYgNTMuNjUzOCAxOS40MjRDNTMuNTI1OCAxOS41NTIgNTMuMzcxMSAxOS42MTYgNTMuMTg5OCAxOS42MTZaTTYxLjA0MTYgMjEuNTg0QzYyLjA4NyAyMS41ODQgNjIuOTEzNiAyMS44ODggNjMuNTIxNiAyMi40OTZDNjQuMTI5NiAyMy4xMDQgNjQuNDMzNiAyMy45Nzg3IDY0LjQzMzYgMjUuMTJWMzBINjMuNjMzNlYyNS4xODRDNjMuNjMzNiAyNC4yNDUzIDYzLjM5MzYgMjMuNTMwNyA2Mi45MTM2IDIzLjA0QzYyLjQ0NDMgMjIuNTQ5MyA2MS43ODMgMjIuMzA0IDYwLjkyOTYgMjIuMzA0QzU5Ljk0ODMgMjIuMzA0IDU5LjE3NSAyMi41OTczIDU4LjYwOTYgMjMuMTg0QzU4LjA0NDMgMjMuNzcwNyA1Ny43NjE2IDI0LjU2IDU3Ljc2MTYgMjUuNTUyVjMwSDU2Ljk2MTZWMjEuNjQ4SDU3LjcyOTZWMjMuNDU2QzU4LjAxNzYgMjIuODY5MyA1OC40NDQzIDIyLjQxMDcgNTkuMDA5NiAyMi4wOEM1OS41ODU2IDIxLjc0OTMgNjAuMjYzIDIxLjU4NCA2MS4wNDE2IDIxLjU4NFpNNzYuMTA4NiAxOC44Qzc3LjUxNjYgMTguOCA3OC42MjA2IDE5LjEzNiA3OS40MjA2IDE5LjgwOEM4MC4yMjA2IDIwLjQ2OTMgODAuNjIwNiAyMS4zOTIgODAuNjIwNiAyMi41NzZDODAuNjIwNiAyMy43NDkzIDgwLjIyMDYgMjQuNjcyIDc5LjQyMDYgMjUuMzQ0Qzc4LjYyMDYgMjYuMDA1MyA3Ny41MTY2IDI2LjMzNiA3Ni4xMDg2IDI2LjMzNkg3Mi45MDg2VjMwSDcyLjA5MjZWMTguOEg3Ni4xMDg2Wk03Ni4xMDg2IDI1LjZDNzcuMzAzMyAyNS42IDc4LjIxNTMgMjUuMzM4NyA3OC44NDQ2IDI0LjgxNkM3OS40NzQgMjQuMjkzMyA3OS43ODg2IDIzLjU0NjcgNzkuNzg4NiAyMi41NzZDNzkuNzg4NiAyMS42MDUzIDc5LjQ3NCAyMC44NTg3IDc4Ljg0NDYgMjAuMzM2Qzc4LjIxNTMgMTkuODAyNyA3Ny4zMDMzIDE5LjUzNiA3Ni4xMDg2IDE5LjUzNkg3Mi45MDg2VjI1LjZINzYuMTA4NlpNODYuMzM1IDMwLjA2NEM4NS41NDU3IDMwLjA2NCA4NC44MzEgMjkuODgyNyA4NC4xOTEgMjkuNTJDODMuNTYxNyAyOS4xNTczIDgzLjA2NTcgMjguNjU2IDgyLjcwMyAyOC4wMTZDODIuMzQwMyAyNy4zNjUzIDgyLjE1OSAyNi42MzQ3IDgyLjE1OSAyNS44MjRDODIuMTU5IDI1LjAxMzMgODIuMzQwMyAyNC4yODggODIuNzAzIDIzLjY0OEM4My4wNjU3IDIyLjk5NzMgODMuNTYxNyAyMi40OTA3IDg0LjE5MSAyMi4xMjhDODQuODMxIDIxLjc2NTMgODUuNTQ1NyAyMS41ODQgODYuMzM1IDIxLjU4NEM4Ny4xMjQzIDIxLjU4NCA4Ny44MzM3IDIxLjc2NTMgODguNDYzIDIyLjEyOEM4OS4xMDMgMjIuNDkwNyA4OS42MDQzIDIyLjk5NzMgODkuOTY3IDIzLjY0OEM5MC4zMjk3IDI0LjI4OCA5MC41MTEgMjUuMDEzMyA5MC41MTEgMjUuODI0QzkwLjUxMSAyNi42MzQ3IDkwLjMyOTcgMjcuMzY1MyA4OS45NjcgMjguMDE2Qzg5LjYwNDMgMjguNjU2IDg5LjEwMyAyOS4xNTczIDg4LjQ2MyAyOS41MkM4Ny44MzM3IDI5Ljg4MjcgODcuMTI0MyAzMC4wNjQgODYuMzM1IDMwLjA2NFpNODYuMzM1IDI5LjM0NEM4Ni45NzUgMjkuMzQ0IDg3LjU0NTcgMjkuMTk0NyA4OC4wNDcgMjguODk2Qzg4LjU1OSAyOC41OTczIDg4Ljk1OSAyOC4xODEzIDg5LjI0NyAyNy42NDhDODkuNTQ1NyAyNy4xMTQ3IDg5LjY5NSAyNi41MDY3IDg5LjY5NSAyNS44MjRDODkuNjk1IDI1LjE0MTMgODkuNTQ1NyAyNC41MzMzIDg5LjI0NyAyNEM4OC45NTkgMjMuNDY2NyA4OC41NTkgMjMuMDUwNyA4OC4wNDcgMjIuNzUyQzg3LjU0NTcgMjIuNDUzMyA4Ni45NzUgMjIuMzA0IDg2LjMzNSAyMi4zMDRDODUuNjk1IDIyLjMwNCA4NS4xMTkgMjIuNDUzMyA4NC42MDcgMjIuNzUyQzg0LjEwNTcgMjMuMDUwNyA4My43MDU3IDIzLjQ2NjcgODMuNDA3IDI0QzgzLjExOSAyNC41MzMzIDgyLjk3NSAyNS4xNDEzIDgyLjk3NSAyNS44MjRDODIuOTc1IDI2LjUwNjcgODMuMTE5IDI3LjExNDcgODMuNDA3IDI3LjY0OEM4My43MDU3IDI4LjE4MTMgODQuMTA1NyAyOC41OTczIDg0LjYwNyAyOC44OTZDODUuMTE5IDI5LjE5NDcgODUuNjk1IDI5LjM0NCA4Ni4zMzUgMjkuMzQ0Wk05NS4xMDQ5IDMwLjA2NEM5NC40MzI5IDMwLjA2NCA5My43OTI5IDI5Ljk2MjcgOTMuMTg0OSAyOS43NkM5Mi41NzY5IDI5LjU1NzMgOTIuMTAyMiAyOS4zMDEzIDkxLjc2MDkgMjguOTkyTDkyLjEyODkgMjguMzUyQzkyLjQ3MDIgMjguNjQgOTIuOTA3NSAyOC44OCA5My40NDA5IDI5LjA3MkM5My45ODQ5IDI5LjI2NCA5NC41NTAyIDI5LjM2IDk1LjEzNjkgMjkuMzZDOTUuOTc5NSAyOS4zNiA5Ni41OTgyIDI5LjIyMTMgOTYuOTkyOSAyOC45NDRDOTcuMzk4MiAyOC42NjY3IDk3LjYwMDkgMjguMjgyNyA5Ny42MDA5IDI3Ljc5MkM5Ny42MDA5IDI3LjQ0IDk3LjQ4ODkgMjcuMTYyNyA5Ny4yNjQ5IDI2Ljk2Qzk3LjA1MTUgMjYuNzU3MyA5Ni43ODQ5IDI2LjYwOCA5Ni40NjQ5IDI2LjUxMkM5Ni4xNDQ5IDI2LjQxNiA5NS43MDIyIDI2LjMxNDcgOTUuMTM2OSAyNi4yMDhDOTQuNDc1NSAyNi4wOTA3IDkzLjk0MjIgMjUuOTYyNyA5My41MzY5IDI1LjgyNEM5My4xMzE1IDI1LjY4NTMgOTIuNzg0OSAyNS40NjEzIDkyLjQ5NjkgMjUuMTUyQzkyLjIwODkgMjQuODQyNyA5Mi4wNjQ5IDI0LjQxNiA5Mi4wNjQ5IDIzLjg3MkM5Mi4wNjQ5IDIzLjIxMDcgOTIuMzM2OSAyMi42NjY3IDkyLjg4MDkgMjIuMjRDOTMuNDM1NSAyMS44MDI3IDk0LjIxOTUgMjEuNTg0IDk1LjIzMjkgMjEuNTg0Qzk1Ljc2NjIgMjEuNTg0IDk2LjI5NDIgMjEuNjU4NyA5Ni44MTY5IDIxLjgwOEM5Ny4zMzk1IDIxLjk1NzMgOTcuNzY2MiAyMi4xNTQ3IDk4LjA5NjkgMjIuNEw5Ny43Mjg5IDIzLjA0Qzk3LjM4NzUgMjIuNzk0NyA5Ni45OTgyIDIyLjYwOCA5Ni41NjA5IDIyLjQ4Qzk2LjEyMzUgMjIuMzUyIDk1LjY3NTUgMjIuMjg4IDk1LjIxNjkgMjIuMjg4Qzk0LjQzODIgMjIuMjg4IDkzLjg1MTUgMjIuNDMyIDkzLjQ1NjkgMjIuNzJDOTMuMDYyMiAyMy4wMDggOTIuODY0OSAyMy4zODY3IDkyLjg2NDkgMjMuODU2QzkyLjg2NDkgMjQuMjI5MyA5Mi45NzY5IDI0LjUyMjcgOTMuMjAwOSAyNC43MzZDOTMuNDI0OSAyNC45Mzg3IDkzLjY5NjkgMjUuMDkzMyA5NC4wMTY5IDI1LjJDOTQuMzQ3NSAyNS4yOTYgOTQuODA2MiAyNS40MDI3IDk1LjM5MjkgMjUuNTJDOTYuMDQzNSAyNS42MzczIDk2LjU2NjIgMjUuNzY1MyA5Ni45NjA5IDI1LjkwNEM5Ny4zNjYyIDI2LjAzMiA5Ny43MDc1IDI2LjI0NTMgOTcuOTg0OSAyNi41NDRDOTguMjYyMiAyNi44NDI3IDk4LjQwMDkgMjcuMjUzMyA5OC40MDA5IDI3Ljc3NkM5OC40MDA5IDI4LjQ2OTMgOTguMTEyOSAyOS4wMjQgOTcuNTM2OSAyOS40NEM5Ni45NjA5IDI5Ljg1NiA5Ni4xNTAyIDMwLjA2NCA5NS4xMDQ5IDMwLjA2NFpNMTA0Ljc3OCAyOS40NzJDMTA0LjU3NSAyOS42NjQgMTA0LjMxOSAyOS44MTMzIDEwNC4wMSAyOS45MkMxMDMuNzExIDMwLjAxNiAxMDMuMzk2IDMwLjA2NCAxMDMuMDY2IDMwLjA2NEMxMDIuMzQgMzAuMDY0IDEwMS43OCAyOS44NjY3IDEwMS4zODYgMjkuNDcyQzEwMC45OTEgMjkuMDY2NyAxMDAuNzk0IDI4LjUwNjcgMTAwLjc5NCAyNy43OTJWMjIuMzM2SDk5LjI1NzVWMjEuNjQ4SDEwMC43OTRWMTkuODI0SDEwMS41OTRWMjEuNjQ4SDEwNC4yNVYyMi4zMzZIMTAxLjU5NFYyNy43MTJDMTAxLjU5NCAyOC4yNTYgMTAxLjcyMiAyOC42NzIgMTAxLjk3OCAyOC45NkMxMDIuMjQ0IDI5LjIzNzMgMTAyLjYzNCAyOS4zNzYgMTAzLjE0NiAyOS4zNzZDMTAzLjY2OCAyOS4zNzYgMTA0LjEgMjkuMjIxMyAxMDQuNDQyIDI4LjkxMkwxMDQuNzc4IDI5LjQ3MlpNMTE3LjQwOSAyMS41ODRDMTE4LjQ0MyAyMS41ODQgMTE5LjI1NCAyMS44ODggMTE5Ljg0MSAyMi40OTZDMTIwLjQzOCAyMy4xMDQgMTIwLjczNyAyMy45Nzg3IDEyMC43MzcgMjUuMTJWMzBIMTE5LjkzN1YyNS4xODRDMTE5LjkzNyAyNC4yNDUzIDExOS43MDcgMjMuNTMwNyAxMTkuMjQ5IDIzLjA0QzExOC43OSAyMi41NDkzIDExOC4xNSAyMi4zMDQgMTE3LjMyOSAyMi4zMDRDMTE2LjM5IDIyLjMwNCAxMTUuNjQzIDIyLjU5NzMgMTE1LjA4OSAyMy4xODRDMTE0LjU0NSAyMy43NzA3IDExNC4yNzMgMjQuNTYgMTE0LjI3MyAyNS41NTJWMzBIMTEzLjQ3M1YyNS4xODRDMTEzLjQ3MyAyNC4yNDUzIDExMy4yNDMgMjMuNTMwNyAxMTIuNzg1IDIzLjA0QzExMi4zMjYgMjIuNTQ5MyAxMTEuNjg2IDIyLjMwNCAxMTAuODY1IDIyLjMwNEMxMDkuOTI2IDIyLjMwNCAxMDkuMTc5IDIyLjU5NzMgMTA4LjYyNSAyMy4xODRDMTA4LjA4MSAyMy43NzA3IDEwNy44MDkgMjQuNTYgMTA3LjgwOSAyNS41NTJWMzBIMTA3LjAwOVYyMS42NDhIMTA3Ljc3N1YyMy40NEMxMDguMDU0IDIyLjg1MzMgMTA4LjQ2NSAyMi40IDEwOS4wMDkgMjIuMDhDMTA5LjU2MyAyMS43NDkzIDExMC4yMTkgMjEuNTg0IDExMC45NzcgMjEuNTg0QzExMS43MzQgMjEuNTg0IDExMi4zNzQgMjEuNzU0NyAxMTIuODk3IDIyLjA5NkMxMTMuNDMgMjIuNDM3MyAxMTMuODA5IDIyLjkzODcgMTE0LjAzMyAyMy42QzExNC4zMSAyMi45ODEzIDExNC43NDIgMjIuNDkwNyAxMTUuMzI5IDIyLjEyOEMxMTUuOTI2IDIxLjc2NTMgMTE2LjYxOSAyMS41ODQgMTE3LjQwOSAyMS41ODRaTTEyNi44NTYgMjEuNTg0QzEyNy44OSAyMS41ODQgMTI4LjY4NSAyMS44NTA3IDEyOS4yNCAyMi4zODRDMTI5Ljc5NCAyMi45MDY3IDEzMC4wNzIgMjMuNjggMTMwLjA3MiAyNC43MDRWMzBIMTI5LjMwNFYyOC41MTJDMTI5LjAzNyAyOS4wMDI3IDEyOC42NDggMjkuMzg2NyAxMjguMTM2IDI5LjY2NEMxMjcuNjI0IDI5LjkzMDcgMTI3LjAxIDMwLjA2NCAxMjYuMjk2IDMwLjA2NEMxMjUuMzY4IDMwLjA2NCAxMjQuNjMyIDI5Ljg0NTMgMTI0LjA4OCAyOS40MDhDMTIzLjU1NCAyOC45NzA3IDEyMy4yODggMjguMzk0NyAxMjMuMjg4IDI3LjY4QzEyMy4yODggMjYuOTg2NyAxMjMuNTMzIDI2LjQyNjcgMTI0LjAyNCAyNkMxMjQuNTI1IDI1LjU2MjcgMTI1LjMyIDI1LjM0NCAxMjYuNDA4IDI1LjM0NEgxMjkuMjcyVjI0LjY3MkMxMjkuMjcyIDIzLjg5MzMgMTI5LjA1OCAyMy4zMDEzIDEyOC42MzIgMjIuODk2QzEyOC4yMTYgMjIuNDkwNyAxMjcuNjAyIDIyLjI4OCAxMjYuNzkyIDIyLjI4OEMxMjYuMjM3IDIyLjI4OCAxMjUuNzA0IDIyLjM4NCAxMjUuMTkyIDIyLjU3NkMxMjQuNjkgMjIuNzY4IDEyNC4yNjQgMjMuMDI0IDEyMy45MTIgMjMuMzQ0TDEyMy41MTIgMjIuNzY4QzEyMy45MjggMjIuMzk0NyAxMjQuNDI5IDIyLjEwNjcgMTI1LjAxNiAyMS45MDRDMTI1LjYwMiAyMS42OTA3IDEyNi4yMTYgMjEuNTg0IDEyNi44NTYgMjEuNTg0Wk0xMjYuNDA4IDI5LjQwOEMxMjcuMTAxIDI5LjQwOCAxMjcuNjg4IDI5LjI0OCAxMjguMTY4IDI4LjkyOEMxMjguNjU4IDI4LjYwOCAxMjkuMDI2IDI4LjE0NCAxMjkuMjcyIDI3LjUzNlYyNS45NjhIMTI2LjQyNEMxMjUuNjAyIDI1Ljk2OCAxMjUuMDA1IDI2LjExNzMgMTI0LjYzMiAyNi40MTZDMTI0LjI2OSAyNi43MTQ3IDEyNC4wODggMjcuMTI1MyAxMjQuMDg4IDI3LjY0OEMxMjQuMDg4IDI4LjE5MiAxMjQuMjkgMjguNjI0IDEyNC42OTYgMjguOTQ0QzEyNS4xMDEgMjkuMjUzMyAxMjUuNjcyIDI5LjQwOCAxMjYuNDA4IDI5LjQwOFpNMTM3LjQ0OCAyMS41ODRDMTM4LjQ5MyAyMS41ODQgMTM5LjMyIDIxLjg4OCAxMzkuOTI4IDIyLjQ5NkMxNDAuNTM2IDIzLjEwNCAxNDAuODQgMjMuOTc4NyAxNDAuODQgMjUuMTJWMzBIMTQwLjA0VjI1LjE4NEMxNDAuMDQgMjQuMjQ1MyAxMzkuOCAyMy41MzA3IDEzOS4zMiAyMy4wNEMxMzguODUxIDIyLjU0OTMgMTM4LjE4OSAyMi4zMDQgMTM3LjMzNiAyMi4zMDRDMTM2LjM1NSAyMi4zMDQgMTM1LjU4MSAyMi41OTczIDEzNS4wMTYgMjMuMTg0QzEzNC40NTEgMjMuNzcwNyAxMzQuMTY4IDI0LjU2IDEzNC4xNjggMjUuNTUyVjMwSDEzMy4zNjhWMjEuNjQ4SDEzNC4xMzZWMjMuNDU2QzEzNC40MjQgMjIuODY5MyAxMzQuODUxIDIyLjQxMDcgMTM1LjQxNiAyMi4wOEMxMzUuOTkyIDIxLjc0OTMgMTM2LjY2OSAyMS41ODQgMTM3LjQ0OCAyMS41ODRaIiBmaWxsPSIjRjlGOUY5Ii8+PHBhdGggZD0iTTE4NS4zOTUgMjUuMjAxMUwxNzUuMzk1IDE2LjUzNjVDMTc1LjIzMiAxNi4zNTgyIDE3NS4wMzUgMTYuMjE4MyAxNzQuODE3IDE2LjEyNjFDMTc0LjU5OSAxNi4wMzM4IDE3NC4zNjUgMTUuOTkxNCAxNzQuMTMgMTYuMDAxNUMxNzMuODk1IDE2LjAxMTYgMTczLjY2NCAxNi4wNzQgMTczLjQ1NCAxNi4xODQ3QzE3My4yNDQgMTYuMjk1NCAxNzMuMDU5IDE2LjQ1MTcgMTcyLjkxIDE2LjY0MzRDMTcyLjc2MiAxNi44MzUgMTcyLjY1NCAxNy4wNTc2IDE3Mi41OTQgMTcuMjk2NEMxNzIuNTM0IDE3LjUzNTIgMTcyLjUyMiAxNy43ODQ2IDE3Mi41NjEgMTguMDI4M0MxNzIuNTk5IDE4LjI3MiAxNzIuNjg3IDE4LjUwNDMgMTcyLjgxNyAxOC43MDk3QzE3Mi45NDggMTguOTE1MiAxNzMuMTE4IDE5LjA4OTIgMTczLjMxOCAxOS4yMjAyTDE3OS43NTUgMjQuNzk2OEgxNTUuNjU5QzE1NS4yMTkgMjQuNzk2OCAxNTQuNzk3IDI0Ljk4MDQgMTU0LjQ4NiAyNS4zMDcyQzE1NC4xNzUgMjUuNjM0MSAxNTQgMjYuMDc3MyAxNTQgMjYuNTM5NUMxNTQgMjcuMDAxNyAxNTQuMTc1IDI3LjQ0NSAxNTQuNDg2IDI3Ljc3MThDMTU0Ljc5NyAyOC4wOTg2IDE1NS4yMTkgMjguMjgyMiAxNTUuNjU5IDI4LjI4MjJIMTc5LjcyMkwxNzMuMjg1IDMzLjg1ODhDMTczLjEwNCAzMy45OTk4IDE3Mi45NTMgMzQuMTc3OSAxNzIuODQgMzQuMzgyM0MxNzIuNzI3IDM0LjU4NjcgMTcyLjY1NSAzNC44MTMxIDE3Mi42MjcgMzUuMDQ3N0MxNzIuNiAzNS4yODI0IDE3Mi42MTkgMzUuNTIwMyAxNzIuNjgyIDM1Ljc0NzFDMTcyLjc0NiAzNS45NzQgMTcyLjg1MiAzNi4xODQ5IDE3Mi45OTUgMzYuMzY3MUMxNzMuMTM5IDM2LjU0OTMgMTczLjMxNiAzNi42OTkgMTczLjUxNiAzNi44MDcxQzE3My43MTYgMzYuOTE1MiAxNzMuOTM1IDM2Ljk3OTQgMTc0LjE1OSAzNi45OTU4QzE3NC4zODQgMzcuMDEyMiAxNzQuNjA5IDM2Ljk4MDUgMTc0LjgyMSAzNi45MDI2QzE3NS4wMzQgMzYuODI0NiAxNzUuMjI5IDM2LjcwMjIgMTc1LjM5NSAzNi41NDI1TDE4NS4zOTUgMjcuODkxOEMxODUuNTg1IDI3LjcyODMgMTg1LjczNyAyNy41MjI5IDE4NS44NDEgMjcuMjkwM0MxODUuOTQ2IDI3LjA1NzcgMTg2IDI2LjgwMzcgMTg2IDI2LjU0NjVDMTg2IDI2LjI4OTMgMTg1Ljk0NiAyNi4wMzUyIDE4NS44NDEgMjUuODAyNkMxODUuNzM3IDI1LjU3IDE4NS41ODUgMjUuMzY0NiAxODUuMzk1IDI1LjIwMTFaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==);
  width: 200px;
  height: 50px;
  border-radius: 0;
  margin-top: 10px
}

.api-page-content .documentor-mint .documentor-help {
  margin-top: 0
}

@media only screen and (max-width: 979px) {

  .api-page-content .documentor-mint ol li,
  .api-page-content .documentor-mint ol li:before,
  .api-page-content .documentor-mint .documentor-menu {
    font-size: 16px !important;
    line-height: 1.43;
    padding-top: 0;
    padding-bottom: 0
  }
}

.api-page-content .documentor-mint .doc-menu {
  width: 45%;
  max-width: 45%;
  padding-top: 0
}

@media only screen and (max-width: 767px) {
  .api-page-content .documentor-mint .doc-menu {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-bottom: 53px
  }
}

.api-page-content .documentor-mint .doc-menu ol {
  padding-top: 0;
  padding-bottom: 0
}

.api-page-content .documentor-mint .doc-menu .doc-search {
  margin-bottom: 48px
}

.api-page-content .documentor-mint .doc-menu .doc-search img {
  display: none
}

.api-page-content .documentor-mint .doc-menu .doc-search:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 17px;
  left: auto;
  right: 16px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyNSAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMzEwMyAwLjE5MDAwMkM1LjAzMzIzIDAuMTkwMDAyIDAuNzM1NzI1IDQuMzU1MjcgMC43MzU3MjUgOS40N0MwLjczNTcyNSAxNC41ODQ3IDUuMDMzMjMgMTguNzUgMTAuMzEwMyAxOC43NUMxMi42MjY4IDE4Ljc1IDE0Ljc1NzQgMTcuOTUzNiAxNi40MTU5IDE2LjYyMDNMMjIuNTQwNCAyMi41NTYzQzIyLjg5MSAyMi44OTYyIDIzLjQ2MTQgMjIuODk2MiAyMy44MTIgMjIuNTU2M0MyNC4xNjI3IDIyLjIxNjUgMjQuMTYyNyAyMS42NjM3IDIzLjgxMiAyMS4zMjM4TDE3LjY4NzYgMTUuMzg3OEMxOS4wNjIxIDEzLjc4MDMgMTkuODg0OSAxMS43MTUyIDE5Ljg4NDkgOS40NzAwNkMxOS44ODQ5IDQuMzU1MzMgMTUuNTg3NCAwLjE5MDA2MSAxMC4zMTAzIDAuMTkwMDYxTDEwLjMxMDMgMC4xOTAwMDJaTTEwLjMxMDMgMS45M0MxNC42MTc0IDEuOTMgMTguMDg5NyA1LjI5NTQ1IDE4LjA4OTcgOS40N0MxOC4wODk3IDEzLjY0NDYgMTQuNjE3NCAxNy4wMSAxMC4zMTAzIDE3LjAxQzYuMDAzMjUgMTcuMDEgMi41MzA5NiAxMy42NDQ2IDIuNTMwOTYgOS40N0MyLjUzMDk2IDUuMjk1NDUgNi4wMDMyNSAxLjkzIDEwLjMxMDMgMS45M1oiIGZpbGw9IiM1ODIzNjIiLz48L3N2Zz4=) center center no-repeat
}

.api-page-content .documentor-mint .doc-menu ol.doc-list-front {
  padding: 15px 25px
}

.api-page-content .documentor-mint .doc-menu .search-document {
  height: 56px;
  border: none;
  outline: none;
  background: transparent;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.43;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #4a4a4a;
  padding: 0 24px
}

.api-page-content .documentor-mint .doc-menu .search-document::-webkit-input-placeholder {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit
}

.api-page-content .documentor-mint .doc-menu .search-document::-moz-placeholder {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit
}

.api-page-content .documentor-mint .doc-menu .search-document:-ms-input-placeholder {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit
}

.api-page-content .documentor-mint .doc-menu .search-document::-ms-input-placeholder {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit
}

.api-page-content .documentor-mint .doc-menu .search-document::placeholder {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit
}

.api-page-content .documentor-mint .doc-menu .doc-menu-border {
  display: none
}

.api-page-content .documentor-mint .doc-sec-content {
  white-space: break-spaces;
  word-break: break-all
}

.api-page-content .documentor-mint .doc-sec-content a {
  color: #4a4a4a
}

.api-page-content .documentor-mint .doc-sec-content p {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0;
  color: #4a4a4a
}

.api-page-content .documentor-mint .doc-sec-content table {
  max-width: 100% !important;
  width: 100%
}

.api-page-content .documentor-mint .doc-sec-content b {
  color: #582362;
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 0
}

.api-page-content .documentor-mint .doc-sec-content span,
.api-page-content .documentor-mint .doc-sec-content div {
  font-weight: 300 !important;
  color: #4a4a4a
}

@media only screen and (max-width: 767px) {
  .api-page-content .documentor-mint .doc-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media only screen and (max-width: 767px) {
  .api-page-content .documentor-mint .doc-nav a {
    float: none;
    width: auto
  }
}

.api-page-content .documentor-mint .doc-sec-container {
  width: calc(55% - 40px);
  padding: 15px 35px 18px 25px
}

@media only screen and (max-width: 979px) {
  .api-page-content .documentor-mint .doc-sec-container {
    width: calc(55% - 20px)
  }
}

@media only screen and (max-width: 767px) {
  .api-page-content .documentor-mint .doc-sec-container {
    width: 100%;
    margin: 0px;
    padding-right: 25px
  }
}

.api-page-content .documentor-mint .doc-sec-container .doc-sec-title {
  border-bottom: none !important;
  margin-bottom: 18px
}

@media only screen and (max-width: 767px) {
  .api-page-content .documentor-mint .doc-sec-container .doc-sec-title {
    font-size: 23px !important;
    margin-bottom: 0
  }
}

.api-page-content .documentor-mint .doc-menu a.doc-acta {
  font-weight: 600 !important
}

.api-page-content .documentor-mint .doc-credits {
  display: none
}

.api-page-content .documentor-menu {
  font-weight: inherit
}

.api-page-content .doc-actli {
  font-weight: 300
}

.api-page-content .scrollup {
  display: none
}

.api-page-content .doc-postedit-link {
  display: none
}

.api-page-content .doc-acta {
  color: #582362 !important
}

.api-page-content .doc-acta:before {
  font-weight: 600;
  color: #582362 !important
}

.api-page-content .doc-next,
.api-page-content .doc-prev {
  position: relative;
  padding-left: 10px;
  color: #4a4a4a !important;
  font-weight: 300
}

@media only screen and (max-width: 767px) {

  .api-page-content .doc-next,
  .api-page-content .doc-prev {
    color: #582362 !important;
    margin-bottom: 10px;
    margin-left: -21px
  }
}

.api-page-content .doc-next:before,
.api-page-content .doc-prev:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 21px;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuODkyMzMgMTQuNjIzNUwxLjAwMDAzIDguMjkzMTNMNy44OTIzMyAxLjk2Mjc3IiBzdHJva2U9IiM5REM5MkUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) left center no-repeat
}

@media only screen and (max-width: 767px) {

  .api-page-content .doc-next:before,
  .api-page-content .doc-prev:before {
    background-image: none
  }
}

@media only screen and (max-width: 767px) {

  .api-page-content .doc-next:after,
  .api-page-content .doc-prev:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: -2px;
    width: calc(100% - 21px);
    left: auto;
    right: 0;
    height: 2px;
    background: #9dc92e
  }
}

.api-page-content .doc-next {
  padding-left: 0;
  padding-right: 10px
}

@media only screen and (max-width: 767px) {
  .api-page-content .doc-next {
    margin-left: 0;
    margin-right: -21px
  }
}

.api-page-content .doc-next:before {
  left: auto;
  right: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAuOTk5OTk5IDEuOTYyODJMNy44OTIzMSA4LjI5MzE4TDEgMTQuNjIzNSIgc3Ryb2tlPSIjOURDOTJFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
  background-position: right center
}

@media only screen and (max-width: 767px) {
  .api-page-content .doc-next:before {
    background-image: none
  }
}

@media only screen and (max-width: 767px) {
  .api-page-content .doc-next:after {
    left: 0
  }
}

body .doc-sautocomplete.ui-autocomplete {
  background: #f6f6f6;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
  border-radius: 6px;
  padding: 16px 24px;
  display: block
}

body .doc-sautocomplete .ui-menu-item {
  background-color: transparent;
  color: #4a4a4a
}

.button--cta {
  height: 68px;
  padding: 20px 92px 20px 27px;
  background-color: #9dc92e;
  color: #fff;
  font-weight: 300;
  font-size: 25px;
  line-height: 30px;
  transition: all .3s
}

.button--cta:hover {
  background-color: #292c49;
  text-decoration: none;
  color: #fff
}

@media only screen and (max-width: 991px) {
  .button--cta:hover {
    background-color: #9dc92e
  }
}

.button--cta:hover:after {
  right: 16px
}

@media only screen and (max-width: 991px) {
  .button--cta {
    width: 200px;
    padding: 14px 54px 14px 14px;
    height: 48px;
    font-size: 16px;
    line-height: 110.9%
  }
}

.button--cta:after {
  content: "";
  position: absolute;
  right: 28px;
  top: 50%;
  width: 54px;
  height: 54px;
  background-image: url("/wp-content/themes/prodege_theme/img/arrow-white.svg");
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all .3s
}

@media only screen and (max-width: 991px) {
  .button--cta:after {
    width: 32px;
    height: 32px;
    right: 15px
  }
}

.button--aqua {
  background: #2c99a4
}

.marketing-solutions-page .page-header__description br {
  display: block
}

@media only screen and (max-width: 1279px) {
  .marketing-solutions-page .page-header__description br {
    display: none
  }
}

.legal {
  height: auto
}

.data-and-insights-page header {
  background: #582362
}

@media only screen and (max-width: 991px) {
  .data-and-insights-page .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-white.svg)
  }
}

.data-and-insights-page .logo__image {
  display: block
}

.data-and-insights-page .logo__image--dark {
  display: none
}

.data-and-insights-page .menu-wrapper--scrolled .logo__image {
  display: none
}

.data-and-insights-page .menu-wrapper--scrolled .logo__image--dark {
  display: block
}

@media only screen and (max-width: 991px) {
  .data-and-insights-page .menu-wrapper--scrolled .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-purple.svg)
  }
}

.top-section-home__button {
  position: relative;
  border-bottom: 2px solid #2c99a4;
  border-radius: 0
}

@media only screen and (max-width: 1279px) {
  .top-section-home__button {
    margin-left: 0;
    margin-right: auto;
    left: 0
  }
}

@media only screen and (max-width: 767px) {
  .top-section-home__button {
    position: static;
    padding: 5px 0;
    width: auto
  }
}

.top-section-home__button:hover {
  border-radius: 5px
}

@media only screen and (max-width: 1279px) {
  .top-section-home__button:hover {
    border-radius: 0
  }
}

@media only screen and (max-width: 767px) {
  .top-section-home__button:hover {
    padding: 5px 0
  }
}

.top-section-home__box-next {
  min-width: 170px
}

.top-section-home__box-prev {
  min-width: 170px
}

@media only screen and (max-width: 1279px) {
  .top-section-home__box-prev-arrow img {
    width: 32px;
    height: auto
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-home__box-next-arrow {
    text-align: right
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-home__box-next-arrow img {
    width: 32px;
    height: auto
  }
}

.top-section-home__slide-row {
  height: 730px
}

@media only screen and (max-width: 1279px) {
  .top-section-home__slide-row {
    height: 535px;
    max-width: 820px
  }
}

@media only screen and (max-width: 767px) {
  .top-section-home__slide-row {
    height: 630px;
    padding-left: 20px
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-home__content {
    text-align: left
  }
}

.n2-ss-layer-row-inner .top-section-home__content {
  padding-top: 60px
}

@media only screen and (max-width: 767px) {
  .n2-ss-layer-row-inner .top-section-home__content {
    padding-top: 70px
  }
}

@media only screen and (max-width: 767px) {
  .top-section-home__navigation {
    padding-bottom: 50px
  }
}

@media only screen and (max-width: 1279px) {
  .top-section-home__hover-image {
    display: none
  }
}

@media only screen and (max-width: 767px) {

  div#n2-ss-1 .n2-ss-layer.top-section-home__box-prev-text,
  div#n2-ss-2 .n2-ss-layer.top-section-home__box-prev-text,
  div#n2-ss-4 .n2-ss-layer.top-section-home__box-prev-text {
    display: block
  }
}

@media only screen and (max-width: 1279px) {

  div#n2-ss-1 .n2-ss-layer.n2-ow.top-section-home__hover-image,
  div#n2-ss-2 .n2-ss-layer.n2-ow.top-section-home__hover-image,
  div#n2-ss-4 .n2-ss-layer.n2-ow.top-section-home__hover-image {
    display: none
  }
}

div#n2-ss-1 .nextend-bullet-bar div.n2-bullet:hover,
div#n2-ss-2 .nextend-bullet-bar div.n2-bullet:hover,
div#n2-ss-4 .nextend-bullet-bar div.n2-bullet:hover {
  background-color: transparent;
  border: 1px solid #fff
}

div#n2-ss-1 .nextend-bullet-bar div.n2-bullet.n2-active,
div#n2-ss-2 .nextend-bullet-bar div.n2-bullet.n2-active,
div#n2-ss-4 .nextend-bullet-bar div.n2-bullet.n2-active {
  background-color: #fff
}

@media only screen and (max-width: 767px) {

  div#n2-ss-1 .n2-ss-layer .n2-ss-button-container.n2-ss-nowrap,
  div#n2-ss-2 .n2-ss-layer .n2-ss-button-container.n2-ss-nowrap,
  div#n2-ss-4 .n2-ss-layer .n2-ss-button-container.n2-ss-nowrap {
    white-space: normal;
    max-width: 250px
  }
}

div#n2-ss-1 .n2-ss-layer .n2-ss-button-container.n2-ss-nowrap a,
div#n2-ss-2 .n2-ss-layer .n2-ss-button-container.n2-ss-nowrap a,
div#n2-ss-4 .n2-ss-layer .n2-ss-button-container.n2-ss-nowrap a {
  border-radius: 0
}

@media only screen and (max-width: 767px) {

  div#n2-ss-1 .n2-ss-layer .top-section-home__button .n2-ss-button-container.n2-ss-nowrap,
  div#n2-ss-2 .n2-ss-layer .top-section-home__button .n2-ss-button-container.n2-ss-nowrap,
  div#n2-ss-4 .n2-ss-layer .top-section-home__button .n2-ss-button-container.n2-ss-nowrap {
    white-space: nowrap;
    max-width: 400px
  }
}

@media only screen and (max-width: 1279px) {

  div#n2-ss-1 .top-section-home__box-prev-text,
  div#n2-ss-2 .top-section-home__box-prev-text,
  div#n2-ss-4 .top-section-home__box-prev-text {
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 767px) {

  div#n2-ss-1 .top-section-home__box-prev-text,
  div#n2-ss-2 .top-section-home__box-prev-text,
  div#n2-ss-4 .top-section-home__box-prev-text {
    margin-bottom: 5px
  }
}

@media only screen and (max-width: 1279px) {

  div#n2-ss-1 .top-section-home__box-prev-text p,
  div#n2-ss-2 .top-section-home__box-prev-text p,
  div#n2-ss-4 .top-section-home__box-prev-text p {
    text-align: right
  }
}

@media only screen and (max-width: 767px) {

  div#n2-ss-1 .top-section-home__box-prev-text p br,
  div#n2-ss-2 .top-section-home__box-prev-text p br,
  div#n2-ss-4 .top-section-home__box-prev-text p br {
    display: none
  }
}

@media only screen and (max-width: 1279px) {

  div#n2-ss-1 .top-section-home__box-next-text,
  div#n2-ss-2 .top-section-home__box-next-text,
  div#n2-ss-4 .top-section-home__box-next-text {
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 767px) {

  div#n2-ss-1 .top-section-home__box-next-text,
  div#n2-ss-2 .top-section-home__box-next-text,
  div#n2-ss-4 .top-section-home__box-next-text {
    margin-bottom: 5px
  }
}

@media only screen and (max-width: 1279px) {

  div#n2-ss-1 .top-section-home__box-next-text p,
  div#n2-ss-2 .top-section-home__box-next-text p,
  div#n2-ss-4 .top-section-home__box-next-text p {
    text-align: left
  }
}

@media only screen and (max-width: 767px) {

  div#n2-ss-1 .top-section-home__box-next-text p br,
  div#n2-ss-2 .top-section-home__box-next-text p br,
  div#n2-ss-4 .top-section-home__box-next-text p br {
    display: none
  }
}

@media only screen and (max-width: 767px) {

  div#n2-ss-1 .n2-ss-layer.top-section-home__button-inner,
  div#n2-ss-2 .n2-ss-layer.top-section-home__button-inner,
  div#n2-ss-4 .n2-ss-layer.top-section-home__button-inner {
    width: 100%
  }
}

div#n2-ss-1 .n2-ss-layer.top-section-home__button-inner + .n2-ss-layer,
div#n2-ss-2 .n2-ss-layer.top-section-home__button-inner + .n2-ss-layer,
div#n2-ss-4 .n2-ss-layer.top-section-home__button-inner + .n2-ss-layer {
  opacity: 0
}

@media only screen and (max-width: 767px) {

  div#n2-ss-1 div.n2-bar-justify-content-center,
  div#n2-ss-2 div.n2-bar-justify-content-center,
  div#n2-ss-4 div.n2-bar-justify-content-center {
    padding: 0 0 10px
  }
}

@media only screen and (max-width: 767px) {

  div#n2-ss-1 .top-section-home__content > .n2-ss-layer-col.n2-ss-layer-with-background,
  div#n2-ss-2 .top-section-home__content > .n2-ss-layer-col.n2-ss-layer-with-background,
  div#n2-ss-4 .top-section-home__content > .n2-ss-layer-col.n2-ss-layer-with-background {
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 0
  }
}

@media only screen and (max-width: 979px) {

  div#n2-ss-1 .n2-ss-layer .top-section-home__button a div,
  div#n2-ss-2 .n2-ss-layer .top-section-home__button a div,
  div#n2-ss-4 .n2-ss-layer .top-section-home__button a div {
    font-size: 16px;
    line-height: 1.25
  }
}

.n2-ss-shape-divider {
  display: none
}

.n2-ss-layer-content {
  text-align: left
}

@media only screen and (max-width: 1279px) {
  .n2-ss-slider .n2-ss-layer-content .n2-ss-layer[data-sstype=row] {
    -ms-flex-item-align: start;
    align-self: flex-start
  }
}

@media only screen and (max-width: 767px) {
  .n2-ss-slider .n2-ss-layer-content .n2-ss-layer[data-sstype=row] {
    -ms-flex-item-align: center;
    align-self: center
  }
}

@media only screen and (max-width: 1279px) {
  .n2-ss-layer-row-inner {
    max-width: 820px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

@media only screen and (max-width: 767px) {
  .n2-ss-layer-row-inner {
    max-width: 320px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.nextend-indicator-pie {
  display: none
}

.marketing-solutions-page header {
  background: #582362
}

@media only screen and (max-width: 991px) {
  .marketing-solutions-page .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-white.svg)
  }
}

.marketing-solutions-page .logo__image {
  display: block
}

.marketing-solutions-page .logo__image--dark {
  display: none
}

.marketing-solutions-page .menu-wrapper--scrolled .logo__image {
  display: none
}

.marketing-solutions-page .menu-wrapper--scrolled .logo__image--dark {
  display: block
}

@media only screen and (max-width: 991px) {
  .marketing-solutions-page .menu-wrapper--scrolled .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-purple.svg)
  }
}

@media only screen and (max-width: 979px) {
  .marketing-solutions-page .solutions-pushing-new {
    padding-top: 20px
  }
}

.marketing-solutions-page .solutions-pushing-new__content {
  max-width: 470px
}

@media only screen and (max-width: 1279px) {
  .marketing-solutions-page .solutions-pushing-new__content {
    max-width: 410px
  }
}

@media only screen and (max-width: 979px) {
  .marketing-solutions-page .solutions-pushing-new__content {
    padding: 0 0 70px;
    max-width: 311px;
    margin-left: auto;
    margin-right: auto
  }
}

.marketing-solutions-page .solutions-pushing-new__container {
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media only screen and (max-width: 1279px) {
  .marketing-solutions-page .solutions-pushing-new__container {
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media only screen and (max-width: 979px) {
  .marketing-solutions-page .solutions-pushing-new__description {
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 979px) {
  .marketing-solutions-page .solutions-pushing-new__title_mobile {
    max-width: 282px;
    margin: 0 auto 25px
  }
}

@media only screen and (max-width: 1279px) {
  .marketing-solutions-page .top-section-full__content {
    max-width: 356px
  }
}

@media only screen and (max-width: 979px) {
  .marketing-solutions-page .top-section-full__content {
    margin-left: auto;
    margin-right: auto
  }
}

.marketing-solutions-page .top-section-full__container {
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media only screen and (max-width: 979px) {
  .marketing-solutions-page .top-section-full__container {
    background: linear-gradient(101.49deg, #582362 22.56%, #883c96 100%);
    position: relative;
    z-index: 3
  }
}

.marketing-solutions-page .top-section-full__description {
  background: transparent
}

.marketing-solutions-page .top-section-full__img {
  left: -160px
}

@media only screen and (max-width: 1279px) {
  .marketing-solutions-page .top-section-full__img {
    left: -95px
  }
}

@media only screen and (max-width: 979px) {
  .marketing-solutions-page .top-section-full__img {
    position: absolute;
    height: 100%;
    top: 0;
    right: -20px;
    left: auto
  }
}

.research-solutions-page header {
  background: #582362
}

@media only screen and (max-width: 991px) {
  .research-solutions-page .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-white.svg)
  }
}

.research-solutions-page .logo__image {
  display: block
}

.research-solutions-page .logo__image--dark {
  display: none
}

.research-solutions-page .menu-wrapper--scrolled .logo__image {
  display: none
}

.research-solutions-page .menu-wrapper--scrolled .logo__image--dark {
  display: block
}

@media only screen and (max-width: 991px) {
  .research-solutions-page .menu-wrapper--scrolled .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-purple.svg)
  }
}

.research-solutions-page .top-section-full__img {
  left: -30px;
  width: calc(100% + 30px);
  margin-bottom: -40px
}

@media only screen and (max-width: 979px) {
  .research-solutions-page .top-section-full__img {
    width: auto;
    min-width: 100%;
    left: 0;
    margin-bottom: 0
  }
}

.research-solutions-page .top-section-full__img-wrap {
  padding-top: 40px
}

@media only screen and (max-width: 979px) {
  .research-solutions-page .top-section-full__img-wrap {
    padding-top: 63px
  }
}

@media only screen and (max-width: 1279px) {
  .single-case .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-white.svg)
  }
}

@media only screen and (max-width: 979px) {
  .single-case .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-purple.svg)
  }
}

.single-case .logo__image {
  display: block
}

@media only screen and (max-width: 979px) {
  .single-case .logo__image {
    display: none
  }
}

.single-case .logo__image--dark {
  display: none
}

@media only screen and (max-width: 979px) {
  .single-case .logo__image--dark {
    display: block
  }
}

.single-case .menu-wrapper--opened .logo__image,
.single-case .menu-wrapper--scrolled .logo__image {
  display: none
}

.single-case .menu-wrapper--opened .logo__image--dark,
.single-case .menu-wrapper--scrolled .logo__image--dark {
  display: block
}

@media only screen and (max-width: 1279px) {

  .single-case .menu-wrapper--opened .menu-toggler__icon,
  .single-case .menu-wrapper--scrolled .menu-toggler__icon {
    background-image: url(/wp-content/themes/prodege_theme/img/hamburger-purple.svg)
  }
}

.page-template-page-legal-template #main-wrapper .row {
  -ms-flex-direction: column;
  flex-direction: column
}

.otnotice {
  width: 100%
}

@media only screen and (max-width: 979px) {
  .otnotice {
    width: 100%
  }
}

.otnotice-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%
}

.otnotice-sidebar {
  width: 33%;
  min-height: 70vh
}

@media only screen and (max-width: 979px) {
  .otnotice-sidebar {
    display: none
  }
}

.otnotice-sidebar .otnotice-menu {
  width: 100%;
  min-height: 0
}

.otnotice-sidebar .prodege-address__info-title {
  color: #4a4a4a
}

.otnotice-sections .prodege-address__info-box {
  display: none;
  border-top: 2px solid #979797;
  padding-top: 34px
}

@media only screen and (max-width: 979px) {
  .otnotice-sections .prodege-address__info-box {
    display: block
  }
}

.otnotice-menu {
  width: 33%;
  list-style: none;
  border-top: 2px solid #979797;
  position: relative;
  padding: 75px 0 0;
  margin-bottom: 60px;
  min-height: 70vh
}

@media only screen and (max-width: 979px) {
  .otnotice-menu {
    display: none
  }
}

.otnotice-menu:before {
  content: "Table of Contents";
  position: absolute;
  font-weight: 700;
  font-size: 1.6rem;
  margin: 0;
  top: 45px
}

.otnotice-sections {
  width: 66%;
  padding: 0 5rem;
  height: auto;
  position: relative
}

@media only screen and (max-width: 979px) {
  .otnotice-sections {
    width: 100%;
    padding: 0;
    text-align: center;
    border-top: 2px solid #979797;
    padding-top: 87px;
    position: relative;
    margin-bottom: 50px
  }
}

@media only screen and (max-width: 979px) {
  .otnotice-sections:before {
    content: "Table of Contents";
    position: absolute;
    font-weight: 700;
    font-size: 1.8rem;
    margin: 0;
    left: 0;
    top: 50px;
    width: 100%;
    text-align: center
  }
}

@media only screen and (max-width: 979px) {
  .otnotice-sections p {
    text-align: center
  }
}

@media only screen and (max-width: 979px) {
  .legal__section-sidebar .otnotice-section:last-child .otnotice-section-content a {
    font-size: 1.6rem !important
  }
}

@media only screen and (max-width: 979px) {
  .legal__section-sidebar .otnotice-section:last-child .otnotice-section-content p:not(:first-child) {
    text-align: left
  }
}

.legal__section-sidebar .otnotice-section:last-child .otnotice-section-content > div {
  width: 100% !important
}

.legal__section-sidebar .otnotice-section:last-child .otnotice-section-content article {
  display: none !important
}

.otnotice-menu-section a {
  font-size: 1.2rem;
  color: #582362;
  font-weight: 600;
  text-decoration: none
}

.otnotice-menu-section a:hover {
  text-decoration: none
}

@media only screen and (max-width: 979px) {
  .otnotice-section-header {
    color: #582362;
    font-weight: 600;
    font-size: 1.2rem;
    cursor: pointer;
    margin-bottom: 10px
  }
}

.legal__section-sidebar .otnotice-section-content {
  transition: max-height .5s
}

@media only screen and (max-width: 979px) {
  .legal__section-sidebar .otnotice-section-content {
    max-height: 0;
    overflow: hidden
  }
}

.legal__section-sidebar .otnotice-section-content.active {
  max-height: 1600px;
  overflow-y: scroll
}

.legal__section--title {
  padding: 68px 200px 40px;
  border-bottom: 2px solid #979797;
  max-width: calc(1340px - 22rem)
}

@media only screen and (max-width: 1279px) {
  .legal__section--title {
    padding: 64px 0 40px;
    margin: 0 3rem;
    max-width: calc(100% - 6rem)
  }
}

@media only screen and (max-width: 979px) {
  .legal__section--title {
    padding: 52px 0 40px;
    max-width: calc(100% - 4rem);
    margin: 0 2rem
  }
}

.section__title--big {
  padding: 0;
  margin-bottom: 0;
  font-size: 49px
}

@media only screen and (max-width: 979px) {
  .section__title--big {
    font-size: 25px
  }
}

.legal__article--wide .otnotice-sections {
  width: 100%;
  padding: 0;
  border: none;
  text-align: left
}

.legal__article--wide .otnotice-sections:before {
  display: none
}

.legal__article--wide .otnotice-sections p {
  text-align: left
}

.legal__article--wide h2 {
  color: #4a4a4a;
  font-size: 20px;
  font-weight: 300
}

@media only screen and (max-width: 979px) {
  .legal__article--wide h2 {
    color: #4a4a4a;
    font-size: 1.4rem;
    line-height: 1.9;
    font-weight: 600
  }
}

.legal__article--wide table {
  max-width: 100%
}

.otnotice-language-dropdown-container {
  display: none
}

.section__title--grape {
  color: #582362;
  width: 100%;
  text-align: center
}

.legal__dropdown-container--black .legal__country-dropdown-button {
  color: #4a4a4a;
  -ms-flex-align: center;
  align-items: center
}

.legal__dropdown-container--black .legal__country-dropdown-button:hover {
  color: #fff
}

.legal__country-dropdown-button {
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 979px) {
  .legal__country-dropdown-button {
    font-size: 1.6rem
  }
}

@media only screen and (max-width: 979px) {
  .otnotice-sections {
    border-top: none
  }
}

.your_privacy_choices .section__title.section__title--big.section__title--white {
  position: relative;
  padding-right: 148px;
  max-width: 100%
}

@media only screen and (max-width: 979px) {
  .your_privacy_choices .section__title.section__title--big.section__title--white {
    position: relative;
    font-size: 28px;
    line-height: 121.4%;
    padding-top: 64px;
    padding-bottom: 10px;
    padding-right: 0
  }
}

.your_privacy_choices .section__title.section__title--big.section__title--white:after {
  width: 167px;
  height: 76px;
  background-size: 111%;
  position: absolute;
  content: "";
  background-image: url("/wp-content/themes/prodege_theme/img/your_privacy_choices.png");
  background-position: -10px -37px;
  background-repeat: no-repeat;
  margin-left: 23px;
  top: -7px
}

@media only screen and (max-width: 1279px) {
  .your_privacy_choices .section__title.section__title--big.section__title--white:after {
    width: 123px;
    height: 58px;
    background-size: 111%;
    position: absolute;
    content: "";
    background-image: url(/wp-content/themes/prodege_theme/img/your_privacy_choices.png);
    background-position: -10px -27px;
    background-repeat: no-repeat;
    margin-left: 29px;
    top: 1px
  }
}

@media only screen and (max-width: 979px) {
  .your_privacy_choices .section__title.section__title--big.section__title--white:after {
    width: 123px;
    height: 58px;
    background-size: 111%;
    position: absolute;
    content: "";
    background-image: url(/wp-content/themes/prodege_theme/img/your_privacy_choices.png);
    background-position: -10px -27px;
    background-repeat: no-repeat;
    margin-left: 0;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-right: 0
  }
}

.section-wrapper {
  width: 100%;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, .2);
  max-width: 1194px;
  margin: 90px auto 70px;
  margin-top: 90px;
  position: relative
}

@media only screen and (max-width: 1279px) {
  .section-wrapper {
    margin-top: 82px;
    margin-bottom: 40px;
    max-width: 821px
  }
}

@media only screen and (max-width: 979px) {
  .section-wrapper {
    width: 100%;
    margin-top: 43px
  }
}

.section-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  background: #582362;
  height: 16px;
  width: 100%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1279px) {
  .image-desktop-only {
    display: none
  }
}

.image-tablet-only {
  display: none
}

@media only screen and (max-width: 1279px) {
  .image-tablet-only {
    display: block
  }
}

@media only screen and (max-width: 979px) {
  .image-tablet-only {
    display: none
  }
}

.image-mobile-only {
  display: none
}

@media only screen and (max-width: 979px) {
  .image-mobile-only {
    display: block
  }
}

/*# sourceMappingURL=styles.css.map */