/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
@import url("https://fonts.googleapis.com/css2?family=Barlow");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

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

html {
  min-height: 100%;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

body {
  min-height: 100%;
  overflow-x: hidden; }

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

strong {
  font-weight: 700; }

h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Barlow Condensed'; }
  h1 em, .h1 em, h2 em, .h2 em, h3 em, .h3 em,
  h4 em, .h4 em, h5 em, .h5 em, h6 em, .h6 em {
    font-style: italic; }
  h1.semibold, .h1.semibold, h2.semibold, .h2.semibold, h3.semibold, .h3.semibold,
  h4.semibold, .h4.semibold, h5.semibold, .h5.semibold, h6.semibold, .h6.semibold {
    font-family: 'Barlow Condensed';
    font-weight: 500; }

h1, .h1 {
  font-size: 80px;
  line-height: 74px;
  font-weight: 600; }

h2, .h2 {
  font-size: 60px;
  line-height: 60px;
  font-weight: 500; }

h3, .h3 {
  font-size: 48px;
  line-height: 50px;
  font-weight: 500; }

h4, .h4 {
  font-size: 34px;
  line-height: 38px;
  font-weight: 500; }

h5, .h5 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  font-family: 'Barlow'; }

h6, .h6 {
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  font-family: 'Barlow'; }

a {
  color: #0D61BF;
  text-decoration: underline; }
  a:hover {
    text-decoration: none; }
  a.link {
    text-decoration: none; }

.normal {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px; }

.subtitle, .subtitle-1, .subtitle-2 {
  font-family: 'Roboto';
  font-weight: 500; }

.subtitle {
  font-size: 24px;
  line-height: 36px;
  font-weight: 400; }
  .subtitle a {
    color: inherit; }

.subtitle-1 {
  font-size: 16px;
  line-height: 24px; }

.subtitle-2 {
  font-size: 14px;
  line-height: 18px; }

.title-purple {
  color: #9D41C9 !important; }

.title-teal {
  color: #26B3C5 !important; }

body {
  font-family: Roboto;
  font-size: 16px;
  line-height: 26px; }

@media (max-width: 767px) {
  h1, .h1 {
    font-size: 42px;
    line-height: 40px; }
  h3, .h3 {
    font-size: 31px;
    line-height: 32px; }
  h4, .h4 {
    font-size: 25px;
    line-height: 26px; }
  h5, .h5 {
    font-size: 21px;
    line-height: 23px; }
  h6, .h6 {
    font-size: 18px;
    line-height: 20px; }
  .subtitle {
    font-size: 20px;
    line-height: 26px; } }

h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Barlow Condensed';
  text-transform: uppercase; }

h5, .h5,
h6, .h6 {
  font-family: 'Barlow'; }

p {
  margin-bottom: 20px;
  color: #2A2A2A; }
  p.industries-related-link a {
    color: #0d61bf;
    text-decoration: none;
    transition: 0.5s; }
    p.industries-related-link a:hover {
      color: #2c95d7; }

.subtitle, .subtitle-1, .subtitle-2 {
  font-family: 'Roboto';
  font-weight: 500; }

.subtitle {
  font-size: 24px;
  line-height: 36px;
  font-weight: 400; }

.subtitle-1 {
  font-size: 16px;
  line-height: 20px; }

.subtitle-2 {
  font-size: 14px;
  line-height: 18px; }

.capition {
  font-size: 13px;
  line-height: 17px; }

.overline {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px; }

body {
  font-family: Roboto;
  font-size: 16px;
  line-height: 26px; }

.body-lg {
  font-size: 24px;
  line-height: 36px; }

.body-sm {
  font-size: 14px;
  line-height: 22px; }

@media (max-width: 991px) {
  h1, .h1 {
    font-size: 60px;
    line-height: 60px; }
  h2, .h2 {
    font-size: 50px;
    line-height: 50px; }
  h3, .h3 {
    font-size: 42px;
    line-height: 44px; } }

@media (max-width: 767px) {
  h1, .h1 {
    font-size: 42px;
    line-height: 40px; }
  h2, .h2 {
    font-size: 36px;
    line-height: 36px; }
  h3, .h3 {
    font-size: 30px;
    line-height: 32px; }
  h4, .h4 {
    font-size: 25px;
    line-height: 27px; }
  h5, .h5 {
    font-size: 21px;
    line-height: 25px; }
  h6, .h6 {
    font-size: 18px;
    line-height: 22px; }
  .subtitle {
    font-size: 20px;
    line-height: 26px; }
  .body-lg {
    font-size: 20px;
    line-height: 30px; }
  .body-sm {
    font-size: 14px;
    line-height: 22px; }
  .capition {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.5px; }
  .overline {
    font-size: 10px;
    line-height: 14px; } }

@media (max-width: 767px) {
  .mobile-narrow-heading {
    margin-left: 30px;
    margin-right: 30px; } }

body.open-modal {
  overflow: hidden; }

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

.u-mb-5 {
  margin-bottom: 5px; }

.u-mb-10 {
  margin-bottom: 10px; }

.u-mb-20 {
  margin-bottom: 20px; }

.u-mb-30 {
  margin-bottom: 30px; }

.u-mb-40 {
  margin-bottom: 40px; }

.u-mb-50 {
  margin-bottom: 40px; }

.u-mb-60 {
  margin-bottom: 60px; }

.u-mt-30 {
  margin-top: 30px; }

.u-mt-60 {
  margin-top: 60px; }

.u-ml-20 {
  margin-left: 20px; }

.u-ml-128 {
  margin-left: 128px !important; }
  @media (max-width: 767px) {
    .u-ml-128 {
      margin-left: 0 !important; } }

.pb-0 {
  padding-bottom: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pb-5 {
  padding-bottom: 5px; }

.pb-10 {
  padding-bottom: 10px; }

.mt-10 {
  margin-top: 10px; }

.pb-20 {
  padding-bottom: 20px; }

.mt-20 {
  margin-top: 20px; }

.pb-30 {
  padding-bottom: 30px; }

.mt-30 {
  margin-top: 30px; }

.pb-40 {
  padding-bottom: 40px; }

.mt-40 {
  margin-top: 40px; }

.pb-50 {
  padding-bottom: 50px; }

.mt-50 {
  margin-top: 50px; }

.pb-60 {
  padding-bottom: 60px; }

.mt-60 {
  margin-top: 60px; }

.pb-70 {
  padding-bottom: 70px; }

.mt-70 {
  margin-top: 70px; }

.pb-80 {
  padding-bottom: 80px; }

.mt-80 {
  margin-top: 80px; }

.pb-90 {
  padding-bottom: 90px; }

.mt-90 {
  margin-top: 90px; }

.pb-100 {
  padding-bottom: 100px; }

.mt-100 {
  margin-top: 100px; }

.page-title.white-color,
.white-color {
  color: #FFF; }

.page-title.pink-color,
.pink-color {
  color: #EF476F; }

.page-title.pink-color1,
.pink-color1 {
  color: #E20074; }

.page-title.orange-color,
.orange-color {
  color: #FFC43D; }

.page-title.orange-color2,
.orange-color2 {
  color: #DEDC37; }

.page-title.purple-color,
.purple-color {
  color: #9D41C9; }

.page-title.purple-color2,
.purple-color2 {
  color: #8231A9; }

.page-title.purple-color3,
.purple-color3 {
  color: #652385; }

.page-title.purple-color4,
.purple-color4 {
  color: #6569FF; }

.page-title.blue-color,
.blue-color {
  color: #2C95D7; }

.page-title.blue-color-1,
.blue-color-1 {
  color: #0D61BF; }

.page-title.blue-dark-color-1,
.blue-dark-color-1 {
  color: #2984BD; }

.page-title.blue-dark-color-2,
.blue-dark-color-2 {
  color: #16679A; }

.page-title.blue-color-2,
.blue-color-2 {
  color: #16679A; }

.page-title.teal-color,
.teal-color {
  color: #26B3C5; }

.page-title.turquoise-color,
.turquoise-color {
  color: #06D6A0; }

.page-title.indianred-color,
.indianred-color {
  color: #BE405E; }

.page-title.green-color,
.green-color {
  color: #4CC94C; }

.page-title.green-color1,
.green-color1 {
  color: #63F963; }

.page-title.darkgreen-color,
.darkgreen-color {
  color: #1E94A3; }

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  text-align: center; }
  .overlay .hero-video > .ic {
    display: none; }

.display-block {
  display: block; }

.page-title.uppercase,
.uppercase {
  text-transform: uppercase; }

.normalcase {
  text-transform: none; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.vertical-padding-m {
  padding-top: 24px;
  padding-bottom: 24px; }

.margin-top-l {
  margin-top: 48px; }

.margin-top-xl {
  margin-top: 96px; }

img.full {
  width: 100%; }

.full-height {
  height: 100%; }

.full-width {
  width: 100%; }

.show-only-phone {
  display: none; }

.hidden {
  display: none; }

.no-scroll {
  overflow: hidden; }

.sticky {
  position: sticky;
  position: -webkit-sticky; }
  .sticky.sticky-top {
    top: 10px; }

.list-bulet {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list-bulet li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 25px;
    color: #2A2A2A;
    font-size: 16px;
    line-height: 26px; }
    .list-bulet li:last-child {
      margin-bottom: 0; }
    .list-bulet li:after {
      content: '';
      position: absolute;
      display: block;
      left: 0;
      top: 11px;
      width: 4px;
      height: 4px;
      background: #2A2A2A;
      border-radius: 50%; }

.hide-phone {
  position: relative;
  z-index: 4; }

.td-none {
  text-decoration: none; }

.max860 {
  max-width: 860px !important; }

.offset-top-90 {
  position: relative;
  top: -90px;
  margin-bottom: -91px; }
  @media (max-width: 767px) {
    .offset-top-90 {
      top: -45px;
      margin-bottom: -46px; } }

@media (max-width: 767px) {
  .small-margin-top {
    margin-top: 10px; }
  .small-remove-margin-top {
    margin-top: 0 !important; }
  .hide-phone {
    display: none; }
  .show-only-phone {
    display: block; }
  .margin-top-l .tab-background svg {
    width: 100%;
    height: 100%; }
  .spacer-80 {
    height: 40px !important; }
  .spacer-100 {
    height: 50px !important; }
  .spacer-150 {
    height: 75px !important; }
  .spacer-200 {
    height: 100px !important; } }

.hide {
  display: none !important; }

.container::after {
  clear: both;
  content: "";
  display: block; }

.container.mt-120 {
  margin-top: 120px; }

.desktop-show {
  display: block; }

.desktop-hide {
  display: none; }

.curve-theme {
  margin-top: -113px; }
  .curve-theme:before {
    background-image: url("../img/curve.svg");
    background-size: cover;
    display: block;
    content: "";
    height: 130px; }

.olive-curve {
  background-color: #227681;
  background-image: url("../img/curve-3-green.svg");
  background-size: cover;
  display: block;
  height: 92px; }

.white-teal-curve-mask {
  background-color: #227681;
  background-image: url("../img/curve-mask-white.svg");
  background-size: cover;
  background-position: 50% 100%;
  display: block;
  height: 104px;
  min-height: 104px;
  max-height: 104px; }

.blue-curve-mask {
  background: transparent url("../img/blue-wave.svg") 50% 100%;
  background-size: cover;
  display: block;
  height: 92px; }

.white-curve {
  background-color: #2A2A2A;
  background-image: url("../img/curve.svg");
  background-size: cover;
  display: block;
  height: 130px; }

.white-curve2 {
  background-color: #2A2A2A;
  background-image: url("../img/curve-white.svg");
  background-size: cover;
  display: block;
  height: 130px; }
  @media (max-width: 767px) {
    .white-curve2 {
      background-size: 100%;
      background-repeat: no-repeat;
      height: 34px; } }

.card-svg-mask {
  background-image: url("../img/card-mask.svg");
  background-size: cover;
  background-position-x: right; }

.card-svg-mask-2 {
  background-image: url("../img/card-mask-2.svg");
  background-size: cover;
  background-position-x: right; }

.dark-theme {
  background: #2A2A2A;
  color: #FFF; }

.call-to-action-wave.no-wave .partners-grow-business:before {
  display: none !important; }

.gray-theme,
.gray-theme-2 {
  background: #F4F4F4; }
  .gray-theme:before,
  .gray-theme-2:before {
    background-image: url("../img/curve-2.svg");
    background-size: cover;
    display: block;
    content: "";
    height: 90px;
    background-color: #FFF; }
  .gray-theme.have-bottom:after,
  .gray-theme-2.have-bottom:after {
    background-image: url("../img/curve-3.svg");
    display: block;
    content: '';
    height: 90px;
    background-color: #227681; }
  .gray-theme.gradient-block .section,
  .gray-theme-2.gradient-block .section {
    background-image: linear-gradient(0deg, #FFF 0%, #F4F4F4 10%); }
    .gray-theme.gradient-block .section .subtitle,
    .gray-theme-2.gradient-block .section .subtitle {
      padding: 0px 15px; }
  .gray-theme .section,
  .gray-theme-2 .section {
    padding: 60px 0; }
    .gray-theme .section .heading,
    .gray-theme-2 .section .heading {
      color: #26B3C5;
      letter-spacing: 0.3px; }

.gray-theme-2:before {
  content: "";
  height: 7.917vw;
  background-image: url("../img/curve-4.png"); }

.gray-theme-2:after {
  content: none; }

.gray-theme-2.gradient {
  background: linear-gradient(180deg, #F4F4F4 0%, #FFF 100%); }

.teal-theme {
  background: #227681;
  color: #FFF;
  padding: 68px 0 100px; }
  .teal-theme .section-title {
    padding-top: 46px;
    letter-spacing: 0.4px; }

.grid {
  margin-left: -20px;
  margin-right: -20px;
  min-height: inherit; }
  .grid::after {
    clear: both;
    content: "";
    display: block; }
  .grid .column-6.hero-video-right {
    float: right;
    margin: 0;
    width: calc(50% - 10px); }

.mobile-customer-block-image {
  display: none; }

.grid-collapse {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px); }

.grid .column-2 {
  width: calc(16.66667% - 23.33333px);
  float: left;
  margin-left: 20px; }

.grid .column-3 {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px; }

.grid .column-4 {
  width: calc(33.33333% - 26.66667px);
  float: left;
  margin-left: 20px; }

.grid .column-5 {
  width: calc(41.66667% - 28.33333px);
  float: left;
  margin-left: 20px;
  flex: 1; }

.grid .column-6 {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px; }

.grid .column-7 {
  width: calc(58.33333% - 31.66667px);
  float: left;
  margin-left: 20px;
  flex: 1; }

.grid .column-8 {
  width: calc(66.66667% - 33.33333px);
  float: left;
  margin-left: 20px; }

.grid .column-9 {
  width: calc(75% - 35px);
  float: left;
  margin-left: 20px;
  flex: 1; }

.grid .column-12 {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px; }

.grid.two-grid {
  padding: 30px 0 0; }

.grid.three-grid .items, .grid.three-grid .item {
  max-width: 355px;
  text-align: center; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 1023px) and (orientation: landscape) {
    .grid.three-grid .items, .grid.three-grid .item {
      max-width: none; } }
  .grid.three-grid .items h4, .grid.three-grid .item h4 {
    color: #2A2A2A;
    font-family: Barlow;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .grid.three-grid .items h5, .grid.three-grid .item h5 {
    font-weight: 600;
    margin-bottom: 15px; }
  .grid.three-grid .items .txt, .grid.three-grid .item .txt {
    font-weight: 400;
    text-align: center; }
  .grid.three-grid .items:nth-child(2) .shape-wrap svg, .grid.three-grid .item:nth-child(2) .shape-wrap svg {
    margin-top: 5px; }
  .grid.three-grid .items:nth-child(3) .shape-wrap svg, .grid.three-grid .item:nth-child(3) .shape-wrap svg {
    margin-top: 5px; }

.grid.three-grid .blue-over {
  display: block;
  width: 100px;
  position: relative;
  margin: 20px auto; }
  .grid.three-grid .blue-over .center-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.grid.three-grid .job-six-grid {
  height: 100%;
  overflow: hidden; }
  .grid.three-grid .job-six-grid:nth-child(2) {
    margin-top: 100px; }
    @media (max-width: 767px) {
      .grid.three-grid .job-six-grid:nth-child(2) {
        margin-top: 0; } }

.grid.our-grid {
  padding: 0 30px 20px; }
  .grid.our-grid .top-our {
    font-size: 48px; }
  .grid.our-grid .question-item {
    margin-top: 30px; }
    .grid.our-grid .question-item .title {
      font-size: 24px;
      color: #2A2A2A;
      margin-bottom: 15px; }
    .grid.our-grid .question-item li {
      margin-bottom: 10px; }
      .grid.our-grid .question-item li .txt {
        position: relative;
        padding-left: 25px; }
        .grid.our-grid .question-item li .txt:before {
          position: absolute;
          content: '';
          display: block;
          width: 6px;
          height: 6px;
          border-radius: 100%;
          background-color: #2A2A2A;
          left: 2px;
          top: 10px; }
  .grid.our-grid .section-titles {
    color: #26B3C5;
    font-family: Barlow;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 22px;
    text-align: left;
    margin-bottom: 5px;
    text-transform: uppercase; }
    .grid.our-grid .section-titles.purple {
      color: #9D41C9; }
    .grid.our-grid .section-titles.green {
      color: #4CC94C; }
    .grid.our-grid .section-titles.pink {
      color: #EF476F; }
    .grid.our-grid .section-titles.red {
      color: #F00; }
    .grid.our-grid .section-titles.blue {
      color: #2C95D7; }
    .grid.our-grid .section-titles.orange {
      color: #FFC43D; }
  .grid.our-grid .row-line {
    margin-bottom: 20px; }

.side-quote-main-content ul {
  list-style: disc;
  padding-left: 20px; }

.side-quote-main-content ol {
  list-style: decimal-leading-zero;
  padding-left: 20px; }

.side-quote-main-content li {
  padding-left: 10px; }

.block {
  clear: both;
  overflow: hidden; }
  .block .title {
    margin-bottom: 15px; }

.block-vertical-margin {
  margin: 20px 0; }

* > .block-vertical-margin:first-child {
  margin-top: 0; }

* > .block-vertical-margin:last-child {
  margin-bottom: 0; }

.block-vertical-margin-bottom {
  margin-top: 20px;
  margin-bottom: 200px; }

.block.curve {
  border-radius: 15px; }

.call-to-action-block .bottom {
  padding: 40px 0 10px; }

.call-to-action-block .heading {
  color: #2A2A2A !important;
  text-transform: uppercase; }

.small-call-to-action-block {
  text-transform: uppercase;
  text-align: center;
  background-color: #555;
  color: #FFF;
  padding: 11px 0; }
  .small-call-to-action-block .h6 {
    line-height: normal;
    letter-spacing: 0.3px; }
  .small-call-to-action-block a {
    color: #FFF;
    text-decoration: underline; }
  .small-call-to-action-block div {
    display: inline-block; }

.customer-block {
  background-color: #f4f4f4;
  background-size: cover !important;
  color: #2A2A2A;
  font-weight: 500; }
  .customer-block .content-wrapper {
    padding: 52px 15px 20px 40px; }
    .customer-block .content-wrapper .heading {
      line-height: 24px;
      margin: 28px 0 4px;
      font-weight: 600; }
    .customer-block .content-wrapper .body {
      line-height: 24px;
      padding-right: 80px; }
    .customer-block .content-wrapper .bottom {
      margin-top: 24px; }
    .customer-block .content-wrapper a.read-more {
      color: #137D60;
      font-size: 15px;
      text-decoration: none; }
      .customer-block .content-wrapper a.read-more .ic {
        position: relative;
        top: -2px; }
      .customer-block .content-wrapper a.read-more:hover .ic {
        transform: translateX(5px);
        transition: transform 0.3s ease-out; }
  .customer-block.image {
    background-size: cover; }
  .customer-block.size-1 {
    margin-right: 108px; }
    .customer-block.size-1 .content-wrapper {
      width: 60%;
      max-height: 347px; }
  .customer-block.size-2 {
    margin-left: 108px;
    min-height: 400px; }
    .customer-block.size-2 .col-1 {
      position: relative; }
    .customer-block.size-2 .content-wrapper {
      position: absolute;
      top: 0px;
      bottom: 0px;
      width: auto;
      max-height: none;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .customer-block.size-2 .content-wrapper .content {
        padding-right: 100px; }
  .customer-block.size-3 img, .customer-block.size-4 img {
    width: 100%; }
  .customer-block.size-3 a, .customer-block.size-4 a {
    display: flex;
    align-items: center;
    min-height: 260px;
    padding: 60px;
    transition: all 0.3s ease-out;
    text-align: center;
    width: 100%; }
    .customer-block.size-3 a:hover, .customer-block.size-4 a:hover {
      opacity: 0.75; }
  .customer-block.size-4 {
    margin-right: 108px; }

.customer-block-intro .bottom {
  margin-top: 35px;
  text-align: center;
  padding-bottom: 5px;
  margin-right: 150px; }
  @media (max-width: 767px) {
    .customer-block-intro .bottom {
      text-align: left;
      margin-right: 0; } }

.customer-block-intro .section-title {
  color: #FFF; }

.customer-block-ibm {
  background: url("../img/ibm-customer.png") no-repeat;
  background-size: cover; }

.customer-block-zurich {
  background: url("../img/z.jpg") no-repeat;
  background-size: cover; }

.wrapper {
  max-width: 1310px;
  margin: auto;
  padding: 0 15px; }

.section {
  padding: 48px 0; }

.max640 {
  max-width: 640px;
  margin: 0 auto; }

.max840 {
  max-width: 840px;
  margin: 0 auto; }

.max962 {
  max-width: 962px;
  margin: 0 auto; }

.max1064 {
  max-width: 1064px;
  margin: 0 auto; }

.max1100 {
  max-width: 1100px;
  margin: 0 auto; }

.max1220 {
  max-width: 1220px;
  margin: 0 auto; }

.max1280 {
  max-width: 1310px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important; }
  @media (max-width: 767px) {
    .max1280 .max1280 {
      padding-left: 0 !important;
      padding-right: 0 !important; } }

.max1310 {
  max-width: 1310px;
  margin: 0 auto; }

.max1359 {
  max-width: 1359px;
  margin: 0 auto; }

.max1440 {
  max-width: 1440px;
  margin: 0 auto; }

.txt {
  color: #2A2A2A;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px; }
  .txt.mb20 {
    margin-bottom: 20px; }

.blue-titles {
  color: #2C95D7;
  font-size: 48px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 50px;
  margin-bottom: 20px;
  font-family: "Barlow Condensed"; }

.bigger-txt {
  color: #2A2A2A;
  font-size: 48px;
  font-weight: 500;
  letter-spacing: 0.3px;
  font-family: "Barlow Condensed";
  line-height: 50px;
  max-width: 629px;
  margin: 0 auto 20px;
  text-align: center;
  text-transform: uppercase; }

.top-titles .title {
  font-size: 80px;
  font-weight: 600;
  color: #2C95D7;
  line-height: 80px;
  margin-top: 52px; }
  .top-titles .title.green {
    color: #26B3C5; }
  .top-titles .title.orgnge {
    color: #FFC43D; }
  .top-titles .title.purple {
    color: #9D41C9; }

.top-titles .thin-title {
  font-size: 48px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #2C95D7;
  line-height: 50px;
  max-width: 413px;
  margin: 0 auto 20px; }

.top-titles .subtitle {
  max-width: 953px;
  margin: 0 auto;
  padding-bottom: 110px; }
  .top-titles .subtitle.smaller {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    max-width: 631px;
    margin: 0 auto;
    padding-bottom: 40px; }

.top-titles .curse-line {
  background: url(../img/gray-curve-blue.png) center center no-repeat;
  background-size: 200px 13px;
  display: inline-block;
  margin: 0 0 53px;
  width: 306px;
  height: 13px;
  border: none; }
  .top-titles .curse-line.orange {
    background: url(../img/curve-orange@2x.png) center center no-repeat;
    background-size: 200px 13px; }
  .top-titles .curse-line.purple {
    background: url(../img/curve-purple@2x.png) center center no-repeat;
    background-size: 200px 13px; }

.body-white {
  background-color: #FFF; }

.wp-block-wpseed-container {
  margin: 0 auto;
  max-width: 1063px;
  padding: 0 15px; }
  .wp-block-wpseed-container h4 {
    margin-bottom: 10px; }
  .wp-block-wpseed-container a {
    color: #2C95D7; }
    .wp-block-wpseed-container a:hover {
      opacity: 0.75; }

@media (max-width: 991px) {
  .grid {
    margin-left: -10px;
    margin-right: -10px; }
    .grid .column-small-12.mobile-customer-block-image {
      display: block;
      background-size: 100%;
      background-repeat: no-repeat;
      height: 190px; } }

@media screen and (max-width: 991px) and (max-width: 991px) {
  .grid .column-mobile-6 {
    width: calc(50% - 15px);
    float: left;
    margin-left: 10px; } }

@media (max-width: 767px) {
  .card-svg-mask {
    background-image: url("../img/card-mask-3.svg"); }
  .card-svg-mask-2 {
    background-image: url("../img/card-mask-3.svg"); }
  .customer-block-ibm {
    background: url("../img/ibm-customer.png") no-repeat center; }
  .customer-block-zurich {
    background: url("../img/z.jpg") no-repeat center; }
  .mobile-show {
    display: block; }
  .mobile-hide {
    display: none; }
  .block-vertical-margin {
    margin: 10px 0; }
    .block-vertical-margin .bottom .btn,
    .block-vertical-margin .block .btn {
      line-height: 33px;
      height: 33px; } }

@media screen and (max-width: 767px) and (max-width: 768px) {
  .grid-collapse {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px); } }

@media (max-width: 767px) {
  .grid-collapse .customer-block-image {
    display: none; }
  .grid-collapse .column-small-12.mobile-customer-block-image {
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 190px; }
  .teal-theme .wrapper {
    padding: 0 12px; }
    .teal-theme .wrapper .column-small-12 {
      width: 100%;
      margin-left: 0px; }
      .teal-theme .wrapper .column-small-12.column-4 .grid {
        margin-left: -10px; }
    .teal-theme .wrapper .size-1 .content-wrapper {
      padding-top: 0;
      padding-left: 23px;
      padding-right: 23px;
      width: 100%;
      max-height: none; }
      .teal-theme .wrapper .size-1 .content-wrapper .image img {
        width: auto;
        height: 30px;
        position: relative;
        top: 25px; }
      .teal-theme .wrapper .size-1 .content-wrapper .btn-link {
        padding-left: 0; }
    .teal-theme .wrapper .size-2 {
      min-height: auto; }
      .teal-theme .wrapper .size-2 .content-wrapper {
        padding-top: 0;
        padding-left: 23px;
        padding-right: 23px;
        position: relative; }
        .teal-theme .wrapper .size-2 .content-wrapper .image img {
          width: 118px;
          height: auto;
          position: relative;
          top: 25px; }
        .teal-theme .wrapper .size-2 .content-wrapper .btn-link {
          padding-left: 0; }
    .teal-theme .wrapper .size-3 a, .teal-theme .wrapper .size-4 a {
      padding: 0; }
    .teal-theme .wrapper .content-wrapper .bottom {
      margin-top: 15px; }
  .grid {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 767px) and (max-width: 768px) {
  .grid .column-small-12 {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px; } }

@media screen and (max-width: 767px) and (max-width: 768px) {
  .grid .column-small-6 {
    width: calc(50% - 15px);
    float: left;
    margin-left: 10px; } }

@media (max-width: 767px) {
  .customer-block.size-1 {
    margin-right: 0; }
  .customer-block.size-2 {
    margin-left: 0; }
  .customer-block.size-4 {
    margin-right: 0; }
  .customer-block.size-3, .customer-block.size-4 {
    min-height: 120px;
    padding: 20px 30px; }
  .teal-theme {
    padding: 0 0 52px; }
    .teal-theme .section-title {
      padding-top: 0px;
      color: #ffffff;
      font-family: 'Barlow Condensed';
      font-size: 36px;
      font-weight: 500;
      letter-spacing: 0.25px;
      line-height: 34px;
      text-align: left;
      padding-left: 3px; }
    .teal-theme .flex {
      margin: 0;
      width: 100%; }
  .small-call-to-action-block > * {
    line-height: 26px; }
  .footer {
    padding: 10px; }
  .logos-block {
    padding: 0; }
  .logo-block {
    display: flex;
    justify-content: center;
    width: 33%;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 15px; }
    .logo-block img {
      max-width: 102px;
      max-height: 32px; }
  .curve-theme .wrapper {
    margin-top: -80px;
    padding: 0px; }
  .curve-theme:before,
  .gray-theme:before,
  .gray-theme-2:before {
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat; }
  .grid .hero-video-right {
    margin: 0;
    width: 100% !important; }
  .blue-titles {
    font-size: 31px;
    line-height: 31px;
    margin-bottom: 11px; }
  .max640,
  .max962,
  .max1064,
  .max1100,
  .max1220,
  .max1280,
  .max1330,
  .max1359 {
    max-width: none;
    margin: 0 auto;
    padding: 0 15px; }
  .section {
    padding-bottom: 0; }
  .top-titles {
    padding: 0 15px; }
    .top-titles .title {
      margin-top: 0;
      font-size: 42px;
      line-height: 36px; }
      .top-titles .title.green {
        color: #26B3C5; }
    .top-titles .subtitle {
      font-size: 20px;
      line-height: 26px;
      padding-bottom: 60px; }
    .top-titles .curse-line {
      background-size: 139px auto;
      margin-bottom: 30px; }
      .top-titles .curse-line.orange {
        background-size: 154px 8px;
        margin-bottom: 30px; }
      .top-titles .curse-line.purple {
        background-size: 154px 8px;
        margin-bottom: 30px; }
  .gray-theme:before {
    background: url(../img/curve-2.svg) center bottom no-repeat;
    background-size: 102%;
    display: block;
    content: '';
    height: 81px;
    background-color: #FFF; }
  .gray-theme .section {
    padding: 40px 0 40px; }
  .gray-theme .section.partner-topcoder {
    padding: 30px 0 20px; }
  .grid.two-grid {
    padding-right: 15px; }
    .grid.two-grid .left-imgs img {
      width: 310px;
      margin-bottom: 20px; }
  .grid.our-grid {
    padding: 0 15px 20px; } }

.right {
  float: right; }

/* IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, [data-aos^=fade][data-aos^=fade], [data-aos^=zoom][data-aos^=zoom] {
    opacity: 1; } }

.flex {
  display: flex; }
  .flex.column {
    flex-direction: column; }
  .flex.center {
    justify-content: center; }
  .flex.end {
    justify-content: flex-end; }
  .flex.space-between {
    justify-content: space-between; }
  .flex.space-around {
    justify-content: space-around; }
  .flex.middle {
    align-items: center; }
  .flex.stretch {
    align-items: stretch; }
  .flex.bottom {
    align-items: flex-end; }
  .flex.wrap {
    flex-wrap: wrap; }

.flex-grow, .flex-grow-1 {
  flex-grow: 1; }

.flex-grow-2 {
  flex-grow: 2; }

.flex-one {
  flex: 0 0 20%; }

.flex-shrink {
  flex-shrink: 1;
  flex-basis: 100px; }

.card {
  padding: 31px 40px 40px; }

.card-body {
  margin: 10px 0 30px; }

.card-bottom {
  margin-top: 20px; }

.card-blue-theme {
  color: #FFF;
  background-image: linear-gradient(151.47deg, #2C95D7 0%, #50ADE8 100%); }

.card-teal-theme {
  color: #FFF;
  background-image: linear-gradient(151.47deg, #26B3C5 0%, #54B4C0 100%); }

@media (max-width: 767px) {
  .card-body,
  .card-bottom {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    height: 58px;
    width: 100%; }
  h4.card-title.uppercase {
    line-height: 50px;
    cursor: pointer; }
  .card {
    padding: 0;
    height: 58px;
    width: calc(100% - 10px);
    margin-left: 5px; }
  .card-bottom .btn {
    padding: 0;
    background: none;
    color: #FFF;
    font-size: 25px;
    font-weight: 500;
    line-height: 58px;
    text-align: center;
    font-family: 'Barlow Condensed';
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding-top: 58%; }
    .card-bottom .btn:hover {
      background: none;
      color: #FFF; } }

button {
  border: 0 none;
  cursor: pointer;
  outline: 0; }

.btn, .wp-block-button__link {
  border-radius: 25px;
  cursor: pointer;
  display: inline-flex;
  text-transform: uppercase;
  line-height: 50px;
  height: 50px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.8px;
  padding: 0 30px;
  text-decoration: none;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .btn.btn-sm, .wp-block-button__link.btn-sm {
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    padding: 0 15px; }
  .btn.btn-md, .wp-block-button__link.btn-md {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    padding: 0 20px; }
  .btn.dwn-e-book, .wp-block-button__link.dwn-e-book {
    margin-left: 10px; }
  .btn:hover, .wp-block-button__link:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
  .btn:active, .wp-block-button__link:active {
    box-shadow: none; }

.wp-block-button__link {
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  padding: 0 20px; }

.btn-primary, .wp-block-button__link, .btn-secondary {
  background: #137D60;
  color: #FAFAFB !important;
  text-decoration: none !important; }
  .btn-primary:hover, .wp-block-button__link:hover, .btn-secondary:hover {
    background: #0AB88A;
    color: #E9E9E9; }
  .btn-primary:active, .wp-block-button__link:active, .btn-secondary:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    background-color: #137d60; }

.btn-primary-outline {
  background: #fff;
  border: 1px solid #0ab88a;
  color: #229174 !important;
  text-decoration: none !important;
  white-space: nowrap; }
  .btn-primary-outline:hover {
    border: 1px solid #229174 !important;
    color: #137d60 !important; }

.btn-primary-white {
  background: #FFF;
  color: #229174; }
  .btn-primary-white:hover {
    background: #d4d4d4;
    color: #137D60; }
  .btn-primary-white:active {
    background: #fff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); }

.btn-video {
  position: relative;
  padding-left: 45px !important; }
  .btn-video:before {
    background: url(../img/btn_play.svg) no-repeat;
    background-size: contain;
    content: '';
    height: 30px;
    left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px; }

.btn-primary-white-outline {
  background: transparent;
  border: 1px solid #fff;
  color: #fff; }
  .btn-primary-white-outline:hover {
    background: #fff;
    color: #137D60; }
  .btn-primary-white-outline:active {
    background: #fff;
    color: #137D60;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); }

.btn-outline-2 {
  border-width: 2px; }

.btn-primary-black {
  background: #FFF;
  color: #2A2A2A; }

.btn-gray {
  background: #AAA;
  color: #FFF; }
  .btn-gray:hover {
    background: #7F7F7F;
    color: #FFF; }

.btn-grayed {
  background: #AAA;
  color: #FFF; }
  .btn-grayed:hover {
    background: #E9E9E9; }

.btn-link {
  padding: 0;
  transition: all 0.5s linear; }
  .btn-link::after {
    display: inline-block;
    padding-left: 8px;
    content: "\279E";
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .btn-link:hover {
    color: #E9E9E9; }
    .btn-link:hover::after {
      -webkit-transform: translateX(5px);
      -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
      -o-transform: translateX(5px);
      transform: translateX(5px); }

.btn-dark-green {
  background: #137D60;
  color: #FAFAFB; }
  .btn-dark-green:hover {
    background: #138d60;
    color: #E9E9E9; }

.btn-green-border {
  background: #fff;
  border: 1px solid #0AB88A;
  color: #229174;
  display: inline-block; }
  .btn-green-border:hover {
    border: 1px solid #229174;
    color: #137d60; }
  .btn-green-border:active {
    border: 1px solid #0ab88a;
    color: #229174; }
  .btn-green-border.btn-scroll {
    padding-right: 40px;
    position: relative; }
    .btn-green-border.btn-scroll:after {
      background: url(../img/icons/chevron-down-dark-green.svg) no-repeat;
      background-size: contain;
      content: '';
      height: 9px;
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      width: 15px; }

@media (max-width: 767px) {
  .btn {
    line-height: 33px;
    font-size: 13px;
    padding: 10px 15px; }
    .btn.smaller {
      font-size: 12px;
      padding-top: 8px;
      padding-bottom: 8px; }
    .btn.dwn-e-book {
      margin-left: 0px;
      margin-top: 6px; } }

.btn-green {
  background: #06D6A0;
  color: #FFF;
  line-height: 42px;
  letter-spacing: 1px; }
  .btn-green:hover {
    background: #07ab80;
    color: #E9E9E9; }

.btn-white {
  background: #FFF;
  color: #555;
  font-size: 14px;
  line-height: 33px;
  min-width: 118px;
  text-align: center;
  padding: 10px 15px;
  font-weight: 700;
  letter-spacing: 0.8px; }
  .btn-white:hover {
    background: #f1f1f1; }

.btn-white-gray-border {
  min-width: 118px;
  padding: 10px 15px;
  background: #FFF;
  border: 1px solid #2A2A2A;
  border-radius: 5px;
  color: #2A2A2A;
  font-size: 14px;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
  letter-spacing: 0.8px; }
  .btn-white-gray-border:hover {
    background: #f1f1f1; }

.form-wrap {
  padding: 40px;
  position: relative; }
  .form-wrap.dark {
    background: #F4F4F4;
    border-radius: 10px; }
  .form-wrap form.submitted-successfully {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  .form-wrap form:not(.submitted-successfully) + .thank-you-msg {
    display: none; }
  .form-wrap .thank-you-msg {
    position: absolute;
    padding: inherit;
    top: 0;
    left: 0;
    width: 100%; }

.form-title {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  font-family: 'Barlow';
  color: #2C95D7;
  text-transform: uppercase;
  letter-spacing: 0.3px; }

.form-control-wrap + .form-control-wrap {
  margin-top: 16px; }

.form-note {
  color: #666;
  font-size: 12px;
  line-height: 1.5;
  margin-right: 0 !important;
  margin-top: 30px;
  text-align: center; }

.form-control {
  height: 55px;
  width: 100%;
  background-color: #FFF;
  border: 1px solid #AAA;
  border-radius: 5px;
  outline: none;
  padding: 17px 14px 12px;
  color: #2A2A2A;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px; }
  .form-control::-webkit-input-placeholder {
    color: inherit;
    font-family: inherit; }
  .form-control::-moz-placeholder {
    color: inherit;
    font-family: inherit; }
  .form-control:-ms-input-placeholder {
    color: inherit;
    font-family: inherit; }
  .form-control:-moz-placeholder {
    color: inherit;
    font-family: inherit; }

.form-actions {
  margin-top: 30px;
  text-align: right; }

.file-upload-input-control .uploaded-file {
  color: #7F7F7F;
  max-width: 50%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 12px;
  margin-left: 5px; }

.form-wrap form.submitted .form-control:invalid {
  border-color: #F00; }

.form-wrap form.submitted .file-upload-input-control .form-control:invalid + .btn {
  box-shadow: 0 0 0 1px #F00; }

@media (max-width: 767px) {
  .form-wrap {
    padding: 20px; }
  .form-title {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 20px; }
  .form-control {
    height: 38px;
    font-size: 14px;
    line-height: 21px;
    padding: 10px 14px 7px; } }

.form-input {
  position: relative;
  padding: 15px 0 0;
  margin-top: 5px; }
  .form-input input:-webkit-autofill,
  .form-input input:-webkit-autofill:hover,
  .form-input input:-webkit-autofill:focus,
  .form-input input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #FBFBFB inset !important; }
  .form-input input:-webkit-autofill {
    -webkit-text-fill-color: #2A2A2A !important; }
  .form-input .form-field {
    font-family: inherit;
    width: 100%;
    padding: 15px;
    background: #FBFBFB;
    border: 1px solid #AAA;
    border-radius: 6px;
    outline: 0;
    color: #2A2A2A;
    font-size: 16px;
    transition: border-color 0.3s;
    -moz-appearance: textfield; }
    .form-input .form-field::-webkit-inner-spin-button, .form-input .form-field::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .form-input .form-field::placeholder {
      color: transparent; }
    .form-input .form-field.error {
      border-color: #EF476F; }
    .form-input .form-field.error ~ label,
    .form-input .form-field.error:focus ~ .form-label {
      color: #EF476F; }
    .form-input .form-field:placeholder-shown ~ .form-label {
      font-size: 16px;
      cursor: text;
      left: 8px;
      top: 28px; }
    .form-input .form-field + label,
    .form-input .form-field:focus ~ .form-label {
      position: absolute;
      left: 8px;
      top: 2px;
      padding: 0 7px;
      display: block;
      background: #FBFBFB;
      transition: 0.3s;
      font-size: 12px;
      color: #9b9b9b; }
    .form-input .form-field:focus ~ .form-label {
      color: #229174;
      background: #FBFBFB; }
  .form-input select.form-field {
    height: 51px; }

.form-input.white .form-field {
  background: #FFF; }
  .form-input.white .form-field + label,
  .form-input.white .form-field:focus ~ .form-label {
    background: #FFF; }

.form-select {
  position: relative;
  margin-top: 20px; }
  .form-select select {
    display: none; }
  .form-select .select-items div,
  .form-select .select-selected {
    padding: 13px 16px;
    cursor: pointer;
    user-select: none; }
  .form-select .select-selected {
    background: #FBFBFB;
    box-shadow: inset 0 0 0 1px #AAA;
    border-radius: 6px;
    font-size: 16px;
    color: #9B9B9C;
    line-height: 26px; }
    .form-select .select-selected:after {
      position: absolute;
      content: "";
      top: 18px;
      right: 15px;
      width: 10px;
      height: 10px;
      border-width: 2px 2px 0 0;
      border-style: solid;
      border-color: #AAA;
      transform: rotate(135deg);
      transition: all .2s; }
    .form-select .select-selected.select-arrow-active {
      box-shadow: inset 0 0 0 2px #AAA; }
    .form-select .select-selected.select-arrow-active:after {
      top: 23px;
      transform: rotate(-45deg); }
  .form-select .select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    background: #FFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    border-radius: 5px; }
    .form-select .select-items > div {
      font-family: Roboto-Regular;
      font-size: 16px;
      color: #2A2A2A;
      line-height: 26px; }
    .form-select .select-items div:hover, .form-select .select-items .same-as-selected {
      background-color: #E0FAF3; }
  .form-select .select-hide {
    display: none; }

.form-checkbox {
  margin-bottom: 10px;
  margin-left: 38px;
  /* Hide the Ordinary Checkbox but make it tab key accessible */
  /* Animating the Checkbox Icon */ }
  .form-checkbox label {
    position: relative;
    padding-top: 4px;
    font-size: 14px;
    color: #2A2A2A;
    line-height: 21px;
    cursor: pointer; }
  .form-checkbox label:before, .form-checkbox label:after {
    position: absolute;
    top: 0;
    left: -38px; }
  .form-checkbox label:before {
    content: '';
    width: 25px;
    height: 25px;
    background: #FFFFFF;
    border: 1px solid #AAA;
    border-radius: 4px; }
  .form-checkbox label:after {
    content: '';
    opacity: 0;
    top: 6px;
    left: -34px;
    width: 16px;
    height: 13px;
    background: url("../img/icons/input-check-arrow.svg") no-repeat;
    color: #f2ca27;
    z-index: 2;
    -webkit-transition: all 0.50s;
    -moz-transition: all 0.50s;
    -o-transition: all 0.50s;
    transition: all 0.50s; }
  .form-checkbox input[type="checkbox"] {
    opacity: 0;
    width: 0; }
  .form-checkbox input[type="checkbox"]:focus + label::before {
    border: 1px solid #0AB88A; }
  .form-checkbox input[type="checkbox"]:checked + label::before {
    background: #0AB88A;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.29); }
  .form-checkbox input[type="checkbox"]:checked + label::after {
    opacity: 1; }

.footer {
  background: #0c0c0c;
  color: #e9e9e9;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px; }
  .footer a {
    color: #e9e9e9;
    text-decoration: none; }
  .footer .footer-logo {
    text-align: center;
    padding: 30px 0;
    display: flex;
    justify-content: center; }
    @media (max-width: 767px) {
      .footer .footer-logo {
        padding-bottom: 15px; }
        .footer .footer-logo img {
          width: 53px; } }
  .footer .footer-header {
    border-bottom: 2px solid #555;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .footer .footer-body {
    margin-left: -10px;
    margin-right: -10px; }
    @media (max-width: 767px) {
      .footer .footer-body {
        flex-wrap: wrap; } }
  .footer .footer-column {
    flex-grow: 1;
    margin: 0 10px; }
    @media (max-width: 767px) {
      .footer .footer-column {
        margin-top: 18px;
        flex-grow: 2; }
        .footer .footer-column:first-child {
          margin-top: 0; }
        .footer .footer-column ul {
          column-count: 2; } }
    .footer .footer-column.col-span-2 {
      flex-grow: 2; }
      .footer .footer-column.col-span-2 ul {
        column-count: 2; }
    .footer .footer-column.col-span-3 {
      flex-grow: 3; }
      .footer .footer-column.col-span-3 ul {
        column-count: 3; }
    .footer .footer-column a:hover {
      color: #D4D4D4; }
  .footer .footer-bottom {
    margin-top: 40px;
    border-top: 2px solid #555;
    padding: 20px 0;
    color: #AAA;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .footer .footer-bottom {
        border-top: 0;
        margin-top: 20px; } }
    .footer .footer-bottom a {
      color: #AAA; }
      .footer .footer-bottom a:hover {
        color: #fff; }
    .footer .footer-bottom .copyright li {
      display: inline-block;
      margin-right: 20px; }
      .footer .footer-bottom .copyright li a {
        text-decoration: underline; }
      @media (max-width: 767px) {
        .footer .footer-bottom .copyright li {
          font-size: 11px;
          margin-right: 0; } }
    @media (max-width: 767px) {
      .footer .footer-bottom .copyright {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
        order: 2;
        width: 100%; }
        .footer .footer-bottom .copyright li:nth-child(2) {
          left: 50%;
          position: absolute;
          transform: translateX(-50%); } }
    @media (max-width: 767px) {
      .footer .footer-bottom .social-links {
        display: flex;
        justify-content: center;
        order: 1;
        width: 100%; } }
    .footer .footer-bottom .social-links li {
      width: 26px;
      height: 26px;
      line-height: 26px;
      border-radius: 100%;
      float: left;
      margin-left: 5px; }
      .footer .footer-bottom .social-links li:hover {
        opacity: 0.75; }
    .footer .footer-bottom .social-links:after {
      content: '';
      display: block;
      clear: both; }

.hero-video {
  line-height: 0; }

.hero-video-block {
  padding-top: 40px; }
  .hero-video-block h1 {
    margin-left: 13.6%;
    width: 522px; }
  .hero-video-block .hero-video {
    position: relative;
    cursor: pointer; }
    .hero-video-block .hero-video .ic {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      opacity: 0;
      cursor: pointer; }
      .hero-video-block .hero-video .ic.ic-play-white {
        z-index: 9999; }
  .hero-video-block .title {
    padding-top: 35px;
    letter-spacing: 0.5px; }

.svg-video {
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 30px);
  max-width: 1063px;
  height: auto;
  max-height: 700px;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  text-align: left;
  overflow: hidden; }
  .svg-video-close {
    color: #FFF;
    cursor: pointer;
    font-size: 11px;
    line-height: 46px;
    position: absolute;
    right: 10px;
    text-transform: uppercase;
    top: 20px; }
    .svg-video-close .ic {
      margin-left: 5px; }
  .svg-video .video-info {
    position: relative;
    top: -10px;
    display: block;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    background-color: #2A2A2A;
    margin-top: 9px; }
    @media (min-width: 767px) {
      .svg-video .video-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 40px; } }
    .svg-video .video-info * {
      color: #FFF; }
    .svg-video .video-info h6 {
      margin-bottom: 5px; }
    .svg-video .video-info p {
      margin-bottom: 0; }
    .svg-video .video-info a.link {
      white-space: nowrap; }
      @media (min-width: 767px) {
        .svg-video .video-info a.link {
          margin-left: 20px; } }

.logos-block {
  height: 90px; }

@media (min-width: 1280px) {
  .hero-video-block .svg-masked {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0; } }

@media (max-width: 767px) {
  .svg-video iframe {
    min-width: calc(100% - 15px);
    min-height: 350px; }
  .hero-video-block {
    padding-top: 0px; }
    .hero-video-block .title {
      width: 290px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 0px;
      margin-top: -35px;
      padding-bottom: 20px;
      line-height: 60px;
      text-align: center;
      font-family: 'Barlow Condensed';
      font-size: 42px;
      font-weight: 600;
      letter-spacing: 0.3px;
      line-height: 36px; } }

@media (max-width: 576px) {
  .svg-video {
    padding: 30px; }
    .svg-video-close {
      top: 8px;
      right: 8px; }
    .svg-video iframe {
      min-height: 250px; } }

.ic {
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px; }
  .ic.ic-m {
    width: 40px;
    height: 40px; }
  .ic.ic-l {
    width: 46px;
    height: 46px; }
  .ic.ic-xl {
    width: 76px;
    height: 76px; }

.ic-back {
  width: 12px;
  height: 9px;
  background-image: url("../img/icons/back-arrow-2.svg"); }

.ic-filter {
  background-image: url("../img/icons/filter-by-type.svg"); }

.ic-play {
  background-image: url("../img/icons/play.svg"); }

.ic-play-white {
  background-image: url("../img/icons/play-green-bg-white.svg");
  cursor: pointer; }
  .ic-play-white.bg-green-play {
    background-color: #137D60;
    background-size: 46px 46px;
    border-radius: 50%;
    height: 64px;
    width: 64px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .ic-play-white.bg-green-play:hover {
      background-color: #0AB88A; }
  .ic-play-white:hover {
    filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.2));
    transition: 0.5s; }

.ic-play-green-bg-white {
  background-image: url("../img/icons/play-green-bg-white.svg");
  cursor: pointer;
  height: 90px;
  opacity: 0.85;
  transition: opacity 0.5s;
  width: 90px; }
  .ic-play-green-bg-white:hover {
    opacity: 1; }

.ic-development-white {
  background-image: url("../img/icons/development-white.svg"); }

.active .ic-development-white {
  background-image: url("../img/icons/development.svg"); }

.ic-design {
  background-image: url("../img/icons/design.svg"); }

.ic-design-white {
  background-image: url("../img/icons/design-white.svg"); }

.ic-close-white {
  background-image: url("../img/icons/close-white.svg"); }

.ic-close-icon {
  width: 14px;
  height: 14px;
  line-height: 14px;
  background-image: url("../img/icons/close-icon.svg"); }

.active .ic-design-white {
  background-image: url("../img/icons/design.svg"); }

.ic-qa-white {
  background-image: url("../img/icons/qa-white.svg"); }

.active .ic-qa-white {
  background-image: url("../img/icons/qa.svg"); }

.ic-data-science-white {
  background-image: url("../img/icons/data-science-white.svg"); }

.active .ic-data-science-white {
  background-image: url("../img/icons/data-science.svg"); }

.ic-search {
  width: 16px;
  height: 16px;
  background-image: url("../img/icons/search.svg"); }

.ic-search {
  width: 16px;
  height: 16px;
  background-image: url("../img/icons/search-gray.svg"); }

.ic-members {
  width: 43px;
  height: 26px;
  background-image: url("../img/icons/members.svg"); }

.ic-job-seach {
  width: 39px;
  height: 39px;
  background-image: url("../img/icons/job-seach-man.svg"); }

.ic-rating-star {
  width: 38px;
  height: 35px;
  background-image: url("../img/icons/rating-star-winner.svg"); }

.ic-right-turquoise-arrow,
.ic-right-seagreen-arrow,
.ic-right-dark-arrow,
.ic-right-white-arrow {
  width: 16px;
  height: 14px; }

a:hover .ic-right-turquoise-arrow,
a:hover .ic-right-seagreen-arrow,
a:hover .ic-right-dark-arrow,
a:hover .ic-right-white-arrow {
  transform: translateX(5px);
  transition: transform 0.3s ease-out; }

.ic-right-turquoise-arrow {
  background-image: url("../img/icons/right-turquoise-arrow.svg"); }

.ic-right-seagreen-arrow {
  background-image: url("../img/icons/right-seagreen-arrow.svg"); }

.ic-right-white-arrow {
  background-image: url("../img/icons/right-white-arrow.svg"); }

.ic-right-dark-arrow {
  background-image: url("../img/icons/right-dark-arrow.svg"); }

.ic-design-el {
  background-image: url("../img/icons/design-el.png"); }

.ic-bug {
  background-image: url("../img/icons/bug.png"); }

.ic-shipping {
  background-image: url("../img/icons/shipping.png"); }

.ic-timeline {
  background-image: url("../img/icons/timeline.svg"); }

.ic-ethereum-awareness {
  background-image: url("../img/icons/ethereum-awareness.svg"); }

.ic-blockchain-experts {
  background-image: url("../img/icons/blockchain-experts.svg"); }

.ic-clock {
  background-image: url("../img/icons/clock.svg"); }

.ic-pipeline {
  background-image: url("../img/icons/pipeline.svg"); }

.ic-on-demand {
  background-image: url("../img/icons/on-demand.svg"); }

.ic-costs {
  background-image: url("../img/icons/costs.svg"); }

.ic-crowd {
  background-image: url("../img/icons/crowd.svg"); }

.ic-services {
  background-image: url("../img/icons/services.svg"); }

.ic-on-demand-expertise {
  background-image: url("../img/icons/on-demand-expertise.svg"); }

.ic-burst-capacity {
  background-image: url("../img/icons/burst-capacity.svg"); }

.ic-methodology {
  background-image: url("../img/icons/methodology.svg"); }

.ic-deliver {
  background-image: url("../img/icons/deliver.png"); }

.ic-multiple-solutions {
  background-image: url("../img/icons/multiple-solutions.svg"); }

.ic-outcomes {
  background-image: url("../img/icons/outcomes.svg"); }

.ic-hand {
  background-image: url("../img/icons/hand.svg"); }

.ic-pre-vetted-talent {
  background-image: url("../img/icons/pre-vetted-talent.svg"); }

.ic-managers {
  background-image: url("../img/icons/managers.svg"); }

.ic-skills {
  background-image: url("../img/icons/skills.svg"); }

.ic-use-excess-capacity {
  background-image: url("../img/icons/use-excess-capacity.svg"); }

.ic-secure {
  background-image: url("../img/icons/secure.svg"); }

.ic-sequential-model {
  background-image: url("../img/icons/sequential-model.svg"); }

.ic-process-crowdsourcing {
  background-image: url("../img/icons/process-for-crowdsourcing.svg"); }

.ic-repeatable-results {
  background-image: url("../img/icons/repeatable-results.svg"); }

@media (max-width: 767px) {
  .ic.ic-m {
    width: 28px;
    height: 28px; } }

/* Style the tab */
.tab {
  overflow: hidden;
  margin-bottom: 40px; }
  .tab ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    overflow-y: auto; }
    .tab ul li.tablinks {
      cursor: pointer;
      display: inline-block;
      height: 30px;
      line-height: 30px;
      padding: 0 15px;
      border: none;
      border-radius: 15px;
      outline: none;
      color: #FFFFFF;
      font-size: 12px;
      text-transform: uppercase;
      transition: 0.3s; }
      .tab ul li.tablinks + li {
        margin-left: 10px; }
      .tab ul li.tablinks:hover {
        background: rgba(255, 255, 255, 0.25);
        color: #FFFFFF; }
      .tab ul li.tablinks.active {
        background: #FFFFFF;
        color: #2A2A2A; }
  .tab.white ul li.tablinks {
    color: #2A2A2A; }
    .tab.white ul li.tablinks:hover {
      background: rgba(42, 42, 42, 0.25);
      color: #2A2A2A; }
    .tab.white ul li.tablinks.active {
      background: #7F7F7F;
      color: #fff; }

.tabcontent {
  display: none; }
  .tabcontent.active {
    display: block; }

.accordion-item {
  border-bottom: 2px solid #D4D4D4;
  padding: 41px 0 50px; }
  .accordion-item:first-child {
    border-top: 2px solid #D4D4D4; }

.acc-item-header {
  cursor: pointer; }

.acc-item-title {
  display: flex;
  align-items: center;
  text-transform: uppercase; }
  .acc-item-title:after {
    content: "";
    display: block;
    background: url("../img/icons/chevron-down-dark-green.svg") center no-repeat;
    width: 22px;
    height: 13px;
    margin-left: auto;
    transition: transform .15s ease;
    transform: rotateX(180deg);
    flex: 0 0 auto; }

.acc-item-content {
  margin-top: 20px;
  padding-right: 10%;
  line-height: 24px; }
  .acc-item-content p + p {
    margin-top: 30px; }

.accordion-item:not(.open) .acc-item-title:after {
  transform: rotateX(0deg); }

.accordion-item:not(.open) .acc-item-content {
  display: none; }

@media (max-width: 767px) {
  .accordion-item {
    padding: 33px 0; }
  .acc-item-title {
    align-items: flex-start; } }

.slider-wrap {
  width: 100%;
  overflow: hidden; }
  .slider-wrap .slider-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 34px; }
    .slider-wrap .slider-nav li {
      display: block;
      width: 6px;
      height: 6px;
      background: #7F7F7F;
      border-radius: 50%; }
      .slider-wrap .slider-nav li + li {
        margin-left: 5px; }
      .slider-wrap .slider-nav li.active {
        border: 2px solid #06D6A0;
        background: #FFF;
        width: 14px;
        height: 14px; }

@media (max-width: 767px) {
  .slider-wrap .slider-el {
    width: 100%;
    margin-left: 0;
    transition: margin .35s ease;
    display: flex;
    align-items: flex-start;
    flex-direction: column; }
    .slider-wrap .slider-el .item {
      flex: 0 0 auto; } }

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [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; }

.slick-slider {
  position: relative; }

.slick-list.draggable .image img {
  width: 100%; }

.slick-arrow {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  background: url(./../img/slide-arrow-btn-icon.svg) no-repeat;
  background-size: 100%;
  font-size: 0;
  transform: translateY(-50%);
  z-index: 3; }
  .slick-arrow.slick-prev {
    transform: rotate(-180deg);
    left: -40px;
    margin-top: -20px; }
  .slick-arrow.slick-next {
    right: -40px; }

.slider.slider-green-arrow .slick-arrow {
  background: url(./../img/slide-arrow-green-btn-icon.svg) no-repeat; }

.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px; }
  .slick-dots li {
    display: block;
    margin: 0 3px; }
    .slick-dots li button {
      display: block;
      width: 12px;
      height: 12px;
      padding: 0;
      background: #7F7F7F;
      border: 0;
      border-radius: 50%;
      font-size: 0; }
    .slick-dots li.slick-active button {
      box-shadow: inset 0 0 0 2px #06D6A0;
      background: transparent;
      width: 18px;
      height: 18px; }

@media (max-width: 767px) {
  .slick-arrow {
    display: none !important; } }

.ld {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.spinner {
  min-width: 42px;
  width: 42px;
  height: 42px;
  position: relative;
  color: inherit;
  display: inline-block; }
  .spinner:before, .spinner:after {
    content: " ";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 50%; }
  .spinner:before {
    border: 4px solid #D8D8D8; }
  .spinner:after {
    border-style: solid;
    border-width: 4px;
    -webkit-background-clip: padding-box;
    border-color: #06D6A0 #06D6A0 #06D6A0 transparent;
    box-sizing: border-box; }

@keyframes spinner {
  0%, 50%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spinner {
  0%, 50%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.ld.spinner {
  -webkit-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear; }

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

.link {
  color: #06D6A0; }
  .link .ic {
    position: relative;
    top: -1px; }
  .link.link-seagreen {
    color: #137D60;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none; }
  .link.link-white {
    color: #FFF; }
  .link.link-dark {
    color: #2a2a2a;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none; }

.page-title {
  padding-top: 106px;
  margin-bottom: 20px;
  color: #2C95D7;
  text-transform: none;
  letter-spacing: 0.5px; }
  .page-title.teal {
    color: #26B3C5; }
  .page-title.pink {
    color: #EF476F; }
  .page-title.orange {
    color: #FFC43D; }
  .page-title.purple {
    color: #9D41C9; }
  .page-title.red {
    color: #F00; }
  .page-title.green {
    color: #4CC94C; }

.section-title {
  margin-bottom: 20px;
  color: #2C95D7;
  text-transform: uppercase;
  letter-spacing: 0.3px; }

.section-page-title-container {
  padding: 100px 0 24px; }
  @media (max-width: 767px) {
    .section-page-title-container {
      padding: 50px 0 12px; } }

.wavy-rule {
  clear: both;
  padding: 110px 0; }
  .wavy-rule .wavy-small {
    height: 10px;
    margin: 0 auto;
    width: 306px; }

.blue-wave,
.pink-wave,
.orange-wave,
.purple-wave,
.teal-wave,
.green-wave {
  height: 14px;
  margin: 100px 0;
  border: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.blue-wave {
  background-image: url("../img/hr-blue-wave.png"); }

.pink-wave {
  background-image: url("../img/hr-pink-wave.png"); }

.orange-wave {
  background-image: url("../img/hr-orange-wave.png"); }

.purple-wave {
  background-image: url("../img/hr-purple-wave.png"); }

.teal-wave {
  background-image: url("../img/hr-teal-wave.png"); }

.green-wave {
  background-image: url("../img/hr-green-wave.png"); }

.purple-blue-wave {
  background: url("../img/purple-blue-wave.png") 50% 50% no-repeat;
  background-size: contain;
  border: 0;
  height: 70px !important; }

.gray-wave,
.gray-wave-sm {
  height: 30px;
  margin: 0;
  border: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.gray-wave {
  background-image: url("../img/hr-gray-wave.png"); }

.gray-wave-sm {
  max-width: 150px;
  margin: 30px auto;
  background-image: url("../img/hr-gray-wave-sm.png"); }

.shape-wrap {
  height: 78px;
  position: relative;
  margin-bottom: 15px; }
  .shape-wrap svg + .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 77px; }

.benefit-list {
  text-align: center; }
  .benefit-list .item {
    padding: 0 20px;
    margin-top: 65px; }
  .benefit-list h5 {
    margin: 20px 0 15px;
    text-transform: uppercase; }
  .benefit-list .shape-wrap {
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center; }

.content-section {
  color: #2A2A2A; }
  .content-section + .content-section {
    margin-top: 45px; }
  .content-section h6 {
    margin-bottom: 10px;
    text-transform: uppercase; }
  .content-section p, .content-section ul, .content-section ol {
    margin-bottom: 30px; }

.back-nav-bar {
  margin: 26px 0 80px; }
  .back-nav-bar .back-btn {
    display: flex;
    align-items: center;
    color: #7F7F7F;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase; }
    .back-nav-bar .back-btn img {
      margin-right: 7px; }

img {
  display: block; }

.modal-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center; }
  .modal-overlay:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    background: url("../img/icons/close-icon.svg") center no-repeat;
    background-size: contain; }
  .modal-overlay .modal {
    position: relative;
    width: 95%; }
    .modal-overlay .modal .video-wrap {
      overflow: hidden;
      padding-top: 50%;
      position: relative; }
      .modal-overlay .modal .video-wrap iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
  .modal-overlay .thumbnail {
    display: none; }

@media (max-width: 767px) {
  .page-title {
    padding-top: 75px; }
  .section-title {
    margin-bottom: 5px; }
  .wavy-rule hr {
    margin: 0 auto;
    width: 50%; }
  .blue-wave,
  .pink-wave,
  .orange-wave,
  .purple-wave,
  .teal-wave {
    height: 7px;
    margin: 60px 0; }
  .back-nav-bar {
    margin: 20px 0 40px; }
    .back-nav-bar .back-btn {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.8px; }
  .content-section + .content-section {
    margin-top: 30px; }
  .benefit-list .item {
    padding: 0;
    margin-right: 15px; } }

#consent-container {
  z-index: 9999 !important; }

.acsb-trigger.acsb-trigger-position-y-bottom.acsb-mobile {
  z-index: 99 !important; }

.desktop-only {
  display: block; }
  @media (max-width: 767px) {
    .desktop-only {
      display: none; } }

.mobile-only {
  display: none; }
  @media (max-width: 767px) {
    .mobile-only {
      display: block; } }

.read-more-component {
  background: #F4F4F4;
  border-radius: 0 0 10px 10px;
  overflow: hidden; }
  .read-more-component + .read-more-component {
    margin-left: 20px; }
  .read-more-component .read-content {
    padding: 30px 40px; }
  .read-more-component .slider .slick-arrow {
    opacity: 0;
    transition: all 0.3s; }
    .read-more-component .slider .slick-arrow.slick-prev {
      left: 10px;
      z-index: 1; }
    .read-more-component .slider .slick-arrow.slick-next {
      right: 10px;
      z-index: 1; }
  .read-more-component .slider:hover .slick-arrow {
    opacity: 1; }
  .read-more-component .slick-dots {
    margin-top: 10px; }
  .read-more-component .read-more-list > li {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    vertical-align: top;
    text-align: center; }
    .read-more-component .read-more-list > li h3 {
      font-size: 31px; }
    .read-more-component .read-more-list > li p {
      text-transform: uppercase;
      margin-bottom: 0; }
    .read-more-component .read-more-list > li:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 2px;
      height: 72px;
      background: #D8D8D8;
      transform: translateY(-50%); }
    .read-more-component .read-more-list > li:first-child {
      padding-left: 0; }
    .read-more-component .read-more-list > li:last-child {
      padding-right: 0; }
    .read-more-component .read-more-list > li:first-child:after {
      display: none; }

.read-more-state {
  display: none; }

.read-more-trigger {
  cursor: pointer;
  display: block;
  width: 145px;
  margin: 20px auto 0;
  border-radius: 15px !important;
  height: 30px !important;
  line-height: 30px !important;
  font-size: 12px !important;
  font-weight: 700 !important; }
  .read-more-trigger:before {
    content: '';
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-width: 0 0 2px 2px;
    border-color: #FFF;
    border-style: solid;
    transform: rotate(-45deg); }
  .read-more-trigger:hover {
    font-size: 12px !important;
    line-height: 30px !important;
    height: 30px !important;
    padding: 0 20px !important; }

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease; }

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em; }

.read-more-state ~ .read-more-trigger:after {
  content: 'Read more'; }

.read-more-state:checked ~ .read-more-trigger:after {
  content: 'Read less'; }

@media (max-width: 767px) {
  .read-more-component .read-content {
    padding: 20px; }
    .read-more-component .read-content .read-more-list > li {
      display: block;
      text-align: left;
      padding: 10px 0; }
      .read-more-component .read-content .read-more-list > li h3 {
        display: inline-block; }
      .read-more-component .read-content .read-more-list > li p {
        display: inline-block; }
        .read-more-component .read-content .read-more-list > li p br {
          display: none; }
      .read-more-component .read-content .read-more-list > li:after {
        display: none; } }

.panel-item.panel-teal {
  background-color: #227681 !important; }
  .panel-item.panel-teal .media-body .tit, .panel-item.panel-teal .media-body .txt, .panel-item.panel-teal .media-body .link {
    color: #fff !important; }
  .panel-item.panel-teal .media-body .link {
    background: url(../img/icons/right-white-arrow.svg) right center no-repeat !important; }

.ebook-banner .container.banner-only .section {
  padding: 0; }
  .ebook-banner .container.banner-only .section .wrapper {
    padding: 0 100px; }
    @media (max-width: 767px) {
      .ebook-banner .container.banner-only .section .wrapper {
        padding: 0; } }

.oaq-section .wrapper {
  padding-bottom: 90px; }

.oaq-block {
  display: flex;
  background: #F4F4F4;
  border-radius: 18px;
  min-height: 184px;
  overflow: hidden; }
  .oaq-block.margin-bottom {
    margin-bottom: 160px; }
  .oaq-block .oaq-image {
    height: 100%;
    min-width: 311px;
    width: auto;
    background: #FFC43D;
    overflow: hidden; }
    @media (max-width: 767px) {
      .oaq-block .oaq-image {
        height: 220px; } }
    .oaq-block .oaq-image img {
      width: 100%; }
    .oaq-block .oaq-image.background-off {
      padding: 0;
      background: none; }
  .oaq-block .oaq-content {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 40px 10px 60px; }
    .oaq-block .oaq-content.wave-on .clipping {
      left: -30px;
      height: 100%;
      min-height: 205px;
      position: absolute;
      top: 0;
      width: 34px;
      clip-path: url("#ebookDesktopClip");
      -webkit-clip-path: url("#ebookDesktopClip"); }
      @media (max-width: 767px) {
        .oaq-block .oaq-content.wave-on .clipping {
          height: 34px;
          left: 0;
          min-height: 0;
          right: auto;
          top: -25px;
          width: 100%;
          clip-path: url("#ebookMobileClip");
          -webkit-clip-path: url("#ebookMobileClip"); } }
    .oaq-block .oaq-content h5 {
      margin-bottom: 20px; }
      .oaq-block .oaq-content h5 span {
        display: block; }
  .oaq-block.oaq-block-vert {
    flex-direction: column;
    max-width: 521px; }
    .oaq-block.oaq-block-vert.margin-position {
      margin-top: 200px;
      margin-left: 100px; }
    .oaq-block.oaq-block-vert .oaq-image {
      min-width: initial;
      width: 100%;
      height: 230px;
      padding: 0 12px; }
      .oaq-block.oaq-block-vert .oaq-image img {
        width: 100%; }
    .oaq-block.oaq-block-vert .oaq-content {
      padding: 40px;
      /*
      &:after {
        top: -25px;
        left: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 34px;
        background-image: url(../img/oaq-top-gray-bg.svg);
      }
      */ }

.oaq-block-big {
  display: flex;
  margin-top: 200px;
  margin-bottom: 100px;
  padding: 60px;
  background: #F4F4F4;
  border-radius: 10px; }
  .oaq-block-big .oaq-image {
    position: relative;
    max-width: 633px;
    min-width: 54.5%;
    min-height: 355px;
    margin-right: 60px;
    padding: 0 12px;
    border-radius: 10px;
    background: #FFC43D;
    overflow: hidden; }
    .oaq-block-big .oaq-image img {
      width: 100%; }

.ebook-banner.pl-0 .oaq-block .oaq-image {
  padding-left: 0; }

@media (max-width: 991px) {
  .oaq-block-big {
    display: block;
    padding: 35px; }
    .oaq-block-big .oaq-image {
      min-width: 100%;
      min-height: initial;
      margin-bottom: 40px; }
  .oaq-block.oaq-block-vert .oaq-image {
    height: auto; }
  .oaq-block.oaq-block-vert .oaq-content:after {
    top: -15px; } }

@media (max-width: 767px) {
  .oaq-section .wrapper {
    padding-top: 80px; }
  .oaq-block.margin-bottom {
    margin-bottom: 60px; }
  .oaq-block {
    flex-direction: column; }
    .oaq-block .oaq-image {
      min-width: initial;
      width: 100%; }
    .oaq-block .oaq-content {
      padding: 20px; }
      .oaq-block .oaq-content:after {
        top: -17px;
        left: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 27px;
        background-image: url(../img/oaq-top-gray-bg.svg); }
    .oaq-block.oaq-block-vert.margin-position.margin-position {
      margin-top: 100px;
      margin-left: 0; }
    .oaq-block.oaq-block-vert.margin-position .oaq-content {
      padding: 20px; }
      .oaq-block.oaq-block-vert.margin-position .oaq-content:after {
        top: -20px; }
  .oaq-block-big {
    padding: 15px 15px 30px;
    margin: 100px 0 0; } }

.blog-page {
  padding: 80px 0; }

@media (max-width: 767px) {
  .blog-header .column-small-12 {
    margin-left: 0;
    width: 100%; }
  .blog-header .search-bar {
    margin: 0 0 30px; } }

.blog-header .blog-home {
  color: #0d61bf;
  font-size: 12px;
  font-family: "Roboto";
  font-weight: 700;
  line-height: 16px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  top: -8px;
  transition: 0.3s; }
  .blog-header .blog-home:hover {
    opacity: 0.75; }

.blog-header h5 {
  position: relative;
  top: -11px; }

.blog-header.border {
  margin-bottom: 40px; }
  .blog-header.border:after {
    background-color: #e9e9e9;
    border-radius: 1px;
    height: 2px;
    margin: 0 20px;
    width: calc(100% - 40px); }
    @media (max-width: 767px) {
      .blog-header.border:after {
        margin: 0;
        width: 100%; } }
  @media (max-width: 767px) {
    .blog-header.border .search-bar {
      margin-bottom: 13px; } }

.latest-posts-grid {
  display: flex;
  flex-wrap: wrap; }
  .latest-posts-grid .latest-post-item {
    border-radius: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    text-decoration: none; }
    .latest-posts-grid .latest-post-item .content h4 {
      color: #2a2a2a; }
    .latest-posts-grid .latest-post-item .content .date {
      bottom: 20px;
      color: #7f7f7f;
      font-size: 12px;
      font-weight: 700;
      left: 30px;
      line-height: 16px;
      position: absolute; }
      @media (max-width: 767px) {
        .latest-posts-grid .latest-post-item .content .date {
          left: 15px; } }
    .latest-posts-grid .latest-post-item .hover {
      align-items: center;
      background: rgba(44, 44, 44, 0.75);
      color: #fff;
      height: 100%;
      display: flex;
      justify-content: center;
      left: 0;
      opacity: 0;
      position: absolute;
      text-transform: uppercase;
      top: 0;
      transition: 0.3s;
      width: 100%; }
      @media (max-width: 767px) {
        .latest-posts-grid .latest-post-item .hover {
          display: none; } }
      .latest-posts-grid .latest-post-item .hover:hover {
        opacity: 1; }
      .latest-posts-grid .latest-post-item .hover h4 {
        align-items: center;
        display: flex; }
      .latest-posts-grid .latest-post-item .hover span {
        background: url(../img/icons/icon-read-more.svg) 50% 50% no-repeat;
        background-size: contain;
        display: inline-block;
        height: 60px;
        margin: 0 10px;
        width: 60px; }
  .latest-posts-grid .wide-post {
    height: 400px;
    margin-right: 10px;
    order: 1;
    position: relative;
    width: calc(75% - 10px); }
    @media (max-width: 767px) {
      .latest-posts-grid .wide-post {
        height: auto;
        margin: 0 0 10px;
        width: 100%; } }
    .latest-posts-grid .wide-post .thumb {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover;
      height: 400px;
      width: 100%; }
      @media (max-width: 767px) {
        .latest-posts-grid .wide-post .thumb {
          height: 142px; } }
    .latest-posts-grid .wide-post .content {
      background: rgba(244, 244, 244, 0.9);
      height: 400px;
      padding: 30px 30px 50px 15px;
      position: absolute;
      top: 0;
      right: 0;
      width: 33.33%; }
      @media (max-width: 767px) {
        .latest-posts-grid .wide-post .content {
          height: auto;
          min-height: 165px;
          padding: 10px 15px;
          position: relative;
          width: 100%; } }
      .latest-posts-grid .wide-post .content h4 {
        height: 310px;
        overflow: hidden; }
        @media (max-width: 767px) {
          .latest-posts-grid .wide-post .content h4 {
            height: auto; } }
      .latest-posts-grid .wide-post .content svg {
        position: absolute; }
        .latest-posts-grid .wide-post .content svg.desktop {
          height: 400px;
          left: -18px;
          opacity: 0.9;
          top: 0; }
          @media (max-width: 767px) {
            .latest-posts-grid .wide-post .content svg.desktop {
              display: none; } }
        .latest-posts-grid .wide-post .content svg.mobile {
          display: none; }
          @media (max-width: 767px) {
            .latest-posts-grid .wide-post .content svg.mobile {
              display: block;
              left: 0;
              top: -10px;
              width: 100%; } }
  .latest-posts-grid .block-post {
    box-shadow: none;
    margin-left: 10px;
    order: 2;
    overflow: visible;
    width: calc(25% - 10px); }
    @media (max-width: 767px) {
      .latest-posts-grid .block-post {
        order: 4;
        margin-left: 0;
        width: 100%; } }
  .latest-posts-grid .half-post {
    margin-right: 10px;
    order: 3;
    width: calc(50% - 10px); }
    @media (max-width: 767px) {
      .latest-posts-grid .half-post {
        margin: 0 0 10px;
        width: 100%; } }
    .latest-posts-grid .half-post + .half-post {
      margin-left: 10px;
      margin-right: 0; }
      @media (max-width: 767px) {
        .latest-posts-grid .half-post + .half-post {
          margin-left: 0; } }
    .latest-posts-grid .half-post .thumb {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover;
      height: 309px;
      width: 100%; }
      @media (max-width: 767px) {
        .latest-posts-grid .half-post .thumb {
          height: 142px; } }
    .latest-posts-grid .half-post .content {
      background: #f4f4f4;
      height: 230px;
      padding: 20px 30px 50px;
      position: relative; }
      @media (max-width: 767px) {
        .latest-posts-grid .half-post .content {
          height: auto;
          min-height: 165px;
          padding: 10px 15px;
          width: 100%; } }
      .latest-posts-grid .half-post .content svg.mobile {
        left: 0;
        position: absolute;
        top: -10px;
        width: 100%; }

.featured-posts-grid {
  background: #2a2a2a;
  background-size: cover;
  margin-bottom: 205px;
  margin-top: 203px;
  position: relative; }
  @media (max-width: 767px) {
    .featured-posts-grid {
      margin-bottom: 113px;
      margin-top: 110px; } }
  .featured-posts-grid:before {
    background: url(../img/blog/blog-featured-bg.svg) 50% 0 no-repeat;
    background-size: cover;
    content: '';
    height: 123px;
    left: 0;
    position: absolute;
    top: -122px;
    width: 100%; }
    @media (max-width: 767px) {
      .featured-posts-grid:before {
        height: 60px;
        top: -59px; } }
  .featured-posts-grid:after {
    background: url(../img/blog/blog-featured-bg.svg) 50% 100% no-repeat;
    background-size: cover;
    border-top: -134px;
    content: '';
    height: 135px;
    left: 0;
    position: absolute;
    width: 100%; }
    @media (max-width: 767px) {
      .featured-posts-grid:after {
        bottom: -62;
        height: 63px; } }
  .featured-posts-grid h5 {
    color: #fff;
    margin-bottom: 24px; }
  .featured-posts-grid .post-item {
    border-radius: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    display: block;
    height: 600px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 100%; }
    @media (max-width: 767px) {
      .featured-posts-grid .post-item {
        height: auto; } }
    .featured-posts-grid .post-item .thumb {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover;
      height: 600px;
      width: 100%; }
      @media (max-width: 767px) {
        .featured-posts-grid .post-item .thumb {
          height: 142px; } }
    .featured-posts-grid .post-item .content {
      background: rgba(42, 42, 42, 0.9);
      height: 600px;
      padding: 30px 30px 50px 15px;
      position: absolute;
      top: 0;
      right: 0;
      width: 33.33%; }
      @media (max-width: 767px) {
        .featured-posts-grid .post-item .content {
          background: #555;
          height: auto;
          min-height: 242px;
          padding: 10px 15px 60px;
          position: relative;
          width: 100%; } }
      .featured-posts-grid .post-item .content h3 {
        color: #fff;
        font-weight: 400;
        overflow: hidden; }
        @media (max-width: 767px) {
          .featured-posts-grid .post-item .content h3 {
            height: auto; } }
      .featured-posts-grid .post-item .content .btn {
        margin-top: 12px; }
        @media (max-width: 767px) {
          .featured-posts-grid .post-item .content .btn {
            height: 30px;
            line-height: 30px; } }
      .featured-posts-grid .post-item .content svg {
        position: absolute; }
        .featured-posts-grid .post-item .content svg.desktop {
          height: 600px;
          left: -18px;
          opacity: 0.9;
          top: 0;
          width: 20px; }
          @media (max-width: 767px) {
            .featured-posts-grid .post-item .content svg.desktop {
              display: none; } }
        .featured-posts-grid .post-item .content svg.mobile {
          display: none; }
          @media (max-width: 767px) {
            .featured-posts-grid .post-item .content svg.mobile {
              display: block;
              height: 20px;
              left: 0;
              top: -10px;
              width: 100%; } }
      .featured-posts-grid .post-item .content .date {
        bottom: 20px;
        color: #aaa;
        font-size: 12px;
        font-weight: 700;
        left: 30px;
        line-height: 16px;
        position: absolute; }
        @media (max-width: 767px) {
          .featured-posts-grid .post-item .content .date {
            left: 15px; } }
  .featured-posts-grid .slick-slide {
    margin: 0 10px; }

.recent-category-posts {
  margin-top: 100px; }
  .recent-category-posts .tab {
    border-bottom: 2px solid #e9e9e9;
    padding-bottom: 17px; }
    .recent-category-posts .tab ul {
      text-align: left; }

.posts-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .posts-wrapper .post {
    border-bottom: 2px solid #e9e9e9;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 30px;
    text-decoration: none;
    width: calc(50% - 15px); }
    @media (max-width: 767px) {
      .posts-wrapper .post {
        width: 100%; } }
    .posts-wrapper .post .thumb {
      background: url(../img/blog/blog_default_image.png) 50% 50% no-repeat;
      border-radius: 10px;
      height: 200px;
      overflow: hidden;
      transition: 0.3s;
      width: calc(50% - 10px); }
      @media (max-width: 767px) {
        .posts-wrapper .post .thumb {
          width: 100%; } }
      .posts-wrapper .post .thumb img {
        height: auto;
        min-height: 100%;
        min-width: 100%;
        object-fit: cover;
        width: auto; }
    .posts-wrapper .post .content {
      width: calc(50% - 10px); }
      @media (max-width: 767px) {
        .posts-wrapper .post .content {
          width: 100%; } }
      .posts-wrapper .post .content h6 {
        color: #2a2a2a;
        margin-bottom: 13px;
        max-height: 156px;
        overflow: hidden;
        transition: 0.3s; }
        @media (max-width: 767px) {
          .posts-wrapper .post .content h6 {
            margin-top: 10px; } }
      .posts-wrapper .post .content .date {
        color: #7f7f7f;
        font-size: 12px;
        line-height: 16px; }
    .posts-wrapper .post:hover .thumb {
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
    .posts-wrapper .post:hover .content h6 {
      color: #137d60; }

.view-all-posts {
  margin-top: 40px;
  text-align: center; }

.dropdown-field {
  background: #fff;
  position: relative;
  width: 100%;
  z-index: 1; }
  @media (max-width: 767px) {
    .dropdown-field {
      margin-bottom: 13px; } }
  .dropdown-field .form-input {
    padding: 0;
    margin-top: 0; }
    .dropdown-field .form-input:after {
      position: absolute;
      content: "";
      top: 13px;
      right: 15px;
      width: 10px;
      height: 10px;
      border-width: 2px 2px 0 0;
      border-style: solid;
      border-color: #137D60;
      transform: rotate(135deg);
      transition: all .2s; }
    .dropdown-field .form-input .form-field {
      background: #FFF;
      cursor: pointer;
      font-size: 14px;
      height: 40px;
      padding-top: 9px;
      padding-bottom: 9px; }
      .dropdown-field .form-input .form-field:focus ~ .form-label,
      .dropdown-field .form-input .form-field:placeholder-shown ~ .form-label,
      .dropdown-field .form-input .form-field + label {
        color: #9b9b9b;
        background: #FFF;
        font-size: 12px;
        top: -12px;
        transition: 0.3s; }
  .dropdown-field .dropdown-options {
    opacity: 0;
    position: absolute;
    height: 0;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
    width: calc(100% - 30px);
    left: 15px;
    top: 68px; }
    .dropdown-field .dropdown-options.open {
      opacity: 1;
      overflow: auto;
      height: auto;
      left: 0;
      max-height: 250px;
      top: 40px;
      width: 100%; }
    .dropdown-field .dropdown-options li a {
      color: #2A2A2A;
      display: block;
      font-size: 14px;
      height: 27px;
      line-height: 27px;
      padding-left: 15px;
      text-decoration: none; }
      .dropdown-field .dropdown-options li a:hover, .dropdown-field .dropdown-options li a.active, .dropdown-field .dropdown-options li a:active {
        background-color: #219174;
        color: #FFF;
        display: block;
        font-weight: normal;
        text-decoration: none; }
  .dropdown-field.open .form-input:after {
    top: 18px;
    transform: rotate(-45deg); }

.blog-no-result {
  align-items: center;
  display: flex;
  height: calc(100vh - 240px);
  text-align: center;
  width: 100%; }
  @media (max-width: 767px) {
    .blog-no-result {
      height: calc(100vh - 330px); } }
  .blog-no-result .message {
    background: url(../img/blog/no-result.svg) 50% 0 no-repeat;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding-top: 170px;
    width: 100%; }
    .blog-no-result .message strong {
      color: #555555;
      display: block;
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 8px; }
    .blog-no-result .message small {
      color: #7f7f7f;
      font-size: 14px;
      line-height: 18px; }

.load-more-wrapper {
  margin-top: 40px;
  text-align: center; }

.post-loader {
  display: none !important; }
  .post-loader.show {
    display: flex !important;
    justify-content: space-between; }
  .post-loader .post-loader-item {
    border-bottom: 2px solid #e9e9e9;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 30px;
    width: calc(50% - 15px); }
    .post-loader .post-loader-item .thumb {
      width: calc(50% - 10px); }
      .post-loader .post-loader-item .thumb .pblock {
        border-radius: 10px;
        height: 200px; }
    .post-loader .post-loader-item .content {
      width: calc(50% - 10px); }

.pblock {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #d8d8d8;
  background: linear-gradient(to right, #d8d8d8 8%, #e2e3e5 18%, #d8d8d8 33%);
  background-size: 800px 104px;
  height: 20px;
  margin: 10px 0; }
  .pblock.pblock-10 {
    width: 10%; }
  .pblock.pblock-20 {
    width: 20%; }
  .pblock.pblock-30 {
    width: 30%; }
  .pblock.pblock-40 {
    width: 40%; }
  .pblock.pblock-50 {
    width: 50%; }
  .pblock.pblock-60 {
    width: 60%; }
  .pblock.pblock-70 {
    width: 70%; }
  .pblock.pblock-80 {
    width: 80%; }
  .pblock.pblock-90 {
    width: 90%; }
  .pblock.pblock-100 {
    width: 100%; }
  .pblock.pheight-10 {
    height: 10px; }
  .pblock.pheight-20 {
    height: 20px; }
  .pblock.pheight-30 {
    height: 30px; }
  .pblock.pheight-40 {
    height: 40px; }
  .pblock.pheight-50 {
    height: 50px; }
  .pblock.pheight-60 {
    height: 60px; }
  .pblock.pheight-70 {
    height: 70px; }
  .pblock.pheight-80 {
    height: 80px; }
  .pblock.pheight-90 {
    height: 90px; }
  .pblock.pheight-100 {
    height: 100px; }
  .pblock.space {
    margin-top: 30px; }

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

.single-video, .post-type-archive-video {
  background: #2a2a2a; }

.video-featured {
  background-color: #2a2a2a;
  margin-bottom: 200px;
  padding: 93px 0 0;
  position: relative; }
  @media (max-width: 767px) {
    .video-featured {
      margin-bottom: 100px;
      padding-top: 45px; }
      .video-featured .max1280 {
        padding: 0 5px !important; } }
  .video-featured:after {
    background: url(../img/dark-bottom-wave.svg) 50% 100% no-repeat;
    background-size: 100%;
    bottom: -199px;
    content: '';
    height: 200px;
    left: 0;
    position: absolute;
    width: 100%; }
    @media (max-width: 767px) {
      .video-featured:after {
        bottom: -99px;
        height: 100px; } }
  .video-featured .column-4 {
    padding-right: 45px; }
    @media (max-width: 767px) {
      .video-featured .column-4 {
        padding-right: 0; } }
  .video-featured .headline {
    color: #7f7f7f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase; }
  .video-featured h3 {
    background-image: linear-gradient(to right, #ffc43d 0%, #f37593 100%);
    background-clip: text;
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent; }
  .video-featured .desc {
    margin-top: 22px; }
    .video-featured .desc p {
      color: #fff; }

.video-include .video-wrap {
  position: relative;
  padding-top: 56.25%;
  border-radius: 15px;
  overflow: hidden; }
  .video-include .video-wrap.has-description {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .video-include .video-wrap iframe {
    display: none;
    border: 0; }
  .video-include .video-wrap.active iframe {
    display: block; }
  .video-include .video-wrap.active .thumbnail {
    display: none; }

.video-include .video-description {
  background-color: #f4f4f4;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  color: #2a2a2a;
  padding: 15px 20px 18px; }

.video-include iframe,
.video-include .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.video-include .thumbnail {
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
  display: flex;
  justify-content: center; }
  .video-include .thumbnail:before {
    background: #2a2a2a;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    transition: 0.3s;
    width: 100%; }
  .video-include .thumbnail:hover:before {
    opacity: 0; }

.video-list {
  color: #fff;
  padding: 94px 0 100px; }
  @media (max-width: 767px) {
    .video-list {
      padding: 45px 0 50px; }
      .video-list .column-small-12 {
        margin-left: 0;
        width: 100%; } }
  .video-list .video-filter {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    color: #555;
    margin-top: 15px;
    padding: 30px; }
    @media (max-width: 767px) {
      .video-list .video-filter {
        background: transparent;
        box-shadow: none;
        padding: 0; } }
    @media (max-width: 767px) {
      .video-list .video-filter .video-list-group {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0 20px 20px;
        position: absolute;
        transition: max-height 0.5s;
        width: calc(100% - 30px);
        z-index: 100; } }
    .video-list .video-filter ul {
      margin-top: 20px; }
      .video-list .video-filter ul li a {
        background: url(../img/video-all.svg) 0 50% no-repeat;
        color: #0d61bf;
        display: inline-block;
        line-height: 34px;
        padding-left: 30px;
        text-decoration: none;
        transition: 0.3s; }
        .video-list .video-filter ul li a:hover {
          color: #137D60; }
        .video-list .video-filter ul li a.active {
          color: #555;
          font-weight: 700; }
        .video-list .video-filter ul li a.case-studies {
          background: url(../img/video-case-studies.svg) 0 50% no-repeat; }
        .video-list .video-filter ul li a.promotional {
          background: url(../img/video-promotional.svg) 0 50% no-repeat; }
        .video-list .video-filter ul li a.platform {
          background: url(../img/video-platform.svg) 0 50% no-repeat; }
        .video-list .video-filter ul li a.community-stories {
          background: url(../img/video-community-stories.svg) 0 50% no-repeat; }
    .video-list .video-filter hr {
      background-color: #d4d4d4;
      border: none;
      border-radius: 1px;
      height: 2px;
      margin: 30px 0; }
    .video-list .video-filter .link.link-seagreen {
      letter-spacing: 1px; }
    @media (max-width: 767px) {
      .video-list .video-filter .search-bar {
        margin-top: 0;
        padding-right: 5px; } }
    .video-list .video-filter .form-input {
      display: none; }
      @media (max-width: 767px) {
        .video-list .video-filter .form-input {
          display: block;
          margin-top: 13px;
          padding: 0; }
          .video-list .video-filter .form-input .form-field {
            height: 40px;
            line-height: 40px;
            padding-bottom: 0;
            padding-top: 0; }
          .video-list .video-filter .form-input:after {
            position: absolute;
            content: "";
            top: 14px;
            right: 15px;
            width: 10px;
            height: 10px;
            border-width: 2px 2px 0 0;
            border-style: solid;
            border-color: #137D60;
            transform: rotate(135deg);
            transition: all .2s; } }
    @media (max-width: 767px) {
      .video-list .video-filter.open .form-input:after {
        top: 17px;
        transform: rotate(315deg); }
      .video-list .video-filter.open .video-list-group {
        max-height: 100vh;
        opacity: 1; } }
  .video-list .video-include {
    margin-bottom: 20px; }
  @media (max-width: 767px) {
    .video-list .column-3 {
      margin-left: 0; } }
  @media (max-width: 767px) {
    .video-list .column-9 {
      margin-left: 0;
      margin-right: 0; } }
  .video-list .column-9 .grid {
    margin-top: 41px; }
    @media (max-width: 767px) {
      .video-list .column-9 .grid {
        margin-top: 10px; } }

.video-no-result {
  background: url(../img/video-no-result.svg) 50% 50% no-repeat;
  height: 360px;
  padding-top: 270px;
  text-align: center; }
  .video-no-result p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 20px;
    margin-bottom: 8px; }
    .video-no-result p small {
      color: #aaa;
      font-size: 14px;
      font-weight: 500;
      line-height: 18px; }

.video-home {
  color: #5fb7ee;
  font-size: 12px;
  font-style: normal;
  letter-spacing: 1px;
  line-height: 16px;
  text-decoration: none;
  text-transform: uppercase; }

#videoLists {
  display: flex;
  flex-wrap: wrap; }
  #videoLists .video-description h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.home-top-wrapper {
  position: relative;
  z-index: 999; }
  .home-top-wrapper .section {
    padding: 30px 0; }

.talent-success-section {
  margin-top: 150px; }
  .talent-success-section .title {
    letter-spacing: 0.4px; }

.portrait {
  position: relative; }
  .portrait .morph {
    position: absolute;
    right: 50px;
    top: 180px; }

@media (max-width: 767px) {
  .home-top-wrapper {
    padding-left: 0;
    padding-right: 0px; }
    .home-top-wrapper .vertical-padding-m {
      padding-top: 0px; }
  .hero-video-block {
    padding-bottom: 11px; }
    .hero-video-block .hero-video {
      width: 110%;
      margin-left: -5%; }
      .hero-video-block .hero-video .hero-video-image {
        transform: translateX(789px);
        height: initial;
        width: 100%; }
    .hero-video-block .title {
      padding-bottom: 0px; }
  .portrait .morph {
    right: 20px;
    top: 100px;
    width: 60px; }
  .talent-success-section {
    margin-top: 21px; }
    .talent-success-section .aos-animate .title {
      color: #2a2a2a;
      font-family: 'Barlow Condensed';
      font-size: 36px;
      font-weight: 500;
      letter-spacing: 0.25px;
      line-height: 34px;
      width: 50%;
      text-align: left; }
    .talent-success-section .aos-animate .subtitle {
      color: #2a2a2a;
      font-family: Roboto;
      font-size: 20px;
      font-weight: 400;
      line-height: 26px;
      text-align: left; }
  .grid .column-small-12.talent-success-section {
    width: 100%;
    margin-left: 0px; }
  .teal-theme .aos-init .grid-collapse {
    flex-direction: column; }
  .margin-top-l {
    margin-top: 21px; } }

@media (min-width: 1280px) {
  .home-top-wrapper .hero-video-wrapper {
    height: 438px; }
  .home-top-wrapper .hero-video {
    width: 1270px;
    height: 100%;
    margin-left: -100%;
    transform: translateX(-20px); }
    .home-top-wrapper .hero-video .hero-video-image {
      transform: translate(50%, 0);
      height: 70%;
      width: auto; }
    .home-top-wrapper .hero-video .ic {
      left: calc(75% + 54px); } }

@media (max-width: 576px) {
  .home-top-wrapper .section {
    padding: 15px 0; } }

.how-it-works-section .taas-title {
  text-transform: none; }

.how-it-works-head-section {
  clear: both;
  margin-bottom: 275px;
  padding: 0 0 0 20px;
  background: #F4F4F4; }
  .how-it-works-head-section:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 95px;
    margin-top: -2px;
    background: #FFF url(../img/how-it-works-gray-top-bg.svg) center bottom no-repeat;
    background-size: 102%; }
  .how-it-works-head-section .wrapper {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    z-index: 2; }
  .how-it-works-head-section .head-title {
    float: left;
    width: 35%; }
    .how-it-works-head-section .head-title .page-title {
      padding-top: 160px; }
  .how-it-works-head-section .head-image {
    position: relative;
    right: -1%;
    float: left;
    width: 65%;
    margin-top: 15px;
    margin-bottom: -100px; }
    .how-it-works-head-section .head-image img {
      width: 100%; }

.how-it-work-list-section {
  margin-bottom: 200px; }
  @media (max-width: 767px) {
    .how-it-work-list-section {
      margin-bottom: 0;
      padding-bottom: 0; } }
  .how-it-work-list-section .title-shape,
  .how-it-work-list-section .list-bulet {
    max-width: 522px; }
  .how-it-work-list-section .title-shape {
    position: relative;
    margin-top: 74px;
    padding-left: 94px;
    max-width: 350px;
    margin-bottom: 14px; }
  .how-it-work-list-section .title-shape .shape-wrap {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    height: 74px;
    color: #FFF;
    font-size: 48px;
    font-family: 'Barlow';
    letter-spacing: 0.3px;
    line-height: 50px; }
  .how-it-work-list-section .grid {
    margin-top: 150px; }
    .how-it-work-list-section .grid .right {
      float: right; }
    .how-it-work-list-section .grid .left {
      float: left; }
    .how-it-work-list-section .grid .col-mobile {
      display: block; }
  .how-it-work-list-section .step-one .title-shape {
    margin-top: 0; }
  .how-it-work-list-section .step-one .image {
    position: relative; }
    .how-it-work-list-section .step-one .image img {
      height: auto;
      max-width: 100%;
      width: auto; }
  .how-it-work-list-section .step-one .right {
    max-width: 522px; }
  .how-it-work-list-section .image {
    display: none;
    max-width: 522px; }
    .how-it-work-list-section .image.select, .how-it-work-list-section .image.single {
      display: block; }
    .how-it-work-list-section .image.mobile {
      display: none; }
    .how-it-work-list-section .image img {
      display: inline-block;
      width: 100%; }
  .how-it-work-list-section .list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 100%;
    min-height: 105px;
    margin-bottom: 10px;
    padding: 15px 20px 15px 30px;
    background: #FFF;
    box-shadow: inset 0 0 0 3px #F4F4F4;
    border-radius: 10px;
    cursor: pointer; }
    .how-it-work-list-section .list-item:hover {
      background: #F4F4F4; }
    .how-it-work-list-section .list-item p {
      max-width: 390px;
      margin-right: 40px;
      margin-bottom: 0;
      font-size: 24px;
      color: #2A2A2A;
      line-height: 36px; }
    .how-it-work-list-section .list-item:last-child {
      margin-bottom: 0; }
    .how-it-work-list-section .list-item .spinner {
      visibility: hidden; }
    .how-it-work-list-section .list-item.select {
      background: #F4F4F4;
      box-shadow: none; }
      .how-it-work-list-section .list-item.select .spinner {
        visibility: visible;
        animation: spinner 5s infinite linear; }
  .how-it-work-list-section ul {
    list-style: disc;
    padding-left: 25px; }
  .how-it-work-list-section ol {
    list-style: decimal;
    padding-left: 25px; }
  .how-it-work-list-section ul li, .how-it-work-list-section ol li {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px; }

@media (max-width: 1200px) {
  .how-it-works-head-section:before {
    height: 80px; }
  .how-it-works-head-section .grid {
    margin-top: 120px; }
  .how-it-works-head-section .head-title {
    width: 45%; }
    .how-it-works-head-section .head-title .page-title {
      padding-top: 80px; }
  .how-it-works-head-section .head-image {
    width: 55%;
    margin-bottom: 0; }
  .how-it-work-list-section .step-one .image img {
    width: 100%;
    height: auto;
    margin-left: 0; } }

@media (max-width: 991px) {
  .how-it-works-head-section {
    margin-bottom: 150px;
    padding-bottom: 100px; }
    .how-it-works-head-section:before {
      height: 60px; }
    .how-it-works-head-section .head-title .page-title {
      padding-top: 30px; }
  .how-it-work-list-section .title-shape {
    margin-top: 0; }
  .how-it-work-list-section .list-item {
    min-height: 68px; }
    .how-it-work-list-section .list-item p {
      font-size: 16px;
      line-height: 24px; } }

@media (max-width: 767px) {
  .how-it-works-head-section {
    padding-bottom: 30px; }
  .how-it-works-head-section:before {
    height: 20px; }
  .how-it-works-head-section .head-title {
    width: 100%;
    float: none;
    text-align: center; }
    .how-it-works-head-section .head-title .page-title {
      padding-top: 50px; }
  .how-it-works-head-section .head-image {
    width: calc(100% + 100px);
    margin-bottom: 0;
    right: 0;
    margin-left: -60px;
    float: none;
    margin-top: 0;
    padding-top: 30px; }
  .how-it-work-list-section .image.mobile.select, .how-it-work-list-section .image.single {
    display: block; }
  .how-it-work-list-section .grid .col-mobile {
    display: none; }
  .how-it-work-list-section .title-shape {
    margin-bottom: 25px;
    padding: 0 45px;
    text-align: center; }
    .how-it-work-list-section .title-shape .shape-wrap {
      position: relative;
      top: 0;
      margin-bottom: 10px; }
  .how-it-work-list-section {
    padding-bottom: 100px; }
    .how-it-work-list-section .grid {
      margin-top: 90px; }
    .how-it-work-list-section .image {
      margin-bottom: 20px; } }

.about-wrapper {
  max-width: 635px;
  padding-bottom: 80px;
  text-align: center; }
  .about-wrapper h3 {
    max-width: 415px;
    margin-left: auto;
    margin-right: auto; }
  .about-wrapper p {
    font-weight: 500; }

.gray-theme-2.gradient + hr {
  margin: 200px 0; }

.about-game-wrap {
  padding: 80px 0 135px;
  max-width: 1060px;
  margin: 0 auto; }
  .about-game-wrap .img-wrap {
    width: 45%;
    margin-right: 60px;
    flex-shrink: 0; }
    .about-game-wrap .img-wrap img {
      max-width: 100%;
      max-height: 100%;
      clip-path: url(#shape-1); }
  .about-game-wrap p {
    margin-bottom: 40px; }

.about-principles {
  padding-bottom: 200px; }
  .about-principles .wrapper {
    max-width: 1090px; }
  .about-principles h6 {
    margin-bottom: 5px;
    color: #26B3C5;
    text-transform: uppercase; }
  .about-principles p {
    margin-bottom: 20px; }
  .about-principles ul {
    list-style: unset;
    padding: 5px 0 5px 20px; }
  .about-principles li {
    padding: 5px 0; }
  .about-principles .column-5 {
    padding-left: 2%; }

@media (max-width: 767px) {
  .about-game-wrap {
    padding: 50px 0;
    display: block;
    flex-direction: column; }
    .about-game-wrap .img-wrap {
      width: 100%;
      max-width: 400px;
      margin: 0 auto 40px; }
  .gray-theme-2.gradient + hr {
    margin: 85px; }
  .about-principles {
    padding-bottom: 100px; }
    .about-principles .column-5 {
      padding-left: 0;
      padding-top: 25px; } }

.leadership-wrapper {
  max-width: 950px;
  text-align: center; }

.leadership-list {
  margin-bottom: -100px;
  padding-bottom: 200px; }

.member {
  text-align: center;
  margin-bottom: 100px; }
  .member .name {
    margin: 20px 0 4px;
    text-transform: uppercase; }
  .member .job {
    font-weight: 500;
    color: #7F7F7F; }
  .member a {
    display: inline-block;
    margin-top: 20px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    color: #137D60;
    transition: opacity .2s ease;
    text-decoration: none; }
    .member a i {
      margin: -3px 0 0 5px; }
    .member a:hover {
      opacity: .6; }
  .member .img-wrap {
    height: 320px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden; }
  .member img {
    max-width: 100%;
    max-height: 100%; }

.leader-details {
  padding-bottom: 200px;
  max-width: 1210px; }
  .leader-details .member {
    text-align: left;
    margin-bottom: 0; }
    .leader-details .member img {
      clip-path: url(#shape-1); }
  .leader-details .img-wrap {
    height: auto;
    margin-right: 20px; }
    .leader-details .img-wrap img {
      height: auto; }
  .leader-details .name {
    margin-top: 0; }
  .leader-details p {
    margin: 14px 0; }
  .leader-details .media-wrap a {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin-right: 10px; }
    .leader-details .media-wrap a img {
      clip-path: none; }

.leadership-list .member:nth-of-type(1) img {
  clip-path: url(#shape-1); }

.leadership-list .member:nth-of-type(2) img {
  clip-path: url(#shape-2); }

.leadership-list .member:nth-of-type(3) img {
  clip-path: url(#shape-3); }

.leadership-list .member:nth-of-type(4) img {
  clip-path: url(#shape-4); }

.leadership-list .member:nth-of-type(5) img {
  clip-path: url(#shape-5); }

.leadership-list .member:nth-of-type(6) img {
  clip-path: url(#shape-6); }

.leadership-list .member:nth-of-type(7) img {
  clip-path: url(#shape-7); }

.leadership-list .member:nth-of-type(8) img {
  clip-path: url(#shape-8); }

.leadership-list .member:nth-of-type(9) img {
  clip-path: url(#shape-9); }

.leadership-list .member:nth-of-type(10) img {
  clip-path: url(#shape-10); }

.leadership-list .member:nth-of-type(11) img {
  clip-path: url(#shape-11); }

.leadership-list .member:nth-of-type(12) img {
  clip-path: url(#shape-12); }

@media (max-width: 1200px) {
  .member .img-wrap {
    height: 27vw; } }

@media (max-width: 767px) {
  .member {
    margin-bottom: 65px; }
    .member .name {
      margin-bottom: 0; }
    .member .column-small-12 {
      margin-left: 0px; }
    .member a {
      margin-top: 10px;
      font-size: 13px; }
    .member .img-wrap {
      height: auto; }
      .member .img-wrap img {
        max-height: 310px; }
  .leadership-list {
    margin-bottom: -65px;
    padding-bottom: 100px; }
  .leader-details {
    padding-bottom: 100px; }
    .leader-details .img-wrap {
      margin-bottom: 20px;
      margin-right: 0; } }

.partners-wrapper {
  max-width: 953px;
  text-align: center; }

.partners-list {
  max-width: 1063px;
  margin: 0 auto; }
  .partners-list .partner {
    display: flex;
    align-items: flex-start;
    padding: 45px 0;
    border-bottom: solid 2px #D4D4D4; }
    .partners-list .partner .img-wrap {
      flex-shrink: 0;
      width: 176px;
      margin-right: 4%; }
      .partners-list .partner .img-wrap img {
        width: 100%; }
    .partners-list .partner h4 {
      text-transform: uppercase; }
    .partners-list .partner .location {
      margin: 2px 0 15px;
      font-weight: 500;
      letter-spacing: 0.5px; }
      .partners-list .partner .location:before {
        content: '';
        width: 10px;
        height: 14px;
        margin-right: 7px;
        display: inline-block;
        background: url("../img/icons/pin.svg") center no-repeat; }
    .partners-list .partner p {
      line-height: 24px; }
      .partners-list .partner p .link {
        white-space: nowrap; }

.partners-grow-business .wrapper {
  max-width: 630px;
  text-align: center;
  padding: 65px 0 100px; }

.partners-grow-business h3 {
  text-transform: uppercase;
  margin-bottom: 30px; }

@media (max-width: 767px) {
  .partners-list {
    padding-bottom: 100px; }
    .partners-list .partner {
      flex-wrap: wrap;
      padding: 30px 0;
      position: relative; }
      .partners-list .partner .img-wrap {
        width: 85px;
        margin-right: 20px;
        height: 0; }
      .partners-list .partner .info {
        position: relative;
        left: 100px; }
      .partners-list .partner p {
        width: 100%; }
  .partners-grow-business .wrapper {
    padding: 35px 0 45px; }
  .partners-grow-business h3 {
    margin-bottom: 15px;
    padding: 0 30px; } }

.jobs-benefits {
  padding-top: 10px; }
  .jobs-benefits .column-8 {
    padding-right: 20px; }
  .jobs-benefits .video-wrap {
    position: relative;
    padding-top: 56.25%;
    border-radius: 15px;
    overflow: hidden; }
    .jobs-benefits .video-wrap iframe {
      display: none;
      border: 0; }
    .jobs-benefits .video-wrap.active iframe {
      display: block; }
    .jobs-benefits .video-wrap.active .thumbnail {
      display: none; }
  .jobs-benefits iframe,
  .jobs-benefits .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .jobs-benefits .thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer; }
  .jobs-benefits .benefit-list {
    margin-top: 65px; }
    .jobs-benefits .benefit-list .item {
      padding: 0 2%; }

.openings-section {
  margin-top: 200px; }
  .openings-section .wrapper {
    text-align: center;
    max-width: 1063px;
    padding-bottom: 200px; }
  .openings-section .section-title {
    margin: 70px 0 60px; }

.openings-list {
  text-align: left;
  border-top: solid 2px #D4D4D4; }
  .openings-list .item {
    display: flex;
    align-items: center;
    padding: 40px 0;
    border-bottom: solid 2px #D4D4D4; }
    .openings-list .item .btn {
      flex-shrink: 0;
      margin-left: 70px;
      padding-top: 0;
      padding-bottom: 0;
      letter-spacing: 1px; }
    .openings-list .item h4 {
      margin-bottom: 10px;
      text-transform: uppercase; }
    .openings-list .item p {
      line-height: 24px; }

.job-content .wrapper {
  padding-bottom: 200px; }

.job-content .column-7 {
  padding-right: 3%; }

.job-content .section-title {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.job-content ul {
  list-style: disc;
  padding-left: 18px; }
  .job-content ul li + li {
    margin-top: 10px; }

.job-content p + ul {
  margin-top: 10px; }

.job-content em {
  font-style: italic; }

.job-content .apply-btn-mobile {
  display: flex;
  align-items: center;
  font-size: 12px;
  letter-spacing: 0.62px;
  line-height: 8px; }
  .job-content .apply-btn-mobile img {
    display: block;
    margin-left: 3.5px; }

@media (min-width: 768px) {
  .job-content .apply-btn-mobile {
    display: none; } }

@media (max-width: 767px) {
  .jobs-benefits {
    padding-top: 0; }
    .jobs-benefits .column-8 {
      padding-right: 0;
      margin-bottom: 30px; }
    .jobs-benefits .benefit-list .item {
      padding: 0;
      margin-top: 25px; }
      .jobs-benefits .benefit-list .item h5 {
        margin: 10px 0; }
  .openings-section {
    margin-top: 70px; }
    .openings-section .wrapper {
      padding-bottom: 100px; }
    .openings-section .section-title {
      margin: 45px 0 30px; }
  .openings-list .item {
    flex-wrap: wrap;
    padding: 33px 0; }
    .openings-list .item .btn {
      margin-left: 0;
      margin-top: 10px; }
    .openings-list .item p {
      width: 100%;
      line-height: 26px; }
  .job-content .wrapper {
    padding-bottom: 100px; }
  .job-content .section-title {
    margin-bottom: 20px; }
  .job-content .right-col-form {
    margin-top: 60px; }
  .job-content .collumn-7 {
    padding-right: 0; } }

.events-header-container .subtitle {
  max-width: 953px;
  margin: 0 auto; }

.events-acc-container {
  margin-top: 120px; }
  .events-acc-container > .wrapper {
    max-width: 1063px;
    padding-bottom: 200px; }

.events-accordion {
  margin-top: 77px; }
  .events-accordion .event-details {
    margin-top: 7px;
    display: flex;
    align-items: center;
    color: #2A2A2A;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 20px; }
    .events-accordion .event-details .date, .events-accordion .event-details .location {
      display: flex;
      align-items: center;
      margin-right: 10px; }
      .events-accordion .event-details .date:before, .events-accordion .event-details .location:before {
        content: "";
        display: block;
        background: center no-repeat;
        margin-right: 5px;
        flex: 0 0 auto; }
    .events-accordion .event-details .date:before {
      background-image: url("../img/icons/calendar.svg");
      width: 14px;
      height: 14px; }
    .events-accordion .event-details .location:before {
      background-image: url("../img/icons/pin.svg");
      width: 10px;
      height: 14px; }
  .events-accordion .less-link {
    font-weight: 500; }

@media (max-width: 767px) {
  .events-acc-container {
    margin-top: 60px; }
    .events-acc-container > .wrapper {
      padding-bottom: 100px; }
  .events-accordion {
    margin-top: 65px; }
  .events-accordion .event-details {
    display: block;
    margin-right: 0; }
    .events-accordion .event-details .date, .events-accordion .event-details .location {
      align-items: baseline; }
    .events-accordion .event-details .location {
      margin-top: 4px; } }

.container {
  position: relative; }

.section {
  padding: 30px 0; }

.solutions-landing {
  z-index: 1000; }

.wrapper-landing {
  max-width: 1065px; }

.grey-curse {
  width: 617px;
  height: 30px;
  margin: 12px auto 12px;
  background: url(../../img/gray-curve.png) center center no-repeat;
  background-size: 617px auto;
  display: block; }

.landing-hero .grey-txt {
  margin-bottom: 1px;
  color: #7F7F7F;
  font-family: 'Barlow Condensed';
  font-size: 34px;
  font-weight: 500;
  line-height: 1.1; }

.landing-hero .blue-titles {
  max-width: 320px;
  color: #2C95D7;
  font-family: 'Barlow Condensed';
  font-size: 80px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 74px; }

.hero-boxs {
  width: 1076px; }
  .hero-boxs img {
    width: 100%;
    height: auto;
    margin-top: -88px; }
  .hero-boxs .ic-play-white {
    position: absolute;
    top: 50%;
    left: 50%; }

.txt-content {
  padding: 70px 20px 0; }
  .txt-content .txt {
    max-width: 847px;
    font-size: 24px;
    margin: 0 auto;
    line-height: 36px; }
  .txt-content .bold-txt {
    margin-top: 35px;
    font-size: 24px;
    color: #2A2A2A;
    font-weight: 700; }

.purple-theme {
  background: #F4F4F4; }
  .purple-theme:before {
    background: #FFF url("../img/blue-rectangle@2x.png") center bottom no-repeat;
    background-size: 100%;
    display: block;
    content: '';
    height: 130px;
    margin-bottom: -2px; }
  .purple-theme.gradient-block .section {
    padding-bottom: 200px;
    background-image: linear-gradient(0deg, #8B41B0 0%, #226169 100%); }

.blue-theme {
  background: #F4F4F4; }
  .blue-theme:before {
    background: #FFF url("../img/enterprise/blue-rectangle@2x.svg") center bottom no-repeat;
    background-size: 103%;
    display: block;
    content: '';
    height: 150px;
    margin-bottom: -2px; }
  .blue-theme.gradient-block .section {
    padding-bottom: 200px;
    background-image: linear-gradient(0deg, #652385 4%, #16679A 95%); }

.white-theme {
  position: relative;
  z-index: 333;
  margin-bottom: -2px;
  margin-top: -124px; }
  .white-theme:before {
    background: url(../img/rectangle-white@2x.png) center bottom no-repeat;
    background-size: 100% 100%;
    display: block;
    content: '';
    height: 139px;
    position: relative; }

.top-txt {
  color: #FFF;
  margin-bottom: 30px; }
  .top-txt .title.white {
    font-size: 60px;
    margin-bottom: 25px;
    text-transform: uppercase; }
  .top-txt .txt.white {
    font-size: 24px;
    color: #FFF;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    max-width: 847px;
    margin: 0 auto; }

.landing-blocks.logos {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 55px 0 60px; }
  .landing-blocks.logos span,
  .landing-blocks.logos a {
    display: inline-flex;
    padding: 0 20px;
    margin-bottom: 15px;
    align-items: center; }
    .landing-blocks.logos span img,
    .landing-blocks.logos a img {
      max-width: 100%; }

.dobest-list {
  max-width: 1065px;
  margin: 90px auto 100px; }
  .dobest-list .line-row {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    margin-bottom: -1px;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 20px 0; }
    .dobest-list .line-row .items.w31 {
      flex: 0 0 31%;
      max-width: 31%; }
    .dobest-list .line-row .items.w41 {
      flex: 0 0 41%;
      max-width: 41%; }
    .dobest-list .line-row .items.w56 {
      flex: 0 0 56%;
      max-width: 56%; }
    .dobest-list .line-row .items.w15 {
      flex: 0 0 15%;
      max-width: 15%; }
    .dobest-list .line-row .items.w13 {
      flex: 0 0 13%;
      max-width: 13%; }
    .dobest-list .line-row .items .btn-white {
      float: right; }
    .dobest-list .line-row .items .bold-txt {
      max-width: 306px;
      margin-right: 20px;
      color: #FFF;
      font-family: 'Barlow Condensed';
      font-size: 48px;
      font-weight: 500;
      letter-spacing: 0.3px;
      line-height: 50px; }
    .dobest-list .line-row .items h6 {
      margin-bottom: 10px; }
    .dobest-list .line-row .items .thin-txt {
      padding-right: 40px;
      margin-bottom: 0;
      color: #FFF; }
    .dobest-list .line-row .items .data-block {
      padding-right: 20px;
      margin-bottom: 10px; }
      .dobest-list .line-row .items .data-block p {
        margin-bottom: 0;
        color: #FFF; }
      .dobest-list .line-row .items .data-block .label-txt {
        font-size: 12px;
        font-weight: 700;
        line-height: 13px;
        text-transform: uppercase; }
      .dobest-list .line-row .items .data-block .values {
        font-family: 'Barlow Condensed';
        font-size: 34px;
        font-weight: 500;
        line-height: 38px;
        text-align: left;
        text-transform: uppercase; }

.grey-curse {
  width: 617px;
  height: 30px;
  margin: 0 auto;
  padding: 170px 0;
  background: url(../img/gray-curve.png) center center no-repeat;
  background-size: 617px auto;
  display: block;
  border: none; }

.bg-grey-module {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  background-color: transparent;
  height: 870px;
  z-index: -1;
  overflow: hidden; }
  .bg-grey-module .posi-img {
    position: absolute; }
    .bg-grey-module .posi-img.left {
      top: 80px;
      left: 0; }
    .bg-grey-module .posi-img.right {
      bottom: 0;
      right: 0; }
  .bg-grey-module.other-grey-block {
    height: 610px;
    top: 0; }
    .bg-grey-module.other-grey-block .posi-img.left {
      top: 10px;
      left: -28px; }
    .bg-grey-module.other-grey-block .posi-img.right {
      right: -15px; }
  .bg-grey-module.qstest-bg .posi-img.left {
    top: auto;
    bottom: 80px;
    left: -10px; }
  .bg-grey-module.qstest-bg .posi-img.right {
    top: 96px;
    bottom: auto;
    right: -10px; }

.why-topcode-grid {
  position: relative;
  padding-bottom: 118px; }
  .why-topcode-grid .have-bg {
    position: relative; }
    .why-topcode-grid .have-bg img:first-child {
      position: absolute;
      top: 0;
      left: 0; }
    .why-topcode-grid .have-bg img:last-child {
      width: 100%;
      position: relative;
      z-index: 2; }
  .why-topcode-grid .right-area {
    position: absolute;
    top: 0;
    right: 0;
    width: 592px; }
    .why-topcode-grid .right-area .photo-boxs {
      margin-top: -271px; }
      .why-topcode-grid .right-area .photo-boxs img {
        width: 100%; }
      .why-topcode-grid .right-area .photo-boxs .bg-curse {
        top: 83px;
        z-index: 0; }
    .why-topcode-grid .right-area .bottom-grey {
      position: relative;
      z-index: 3;
      margin-top: -12px;
      width: 390px;
      margin-left: 145px;
      display: flex;
      align-items: center; }
      .why-topcode-grid .right-area .bottom-grey img {
        display: block;
        width: 390px;
        height: auto;
        position: absolute; }
      .why-topcode-grid .right-area .bottom-grey .purple-txt {
        position: relative;
        margin: 0 auto;
        color: #8B41B0;
        font-family: Barlow;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.2px;
        line-height: 26px;
        max-width: 304px;
        text-align: left; }
  .why-topcode-grid .left-area {
    padding-right: 570px; }
    .why-topcode-grid .left-area .title {
      color: #2A2A2A;
      font-size: 60px;
      letter-spacing: 0.4px;
      line-height: 65px;
      margin-bottom: 42px;
      text-transform: uppercase; }
    .why-topcode-grid .left-area .two-list {
      display: flex;
      justify-content: space-between; }
      .why-topcode-grid .left-area .two-list ul {
        flex: 1; }
        .why-topcode-grid .left-area .two-list ul li {
          margin-bottom: 15px; }
          .why-topcode-grid .left-area .two-list ul li .icon-txt {
            position: relative;
            padding-left: 35px;
            color: #2A2A2A;
            font-family: Roboto;
            font-size: 24px;
            font-weight: 400;
            line-height: 36px;
            text-align: left; }
            .why-topcode-grid .left-area .two-list ul li .icon-txt .icon-done,
            .why-topcode-grid .left-area .two-list ul li .icon-txt .icon-no {
              position: absolute;
              left: 0;
              top: 6px;
              width: 24px;
              height: 24px;
              display: block; }
            .why-topcode-grid .left-area .two-list ul li .icon-txt .icon-done {
              background: url(../img/yes@2x.svg) center center no-repeat;
              background-size: 24px; }
            .why-topcode-grid .left-area .two-list ul li .icon-txt .icon-no {
              background: url(../img/no@2x.svg) center center no-repeat;
              background-size: 24px; }
        .why-topcode-grid .left-area .two-list ul + ul {
          margin-left: 25px; }

.use-box {
  margin: 20px 0 40px; }
  .use-box .top {
    margin-bottom: 40px; }
    .use-box .top .txt {
      text-align: center;
      color: #2A2A2A;
      font-size: 24px;
      font-weight: 400;
      line-height: 36px; }
  .use-box .card-use {
    background-color: #FFF;
    border-radius: 10px;
    min-height: 500px;
    padding-bottom: 10px;
    overflow: hidden; }
    .use-box .card-use .media-top {
      width: 100%;
      position: relative;
      min-height: 164px; }
      .use-box .card-use .media-top img {
        width: 100%;
        height: 164px;
        z-index: 22;
        position: relative; }
        .use-box .card-use .media-top img:first-child {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 164px;
          z-index: 0; }
    .use-box .card-use .media-body {
      padding: 30px 30px 0; }
      .use-box .card-use .media-body .tit {
        color: #2A2A2A;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 0.3px;
        line-height: 22px;
        text-transform: uppercase;
        margin-bottom: 5px; }
      .use-box .card-use .media-body p {
        color: #2A2A2A;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        margin-bottom: 20px; }
      .use-box .card-use .media-body .data {
        margin-bottom: 30px; }
        .use-box .card-use .media-body .data span {
          color: #2A2A2A;
          font-family: 'Barlow Condensed';
          font-size: 24px;
          font-weight: 400;
          letter-spacing: 0.2px;
          line-height: 26px;
          margin-right: 30px;
          text-transform: uppercase; }
      .use-box .card-use .media-body .list li {
        margin-bottom: 10px; }
        .use-box .card-use .media-body .list li a {
          color: #2A2A2A;
          font-size: 16px;
          font-weight: 400;
          line-height: 30px;
          margin-left: 10px;
          text-decoration: none; }
          .use-box .card-use .media-body .list li a:hover {
            opacity: 0.85; }
        .use-box .card-use .media-body .list li .icon {
          display: block;
          float: left;
          width: 30px; }
          .use-box .card-use .media-body .list li .icon img {
            width: 30px;
            height: 30px; }
  .use-box .txt-gray {
    padding-top: 30px;
    color: #2A2A2A;
    font-size: 24px;
    line-height: 30px;
    text-align: center; }

.hero-solutions {
  overflow-x: hidden; }
  .hero-solutions .landing-blocks {
    height: auto; }
    .hero-solutions .landing-blocks .logo-block {
      flex: 1 0 25%;
      text-align: center; }
      @media (max-width: 991px) {
        .hero-solutions .landing-blocks .logo-block {
          flex: 1 0 100%; } }
      .hero-solutions .landing-blocks .logo-block img {
        display: inline;
        max-width: 90%; }
  .hero-solutions .hero-video-block h1 {
    margin-left: 0; }

.scrolling-logos {
  background-image: url("../img/homepage-logos.png");
  height: 60px;
  position: relative;
  width: 100%; }
  .scrolling-logos:before {
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: '';
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px;
    z-index: 2; }
  .scrolling-logos:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    content: '';
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 2; }

@media (max-width: 1200px) {
  .grid.grid-use .column-4 {
    width: calc(50% - 26.66667px);
    margin-bottom: 18px; }
  .dobest-list {
    max-width: none;
    margin-left: 30px;
    margin-right: 30px; }
    .dobest-list .line-row .items .bold-txt {
      font-size: 44px; }
  .hero-boxs {
    width: 700px; }
  .landing-hero .blue-titles {
    max-width: 285px;
    font-size: 70px;
    line-height: 71px; }
  .hero-boxs img {
    margin-top: -150px; }
  .wrapper {
    max-width: none; }
  .why-topcode-grid .right-area {
    position: relative;
    width: 563px;
    margin: 0 auto; }
    .why-topcode-grid .right-area .bottom-grey img {
      width: 332px; }
    .why-topcode-grid .right-area .bottom-grey .purple-txt {
      font-size: 19px; }
  .why-topcode-grid .left-area {
    margin-top: 160px;
    padding-left: 30px;
    padding-right: 30px; }
    .why-topcode-grid .left-area .two-list {
      flex-direction: row; } }

@media (max-width: 991px) {
  .purple-theme:before {
    height: 50px; }
  .landing-hero .blue-titles {
    font-size: 54px;
    line-height: 54px; }
  .hero-boxs {
    width: 516px; }
    .hero-boxs img {
      margin-top: -120px; }
  .dobest-list .line-row {
    flex-flow: row wrap; }
    .dobest-list .line-row .items .bold-txt {
      font-size: 30px;
      line-height: 36px; }
    .dobest-list .line-row .items .btn-white {
      float: left; }
    .dobest-list .line-row .items.w31 {
      flex: 0 0 28%;
      max-width: 28%; }
    .dobest-list .line-row .items.w41 {
      flex: 0 0 38%;
      max-width: 38%; }
    .dobest-list .line-row .items.w56 {
      flex: 0 0 54%;
      max-width: 54%; }
    .dobest-list .line-row .items.w15 {
      flex: 0 0 17%;
      max-width: 17%; }
    .dobest-list .line-row .items.w13 {
      flex: 0 0 17%;
      max-width: 17%; }
  .use-box {
    margin-left: 30px;
    margin-right: 30px; } }

@media (max-width: 767px) {
  .home-top-wrapper {
    padding-left: 0; }
  .grey-curse {
    padding: 0;
    margin: 100px auto;
    width: 154px;
    height: 7px;
    background: url(../img/gray-curve-sm.svg) center center no-repeat;
    background-size: 154px auto; }
  .landing-hero .column-4 {
    position: relative;
    z-index: 1; }
  .landing-hero .grid {
    display: flex;
    flex-direction: column-reverse; }
  .landing-hero .grey-txt {
    font-size: 25px;
    line-height: 26px; }
  .landing-hero .blue-titles {
    max-width: 223px;
    font-size: 42px;
    line-height: 36px;
    margin-top: 170px;
    text-align: left; }
  .wrapper {
    margin-left: 0;
    margin-right: 0; }
  .hero-boxs {
    width: 359px; }
    .hero-boxs:after {
      content: '';
      position: absolute;
      left: 0px;
      top: 175px;
      display: block;
      width: 92px;
      height: 100px;
      background: #fff; }
    .hero-boxs img {
      margin-top: -72px; }
  .landing-blocks.logos {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 20px;
    margin-right: 20px; }
    .landing-blocks.logos span,
    .landing-blocks.logos a {
      display: inline-flex;
      width: 33%;
      padding: 0 5px;
      margin-bottom: 15px; }
      .landing-blocks.logos span:nth-child(1), .landing-blocks.logos span:nth-child(4),
      .landing-blocks.logos a:nth-child(1),
      .landing-blocks.logos a:nth-child(4) {
        width: 20%; }
      .landing-blocks.logos span:nth-child(2), .landing-blocks.logos span:nth-child(3), .landing-blocks.logos span:nth-child(5), .landing-blocks.logos span:nth-child(6),
      .landing-blocks.logos a:nth-child(2),
      .landing-blocks.logos a:nth-child(3),
      .landing-blocks.logos a:nth-child(5),
      .landing-blocks.logos a:nth-child(6) {
        justify-content: center; }
      .landing-blocks.logos span:nth-child(1) img,
      .landing-blocks.logos a:nth-child(1) img {
        max-width: 80%; }
      .landing-blocks.logos span:nth-child(4) img,
      .landing-blocks.logos a:nth-child(4) img {
        max-width: 85%; }
      .landing-blocks.logos span:nth-child(3) img,
      .landing-blocks.logos a:nth-child(3) img {
        max-width: 60%; }
    .landing-blocks.logos .logo-block {
      padding: 5px 14px;
      flex-basis: 30%; }
      .landing-blocks.logos .logo-block:first-child img {
        width: 27px;
        height: 27px; }
      .landing-blocks.logos .logo-block:nth-child(2) img {
        width: 102px;
        height: 13px; }
      .landing-blocks.logos .logo-block:nth-child(3) img {
        width: 53px;
        height: 27px; }
      .landing-blocks.logos .logo-block:nth-child(4) img {
        width: 38px;
        height: 32px; }
      .landing-blocks.logos .logo-block:nth-child(5) img {
        width: 76px;
        height: 27px; }
      .landing-blocks.logos .logo-block:last-child img {
        width: 83px;
        height: 21px; }
  .home-top-wrapper .section {
    padding: 20px 0; }
  .txt-content {
    padding-top: 0;
    padding-bottom: 10px; }
    .txt-content .bold-txt,
    .txt-content .txt {
      font-size: 20px; }
  .grid.grid-use .column-4 {
    width: calc(100% - 30px);
    margin-left: 0; }
  .top-txt .title.white {
    font-size: 36px;
    padding: 0 15px;
    line-height: 34px; }
  .top-txt .txt.white {
    font-size: 20px;
    padding: 0 15px;
    line-height: 26px; }
  .enterprise-offerings-section .dobest-list,
  .dobest-list {
    margin: 50px 15px 40px; }
    .enterprise-offerings-section .dobest-list .line-row,
    .dobest-list .line-row {
      flex-flow: column nowrap;
      justify-content: center;
      padding: 20px 15px; }
      .enterprise-offerings-section .dobest-list .line-row .items,
      .dobest-list .line-row .items {
        padding: 5px 5px 15px;
        text-align: center; }
        .enterprise-offerings-section .dobest-list .line-row .items.w31, .enterprise-offerings-section .dobest-list .line-row .items.w41, .enterprise-offerings-section .dobest-list .line-row .items.w56, .enterprise-offerings-section .dobest-list .line-row .items.w15, .enterprise-offerings-section .dobest-list .line-row .items.w13,
        .dobest-list .line-row .items.w31,
        .dobest-list .line-row .items.w41,
        .dobest-list .line-row .items.w56,
        .dobest-list .line-row .items.w15,
        .dobest-list .line-row .items.w13 {
          flex: 0 0 100%;
          max-width: 100%; }
        .enterprise-offerings-section .dobest-list .line-row .items .thin-txt,
        .dobest-list .line-row .items .thin-txt {
          padding-right: 0; }
        .enterprise-offerings-section .dobest-list .line-row .items .data-block,
        .dobest-list .line-row .items .data-block {
          text-align: left;
          display: inline-block;
          vertical-align: middle; }
          .enterprise-offerings-section .dobest-list .line-row .items .data-block .label-txt,
          .dobest-list .line-row .items .data-block .label-txt {
            font-size: 9px; }
          .enterprise-offerings-section .dobest-list .line-row .items .data-block .values,
          .dobest-list .line-row .items .data-block .values {
            font-size: 25px;
            line-height: 26px; }
        .enterprise-offerings-section .dobest-list .line-row .items h3,
        .dobest-list .line-row .items h3 {
          margin-right: 0; }
  .why-topcode-grid {
    margin: 0;
    padding-bottom: 0; }
    .why-topcode-grid .right-area {
      position: relative;
      top: 50px;
      left: -30px;
      right: 0;
      width: calc(100vw + 30px); }
      .why-topcode-grid .right-area .bottom-grey {
        width: 274px;
        margin-left: 20px; }
        .why-topcode-grid .right-area .bottom-grey img {
          width: 274px; }
        .why-topcode-grid .right-area .bottom-grey .purple-txt {
          font-size: 18px;
          max-width: 226px; }
    .why-topcode-grid .left-area {
      padding-left: 0;
      padding-right: 0; }
      .why-topcode-grid .left-area .title {
        font-size: 36px;
        line-height: 34px; }
      .why-topcode-grid .left-area .two-list {
        flex-direction: column; }
        .why-topcode-grid .left-area .two-list ul {
          margin-bottom: 15px; }
          .why-topcode-grid .left-area .two-list ul li .icon-txt {
            font-size: 20px;
            line-height: 26px; }
            .why-topcode-grid .left-area .two-list ul li .icon-txt .icon-done,
            .why-topcode-grid .left-area .two-list ul li .icon-txt .icon-no {
              top: 0; }
          .why-topcode-grid .left-area .two-list ul + ul {
            margin-left: 0; }
  .use-box {
    margin-right: 0;
    margin-left: 0; }
    .use-box .top {
      padding-left: 35px;
      padding-right: 35px; }
      .use-box .top .txt {
        font-size: 20px;
        line-height: 26px; }
    .use-box .card-use .media-body .tit {
      font-size: 18px; }
    .use-box .card-use .media-body .data span {
      font-size: 21px; }
  .bigger-txt {
    font-size: 31px;
    padding: 0 41px;
    line-height: 31px; }
  .btn-green {
    font-size: 13px; }
  .small-call-to-action-block .h6 {
    font-size: 15px;
    padding: 0 25px; }
    .small-call-to-action-block .h6 > div {
      display: block;
      line-height: 22px; }
  .scroll-wrapper {
    position: relative;
    padding-bottom: 30px; }
    .scroll-wrapper .mobile-scroll .grid-use {
      transition: 0.5s;
      -moz-transition: 0.5s;
      /* Firefox 4 */
      -webkit-transition: 0.5s;
      /* Safari and Chrome */ }
    .scroll-wrapper .mobile-scroll .column-4 {
      margin-right: 15px;
      margin-left: 15px; }
    .scroll-wrapper .active-handle {
      bottom: 10px; }
  .white-theme:before {
    background-size: 100%; } }

.contact-section {
  padding-bottom: 200px; }

.contact-section p {
  margin-right: 20px; }

.contact-section .recaptcha {
  margin-top: 20px;
  margin-bottom: 20px; }
  .contact-section .recaptcha .error-message {
    color: #EF476F;
    display: none;
    margin-top: 10px; }
  .contact-section .recaptcha.error .error-message {
    display: block; }

.form-box,
.form-success-box {
  min-height: 645px;
  padding: 15px 30px 30px;
  background: #FBFBFB;
  border-radius: 10px; }
  .form-box a,
  .form-success-box a {
    cursor: pointer; }

.form-box .action-box {
  margin-top: 35px;
  text-align: right; }

.form-success-box {
  display: none;
  padding: 90px;
  text-align: center; }
  .form-success-box h4 {
    margin-bottom: 15px; }
  .form-success-box p {
    margin-right: 0; }
  .form-success-box .action-box {
    margin: 70px 0 10px; }
  .form-success-box .small-txt {
    font-size: 14px; }

.form-checkbox input[type="checkbox"]:checked + label::before {
  border: none; }

@media (max-width: 767px) {
  .contact-section {
    padding-bottom: 100px; }
    .contact-section .title.title-submit {
      display: none; }
  .form-box,
  .form-success-box {
    min-height: 0;
    padding: 0;
    background: transparent; }
  .form-box .form-field {
    background: #FFF; }
    .form-box .form-field + label,
    .form-box .form-field:focus ~ .form-label {
      background: #FFF; }
  .form-box .form-select .select-selected {
    background: #FFF; } }

.contact-space {
  padding-top: 85px; }

.back-link {
  margin-left: 20px;
  padding-top: 25px;
  font-size: 15px;
  font-weight: 500;
  color: #959595;
  letter-spacing: 1px; }
  .back-link .ic {
    position: relative;
    top: -2px;
    margin-right: 4px; }

@media (max-width: 767px) {
  .back-link {
    margin-left: 0;
    padding-top: 80px; } }

.container-enterprise-landing.client-logos-container {
  display: flex;
  justify-content: center; }
  .container-enterprise-landing.client-logos-container .wrapper {
    flex: 1; }

.container-enterprise-landing .wrapper {
  max-width: 1170px; }

.container-enterprise-landing .landing-blocks.logos {
  margin: 0 -20px;
  padding-bottom: 170px; }

.landing-hero.container-enterprise-landing {
  background: #227681; }
  .landing-hero.container-enterprise-landing .hero-img {
    position: absolute;
    right: 0;
    width: 50%;
    padding-top: 14px; }
    .landing-hero.container-enterprise-landing .hero-img img {
      max-width: 100%; }
  .landing-hero.container-enterprise-landing .hero-title {
    max-width: 450px;
    padding-top: 100px;
    padding-bottom: 50px; }
  .landing-hero.container-enterprise-landing h1 {
    max-width: 100%;
    color: #FFF; }
  .landing-hero.container-enterprise-landing .grey-txt {
    color: #D4D4D4; }
  .landing-hero.container-enterprise-landing p {
    max-width: 450px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 400;
    color: #FFF;
    line-height: 36px; }
  .landing-hero.container-enterprise-landing:after {
    background: url(../img/enterprise/rectangle-white-top@2x.svg) center top no-repeat;
    background-size: 102%;
    height: 126px;
    position: relative;
    top: 2px; }

.topcoder-team {
  margin-bottom: -70px;
  z-index: 2; }
  .topcoder-team h2 {
    max-width: 390px;
    margin: 100px 50px 20px 0;
    color: #26B3C5;
    letter-spacing: 0.4px; }
  .topcoder-team p {
    margin-right: 50px; }
    .topcoder-team p + p {
      margin-top: 20px; }
  .topcoder-team .image {
    max-width: 100%; }
  .topcoder-team .video-open {
    position: relative; }
    .topcoder-team .video-open .ic-play-white {
      position: absolute;
      top: 50%;
      left: 50%; }

.gray-theme.digital-work-section {
  background-image: linear-gradient(180deg, #F4F4F4 0%, #FFF 100%); }
  .gray-theme.digital-work-section:before {
    background-image: url(../img/enterprise/rectangle-gray.svg); }

.box-text-p h2 {
  margin-bottom: 20px;
  color: #26B3C5; }

.box-text-p p {
  margin-bottom: 20px; }

.digital-work-section {
  padding-bottom: 130px; }
  .digital-work-section h2 {
    max-width: 800px;
    margin-bottom: 20px;
    color: #9D41C9; }
    .digital-work-section h2 ~ h2 {
      margin-top: 60px; }
    .digital-work-section h2.title-section {
      margin: 90px auto 0; }

.enterprise-offerings-section .section {
  padding-top: 60px; }
  .enterprise-offerings-section .section .video-box {
    margin: 200px auto 100px; }
  .enterprise-offerings-section .section .dobest-list .line-row {
    padding: 40px 0; }

.grid.list-box-item {
  margin-top: 100px; }

.grid.list-box-item > div {
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center; }
  .grid.list-box-item > div .shape-wrap {
    height: 85px;
    margin-bottom: 13px; }
    .grid.list-box-item > div .shape-wrap svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .grid.list-box-item > div .icon {
    margin-bottom: 18px; }
    .grid.list-box-item > div .icon img {
      display: inline-block; }
  .grid.list-box-item > div h4 {
    margin-bottom: 10px; }
  .grid.list-box-item > div h5 {
    margin-bottom: 15px;
    letter-spacing: 0.2px;
    text-transform: uppercase; }
  .grid.list-box-item > div p {
    max-width: 355px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto; }

.hybrid-crowd {
  margin-top: 100px;
  margin-left: 100px; }
  .hybrid-crowd h4 {
    margin-bottom: 10px;
    color: #2C95D7; }
  .hybrid-crowd .hybrid-crow-info {
    position: relative; }
    .hybrid-crowd .hybrid-crow-info .hybrid-image img {
      max-width: 100%; }
    .hybrid-crowd .hybrid-crow-info .hybrid-text {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%); }
      .hybrid-crowd .hybrid-crow-info .hybrid-text h6 {
        display: inline-block;
        width: 32%;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        vertical-align: middle; }
  .hybrid-crowd .p1 {
    margin-top: 32px; }

.container-video-box {
  margin: 0 30px; }

.video-box {
  display: flex; }
  .video-box.video-container {
    padding: 60px;
    background: #F4F4F4;
    border-radius: 10px; }
  .video-box .video-player {
    position: relative; }
  .video-box .video {
    position: relative;
    max-width: 633px;
    min-width: 45%;
    margin-right: 60px;
    border-radius: 10px;
    overflow: hidden;
    min-height: 355px; }
    .video-box .video .video-wrap {
      height: 100%; }
      .video-box .video .video-wrap .thumbnail {
        background-repeat: no-repeat;
        height: 100%; }
      .video-box .video .video-wrap.active iframe {
        display: block; }
      .video-box .video .video-wrap.active .play-btn {
        display: none; }
    .video-box .video iframe {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }
    .video-box .video img {
      max-width: 100%; }
    .video-box .video .play-btn {
      position: absolute;
      z-index: 2;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .video-box .video-txt {
    text-align: left; }
    .video-box .video-txt .logo-icon {
      margin-bottom: 20px; }
      .video-box .video-txt .logo-icon img {
        max-width: 100%; }
    .video-box .video-txt h4 {
      margin-bottom: 20px;
      color: #555; }
    .video-box .video-txt p {
      margin-bottom: 20px; }

.oaq-box {
  max-width: 520px;
  padding: 40px;
  background: #227681;
  border-radius: 10px; }
  .oaq-box .image {
    margin: -40px -40px 0 -40px; }
    .oaq-box .image img {
      max-width: 100%; }
  .oaq-box h5 {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #FFF;
    letter-spacing: 0.2px; }
  .oaq-box p {
    margin-bottom: 20px;
    color: #FFF; }

.block-two-col-card-content .panel-item {
  margin-right: 109px; }

.block-two-col-card-content h2 {
  margin: 237px 0 19px; }

@media (min-width: 1200px) {
  .video-box .video {
    min-width: 633px; } }

@media (max-width: 1200px) {
  .landing-hero.container-enterprise-landing {
    min-height: 550px; }
    .landing-hero.container-enterprise-landing .hero-title {
      padding-top: 70px; }
  .container-enterprise-landing .landing-blocks.logos {
    padding-top: 0;
    padding-bottom: 130px; }
  .topcoder-team h2 {
    margin-top: 70px; }
  .video-box.video-container {
    padding: 35px; }
  .video-box .video {
    margin-right: 35px; } }

@media (max-width: 991px) {
  .topcoder-team {
    margin-bottom: 0; }
    .topcoder-team h2 {
      margin-top: 0px; }
  .hybrid-crowd .hybrid-crow-info .hybrid-text h6 {
    font-size: 14px; }
  .video-box {
    display: block; }
    .video-box .video {
      min-height: initial;
      margin-right: 0;
      margin-bottom: 40px; } }

@media (max-width: 767px) {
  .bg-grey-module.mobile {
    display: none; }
  .landing-hero.container-enterprise-landing .hero-img {
    position: relative;
    right: auto;
    width: 100%; }
    .landing-hero.container-enterprise-landing .hero-img:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: -50px;
      display: block;
      height: 200px;
      background: url(../img/enterprise/blue-rectangle-top@2x.svg) center bottom no-repeat;
      background-size: 100% 100%; }
  .landing-hero.container-enterprise-landing .hero-title {
    position: relative;
    top: -90px;
    max-width: 100%;
    margin: 0 15px -90px;
    padding-top: 0; }
    .landing-hero.container-enterprise-landing .hero-title h1.blue-titles {
      margin-top: 0; }
  .container-enterprise-landing .landing-blocks.logos {
    margin: 25px 15px 0;
    padding-bottom: 100px; }
  .digital-work-section h2.title-section {
    max-width: 250px;
    margin: 90px auto 25px;
    font-size: 36px;
    letter-spacing: 0.25px;
    text-align: center;
    line-height: 34px; }
  .topcoder-team {
    margin-bottom: -100px; }
    .topcoder-team h2, .topcoder-team p {
      margin-right: 0; }
    .topcoder-team .image {
      max-width: calc(100vw + 30px);
      margin: 25px -40px 0; }
  .grid.list-box-item {
    margin-top: 0; }
  .enterprise-offerings-section .section .video-box {
    margin-top: 100px;
    min-height: 475px; }
  .container-video-box {
    margin: 0 15px; }
  .blue-theme.gradient-block .section {
    padding-bottom: 50px; }
  .video-box.video-container {
    padding: 15px 15px 30px; }
    .video-box.video-container .video {
      margin-bottom: 20px; }
  .digital-work-section {
    padding-bottom: 30px; }
  .hybrid-crowd {
    margin-top: 70px;
    margin-left: 0; }
  .oaq-box {
    margin-top: 86px;
    margin-bottom: 60px; }
  .block-two-col-card-content .panel-item {
    margin-right: 0; } }

.bg-grey-module.bg-grey-eda {
  height: 670px; }

.purple-pink-theme {
  background: #8C384C; }
  .purple-pink-theme *:not(.btn) {
    color: #FFF; }
  .purple-pink-theme:before {
    content: '';
    display: block;
    height: 200px;
    margin-bottom: -2px;
    background: #FFF url("../img/enterprise/data-analytics-top-bg.svg") center bottom no-repeat;
    background-size: 102%; }
  .purple-pink-theme.gradient-block .section {
    padding-bottom: 100px;
    background-image: linear-gradient(180deg, #652385 0%, #8C384C 100%); }

.green-yellow-theme {
  background: #B98F31; }
  .green-yellow-theme * {
    color: #FFF; }
  .green-yellow-theme:before {
    content: '';
    display: block;
    height: 200px;
    margin-bottom: -2px;
    background: #FFF url("../img/enterprise/green-yellow-top-bg.svg") center bottom no-repeat;
    background-size: 102%; }
  .green-yellow-theme.gradient-block .section {
    padding-bottom: 200px;
    background-image: linear-gradient(180deg, #219174 0%, #B98F31 100%); }

.purple-green-theme {
  background: #652385; }
  .purple-green-theme * {
    color: #FFF; }
  .purple-green-theme:before {
    content: '';
    display: block;
    height: 200px;
    margin-bottom: -2px;
    background: #FFF url("../img/enterprise/purple-green-top-bg.svg") center bottom no-repeat;
    background-size: 102%; }
  .purple-green-theme.gradient-block .section {
    padding-bottom: 200px;
    background-image: linear-gradient(0deg, #229174 4%, #652385 95%); }

.blue-teal-theme {
  background: #ecfafc; }
  .blue-teal-theme * {
    color: #FFF; }
  .blue-teal-theme:before {
    content: '';
    display: block;
    height: 200px;
    margin-bottom: -2px;
    background: #FFF url("../img/enterprise/blue-teal-top-bg.svg") center bottom no-repeat;
    background-size: 102%; }
  .blue-teal-theme.gradient-block .section {
    padding-bottom: 200px;
    background-image: linear-gradient(180deg, #16679A 0%, #227681 100%); }

.title-wrapper {
  max-width: 635px;
  margin: 0 auto;
  text-align: center; }
  .title-wrapper .subtitle {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }

.title-max-size {
  max-width: 302px; }

.why-choose-topcoder-section {
  margin-top: 150px; }
  .why-choose-topcoder-section .title-wrapper {
    max-width: 740px;
    margin: 0 auto; }
  .why-choose-topcoder-section .grid.list-box-item {
    margin-top: 75px; }
  .why-choose-topcoder-section .grid.list-box-item > div:first-child p {
    max-width: 391px; }

.protect-data-section {
  margin-bottom: 150px;
  padding: 0 15px; }

.card-box {
  margin-bottom: 20px;
  background: #F4F4F4;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1; }
  .card-box .media-top img {
    width: 100%; }
  .card-box .media-body {
    flex: 1;
    padding: 20px 40px 40px; }
  .card-box .logo {
    margin-bottom: 15px; }
  .card-box h6 {
    margin-bottom: 5px;
    color: #2A2A2A; }
    .card-box h6 span {
      display: block;
      color: #7F7F7F; }

.datasets-section .title {
  padding-top: 150px; }

.datasets-section.three-col {
  min-height: 231px; }
  .datasets-section.three-col .column-4 {
    height: 100%;
    display: flex;
    flex-direction: column; }

.datasets-section.gray-theme {
  background-image: linear-gradient(180deg, #F4F4F4 0%, #FFFFFF 100%); }
  .datasets-section.gray-theme:before {
    background: none;
    height: 0; }

.datasets-section .subtitle {
  max-width: 630px;
  margin: 0 auto 100px;
  padding: 0 15px; }

.gray-box {
  margin: 0 auto 200px;
  padding: 50px 40px;
  background: #F4F4F4;
  border-radius: 10px; }

.gray-box-1 {
  margin-top: 150px;
  margin-bottom: 150px; }

.video-data.margin-bottom {
  margin-bottom: 150px; }

.video-data .video {
  width: 100%;
  max-width: 826px;
  margin-right: 40px; }
  .video-data .video img {
    width: 100%; }

.video-data .video-txt h4 {
  margin-bottom: 5px; }

.enterprise-crowdtesting-section .title,
.enterprise-analytics-section .title {
  max-width: 630px;
  margin: 0 auto 100px; }

.enterprise-analytics-section {
  margin-top: 100px; }
  .enterprise-analytics-section:after {
    content: "";
    display: block;
    height: 80px;
    background-image: url(../img/enterprise/datasets-gray-top.png);
    background-size: 102%;
    background-repeat: no-repeat; }

.flx-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 15px; }
  .flx-row:first-child .flx-50 {
    border-top: 1px solid #FFF; }
  .flx-row .flx-50 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 30px 30px 30px 50px;
    border-bottom: 1px solid #FFF;
    text-align: left; }
    .flx-row .flx-50:nth-child(2n + 1) {
      padding-left: 0;
      border-right: 1px solid #FFF; }
    .flx-row .flx-50 h4 {
      margin-bottom: 10px;
      text-transform: uppercase; }
      .flx-row .flx-50 h4 span {
        display: block; }

.white-theme .flx-row .flx-50 {
  border-color: #D4D4D4; }
  .white-theme .flx-row .flx-50:nth-child(2n + 1) {
    border-color: #D4D4D4; }

.partners-table .flx-50 {
  display: flex; }
  .partners-table .flx-50 .partner-logo img {
    height: auto;
    width: 175px; }
  .partners-table .flx-50 .partner-description {
    padding-left: 40px; }
    .partners-table .flx-50 .partner-description .location {
      background: url(../img/partner-location-icon.svg) no-repeat;
      background-size: 14px;
      font-size: 16px;
      font-family: Roboto;
      font-weight: 500;
      letter-spacing: 0.5px;
      line-height: 20px;
      margin-bottom: 20px;
      padding-left: 20px; }
    .partners-table .flx-50 .partner-description a {
      color: #2C95D7;
      text-decoration: underline;
      font-weight: 500; }

@media (min-width: 1200px) {
  .video-data .video {
    min-width: 826px; } }

@media (max-width: 1200px) {
  .purple-pink-theme:before {
    height: 150px; }
  .datasets-section .card-box {
    min-height: 420px; }
  .datasets-section .gray-box {
    margin-bottom: 100px; }
  .datasets-section .ideo-data-analytics {
    margin-bottom: 50px; }
  .video-data {
    margin-bottom: 0px; }
    .video-data .video {
      max-width: 500px; }
  .enterprise-analytics-section:after {
    height: 60px; } }

@media (min-width: 767px) and (max-width: 991px) {
  .datasets-section .grid .column-4 {
    width: calc(50% - 30px); }
  .datasets-section .gray-box {
    margin-left: 20px;
    margin-right: 20px; }
    .datasets-section .gray-box h2 {
      margin-bottom: 20px; }
    .datasets-section .gray-box .grid .column-7,
    .datasets-section .gray-box .grid .column-5 {
      width: calc(100% - 40px); }
  .video-data .video,
  .video-data .video-txt {
    max-width: 100%; }
  .video-data .video-box {
    padding: 20px; }
  .flx-row {
    margin: 0 15px; } }

@media (max-width: 767px) {
  .slider-wrap .slider-el {
    flex-direction: column; }
  .pink-wave {
    margin: 60px 0; }
  .why-choose-topcoder-section {
    margin-top: 100px; }
    .why-choose-topcoder-section h4 {
      margin-bottom: 30px; }
    .why-choose-topcoder-section .grid.list-box-item {
      margin-top: 0; }
  .protect-data-section {
    margin-bottom: 50px;
    margin-top: -230px; }
  .card-box .media-body {
    padding: 20px 20px 30px; }
  .datasets-section .title {
    padding-top: 100px; }
  .datasets-section .grid .column-small-12 {
    width: 100%;
    margin-left: 0; }
  .datasets-section .card-box {
    min-height: 0; }
  .gray-box {
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px; }
  .video-data .video-box {
    padding: 0; }
  .flx-row {
    margin: 0; }
    .flx-row .flx-50 {
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 0px;
      padding-right: 0px; }
      .flx-row .flx-50:nth-child(2n + 1) {
        padding-left: 0px;
        padding-right: 0px;
        border-right: 0; }
  .enterprise-analytics-section:after {
    height: 20px;
    background-image: url(../img/enterprise/datasets-gray-top.png); }
  .enterprise-crowdtesting-section .title,
  .enterprise-analytics-section .title {
    margin-bottom: 50px; }
  .purple-pink-theme.gradient-block .section {
    padding-bottom: 100px; }
  .partners-table .partner-box {
    display: block; }
    .partners-table .partner-box .partner-description {
      padding: 0; }
      .partners-table .partner-box .partner-description .location {
        margin-bottom: 0; }
    .partners-table .partner-box .partner-logo img {
      width: inherit;
      max-width: 100%; }
  .partners-table .partner-top-info {
    width: calc(100% - 100px);
    float: left;
    margin: 0 0 0 20px; }
  .partners-table .partner-logo {
    margin: 5px 0 0;
    width: 80px;
    float: left; }
  .partners-table .partner-text {
    padding: 20px 0 0;
    margin: 0;
    clear: both; } }

.bg-grey-module.bg-grey-ec {
  height: 670px; }
  .bg-grey-module.bg-grey-ec .posi-img.left {
    top: 420px;
    left: 20px; }
  .bg-grey-module.bg-grey-ec .posi-img.right {
    top: 120px; }

.bg-grey-module.bg-grey-ets {
  height: 570px; }
  .bg-grey-module.bg-grey-ets .posi-img.left {
    top: 160px;
    left: 0; }

.bg-grey-module.bg-grey-ewf {
  height: 650px; }
  .bg-grey-module.bg-grey-ewf .posi-img.left {
    top: auto;
    bottom: 0; }
  .bg-grey-module.bg-grey-ewf .posi-img.right {
    top: 0; }

.container-video-box.top-space {
  margin-top: 150px;
  margin-bottom: 100px; }

.how-it-works-section section {
  padding-bottom: 250px; }

.how-it-works-section .in-steps {
  display: flex;
  margin: 60px 0 200px;
  padding: 0 50px; }
  .how-it-works-section .in-steps > div:first-child {
    width: 40%;
    max-width: 475px;
    margin-right: 65px; }
    .how-it-works-section .in-steps > div:first-child p.body-lg {
      margin-bottom: 60px; }
  .how-it-works-section .in-steps > div:last-child {
    width: 60%; }

.how-it-works-section .step {
  position: relative;
  padding-left: 110px; }
  .how-it-works-section .step + .step {
    margin-top: 30px; }
  .how-it-works-section .step:last-child::after {
    display: none; }
  .how-it-works-section .step:after {
    content: '';
    position: absolute;
    z-index: 4;
    display: block;
    width: 15px;
    top: 70px;
    bottom: -25px;
    left: 35px;
    margin-left: -3px;
    background-image: url(../img/arrow-down-step.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    opacity: 1; }
  .how-it-works-section .step .shape-wrap {
    position: absolute;
    height: auto;
    left: 0;
    margin-bottom: 0; }
    .how-it-works-section .step .shape-wrap .content {
      height: auto;
      color: #8231A9; }
  .how-it-works-section .step h5 {
    margin-bottom: 14px; }

.how-it-works-section h4 {
  max-width: 845px;
  margin: 0 auto;
  text-align: center; }

@media (max-width: 1200px) {
  .container-video-box.top-space {
    margin-top: 100px;
    margin-bottom: 0px; }
  .video-box.video-container .video {
    max-width: initial;
    min-height: 320px; } }

@media (max-width: 767px) {
  .video-box.video-container .video {
    min-height: 240px; }
  .container-video-box.top-space {
    margin-top: 75px;
    margin-bottom: 0px; }
  .how-it-works-section {
    margin-top: 50px; }
    .how-it-works-section .in-steps {
      display: block;
      margin-bottom: 100px; }
      .how-it-works-section .in-steps > div:first-child {
        width: 100%;
        max-width: 100%;
        margin-right: 65px; }
        .how-it-works-section .in-steps > div:first-child p.body-lg {
          margin-bottom: 30px; }
      .how-it-works-section .in-steps > div:last-child {
        width: 100%;
        margin-top: 60px; }
  .purple-green-theme:before {
    height: 150px; }
  .purple-green-theme.gradient-block .section {
    padding-bottom: 100px; } }

.workforce-transformation-section .title {
  max-width: 880px;
  margin: 0 auto 100px; }

.workforce-transformation-section .grid.gtid-transformation {
  text-align: left; }
  .workforce-transformation-section .grid.gtid-transformation p {
    max-width: 370px;
    margin-bottom: 0; }
  .workforce-transformation-section .grid.gtid-transformation > div:first-child {
    border-right: 2px solid #fff; }
  .workforce-transformation-section .grid.gtid-transformation > div:last-child {
    padding-left: 30px; }

.how-hybrid-crowd-works-section .section {
  padding: 100px 0 200px; }

.how-hybrid-crowd-works-section p.body-lg {
  max-width: 821px;
  margin: 0 auto 100px;
  text-align: center; }

.how-hybrid-crowd-works-section .flx-row .flx-50 p {
  margin-bottom: 0; }

@media (max-width: 767px) {
  .workforce-transformation-section .title {
    margin-bottom: 50px; }
  .workforce-transformation-section.blue-teal-theme.gradient-block .section {
    padding-bottom: 100px; }
  .workforce-transformation-section .grid.gtid-transformation {
    padding: 0; }
    .workforce-transformation-section .grid.gtid-transformation p {
      max-width: 100%; }
    .workforce-transformation-section .grid.gtid-transformation > div:first-child {
      padding-bottom: 40px;
      border-right: 0;
      border-bottom: 2px solid #fff; }
    .workforce-transformation-section .grid.gtid-transformation > div:last-child {
      padding-top: 40px;
      padding-left: 0; }
      .workforce-transformation-section .grid.gtid-transformation > div:last-child div + div {
        margin-top: 30px; }
    .workforce-transformation-section .grid.gtid-transformation .column-small-12 {
      margin-left: 0; }
  .how-hybrid-crowd-works-section .section {
    padding-bottom: 100px; }
    .how-hybrid-crowd-works-section .section p.body-lg {
      margin-bottom: 50px; } }

.bg-grey-module.bg-grey-ec {
  height: 670px; }
  .bg-grey-module.bg-grey-ec .posi-img.left {
    top: 420px;
    left: 20px; }
  .bg-grey-module.bg-grey-ec .posi-img.right {
    top: 120px; }

.bg-grey-module.bg-grey-ets {
  height: 570px; }
  .bg-grey-module.bg-grey-ets .posi-img.left {
    top: 160px;
    left: 0; }

.bg-grey-module.bg-grey-ewf {
  height: 650px; }
  .bg-grey-module.bg-grey-ewf .posi-img.left {
    top: auto;
    bottom: 0; }
  .bg-grey-module.bg-grey-ewf .posi-img.right {
    top: 0; }

.container-video-box.top-space {
  margin-top: 150px;
  margin-bottom: 100px; }

.how-it-works-section section {
  padding-bottom: 250px; }

.how-it-works-section .in-steps {
  display: flex;
  margin: 60px 0 200px; }
  .how-it-works-section .in-steps > div:first-child {
    width: 40%;
    max-width: 475px;
    margin-right: 65px; }
    .how-it-works-section .in-steps > div:first-child p.body-lg {
      margin-bottom: 60px; }
  .how-it-works-section .in-steps > div:last-child {
    width: 60%; }

.how-it-works-section .step {
  position: relative;
  padding-left: 110px; }
  .how-it-works-section .step + .step {
    margin-top: 30px; }
  .how-it-works-section .step:last-child::after {
    display: none; }
  .how-it-works-section .step:after {
    content: '';
    position: absolute;
    z-index: 4;
    display: block;
    width: 15px;
    top: 70px;
    bottom: -25px;
    left: 35px;
    margin-left: -3px;
    background-image: url(../img/arrow-down-step.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    opacity: 1; }
  .how-it-works-section .step .shape-wrap {
    position: absolute;
    height: auto;
    left: 0;
    margin-bottom: 0; }
    .how-it-works-section .step .shape-wrap .content {
      height: auto;
      color: #8231A9; }
  .how-it-works-section .step h5 {
    margin-bottom: 14px; }

.how-it-works-section h4 {
  max-width: 845px;
  margin: 0 auto;
  text-align: center; }

@media (max-width: 1200px) {
  .container-video-box.top-space {
    margin-top: 100px;
    margin-bottom: 0px; } }

@media (max-width: 767px) {
  .container-video-box.top-space {
    margin-top: 75px;
    margin-bottom: 0px; }
  .how-it-works-section {
    margin-top: 50px; }
    .how-it-works-section .step {
      padding-left: 100px; }
    .how-it-works-section .in-steps {
      display: block;
      margin-bottom: 100px;
      padding: 0 10px; }
      .how-it-works-section .in-steps > div:first-child {
        width: 100%;
        max-width: 100%;
        margin-right: 65px; }
        .how-it-works-section .in-steps > div:first-child p.body-lg {
          margin-bottom: 30px; }
      .how-it-works-section .in-steps > div:last-child {
        width: 100%;
        margin-top: 60px; }
  .purple-green-theme:before {
    height: 150px; }
  .purple-green-theme.gradient-block .section {
    padding-bottom: 100px; } }

.workforce-transformation-section .title {
  max-width: 880px;
  margin: 0 auto 100px; }

.workforce-transformation-section .grid.gtid-transformation {
  text-align: left; }
  .workforce-transformation-section .grid.gtid-transformation p {
    max-width: 370px;
    margin-bottom: 0; }
  .workforce-transformation-section .grid.gtid-transformation > div:first-child {
    border-right: 2px solid #fff; }
  .workforce-transformation-section .grid.gtid-transformation > div:last-child {
    padding-left: 30px; }

.how-hybrid-crowd-works-section .section {
  padding: 100px 0 200px; }

.how-hybrid-crowd-works-section p.body-lg {
  max-width: 821px;
  margin: 0 auto 100px;
  text-align: center; }

.how-hybrid-crowd-works-section .flx-row .flx-50 p {
  margin-bottom: 0; }

@media (max-width: 767px) {
  .workforce-transformation-section .title {
    margin-bottom: 50px; }
  .workforce-transformation-section.blue-teal-theme.gradient-block .section {
    padding-bottom: 100px; }
  .workforce-transformation-section .grid.gtid-transformation {
    padding: 0; }
    .workforce-transformation-section .grid.gtid-transformation p {
      max-width: 100%; }
    .workforce-transformation-section .grid.gtid-transformation > div:first-child {
      padding-bottom: 40px;
      border-right: 0;
      border-bottom: 2px solid #fff; }
    .workforce-transformation-section .grid.gtid-transformation > div:last-child {
      padding-top: 40px;
      padding-left: 0; }
      .workforce-transformation-section .grid.gtid-transformation > div:last-child div + div {
        margin-top: 30px; }
    .workforce-transformation-section .grid.gtid-transformation .column-small-12 {
      margin-left: 0; }
  .how-hybrid-crowd-works-section .section {
    padding-bottom: 100px;
    padding-right: 15px;
    padding-left: 15px; }
    .how-hybrid-crowd-works-section .section p.body-lg {
      margin-bottom: 50px; } }

.blue-purple-theme {
  background: #F4F4F4; }
  .blue-purple-theme:before {
    background: #FFF url("../img/enterprise/blue-purpel-top-bg.svg") center bottom no-repeat;
    background-size: 102%;
    display: block;
    content: '';
    height: 130px;
    margin-bottom: -2px; }
  .blue-purple-theme.gradient-block .section {
    padding-bottom: 200px;
    background-image: linear-gradient(0deg, #652385 4%, #16679A 95%); }
  .blue-purple-theme * {
    color: #FFF; }

.topcoder-way-section {
  padding-top: 100px; }
  .topcoder-way-section .left-col p {
    max-width: 320px;
    margin: 0 auto; }
  .topcoder-way-section .right-col {
    position: relative;
    padding-left: 25px; }
    .topcoder-way-section .right-col .image-plan img {
      position: relative;
      width: 100%;
      transform: rotate(-72deg); }

.planning-proposals {
  position: absolute;
  top: 49.5%;
  left: 50%;
  height: 81%;
  width: 81%;
  border-radius: 50%;
  background: #fff;
  vertical-align: middle;
  z-index: 99;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .planning-proposals h3 {
    max-width: 366px;
    letter-spacing: 0.3px; }
  .planning-proposals p {
    max-width: 366px;
    margin-bottom: 0; }
  .planning-proposals .gray-wave-sm,
  .planning-proposals .gray-wave {
    width: 150px; }

.way-provides-section .section {
  padding-left: 15px;
  padding-right: 15px; }

.way-provides-section .title {
  max-width: 860px;
  margin: 75px auto; }

.way-provides-section .gray-box h4,
.way-provides-section .gray-box p {
  color: #2A2A2A; }

.way-provides-section .gray-box .left-text {
  max-width: 580px;
  margin-left: 20px; }

.way-provides-section .gray-box .right-image {
  position: relative;
  float: right;
  max-width: 551px;
  margin-top: -83px; }

.way-provides-section .gray-box .right-image:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 100px;
  z-index: 4;
  width: 82px;
  height: 86px;
  background: url("../img/enterprise/shape1.svg") no-repeat; }

.way-provides-section .gray-box .right-image img {
  width: 100%; }

.topcoder-way-plan ul {
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 690px;
  height: 690px; }
  .topcoder-way-plan ul:hover li.active .planning-proposals {
    opacity: 0; }
  .topcoder-way-plan ul li {
    cursor: pointer;
    transition: all .3s ease; }
    .topcoder-way-plan ul li .planning-proposals {
      opacity: 0; }
    .topcoder-way-plan ul li.active .planning-proposals {
      opacity: 1; }
    .topcoder-way-plan ul li.active .step-bg .img.none {
      opacity: 0; }
    .topcoder-way-plan ul li.active:hover .planning-proposals {
      opacity: 1; }
    .topcoder-way-plan ul li:hover {
      transition: all .3s ease; }
      .topcoder-way-plan ul li:hover .planning-proposals {
        opacity: 1; }
      .topcoder-way-plan ul li:hover .step-bg .img.none {
        opacity: 0; }
    .topcoder-way-plan ul li .step-bg {
      position: absolute;
      cursor: pointer; }
      .topcoder-way-plan ul li .step-bg .img.none {
        position: absolute;
        top: 0; }
    .topcoder-way-plan ul li.step-1 .step-bg {
      right: 0px;
      top: 12px;
      z-index: 5; }
    .topcoder-way-plan ul li.step-1 .planning-proposals {
      z-index: 5; }
    .topcoder-way-plan ul li.step-1.active .planning-proposals {
      z-index: 99; }
    .topcoder-way-plan ul li.step-2 .step-bg {
      right: -3px;
      top: 275px;
      z-index: 4; }
    .topcoder-way-plan ul li.step-2 .planning-proposals {
      z-index: 4; }
    .topcoder-way-plan ul li.step-2.active .planning-proposals {
      z-index: 99; }
    .topcoder-way-plan ul li.step-3 .step-bg {
      right: 150px;
      bottom: -3px;
      z-index: 3; }
    .topcoder-way-plan ul li.step-3 .planning-proposals {
      z-index: 3; }
    .topcoder-way-plan ul li.step-3.active .planning-proposals {
      z-index: 99; }
    .topcoder-way-plan ul li.step-4 .step-bg {
      left: -3px;
      bottom: 54px;
      z-index: 2; }
    .topcoder-way-plan ul li.step-4 .planning-proposals {
      z-index: 2; }
    .topcoder-way-plan ul li.step-4.active .planning-proposals {
      z-index: 99; }
    .topcoder-way-plan ul li.step-5 .step-bg {
      top: 12px;
      left: 0;
      z-index: 1; }
    .topcoder-way-plan ul li.step-5 .planning-proposals {
      z-index: 1; }
    .topcoder-way-plan ul li.step-5.active .planning-proposals {
      z-index: 99; }
  .topcoder-way-plan ul:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 690px;
    height: 690px;
    border-radius: 50%;
    border: 60px solid #f4f4f4; }

@media (max-width: 1200px) {
  .topcoder-way-section .page-title {
    padding-top: 50px; }
  .way-provides-section .gray-box {
    margin-left: 0;
    margin-right: 0; }
    .way-provides-section .gray-box .left-text {
      margin-left: 0; }
    .way-provides-section .gray-box .right-image {
      margin-top: -43px; }
  .topcoder-way-plan {
    transform: scale(0.6, 0.6); } }

@media (max-width: 991px) {
  .topcoder-way-section .left-col,
  .topcoder-way-section .right-col {
    width: 100%; }
  .topcoder-way-section .left-col {
    margin-bottom: 40px; }
  .topcoder-way-section .right-col {
    padding: 0;
    margin: 0 0 70px; }
    .topcoder-way-section .right-col .image-plan {
      margin-left: 20px;
      margin-right: 20px; }
  .way-provides-section .gray-box .left-text {
    float: none;
    max-width: 100%; }
  .way-provides-section .gray-box .right-image {
    float: none;
    margin: -90px auto 40px; }
    .way-provides-section .gray-box .right-image:after {
      right: 50px;
      bottom: 10px;
      top: auto; } }

@media (max-width: 767px) {
  .topcoder-way-section {
    padding-top: 0; }
    .topcoder-way-section .grid .column-small-12 {
      margin-left: 0px; }
  .blue-purple-theme.gradient-block .section {
    padding-bottom: 140px; }
  .planning-proposals .gray-wave-sm {
    display: none; }
  .planning-proposals h3 {
    font-size: 20px;
    letter-spacing: 0.25px;
    line-height: 20px; }
  .planning-proposals p {
    font-size: 14px;
    line-height: 21px; }
  .way-provides-section .title {
    margin-top: 25px;
    margin-bottom: 25px; }
  .way-provides-section .gray-box {
    margin-bottom: 0;
    padding: 20px 20px 30px; }
    .way-provides-section .gray-box .right-image {
      margin-left: -40px;
      margin-right: -40px; }
  .topcoder-way-plan {
    margin-top: -150px;
    margin-bottom: -250px;
    transform: scale(0.45, 0.45); }
    .topcoder-way-plan ul > li .planning-proposals {
      transform: scale(2.2);
      width: 200px;
      height: auto;
      margin-top: -40px;
      margin-left: -90px; } }

.explore-talent + .how-it-works .purple-green-theme:before {
  background-color: #2A2A2A; }

.dark-gray-theme {
  background-color: #2A2A2A; }
  .dark-gray-theme:before {
    content: '';
    display: block;
    height: 200px;
    margin-bottom: 0;
    background: #FFF url(../img/enterprise/dark-gray-bt-top.svg) center top no-repeat;
    background-size: cover; }
    @media (max-width: 1500px) {
      .dark-gray-theme:before {
        background-position: center bottom; } }
  .dark-gray-theme h2 {
    color: #FFFFFF; }
  .dark-gray-theme + .purple-green-theme:before {
    background-color: #2A2A2A; }
  .dark-gray-theme.explore-our-talent-section .have-questions *:not(.btn) {
    color: #fff; }

@media (max-width: 1500px) {
  .dark-gray-theme:before {
    background-size: contain; } }

.wrapper-explore-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -10px; }

.explore-card {
  max-width: 304px;
  margin: 10px;
  padding: 30px;
  background: #F4F4F4;
  border-radius: 10px;
  text-align: center;
  width: calc(25% - 20px); }
  .explore-card .photo {
    position: relative;
    width: 152px;
    height: 145px;
    margin: 0 auto 10px;
    text-align: center;
    background-size: 100%; }
    .explore-card .photo.blue {
      background: url(../img/enterprise/photo-oval-blue.svg); }
    .explore-card .photo.green {
      background: url(../img/enterprise/photo-oval-green.svg); }
    .explore-card .photo.orange-yellow {
      background: url(../img/enterprise/photo-oval-orange-yellow.svg); }
    .explore-card .photo.red-purple {
      background: url(../img/enterprise/photo-oval-red-purple.svg); }
    .explore-card .photo img {
      position: relative;
      top: 6px;
      display: inline-block;
      border: 4px solid #fff;
      border-radius: 50%; }
  .explore-card h4 {
    margin-bottom: 30px; }
  .explore-card p.subtitle-1 {
    margin-bottom: 1px;
    text-transform: uppercase; }
  .explore-card .link {
    display: block;
    margin-top: 40px; }

.explore-our-talent-section .have-questions {
  max-width: 500px;
  margin: 60px auto 0;
  text-align: center; }

@media (max-width: 767px) {
  .explore-our-talent-section + .how-it-works-section {
    margin-top: 0; }
  .wrapper-explore-cards {
    display: block;
    margin: 10px; }
    .wrapper-explore-cards .slick-track {
      min-width: 100%; }
    .wrapper-explore-cards .explore-card {
      width: 304px !important; } }

.mb170 {
  margin-bottom: 170px; }

.top-list {
  position: relative;
  z-index: 33; }

.top-titles .subtitle {
  max-width: 453px; }
  .top-titles .subtitle.width-500 {
    max-width: 550px; }

.apps-main {
  margin: 50px auto;
  max-width: 1280px; }
  .apps-main .tit {
    text-align: center;
    color: #2A2A2A;
    font-size: 60px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 10px; }
  .apps-main .sm-tit {
    text-align: center;
    color: #2A2A2A;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-family: Barlow; }
  .apps-main .boxs {
    background-color: #F4F4F4;
    border-radius: 10px;
    padding: 14px 27.5px; }
    .apps-main .boxs .top-tips {
      text-align: right;
      margin-bottom: 10px; }
      .apps-main .boxs .top-tips span {
        display: inline-block;
        color: #7F7F7F;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.5px; }
    .apps-main .boxs .view {
      height: 119px;
      border-radius: 10px;
      margin: 0 2.5px;
      position: relative; }
      .apps-main .boxs .view .name {
        position: absolute;
        left: 20px;
        top: 15px;
        color: #FFF;
        font-size: 24px;
        font-weight: 700; }
      .apps-main .boxs .view .tips {
        position: absolute;
        left: 20px;
        bottom: 15px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.5px;
        color: #FFF; }
    .apps-main .boxs .w-154 {
      width: 154px; }
    .apps-main .boxs .w-220 {
      width: 220px; }
    .apps-main .boxs .bg-purple {
      background-color: #8231A9; }
    .apps-main .boxs .bg-green {
      background-color: #4CC94C; }
    .apps-main .boxs .bg-darkgreen {
      background-color: #1E94A3; }
    .apps-main .boxs .bg-blue {
      background-color: #16679A; }
    .apps-main .boxs .bottom {
      margin: 30px 0 15px;
      text-align: center;
      vertical-align: middle; }
      .apps-main .boxs .bottom .btn-hold {
        display: inline-block; }
      .apps-main .boxs .bottom .btn-green {
        margin-left: 40px; }
      .apps-main .boxs .bottom .inline-left {
        display: inline-block;
        color: #2A2A2A;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1.3px;
        line-height: 42px;
        vertical-align: middle;
        text-transform: uppercase;
        margin-right: 10px; }
      .apps-main .boxs .bottom .price {
        display: inline-block;
        color: #2A2A2A;
        font-family: 'Barlow Condensed';
        font-size: 34px;
        font-weight: 500;
        line-height: 42px;
        vertical-align: middle;
        margin-right: 3px; }
      .apps-main .boxs .bottom .price-wrapper {
        position: relative;
        display: inline-block;
        margin-top: 12px;
        vertical-align: middle; }
        .apps-main .boxs .bottom .price-wrapper .price-tips {
          vertical-align: middle;
          display: inline-block;
          width: 16px;
          height: 16px;
          position: relative;
          background: url(../img/info.svg) no-repeat;
          background-size: 16px 16px;
          cursor: pointer; }
        .apps-main .boxs .bottom .price-wrapper .modal-price {
          display: inline-block;
          position: absolute;
          left: 50%;
          top: 0px;
          padding-top: 34px;
          background-color: transparent;
          border-radius: 5px;
          width: 171px;
          margin-left: -86px;
          z-index: 666; }
          .apps-main .boxs .bottom .price-wrapper .modal-price .price-inner {
            background-color: #FFF;
            padding: 15px 10px 10px;
            box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); }
            .apps-main .boxs .bottom .price-wrapper .modal-price .price-inner:after {
              top: 14px;
              left: 50%;
              border: solid transparent;
              content: " ";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none;
              border-color: rgba(255, 255, 255, 0);
              border-bottom-color: #FFF;
              border-width: 10px;
              margin-left: -10px; }
      .apps-main .boxs .bottom .modal-price {
        display: none;
        position: absolute;
        left: 50%;
        top: 0px;
        padding-top: 34px;
        background-color: transparent;
        border-radius: 5px;
        width: 171px;
        margin-left: -85px;
        z-index: 666; }
        .apps-main .boxs .bottom .modal-price .price-inner {
          background-color: #FFF;
          padding: 15px 10px 10px;
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); }
          .apps-main .boxs .bottom .modal-price .price-inner:after {
            top: 14px;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #FFF;
            border-width: 10px;
            margin-left: -10px; }
        .apps-main .boxs .bottom .modal-price p {
          color: #2A2A2A;
          font-size: 14px;
          font-weight: 400;
          line-height: 21px;
          text-align: left; }
        .apps-main .boxs .bottom .modal-price .line {
          background-color: #D4D4D4;
          height: 1px;
          margin: 15px 0; }
        .apps-main .boxs .bottom .modal-price .list {
          margin-bottom: 15px; }
          .apps-main .boxs .bottom .modal-price .list li {
            margin-bottom: 5px; }
            .apps-main .boxs .bottom .modal-price .list li span {
              display: block;
              text-align: left;
              color: #2A2A2A;
              font-size: 14px;
              font-weight: 400;
              line-height: 21px; }
              .apps-main .boxs .bottom .modal-price .list li span.font-bold {
                font-weight: 700;
                text-transform: uppercase; }
        .apps-main .boxs .bottom .modal-price .btn-link {
          text-align: left; }
          .apps-main .boxs .bottom .modal-price .btn-link a {
            color: #06D6A0;
            font-family: Roboto;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 0.8px;
            text-transform: uppercase; }
          .apps-main .boxs .bottom .modal-price .btn-link:after {
            content: '';
            background: url(../img/icons/right@2x.svg) right center no-repeat;
            background-size: 12px 9px;
            height: 9px;
            width: 12px;
            margin-left: 6px;
            vertical-align: middle;
            margin-top: -1px; }

.grid.our-grid {
  padding: 0 30px 20px 30px; }
  .grid.our-grid .right-info {
    margin-right: 110px; }
  .grid.our-grid .row-line {
    margin-bottom: 30px; }
  .grid.our-grid .tit {
    font-size: 48px;
    font-weight: 500;
    line-height: 50px;
    font-family: 'Barlow Condensed';
    margin-bottom: 10px; }
  .grid.our-grid .margin-b {
    margin-bottom: 25px; }
  .grid.our-grid .list {
    margin-left: 20px; }
    .grid.our-grid .list li {
      margin-bottom: 10px;
      color: #2A2A2A;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      list-style: disc outside; }
  .grid.our-grid .m-logo {
    width: 100%;
    margin-bottom: 20px; }
    .grid.our-grid .m-logo img {
      max-width: 100%;
      width: auto; }
  .grid.our-grid .font-big {
    text-transform: uppercase;
    color: #555;
    font-family: 'Barlow Condensed';
    font-size: 34px;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 30px;
    text-indent: -9px;
    width: 300px; }
  .grid.our-grid .sm-tit {
    color: #2A2A2A;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 5px; }
  .grid.our-grid .txt-p {
    color: #2A2A2A;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px; }
  .grid.our-grid .link a {
    color: #137D60;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    display: inline-block;
    padding-right: 24px;
    position: relative;
    text-decoration: none; }
    .grid.our-grid .link a:after {
      background: url("../img/icons/right-seagreen-arrow.svg") right 5px no-repeat;
      background-size: 16px 14px;
      content: '';
      height: 18px;
      position: absolute;
      right: 0;
      top: 0;
      width: 14px; }
    .grid.our-grid .link a:hover {
      opacity: 0.85; }
      .grid.our-grid .link a:hover:after {
        transform: translateX(5px);
        transition: transform 0.3s ease-out; }

@media (max-width: 1200px) {
  .apps-main {
    max-width: none;
    margin: 0 20px; } }

@media (max-width: 991px) {
  .grid.our-grid {
    padding-left: 50px;
    padding-right: 50px; }
    .grid.our-grid .right-info {
      margin-right: 40px; }
  .flex-four {
    flex-wrap: wrap;
    flex-direction: row; }
    .flex-four .flex,
    .flex-four .flex-grow-2 {
      flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 10px; } }

@media (max-width: 767px) {
  .grid.two-grid {
    padding-right: 15px; }
    .grid.two-grid .left-imgs img {
      width: 310px;
      margin-bottom: 20px; }
  .grid.our-grid {
    padding: 0 15px 20px; }
    .grid.our-grid .tit {
      font-size: 31px;
      line-height: 31px; }
    .grid.our-grid .font-big {
      font-size: 25px;
      line-height: 26px;
      margin-bottom: 20px;
      margin-top: 10px; }
    .grid.our-grid .txt-p {
      margin-bottom: 10px; }
    .grid.our-grid .link a {
      font-size: 13px;
      letter-spacing: 0.8px; }
  .grid.three-grid .items {
    margin: 0 auto; }
    .grid.three-grid .items h4 {
      font-size: 21px;
      line-height: 23px; }
  .flex-four .flex,
  .flex-four .flex-grow-2 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 5px; }
  .apps-main .tit {
    line-height: 34px;
    font-size: 36px; }
  .apps-main .sm-tit {
    font-size: 18px;
    line-height: 20px; }
  .apps-main .boxs .top-tips {
    text-align: center; }
    .apps-main .boxs .top-tips span {
      font-size: 14px; }
  .apps-main .boxs .view {
    height: 70px; }
    .apps-main .boxs .view .name {
      font-size: 20px;
      line-height: 26px;
      top: 10px; }
    .apps-main .boxs .view .tips {
      font-size: 14px;
      line-height: 18px;
      bottom: 10px; }
  .apps-main .boxs .bottom {
    text-align: center; }
    .apps-main .boxs .bottom .inline-left {
      display: block;
      margin: 0;
      line-height: 18px; }
    .apps-main .boxs .bottom .btn-green {
      padding: 0 15px;
      display: block;
      max-width: 174px;
      margin: 10px auto 0; }
    .apps-main .boxs .bottom .btn-hold {
      display: block;
      margin-top: 30px; } }

.grid.our-grid .orange {
  color: #FFC43D; }

.grid.our-grid .land-logo {
  width: 90px; }
  .grid.our-grid .land-logo img {
    width: 100%; }

.grid.our-grid .sm-tit {
  color: #2A2A2A;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 5px; }

.grid.our-grid .photo {
  background-size: 100%;
  width: 91px;
  height: 87px;
  position: relative;
  float: left; }
  .grid.our-grid .photo.orange {
    background: url("../img/oval-orange.svg"); }
  .grid.our-grid .photo.purple {
    background: url("../img/oval-purple.svg"); }
  .grid.our-grid .photo.green {
    background: url("../img/oval-green.svg"); }
  .grid.our-grid .photo.blue {
    background: url("../img/oval-blue.svg"); }
  .grid.our-grid .photo.pink {
    background: url("../img/oval-pink.svg"); }
  .grid.our-grid .photo img {
    width: 74px;
    height: 74px;
    position: absolute;
    left: 12px;
    top: 3px; }

.grid.our-grid .author-txt {
  margin-left: 118px; }

.mb170 {
  margin-bottom: 170px; }

.title.orange {
  color: #FFC43D; }

@media (max-width: 767px) {
  .grid.our-grid .photo {
    width: 70px;
    height: 67px; }
    .grid.our-grid .photo img {
      width: 55px;
      height: auto; }
  .grid.our-grid .author-txt {
    margin-left: 94px; } }

.qa-main {
  margin: 30px auto;
  max-width: 1280px; }
  .qa-main .title {
    color: #2A2A2A;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
    font-family: Barlow; }
  .qa-main .txt {
    color: #2A2A2A;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin-bottom: 30px; }
    .qa-main .txt em {
      display: block; }
  .qa-main .card-line {
    margin-left: -10px;
    margin-right: -10px;
    flex-wrap: wrap; }
    .qa-main .card-line .flex-one {
      flex: 0 0 25%;
      margin-bottom: 10px; }
  .qa-main .card {
    height: 100%;
    background-color: #F4F4F4;
    border-radius: 10px;
    padding: 30px 18px 50px 18px;
    position: relative;
    margin: 0 10px 10px 10px; }
    .qa-main .card .tit {
      color: #2A2A2A;
      text-align: center;
      margin-bottom: 10px;
      font-size: 24px;
      font-weight: 600;
      letter-spacing: 0.2px;
      line-height: 26px;
      text-transform: uppercase;
      font-family: Barlow; }
    .qa-main .card p {
      color: #2A2A2A;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      text-align: center; }
    .qa-main .card .btn-start {
      display: block;
      position: absolute;
      left: 50%;
      bottom: 30px;
      text-transform: uppercase;
      transform: translateX(-50%); }
    .qa-main .card small {
      font-size: 12px; }
    .qa-main .card.card-no-button {
      padding-bottom: 0; }

.side-quote-content {
  background: #F4F4F4;
  border-radius: 10px;
  padding: 30px 20px; }
  .side-quote-content .link a {
    color: #137D60; }
  .side-quote-content .font-big {
    max-width: 100%;
    min-width: 100%;
    width: 100%; }

.ebook-box {
  background: #31b3c4;
  border-radius: 10px;
  margin-top: 15px;
  position: relative;
  overflow: hidden; }
  .ebook-box .ebook-thumb {
    position: absolute;
    left: 50%;
    top: -40px;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1; }
  .ebook-box .content {
    margin-top: 200px;
    position: relative;
    z-index: 2; }
    .ebook-box .content img {
      width: 100%; }
    .ebook-box .content .content-wrapper {
      background: #484848;
      color: #fff;
      padding: 17px 30px 30px; }
      .ebook-box .content .content-wrapper h5 {
        margin-bottom: 20px; }
      .ebook-box .content .content-wrapper a {
        font-size: 15px; }

.side-video {
  margin-top: 15px; }
  .side-video .video-box.video-container {
    display: block;
    padding: 30px; }
    .side-video .video-box.video-container .video {
      margin-bottom: 30px;
      margin-right: 0;
      min-height: 200px;
      min-width: 0; }
      .side-video .video-box.video-container .video .video-wrap {
        height: 200px; }
        .side-video .video-box.video-container .video .video-wrap .thumbnail {
          background-size: cover; }
    .side-video .video-box.video-container .video-txt .logo-icon {
      max-width: 60%; }

.grid.our-grid .zur-logo {
  width: 90px; }
  .grid.our-grid .zur-logo img {
    width: 100%; }

.grid.our-grid .purple {
  color: #9D41C9; }

.grid.our-grid .margin-b {
  margin-bottom: 20px; }

.grid.our-grid .sm-tit {
  color: #2A2A2A;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 5px; }

.active-handle {
  position: absolute;
  bottom: -35px;
  width: 100%;
  text-align: center;
  z-index: 444; }
  .active-handle ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .active-handle ul li {
      margin: 2px 5px; }
      .active-handle ul li .point {
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background-color: #7F7F7F; }
        .active-handle ul li .point.current {
          border: 2px solid #06D6A0;
          background-color: #FFF;
          width: 14px;
          height: 14px; }

.mb170 {
  margin-bottom: 170px; }

.title.purple {
  color: #9D41C9; }

@media (max-width: 991px) {
  .qa-main {
    max-width: none;
    margin: 30px 20px; } }

@media (max-width: 767px) {
  .qa-main {
    margin: 20px 15px; }
    .qa-main .title {
      font-size: 18px; }
    .qa-main .card-line .flex-one {
      flex: 0 !important; }
    .qa-main .card {
      height: auto;
      min-height: 275px;
      width: 240px; }
      .qa-main .card .tit {
        font-size: 21px;
        line-height: 23px; }
    .qa-main .card-line {
      padding-left: 15px;
      width: 1500px;
      justify-content: start;
      transition: 0.5s;
      -moz-transition: 0.5s;
      /* Firefox 4 */
      -webkit-transition: 0.5s;
      /* Safari and Chrome */ }
  .mobile-scroll {
    width: 100%;
    position: relative;
    overflow-x: hidden; }
  /* .drop-down */
  .drop-down {
    width: 100%;
    position: relative;
    margin-bottom: 20px; }
    .drop-down.open .dropdown-btn {
      border-width: 2px; }
    .drop-down.open .icon-arrow-down {
      transform: rotateX(180deg); }
    .drop-down.open .drop-menu {
      display: block; }
    .drop-down .dropdown-btn {
      font-size: 14px;
      background: #FFF;
      line-height: 30px;
      position: relative;
      display: block;
      padding-left: 10px;
      padding-right: 30px;
      border: 1px solid #AAA;
      border-radius: 5px;
      text-align: left; }
      .drop-down .dropdown-btn:hover {
        color: #333; }
      .drop-down .dropdown-btn .value {
        display: table-cell;
        vertical-align: middle;
        height: 36px;
        font-size: 14px;
        color: #2b2b2b;
        white-space: nowrap; }
    .drop-down .icon-arrow-down {
      width: 15px;
      height: 9px;
      margin-top: -3px;
      position: absolute;
      right: 10px;
      top: 50%;
      background: url("../img/icon-drop.svg") center center no-repeat;
      background-size: 15px 9px; }
    .drop-down .drop-menu {
      display: none;
      min-width: 50px;
      width: 100%;
      text-align: center;
      padding: 0;
      border-radius: 5px;
      box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
      border-radius: 5px;
      max-height: 400px;
      overflow: auto;
      margin-top: 0;
      z-index: 666;
      background-color: #FFF;
      position: absolute;
      top: 100%;
      left: 0; }
      .drop-down .drop-menu li {
        display: table;
        width: 100%; }
        .drop-down .drop-menu li > a {
          font-size: 14px;
          color: #2A2A2A;
          font-weight: normal;
          text-align: left;
          padding: 7px 12px;
          line-height: 21px;
          vertical-align: middle;
          display: table-cell;
          white-space: normal; }
          .drop-down .drop-menu li > a:hover, .drop-down .drop-menu li > a.active {
            background-color: #F4F4F4; } }

.all-case-banner .member {
  text-align: left;
  margin-bottom: 0; }
  .all-case-banner .member img {
    clip-path: url(#shape-1); }

.all-case-banner .land-logo {
  width: 118px;
  margin-bottom: 20px; }
  .all-case-banner .land-logo img {
    width: 100%; }

.all-case-banner .case-grid {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 5; }
  .all-case-banner .case-grid .img-wrap {
    width: 100%; }
    .all-case-banner .case-grid .img-wrap img {
      width: 100%; }

.all-case-banner .little-grey {
  color: #555;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.3px;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 3px; }

.all-case-banner .big-title {
  color: #2A2A2A;
  font-family: 'Barlow Condensed';
  font-size: 48px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 5px; }

.all-case-banner p {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  padding-right: 40px; }

.all-case-banner .media-wrap {
  padding-top: 24px; }

.bottom-white-theme {
  background-color: #F4F4F4;
  position: relative;
  z-index: 333;
  margin-top: 0;
  padding-top: 25px; }
  .bottom-white-theme:after {
    background: url(../img/rectangle-white@2x.png) center bottom no-repeat;
    background-size: 100% 100%;
    display: block;
    content: '';
    height: 139px;
    position: relative;
    margin-top: -96px; }

.checkbox-wrap {
  display: inline-block;
  vertical-align: top; }
  .checkbox-wrap input[type="checkbox"] {
    display: none; }
  .checkbox-wrap input[type="checkbox"] + label {
    font-size: 14px;
    color: #2A2A2B;
    font-family: Roboto;
    display: inline-block;
    font-weight: normal;
    padding-left: 34px;
    text-align: left;
    position: relative;
    line-height: 30px;
    text-transform: none;
    cursor: pointer; }
  .checkbox-wrap label::before {
    content: "";
    display: block;
    vertical-align: middle;
    margin-right: 5px;
    border: 1px solid #AAA;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 3px; }
  .checkbox-wrap input[type="checkbox"]:checked + label::before {
    background: #0AB88A url(../img/icon-checked.svg) center center no-repeat;
    background-size: 13px auto;
    border: 0; }

.case-content .case-tabs .tit {
  font-family: 'Barlow Condensed'; }

.case-content .case-tabs a {
  text-decoration: none; }

.case-content .row-table {
  border-top: solid 2px #D8D8D8;
  border-radius: 1px;
  margin-bottom: 0px; }
  .case-content .row-table .row-td {
    border-bottom: solid 2px #D8D8D8;
    border-radius: 1px;
    padding: 30px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box; }
    .case-content .row-table .row-td:last-child {
      border-bottom: none; }
    .case-content .row-table .row-td .w-12 {
      width: 12%; }
    .case-content .row-table .row-td .w-16 {
      width: 16%;
      text-align: right; }
    .case-content .row-table .row-td .w-18 {
      width: 18%; }
    .case-content .row-table .row-td .w-36 {
      width: 36%; }
    .case-content .row-table .row-td .txt-p {
      font-family: Barlow;
      font-size: 20px;
      font-weight: 600;
      letter-spacing: 0.3px;
      line-height: 22px;
      text-transform: uppercase;
      margin-right: 30px; }
    .case-content .row-table .row-td .color-blue {
      color: #0D61BF; }
      .case-content .row-table .row-td .color-blue a {
        text-decoration: none; }
    .case-content .row-table .row-td .td-tit {
      color: #7F7F7F;
      font-family: Roboto;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 1.3px;
      line-height: 16px;
      margin-bottom: 4px;
      text-transform: uppercase; }
    .case-content .row-table .row-td .txt {
      color: #2A2A2A;
      font-family: Roboto;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px; }
    .case-content .row-table .row-td .btn {
      margin-top: 5px; }

.case-content .bottom-btn {
  text-align: center;
  border-top: 2px solid #d8d8d8;
  padding-top: 24px; }

@media (max-width: 1200px) {
  .all-case-banner .case-grid .img-wrap {
    width: 360px; }
    .all-case-banner .case-grid .img-wrap img {
      width: 100%; } }

@media (max-width: 1200px) {
  .case-content .row-table {
    margin-bottom: 0px; }
    .case-content .row-table .row-td {
      padding: 20px 0; }
      .case-content .row-table .row-td .w-12 {
        width: 14%; }
      .case-content .row-table .row-td .w-16 {
        width: 18%;
        text-align: right; }
      .case-content .row-table .row-td .w-18 {
        width: 18%; }
      .case-content .row-table .row-td .w-36 {
        width: 30%; }
      .case-content .row-table .row-td .txt-p {
        font-size: 18px;
        margin-right: 15px; }
      .case-content .row-table .row-td .btn {
        width: 130px; } }

@media (max-width: 991px) {
  .all-case-banner .case-grid .img-wrap {
    width: 284px;
    margin-left: 20px; } }

@media (max-width: 767px) {
  .all-case-banner .case-grid {
    overflow: hidden; }
    .all-case-banner .case-grid .img-wrap {
      width: 327px;
      margin: 0 -20px 0 auto; }
    .all-case-banner .case-grid .land-logo {
      margin-top: 15px;
      width: 82px;
      margin-bottom: 20px; }
  .all-case-banner p {
    font-size: 17px;
    line-height: 26px; }
  .all-case-banner .big-title {
    font-size: 30px; }
  .bottom-white-theme {
    margin-bottom: 20px; }
    .bottom-white-theme::after {
      height: 54px;
      background-size: 100%; }
  .case-content .row-table {
    margin-bottom: 25px; }
    .case-content .row-table .row-td {
      padding: 15px 0 10px;
      -webkit-flex-direction: column;
      flex-direction: column; }
      .case-content .row-table .row-td .td {
        margin: 0 0 7px; }
      .case-content .row-table .row-td .w-12 {
        width: 100%;
        display: flex;
        align-items: baseline; }
      .case-content .row-table .row-td .w-16 {
        display: none; }
      .case-content .row-table .row-td .w-18 {
        width: 100%;
        display: flex;
        align-items: baseline; }
      .case-content .row-table .row-td .w-36 {
        width: 100%; }
      .case-content .row-table .row-td .txt-p {
        font-size: 18px;
        margin-right: 0;
        margin-bottom: 10px; }
      .case-content .row-table .row-td .color-blue {
        color: #0D61BF; }
      .case-content .row-table .row-td .td-tit {
        margin: 0 3px 0 0;
        display: inline-block;
        width: 80px;
        text-transform: uppercase; }
      .case-content .row-table .row-td .txte {
        width: calc(100% - 83px);
        line-height: 1.5; }
      .case-content .row-table .row-td .txt {
        display: inline-block;
        font-size: 14px; } }

.case-study-featured {
  background: url(../img/featured-case-stude-bottom-wave.svg) 50% 100% no-repeat;
  background-size: 100%;
  padding: 90px 0 170px; }
  @media (max-width: 767px) {
    .case-study-featured {
      background-size: contain;
      padding: 45px 0 50px; } }
  @media (max-width: 767px) {
    .case-study-featured li {
      padding-bottom: 10px; } }
  .case-study-featured .case-study-featured-card {
    background-color: #f4f4f4;
    border-radius: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    height: 630px;
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden; }
    @media (max-width: 767px) {
      .case-study-featured .case-study-featured-card {
        align-content: flex-start;
        flex-wrap: wrap;
        height: 597px;
        position: relative;
        width: calc(100% - 30px); } }
    .case-study-featured .case-study-featured-card .copy {
      padding: 40px 65px 40px 40px;
      position: relative;
      width: 45%; }
      @media (max-width: 767px) {
        .case-study-featured .case-study-featured-card .copy {
          order: 2;
          padding: 0 15px;
          position: static;
          width: 100%; } }
      .case-study-featured .case-study-featured-card .copy img {
        display: block;
        height: 36px;
        margin-bottom: 50px;
        width: auto; }
        @media (max-width: 767px) {
          .case-study-featured .case-study-featured-card .copy img {
            height: 26px;
            margin-bottom: 10px; } }
      .case-study-featured .case-study-featured-card .copy h3 {
        margin-bottom: 10px; }
      .case-study-featured .case-study-featured-card .copy .description {
        font-size: 24px;
        font-weight: 400;
        line-height: 36px; }
        @media (max-width: 767px) {
          .case-study-featured .case-study-featured-card .copy .description {
            font-size: 16px;
            font-weight: 400;
            line-height: 26px; } }
      .case-study-featured .case-study-featured-card .copy .btn {
        bottom: 40px;
        left: 40px;
        position: absolute; }
        @media (max-width: 767px) {
          .case-study-featured .case-study-featured-card .copy .btn {
            bottom: 25px;
            font-size: 12px;
            font-weight: 700;
            height: 30px;
            line-height: 30;
            left: 15px; } }
      .case-study-featured .case-study-featured-card .copy .quote blockquote {
        background-image: linear-gradient(to right, #9d41c9 0%, #ef476f 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Barlow Condensed';
        font-size: 32px;
        font-style: italic;
        font-weight: 500;
        line-height: 40px;
        margin-bottom: 18px; }
        @media (max-width: 767px) {
          .case-study-featured .case-study-featured-card .copy .quote blockquote {
            font-size: 25px;
            line-height: 27px;
            margin-bottom: 12px; } }
      .case-study-featured .case-study-featured-card .copy .quote figcaption {
        font-size: 16px; }
      .case-study-featured .case-study-featured-card .copy .stats {
        margin-top: 39px;
        display: flex;
        justify-content: space-between; }
        @media (max-width: 767px) {
          .case-study-featured .case-study-featured-card .copy .stats {
            margin-top: 24px; } }
        .case-study-featured .case-study-featured-card .copy .stats .stat-item {
          width: 49%; }
          .case-study-featured .case-study-featured-card .copy .stats .stat-item .stat-number {
            color: #2984bd;
            font-family: "Barlow Condensed";
            font-size: 80px;
            font-weight: 400;
            line-height: 74px; }
            @media (max-width: 767px) {
              .case-study-featured .case-study-featured-card .copy .stats .stat-item .stat-number {
                font-size: 42px;
                font-weight: 400;
                line-height: 38px; } }
          .case-study-featured .case-study-featured-card .copy .stats .stat-item .stat-desc {
            font-size: 16px;
            line-height: 26px; }
            @media (max-width: 767px) {
              .case-study-featured .case-study-featured-card .copy .stats .stat-item .stat-desc {
                font-size: 14px;
                font-weight: 500;
                line-height: 22px; } }
    .case-study-featured .case-study-featured-card .image {
      overflow: hidden;
      width: 55%; }
      @media (max-width: 767px) {
        .case-study-featured .case-study-featured-card .image {
          height: 230px;
          margin-bottom: 12px;
          order: 1;
          position: relative;
          width: 100%; } }
      .case-study-featured .case-study-featured-card .image img {
        height: calc(100% + 40px);
        max-width: none;
        position: relative;
        top: -20px;
        width: auto; }
        @media (max-width: 767px) {
          .case-study-featured .case-study-featured-card .image img {
            bottom: 0;
            height: auto;
            left: 50%;
            position: absolute;
            top: auto;
            transform: translateX(-50%);
            width: calc(100% + 20px); } }

.case-study-all-content {
  background: #f4f4f4;
  padding: 70px 0 100px; }
  @media (max-width: 767px) {
    .case-study-all-content {
      padding: 40px 0 50px; } }
  .case-study-all-content .dropdown-field {
    background: transparent; }
    .case-study-all-content .dropdown-field .form-input label {
      background: transparent;
      top: -13px; }
      .case-study-all-content .dropdown-field .form-input label:before {
        background: #f4f4f4;
        content: '';
        height: 5px;
        left: 0;
        position: absolute;
        top: 9px;
        width: 100%;
        z-index: 1; }
      .case-study-all-content .dropdown-field .form-input label span {
        position: relative;
        z-index: 2; }
    .case-study-all-content .dropdown-field .form-field:focus ~ .form-label {
      background: transparent; }
  .case-study-all-content .case-study-content-list {
    display: flex;
    flex-wrap: wrap; }
    .case-study-all-content .case-study-content-list .card-case-study {
      margin: 0 10px 20px;
      padding-bottom: 80px;
      position: relative;
      width: calc(33.33% - 15px); }
      @media (max-width: 767px) {
        .case-study-all-content .case-study-content-list .card-case-study {
          margin: 0 0 10px;
          width: 100%; } }
      .case-study-all-content .case-study-content-list .card-case-study:nth-child(3n+1) {
        margin-left: 0; }
      .case-study-all-content .case-study-content-list .card-case-study:nth-child(3n+3) {
        margin-right: 0; }
      .case-study-all-content .case-study-content-list .card-case-study .media-top {
        background-size: contain;
        background-position: 50% 0;
        height: 230px; }
      .case-study-all-content .case-study-content-list .card-case-study .media-body .logo img {
        height: auto;
        max-height: 35px;
        max-width: 200px;
        width: auto; }
        @media (max-width: 767px) {
          .case-study-all-content .case-study-content-list .card-case-study .media-body .logo img {
            height: 26px; } }
      .case-study-all-content .case-study-content-list .card-case-study .media-body .btn {
        bottom: 40px;
        left: 20px;
        position: absolute; }

.flex-grid {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.crowdtesting-list {
  padding-bottom: 125px;
  padding-top: 40px; }
  .crowdtesting-list .title-bar {
    padding-bottom: 20px;
    position: relative;
    z-index: 666; }
    .crowdtesting-list .title-bar .title {
      font-size: 34px;
      text-transform: uppercase; }
    .crowdtesting-list .title-bar .tools .icon {
      width: 24px;
      height: 24px;
      display: inline-block;
      vertical-align: middle; }
      .crowdtesting-list .title-bar .tools .icon:hover {
        opacity: 0.85; }
    .crowdtesting-list .title-bar .tools .icon-list {
      background: url(../img/icon-list-grey.svg) center center no-repeat;
      background-size: 21px 20px;
      z-index: 444;
      margin: 0 10px; }
      .crowdtesting-list .title-bar .tools .icon-list.active {
        background: url(../img/icon-list.svg) center center no-repeat;
        background-size: 21px 20px; }
    .crowdtesting-list .title-bar .tools .icon-grid {
      background: url(../img/grid.svg) center center no-repeat;
      background-size: 20px 20px;
      z-index: 444; }
      .crowdtesting-list .title-bar .tools .icon-grid.active {
        background: url(../img/grid-green.svg) center center no-repeat;
        background-size: 21px 20px; }
    .crowdtesting-list .title-bar .tool-wrapper {
      position: relative; }
      .crowdtesting-list .title-bar .tool-wrapper.open .filter-panel {
        display: block; }
      .crowdtesting-list .title-bar .tool-wrapper .filter-panel {
        z-index: 333;
        display: none;
        position: absolute;
        top: 0;
        right: -68px;
        padding-top: 37px;
        background-color: transparent; }
        .crowdtesting-list .title-bar .tool-wrapper .filter-panel .inner {
          background-color: #FFF;
          border-radius: 10px;
          box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);
          width: 288px; }
      .crowdtesting-list .title-bar .tool-wrapper .icon-filter {
        background: url(../img/icon-filter.svg) center center no-repeat;
        background-size: 20px 20px;
        position: relative;
        z-index: 444; }
        .crowdtesting-list .title-bar .tool-wrapper .icon-filter .red-point {
          position: absolute;
          top: -2px;
          right: -2px;
          width: 10px;
          height: 10px;
          display: block;
          background-color: #EF476F;
          border-radius: 100%; }
      .crowdtesting-list .title-bar .tool-wrapper .filter-header {
        background-color: #137D60;
        border-radius: 10px 10px 0 0;
        line-height: 50px;
        padding: 0 15px;
        color: #FFF;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 700; }
      .crowdtesting-list .title-bar .tool-wrapper .filter-body {
        padding: 15px; }
        .crowdtesting-list .title-bar .tool-wrapper .filter-body li {
          margin-bottom: 8px; }
          .crowdtesting-list .title-bar .tool-wrapper .filter-body li:last-child {
            margin-bottom: 0; }
  .crowdtesting-list .bottom-btn {
    text-align: center;
    padding: 10px 0; }

.crowdtest-grid .panel-item {
  margin-bottom: 16px;
  background-color: #F4F4F4;
  border-radius: 10px;
  min-height: 456px;
  padding-bottom: 10px;
  overflow: hidden; }
  .crowdtest-grid .panel-item .media-top {
    width: 100%;
    position: relative;
    min-height: 164px;
    overflow: hidden; }
    .crowdtest-grid .panel-item .media-top img {
      width: 100%;
      height: 164px;
      z-index: 22;
      position: relative; }
      @media (orientation: landscape) {
        .crowdtest-grid .panel-item .media-top img {
          object-fit: cover; } }
      .crowdtest-grid .panel-item .media-top img:first-child {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 164px;
        z-index: 0; }
      .crowdtest-grid .panel-item .media-top img.wave-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 23;
        bottom: -73px;
        left: 0; }
        @media (orientation: landscape) {
          .crowdtest-grid .panel-item .media-top img.wave-bg {
            object-fit: contain; } }
  .crowdtest-grid .panel-item .media-body {
    padding: 14px 25px 15px; }
    .crowdtest-grid .panel-item .media-body .tit {
      color: #2A2A2A;
      font-family: 'Barlow Condensed';
      font-size: 34px;
      font-weight: 500;
      line-height: 38px;
      margin-bottom: 14px;
      text-transform: uppercase; }
    .crowdtest-grid .panel-item .media-body .three-txt {
      padding-bottom: 15px; }
      .crowdtest-grid .panel-item .media-body .three-txt .txt-line {
        margin-right: 5px;
        padding-right: 5px;
        display: inline-block;
        vertical-align: middle;
        line-height: 20px;
        font-size: 14px;
        color: #2A2A2A;
        border-right: 1px solid #2A2A2A; }
        .crowdtest-grid .panel-item .media-body .three-txt .txt-line:last-child {
          margin-right: 0;
          border-right: 0; }
    .crowdtest-grid .panel-item .media-body .txt {
      color: #2A2A2A;
      font-family: Roboto;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      min-height: 104px; }
    .crowdtest-grid .panel-item .media-body .link {
      color: #137D60;
      font-size: 15px;
      letter-spacing: 1px;
      background: url(../img/icons/right-view-arrow.svg) right center no-repeat;
      background-size: 16px 13px;
      padding-right: 20px; }

@media (max-width: 1280px) {
  .crowdtesting-list {
    padding: 0 15px 50px; }
  .crowdtest-grid .column-4 {
    width: calc(50% - 29.66667px);
    margin-left: 20px; } }

@media (max-width: 767px) {
  .crowdtest-grid .column-4 {
    width: calc(100% - 20px);
    margin-left: 10px; }
  .crowdtest-grid .panel-item {
    min-height: auto; }
    .crowdtest-grid .panel-item .media-body {
      padding: 15px 15px; }
      .crowdtest-grid .panel-item .media-body .txt {
        min-height: auto;
        font-size: 16px;
        padding-bottom: 10px; }
      .crowdtest-grid .panel-item .media-body .btn-link {
        margin-left: -15px; }
      .crowdtest-grid .panel-item .media-body .tit {
        font-size: 25px; }
      .crowdtest-grid .panel-item .media-body .three-txt {
        padding-bottom: 9px; }
  .case-grid {
    flex-direction: column; }
    .case-grid .img-wrap {
      transform: rotateY(-180deg); }
  .bottom-white-theme:after {
    margin-top: 0; }
  .crowdtesting-list {
    padding: 0 0 40px; }
    .crowdtesting-list .btn-green-border {
      padding: 0 15px; }
    .crowdtesting-list .title-bar .title {
      font-size: 24px; } }

.case-content {
  margin: 20px auto 20px auto; }
  .case-content .case-tabs {
    margin-bottom: 105px;
    text-transform: uppercase; }
    .case-content .case-tabs .tit {
      color: #2A2A2A;
      font-family: 'Barlow Condensed';
      font-size: 34px;
      font-weight: 500;
      margin-right: 30px; }
    .case-content .case-tabs a {
      color: #2A2A2A;
      font-family: Barlow;
      font-size: 24px;
      font-weight: 500;
      letter-spacing: 0.2px;
      margin-right: 30px;
      position: relative;
      display: inline-block; }
      .case-content .case-tabs a.active {
        font-weight: 600; }
        .case-content .case-tabs a.active .line {
          display: inline-block; }
      .case-content .case-tabs a:hover {
        opacity: 0.85; }
    .case-content .case-tabs .line {
      display: none;
      position: absolute;
      left: 50%;
      bottom: -10px;
      background-color: #43D7B0;
      border-radius: 1.5px;
      width: 30px;
      height: 3px;
      margin-left: -15px; }
  .case-content .search-form {
    margin-bottom: 50px;
    background-color: #FFF;
    border: 1px solid #AAA;
    border-radius: 20px;
    height: 40px;
    position: relative;
    overflow: hidden; }
    .case-content .search-form .inputs {
      margin-right: 130px;
      margin-left: 25px; }
      .case-content .search-form .inputs input {
        width: 100%;
        height: 38px;
        border: none;
        outline: none;
        color: #2A2A2A;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 38px; }
        .case-content .search-form .inputs input::-webkit-input-placeholder {
          color: #AAA; }
        .case-content .search-form .inputs input:-moz-placeholder {
          color: #AAA; }
        .case-content .search-form .inputs input::-moz-placeholder {
          color: #AAA; }
        .case-content .search-form .inputs input:-ms-input-placeholder {
          color: #AAA; }
    .case-content .search-form .search-btn {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      background-color: #E9E9E9;
      border-radius: 20px;
      width: 120px;
      height: 40px;
      text-align: center;
      line-height: 28px;
      pointer-events: none; }
      .case-content .search-form .search-btn span {
        color: #FAFAFB;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        background: url("../img/icon-search.svg") left center no-repeat;
        background-size: 12px;
        padding-left: 19px; }
      .case-content .search-form .search-btn:hover {
        opacity: 0.85; }
      .case-content .search-form .search-btn.btn-green {
        background-color: #137D60;
        pointer-events: initial; }
  .case-content .img-box .title {
    font-family: Roboto;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    color: #2A2A2A;
    font-weight: 500;
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start; }
    .case-content .img-box .title .link {
      color: #137D60;
      font-size: 15px;
      letter-spacing: 1px;
      padding-left: 20px;
      background-size: 16px 13px;
      padding-right: 20px;
      position: relative;
      text-decoration: none; }
      .case-content .img-box .title .link:after {
        content: '';
        background: url("../img/icons/right-view-arrow.svg") 50% 50% no-repeat;
        height: 14px;
        position: absolute;
        right: 0;
        top: 2px;
        width: 16px; }
      .case-content .img-box .title .link:hover:after {
        transform: translateX(5px);
        transition: transform 0.3s ease-out; }
  .case-content .img-box .row-img {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.66665%;
    margin-right: -1.66665%; }
    .case-content .img-box .row-img .col-img {
      width: 30%;
      margin: 0 1.666665% 25px; }
      .case-content .img-box .row-img .col-img a {
        background-color: #F4F4F4;
        border-radius: 10px;
        width: 100%;
        height: 250px;
        position: relative;
        overflow: hidden;
        display: block; }
      .case-content .img-box .row-img .col-img img {
        min-width: 100%;
        min-height: 100%;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
      .case-content .img-box .row-img .col-img .tag {
        display: block;
        position: absolute;
        left: 20px;
        top: 20px;
        background-color: #9D41C9;
        border-radius: 5px;
        width: 50px;
        height: 28px;
        text-align: center;
        line-height: 28px;
        color: #FFF;
        font-family: Roboto;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1.3px;
        text-transform: uppercase;
        z-index: 9; }
      .case-content .img-box .row-img .col-img .hover-txt {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
        background: rgba(42, 42, 42, 0.75);
        color: #FFF;
        font-family: 'Barlow Condensed';
        font-size: 34px;
        font-weight: 500;
        line-height: 38px;
        text-transform: uppercase;
        text-align: center; }
        .case-content .img-box .row-img .col-img .hover-txt em {
          padding-top: 55px;
          display: inline-block;
          text-align: left; }
          .case-content .img-box .row-img .col-img .hover-txt em.move-up {
            transform: translateY(-20px);
            transition: all 0.5s ease-in; }

@media (max-width: 1200px) {
  .case-content {
    margin: 20px 20px 100px; }
    .case-content .case-tabs {
      margin-bottom: 25px; }
      .case-content .case-tabs .tit {
        font-size: 20px;
        margin-right: 15px; }
      .case-content .case-tabs a {
        font-size: 16px;
        margin-right: 15px; }
    .case-content .search-form {
      margin-bottom: 25px; }
    .case-content .img-box .row-img {
      margin-left: -1%;
      margin-right: -1%; }
      .case-content .img-box .row-img .col-img {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%; } }

@media (max-width: 767px) {
  .case-content {
    margin: 20px 5px 100px; }
    .case-content .case-tabs {
      margin-bottom: 58px; }
      .case-content .case-tabs .tit {
        font-size: 12px;
        display: block;
        margin-right: 0;
        font-weight: 700; }
      .case-content .case-tabs a {
        font-size: 21px;
        margin-right: 20px; }
      .case-content .case-tabs .line {
        bottom: -8px;
        width: 20px;
        margin-left: -10px; }
    .case-content .search-form {
      margin-bottom: 30px; }
      .case-content .search-form .inputs {
        margin-right: 40px;
        margin-left: 20px; }
        .case-content .search-form .inputs input {
          font-size: 14px; }
      .case-content .search-form .search-btn {
        width: 56px; }
        .case-content .search-form .search-btn span {
          font-size: 0;
          background: url("../img/icon-search.svg") left center no-repeat;
          background-size: 16px;
          padding-left: 0;
          width: 16px;
          height: 16px;
          display: inline-block;
          line-height: 25px; }
    .case-content .img-box .title {
      font-size: 18px;
      font-weight: 600; }
      .case-content .img-box .title .left-txt {
        max-width: 190px; }
      .case-content .img-box .title .link {
        font-size: 12px;
        font-weight: 500;
        padding-left: 15px;
        background-size: 13px 11px;
        padding-right: 16px;
        background-size: 13px auto;
        display: flex;
        align-items: flex-end;
        flex: 0;
        min-width: 95px;
        background-position: right bottom 4px; }
    .case-content .img-box .row-img {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      margin-left: 0;
      margin-right: 0;
      overflow-x: auto; }
      .case-content .img-box .row-img.row-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
      .case-content .img-box .row-img .col-img {
        width: 240px;
        margin-right: 10px; }
        .case-content .img-box .row-img .col-img.col-100 {
          width: 100%;
          margin-right: 0;
          margin-left: 0; }
          .case-content .img-box .row-img .col-img.col-100 a {
            width: 100%;
            height: 175px; }
        .case-content .img-box .row-img .col-img a {
          border-radius: 5px;
          width: 240px;
          height: 145px; }
        .case-content .img-box .row-img .col-img .tag {
          left: 10px;
          top: 10px;
          border-radius: 3px;
          width: 32px;
          height: 17px;
          line-height: 17px; }
        .case-content .img-box .row-img .col-img .hover-txt {
          padding: 10px;
          font-size: 20px;
          line-height: 22px; }
          .case-content .img-box .row-img .col-img .hover-txt em {
            padding-top: 40px; } }

.container.top-company-commuity .top-titles .title {
  letter-spacing: 0.5px; }

.container.top-company-commuity .top-titles .subtitle {
  text-transform: inherit;
  padding-bottom: 70px; }

.container.top-company-commuity .curse-line {
  background: url("../img/company/curse-line.svg");
  background-size: 590px 24px;
  width: 590px;
  height: 24px;
  margin-bottom: 170px;
  margin-top: 190px;
  border: none; }

.container.black-theme {
  background-color: #2A2A2A; }
  .container.black-theme:before {
    background-image: url(../img/company/curve-black.svg);
    background-size: cover;
    display: block;
    content: "";
    height: 120px;
    background-color: #FFF; }

.container .sm-title-blue {
  color: #2C95D7;
  font-size: 48px;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 50px;
  text-align: center;
  margin-bottom: 10px; }
  .container .sm-title-blue span {
    display: block; }

.container .txt-intro {
  color: #2A2A2A;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  width: 630px;
  text-align: center;
  margin: 0 auto 100px; }

.container .million-box {
  max-width: 1298px;
  margin: 0 auto; }
  .container .million-box .grid.com-grid {
    margin-left: 140px;
    margin-right: 140px; }
  .container .million-box .grid.mb-210 {
    margin-bottom: 210px; }
  .container .million-box .grid .data {
    position: relative;
    margin-left: -20px; }
    .container .million-box .grid .data .border-r {
      position: absolute;
      right: 0;
      top: 0;
      background-color: #F4F4F4;
      border-radius: 1px;
      width: 2px;
      height: 100%; }
    .container .million-box .grid .data .big-num {
      color: #FFC43D;
      font-size: 80px;
      font-weight: 400;
      letter-spacing: 0.5px;
      line-height: 74px;
      text-align: center;
      margin-bottom: 23px;
      font-family: 'Barlow Condensed'; }
    .container .million-box .grid .data .txt-p {
      color: #2A2A2A;
      font-size: 16px;
      font-weight: 700;
      line-height: 26px;
      margin: 0 40px;
      text-align: center; }

.container .map-section {
  padding: 75px 80px; }
  .container .map-section .map-title {
    text-align: center;
    color: #FFF;
    font-size: 48px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 50px; }
  .container .map-section .map {
    margin: 80px auto 100px;
    max-width: 1280px; }
    .container .map-section .map img {
      width: 100%; }
  .container .map-section .map-control {
    display: none; }
  .container .map-section .txt-box {
    margin-left: 105px;
    margin-right: 105px;
    display: flex;
    -webkit-display: flex;
    margin-bottom: 200px; }
    .container .map-section .txt-box .big-title {
      color: #FFF;
      font-size: 48px;
      font-weight: 500;
      letter-spacing: 0.3px;
      line-height: 50px;
      width: 305px;
      margin-right: 20px;
      text-align: left;
      font-family: 'Barlow Condensed'; }
    .container .map-section .txt-box p {
      flex: 1;
      color: #FFF;
      font-size: 16px;
      font-weight: 500;
      line-height: 26px; }

.container .nickolas-box {
  max-width: 1067px;
  margin: 0 auto 200px;
  display: flex;
  -webkit-display: flex; }
  .container .nickolas-box.mb-100 {
    margin-bottom: 100px;
    margin-top: 110px; }
  .container .nickolas-box .txt {
    flex: 1;
    color: #555;
    font-family: 'Barlow Condensed';
    font-size: 34px;
    font-weight: 400;
    line-height: 44px;
    text-transform: uppercase; }
    .container .nickolas-box .txt.mt-50 {
      margin-top: 50px; }
    .container .nickolas-box .txt .left {
      display: block;
      float: left; }
    .container .nickolas-box .txt p {
      margin-left: 10px; }
  .container .nickolas-box .nickolas-img {
    width: 196px;
    margin-left: 20px; }
    .container .nickolas-box .nickolas-img .photo {
      width: 152px;
      height: 145px;
      background: url("../img/company/oval-blue.svg") no-repeat;
      background-size: 100%;
      padding: 8px 0 0 18px;
      margin-bottom: 18px; }
      .container .nickolas-box .nickolas-img .photo.green {
        background: url("../img/mike-oval.svg") no-repeat;
        background-size: 100%; }
      .container .nickolas-box .nickolas-img .photo img {
        width: 124px;
        height: 123px; }
    .container .nickolas-box .nickolas-img .name {
      color: #2A2A2A;
      font-size: 16px;
      font-weight: 700;
      line-height: 26px; }
    .container .nickolas-box .nickolas-img .intro {
      color: #2A2A2A;
      font-size: 16px;
      font-weight: 400;
      line-height: 22px; }

.container .plane-content {
  display: flex;
  -webkit-display: flex;
  max-width: 1300px;
  margin: 60px auto 200px; }
  .container .plane-content .w-20 {
    width: 20%; }
  .container .plane-content .plane {
    background-color: #FFF;
    border-radius: 10px;
    padding: 30px 20px;
    margin: 0 10px; }
    .container .plane-content .plane .tit {
      color: #2A2A2A;
      font-family: 'Barlow';
      font-size: 24px;
      font-weight: 600;
      letter-spacing: 0.2px;
      line-height: 26px;
      text-align: center;
      margin-bottom: 10px; }
    .container .plane-content .plane .txt {
      color: #2A2A2A;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      text-align: center;
      margin-bottom: 40px; }
    .container .plane-content .plane .bottom {
      text-align: center; }
      .container .plane-content .plane .bottom .btn {
        color: #229174;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.8px;
        line-height: 30px;
        padding: 0 15px;
        border: 1px solid #0AB88A;
        height: 30px;
        display: inline-block; }
        .container .plane-content .plane .bottom .btn:hover {
          opacity: 0.85; }

.jobs-benefits {
  max-width: 1322px;
  margin: 0 auto 105px; }
  .jobs-benefits.topcoder-open {
    max-width: 1100px; }
  .jobs-benefits .video-wrap {
    border-radius: 10px; }
    .jobs-benefits .video-wrap.h-598 {
      padding-top: 598px; }
  .jobs-benefits .tco-box {
    background-color: #F4F4F4;
    border-radius: 10px;
    height: 324px;
    display: flex;
    -webkit-display: flex;
    overflow: hidden; }
    .jobs-benefits .tco-box .tco-img {
      width: 388px;
      height: 324px;
      position: relative; }
    .jobs-benefits .tco-box .mobile-tco-img {
      display: none; }
    .jobs-benefits .tco-box .logo {
      position: absolute;
      width: 181px;
      height: 134px;
      left: 50%;
      top: 50%;
      transform: translate(-60%, -55%);
      -webkit-transform: translate(-60%, -55%);
      -ms-transform: translate(-60%, -55%);
      -moz-transform: translate(-60%, -55%);
      -o-transform: translate(-60%, -55%); }
    .jobs-benefits .tco-box img {
      width: 100%; }
    .jobs-benefits .tco-box .tco-txt {
      margin-left: 40px;
      margin-right: 30px;
      flex: 1; }
      .jobs-benefits .tco-box .tco-txt .title {
        color: #EF476F;
        font-size: 48px;
        font-weight: 500;
        letter-spacing: 0.3px;
        line-height: 50px;
        text-transform: uppercase;
        text-align: left;
        margin-top: 54px;
        margin-bottom: 10px; }
      .jobs-benefits .tco-box .tco-txt .subtit {
        color: #2A2A2A;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.2px;
        line-height: 26px;
        text-align: left;
        margin-bottom: 40px;
        font-family: 'Barlow'; }
        .jobs-benefits .tco-box .tco-txt .subtit em {
          color: #AAA;
          padding: 0 5px; }
      .jobs-benefits .tco-box .tco-txt .bottom {
        text-align: left; }
        .jobs-benefits .tco-box .tco-txt .bottom a {
          display: inline-block;
          height: 40px;
          line-height: 40px;
          font-family: 'Roboto';
          text-transform: uppercase; }
        .jobs-benefits .tco-box .tco-txt .bottom .btn-link {
          color: #2A2A2A;
          font-size: 15px;
          font-weight: 500;
          letter-spacing: 1px; }

.unrivaled-content .grid .column-3 {
  min-height: 421px;
  display: flex; }

.unrivaled-content .sm-title-blue {
  margin-top: 100px; }

.unrivaled-content .txt-intro {
  font-size: 24px; }

.unrivaled-content .use-box {
  margin-bottom: 170px; }
  .unrivaled-content .use-box .grey-tit {
    color: #7F7F7F;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 16px;
    text-transform: uppercase; }
  .unrivaled-content .use-box .titles {
    color: #2A2A2A;
    font-family: Barlow;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 8px 0; }
  .unrivaled-content .use-box .card-use {
    min-height: 1px;
    padding-bottom: 0;
    flex: 1;
    display: flex;
    flex-direction: column; }
  .unrivaled-content .use-box .media-body {
    background-color: #F4F4F4;
    padding: 20px;
    padding-top: 10px;
    flex: 1; }
  .unrivaled-content .use-box .media-top {
    width: 100%;
    position: relative;
    min-height: 145px;
    overflow: hidden; }
    .unrivaled-content .use-box .media-top img {
      height: 151px;
      object-fit: cover; }
      .unrivaled-content .use-box .media-top img.wave-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 23;
        bottom: -68px;
        left: 0;
        object-fit: contain; }
  .unrivaled-content .use-box .list-point li {
    margin-bottom: 10px;
    color: #2A2A2A;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding-left: 19px;
    position: relative; }
    .unrivaled-content .use-box .list-point li:before {
      position: absolute;
      left: 0;
      top: 10px;
      content: '';
      display: block;
      width: 6px;
      height: 6px;
      background-color: #2A2A2A;
      border-radius: 100%; }

@media (max-width: 1200px) {
  .container.top-company-commuity .top-titles .title {
    font-size: 60px;
    margin-top: 20px;
    line-height: 60px; }
  .container.top-company-commuity .top-titles .subtitle {
    padding-bottom: 20px; }
  .container.top-company-commuity .curse-line {
    margin-bottom: 100px;
    margin-top: 100px; }
  .container.black-theme:before {
    height: 80px; }
  .container .sm-title-blue {
    font-size: 36px;
    line-height: 40px; }
  .container .txt-intro {
    width: 100%;
    margin: 0 auto 50px; }
  .container .million-box {
    margin-left: 30px;
    margin-right: 30px; }
  .container .map-section {
    padding: 20px 30px; }
    .container .map-section .map-title {
      font-size: 40px;
      line-height: 50px; }
    .container .map-section .map {
      margin: 60px auto 50px;
      max-width: 100%; }
    .container .map-section .map-control {
      display: none; }
    .container .map-section .txt-box {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 150px; }
      .container .map-section .txt-box .big-title {
        font-size: 36px;
        line-height: 40px;
        width: 200px;
        margin-right: 20px; }
      .container .map-section .txt-box p {
        flex: 1;
        color: #FFF;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px; }
  .container .nickolas-box {
    max-width: none;
    margin: 0 30px 50px 30px; }
    .container .nickolas-box.mb-100 {
      margin-bottom: 100px; }
    .container .nickolas-box .txt {
      font-size: 30px;
      line-height: 40px; }
      .container .nickolas-box .txt.mt-50 {
        margin-top: 50px; }
  .container .plane-content {
    max-width: initial;
    margin: 40px 20px 100px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .container .plane-content .w-20 {
      width: 33.33333%; }
    .container .plane-content .plane {
      margin: 0 10px 20px; }
  .unrivaled-content .grid .column-3 {
    width: calc(50% - 30px);
    margin-bottom: 15px; }
    .unrivaled-content .grid .column-3:nth-child(1) {
      margin-left: 20px; }
  .jobs-benefits {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 50px; }
    .jobs-benefits .video-wrap.h-598 {
      padding-top: 300px; }
    .jobs-benefits .tco-box {
      height: 200px; }
      .jobs-benefits .tco-box .tco-img {
        width: 240px;
        height: 200px; }
      .jobs-benefits .tco-box .logo {
        width: 100px;
        height: 82px; }
      .jobs-benefits .tco-box .tco-txt {
        margin-left: 30px;
        margin-right: 10px; }
        .jobs-benefits .tco-box .tco-txt .title {
          font-size: 30px;
          line-height: 36px;
          margin-top: 10px; }
        .jobs-benefits .tco-box .tco-txt .subtit {
          font-size: 20px;
          margin-bottom: 20px; }
        .jobs-benefits .tco-box .tco-txt .bottom .btn-green {
          width: 180px;
          margin-right: 10px;
          font-size: 12px; }
        .jobs-benefits .tco-box .tco-txt .bottom .btn-link {
          font-size: 12px; }
  .grid.com-grid {
    margin-left: -40px;
    margin-right: -40px; }
  .grid.mb-210 {
    margin-bottom: 100px; }
  .grid.our-grid .mb-40 {
    margin-bottom: 40px; }
  .grid.our-grid .rectangle-box {
    padding: 20px 15px 5px;
    margin-top: 40px; }
    .grid.our-grid .rectangle-box .group {
      margin: 0 0 20px; }
  .grid .data .big-num {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px; }
  .grid .data .txt-p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 20px; } }

@media (max-width: 767px) {
  .container.top-company-commuity .top-titles .title {
    letter-spacing: 0.5px; }
  .container.top-company-commuity .top-titles .subtitle {
    text-transform: inherit;
    padding-bottom: 70px; }
  .container.top-company-commuity .curse-line {
    background: url("../img/company/curse-line.svg");
    background-size: 154px 7px;
    width: 154px;
    height: 7px;
    margin-bottom: 70px; }
  .container.black-theme:before {
    height: 45px; }
  .container .sm-title-blue {
    font-size: 31px;
    letter-spacing: 0.2px;
    line-height: 36px;
    margin-bottom: 10px; }
    .container .sm-title-blue span {
      display: block; }
  .container .txt-intro {
    width: 100%;
    margin: 0 auto 50px; }
  .container .million-box {
    margin-left: 16px;
    margin-right: 16px; }
  .container .map-section {
    padding: 40px 0 15px 15px; }
    .container .map-section .map-title {
      font-size: 31px;
      letter-spacing: 0.2px;
      line-height: 31px; }
    .container .map-section .map {
      margin: 50px auto 20px;
      width: 613px;
      overflow-x: auto; }
      .container .map-section .map img {
        width: 611px; }
    .container .map-section .map-control {
      display: block;
      text-align: center;
      font-size: 11px;
      font-weight: 400;
      line-height: 13px;
      color: #FAFAFB;
      margin-bottom: 80px; }
      .container .map-section .map-control span {
        padding: 0 15px;
        text-transform: uppercase; }
    .container .map-section .txt-box {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 50px;
      -webkit-flex-direction: column;
      flex-direction: column; }
      .container .map-section .txt-box .big-title {
        font-size: 31px;
        letter-spacing: 0.2px;
        line-height: 36px;
        font-weight: 500;
        width: 90%;
        margin-bottom: 10px; }
  .container .nickolas-box {
    margin: 0 15px 100px 15px;
    display: flex;
    -webkit-display: flex;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .container .nickolas-box.mb-100 {
      margin-bottom: 100px; }
    .container .nickolas-box .txt {
      font-size: 25px;
      line-height: 32px; }
      .container .nickolas-box .txt.mt-50 {
        margin-top: 0; }
    .container .nickolas-box .nickolas-img {
      width: 100%;
      margin-left: 0;
      display: flex; }
      .container .nickolas-box .nickolas-img .photo {
        width: 68px;
        height: 64px;
        padding: 3px 0 0 10px;
        margin-bottom: 0; }
        .container .nickolas-box .nickolas-img .photo img {
          width: 52px;
          height: 52px; }
      .container .nickolas-box .nickolas-img .mleft {
        margin-left: 20px;
        margin-top: 5px; }
      .container .nickolas-box .nickolas-img .name {
        font-size: 14px;
        line-height: 21px; }
      .container .nickolas-box .nickolas-img .intro {
        font-size: 14px;
        line-height: 21px; }
  .container .plane-content {
    display: flex;
    -webkit-display: flex;
    margin: 45px 15px 100px;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .container .plane-content .w-20 {
      width: 100%; }
    .container .plane-content .plane {
      border-radius: 10px;
      padding: 30px 20px;
      margin: 0 0 20px; }
  .jobs-benefits {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 80px;
    margin-top: -30px; }
    .jobs-benefits .video-wrap.h-598 {
      padding-top: 163px; }
    .jobs-benefits .tco-box {
      height: auto;
      -webkit-flex-direction: column;
      flex-direction: column; }
      .jobs-benefits .tco-box .tco-img {
        display: none; }
      .jobs-benefits .tco-box .mobile-tco-img {
        display: block;
        position: relative; }
      .jobs-benefits .tco-box .logo {
        width: 75px;
        height: 56px; }
      .jobs-benefits .tco-box .tco-txt {
        margin-left: 15px;
        margin-right: 10px; }
        .jobs-benefits .tco-box .tco-txt .title {
          font-size: 31px;
          line-height: 36px;
          margin-top: 20px;
          margin-bottom: 10px; }
        .jobs-benefits .tco-box .tco-txt .subtit {
          font-size: 21px;
          line-height: 23px;
          margin-bottom: 20px; }
        .jobs-benefits .tco-box .tco-txt .bottom {
          text-align: left; }
          .jobs-benefits .tco-box .tco-txt .bottom a {
            height: 30px;
            line-height: 30px;
            margin-bottom: 20px; }
          .jobs-benefits .tco-box .tco-txt .bottom .btn-green {
            width: 184px;
            margin-right: 0px; }
          .jobs-benefits .tco-box .tco-txt .bottom .btn-link {
            color: #2A2A2A;
            font-size: 15px;
            font-weight: 500;
            letter-spacing: 1px; }
  .unrivaled-content .grid .column-3 {
    width: 290px;
    margin-bottom: 0;
    margin-right: 15px;
    margin-left: 15px; }
    .unrivaled-content .grid .column-3:nth-child(1) {
      margin-left: 0; }
  .unrivaled-content .txt-intro {
    font-size: 20px; }
  .unrivaled-content .use-box {
    margin-bottom: 40px; }
  .grid.com-grid {
    margin-left: 0;
    margin-right: 0; }
  .grid.mb-210 {
    margin-bottom: 50px; }
  .grid.our-grid .mb-40 {
    margin-bottom: 40px; }
  .grid.our-grid .right-info {
    margin-right: 0; }
  .grid.our-grid .txt {
    color: #2A2A2A;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left; }
    .grid.our-grid .txt .color-blue {
      color: #2984BD; }
  .grid.our-grid .mb-25 {
    margin-bottom: 20px; }
  .grid.our-grid .list-com {
    margin: 0 20px 50px; }
    .grid.our-grid .list-com li {
      margin-bottom: 15px;
      text-align: center; }
      .grid.our-grid .list-com li .color-blue {
        padding-right: 0;
        display: block; }
  .grid.our-grid .wsj-logo {
    width: 64px; }
  .grid.our-grid .rectangle-box {
    margin-top: 50px; }
  .grid .data {
    margin-bottom: 45px; }
    .grid .data .border-r {
      display: none; }
    .grid .data .txt-p {
      font-size: 16px;
      font-weight: 500; }
  .container .million-box .grid.mb-210 {
    margin-bottom: 50px; }
  .container .million-box .grid .data .big-num {
    font-size: 42px;
    letter-spacing: 0.3px;
    line-height: 36px;
    margin-bottom: 10px; }
  .container .gray-theme:before {
    background-size: cover;
    height: 31px; } }

.grid.topcoder-open-grid.com-grid {
  max-width: 1206px;
  margin: 0 auto; }

.grid.topcoder-open-grid.our-grid .mb-40 {
  margin-bottom: 40px; }

.grid.topcoder-open-grid.our-grid .blue {
  color: #2C95D7; }

.grid.topcoder-open-grid.our-grid .txt {
  color: #2A2A2A;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left; }
  .grid.topcoder-open-grid.our-grid .txt .color-blue {
    color: #2984BD; }

.grid.topcoder-open-grid.our-grid .mb-25 {
  margin-bottom: 25px; }

.grid.topcoder-open-grid.our-grid .list-com li {
  margin-bottom: 10px;
  color: #2A2A2A;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px; }
  .grid.topcoder-open-grid.our-grid .list-com li .color-blue {
    color: #2984BD;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.2px;
    padding-right: 5px; }

.grid.topcoder-open-grid.our-grid .wsj-logo {
  width: 90px; }

.grid.topcoder-open-grid.our-grid .font-big {
  width: auto; }
  .grid.topcoder-open-grid.our-grid .font-big.purple {
    color: #9D41C9;
    margin-bottom: 20px; }

.grid.topcoder-open-grid.our-grid .rectangle-box {
  background-color: #F4F4F4;
  border-radius: 10px;
  padding: 25px 20px 5px;
  margin-top: 90px; }
  .grid.topcoder-open-grid.our-grid .rectangle-box .title {
    color: #2C95D7;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 25px; }
  .grid.topcoder-open-grid.our-grid .rectangle-box .group {
    margin-bottom: 20px;
    margin-left: 0; }
    .grid.topcoder-open-grid.our-grid .rectangle-box .group .sm-title {
      color: #2A2A2A;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.5px;
      line-height: 20px; }
    .grid.topcoder-open-grid.our-grid .rectangle-box .group p {
      color: #2A2A2A;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      padding-right: 20px; }

.grid.topcoder-open-grid.mb-210 {
  margin-bottom: 210px; }

.grid.topcoder-open-grid .data {
  position: relative;
  margin-left: -20px; }
  .grid.topcoder-open-grid .data .border-r {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #F4F4F4;
    border-radius: 1px;
    width: 2px;
    height: 100%; }
  .grid.topcoder-open-grid .data .txt-p {
    color: #2A2A2A;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 40px;
    text-align: center; }

.com-top-container .curse-line {
  background: url("../img/company/curse-line.svg");
  background-size: 590px 24px;
  width: 590px;
  height: 24px;
  margin-bottom: 170px;
  margin-top: 190px;
  border: none; }

.darkgray-theme {
  background-color: #2A2A2A; }
  .darkgray-theme:before {
    background-image: url(../img/company/curve-gray.svg);
    background-size: cover;
    display: block;
    content: "";
    height: 120px;
    background-color: #FFF; }
  .darkgray-theme .sponsorship-section {
    background-color: #555;
    position: relative;
    padding-top: 110px;
    padding-bottom: 290px; }

.spons-container {
  margin-top: 320px; }
  .spons-container .max1280 {
    position: relative; }
  .spons-container .top-img {
    position: absolute;
    left: 0;
    top: -600px; }
    .spons-container .top-img .img-top {
      width: 786px;
      height: auto; }
    .spons-container .top-img .oval-svg {
      width: 130px;
      height: auto;
      position: absolute;
      right: 15px;
      bottom: 15px; }
  .spons-container .white-title {
    color: #FFF;
    font-family: 'Barlow Condensed';
    font-size: 48px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 50px;
    max-width: 585px;
    margin: 0 auto 10px; }
  .spons-container .white-txt {
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    max-width: 630px;
    margin: 0 auto; }
  .spons-container .spon-list {
    max-width: 1322px;
    margin: 0 auto; }
    .spons-container .spon-list h5 {
      color: #FFF;
      font-family: Barlow;
      font-size: 24px;
      font-weight: 600;
      letter-spacing: 0.2px;
      line-height: 26px; }
    .spons-container .spon-list p {
      color: #FFF;
      font-family: Roboto;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      max-width: 355px;
      margin: 0 auto; }

@media (max-width: 1200px) {
  .darkgray-theme .sponsorship-section {
    padding-top: 110px;
    padding-bottom: 290px; }
  .spons-container {
    margin-top: 320px; }
    .spons-container .top-img {
      top: -480px; }
      .spons-container .top-img .img-top {
        width: 586px; } }

@media (max-width: 991px) {
  .grid.topcoder-open-grid.com-grid {
    max-width: none;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px; }
  .com-top-container .curse-line {
    background-size: 390px 24px;
    width: 390px;
    margin-bottom: 60px;
    margin-top: 60px; } }

@media (max-width: 767px) {
  .topcoder-open-title.container .title {
    font-size: 42px;
    margin-top: 20px; }
  .spons-container .spon-list h5 {
    font-size: 21px; }
  .grid.topcoder-open-grid.com-grid {
    padding-left: 10px;
    padding-right: 10px; }
  .grid.topcoder-open-grid.our-grid .rectangle-box {
    margin-top: 60px; }
    .grid.topcoder-open-grid.our-grid .rectangle-box .title {
      font-size: 21px; }
  .grid.topcoder-open-grid.our-grid .m-logo img {
    width: 64px; }
  .grid.topcoder-open-grid.our-grid .mb-40 {
    margin-top: 30px; }
  .com-top-container .curse-line {
    background-size: 190px 24px;
    width: 190px;
    margin-bottom: 30px;
    margin-top: 30px; }
  .spons-container {
    margin-top: 136px; }
    .spons-container .top-img {
      left: 0;
      top: -350px;
      overflow: hidden; }
      .spons-container .top-img .img-top {
        margin-left: -30px;
        max-width: 460px;
        width: 115%; }
      .spons-container .top-img .oval-svg {
        width: 90px;
        bottom: 0;
        right: 25px; }
    .spons-container .white-title,
    .spons-container .white-txt {
      padding: 0 20px; }
    .spons-container .white-title {
      font-size: 31px;
      line-height: 31px;
      margin-bottom: 10px; }
    .spons-container .white-txt {
      font-size: 16px;
      line-height: 26px; }
  .darkgray-theme:before {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 26px; }
  .darkgray-theme .sponsorship-section {
    padding-bottom: 88px; }
  .white-theme:before {
    height: 125px; }
  .spon-list .ic.ic-m {
    width: 39px;
    height: 39px; } }

.grid.sectury-grid {
  display: flex;
  margin: 100px auto 200px; }
  .grid.sectury-grid .grid {
    column-count: 2; }
    @media (max-width: 991px) {
      .grid.sectury-grid .grid {
        column-count: 1; } }
    .grid.sectury-grid .grid .column-6 {
      width: calc(100% - 20px);
      -webkit-column-break-inside: avoid;
      column-break-inside: avoid; }

.grid .group {
  margin: 0 10px 50px; }
  .grid .group .small-tit {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 16px; }
  .grid .group .big-tit {
    color: #2A2A2A;
    text-transform: uppercase;
    font-family: Barlow;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 26px;
    margin-bottom: 10px; }
  .grid .group .txt-p {
    color: #2A2A2A;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px; }
  .grid .group .color-red {
    color: #EF476F; }
  .grid .group .color-purple {
    color: #9D41C9; }
  .grid .group .color-green {
    color: #07D6A0; }

.grid .img-sectury {
  width: 100%;
  margin: 0 auto;
  position: sticky;
  position: -webkit-sticky;
  top: 0; }
  .grid .img-sectury img {
    display: block;
    width: 100%;
    height: auto;
    margin-left: auto; }

.img-security-sticky .grid .img-sectury {
  position: fixed;
  top: 5px;
  right: 0;
  width: calc(41.66667% - 28.33333px); }

.enterprise-security-banner .all-case-banner > .grid {
  position: relative;
  z-index: 555; }

.enterprise-security-banner .all-case-banner .tit-white {
  font-family: 'Barlow Condensed'; }

.darkblue-theme {
  background: #16679A; }
  .darkblue-theme:before {
    background: #16679A; }
  .darkblue-theme .wrapper {
    margin: -80px auto 0; }
    .darkblue-theme .wrapper .tit-gray {
      color: #D4D4D4;
      font-size: 34px;
      font-weight: 500;
      line-height: 38px;
      margin-top: -120px;
      text-transform: uppercase; }
    .darkblue-theme .wrapper .tit-white {
      color: #FFF;
      font-size: 80px;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 74px; }
      .darkblue-theme .wrapper .tit-white .color-yellow {
        color: #ffd36e; }
    .darkblue-theme .wrapper .people-img {
      width: 100%;
      position: relative; }
      .darkblue-theme .wrapper .people-img img {
        width: 100%; }
      .darkblue-theme .wrapper .people-img .oval-svg {
        position: absolute;
        right: -18px;
        bottom: 38%;
        width: 85px;
        height: auto; }

@media (max-width: 1200px) {
  .sectury-grid {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column-reverse; }
    .sectury-grid .column-5,
    .sectury-grid .column-7 {
      float: none;
      width: 100%; }
      .sectury-grid .column-5.right-three,
      .sectury-grid .column-7.right-three {
        width: 100%; }
  .enterprise-security-banner .all-case-banner {
    padding-bottom: 120px; }
  .user-have-content {
    margin-top: -85px; }
  .gray-theme:before {
    height: 34px;
    background-size: cover; }
  .grid.sectury-grid {
    margin: 100px 70px 25px; }
  .grid .group {
    margin: 0 10px 50px; }
    .grid .group .small-tit {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 1.3px;
      line-height: 16px; }
    .grid .group .big-tit {
      color: #2A2A2A;
      text-transform: uppercase;
      font-family: Barlow;
      font-size: 24px;
      font-weight: 600;
      letter-spacing: 0.2px;
      line-height: 26px;
      margin-bottom: 10px; }
    .grid .group .txt-p {
      color: #2A2A2A;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px; }
    .grid .group .color-red {
      color: #EF476F; }
    .grid .group .color-purple {
      color: #9D41C9; }
    .grid .group .color-green {
      color: #07D6A0; }
  .grid .img-sectury {
    margin-bottom: 25px; }
    .grid .img-sectury img {
      margin: 0 auto;
      width: 100%; }
  .darkblue-theme .wrapper {
    margin-top: 20px; }
    .darkblue-theme .wrapper .tit-white {
      font-size: 50px;
      line-height: 60px; } }

@media (max-width: 991px) {
  .grid .img-sectury img {
    width: 352px; }
  .user-have-content {
    margin-top: -123px; } }

@media (max-width: 767px) {
  .grid.sectury-grid {
    margin: 30px 15px -5px 0px; }
  .grid .group {
    margin: 0 0 25px; }
    .grid .group .big-tit {
      font-size: 21px;
      line-height: 23px; }
  .grid .img-sectury {
    margin: 0 auto 20px;
    width: auto; }
    .grid .img-sectury img {
      width: 292px; }
  .darkblue-theme .wrapper {
    margin: -80px auto 5px;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .darkblue-theme .wrapper .tit-gray {
      font-size: 25px;
      line-height: 26px;
      margin-top: 0px;
      padding-left: 5px; }
    .darkblue-theme .wrapper .tit-white {
      font-size: 42px;
      letter-spacing: 0.3px;
      line-height: 36px;
      padding-bottom: 10px;
      padding-left: 5px; }
    .darkblue-theme .wrapper .people-img {
      width: 100%;
      position: relative; }
      .darkblue-theme .wrapper .people-img img {
        width: 100%; }
      .darkblue-theme .wrapper .people-img .oval-svg {
        width: 50px;
        right: -10px; }
  .enterprise-security-banner .wrapper {
    padding: 0; }
  .enterprise-security-banner .all-case-banner {
    padding-bottom: 20px; } }

.top-titles.faq-title .title {
  margin-bottom: 100px; }

.top-titles.faq-title .curse-line {
  margin-bottom: 0; }

.faqs-list > .wrapper {
  max-width: 1063px;
  padding-bottom: 200px; }

.faqs-header .section {
  padding-bottom: 0; }

.accordion__item {
  display: flex;
  overflow: hidden;
  width: 100%;
  padding: 15px 0;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  text-decoration: none;
  border-bottom: 1px solid #D4D4D4; }
  .accordion__item:first-child {
    border-top: 1px solid #D4D4D4; }
  .accordion__item.active .accordion-header:after {
    transform: rotate(-180deg); }
  .accordion__item .accordion-header {
    position: relative;
    cursor: pointer; }
    .accordion__item .accordion-header h3 {
      padding-right: 35px;
      font-size: 31px; }
    .accordion__item .accordion-header:after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      display: block;
      width: 23px;
      height: 14px;
      margin-top: -7px;
      background: url(../img/icons/minimal-down.svg) center no-repeat;
      background-size: 23px auto;
      transition: all 0.3s; }
  .accordion__item .accordion-body {
    display: block;
    padding-top: 30px; }
    .accordion__item .accordion-body.js-accordion-body {
      display: none; }

@media (max-width: 767px) {
  .top-titles.faq-title .title {
    margin-bottom: 50px; }
  .faqs-list > .wrapper {
    max-width: 1063px;
    padding-bottom: 100px; }
  .accordion__item .accordion-header h3 {
    font-size: 26px; }
  .accordion__item .accordion-header:after {
    top: 0;
    margin-top: 10px; } }

.top-header {
  position: relative;
  z-index: 33; }

.top-banner-content.container {
  overflow: hidden; }

.public-sector-wrapper {
  z-index: 0;
  max-width: 1067px; }
  .public-sector-wrapper .blue-titles {
    max-width: 417px; }
  .public-sector-wrapper .txt {
    color: #2A2A2A;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left; }
  .public-sector-wrapper .hero-boxs img {
    margin-top: -150px;
    margin-right: -40px; }
  .public-sector-wrapper .public-top-banner .btn-md {
    font-size: 20px; }

.client-logos-sector {
  max-width: 700px;
  margin: 0 auto 67px; }

.max1063 {
  max-width: 1063px;
  margin: 0 auto; }

.our-focus-list.dobest-list .line-row {
  border-top: 2px solid #2A2A2A;
  border-bottom: 1px solid #2A2A2A; }
  .our-focus-list.dobest-list .line-row:last-child {
    border-bottom-width: 2px; }

.our-focus-list.dobest-list .items .bold-txt {
  color: #2A2A2A; }

.our-focus-list.dobest-list .items .thin-txt {
  color: #2A2A2A; }

.our-focus-list.dobest-list .items.w56 {
  width: 56%; }

.our-focus-grid .subtitle {
  color: #2A2A2A;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  max-width: 847px;
  text-align: center;
  margin: 0 auto; }

.your-vision-section .bold-txt {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase; }

.your-vision-section .right-bottom .img-boxs {
  margin-top: 90px;
  margin-left: -50px;
  position: relative; }

.your-vision-section .right-bottom .left-img {
  width: 461px;
  height: auto; }

.your-vision-section .right-bottom .bottom-svg {
  width: 122px;
  height: auto;
  position: absolute;
  right: -20px;
  bottom: -36px; }

.your-vision-section .grid {
  padding-bottom: 130px; }

.our-team-grid.grid {
  padding: 0 0 20px 0; }
  .our-team-grid.grid .white-txt {
    color: #FFF;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px; }
  .our-team-grid.grid .title {
    font-family: 'Barlow Condensed';
    font-size: 48px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 50px;
    margin-bottom: 60px; }
    .our-team-grid.grid .title.white {
      color: #FFF; }
  .our-team-grid.grid .little-txt {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF; }
    .our-team-grid.grid .little-txt.fz12 {
      font-size: 12px; }
    .our-team-grid.grid .little-txt.pb20 {
      padding-bottom: 20px; }
  .our-team-grid.grid .white-title {
    color: #FFF;
    font-family: 'Barlow Condensed';
    font-size: 34px;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 15px; }
  .our-team-grid.grid .white-txt {
    color: #FFF;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px; }
  .our-team-grid.grid .left-area {
    margin-right: 45px; }
    .our-team-grid.grid .left-area .row-line {
      margin-bottom: 30px; }
  .our-team-grid.grid .left-photo {
    float: left;
    position: relative;
    width: 152px;
    height: 145px;
    margin-right: 19px;
    margin-left: -62px; }
    .our-team-grid.grid .left-photo.green {
      background: url(../img/mike-oval.svg);
      background-size: 100%; }
    .our-team-grid.grid .left-photo img {
      width: 120px;
      height: auto;
      border-radius: 100%;
      position: absolute;
      top: 8px;
      left: 23px; }
  .our-team-grid.grid .white-panel {
    background-color: #F4F4F4;
    border-radius: 10px;
    width: 305px;
    padding: 30px;
    margin-left: auto; }
    .our-team-grid.grid .white-panel .label-txt {
      color: #2A2A2A;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.5px;
      line-height: 18px;
      margin-bottom: 5px; }
    .our-team-grid.grid .white-panel .items {
      padding-bottom: 15px; }
      .our-team-grid.grid .white-panel .items:last-child {
        padding-bottom: 0; }
    .our-team-grid.grid .white-panel p {
      color: #2A2A2A;
      font-family: Roboto;
      font-size: 12px;
      font-weight: 400;
      line-height: 18px;
      margin-bottom: 4px; }

.public-grey-area .white-bg {
  background-color: #FFF; }

.blue-purple-theme {
  background: #F4F4F4; }
  .blue-purple-theme:before {
    background: #FFF url("../img/blue-purple.svg") center bottom no-repeat;
    background-size: 100%;
    display: block;
    content: '';
    height: 124px;
    margin-bottom: -2px; }
  .blue-purple-theme.gradient-block .section {
    padding-bottom: 200px;
    background-image: linear-gradient(0deg, #652385 0%, #16679A 100%); }

.white-theme.pb60 {
  padding-bottom: 60px; }

.section-public .list-public {
  margin-top: 60px; }
  .section-public .list-public .panel-item .media-body .link {
    text-transform: uppercase;
    font-weight: 500; }
  .section-public .list-public .bottom-btn {
    padding-top: 10px; }

@media (max-width: 1200px) {
  .max1220 {
    max-width: none;
    padding: 0 30px; }
  .dobest-list .line-row .items.w13 {
    flex: 0 0 15%;
    max-width: 15%; }
  .blue-purple-theme:before {
    background-size: cover;
    height: 88px; }
  .our-team-grid.max1063 {
    max-width: none;
    padding: 0 90px; }
  .your-vision-section .right-bottom .left-img {
    width: 366px; } }

@media (max-width: 991px) {
  .your-vision-section .grid {
    padding-bottom: 50px; }
  .your-vision-section .right-bottom .img-boxs {
    margin-left: -48px; }
  .your-vision-section .right-bottom .left-img {
    width: 299px; }
  .your-vision-section .right-bottom .bottom-svg {
    width: 90px;
    right: 12px; }
  .blue-purple-theme:before {
    height: 88px; }
  .dobest-list {
    margin-top: 10px; }
    .dobest-list .line-row .items.w56 {
      flex: 0 0 52%;
      max-width: 52%; }
    .dobest-list .line-row .items.w13 {
      flex: 0 0 19%;
      max-width: 19%; }
      .dobest-list .line-row .items.w13.sol-product {
        flex: 0 0 100%;
        max-width: 100%; }
  .our-focus-grid .subtitle {
    padding: 0 30px;
    font-size: 20px; }
  .our-team-grid.grid .white-panel {
    width: 100%; }
  .our-team-grid.grid .column-8,
  .our-team-grid.grid .column-4 {
    width: calc(100% - 20px); }
  .public-sector-wrapper .hero-boxs img {
    margin-top: -13px; } }

@media (max-width: 767px) {
  .public-sector-wrapper .hero-boxs {
    margin: -49px 0 20px 58px; }
    .public-sector-wrapper .hero-boxs img {
      width: 110%; }
    .public-sector-wrapper .hero-boxs:after {
      display: none; }
  .public-sector-wrapper .blue-titles {
    margin-top: 10px;
    padding-left: 5px;
    margin-left: 0px; }
  .public-sector-wrapper .grey-txt {
    padding-left: 5px; }
  .public-sector-wrapper .txt {
    padding-left: 5px;
    font-size: 20px;
    line-height: 26px; }
  .public-sector-wrapper .public-top-banner .blue-titles {
    padding: 0 5px;
    margin: 5px 20px;
    margin-left: 0; }
  .public-sector-wrapper .public-top-banner .btn-md {
    font-size: 14px; }
  .client-logos {
    margin-bottom: 0;
    padding-top: 0; }
    .client-logos .landing-blocks.logos {
      padding-bottom: 24px; }
      .client-logos .landing-blocks.logos span {
        width: 25%;
        justify-content: center; }
        .client-logos .landing-blocks.logos span img {
          width: 80%;
          max-height: none;
          max-width: none; }
    .client-logos .logos-block {
      justify-content: center; }
  .gray-theme:before {
    height: 65px; }
  .your-vision-section .bold-txt.margin-b {
    margin-bottom: 9px;
    font-weight: 600; }
  .your-vision-section .right-bottom .img-boxs {
    margin-left: auto; }
  .your-vision-section .right-bottom .left-img {
    width: 100%; }
  .your-vision-section .grid.our-grid .right-info {
    margin-right: 0; }
  .your-vision-section .grid .column-small-12 {
    width: calc(100% - 5px);
    margin-left: 0; }
  .white-bg .blue-titles {
    max-width: 210px;
    margin: 0 auto 30px; }
  .white-bg .curse-wrapper .grey-curse {
    margin: 70px auto; }
  .section-public {
    padding: 0 15px; }
    .section-public .list-public {
      margin-top: 35px; }
  .list-public .grid-view {
    overflow-x: auto; }
    .list-public .grid-view .crowdtest-grid {
      width: 5000px; }
      .list-public .grid-view .crowdtest-grid .column-4 {
        width: 290px;
        max-width: 290px; }
  .scroll-points {
    position: relative;
    padding: 10px 0; }
    .scroll-points ul {
      display: flex;
      justify-content: center; }
    .scroll-points li a {
      background-color: #7F7F7F;
      border-radius: 100%;
      width: 6px;
      height: 6px;
      display: inline-block;
      margin: 2px;
      cursor: pointer;
      vertical-align: middle; }
      .scroll-points li a.active {
        border: 2px solid #137D60;
        border-radius: 100%;
        width: 14px;
        height: 14px;
        background-color: #FFF; }
  .our-focus-grid .subtitle {
    text-align: center;
    padding-bottom: 20px;
    line-height: 26px;
    padding: 0 20px; }
  .our-focus-grid .dobest-list .line-row {
    padding: 15px 0;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start; }
    .our-focus-grid .dobest-list .line-row .items {
      text-align: left; }
      .our-focus-grid .dobest-list .line-row .items.w31, .our-focus-grid .dobest-list .line-row .items.w56, .our-focus-grid .dobest-list .line-row .items.w13 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%; }
      .our-focus-grid .dobest-list .line-row .items .btn-green-border {
        height: 30px;
        line-height: 28px;
        border-radius: 15px;
        padding: 1px 15px;
        min-width: 112px;
        font-size: 12px;
        text-align: center; }
      .our-focus-grid .dobest-list .line-row .items .bold-txt {
        font-size: 31px; }
  .blue-purple-theme:before {
    height: 50px; }
  .our-team-grid.max1063 {
    padding: 0 15px; }
  .our-team-grid.grid .title {
    font-size: 31px;
    max-width: 260px;
    margin: 0 auto 20px; }
  .our-team-grid.grid .left-area {
    margin-right: 0; }
  .our-team-grid.grid .white-txt {
    font-size: 20px;
    line-height: 26px; }
  .our-team-grid.grid .left-photo {
    width: 90px;
    height: 86px;
    margin-left: 0; }
    .our-team-grid.grid .left-photo img {
      width: 70px;
      height: auto;
      left: 15px; }
  .our-team-grid.grid .white-panel {
    margin-top: 14px;
    padding: 20px; }
  .white-theme.pb60 {
    padding-bottom: 10px; }
  .blue-purple-theme.gradient-block .section {
    padding-bottom: 100px; } }

.splash-nav {
  background-color: #2a2a2a;
  height: 80px;
  display: flex;
  justify-content: space-between;
  padding: 0 30px; }
  @media (max-width: 767px) {
    .splash-nav {
      height: 60px;
      padding: 0 15px; } }
  .splash-nav div {
    display: flex;
    height: 30px;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    .splash-nav div.left-part .mobile-nav {
      display: none; }
      @media (max-width: 767px) {
        .splash-nav div.left-part .mobile-nav {
          display: block;
          height: 16px;
          margin-right: 15px;
          width: 24px; }
          .splash-nav div.left-part .mobile-nav span {
            background: #fff;
            border-radius: 1px;
            height: 2px;
            left: 0;
            position: absolute;
            width: 100%; }
            .splash-nav div.left-part .mobile-nav span:nth-child(1) {
              top: 0;
              transition: 0.3s; }
            .splash-nav div.left-part .mobile-nav span:nth-child(2) {
              top: calc(50% - 1px);
              transition: 0.3s; }
            .splash-nav div.left-part .mobile-nav span:nth-child(3) {
              bottom: 0;
              transition: 0.3s; }
          .splash-nav div.left-part .mobile-nav.open span:nth-child(1) {
            transform: translateX(0) translateY(7px) rotate(45deg); }
          .splash-nav div.left-part .mobile-nav.open span:nth-child(2) {
            transform: scale(0);
            transform-origin: 50% 50%; }
          .splash-nav div.left-part .mobile-nav.open span:nth-child(3) {
            transform: translateX(0) translateY(-7px) rotate(-45deg); } }
    @media (max-width: 767px) {
      .splash-nav div.left-part a {
        display: none; } }
    @media (max-width: 767px) {
      .splash-nav div.right-part a {
        margin: 0 5px; }
        .splash-nav div.right-part a:first-child {
          margin-left: 0; }
        .splash-nav div.right-part a:last-child {
          margin-right: 0; } }
  .splash-nav img {
    height: 20px;
    margin-right: 15px;
    margin-top: 5px;
    position: relative; }
  .splash-nav a {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 15px;
    position: relative;
    text-decoration: none;
    transition: color 0.5s; }
    .splash-nav a:hover {
      color: #229174; }
    .splash-nav a:before {
      background: #555;
      content: '';
      height: 30px;
      left: -15px;
      position: absolute;
      top: 0;
      width: 1px; }
    .splash-nav a.nav-business {
      padding-left: 15px; }
    .splash-nav a.nav-login {
      font-size: 12px; }
      @media (max-width: 767px) {
        .splash-nav a.nav-login:before {
          display: none; } }
      .splash-nav a.nav-login.nav-login-bigger {
        font-size: 18px; }
    .splash-nav a.nav-signup {
      background: #fff;
      border-radius: 15px;
      color: #229174;
      padding: 0 15px;
      font-size: 12px;
      margin-left: 5px;
      transition: background 0.5s, color 0.5s; }
      .splash-nav a.nav-signup:before {
        display: none; }
      .splash-nav a.nav-signup:hover {
        background: #229174;
        color: #fff; }

.splash-mobile-subnav {
  display: none; }
  @media (max-width: 767px) {
    .splash-mobile-subnav.subnav-open {
      background: #2a2a2a;
      display: flex;
      justify-content: space-between;
      height: 60px;
      left: 0;
      position: absolute;
      top: 100%;
      width: 100%; }
      .splash-mobile-subnav.subnav-open a {
        color: #fff;
        display: block;
        font-weight: 700;
        font-size: 18px;
        line-height: 60px;
        padding: 0 40px;
        text-decoration: none;
        text-transform: uppercase; }
      .splash-mobile-subnav.subnav-open:after {
        background: #555;
        content: '';
        height: 30px;
        left: 50%;
        position: absolute;
        top: 15px;
        width: 1px; } }

.hero-wave-splash {
  background: #2a2a2a;
  height: calc(100vh - 300px);
  min-height: 500px;
  text-align: center;
  overflow: hidden;
  position: relative; }
  .hero-wave-splash .container {
    left: 50%;
    max-width: 850px;
    position: absolute;
    top: calc(50% - 70px);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 12; }
    @media (max-width: 767px) {
      .hero-wave-splash .container {
        top: calc(50% - 40px);
        width: calc(100% - 30px);
        z-index: 10; } }
  .hero-wave-splash .wrapper {
    max-width: 850px; }
  .hero-wave-splash h1 {
    color: #fff;
    position: relative;
    z-index: 11; }
  .hero-wave-splash .buttons {
    margin-top: 39px;
    position: relative;
    z-index: 11; }
    .hero-wave-splash .buttons .btn {
      margin: 0 7px; }
      @media (max-width: 767px) {
        .hero-wave-splash .buttons .btn {
          font-size: 14px;
          height: 40px;
          line-height: 40px;
          padding: 0 20px; }
          .hero-wave-splash .buttons .btn:first-child {
            margin-bottom: 14px; } }
  .hero-wave-splash:after {
    background: transparent url(../img/splash/hero-waving.svg) repeat-x;
    bottom: 0;
    content: '';
    height: 92px;
    left: 0;
    position: absolute;
    width: 5760px;
    z-index: 10;
    animation: wave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0); }
    @media (max-width: 767px) {
      .hero-wave-splash:after {
        background-size: 720px 100%;
        background-position-y: 24px;
        width: 2880px; } }
  .hero-wave-splash .blob-green {
    background: url(../img/splash/blob-green.svg) no-repeat;
    bottom: -180px;
    height: 260px;
    pointer-events: none;
    position: absolute;
    right: 257px;
    transition: all 3s;
    width: 293px;
    z-index: 7; }
    @media (max-width: 767px) {
      .hero-wave-splash .blob-green {
        background-size: contain;
        bottom: -50px;
        height: 92px;
        right: 36px;
        width: 104px; } }
  .hero-wave-splash .blob-orange {
    background: url(../img/splash/blob-orange.svg) no-repeat;
    height: 236px;
    left: -47px;
    pointer-events: none;
    position: absolute;
    top: 190px;
    transition: all 3s;
    width: 293px;
    z-index: 8; }
    @media (max-width: 767px) {
      .hero-wave-splash .blob-orange {
        background-size: contain;
        height: 104px;
        left: -115px;
        top: 164px;
        width: 130px; } }
  .hero-wave-splash .blob-pink {
    background: url(../img/splash/blob-pink.svg) no-repeat;
    height: 116px;
    pointer-events: none;
    position: absolute;
    right: 76px;
    top: 95px;
    transition: all 3s;
    width: 131px;
    z-index: 9; }
    @media (max-width: 767px) {
      .hero-wave-splash .blob-pink {
        background-size: contain;
        height: 60px;
        right: -34px;
        top: 0;
        width: 68px; } }

/*
@keyframes move {
  0%   { transform: scale(1) rotate(0deg); }
  38%  { transform: scale(0.8, 1) rotate(45deg); }
  40%  { transform: scale(0.8, 1) rotate(45deg); }
  78%  { transform: scale(1.3) rotate(90deg); }
  80%  { transform: scale(1.3) rotate(90deg); }
  100% { transform: scale(1) rotate(0deg); }
}
*/
@keyframes wave {
  0% {
    margin-left: 0; }
  100% {
    margin-left: -1440px; } }

.page-template-template-splash .scrolling-logos {
  margin: 30px 0 80px; }

.splash-footer .footer-bottom {
  margin-top: 0; }

.hero-blob {
  background: #2a2a2a;
  overflow: hidden;
  margin-bottom: 40px;
  padding-bottom: 64px;
  position: relative; }
  @media (max-width: 991px) {
    .hero-blob {
      padding-bottom: 0; } }
  .hero-blob .container {
    margin: auto;
    max-width: 1310px;
    min-height: 600px;
    padding: 0 15px;
    position: relative; }
  .hero-blob h1 {
    color: #fff; }
    @media (max-width: 991px) {
      .hero-blob h1 {
        padding-right: 60px; } }
  .hero-blob p {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-top: 24px; }
    @media (max-width: 991px) {
      .hero-blob p {
        margin-top: 11px;
        padding-right: 60px; } }
  .hero-blob .buttons {
    margin-top: 30px; }
    @media (max-width: 991px) {
      .hero-blob .buttons {
        margin-top: 18px; } }
    .hero-blob .buttons .btn {
      margin: 0 3px; }
      .hero-blob .buttons .btn:first-child {
        margin-left: 0; }
        @media (max-width: 991px) {
          .hero-blob .buttons .btn:first-child {
            margin: 0 0 14px; } }
      .hero-blob .buttons .btn:last-child {
        margin-right: 0; }
        @media (max-width: 991px) {
          .hero-blob .buttons .btn:last-child {
            margin: 0; } }
  .hero-blob .copy {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    z-index: 10; }
    @media (max-width: 991px) {
      .hero-blob .copy {
        left: auto;
        margin-top: 40px;
        position: relative;
        top: auto;
        transform: none;
        width: 100%; } }
  .hero-blob .img {
    height: auto;
    max-width: 530px;
    position: absolute;
    right: 60px;
    top: 0;
    z-index: 7; }
    @media (max-width: 991px) {
      .hero-blob .img {
        height: 50vh;
        overflow: hidden;
        position: relative;
        top: auto;
        right: auto;
        width: 100%; } }
    .hero-blob .img img {
      width: 100%; }
  .hero-blob .blob-green {
    background: url(../img/splash/blob-green.svg) no-repeat;
    background-size: contain;
    bottom: -250px;
    height: 260px;
    position: absolute;
    right: 123px;
    transition: all 3s;
    width: 293px;
    z-index: 8; }
    @media (max-width: 991px) {
      .hero-blob .blob-green {
        bottom: -55px;
        height: 114px;
        right: 41px;
        width: 128px; } }
  .hero-blob .blob-orange {
    background: url(../img/splash/blob-orange.svg) no-repeat;
    background-size: contain;
    height: 381px;
    position: absolute;
    right: 150px;
    top: 111px;
    transition: all 3s;
    width: 474px;
    z-index: 6; }
    @media (max-width: 991px) {
      .hero-blob .blob-orange {
        bottom: -12px;
        height: 254px;
        left: -100px;
        right: auto;
        top: auto;
        width: 317px; } }
  .hero-blob .blob-pink {
    background: url(../img/splash/blob-pink.svg) no-repeat;
    background-size: contain;
    height: 116px;
    position: absolute;
    right: 13px;
    top: 50%;
    transition: all 3s;
    width: 131px;
    z-index: 9; }
    @media (max-width: 991px) {
      .hero-blob .blob-pink {
        bottom: 220px;
        height: 70px;
        right: -20px;
        top: auto;
        width: 79px; } }
  .hero-blob:after {
    background: transparent url(../img/white-wave.svg) 0 0 no-repeat;
    background-size: cover;
    bottom: -1px;
    content: '';
    height: 80px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10; }
    @media (max-width: 991px) {
      .hero-blob:after {
        background-position: 0 24px;
        background-size: 100% 100%;
        height: 64px; } }

.talent-success {
  padding-top: 120px;
  text-align: center; }
  @media (max-width: 991px) {
    .talent-success {
      overflow: hidden;
      padding-top: 20px;
      width: 100vw; } }
  .talent-success .copy {
    margin: 0 auto 37px;
    max-width: 885px; }
    @media (max-width: 767px) {
      .talent-success .copy {
        margin-bottom: 10px; } }
    .talent-success .copy h2 {
      font-size: 80px;
      font-weight: 600;
      line-height: 74px; }
      @media (max-width: 991px) {
        .talent-success .copy h2 {
          font-size: 42px;
          font-weight: 600;
          line-height: 38px;
          margin: 0 auto;
          width: 80%; } }
  .talent-success p {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 0;
    margin-top: 16px; }
    @media (max-width: 991px) {
      .talent-success p {
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        margin: 16px auto 0;
        width: 100%; } }
  .talent-success .btn {
    margin-top: 30px; }
  .talent-success img {
    min-width: 100%; }
    @media (max-width: 991px) {
      .talent-success img {
        left: 50%;
        position: relative;
        transform: translateX(-50%);
        width: 150%; } }

.customer-success.customer-success-v2 {
  background-image: linear-gradient(180deg, #16679a 0%, #2c95d7 100%);
  position: relative;
  padding: 68px 0 150px;
  z-index: 2; }
  .customer-success.customer-success-v2 .teal-theme {
    background: transparent; }
  @media (max-width: 991px) {
    .customer-success.customer-success-v2 {
      padding: 30px 0 75px; } }
  .customer-success.customer-success-v2 .blue-curve-mask {
    background-position: 50% 0;
    height: 92px;
    left: 0;
    position: absolute;
    top: -92px;
    width: 100%; }
    @media (max-width: 991px) {
      .customer-success.customer-success-v2 .blue-curve-mask {
        background-position: 50% 102%;
        background-repeat: no-repeat;
        background-size: contain; } }
  .customer-success.customer-success-v2 .section-title {
    margin-top: 46px; }
  @media (max-width: 991px) {
    .customer-success.customer-success-v2 .grid {
      padding-bottom: 0 !important; } }
  @media (max-width: 991px) {
    .customer-success.customer-success-v2 .customer-block .content-wrapper .image {
      padding-top: 30px; } }
  @media (max-width: 991px) {
    .customer-success.customer-success-v2 .customer-block .content-wrapper .heading {
      margin-top: 40px; } }
  .customer-success.customer-success-v2 .customer-block.size-3 a, .customer-success.customer-success-v2 .customer-block.size-4 a {
    min-height: 105px; }
  .customer-success.customer-success-v2 .customer-block-intro .bottom {
    text-align: left;
    margin-left: 108px;
    margin-right: auto; }
    @media (max-width: 991px) {
      .customer-success.customer-success-v2 .customer-block-intro .bottom {
        margin-left: 0; } }
  @media (max-width: 991px) {
    .customer-success.customer-success-v2 .content-wrapper .body, .customer-success.customer-success-v2 .content-wrapper .content {
      padding-right: 0; } }

.self-selection {
  height: 100vh;
  position: relative; }
  .self-selection .ss-content {
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 2px 6px 1px #E9E9E9;
    height: 466px;
    margin: 0 auto;
    max-width: 500px;
    overflow: hidden;
    padding-top: 70px;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%; }
    .self-selection .ss-content:before {
      background: #2A2A2A url(../img/tc_logo_white.svg) 50% 50% no-repeat;
      background-size: 100% 30px;
      content: '';
      height: 70px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .self-selection .ss-content h4 {
      margin-top: 34px; }
    .self-selection .ss-content h6 {
      margin-top: 70px; }
    .self-selection .ss-content .buttons {
      margin-top: 60px;
      display: flex;
      justify-content: space-evenly; }
    .self-selection .ss-content p {
      font-size: 14px;
      margin-bottom: 0;
      margin-top: 6px; }
  .self-selection.alignleft .ss-content {
    margin-right: auto;
    margin-left: 15px; }
  .self-selection.alignright .ss-content {
    margin-right: 15px;
    margin-left: auto; }
  .self-selection.alignwide .ss-content {
    max-width: 1024px; }
  .self-selection.alignfull .ss-content {
    margin-right: 15px;
    margin-left: 15px;
    max-width: calc(100% - 30px); }

.hero-video-gradient h1 {
  background: -webkit-repeating-linear-gradient(top, #24caa2, #3399d3) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin-left: 0;
  width: 100%; }
  @media (max-width: 992px) {
    .hero-video-gradient h1 {
      text-align: center; } }
  @media (max-width: 767px) {
    .hero-video-gradient h1 {
      margin-top: 0 !important; } }

.hero-video-gradient .headline {
  color: #fff;
  font-size: 24px;
  margin-top: 14px; }
  @media (max-width: 992px) {
    .hero-video-gradient .headline {
      text-align: center; } }
  @media (max-width: 767px) {
    .hero-video-gradient .headline {
      font-size: 20px;
      line-height: 30px;
      margin: 6px 45px 0; } }

.hero-video-gradient .call-to-actions {
  margin-top: 50px; }
  @media (max-width: 992px) {
    .hero-video-gradient .call-to-actions {
      text-align: center; } }
  @media (max-width: 767px) {
    .hero-video-gradient .call-to-actions {
      margin-top: 27px; } }
  .hero-video-gradient .call-to-actions .link {
    font-size: 15px;
    line-height: 20px;
    margin-left: 20px;
    white-space: nowrap; }
    @media (max-width: 992px) {
      .hero-video-gradient .call-to-actions .link {
        display: inline-block;
        margin-top: 20px; } }

.hero-video-gradient .video-box {
  height: 100%; }
  @media (max-width: 992px) {
    .hero-video-gradient .video-box {
      margin-top: 50px; } }

.hero-video-gradient .video {
  margin: 0;
  max-width: none;
  min-width: 100%;
  padding: 30px; }
  @media (max-width: 992px) {
    .hero-video-gradient .video {
      height: 100%;
      margin: 0 -15px;
      padding: 20px; } }

.hero-video-gradient .thumbnail {
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  cursor: pointer;
  padding-top: 56.25%;
  position: relative; }
  .hero-video-gradient .thumbnail:before, .hero-video-gradient .thumbnail:after {
    background: linear-gradient(120deg, #45D895, #2A4ADE, #9D41C9, #EF476F, #9D41C9, #2A4ADE, #45D895);
    background-size: 600%;
    border-radius: 10px;
    content: '';
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    top: -2px;
    width: calc(100% + 4px);
    animation: shadowanimate 120s linear infinite;
    z-index: -1; }
  .hero-video-gradient .thumbnail:after {
    filter: blur(10px); }
  .hero-video-gradient .thumbnail:hover i {
    opacity: 1; }

.hero-video-gradient .section {
  padding-bottom: 90px; }
  @media (max-width: 767px) {
    .hero-video-gradient .section {
      padding-bottom: 40px; } }

.hero-video-gradient .grid {
  display: flex; }
  @media (max-width: 992px) {
    .hero-video-gradient .grid {
      flex-direction: column; } }
  .hero-video-gradient .grid .column-6 {
    float: none; }
    @media (max-width: 992px) {
      .hero-video-gradient .grid .column-6 {
        margin: 0 15px; } }
    .hero-video-gradient .grid .column-6.col-text {
      width: 45%; }
      @media (max-width: 992px) {
        .hero-video-gradient .grid .column-6.col-text {
          order: 2;
          width: calc(100% - 30px); } }
    .hero-video-gradient .grid .column-6.col-video {
      width: 55%; }
      @media (max-width: 992px) {
        .hero-video-gradient .grid .column-6.col-video {
          margin-bottom: 30px;
          order: 1;
          width: calc(100% - 30px); } }

@media (max-width: 992px) {
  .hero-video-gradient .white-curve {
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: 40px;
    width: calc(100% + 2px); } }

@keyframes shadowanimate {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 600% 0; }
  100% {
    background-position: 0 0; } }

.generic-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  max-width: 413px;
  overflow: hidden; }
  .generic-card img {
    max-width: 100%; }
  .generic-card .media-top {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 228px; }
  .generic-card .media-body {
    padding: 15px 20px 20px; }
    .generic-card .media-body p.logo {
      margin-bottom: 15px; }
      .generic-card .media-body p.logo img {
        max-height: 35px;
        width: auto; }
    .generic-card .media-body h4.title {
      font-family: 'Barlow';
      font-size: 31px;
      font-weight: 500; }
      .generic-card .media-body h4.title.smaller {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px; }
    .generic-card .media-body h6.subheading {
      color: #7f7f7f;
      font-size: 8px;
      font-weight: 700;
      letter-spacing: 0.4px; }
    .generic-card .media-body p.description {
      font-size: 20px;
      font-weight: 400;
      line-height: 30px;
      margin-bottom: 0;
      margin-top: 10px; }
    .generic-card .media-body a {
      cursor: pointer !important;
      margin-top: 30px;
      border-bottom: 0 !important;
      display: inline-block !important;
      font-size: 12px !important;
      margin-left: 0 !important; }
      .generic-card .media-body a.btn {
        font-weight: 700 !important;
        line-height: 30px;
        padding: 0 15px !important; }
      .generic-card .media-body a.link {
        color: #137d60 !important;
        font-weight: 500 !important; }
      .generic-card .media-body a:before, .generic-card .media-body a:after {
        display: none; }
  .generic-card.card-case-study .media-top {
    height: 222px; }
  .generic-card.card-resources .media-body {
    background: url(../img/icons/press_release_icon.svg) calc(100% - 20px) 15px no-repeat; }
    .generic-card.card-resources .media-body.press-coverage {
      background: url(../img/icons/news_icon.svg) calc(100% - 20px) 15px no-repeat; }
    .generic-card.card-resources .media-body.research-reports {
      background: url(../img/icons/research_report_icon.svg) calc(100% - 20px) 15px no-repeat; }
    .generic-card.card-resources .media-body.ebooks {
      background: url(../img/icons/icon-ebooks.svg) calc(100% - 20px) 15px no-repeat; }
    .generic-card.card-resources .media-body.white-papers {
      background: url(../img/icons/icon-white-papers.svg) calc(100% - 20px) 15px no-repeat; }
  .generic-card.card-resources h6.title a {
    color: #2a2a2a;
    font-size: 20px !important;
    margin-top: 0;
    text-decoration: none; }
    .generic-card.card-resources h6.title a:hover {
      color: #137D60; }
  .generic-card.card-resources h6.subheading {
    color: #aaa;
    font-size: 12px !important;
    font-weight: 400; }
    .generic-card.card-resources h6.subheading strong {
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .generic-card.card-resources.card-ebooks, .generic-card.card-resources.card-white-papers {
    background-repeat: no-repeat;
    background-size: contain; }
    .generic-card.card-resources.card-ebooks .media-body, .generic-card.card-resources.card-white-papers .media-body {
      margin-left: 196px;
      min-height: 264px;
      padding-bottom: 50px;
      padding-left: 0;
      position: relative; }
      .generic-card.card-resources.card-ebooks .media-body h6.title, .generic-card.card-resources.card-white-papers .media-body h6.title {
        margin-top: 25px; }
      .generic-card.card-resources.card-ebooks .media-body a.link-dark, .generic-card.card-resources.card-white-papers .media-body a.link-dark {
        color: #2a2a2a !important;
        font-size: 15px !important;
        text-decoration: none; }
      .generic-card.card-resources.card-ebooks .media-body p.description, .generic-card.card-resources.card-white-papers .media-body p.description {
        font-size: 14px;
        line-height: 22px;
        margin: 13px 0 0; }
      .generic-card.card-resources.card-ebooks .media-body .cta, .generic-card.card-resources.card-white-papers .media-body .cta {
        bottom: 15px;
        left: 0;
        position: absolute; }
  .generic-card.long-generic-card {
    background-color: #f4f4f4;
    height: 100%;
    position: relative; }
    .generic-card.long-generic-card .media-body {
      padding-bottom: 80px; }
      .generic-card.long-generic-card .media-body h4.title {
        font-size: 36px;
        font-family: 'Barlow Condensed';
        font-weight: 400;
        line-height: 36px;
        margin-top: 25px; }
      .generic-card.long-generic-card .media-body h6.subheading {
        color: #2a2a2a;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        min-height: 41px; }
      .generic-card.long-generic-card .media-body a.btn {
        bottom: 40px;
        line-height: 40px;
        padding: 0 20px;
        left: 30px;
        position: absolute; }
      .generic-card.long-generic-card .media-body .content {
        margin-top: 33px; }
        .generic-card.long-generic-card .media-body .content .content-item {
          display: flex;
          padding: 22px 0 63px;
          position: relative; }
          .generic-card.long-generic-card .media-body .content .content-item:first-child {
            height: 142px; }
          .generic-card.long-generic-card .media-body .content .content-item:before {
            background: #d4d4d4;
            border-radius: 1px;
            content: '';
            height: 2px;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%; }
          .generic-card.long-generic-card .media-body .content .content-item .icon {
            flex: 0 0 40px;
            margin-right: 20px;
            padding-top: 8px; }
            .generic-card.long-generic-card .media-body .content .content-item .icon img {
              height: auto;
              width: 100%; }
          .generic-card.long-generic-card .media-body .content .content-item .description {
            color: #2a2a2a;
            font-size: 20px;
            flex: 1 1 0px;
            line-height: 30px; }
            .generic-card.long-generic-card .media-body .content .content-item .description p:last-child {
              margin-bottom: 0; }
            .generic-card.long-generic-card .media-body .content .content-item .description ul {
              list-style: disc;
              margin-left: 20px; }
              .generic-card.long-generic-card .media-body .content .content-item .description ul:last-child {
                margin-bottom: 0; }

.ebook-list a.card-ebooks, .ebook-list a.card-white-papers {
  background-color: #f4f4f4;
  display: block;
  box-shadow: none;
  text-decoration: none;
  transition: 0.3s; }
  .ebook-list a.card-ebooks .media-body, .ebook-list a.card-white-papers .media-body {
    margin-left: 196px !important; }
  .ebook-list a.card-ebooks h6, .ebook-list a.card-white-papers h6 {
    color: #2a2a2a; }
  .ebook-list a.card-ebooks .description, .ebook-list a.card-white-papers .description {
    font-size: 14px;
    line-height: 22px;
    margin-top: 14px; }
  .ebook-list a.card-ebooks .cta .ic-right-seagreen-arrow, .ebook-list a.card-white-papers .cta .ic-right-seagreen-arrow {
    left: -20px;
    opacity: 0; }
  .ebook-list a.card-ebooks:hover, .ebook-list a.card-white-papers:hover {
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
    .ebook-list a.card-ebooks:hover .cta span.link, .ebook-list a.card-white-papers:hover .cta span.link {
      color: #137d60; }
      .ebook-list a.card-ebooks:hover .cta span.link .ic-right-seagreen-arrow, .ebook-list a.card-white-papers:hover .cta span.link .ic-right-seagreen-arrow {
        opacity: 1; }
      .ebook-list a.card-ebooks:hover .cta span.link .ic-right-dark-arrow, .ebook-list a.card-white-papers:hover .cta span.link .ic-right-dark-arrow {
        opacity: 0; }

@media (max-width: 767px) {
  .ebook-list .grid .column-4 {
    margin-left: 0;
    width: 100%; }
    .ebook-list .grid .column-4 a.generic-card {
      max-width: none; } }

.menu-item .generic-card.card-case-study .media-body .logo {
  margin-bottom: 10px; }
  .menu-item .generic-card.card-case-study .media-body .logo img {
    max-height: 25px; }

.menu-item .generic-card.card-case-study .media-body h4.title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px; }

.menu-item .generic-card.card-case-study .media-body .description {
  margin-top: 7px; }

.menu-item .generic-card.card-case-study .media-body a.btn {
  margin-top: 13px; }

.useful-ways {
  padding-bottom: 150px; }
  @media (max-width: 767px) {
    .useful-ways {
      padding-bottom: 100px; } }
  @media (max-width: 767px) {
    .useful-ways .column-4 {
      margin-left: 0;
      width: 100%; } }
  .useful-ways .column-4 h2 {
    color: #26b3c5; }
  .useful-ways .column-4 .desc {
    margin-top: 18px; }
  .useful-ways .column-4 .cta {
    margin-top: 44px; }
  @media (max-width: 767px) {
    .useful-ways .column-8 {
      margin-left: 0;
      margin-top: 37px;
      width: 100%; } }
  .useful-ways .column-8 ul li {
    margin-bottom: 16px; }
    .useful-ways .column-8 ul li a {
      align-items: center;
      background: #f4f4f4;
      border-radius: 10px;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
      color: #2a2a2a;
      display: flex;
      padding: 40px 30px;
      text-decoration: none;
      transition: background 0.6s cubic-bezier(0, 0, 0.16, 0.96), max-height 0.3s cubic-bezier(0, 0, 0.16, 0.96), box-shadow 0.6s cubic-bezier(0, 0, 0.16, 0.96), max-height 0.3s cubic-bezier(0, 0, 0.16, 0.96); }
      @media (max-width: 767px) {
        .useful-ways .column-8 ul li a {
          align-items: normal;
          padding: 20px 15px; } }
      .useful-ways .column-8 ul li a:hover {
        background: #fff;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); }
      .useful-ways .column-8 ul li a.nolink {
        cursor: default;
        align-items: normal; }
        .useful-ways .column-8 ul li a.nolink:hover {
          background: #f4f4f4;
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
      .useful-ways .column-8 ul li a .icon {
        height: 70px;
        margin-right: 30px;
        width: 70px; }
        @media (max-width: 767px) {
          .useful-ways .column-8 ul li a .icon {
            height: 35px;
            margin-right: 15px;
            padding-top: 5px;
            width: 35px; } }
        .useful-ways .column-8 ul li a .icon img {
          height: auto;
          width: 70px; }
          @media (max-width: 767px) {
            .useful-ways .column-8 ul li a .icon img {
              width: 35px; } }
      @media (max-width: 767px) {
        .useful-ways .column-8 ul li a .copy {
          width: calc(100% - 50px); } }
      .useful-ways .column-8 ul li a .desc {
        margin-top: 10px; }
        .useful-ways .column-8 ul li a .desc p:last-child {
          margin-bottom: 0; }
  .useful-ways.wider-text .column-8 {
    width: 55%; }
    @media (max-width: 767px) {
      .useful-ways.wider-text .column-8 {
        width: 100%; } }
  .useful-ways.wider-text .column-4 {
    width: calc(45% - 40px); }
    @media (max-width: 767px) {
      .useful-ways.wider-text .column-4 {
        width: 100%; } }

.video-card .clip-path {
  height: 144px;
  clip-path: url("#videoCardClip");
  -webkit-clip-path: url("#videoCardClip");
  width: calc(100% + 2px); }
  @media (max-width: 767px) {
    .video-card .clip-path {
      height: 29px; } }
  .video-card .clip-path.wave-style-2 {
    height: 92px; }
    @media (max-width: 767px) {
      .video-card .clip-path.wave-style-2 {
        height: 20px; } }

.video-card .container {
  margin-bottom: -1px;
  top: -1px; }
  .video-card .container .max1280 {
    padding-bottom: 40px; }
  .video-card .container.wave-style-2 {
    padding-bottom: 180px;
    padding-top: 108px; }
    @media (max-width: 767px) {
      .video-card .container.wave-style-2 {
        padding-bottom: 80px;
        padding-top: 80px; } }
  .video-card .container .boxed {
    border-radius: 10px;
    margin: 0 40px;
    padding: 40px; }
  @media (max-width: 767px) {
    .video-card .container .jobs-benefits {
      margin: 0;
      overflow: hidden;
      padding: 0; }
      .video-card .container .jobs-benefits .grid {
        width: 100%; }
        .video-card .container .jobs-benefits .grid .column-small-12 {
          float: none;
          margin-left: 0;
          width: 100%; }
          .video-card .container .jobs-benefits .grid .column-small-12 .section-title {
            margin-bottom: 10px;
            padding-right: 10px; }
      .video-card .container .jobs-benefits.boxed {
        padding: 15px 15px 45px; }
        .video-card .container .jobs-benefits.boxed p {
          margin-bottom: 0; } }

.video-card .video-wrap .thumbnail:hover .ic {
  opacity: 1; }

.video-card .video-wrap.has-description {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.video-card .video-description {
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 15px 20px; }
  .video-card .video-description h6 {
    font-size: 16px;
    line-height: 20px; }

.video-card .quote-logo {
  margin-bottom: 20px; }
  .video-card .quote-logo img {
    max-height: 39px; }

.video-card .column-4 h4 {
  margin-bottom: 15px; }
  @media (max-width: 767px) {
    .video-card .column-4 h4 {
      margin-bottom: 34px; } }

.video-card .column-small-12 .column-small-12 {
  margin-bottom: 10px; }

.video-card p {
  color: inherit; }
  @media (max-width: 767px) {
    .video-card p {
      margin-bottom: 30px; } }

.video-card.wider-text .grid .column-8 {
  width: 55%; }

.video-card.wider-text .grid .column-4 {
  width: calc(45% - 54px);
  /*
        p {
          font-size: 24px;
          font-weight: 400;
          line-height: 36px;
        }
        */ }
  .video-card.wider-text .grid .column-4 ul {
    margin-top: 35px; }
    .video-card.wider-text .grid .column-4 ul li {
      background: url(../img/icons/blue-check-list.svg) 0 0 no-repeat;
      color: #16679a;
      font-family: 'Barlow';
      font-size: 20px;
      font-weight: 600;
      line-height: 24px;
      margin-bottom: 17px;
      padding-left: 27px;
      text-transform: uppercase; }

.video-card .grid.layout-text-video .column-4 {
  padding-right: 45px; }

.svg-clip {
  position: absolute; }

.sider-video .video-card.wider-text .grid .column-4 p {
  font-size: 16px;
  line-height: 26px; }

.video-cards-wrapper .clip-path {
  height: 151px;
  clip-path: url("#videoCardsClip");
  width: calc(100% + 2px); }
  @media (max-width: 767px) {
    .video-cards-wrapper .clip-path {
      height: 75px; } }

.video-cards-wrapper .video-box-section {
  background: #2a2a2a;
  top: -1px;
  margin-bottom: -1px; }
  .video-cards-wrapper .video-box-section h2 {
    color: #fff; }
  @media (max-width: 767px) {
    .video-cards-wrapper .video-box-section .video-box {
      padding: 15px 15px 70px; }
    .video-cards-wrapper .video-box-section .wrapper {
      margin-left: -15px;
      margin-right: -15px; } }

.video-cards-wrapper.short-bottom-pad .video-box-section .video-box-list {
  margin-bottom: 70px; }

.scrolling-cards .clip-path {
  height: 144px;
  clip-path: url("#scrollingCardClip");
  -webkit-clip-path: url("#scrollingCardClip");
  width: calc(100% + 2px); }
  @media (max-width: 767px) {
    .scrolling-cards .clip-path {
      height: 29px; } }

.scrolling-cards .container {
  padding: 0 0 190px;
  position: static; }
  @media (max-width: 767px) {
    .scrolling-cards .container {
      padding: 0 0 80px; } }

.scrolling-cards .block-title {
  margin: 0 auto 58px;
  max-width: 740px;
  text-align: center; }
  @media (max-width: 767px) {
    .scrolling-cards .block-title {
      margin-left: 70px;
      margin-right: 70px; } }

.scrolling-cards .custom-cursor {
  border: 7px solid #fff;
  border-radius: 50%;
  cursor: none;
  height: 96px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: scale(0.25);
  transition: transform 0.25s, opacity 0.25s, border 0.25s;
  width: 96px; }
  .scrolling-cards .custom-cursor:before {
    background: url(../img/cursor-left.svg) 50% 50% no-repeat;
    background-size: contain;
    content: '';
    height: 46px;
    left: -27px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 27px; }
  .scrolling-cards .custom-cursor:after {
    background: url(../img/cursor-right.svg) 50% 50% no-repeat;
    background-size: contain;
    content: '';
    height: 46px;
    position: absolute;
    right: -27px;
    top: 50%;
    transform: translateY(-50%);
    width: 27px; }
  .scrolling-cards .custom-cursor.shown {
    opacity: 0.85;
    transform: scale(1);
    z-index: 10; }
    .scrolling-cards .custom-cursor.shown:before {
      animation: cursorarrowleft 0.25s ease-out 0.1s 1 normal forwards; }
    .scrolling-cards .custom-cursor.shown:after {
      animation: cursorarrowright 0.25s ease-out 0.1s 1 normal forwards; }
  .scrolling-cards .custom-cursor.onButton {
    opacity: 0 !important;
    transform: scale(0.25) !important; }
  .scrolling-cards .custom-cursor.grab {
    transform: scale(0.45) !important;
    border-width: 64px; }
    .scrolling-cards .custom-cursor.grab:before {
      left: -112px !important; }
    .scrolling-cards .custom-cursor.grab:after {
      right: -112px !important; }

.scrolling-cards .row-scroll {
  cursor: none;
  position: relative; }
  .scrolling-cards .row-scroll.add-velocity {
    transition: transform 3s cubic-bezier(0, 0.84, 0.97, 1); }
  .scrolling-cards .row-scroll.pause-animation {
    animation: unset !important; }

.scrolling-cards .infiniteslide_wrap {
  transition: 0.3s; }
  .scrolling-cards .infiniteslide_wrap.scale-up {
    transform: scale(1.025); }

.scrolling-cards .card-item {
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  border-radius: 10px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  cursor: none;
  display: flex;
  height: 394px;
  margin: 0 10px;
  max-width: calc(50vw - 20px);
  overflow: hidden;
  user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */ }
  @media (max-width: 900px) {
    .scrolling-cards .card-item {
      max-width: calc(75vw - 20px); } }
  .scrolling-cards .card-item .photo {
    position: relative;
    width: 304px; }
    .scrolling-cards .card-item .photo img {
      max-width: 100%; }
    .scrolling-cards .card-item .photo svg {
      height: 100%;
      position: absolute;
      right: -1px;
      top: 0;
      width: 18px; }
  .scrolling-cards .card-item .copy {
    color: #fff;
    flex: 1;
    padding: 30px;
    position: relative; }
    .scrolling-cards .card-item .copy h5 {
      margin-bottom: 20px; }
    .scrolling-cards .card-item .copy .description p {
      color: #fff; }
      .scrolling-cards .card-item .copy .description p:last-child {
        margin-bottom: 0; }
    .scrolling-cards .card-item .copy .btn {
      bottom: 30px;
      left: 30px;
      position: absolute; }

.scrolling-cards .desktop-cards .top-row-cards {
  display: flex;
  margin-bottom: 20px; }

.scrolling-cards .desktop-cards .bottom-row-cards {
  display: flex; }

@media (max-width: 767px) {
  .scrolling-cards .desktop-cards {
    height: 0;
    visibility: hidden;
    pointer-events: none; } }

.scrolling-cards .mobile-cards {
  height: 0;
  visibility: hidden;
  pointer-events: none; }
  @media (max-width: 767px) {
    .scrolling-cards .mobile-cards {
      height: auto;
      visibility: visible;
      pointer-events: all; }
      .scrolling-cards .mobile-cards .card-item {
        display: block;
        height: auto;
        max-width: calc(100% - 30px);
        min-height: 775px;
        overflow: hidden;
        position: relative;
        -webkit-font-smoothing: subpixel-antialiased;
        backface-visibility: hidden; }
        .scrolling-cards .mobile-cards .card-item .photo {
          height: auto;
          overflow: hidden;
          width: 100%; }
          .scrolling-cards .mobile-cards .card-item .photo img {
            width: 100%; }
          .scrolling-cards .mobile-cards .card-item .photo svg {
            bottom: -1px;
            height: 18px;
            left: 0;
            right: auto;
            top: auto;
            width: 100%; }
        .scrolling-cards .mobile-cards .card-item .copy {
          padding: 15px 15px 60px;
          position: static; }
          .scrolling-cards .mobile-cards .card-item .copy .btn {
            font-size: 12px;
            letter-spacing: 0.8px; }
        .scrolling-cards .mobile-cards .card-item .description {
          font-size: 20px; }
      .scrolling-cards .mobile-cards .mobile-row-cards {
        transition: transform 0.3s cubic-bezier(0, 0.84, 0.97, 1); }
        .scrolling-cards .mobile-cards .mobile-row-cards.reset {
          transition: none; }
        .scrolling-cards .mobile-cards .mobile-row-cards.pause-animation {
          animation: unset !important; } }

@keyframes cursorarrowleft {
  0% {
    left: -27px; }
  75% {
    left: -50px; }
  100% {
    left: -42px; } }

@keyframes cursorarrowright {
  0% {
    right: -27px; }
  75% {
    right: -50px; }
  100% {
    right: -42px; } }

.accordion.persona {
  margin-bottom: -70px;
  padding-bottom: 200px;
  position: relative;
  top: -70px; }
  @media (max-width: 767px) {
    .accordion.persona {
      margin-bottom: -30px;
      padding-bottom: 100px;
      top: -30px; } }
  .accordion.persona .clip-path {
    background-color: #fff;
    height: 182px;
    clip-path: url("#accordionClip");
    -webkit-clip-path: url("#accordionClip");
    width: calc(100% + 2px); }
    @media (max-width: 767px) {
      .accordion.persona .clip-path {
        height: 31px; } }
  .accordion.persona h2 {
    margin: 0 200px 60px;
    text-align: center; }
    @media (max-width: 767px) {
      .accordion.persona h2 {
        margin: 70px 0 30px; } }
  .accordion.persona ul {
    list-style: none; }
    .accordion.persona ul li.accordion-row {
      background: #f4f4f4;
      border-radius: 10px;
      margin-bottom: 10px;
      overflow: hidden;
      position: relative; }
      .accordion.persona ul li.accordion-row h5 {
        padding: 40px; }
        @media (max-width: 767px) {
          .accordion.persona ul li.accordion-row h5 {
            align-items: center;
            display: flex;
            padding: 15px 55px 15px 15px;
            min-height: 80px; } }
      .accordion.persona ul li.accordion-row .handler {
        background: url(../img/icons/green-chevron-down.svg) 50% 50% no-repeat;
        background-size: contain;
        content: '';
        cursor: pointer;
        height: 19px;
        position: absolute;
        right: 40px;
        top: 44px;
        transition: transform 0.3s;
        width: 30px; }
        @media (max-width: 767px) {
          .accordion.persona ul li.accordion-row .handler {
            right: 15px;
            top: 33px; } }
      .accordion.persona ul li.accordion-row .list-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s; }
        .accordion.persona ul li.accordion-row .list-content .description {
          font-size: 20px;
          margin-bottom: 10px;
          padding: 0 40px;
          width: 66%; }
          @media (max-width: 767px) {
            .accordion.persona ul li.accordion-row .list-content .description {
              font-size: 16px;
              padding: 0 15px;
              width: 100%; } }
        .accordion.persona ul li.accordion-row .list-content ul {
          margin-bottom: 60px;
          padding: 0 40px;
          width: 66%; }
          @media (max-width: 767px) {
            .accordion.persona ul li.accordion-row .list-content ul {
              padding: 0 15px;
              width: 100%; } }
          .accordion.persona ul li.accordion-row .list-content ul li {
            background: url(../img/icons/blue-check-list.svg) 0 0 no-repeat;
            color: #16679a;
            font-family: 'Barlow';
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
            margin-bottom: 17px;
            padding-left: 27px;
            text-transform: uppercase; }
            @media (max-width: 767px) {
              .accordion.persona ul li.accordion-row .list-content ul li {
                font-size: 18px;
                padding-left: 30px; } }
        .accordion.persona ul li.accordion-row .list-content .quote {
          background-color: #e9e9e9;
          padding: 12px 11% 21px 40px;
          position: relative;
          width: 75%; }
          @media (max-width: 767px) {
            .accordion.persona ul li.accordion-row .list-content .quote {
              margin-top: 260px;
              padding: 12px 15px 15px;
              width: 100%;
              z-index: 2; } }
          .accordion.persona ul li.accordion-row .list-content .quote:before {
            background: url(../img/quote-top-wave.svg) 0 0 repeat-x;
            content: '';
            height: 18px;
            left: 0;
            position: absolute;
            top: -18px;
            width: 100%; }
          .accordion.persona ul li.accordion-row .list-content .quote h6 {
            color: #8231a9;
            font-family: "Barlow Condensed";
            font-size: 24px;
            font-weight: normal;
            margin-bottom: 5px; }
            @media (max-width: 767px) {
              .accordion.persona ul li.accordion-row .list-content .quote h6 {
                font-size: 21px; } }
          .accordion.persona ul li.accordion-row .list-content .quote .name-role {
            font-size: 14px; }
            @media (max-width: 767px) {
              .accordion.persona ul li.accordion-row .list-content .quote .name-role strong, .accordion.persona ul li.accordion-row .list-content .quote .name-role span {
                display: block; } }
      .accordion.persona ul li.accordion-row .quote-image {
        bottom: 0;
        position: absolute;
        right: 40px;
        width: 33%;
        z-index: -1; }
        @media (max-width: 767px) {
          .accordion.persona ul li.accordion-row .quote-image {
            bottom: 125px;
            left: 50%;
            transform: translateX(-50%);
            width: 80%;
            z-index: 1; } }
        .accordion.persona ul li.accordion-row .quote-image img {
          height: auto;
          max-height: 470px;
          max-width: 477px;
          width: 33vw; }
          @media (max-width: 767px) {
            .accordion.persona ul li.accordion-row .quote-image img {
              width: 100%; } }
      .accordion.persona ul li.accordion-row.open .handler {
        transform: rotate(180deg); }
      .accordion.persona ul li.accordion-row.open .list-content {
        max-height: 1000px; }
      .accordion.persona ul li.accordion-row.open .quote-image {
        z-index: 2; }
        @media (max-width: 767px) {
          .accordion.persona ul li.accordion-row.open .quote-image {
            z-index: 1; } }

.column_cards {
  position: relative; }
  .column_cards .clip-path {
    height: 151px;
    clip-path: url("#columnCardsClip");
    -webkit-clip-path: url("#columnCardsClip");
    width: calc(100% + 2px); }
    @media (max-width: 767px) {
      .column_cards .clip-path {
        height: 33px; } }
  .column_cards .container {
    padding: 10px 0 100px; }
    @media (max-width: 767px) {
      .column_cards .container {
        margin-top: -1px;
        padding-top: 68px; } }
    .column_cards .container h2 {
      margin: 0 200px 18px;
      text-align: center; }
      @media (max-width: 767px) {
        .column_cards .container h2 {
          margin: 0 0 10px; } }
    .column_cards .container .description {
      font-size: 24px;
      margin: 0 200px 64px;
      text-align: center; }
      @media (max-width: 767px) {
        .column_cards .container .description {
          font-size: 20px;
          font-weight: 400;
          line-height: 30px;
          margin: 0 0 40px; } }
      .column_cards .container .description p {
        color: inherit; }
    .column_cards .container .cards {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .column_cards .container .cards {
          flex-direction: column; } }
      .column_cards .container .cards .card {
        background: #fff;
        border-radius: 10px;
        flex: 1 0 0;
        margin: 0 10px;
        overflow: hidden;
        padding: 0; }
        @media (max-width: 767px) {
          .column_cards .container .cards .card {
            flex: 1;
            margin: 5px 0;
            width: 100%; } }
        .column_cards .container .cards .card:first-child {
          margin-left: 0; }
        .column_cards .container .cards .card:last-child {
          margin-right: 0; }
        .column_cards .container .cards .card .image {
          background-position: 50% 100%;
          background-repeat: no-repeat;
          background-size: cover;
          height: 230px; }
        .column_cards .container .cards .card .copy {
          padding: 20px 30px 40px; }
          @media (max-width: 767px) {
            .column_cards .container .cards .card .copy {
              padding: 10px 15px 20px; } }
          .column_cards .container .cards .card .copy h4 {
            font-size: 31px;
            margin-bottom: 10px; }
            @media (max-width: 767px) {
              .column_cards .container .cards .card .copy h4 {
                margin-bottom: 12px; } }
          .column_cards .container .cards .card .copy .card-desc {
            margin-bottom: 43px; }
            @media (max-width: 767px) {
              .column_cards .container .cards .card .copy .card-desc {
                margin-bottom: 24px; } }
            .column_cards .container .cards .card .copy .card-desc ul {
              margin-left: 27px; }
              .column_cards .container .cards .card .copy .card-desc ul li {
                list-style: disc;
                padding-left: 10px; }
  .column_cards .cta-modal-container {
    display: none; }
  .column_cards.column-card-hero h1 {
    margin-bottom: 14px;
    margin-top: 81px;
    text-align: center; }
    @media (max-width: 767px) {
      .column_cards.column-card-hero h1 {
        margin-top: 0; } }
  .column_cards.column-card-hero .max1280 {
    position: relative;
    z-index: 2; }
  .column_cards.column-card-hero .container {
    padding-bottom: 0;
    position: relative; }
    .column_cards.column-card-hero .container .cards .card {
      background-color: #f4f4f4;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
    .column_cards.column-card-hero .container:after {
      background: #fff;
      content: '';
      display: block;
      height: 182px; }
  .column_cards.column-card-hero .clip-path {
    height: 182px;
    background-color: #fff;
    clip-path: url("#heroColumnCardClip");
    -webkit-clip-path: url("#heroColumnCardClip");
    margin-bottom: -340px;
    position: relative;
    top: -340px;
    width: calc(100% + 2px);
    z-index: 1; }
    @media (max-width: 767px) {
      .column_cards.column-card-hero .clip-path {
        height: 31px; } }

.cta-modal {
  background: rgba(42, 42, 42, 0.85);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999; }
  .cta-modal .cta-modal-content {
    background: #fff;
    border-radius: 10px;
    margin: 0 auto;
    max-width: 760px;
    padding: 50px 60px;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 80%; }
    @media (max-width: 767px) {
      .cta-modal .cta-modal-content {
        padding: 35px 15px; } }
    .cta-modal .cta-modal-content .close-cta-modal {
      background: #d4d4d4 url(../img/icon-x.svg) 50% 50% no-repeat;
      background-size: 8px 8px;
      border-radius: 50%;
      height: 18px;
      position: absolute;
      right: 10px;
      top: 10px;
      transition: 0.3s;
      width: 18px; }
      .cta-modal .cta-modal-content .close-cta-modal:hover {
        transform: scale(1.25); }
    .cta-modal .cta-modal-content h4 {
      background: -webkit-repeating-linear-gradient(top, #B747ED, #EF476F) !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important; }
    .cta-modal .cta-modal-content .description {
      margin-top: 20px; }
      @media (max-width: 767px) {
        .cta-modal .cta-modal-content .description {
          margin-top: 10px; } }
    .cta-modal .cta-modal-content .btn {
      margin-top: 40px; }
      @media (max-width: 767px) {
        .cta-modal .cta-modal-content .btn {
          margin-top: 20px; } }
    .cta-modal .cta-modal-content .timer {
      font-size: 14px;
      margin-top: 10px; }
      @media (max-width: 767px) {
        .cta-modal .cta-modal-content .timer {
          font-size: 12px;
          margin-top: 5px; } }

.section-container .clip-path {
  width: calc(100% + 2px); }

.section-container .container .container {
  padding: 0 !important; }

.section-container.alignfull .max1280 {
  max-width: none;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.sticky-scroll {
  display: flex;
  justify-content: space-between; }
  .sticky-scroll .sticky-images {
    align-self: flex-start;
    height: 100vh;
    padding-top: 50px;
    position: sticky;
    position: -webkit-sticky;
    top: 50px;
    width: 57%; }
    .sticky-scroll .sticky-images .sticky-image {
      opacity: 0;
      position: relative; }
      .sticky-scroll .sticky-images .sticky-image:first-child {
        opacity: 1; }
      .sticky-scroll .sticky-images .sticky-image img {
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        max-width: 100%;
        position: absolute;
        transform: scale(1.1);
        transition: transform 0.5s; }
      .sticky-scroll .sticky-images .sticky-image.image-count-1 img {
        height: auto;
        left: 0;
        top: 0;
        width: 100%; }
      .sticky-scroll .sticky-images .sticky-image:not(.image-count-1) img:nth-child(1) {
        left: 7.5%;
        top: 0; }
      .sticky-scroll .sticky-images .sticky-image:not(.image-count-1) img:nth-child(2) {
        right: 0;
        top: 65px; }
      .sticky-scroll .sticky-images .sticky-image:not(.image-count-1) img:nth-child(3) {
        left: 0;
        top: 175px; }
      .sticky-scroll .sticky-images .sticky-image:not(.image-count-1) img:nth-child(4) {
        left: 3%;
        top: 306px; }
      .sticky-scroll .sticky-images .sticky-image:not(.image-count-1) img:nth-child(5) {
        right: 4%;
        top: 283px; }
  .sticky-scroll .sticky-content {
    padding-top: 50px;
    width: 37%; }
    @media (max-width: 767px) {
      .sticky-scroll .sticky-content {
        width: 100%; } }
    .sticky-scroll .sticky-content .sticky-scroll-item {
      margin-bottom: 300px;
      min-height: calc(100vh - 300px); }
      @media (max-width: 767px) {
        .sticky-scroll .sticky-content .sticky-scroll-item {
          margin-bottom: 60px;
          min-height: 0; } }
      .sticky-scroll .sticky-content .sticky-scroll-item .sticky-image {
        margin-bottom: 26px;
        max-width: 100%;
        opacity: 1 !important;
        position: relative; }
        .sticky-scroll .sticky-content .sticky-scroll-item .sticky-image img {
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
          border-radius: 10px;
          max-width: 100%;
          transform: none !important; }
        .sticky-scroll .sticky-content .sticky-scroll-item .sticky-image:not(.image-count-1) {
          min-height: 250px; }
          .sticky-scroll .sticky-content .sticky-scroll-item .sticky-image:not(.image-count-1) img {
            border-radius: 5px;
            position: absolute; }
            .sticky-scroll .sticky-content .sticky-scroll-item .sticky-image:not(.image-count-1) img:nth-child(1) {
              left: 7.5%;
              top: 0;
              width: 166px; }
            .sticky-scroll .sticky-content .sticky-scroll-item .sticky-image:not(.image-count-1) img:nth-child(2) {
              right: 0;
              top: 25px;
              width: 50%; }
            .sticky-scroll .sticky-content .sticky-scroll-item .sticky-image:not(.image-count-1) img:nth-child(3) {
              left: 0;
              top: 68px;
              width: 205px; }
            .sticky-scroll .sticky-content .sticky-scroll-item .sticky-image:not(.image-count-1) img:nth-child(4) {
              left: 3%;
              top: 130px;
              width: 243px; }
            .sticky-scroll .sticky-content .sticky-scroll-item .sticky-image:not(.image-count-1) img:nth-child(5) {
              right: 4%;
              top: 120px;
              width: 176px; }
      .sticky-scroll .sticky-content .sticky-scroll-item h4.has-icon {
        display: flex;
        line-height: 60px; }
        @media (max-width: 767px) {
          .sticky-scroll .sticky-content .sticky-scroll-item h4.has-icon {
            line-height: 40px; } }
        .sticky-scroll .sticky-content .sticky-scroll-item h4.has-icon img {
          height: 60px;
          margin-right: 20px; }
          @media (max-width: 767px) {
            .sticky-scroll .sticky-content .sticky-scroll-item h4.has-icon img {
              height: 40px;
              margin-right: 15px; } }

.text-group .title {
  margin-bottom: 18px; }

.text-group .description {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px; }
  @media (max-width: 767px) {
    .text-group .description {
      font-size: 20px;
      line-height: 30px; }
      .text-group .description p {
        margin-bottom: 0; } }

.text-group .cta {
  margin-top: 45px; }
  @media (max-width: 767px) {
    .text-group .cta {
      margin-top: 23px; } }

.card-slider {
  position: relative; }
  @media (max-width: 767px) {
    .card-slider {
      display: none; } }
  .card-slider:before {
    content: '';
    background-image: linear-gradient(to right, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 100; }
    @media (max-width: 767px) {
      .card-slider:before {
        display: none; } }
  .card-slider:after {
    content: '';
    background-image: linear-gradient(to left, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 100; }
    @media (max-width: 767px) {
      .card-slider:after {
        display: none; } }
  .card-slider .slick-slide {
    margin: 0 10px;
    width: 413px; }

.card-slider-mobile {
  display: none; }
  @media (max-width: 767px) {
    .card-slider-mobile {
      display: block;
      margin-top: 60px; }
      .card-slider-mobile .slick-slide {
        margin: 0 10px; }
        .card-slider-mobile .slick-slide .profile-card {
          min-height: 525px; } }

.card-slider-wrapper {
  margin: 0 -15px; }
  .card-slider-wrapper .profile-card .media-body h5 {
    font-family: 'Barlow Condensed';
    font-weight: 400; }

.profile-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 5px 14px -4px rgba(21, 21, 22, 0.1);
  min-height: 500px;
  overflow: hidden; }
  .profile-card .media-top {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 230px; }
  .profile-card .media-body {
    padding: 15px 20px 40px; }
    .profile-card .media-body h5 {
      color: #2a2a2a;
      margin-bottom: 12px; }
    .profile-card .media-body .name {
      color: #0d61bf;
      font-weight: 700;
      line-height: 22px; }
    .profile-card .media-body .desc {
      font-weight: 500;
      line-height: normal; }

.hero-fixed-image {
  overflow: hidden;
  padding: 83px 0 200px;
  position: relative; }
  @media (max-width: 767px) {
    .hero-fixed-image {
      padding: 35px 0 215px; } }
  .hero-fixed-image .content {
    color: #fff;
    width: 50%; }
    @media (max-width: 767px) {
      .hero-fixed-image .content {
        margin-bottom: 60px;
        padding-bottom: 60px;
        width: 100%; } }
    .hero-fixed-image .content .heading {
      color: #e9e9e9;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase; }
    .hero-fixed-image .content h1 {
      margin-bottom: 14px; }
      @media (max-width: 767px) {
        .hero-fixed-image .content h1 {
          padding-right: 50px; } }
    .hero-fixed-image .content .description {
      color: #fff;
      font-size: 24px;
      font-weight: normal;
      line-height: 36px;
      margin-bottom: 44px; }
      @media (max-width: 767px) {
        .hero-fixed-image .content .description {
          font-size: 20px;
          font-weight: 400;
          line-height: 30px; } }
      .hero-fixed-image .content .description p {
        color: inherit; }
    @media (max-width: 767px) {
      .hero-fixed-image .content .cta .btn {
        font-size: 12px;
        font-weight: 700;
        height: 30px;
        line-height: 30px; } }
  .hero-fixed-image .image {
    bottom: 50px;
    left: 55%;
    position: absolute; }
    @media (max-width: 767px) {
      .hero-fixed-image .image {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%; }
        .hero-fixed-image .image img {
          height: auto;
          margin: 0 auto;
          max-width: calc(100% - 15px);
          max-height: 250px;
          width: auto; } }

.hero-customers {
  overflow: hidden;
  padding: 70px 0;
  position: relative; }
  .hero-customers .content {
    min-height: 446px;
    width: 40%; }
    @media (max-width: 767px) {
      .hero-customers .content {
        margin-top: 270px;
        min-height: 0;
        width: 100%; } }
    .hero-customers .content h1 {
      color: #2c95d7;
      margin-bottom: 14px; }
    .hero-customers .content .description {
      color: #2a2a2a;
      font-family: 'Barlow Condensed';
      font-size: 34px;
      font-weight: 500;
      line-height: 38px;
      text-transform: uppercase; }
      @media (max-width: 767px) {
        .hero-customers .content .description {
          font-size: 25px;
          line-height: 27px; } }
  .hero-customers .image {
    left: 43%;
    position: absolute;
    top: -20px; }
    @media (max-width: 767px) {
      .hero-customers .image {
        left: 50%;
        top: -50px;
        transform: translateX(-50%);
        width: calc(100vw + 60px); }
        .hero-customers .image img {
          margin: 0 auto;
          max-width: 450px;
          width: 100%; } }

@media (max-width: 767px) {
  .three-col h2 {
    margin-bottom: 0 !important; } }

@media (max-width: 767px) {
  .three-col .slider-wrap .slider-el .item {
    padding: 0 15px;
    width: 100%; }
    .three-col .slider-wrap .slider-el .item h5 {
      margin: 16px 50px 13px; }
    .three-col .slider-wrap .slider-el .item p {
      margin-bottom: 0; } }

.hero-floating-image .content {
  margin-top: 70px;
  padding-bottom: 50px; }
  @media (max-width: 767px) {
    .hero-floating-image .content {
      margin-top: 35px;
      padding-bottom: 0; } }
  .hero-floating-image .content h1, .hero-floating-image .content .description p {
    color: inherit; }
  .hero-floating-image .content .description {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-top: 14px; }
  .hero-floating-image .content .cta {
    margin-top: 45px; }

.hero-floating-image .image {
  margin-top: 40px;
  position: relative; }
  @media (max-width: 767px) {
    .hero-floating-image .image {
      margin-top: 30px;
      height: 390px; } }
  .hero-floating-image .image img {
    height: auto;
    left: 0;
    max-width: 560px;
    position: absolute;
    top: 0; }
    @media (max-width: 767px) {
      .hero-floating-image .image img {
        left: 50%;
        height: auto;
        transform: translateX(-50%);
        width: 110vw; } }

.card-ebooks-banner .card-ebooks-banner-wrapper {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  display: flex;
  overflow: hidden; }
  @media (max-width: 767px) {
    .card-ebooks-banner .card-ebooks-banner-wrapper {
      display: block; } }

.card-ebooks-banner .max1280 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.card-ebooks-banner .photo {
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1 1 0px;
  position: relative; }
  @media (max-width: 767px) {
    .card-ebooks-banner .photo {
      height: 318px;
      -webkit-clip-path: url(#mobile-clip-path);
      clip-path: url(#mobile-clip-path); } }

.card-ebooks-banner .copy {
  background: #fff;
  -webkit-clip-path: url(#desktop-clip-path);
  clip-path: url(#desktop-clip-path);
  flex: 1 1 0px;
  margin-left: -10px; }
  @media (max-width: 767px) {
    .card-ebooks-banner .copy {
      margin-left: 0;
      -webkit-clip-path: none;
      clip-path: none; } }
  .card-ebooks-banner .copy .top-content {
    padding: 30px 30px 0 50px; }
    @media (max-width: 767px) {
      .card-ebooks-banner .copy .top-content {
        padding: 30px 15px 0; } }
    .card-ebooks-banner .copy .top-content h5 {
      color: #8231a9;
      font-weight: 500;
      line-height: 28px; }
    .card-ebooks-banner .copy .top-content .name-role {
      margin-top: 13px; }
      @media (max-width: 767px) {
        .card-ebooks-banner .copy .top-content .name-role {
          line-height: 26px;
          margin-top: 13px; } }
      @media (max-width: 767px) {
        .card-ebooks-banner .copy .top-content .name-role strong {
          display: block; } }
  .card-ebooks-banner .copy .cta {
    background: #f4f4f4;
    display: flex;
    justify-content: space-between;
    margin-top: 108px;
    padding: 30px 30px 30px 50px; }
    @media (max-width: 767px) {
      .card-ebooks-banner .copy .cta {
        display: block;
        margin-top: 34px;
        padding: 15px 15px 25px; }
        .card-ebooks-banner .copy .cta .btn {
          height: 30px;
          font-size: 12px;
          line-height: 30px; } }
    .card-ebooks-banner .copy .cta h6 {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 13px; }
      @media (max-width: 767px) {
        .card-ebooks-banner .copy .cta h6 {
          font-size: 18px;
          line-height: 22px; } }

.card-ebooks-banner .desktop-svg, .card-ebooks-banner .mobile-svg {
  height: 0;
  position: absolute;
  width: 0; }

.card-colored {
  border-radius: 10px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  height: 100%;
  min-height: 170px;
  padding: 30px 30px 80px;
  position: relative;
  text-align: center; }
  .card-colored .btn {
    bottom: 30px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%); }

.interactive-artbook {
  position: relative; }
  @media (max-width: 767px) {
    .interactive-artbook {
      margin: 10px 0; } }
  .interactive-artbook:before {
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.7);
    content: '';
    height: calc(100% - 20px);
    left: 20px;
    position: absolute;
    top: 20px;
    transition: 0.3s;
    width: calc(100% - 40px);
    z-index: -1; }
    @media (max-width: 767px) {
      .interactive-artbook:before {
        display: none; } }
  .interactive-artbook:after {
    background-color: #2a2a2a;
    border-radius: 10px;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: all;
    position: absolute;
    visibility: hidden;
    top: 0;
    transition: 0.3s;
    width: 100%; }
  .interactive-artbook .wrapper {
    background-repeat: no-repeat;
    background-position: 50% 100%;
    border-radius: 10px;
    height: 600px;
    overflow: hidden;
    padding: 0; }
    @media (max-width: 767px) {
      .interactive-artbook .wrapper {
        background-image: none !important;
        height: auto;
        filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.2)); } }
  .interactive-artbook .content {
    animation: idleartbook 3s infinite;
    color: #fff;
    padding: 40px 50px 34px;
    text-align: center; }
    @media (max-width: 767px) {
      .interactive-artbook .content {
        animation: none;
        padding: 40px 15px 34px; } }
    .interactive-artbook .content .details {
      max-height: 0;
      margin-top: 10px;
      overflow: hidden;
      transition: 1s; }
      @media (max-width: 767px) {
        .interactive-artbook .content .details {
          max-height: 600px; } }
      .interactive-artbook .content .details .description {
        opacity: 0;
        transition: 1s; }
        @media (max-width: 767px) {
          .interactive-artbook .content .details .description {
            opacity: 1; } }
        .interactive-artbook .content .details .description p {
          color: #fff;
          font-size: 24px;
          font-weight: 500;
          line-height: 36px; }
      .interactive-artbook .content .details .buttons {
        align-items: center;
        display: flex;
        justify-content: center;
        opacity: 0;
        transition: 1s; }
        @media (max-width: 767px) {
          .interactive-artbook .content .details .buttons {
            flex-wrap: wrap;
            opacity: 1; }
            .interactive-artbook .content .details .buttons .video-box {
              margin-top: 30px; } }
  .interactive-artbook svg path {
    animation: idlesvg 3s infinite; }
  .interactive-artbook:hover:before {
    box-shadow: 0 3px 40px rgba(0, 0, 0, 0.6); }
  .interactive-artbook:hover .content {
    animation: none; }
    .interactive-artbook:hover .content .details {
      max-height: 600px; }
      .interactive-artbook:hover .content .details .description, .interactive-artbook:hover .content .details .buttons {
        opacity: 1; }
  .interactive-artbook:hover svg path {
    animation: hoversvg 1s 1 forwards; }
  .interactive-artbook.dim:before {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); }
  .interactive-artbook.dim:after {
    opacity: 0.65;
    visibility: visible; }
  .interactive-artbook.dim svg path {
    animation: none; }

@keyframes idleartbook {
  0% {
    padding-bottom: 34px; }
  50% {
    padding-bottom: 44px; }
  100% {
    padding-bottom: 34px; } }

@keyframes idlesvg {
  0% {
    transform: translateX(-250px); }
  50% {
    transform: translateX(-240px); }
  100% {
    transform: translateX(-250px); } }

@keyframes hoversvg {
  0% {
    transform: translateX(-250px); }
  100% {
    transform: translateX(-150px); } }

.trusted-by {
  margin-top: 20px; }
  .trusted-by h6 {
    color: #7f7f7f; }
    @media (max-width: 767px) {
      .trusted-by h6 {
        font-size: 12px; } }
  .trusted-by .brands {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px; }
    .trusted-by .brands img {
      height: 33px;
      margin: 0 30px 0 0;
      width: auto; }
      @media (max-width: 767px) {
        .trusted-by .brands img {
          margin: 7px 15px 7px 0;
          height: 20px; } }
    .trusted-by .brands a {
      color: #2a2a2a;
      font-size: 15px;
      font-weight: 500;
      transition: 0.3s; }
      .trusted-by .brands a:hover {
        color: #7f7f7f; }
      @media (max-width: 767px) {
        .trusted-by .brands a {
          font-size: 13px; } }

.tco-event-video {
  background: #2a2a2a;
  color: #fff;
  text-align: center; }
  .tco-event-video .top-section {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 25px 20px; }
    .tco-event-video .top-section > div {
      margin: 0 10px; }
      .tco-event-video .top-section > div:first-child {
        margin-left: 0; }
      .tco-event-video .top-section > div:last-child {
        margin-right: 0; }
    .tco-event-video .top-section h2 strong {
      color: #FF3939; }
    .tco-event-video .top-section p {
      color: #fff;
      margin: 0; }
  .tco-event-video .video-section {
    border-radius: 6px;
    margin-bottom: 15px;
    overflow: hidden; }

.boxed-banner .banner-content {
  background: #F4F4F4;
  border-radius: 10px;
  padding: 40px; }
  .boxed-banner .banner-content .column-6 {
    margin: 0 30px;
    width: calc(50% - 60px); }
    @media (max-width: 767px) {
      .boxed-banner .banner-content .column-6 {
        margin: 5px 0;
        width: 100%; } }
  .boxed-banner .banner-content .image {
    border-radius: 10px;
    overflow: hidden; }
    .boxed-banner .banner-content .image img {
      height: auto;
      width: 100%; }
  .boxed-banner .banner-content .description {
    margin-top: 10px; }
  .boxed-banner .banner-content .cta {
    margin-top: 20px; }

.image-with-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  padding: 50px 0; }
  .image-with-image img {
    border-radius: 10px;
    transition: 0.3s; }
    .image-with-image img:hover {
      transform: scale(1.05); }

.title-wrapper.main-title-case-study {
  text-align: left;
  max-width: 1000px;
  margin: 0; }
  .title-wrapper.main-title-case-study h1 {
    padding-top: 100px;
    margin-bottom: 30px;
    margin-left: -10px;
    font-size: 360px;
    line-height: 300px; }
  .title-wrapper.main-title-case-study .subtitle {
    max-width: 670px;
    margin: 20px 0 0 0; }
  .title-wrapper.main-title-case-study .btn-white,
  .title-wrapper.main-title-case-study .btn-gray,
  .title-wrapper.main-title-case-study .btn-white-gray-border {
    border-radius: 5px;
    font-size: 11px;
    letter-spacing: 0.4px;
    min-width: 0;
    line-height: 22px;
    height: 20px;
    padding: 0 15px; }
  .title-wrapper.main-title-case-study .btn-white {
    background: #FFF;
    color: #555; }
  .title-wrapper.main-title-case-study .btn-gray {
    background: #AAA;
    color: #FFF; }
  .title-wrapper.main-title-case-study .action-btn {
    margin: 10px 0 0 0; }

.nasa-section {
  padding-bottom: 200px;
  background: url("../img/case-studies/nasa-bg-section.jpg") center top no-repeat;
  background-size: cover;
  overflow: hidden; }
  .nasa-section h1, .nasa-section h2, .nasa-section p {
    color: #FFF; }
  .nasa-section .title-wrapper.main-title-case-study a {
    background: #FFF;
    color: #555555; }
  .nasa-section .title-wrapper {
    max-width: 940px;
    margin: 0 auto 70px;
    text-align: center; }
    .nasa-section .title-wrapper .subtitle {
      margin: 10px auto 0; }
  .nasa-section .iss-image {
    position: absolute;
    left: 50%;
    z-index: 1;
    margin-left: -330px;
    margin-top: -20px;
    transform: translateX(-50%); }
    .nasa-section .iss-image img {
      width: 100%; }

.txt-img {
  position: relative;
  clear: both;
  overflow: hidden; }
  .txt-img + .txt-img {
    margin-top: 130px; }
  .txt-img .right {
    float: right; }
  .txt-img .image {
    position: relative; }
    .txt-img .image img {
      max-width: 100%; }
    .txt-img .image.right {
      right: -50px;
      width: 58.7%; }
    .txt-img .image.left {
      margin-top: 100px;
      padding-left: 60px; }
  .txt-img .text {
    position: relative;
    width: 40%;
    max-width: 522px; }
    .txt-img .text.left {
      position: absolute;
      left: 140px;
      bottom: 60px;
      padding-top: 0;
      max-width: 522px; }

.slider-nasa.left {
  max-width: 520px;
  width: 50%;
  margin-top: -900px;
  margin-bottom: 200px;
  margin-left: 100px;
  z-index: 2; }

.video-nase-section {
  position: relative;
  z-index: 1;
  margin-top: -116px;
  padding-bottom: 100px; }
  .video-nase-section:before {
    content: "";
    display: block;
    height: 160px;
    margin-bottom: 170px;
    background-image: url("../img/case-studies/nasa-bottom-bg.svg");
    background-size: 102%;
    background-position: bottom center;
    background-repeat: no-repeat; }

.card-box.card-box-study .media-body:before {
  content: "";
  display: block;
  height: 40px;
  margin: -70px -40px 0;
  padding-top: 60px;
  position: relative;
  background-image: url("../img/case-studies/gray-wave.svg");
  background-size: 102%;
  background-position: bottom center;
  background-repeat: no-repeat; }

@media (min-width: 2000px) {
  .video-nase-section:before {
    height: 210px; } }

@media (max-width: 1200px) {
  .title-wrapper.main-title-case-study h1 {
    font-size: 200px;
    line-height: 180px; }
  .nasa-section {
    padding-bottom: 65px; }
  .slider-nasa.left {
    margin-left: 40px; } }

@media (max-width: 991px) {
  .nasa-section {
    padding-bottom: 150px; }
    .nasa-section .title-wrapper h1 {
      max-width: 100%;
      margin: 0 auto; }
    .nasa-section .iss-image {
      margin-left: -20%;
      margin-top: 0; }
  .video-nase-section:before {
    height: 117px; }
  .txt-img .text {
    float: none;
    width: 100%;
    max-width: 100%; }
    .txt-img .text.left {
      position: relative;
      left: 0;
      bottom: 0;
      max-width: 100%; }
  .txt-img .image.right {
    position: relative;
    right: auto;
    width: 100%;
    float: none;
    margin-bottom: 60px;
    margin-top: 40px; }
  .txt-img + .txt-img {
    margin-top: 50px; }
  .slider-nasa.left {
    max-width: 100%;
    width: 100%;
    margin: -280px auto 100px; } }

@media (max-width: 767px) {
  .title-wrapper.main-title-case-study h1 {
    font-size: 80px;
    line-height: 80px; }
  .title-wrapper.main-title-case-study .subtitle,
  .title-wrapper.main-title-case-study .action-btn {
    margin-left: 0; }
  .nasa-section .title-wrapper h1 {
    max-width: 250px; }
  .slider-nasa.left {
    margin-top: -240px; } }

.swarn-drones-section {
  min-height: 600px;
  overflow: hidden; }
  .swarn-drones-section .section {
    padding-top: 0;
    background: #F9F9F9; }
  .swarn-drones-section:after {
    content: "";
    display: block;
    position: relative;
    height: 200px;
    background-image: url("../img/case-studies/gray-bg-top.svg");
    background-size: 102%;
    background-position: bottom center;
    background-repeat: no-repeat; }
  .swarn-drones-section .water-image {
    position: absolute;
    right: 0;
    top: -140px; }
    .swarn-drones-section .water-image.mobile {
      display: none; }
  .swarn-drones-section .cicle-image {
    position: absolute;
    right: 0;
    top: -100px; }
  .swarn-drones-section .drone-image {
    position: absolute;
    top: -55px;
    left: 0;
    right: 0;
    z-index: 1; }
    .swarn-drones-section .drone-image img {
      width: 100%; }
  .swarn-drones-section .title-wrapper {
    max-width: 100%;
    margin: 0;
    text-align: left; }
    .swarn-drones-section .title-wrapper .subtitle {
      max-width: 740px;
      text-align: left;
      margin: 20px 0 0 20px; }

.challenge-solution-section {
  display: flex; }
  .challenge-solution-section .challenge-box {
    position: relative;
    width: 870px;
    height: 888px;
    margin: 30px 35px 0 -100px;
    padding: 187px 151px; }
    .challenge-solution-section .challenge-box .image {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 0; }
      .challenge-solution-section .challenge-box .image img {
        width: 100%; }
      .challenge-solution-section .challenge-box .image.mobile {
        display: none; }
    .challenge-solution-section .challenge-box * {
      position: relative;
      color: #FFF; }
    .challenge-solution-section .challenge-box h2 {
      margin-bottom: 20px; }
    .challenge-solution-section .challenge-box p {
      max-width: 413px; }
  .challenge-solution-section .solution-box {
    max-width: 521px;
    margin-top: 290px; }
    .challenge-solution-section .solution-box .turquoise-color {
      margin-bottom: 25px; }

.slider-section {
  padding: 200px 100px 240px; }
  .slider-section .slider.slider-green-arrow .slick-arrow.slick-prev {
    left: -36px; }
  .slider-section .slider.slider-green-arrow .slick-arrow.slick-next {
    right: -36px; }

@media (max-width: 991px) {
  .swarn-drones-section .title-wrapper h1 {
    padding-top: 220px;
    font-size: 260px;
    line-height: 200px; }
  .challenge-solution-section {
    display: block; }
    .challenge-solution-section .solution-box {
      max-width: 100%;
      margin-top: 71px; } }

@media (max-width: 767px) {
  .swarn-drones-section:after {
    height: 100px; }
  .swarn-drones-section .title-wrapper h1 {
    font-size: 80px;
    line-height: 80px; }
  .swarn-drones-section .title-wrapper .subtitle,
  .swarn-drones-section .action-btn {
    margin-left: 0; }
  .swarn-drones-section .water-image,
  .swarn-drones-section .cicle-image,
  .swarn-drones-section .drone-image {
    display: none; }
  .swarn-drones-section .water-image.mobile {
    position: absolute;
    right: -10px;
    top: -70px;
    display: block; }
  .slider-section {
    padding: 100px 15px; }
  .challenge-solution-section {
    display: block; }
    .challenge-solution-section .challenge-box {
      width: 100%;
      max-width: 423px;
      height: 777px;
      margin: 30px 0 0 0;
      padding: 110px 20px 0 0; }
      .challenge-solution-section .challenge-box .image {
        display: none; }
        .challenge-solution-section .challenge-box .image.mobile {
          display: block;
          right: -40px;
          left: -40px; }
          .challenge-solution-section .challenge-box .image.mobile img {
            height: 100%;
            width: auto; }
    .challenge-solution-section .solution-box {
      max-width: 100%;
      margin-top: 71px; } }

.cow-section {
  padding-bottom: 160px;
  background: #F4F4F4;
  overflow: hidden; }
  .cow-section .title-wrapper {
    max-width: 100%;
    margin: 0;
    text-align: left; }
    .cow-section .title-wrapper h1 {
      padding-top: 40px;
      font-size: 260px;
      line-height: 200px; }
    .cow-section .title-wrapper .subtitle {
      max-width: 650px;
      text-align: left;
      margin: 20px 0 0 20px; }
  .cow-section .cow-image {
    position: absolute;
    right: 0;
    margin-top: -130px;
    /*z-index: 1;*/ }
    .cow-section .cow-image img {
      max-width: 100%; }
      @media (orientation: landscape) {
        .cow-section .cow-image img {
          transform: translateX(50%); } }

.agence-producteurs-section {
  padding-bottom: 200px; }
  .agence-producteurs-section .title {
    max-width: 860px;
    margin: 0 auto 165px; }
    .agence-producteurs-section .title p {
      text-align: right; }
  .agence-producteurs-section .image {
    display: inline-block;
    max-width: 655px;
    margin: 170px 40px 0 -55px;
    vertical-align: top; }
    .agence-producteurs-section .image img {
      width: 100%; }
  .agence-producteurs-section .text {
    display: inline-block;
    max-width: 520px; }
    .agence-producteurs-section .text .img-logo {
      margin-bottom: 40px; }
    .agence-producteurs-section .text h2 {
      margin-top: 40px;
      margin-bottom: 20px; }

.solution-section {
  padding-bottom: 280px; }
  .solution-section.dark-gray-theme {
    background: #555555;
    background-image: linear-gradient(180deg, rgba(85, 85, 85, 0) 0%, #555555 100%); }
    .solution-section.dark-gray-theme:before {
      content: '';
      height: 139px;
      background: #555555 url("../img/case-studies/dark-gray-theme-top-bg.svg") center bottom no-repeat;
      background-size: 100% 100%;
      display: block;
      position: relative; }
    .solution-section.dark-gray-theme p, .solution-section.dark-gray-theme h2 {
      color: #FFF; }
  .solution-section .text {
    display: inline-block;
    max-width: 413px;
    margin: 160px 110px 0 108px;
    vertical-align: top; }
  .solution-section .image {
    position: relative;
    float: right;
    margin-top: -220px;
    display: block;
    max-width: 615px; }
    .solution-section .image img {
      max-width: 100%;
      display: inline-block; }
  .solution-section .list-in-numbers {
    margin-top: 150px; }

.list-in-numbers {
  clear: both;
  padding: 0 100px;
  overflow: hidden;
  text-align: center; }
  .list-in-numbers ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .list-in-numbers ul li {
      position: relative;
      display: inline-block;
      width: calc(33.3% - 3px);
      max-width: 353px;
      padding: 0 20px;
      text-align: center;
      vertical-align: top; }
      .list-in-numbers ul li:last-child:after, .list-in-numbers ul li:before {
        content: '';
        position: absolute;
        top: 50%;
        width: 2px;
        height: 130px;
        transform: translateY(-50%);
        background: #7F7F7F; }
      .list-in-numbers ul li:before {
        left: 0; }
      .list-in-numbers ul li:last-child:after {
        right: 0; }
      .list-in-numbers ul li h1 {
        margin-bottom: 20px; }

.slider-land-lages-section {
  padding-bottom: 200px; }
  .slider-land-lages-section.white-theme:before {
    height: 200px;
    background-image: url(../img/case-studies/white-theme-lol-bg-top.svg);
    background-size: 102%; }
  .slider-land-lages-section .text-box {
    max-width: 850px;
    margin: 0 auto 200px; }
  .slider-land-lages-section .slider .slick-arrow.slick-prev {
    left: 0; }
  .slider-land-lages-section .slider .slick-arrow.slick-next {
    right: 0; }

.testimonials {
  display: flex; }
  .testimonials .personal-info {
    width: 200px;
    min-width: 200px;
    margin: 0 20px; }
    .testimonials .personal-info .image {
      position: relative;
      width: 150px;
      height: 150px;
      margin-bottom: 15px;
      background: url("../img/case-studies/oval-pic.svg") no-repeat;
      background-size: 100%; }
      .testimonials .personal-info .image img {
        max-width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 2px solid #FFF;
        border-radius: 50%;
        overflow: hidden; }
  .testimonials .text-info {
    margin-right: 20px; }

@media (max-width: 1200px) {
  .cow-section .cow-image {
    width: 600px; }
    .cow-section .cow-image img {
      max-width: 100%; }
  .agence-producteurs-section {
    padding-bottom: 60px; }
    .agence-producteurs-section .title {
      margin-bottom: 100px; }
    .agence-producteurs-section .image {
      margin-left: -155px; }
    .agence-producteurs-section .text {
      max-width: 420px; }
  .solution-section .text {
    margin: 60px 20px 0; }
  .solution-section .image {
    max-width: 450px;
    margin-top: -160px; }
  .list-in-numbers {
    padding: 0 20px; }
    .list-in-numbers .list-in-numbers ul li {
      padding: 0 10px; }
  .slider-land-lages-section {
    padding-bottom: 100px; }
    .slider-land-lages-section.white-theme:before {
      height: 130px; } }

@media (max-width: 991px) {
  .agence-producteurs-section .image {
    display: block;
    margin: 0 auto 100px; }
  .agence-producteurs-section .text {
    max-width: 100%; }
  .solution-section {
    padding-bottom: 180px; }
    .solution-section .text {
      margin: 60px 0;
      max-width: 100%; }
    .solution-section .image {
      float: none;
      max-width: 100%;
      text-align: center; }
    .solution-section .list-in-numbers {
      margin-top: 50px;
      padding: 0; } }

@media (max-width: 767px) {
  .cow-section {
    padding-bottom: 100px; }
    .cow-section .title-wrapper h1 {
      font-size: 80px;
      line-height: 80px; }
    .cow-section .title-wrapper .subtitle,
    .cow-section .title-wrapper .action-btn {
      margin-left: 0; }
    .cow-section .cow-image {
      position: relative;
      width: 400px; }
  .agence-producteurs-section .title {
    margin-top: 100px;
    margin-bottom: 100px; }
  .slider-land-lages-section {
    padding-bottom: 0; }
    .slider-land-lages-section .text-box {
      margin-bottom: 100px; }
  .list-in-numbers ul li {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 20px; }
    .list-in-numbers ul li:last-child:after, .list-in-numbers ul li:before {
      left: 50%;
      width: 130px;
      height: 2px;
      transform: translate(-50%, 0); }
    .list-in-numbers ul li:before {
      top: 0; }
    .list-in-numbers ul li:last-child:after {
      top: auto;
      bottom: 0; }
  .testimonials {
    display: block; }
    .testimonials .personal-info {
      display: flex;
      max-width: 100%;
      width: 100%;
      margin: 0 0 20px;
      align-items: center; }
      .testimonials .personal-info .image {
        margin-right: 20px; } }

.diving-section {
  overflow: hidden; }
  .diving-section .section {
    padding: 0; }
  .diving-section .diving-image {
    position: absolute;
    top: -10px; }
    .diving-section .diving-image img {
      width: 100%; }
    .diving-section .diving-image.mobile {
      display: none; }
  .diving-section .water-image {
    position: absolute;
    z-index: 1;
    left: 100px;
    top: 100px; }
    .diving-section .water-image img {
      width: 100%; }
  .diving-section .wrapper.main-wrapper {
    max-width: 100%; }
  .diving-section .title-wrapper {
    position: relative;
    margin-left: 480px;
    margin-top: 150px;
    margin-bottom: 320px; }
    .diving-section .title-wrapper .subtitle,
    .diving-section .title-wrapper .action-btn {
      margin-left: 360px; }
  .diving-section .txt-img {
    margin-top: 55px;
    overflow: initial; }
    .diving-section .txt-img .text {
      display: inline-block;
      max-width: 305px;
      margin: 130px 0 130px 190px; }
    .diving-section .txt-img .image {
      position: absolute;
      top: 0;
      right: -91px;
      display: block;
      max-width: 1216px;
      width: 85%; }
  .diving-section .img-txt {
    position: relative; }
    .diving-section .img-txt .image {
      position: relative;
      top: 0;
      display: inline-block;
      max-width: 351px;
      margin-left: 350px;
      vertical-align: top; }
    .diving-section .img-txt .text {
      display: inline-block;
      max-width: 415px;
      margin: 130px 0 0 120px; }
  .diving-section .diagram-image {
    margin-top: -150px;
    margin-bottom: 30px; }
    .diving-section .diagram-image img {
      width: 100%; }

.diving-video-section {
  padding: 270px 0;
  background-color: #01395D;
  background-image: url(../img/case-studies/diving-video-bg.png);
  background-size: 102%;
  background-position: top center;
  background-repeat: no-repeat; }
  .diving-video-section .video-box .video-txt p,
  .diving-video-section .video-data .video-txt h4 {
    color: #FFF; }

.diving-result-section .section {
  padding-bottom: 80px; }

.diving-result-section .slider-section {
  padding-top: 100px;
  padding-bottom: 0; }

@media (max-width: 1200px) {
  .diving-section .title-wrapper {
    margin-left: 320px;
    margin-top: 100px; }
    .diving-section .title-wrapper .subtitle,
    .diving-section .title-wrapper .action-btn {
      margin-left: 260px; }
  .diving-section .txt-img .text,
  .diving-section .img-txt .image {
    margin-left: 100px; }
  .diving-result-section.white-theme {
    margin-top: -134px; } }

@media (max-width: 991px) {
  .diving-section .water-image {
    display: none; }
  .diving-section .title-wrapper {
    margin-left: 220px;
    margin-top: 50px;
    margin-bottom: 100px; }
    .diving-section .title-wrapper .subtitle,
    .diving-section .title-wrapper .action-btn {
      margin-left: 160px; }
  .diving-section .txt-img .text,
  .diving-section .img-txt .image {
    margin-left: 0; }
  .diving-section .txt-img .text {
    margin-top: 30px; }
  .diving-section .img-txt .text {
    max-width: 330px;
    margin: 0px 0 0 50px; }
  .diving-video-section {
    padding: 100px 0 170px; }
  .diving-result-section.white-theme {
    margin-top: -134px; }
  .diving-result-section .slider-section {
    padding-top: 0; } }

@media (max-width: 767px) {
  .diving-section .diving-image {
    display: none;
    position: relative;
    margin-top: -70px; }
    .diving-section .diving-image img {
      width: 100%; }
    .diving-section .diving-image.mobile {
      display: block; }
  .diving-section .title-wrapper {
    margin-left: 0;
    margin-top: -80px;
    margin-bottom: 100px;
    text-align: center;
    padding: 0 20px; }
    .diving-section .title-wrapper h1 {
      padding-top: 0; }
    .diving-section .title-wrapper .subtitle,
    .diving-section .title-wrapper .action-btn {
      margin-left: 0; }
  .diving-section .txt-img .text,
  .diving-section .img-txt .image {
    margin-left: 0; }
  .diving-section .txt-img .text {
    display: block;
    max-width: 100%;
    margin-top: 30px;
    margin-bottom: 0; }
  .diving-section .txt-img .image {
    position: relative;
    right: 0;
    width: auto;
    margin: 0 -91px 30px; }
  .diving-section .img-txt .text {
    max-width: 100%;
    margin: 0; }
  .diving-section .img-txt .image {
    display: none; }
  .diving-section .diagram-image {
    margin-top: 0;
    margin-left: -20px; }
    .diving-section .diagram-image img {
      width: 250%; }
  .diving-video-section {
    padding-bottom: 100px; }
    .diving-video-section .video-box .video-txt p strong {
      display: block; }
  .diving-result-section.white-theme:before {
    height: 135px; } }

.meti-section {
  overflow: hidden; }
  .meti-section .bg-image,
  .meti-section .flag-image {
    position: absolute;
    right: 0;
    margin-top: -130px; }
    .meti-section .bg-image img,
    .meti-section .flag-image img {
      width: 100%; }
  .meti-section .bg-image img {
    max-width: 904px; }
  .meti-section .flag-image {
    margin-top: -155px;
    z-index: 1; }
  .meti-section .title-wrapper {
    margin-left: 30px;
    margin-bottom: 130px; }
    .meti-section .title-wrapper .subtitle {
      max-width: 550px; }
  .meti-section .oval-oringe {
    margin: 30px 0; }
  .meti-section .list-in-numbers {
    margin-bottom: 75px; }
    .meti-section .list-in-numbers ul li h1 {
      font-weight: normal; }
    .meti-section .list-in-numbers ul li p {
      max-width: 230px;
      margin: 0 auto; }
    .meti-section .list-in-numbers ul li:last-child:after, .meti-section .list-in-numbers ul li:before {
      background: #F4F4F4; }

.meti-gray-section {
  margin-bottom: 200px;
  padding: 150px 0;
  background: url("../img/case-studies/meni-bg-shape-gray.svg") center no-repeat; }
  .meti-gray-section:after {
    content: '';
    position: absolute;
    bottom: -30px;
    display: block;
    width: 94px;
    height: 87px;
    margin-left: 30%;
    background: url("../img/case-studies/oval-orange-meni-2.svg") center no-repeat;
    background-size: 100%; }
  .meti-gray-section .txt-img .text {
    display: inline-block;
    max-width: 522px;
    margin-left: 120px;
    margin-right: 20px;
    margin-top: 130px; }
  .meti-gray-section .txt-img .image {
    float: right;
    width: 48%;
    max-width: 693px; }
    .meti-gray-section .txt-img .image img {
      max-width: 100%; }

.meti-solution-section {
  z-index: 1; }
  .meti-solution-section .txt-img {
    display: flex; }
    .meti-solution-section .txt-img .text {
      display: inline-block;
      max-width: 413px;
      margin-left: 55px;
      vertical-align: top;
      order: 2; }
    .meti-solution-section .txt-img .image {
      display: inline-block;
      width: 56%;
      max-width: 615px;
      margin: 105px 0 0 100px;
      vertical-align: top; }
      .meti-solution-section .txt-img .image img {
        width: 100%; }

.meti-slide-section {
  margin-top: -280px;
  margin-bottom: 200px; }
  .meti-slide-section .section {
    background-image: linear-gradient(180deg, #8231A9 0%, #2984BD 100%);
    margin: -2px 0px; }
  .meti-slide-section:before {
    content: '';
    display: block;
    height: 420px;
    background: url("../img/case-studies/meti-slide-top-bg.svg") bottom center no-repeat;
    background-size: 102%; }
  .meti-slide-section:after {
    content: '';
    display: block;
    height: 240px;
    background: url("../img/case-studies/meti-slide-bottom-bg.svg") top center no-repeat;
    background-size: 102%; }
  .meti-slide-section .wrapper {
    position: relative; }
  .meti-slide-section h2 {
    color: #FFF;
    text-align: center; }
  .meti-slide-section .ovale-white-top {
    position: absolute;
    left: 100px;
    margin-top: 60px; }
  .meti-slide-section .ovale-white-bottom {
    position: absolute;
    right: 120px;
    top: 60%; }
  .meti-slide-section .ovale-orange-bottom {
    position: absolute;
    right: 0;
    margin-top: 30px; }
  .meti-slide-section .slick-arrow.slick-prev {
    left: 0; }
  .meti-slide-section .slick-arrow.slick-next {
    right: 0; }
  .meti-slide-section .slick-dots {
    margin-top: -120px; }
    .meti-slide-section .slick-dots li button {
      background: #D4D4D4; }
    .meti-slide-section .slick-dots li.slick-active button {
      box-shadow: inset 0 0 0 2px #FFF;
      background: transparent;
      width: 14px;
      height: 14px; }

.meti-last-section {
  padding-bottom: 70px; }

@media (min-width: 2000px) {
  .meti-slide-section:before {
    height: 600px; }
  .meti-slide-section:after {
    height: 380px; } }

@media (max-width: 1200px) {
  .meti-section .title-wrapper {
    margin-left: 0; }
    .meti-section .title-wrapper .subtitle {
      max-width: 400px; }
  .meti-gray-section .txt-img .text {
    margin-left: 60px; }
  .meti-gray-section:after {
    bottom: 0; }
  .meti-solution-section .txt-img {
    justify-content: center; }
    .meti-solution-section .txt-img .text {
      margin-left: 0; }
    .meti-solution-section .txt-img .image {
      margin: 108px 20px 0 0; }
  .meti-slide-section:before {
    height: 262px; }
  .meti-slide-section:after {
    height: 140px; }
  .meti-slide-section .ovale-orange-bottom {
    overflow: hidden;
    width: 120px; }
  .meti-slide-section .slick-dots {
    margin-top: -90px; } }

@media (max-width: 991px) {
  .meti-section .flag-image {
    width: 76%;
    z-index: 0; }
  .meti-gray-section {
    margin-bottom: 100px;
    padding-top: 0;
    padding-bottom: 100px;
    background-size: cover; }
    .meti-gray-section:after {
      bottom: -30px; }
    .meti-gray-section .txt-img .text {
      margin-top: 0;
      margin-left: 0;
      max-width: 100%; }
  .meti-solution-section .txt-img {
    display: block; }
    .meti-solution-section .txt-img .text {
      display: block;
      max-width: 100%; }
    .meti-solution-section .txt-img .image {
      display: block;
      margin: 70px auto 0; }
  .meti-slide-section:before {
    height: 180px; }
  .meti-slide-section .section {
    padding: 100px 0; }
  .meti-slide-section .slick-arrow.slick-prev {
    left: 0; }
  .meti-slide-section .slick-arrow.slick-next {
    right: 0; }
  .meti-slide-section .slick-dots {
    margin-top: 0px; } }

@media (max-width: 767px) {
  .meti-section .bg-image {
    position: absolute;
    right: 0;
    margin-top: -97px; }
  .meti-section .flag-image {
    position: relative;
    margin-top: -105px;
    right: -40px;
    width: 80%; }
  .meti-section .title-wrapper {
    margin-bottom: 0;
    text-align: center; }
    .meti-section .title-wrapper h1 {
      margin-top: -30px;
      padding-top: 0; }
  .meti-section .list-in-numbers {
    margin-bottom: 175px; }
  .meti-gray-section {
    margin-bottom: 65px;
    background: url(../img/case-studies/meti-gray-bg-mb.png) center no-repeat; }
    .meti-gray-section:after {
      bottom: 50px;
      width: 52px;
      height: 52px;
      margin-left: 40px; }
    .meti-gray-section .wrapper {
      padding: 0; }
      .meti-gray-section .wrapper .txt-img {
        top: -60px; }
        .meti-gray-section .wrapper .txt-img .image {
          position: relative;
          right: -40px;
          float: none;
          width: 100%; }
        .meti-gray-section .wrapper .txt-img .image {
          width: 100%; }
        .meti-gray-section .wrapper .txt-img .text {
          padding: 60px 15px 0; }
  .meti-slide-section {
    margin-bottom: 50px; }
    .meti-slide-section:before {
      height: 81px; }
    .meti-slide-section h2 {
      margin-top: 200px; }
    .meti-slide-section .ovale-white-top,
    .meti-slide-section .ovale-white-bottom {
      display: none; }
    .meti-slide-section .ovale-orange-bottom {
      text-align: right; }
      .meti-slide-section .ovale-orange-bottom img {
        width: 50%;
        display: inline-block; }
    .meti-slide-section .slick-dots {
      margin-top: 0px; }
  .meti-solution-section .txt-img .image {
    width: 100%; } }

.container.thompson-litton-section {
  margin-bottom: 120px; }
  @media (min-width: 992px) {
    .container.thompson-litton-section {
      margin-bottom: 300px; } }
  .container.thompson-litton-section .section {
    padding-top: 100px;
    background-color: #229174; }
    @media (min-width: 768px) {
      .container.thompson-litton-section .section {
        padding-bottom: 0; } }
    .container.thompson-litton-section .section:after {
      content: '';
      position: relative;
      display: block;
      height: 148px;
      margin-bottom: 0 !important;
      background: url(../img/case-studies/main-section-thompson-litton.svg) center bottom no-repeat;
      background-size: 102%;
      background-color: #fff;
      top: 147px; }
      @media (min-width: 768px) {
        .container.thompson-litton-section .section:after {
          height: 80px;
          top: 80px; } }
      @media (min-width: 1024px) {
        .container.thompson-litton-section .section:after {
          height: 148px;
          margin-bottom: -148px;
          background-size: cover; } }
      @media (max-width: 767px) {
        .container.thompson-litton-section .section:after {
          height: 39px;
          top: 63px; } }
    .container.thompson-litton-section .section .thompson-litton-image {
      position: absolute;
      right: -100px;
      bottom: -100px;
      width: 80%;
      z-index: 2; }
      @media (min-width: 768px) {
        .container.thompson-litton-section .section .thompson-litton-image {
          right: -240px;
          bottom: -140px;
          width: 50%; } }
      @media (min-width: 992px) {
        .container.thompson-litton-section .section .thompson-litton-image {
          width: 60%;
          bottom: -280px; } }
      @media (min-width: 1200px) {
        .container.thompson-litton-section .section .thompson-litton-image {
          width: auto; } }
      .container.thompson-litton-section .section .thompson-litton-image img {
        width: 100%; }
    .container.thompson-litton-section .section .title-wrapper.main-title-case-study {
      position: relative;
      z-index: 3;
      text-align: center; }
      @media (min-width: 768px) {
        .container.thompson-litton-section .section .title-wrapper.main-title-case-study {
          text-align: left; } }
      .container.thompson-litton-section .section .title-wrapper.main-title-case-study h1 {
        padding-top: 0;
        color: #fff;
        font-size: 75px;
        line-height: 65px; }
        @media (min-width: 992px) {
          .container.thompson-litton-section .section .title-wrapper.main-title-case-study h1 {
            font-size: 260px;
            line-height: 200px; } }
      .container.thompson-litton-section .section .title-wrapper.main-title-case-study .subtitle {
        color: #fff; }

.testimonial-small-section {
  margin-bottom: 100px; }
  @media (min-width: 768px) {
    .testimonial-small-section {
      margin-bottom: 200px; } }
  .testimonial-small-section h4 {
    font-weight: 400; }

.agence-producteurs-section.thompson {
  padding-bottom: 80px; }
  @media (min-width: 768px) {
    .agence-producteurs-section.thompson {
      padding-bottom: 130px; }
      .agence-producteurs-section.thompson .wrapper {
        display: flex;
        flex-direction: row-reverse; } }
  .agence-producteurs-section.thompson .image-thompson {
    max-width: 635px;
    margin: 30px 44px 0 -43px; }
    @media (min-width: 768px) {
      .agence-producteurs-section.thompson .image-thompson {
        margin: -34px 44px 0 -43px; } }
  .agence-producteurs-section.thompson .text {
    max-width: 600px; }
    .agence-producteurs-section.thompson .text .img-logo {
      margin-bottom: 11px; }
    .agence-producteurs-section.thompson .text h2 {
      margin-top: 58px; }

.dark-green-theme {
  background: #227681; }
  .dark-green-theme * {
    color: #FFF; }
  .dark-green-theme:before, .dark-green-theme:after {
    content: '';
    position: relative;
    display: block;
    height: 150px;
    background-size: 102%;
    background-repeat: no-repeat; }
    @media (min-width: 1600px) {
      .dark-green-theme:before, .dark-green-theme:after {
        height: 200px; } }
  .dark-green-theme:before {
    top: -2px;
    background-image: url("../img/case-studies/white-wave-top-bg.svg");
    background-position: center top; }
  .dark-green-theme:after {
    bottom: -2px;
    background-image: url("../img/case-studies/white-wave-bottom-bg.svg");
    background-position: center bottom; }

.multiple-concepts-section {
  text-align: left; }
  @media (min-width: 768px) {
    .multiple-concepts-section {
      text-align: center; } }
  .multiple-concepts-section h2 {
    margin-top: 0; }
    @media (min-width: 768px) {
      .multiple-concepts-section h2 {
        margin-top: 56px; } }
    .multiple-concepts-section h2 + p {
      margin-bottom: 60px; }
  .multiple-concepts-section .list-numbers-multiple {
    text-align: center; }
    @media (min-width: 768px) {
      .multiple-concepts-section .list-numbers-multiple {
        margin-bottom: 100px; } }
    .multiple-concepts-section .list-numbers-multiple ul {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap; }
      .multiple-concepts-section .list-numbers-multiple ul li {
        width: 50%;
        padding: 0 20px 40px; }
        @media (min-width: 768px) {
          .multiple-concepts-section .list-numbers-multiple ul li {
            width: initial;
            padding: 0; } }
      .multiple-concepts-section .list-numbers-multiple ul h1 {
        margin-bottom: 20px;
        font-weight: 400; }
      .multiple-concepts-section .list-numbers-multiple ul p {
        margin-bottom: 0; }

.slider-section.slider-big {
  padding-top: 80px;
  padding-bottom: 60px; }
  @media (min-width: 768px) {
    .slider-section.slider-big {
      padding-top: 132px;
      padding-bottom: 165px; } }
  .slider-section.slider-big .slider .slick-arrow.slick-prev {
    left: -90px; }
  .slider-section.slider-big .slider .slick-arrow.slick-next {
    right: -90px; }

.business-impact-section {
  padding-bottom: 100px; }
  @media (min-width: 768px) {
    .business-impact-section {
      padding-bottom: 200px; } }
  .business-impact-section .wrapper {
    max-width: 1100px; }
    @media (min-width: 768px) {
      .business-impact-section .wrapper {
        display: flex; } }
  .business-impact-section .text {
    display: inline-block;
    max-width: 515px; }
    .business-impact-section .text .img-logo {
      margin-bottom: 40px; }
    .business-impact-section .text h2 {
      margin-top: 40px;
      margin-bottom: 20px; }
  .business-impact-section .image {
    display: inline-block;
    max-width: 714px;
    margin: 20px -175px 0 67px;
    vertical-align: top; }
    @media (min-width: 768px) {
      .business-impact-section .image {
        margin: -60px -175px 0 67px; } }
    .business-impact-section .image img {
      width: 100%; }
    .business-impact-section .image .green-oval {
      position: relative;
      z-index: 1;
      width: 179px;
      height: 121px;
      margin-top: -120px;
      margin-left: -40px; }
      @media (min-width: 768px) {
        .business-impact-section .image .green-oval {
          margin-top: -160px;
          margin-left: 0; } }

.slider-related .slick-slide .column-small-12 {
  margin-left: 0;
  padding: 10px; }

.container.honeywell-section {
  margin-bottom: 320px; }
  @media (min-width: 768px) {
    .container.honeywell-section {
      margin-bottom: 120px; } }
  @media (min-width: 992px) {
    .container.honeywell-section {
      margin-bottom: 353px; } }
  .container.honeywell-section .section {
    background-color: #F4F4F4; }
    .container.honeywell-section .section:after {
      content: '';
      position: relative;
      display: block;
      height: 148px;
      margin-bottom: -60px;
      background: url(../img/case-studies/main-gray-wave-bottom.svg) center bottom no-repeat;
      background-size: 102%; }
      @media (min-width: 768px) {
        .container.honeywell-section .section:after {
          margin-bottom: -100px; } }
      @media (min-width: 1024px) {
        .container.honeywell-section .section:after {
          height: 148px;
          margin-bottom: -148px;
          background-size: cover; } }
    .container.honeywell-section .section .honeywell-image {
      position: absolute;
      right: -50px;
      top: 250px;
      width: 100%;
      z-index: 2; }
      @media (min-width: 768px) {
        .container.honeywell-section .section .honeywell-image {
          right: -100px;
          top: 55px;
          width: 40%; } }
      @media (min-width: 1200px) {
        .container.honeywell-section .section .honeywell-image {
          width: auto; } }
      .container.honeywell-section .section .honeywell-image img {
        width: 100%; }
    .container.honeywell-section .section .title-wrapper.main-title-case-study {
      position: relative;
      z-index: 3;
      text-align: center; }
      @media (min-width: 768px) {
        .container.honeywell-section .section .title-wrapper.main-title-case-study {
          text-align: left; } }
      .container.honeywell-section .section .title-wrapper.main-title-case-study h1 {
        padding-top: 0;
        font-size: 75px;
        line-height: 65px; }
        @media (min-width: 1025px) {
          .container.honeywell-section .section .title-wrapper.main-title-case-study h1 {
            margin-top: 23px;
            margin-bottom: 32px;
            font-size: 260px;
            line-height: 200px; } }
      .container.honeywell-section .section .title-wrapper.main-title-case-study .subtitle {
        max-width: 500px; }

.testimonial-small-section.honeywell {
  margin-bottom: 140px; }
  .testimonial-small-section.honeywell .wrapper.max1220 {
    padding: 0 15px; }
  @media (min-width: 992px) {
    .testimonial-small-section.honeywell {
      margin-bottom: 40px; } }
  .testimonial-small-section.honeywell h4 {
    font-weight: 400; }

.agence-producteurs-section.honeywell {
  padding-bottom: 80px; }
  @media (min-width: 768px) {
    .agence-producteurs-section.honeywell {
      padding-bottom: 147px; }
      .agence-producteurs-section.honeywell .wrapper {
        display: flex;
        flex-direction: row-reverse;
        align-items: center; } }
  .agence-producteurs-section.honeywell .image-honeywell {
    position: relative;
    max-width: 635px;
    margin: 30px -44px 0 50px; }
    @media (min-width: 768px) {
      .agence-producteurs-section.honeywell .image-honeywell {
        left: -42px;
        margin: 0 35px 0; } }
    .agence-producteurs-section.honeywell .image-honeywell .pink-oval {
      position: absolute;
      left: 50%;
      z-index: 1;
      width: 189px;
      height: 101px;
      margin-top: -103px; }
      @media (min-width: 768px) {
        .agence-producteurs-section.honeywell .image-honeywell .pink-oval {
          left: 66%;
          height: 141px; } }
  .agence-producteurs-section.honeywell .text {
    max-width: 600px; }
    .agence-producteurs-section.honeywell .text .img-logo {
      margin-top: -38px;
      margin-bottom: 11px; }
    .agence-producteurs-section.honeywell .text h2 {
      margin-top: 58px; }

.dark-pink-theme {
  background: #BE405E; }
  .dark-pink-theme * {
    color: #FFF; }
  .dark-pink-theme:before, .dark-pink-theme:after {
    content: '';
    position: relative;
    display: block;
    height: 150px;
    background-size: 102%;
    background-repeat: no-repeat; }
    @media (min-width: 1600px) {
      .dark-pink-theme:before, .dark-pink-theme:after {
        height: 200px; } }
  .dark-pink-theme:before {
    top: -30px;
    background-image: url("../img/case-studies/hoeywell-wave-pink-top.svg");
    background-position: center top; }
    @media (min-width: 768px) {
      .dark-pink-theme:before {
        top: -80px; } }
    @media (min-width: 1200px) {
      .dark-pink-theme:before {
        top: -130px; } }
  .dark-pink-theme:after {
    bottom: -30px;
    background-image: url("../img/case-studies/hoeywell-wave-pink-bottom.svg");
    background-position: center bottom; }
    @media (min-width: 768px) {
      .dark-pink-theme:after {
        bottom: -80px; } }
    @media (min-width: 1200px) {
      .dark-pink-theme:after {
        bottom: -130px; } }
  .dark-pink-theme .wrapper {
    margin-top: -86px;
    margin-bottom: -100px; }

.honeywell-change-solution-section {
  margin-bottom: 200px;
  text-align: left; }
  @media (min-width: 1200px) {
    .honeywell-change-solution-section {
      margin-bottom: 300px; } }
  .honeywell-change-solution-section .wrapper .text + .text {
    margin-top: 30px; }
  @media (min-width: 768px) {
    .honeywell-change-solution-section .wrapper {
      display: flex; }
      .honeywell-change-solution-section .wrapper .text {
        width: 100%;
        max-width: 478px; }
        .honeywell-change-solution-section .wrapper .text + .text {
          margin-left: 64px;
          margin-top: 0; } }

.honeywell-video-section {
  margin-bottom: 200px; }
  .honeywell-video-section h2, .honeywell-video-section p {
    text-align: center;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto; }
  .honeywell-video-section .video-data {
    margin-top: 70px; }
    .honeywell-video-section .video-data p {
      text-align: left; }

.honeywell-business-impact-section {
  max-width: 1100px; }
  @media (min-width: 768px) {
    .honeywell-business-impact-section {
      display: flex; } }
  .honeywell-business-impact-section .text {
    display: inline-block;
    max-width: 620px; }
    @media (min-width: 768px) {
      .honeywell-business-impact-section .text {
        margin-left: 19px; } }
    .honeywell-business-impact-section .text h2 {
      margin-top: 54px;
      margin-bottom: 20px; }
  .honeywell-business-impact-section .image.image-honeywell {
    position: relative;
    display: inline-block;
    max-width: 714px; }
    @media (min-width: 768px) {
      .honeywell-business-impact-section .image.image-honeywell {
        margin-right: -171px;
        margin-top: -240px; } }
    .honeywell-business-impact-section .image.image-honeywell img {
      max-width: 100%; }
    .honeywell-business-impact-section .image.image-honeywell .pink-oval {
      position: absolute;
      left: 57%;
      z-index: -1;
      width: 170px;
      height: 150px;
      margin-top: -114px; }
      @media (min-width: 768px) {
        .honeywell-business-impact-section .image.image-honeywell .pink-oval {
          width: 269px;
          height: 290px;
          margin-top: -225px; } }

.container.macys-head-section {
  margin-bottom: 360px; }
  @media (min-width: 768px) {
    .container.macys-head-section {
      margin-bottom: 120px; } }
  @media (min-width: 992px) {
    .container.macys-head-section {
      margin-bottom: 184px; } }
  .container.macys-head-section .section {
    background-color: #DE2129; }
    .container.macys-head-section .section:after {
      content: '';
      position: relative;
      display: block;
      height: 120px;
      margin-bottom: -50px;
      background: url(../img/case-studies/macys-main-wave-bottom-bg.svg) center bottom no-repeat;
      background-size: 102%; }
      @media (min-width: 992px) {
        .container.macys-head-section .section:after {
          height: 148px;
          margin-bottom: -60px; } }
    .container.macys-head-section .section .macys-image {
      position: absolute;
      right: -20%;
      top: 80%;
      width: 140%;
      z-index: 2; }
      @media (min-width: 768px) {
        .container.macys-head-section .section .macys-image {
          right: -331px;
          top: -110px;
          width: 100%; } }
      @media (min-width: 992px) {
        .container.macys-head-section .section .macys-image {
          top: -131px; } }
      @media (min-width: 1600px) {
        .container.macys-head-section .section .macys-image {
          width: auto; } }
      .container.macys-head-section .section .macys-image img {
        width: 100%; }
    .container.macys-head-section .section .title-wrapper.main-title-case-study {
      position: relative;
      z-index: 3;
      padding-bottom: 0;
      text-align: left; }
      @media (min-width: 1025px) {
        .container.macys-head-section .section .title-wrapper.main-title-case-study {
          padding-bottom: 83px; } }
      .container.macys-head-section .section .title-wrapper.main-title-case-study h1, .container.macys-head-section .section .title-wrapper.main-title-case-study h2, .container.macys-head-section .section .title-wrapper.main-title-case-study .subtitle {
        color: #fff; }
      .container.macys-head-section .section .title-wrapper.main-title-case-study h1 {
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 8px;
        padding-top: 0;
        font-size: 75px;
        line-height: 65px; }
        @media (min-width: 992px) {
          .container.macys-head-section .section .title-wrapper.main-title-case-study h1 {
            margin-left: -10px;
            margin-top: 64px;
            font-size: 360px;
            line-height: 300px; } }
      .container.macys-head-section .section .title-wrapper.main-title-case-study h2 {
        max-width: 800px; }

.agence-producteurs-section.macys {
  z-index: 3;
  padding-bottom: 0; }
  @media (min-width: 768px) {
    .agence-producteurs-section.macys {
      padding-bottom: 80px; } }
  @media (min-width: 992px) {
    .agence-producteurs-section.macys {
      padding-bottom: 223px; }
      .agence-producteurs-section.macys .wrapper {
        display: flex;
        flex-direction: row-reverse; } }
  .agence-producteurs-section.macys .image-macys {
    max-width: 647px;
    margin: 30px 67px 0 -80px; }
    @media (min-width: 992px) {
      .agence-producteurs-section.macys .image-macys {
        margin: -34px 67px 0 -80px; } }
  .agence-producteurs-section.macys .text {
    margin-top: 50px; }
    @media (min-width: 992px) {
      .agence-producteurs-section.macys .text {
        max-width: 650px; } }
    .agence-producteurs-section.macys .text .img-logo {
      margin-bottom: 20px; }
    .agence-producteurs-section.macys .text h2 {
      margin-top: 58px; }

.macys-the-changes-section {
  z-index: 1;
  padding-bottom: 0;
  margin-top: -160px; }
  @media (min-width: 768px) {
    .macys-the-changes-section {
      padding-bottom: 80px; } }
  @media (min-width: 992px) {
    .macys-the-changes-section {
      padding-bottom: 130px; }
      .macys-the-changes-section .wrapper {
        display: flex; } }
  .macys-the-changes-section .image-macys {
    max-width: 635px;
    margin: 30px -125px 0 67px; }
    @media (min-width: 992px) {
      .macys-the-changes-section .image-macys {
        margin: -170px -25px 0 67px; } }
    .macys-the-changes-section .image-macys img {
      max-width: 100%; }
  @media (min-width: 992px) {
    .macys-the-changes-section .text {
      max-width: 630px; } }
  @media (min-width: 1025px) {
    .macys-the-changes-section .text {
      margin-left: -17px; } }
  .macys-the-changes-section .text h2 {
    margin-top: 45px;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .macys-the-changes-section .text h2 {
        margin-top: 20px; } }

.gray-gradient-theme {
  background: #FFF; }
  .gray-gradient-theme:before {
    background: #FFF url("../img/case-studies/the-change-wave-top-bg.svg") center bottom no-repeat;
    background-size: 100%;
    display: block;
    content: '';
    height: 134px;
    margin-bottom: -2px; }
  .gray-gradient-theme .section {
    padding-bottom: 200px;
    background-image: linear-gradient(0deg, #FFFFFF 12%, #F4F4F4 100%); }

.key-goals-macys-section {
  z-index: 4;
  margin-top: -130px;
  background: #FFF url("../img/case-studies/key-goals-macys.png") center center no-repeat;
  background-size: cover;
  text-align: center; }
  @media (min-width: 768px) {
    .key-goals-macys-section {
      margin-top: -220px; } }
  @media (min-width: 992px) {
    .key-goals-macys-section {
      background-size: 102%; } }
  .key-goals-macys-section * {
    color: #fff; }
  .key-goals-macys-section:before, .key-goals-macys-section:after {
    content: '';
    position: relative;
    display: block;
    height: 71px; }
    @media (min-width: 992px) {
      .key-goals-macys-section:before, .key-goals-macys-section:after {
        height: 124px; } }
  .key-goals-macys-section:before {
    top: -40px;
    background: url("../img/case-studies/key-goals-wave-top-bg.svg") center bottom no-repeat;
    background-size: 102%; }
    @media (min-width: 992px) {
      .key-goals-macys-section:before {
        top: 34px; } }
    @media (min-width: 1025px) {
      .key-goals-macys-section:before {
        top: -10px; } }
  .key-goals-macys-section:after {
    bottom: -34px;
    background: url("../img/case-studies/key-goals-wave-bottom-bg.svg") center top no-repeat;
    background-size: 102%; }
    @media (min-width: 992px) {
      .key-goals-macys-section:after {
        bottom: 50px; } }
    @media (min-width: 1025px) {
      .key-goals-macys-section:after {
        bottom: -2px; } }
  .key-goals-macys-section h2 {
    margin-top: 0; }
    @media (min-width: 768px) {
      .key-goals-macys-section h2 {
        margin-top: 70px; } }
    .key-goals-macys-section h2 + p {
      margin-bottom: 60px; }
  .key-goals-macys-section .grid.list-box-item {
    margin-top: 0;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .key-goals-macys-section .grid.list-box-item {
        margin-bottom: 67px; } }
    .key-goals-macys-section .grid.list-box-item > div .shape-wrap {
      height: 72px;
      margin-bottom: 23px; }

.need-for-speed-section {
  padding-top: 62px; }
  @media (min-width: 1025px) {
    .need-for-speed-section {
      padding-top: 162px; } }
  .need-for-speed-section h2 + p {
    max-width: 850px;
    margin: 0 auto; }
  .need-for-speed-section ul {
    max-width: 827px;
    margin: 61px auto 100px;
    padding-left: 10px;
    padding-right: 10px;
    list-style: none; }
    .need-for-speed-section ul li {
      position: relative;
      padding-left: 32px;
      padding-bottom: 22px; }
      @media (min-width: 768px) {
        .need-for-speed-section ul li {
          padding-bottom: 42px; } }
      .need-for-speed-section ul li .shape {
        position: absolute;
        left: -10px;
        top: -5px; }
      .need-for-speed-section ul li h6 {
        margin-bottom: 5px;
        color: #DE2129;
        font-weight: 600; }
      .need-for-speed-section ul li p {
        margin-bottom: 0; }
      .need-for-speed-section ul li:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 5px;
        height: 100%;
        background: #DE2129; }
      .need-for-speed-section ul li:last-child:after {
        display: none; }

.slider-result.slider-section.slider-big {
  text-align: left;
  padding-top: 0;
  padding-bottom: 0; }
  @media (min-width: 768px) {
    .slider-result.slider-section.slider-big {
      padding-top: 132px;
      text-align: center; } }
  .slider-result.slider-section.slider-big h2 {
    margin-bottom: 20px; }
  .slider-result.slider-section.slider-big p {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto; }
  .slider-result.slider-section.slider-big .slider {
    margin-top: 66px; }

.business-impact-section {
  padding-bottom: 100px; }
  @media (min-width: 768px) {
    .business-impact-section {
      padding-bottom: 200px; } }
  .business-impact-section .wrapper {
    max-width: 1100px; }
    @media (min-width: 768px) {
      .business-impact-section .wrapper {
        display: flex; } }
  .business-impact-section .text {
    display: inline-block;
    max-width: 515px; }
    .business-impact-section .text .img-logo {
      margin-bottom: 40px; }
    .business-impact-section .text h2 {
      margin-top: 40px;
      margin-bottom: 20px; }
  .business-impact-section .image {
    display: inline-block;
    max-width: 714px;
    margin: 20px -175px 0 67px;
    vertical-align: top; }
    @media (min-width: 768px) {
      .business-impact-section .image {
        margin: -60px -175px 0 67px; } }
    .business-impact-section .image img {
      width: 100%; }
    .business-impact-section .image .green-oval {
      position: relative;
      z-index: 1;
      width: 179px;
      height: 121px;
      margin-top: -120px;
      margin-left: -40px; }
      @media (min-width: 768px) {
        .business-impact-section .image .green-oval {
          margin-top: -160px;
          margin-left: 0; } }

.container.SBD-section .section {
  padding-bottom: 370px;
  background-image: linear-gradient(180deg, #FFC43D 0%, #E2AF3B 65%); }
  @media (min-width: 768px) {
    .container.SBD-section .section {
      padding-bottom: 125px; } }
  .container.SBD-section .section:after {
    display: none; }
  .container.SBD-section .section .SBD-image {
    position: absolute;
    right: 0;
    width: 90%;
    z-index: 2; }
    @media (min-width: 768px) {
      .container.SBD-section .section .SBD-image {
        top: 62px;
        width: 50%; } }
    @media (min-width: 992px) {
      .container.SBD-section .section .SBD-image {
        top: 410px; } }
    @media (min-width: 1200px) {
      .container.SBD-section .section .SBD-image {
        top: 62px;
        width: auto; } }
    .container.SBD-section .section .SBD-image img {
      width: 100%; }
  .container.SBD-section .section .title-wrapper.main-title-case-study {
    position: relative;
    z-index: 3;
    text-align: left; }
    @media (min-width: 768px) {
      .container.SBD-section .section .title-wrapper.main-title-case-study {
        margin-left: 23px; } }
    .container.SBD-section .section .title-wrapper.main-title-case-study h1 {
      margin-left: 0;
      padding-top: 0;
      color: #000;
      font-size: 75px;
      line-height: 65px; }
      @media (min-width: 992px) {
        .container.SBD-section .section .title-wrapper.main-title-case-study h1 {
          margin-left: -10px;
          margin-top: 11px;
          margin-bottom: 33px;
          font-size: 260px;
          line-height: 200px; } }

.SBD-info-section {
  padding-bottom: 80px; }
  @media (min-width: 768px) {
    .SBD-info-section {
      padding-bottom: 0; } }
  .SBD-info-section:before {
    content: '';
    position: relative;
    margin-top: -100px;
    display: block;
    height: 26px;
    background-size: 102%;
    background-repeat: no-repeat;
    background-image: url("../img/case-studies/main-wave-black-bg.svg");
    background-position: center top; }
    @media (min-width: 480px) {
      .SBD-info-section:before {
        height: 35px; } }
    @media (min-width: 768px) {
      .SBD-info-section:before {
        height: 48px; } }
    @media (min-width: 992px) {
      .SBD-info-section:before {
        height: 69px; } }
    @media (min-width: 1025px) {
      .SBD-info-section:before {
        height: 89px;
        background-position: center bottom; } }
    @media (min-width: 1201px) {
      .SBD-info-section:before {
        height: 95px;
        background-position: center top; } }
  .SBD-info-section .section {
    padding-top: 270px; }
    @media (min-width: 768px) {
      .SBD-info-section .section {
        padding-top: 193px; } }
  @media (min-width: 768px) {
    .SBD-info-section .wrapper {
      display: flex; }
      .SBD-info-section .wrapper .text:first-child {
        margin-left: 23px; }
      .SBD-info-section .wrapper .text:last-child {
        margin-top: 168px; }
        .SBD-info-section .wrapper .text:last-child h4 {
          margin-top: 60px; }
      .SBD-info-section .wrapper .text + .text {
        margin-left: 50px; } }
  @media (min-width: 992px) {
    .SBD-info-section .wrapper .text + .text {
      margin-left: 130px; } }
  .SBD-info-section p,
  .SBD-info-section .list-bulet li {
    color: #fff; }
  .SBD-info-section .list-bulet li:after {
    background: #fff; }
  .SBD-info-section .section {
    background-color: #131313; }
  .SBD-info-section .image-SBD {
    position: relative;
    z-index: 2;
    max-width: 635px;
    margin: 50px 0 0; }
    @media (min-width: 768px) {
      .SBD-info-section .image-SBD {
        margin: -180px 0 0 0; } }
    @media (min-width: 992px) {
      .SBD-info-section .image-SBD {
        margin: -334px 0 0 0; } }
    @media (min-width: 1025px) {
      .SBD-info-section .image-SBD {
        margin: -452px 0 0 0; } }
    .SBD-info-section .image-SBD img {
      max-width: 100%; }
      @media (min-width: 768px) {
        .SBD-info-section .image-SBD img {
          max-width: 70%; } }
      @media (min-width: 992px) {
        .SBD-info-section .image-SBD img {
          max-width: 90%; } }
      @media (min-width: 1025px) {
        .SBD-info-section .image-SBD img {
          max-width: initial; } }
  .SBD-info-section .text {
    max-width: 627px; }
    .SBD-info-section .text:last-child {
      max-width: 521px; }
    .SBD-info-section .text .img-logo {
      margin-bottom: 11px; }
      .SBD-info-section .text .img-logo img {
        max-width: 240px; }
        @media (min-width: 768px) {
          .SBD-info-section .text .img-logo img {
            max-width: 100%; } }
    .SBD-info-section .text h2 {
      margin-top: 58px; }

.SBD-solution-section {
  margin-top: -233px; }
  @media (min-width: 768px) {
    .SBD-solution-section {
      padding-bottom: 0; } }
  .SBD-solution-section:before {
    content: '';
    position: relative;
    display: block;
    height: 20px;
    margin-top: -100px;
    background-size: 102%;
    background-repeat: no-repeat;
    background-image: url("../img/case-studies/SBD-white-wave-bg.svg");
    background-position: center top; }
    @media (min-width: 768px) {
      .SBD-solution-section:before {
        height: 60px; } }
    @media (min-width: 992px) {
      .SBD-solution-section:before {
        height: 81px; } }
  .SBD-solution-section .wrapper .text + .text {
    margin-top: 60px; }
  @media (min-width: 768px) {
    .SBD-solution-section .wrapper {
      display: flex; }
      .SBD-solution-section .wrapper .text {
        max-width: 630px; }
        .SBD-solution-section .wrapper .text:first-child {
          margin-top: 135px; }
        .SBD-solution-section .wrapper .text:last-child {
          max-width: 350px;
          margin-top: -44px;
          text-align: center; }
        .SBD-solution-section .wrapper .text + .text {
          margin-left: 157px;
          margin-top: 0; } }
  .SBD-solution-section .list-project-highlights {
    text-align: center; }
    .SBD-solution-section .list-project-highlights li {
      margin-bottom: 40px; }
      .SBD-solution-section .list-project-highlights li h1 {
        margin-bottom: 23px;
        font-weight: 400; }
  .SBD-solution-section .section {
    padding-top: 150px;
    background: #fff; }

.SBD-slider-section {
  background: #F4F4F4; }
  .SBD-slider-section:before, .SBD-slider-section:after {
    content: '';
    position: relative;
    display: block;
    background: #fff;
    background-size: 102%;
    background-repeat: no-repeat; }
  .SBD-slider-section:before {
    height: 17px;
    background-image: url("../img/case-studies/SBD-slider-gray-top-bg.svg");
    background-position: center top; }
    @media (min-width: 768px) {
      .SBD-slider-section:before {
        height: 35px; } }
    @media (min-width: 992px) {
      .SBD-slider-section:before {
        height: 40px; } }
  .SBD-slider-section:after {
    height: 26px;
    background-image: url("../img/case-studies/SBD-slider-gray-top-bottom.svg");
    background-position: center bottom; }
    @media (min-width: 768px) {
      .SBD-slider-section:after {
        height: 55px; } }
    @media (min-width: 992px) {
      .SBD-slider-section:after {
        height: 70px; } }
    @media (min-width: 1600px) {
      .SBD-slider-section:after {
        height: 100px; } }
  .SBD-slider-section .slider-section.slider-big {
    padding-top: 40px;
    padding-bottom: 40px; }
    @media (min-width: 768px) {
      .SBD-slider-section .slider-section.slider-big {
        padding-top: 80px;
        padding-bottom: 92px; } }
    .SBD-slider-section .slider-section.slider-big .image div:first-child {
      background: #ccc;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      overflow: hidden; }
  .SBD-slider-section .info-box {
    padding: 20px 20px 30px 20px;
    background: #FFFFFF;
    border-radius: 0 0 10px 10px; }
    .SBD-slider-section .info-box p {
      margin-bottom: 0;
      font-size: 12px;
      line-height: 16px; }
      .SBD-slider-section .info-box p:first-child {
        margin-bottom: 10px;
        font-weight: 500; }

.SBD-results-section {
  padding-top: 100px;
  padding-bottom: 50px; }
  @media (min-width: 768px) {
    .SBD-results-section {
      padding-top: 200px;
      padding-bottom: 100px; } }
  .SBD-results-section .wrapper > div .text + .text {
    margin-top: 10px; }
  @media (min-width: 768px) {
    .SBD-results-section .wrapper {
      padding-bottom: 0; }
      .SBD-results-section .wrapper > div {
        display: flex; }
        .SBD-results-section .wrapper > div .text {
          max-width: 540px; }
          .SBD-results-section .wrapper > div .text + .text {
            margin-left: 20px;
            margin-top: 0; } }

.dark-orange-theme {
  background-color: #FFC43D;
  background-image: linear-gradient(180deg, #FFC43D 0%, #FFD36E 100%); }
  .dark-orange-theme:before, .dark-orange-theme:after {
    content: '';
    position: relative;
    display: block;
    height: 70px;
    background-size: 102%;
    background-repeat: no-repeat; }
    @media (min-width: 768px) {
      .dark-orange-theme:before, .dark-orange-theme:after {
        height: 150px; } }
    @media (min-width: 1600px) {
      .dark-orange-theme:before, .dark-orange-theme:after {
        height: 200px; } }
  .dark-orange-theme:before {
    top: -2px;
    background-image: url("../img/case-studies/SBD-white--shape-wave-top.svg");
    background-position: center top; }
  .dark-orange-theme:after {
    bottom: -2px;
    background-image: url("../img/case-studies/SBD-white--shape-wave-bottom.svg");
    background-position: center bottom; }

.SBD-business-impact-section {
  margin-bottom: 50px; }
  @media (min-width: 768px) {
    .SBD-business-impact-section {
      margin-bottom: 0; } }
  .SBD-business-impact-section .wrapper {
    max-width: 1100px; }
    @media (min-width: 768px) {
      .SBD-business-impact-section .wrapper {
        display: flex;
        flex-direction: row-reverse; } }
  .SBD-business-impact-section .text {
    display: inline-block;
    max-width: 515px; }
    .SBD-business-impact-section .text .img-logo {
      margin-bottom: 40px; }
    .SBD-business-impact-section .text h2 {
      margin-top: 40px;
      margin-bottom: 20px; }
  .SBD-business-impact-section .image {
    position: relative;
    z-index: 2;
    display: inline-block;
    max-width: 714px;
    margin: 0 -40px -123px -40px; }
    @media (min-width: 768px) {
      .SBD-business-impact-section .image {
        margin: -123px 67px -123px -167px; } }
    .SBD-business-impact-section .image img {
      width: 100%; }
    .SBD-business-impact-section .image .green-oval {
      position: relative;
      z-index: 1;
      width: 179px;
      height: 121px;
      margin-top: -120px;
      margin-left: -40px; }
      @media (min-width: 768px) {
        .SBD-business-impact-section .image .green-oval {
          margin-top: -160px;
          margin-left: 0; } }

.cs-generic-hero {
  min-height: 600px;
  margin-bottom: 100px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .cs-generic-hero {
      margin-bottom: 30px;
      padding-bottom: 260px; } }
  .cs-generic-hero:after {
    content: '';
    position: relative;
    display: block;
    margin-top: -179px;
    height: 180px;
    background: url(../img/case-studies/white-theme-spacenet-top-bg.png) center bottom no-repeat;
    background-size: 100%; }
  .cs-generic-hero .section {
    padding-top: 0;
    padding-bottom: 200px;
    background-image: linear-gradient(180deg, #FFD36E 0%, #E2AF3B 65%); }
  .cs-generic-hero .wrapper {
    position: relative; }
  .cs-generic-hero .title-wrapper {
    position: relative;
    z-index: 2; }
  .cs-generic-hero .image {
    position: absolute;
    top: 60px;
    right: -130px;
    z-index: 1;
    text-align: right; }
    @media (max-width: 767px) {
      .cs-generic-hero .image {
        top: 230px; } }
    .cs-generic-hero .image img {
      display: inline-block;
      width: 100%; }
      @media (max-width: 767px) {
        .cs-generic-hero .image img {
          max-width: 450px; } }
  .cs-generic-hero .title-wrapper {
    max-width: 100%;
    margin: 0;
    text-align: left; }
    .cs-generic-hero .title-wrapper .subtitle {
      max-width: 645px;
      text-align: left;
      margin: 20px 0 0 0; }
    .cs-generic-hero .title-wrapper .page-title {
      font-size: 210px;
      line-height: 210px; }
      @media (max-width: 767px) {
        .cs-generic-hero .title-wrapper .page-title {
          font-size: 42px;
          line-height: 42px;
          margin-left: 0; } }

.generic-challenge-solution-section {
  margin-bottom: 30px; }
  .generic-challenge-solution-section .wrapper {
    clear: both; }
  .generic-challenge-solution-section .wrapper-flex {
    display: flex; }
    @media (max-width: 767px) {
      .generic-challenge-solution-section .wrapper-flex {
        flex-direction: column; } }
    .generic-challenge-solution-section .wrapper-flex .solution-box h2 {
      color: #2984BD; }
    @media (max-width: 767px) {
      .generic-challenge-solution-section .wrapper-flex .solution-box {
        margin: 0 0 0 15px;
        order: 2; } }
    @media (max-width: 767px) {
      .generic-challenge-solution-section .wrapper-flex .project-highlights {
        margin: 100px 0;
        order: 1;
        padding: 0 15px; } }
  .generic-challenge-solution-section .image {
    position: relative;
    width: 60%;
    max-width: 850px;
    margin: 0 0px 0 -80px; }
    .generic-challenge-solution-section .image img {
      width: 100%; }
    @media (max-width: 767px) {
      .generic-challenge-solution-section .image {
        margin-top: 40px;
        width: calc(100% + 80px); } }
  .generic-challenge-solution-section .challenge-box {
    float: right;
    width: 40%;
    max-width: 521px;
    margin-top: 100px; }
    @media (max-width: 767px) {
      .generic-challenge-solution-section .challenge-box {
        float: none;
        padding: 0 15px;
        width: 100%; } }
  .generic-challenge-solution-section .solution-box {
    max-width: 500px;
    margin-top: 200px;
    margin-left: 180px; }
  .generic-challenge-solution-section .project-highlights {
    width: 405px;
    margin-left: 100px;
    text-align: center; }
    .generic-challenge-solution-section .project-highlights h4 {
      color: #8231A9;
      font-weight: 400;
      text-align: left; }
  .generic-challenge-solution-section .name-role {
    text-align: right; }
    @media (max-width: 767px) {
      .generic-challenge-solution-section .name-role {
        text-align: left; } }

.generic-impact-section {
  margin-top: 200px; }
  @media (max-width: 767px) {
    .generic-impact-section {
      margin-top: 100px; }
      .generic-impact-section:before {
        background-size: contain;
        width: calc(100% + 4px); } }
  .generic-impact-section .wrapper {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .generic-impact-section .wrapper {
        flex-direction: column; } }
  .generic-impact-section .text {
    margin-top: 150px;
    max-width: 412px; }
    @media (max-width: 767px) {
      .generic-impact-section .text {
        margin-top: 0; } }
    .generic-impact-section .text h2 {
      margin-bottom: 20px; }
  .generic-impact-section .image {
    max-width: 846px; }
    @media (max-width: 767px) {
      .generic-impact-section .image img {
        width: 100%; } }

.testimonial-small-section .name-role {
  text-align: right; }
  @media (max-width: 767px) {
    .testimonial-small-section .name-role {
      text-align: left; } }

.container.ogonomy-head-section {
  margin-bottom: 100px;
  overflow: hidden; }
  @media (min-width: 992px) {
    .container.ogonomy-head-section {
      margin-bottom: 184px; } }
  .container.ogonomy-head-section .section {
    background-color: #2A2A2A; }
    .container.ogonomy-head-section .section:after {
      content: '';
      position: relative;
      display: block;
      height: 120px;
      margin-bottom: -35px;
      background: url(../img/case-studies/macys-main-wave-bottom-bg.svg) center bottom no-repeat;
      background-size: 102%; }
      @media (min-width: 992px) {
        .container.ogonomy-head-section .section:after {
          height: 148px;
          margin-bottom: -60px; } }
    .container.ogonomy-head-section .section .wrapper {
      padding-bottom: 0; }
    .container.ogonomy-head-section .section .ogonomy-image {
      position: absolute;
      left: -30%;
      top: 0;
      width: 150%;
      z-index: 2; }
      @media (min-width: 767px) {
        .container.ogonomy-head-section .section .ogonomy-image {
          right: 0;
          left: auto;
          width: 77%; } }
      .container.ogonomy-head-section .section .ogonomy-image img {
        width: 100%; }
    .container.ogonomy-head-section .section .title-wrapper.main-title-case-study {
      position: relative;
      z-index: 3;
      padding-bottom: 0;
      text-align: left; }
      @media (min-width: 1025px) {
        .container.ogonomy-head-section .section .title-wrapper.main-title-case-study {
          padding-bottom: 83px;
          padding-left: 23px; } }
      .container.ogonomy-head-section .section .title-wrapper.main-title-case-study .subtitle {
        max-width: 650px;
        color: #fff; }
      .container.ogonomy-head-section .section .title-wrapper.main-title-case-study h1 {
        margin-left: 0;
        margin-top: 153px;
        margin-bottom: 8px;
        padding-top: 0;
        font-size: 87px;
        line-height: 65px; }
        @media (min-width: 992px) {
          .container.ogonomy-head-section .section .title-wrapper.main-title-case-study h1 {
            margin-left: -10px;
            margin-top: 168px;
            font-size: 290px;
            line-height: 260px; } }

.case-the-impact-section,
.case-the-business-impact-section,
.case-the-problem-section,
.case-the-challenge-section {
  padding-bottom: 60px; }
  @media (min-width: 992px) {
    .case-the-impact-section,
    .case-the-business-impact-section,
    .case-the-problem-section,
    .case-the-challenge-section {
      padding-bottom: 245px; } }
  .case-the-impact-section .wrapper,
  .case-the-business-impact-section .wrapper,
  .case-the-problem-section .wrapper,
  .case-the-challenge-section .wrapper {
    display: flex;
    flex-direction: column; }
    @media (min-width: 767px) {
      .case-the-impact-section .wrapper,
      .case-the-business-impact-section .wrapper,
      .case-the-problem-section .wrapper,
      .case-the-challenge-section .wrapper {
        flex-direction: row;
        align-items: center;
        justify-content: center; } }
  .case-the-impact-section .image,
  .case-the-business-impact-section .image,
  .case-the-problem-section .image,
  .case-the-challenge-section .image {
    width: 120%;
    margin-left: -20%; }
    @media (min-width: 767px) {
      .case-the-impact-section .image,
      .case-the-business-impact-section .image,
      .case-the-problem-section .image,
      .case-the-challenge-section .image {
        width: 50%;
        max-width: 645px;
        margin-left: 0; } }
    .case-the-impact-section .image img,
    .case-the-business-impact-section .image img,
    .case-the-problem-section .image img,
    .case-the-challenge-section .image img {
      width: 100%; }
  @media (min-width: 767px) {
    .case-the-impact-section .image + .text,
    .case-the-business-impact-section .image + .text,
    .case-the-problem-section .image + .text,
    .case-the-challenge-section .image + .text {
      margin-left: 72px; }
    .case-the-impact-section .text + .image,
    .case-the-business-impact-section .text + .image,
    .case-the-problem-section .text + .image,
    .case-the-challenge-section .text + .image {
      margin-left: 90px; } }
  .case-the-impact-section .text,
  .case-the-business-impact-section .text,
  .case-the-problem-section .text,
  .case-the-challenge-section .text {
    width: 100%; }
    @media (min-width: 767px) {
      .case-the-impact-section .text,
      .case-the-business-impact-section .text,
      .case-the-problem-section .text,
      .case-the-challenge-section .text {
        width: 50%;
        max-width: 520px; } }
    .case-the-impact-section .text h2,
    .case-the-business-impact-section .text h2,
    .case-the-problem-section .text h2,
    .case-the-challenge-section .text h2 {
      margin-top: 40px;
      margin-bottom: 16px; }
      @media (min-width: 767px) {
        .case-the-impact-section .text h2,
        .case-the-business-impact-section .text h2,
        .case-the-problem-section .text h2,
        .case-the-challenge-section .text h2 {
          margin-top: 0; } }

.case-the-impact-section {
  padding-bottom: 0; }
  .case-the-impact-section .text {
    order: 2; }
    .case-the-impact-section .text h2 {
      margin-top: 0; }
    @media (min-width: 767px) {
      .case-the-impact-section .text {
        order: 1; } }
  .case-the-impact-section .image {
    order: 1;
    margin-top: -140px;
    width: 120%;
    margin-left: 0;
    margin-right: -20%;
    margin-bottom: 60px; }
    @media (min-width: 767px) {
      .case-the-impact-section .image {
        order: 2;
        width: 50%;
        margin-right: 0;
        margin-bottom: 0; } }

.gray-gradient-theme .section.case-the-impact-section {
  padding-bottom: 0;
  margin-bottom: -50px; }
  @media (min-width: 767px) {
    .gray-gradient-theme .section.case-the-impact-section {
      padding-bottom: 90px;
      margin-bottom: 0; } }

.case-the-solution-section {
  display: flex;
  flex-direction: column;
  z-index: 1;
  padding-bottom: 80px;
  margin-top: -160px; }
  @media (min-width: 767px) {
    .case-the-solution-section {
      flex-direction: row;
      align-items: flex-start;
      justify-content: center; } }
  @media (min-width: 992px) {
    .case-the-solution-section {
      padding-bottom: 180px; } }
  .case-the-solution-section .image {
    order: 1;
    max-width: 635px;
    width: 100%;
    margin-top: 20px; }
    @media (min-width: 767px) {
      .case-the-solution-section .image {
        order: 2;
        width: 50%;
        margin-top: 0;
        margin-left: 82px; } }
    @media (min-width: 992px) {
      .case-the-solution-section .image {
        margin-top: -70px; } }
    .case-the-solution-section .image img {
      max-width: 100%; }
  .case-the-solution-section .text {
    order: 2;
    width: 100%; }
    @media (min-width: 767px) {
      .case-the-solution-section .text {
        order: 1;
        max-width: 560px;
        width: 50%; } }
    .case-the-solution-section .text h2 {
      margin-top: 50px; }
      @media (min-width: 767px) {
        .case-the-solution-section .text h2 {
          margin-top: 168px;
          margin-bottom: 20px; } }

.gray-gradient-theme .section.section-padding {
  padding-bottom: 60px; }
  @media (min-width: 767px) {
    .gray-gradient-theme .section.section-padding {
      padding-bottom: 200px; } }

.case-the-result-section h2 {
  margin-bottom: 30px; }
  @media (min-width: 767px) {
    .case-the-result-section h2 {
      margin-bottom: 70px; } }

.case-the-result-section .video-data .video {
  height: 163px;
  min-width: 100%; }
  @media (min-width: 767px) {
    .case-the-result-section .video-data .video {
      height: 465px;
      min-width: 50%; } }

@media (min-width: 992px) {
  .case-the-result-section .video-data .video-txt {
    max-width: 447px; } }

.case-the-result-section .video-data .video-txt h4 {
  margin-top: -10px;
  margin-bottom: 5px;
  color: #2A2A2A;
  font-weight: 400;
  line-height: 1.3; }

.case-the-result-section .video-data .video-txt p {
  color: #555555; }

.case-the-result-section .video-data .thumbnail {
  height: 100%;
  min-height: 210px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover; }

.case-video-section {
  margin-bottom: -140px;
  padding-bottom: 170px; }
  .case-video-section.light-blue-theme {
    padding-top: 0;
    background-image: linear-gradient(180deg, #15ACEC 0%, #26B3C5 40%, rgba(38, 179, 197, 0) 98%); }
    .case-video-section.light-blue-theme:before {
      background: #FFF url(../img/case-studies/light-blue-wave-shape.png) center bottom no-repeat;
      background-size: contain;
      display: block;
      content: '';
      height: 134px;
      margin-bottom: -2px; }
  .case-video-section .video-box .video {
    width: 100%;
    max-width: 826px;
    height: 163px;
    margin: 0 auto; }
    @media (min-width: 767px) {
      .case-video-section .video-box .video {
        height: 465px; } }
    .case-video-section .video-box .video .thumbnail {
      height: 100%;
      min-height: 210px;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover; }
  .case-video-section h4 {
    max-width: 670px;
    margin: 100px auto 30px; }
    @media (min-width: 767px) {
      .case-video-section h4 {
        margin-bottom: 70px; } }

.container.adobe-head-section {
  margin-bottom: 100px; }
  @media (min-width: 768px) {
    .container.adobe-head-section {
      margin-bottom: 120px; } }
  @media (min-width: 992px) {
    .container.adobe-head-section {
      margin-bottom: 310px; } }
  .container.adobe-head-section .section {
    padding: 15px 0;
    background-color: #DE2129; }
    .container.adobe-head-section .section:after {
      content: '';
      position: relative;
      display: block;
      height: 77px;
      margin-bottom: -23px;
      background: url(../img/case-studies/macys-main-wave-bottom-bg.svg) center bottom no-repeat;
      background-size: 102%; }
      @media (min-width: 767px) {
        .container.adobe-head-section .section:after {
          height: 120px;
          margin-bottom: -30px; } }
      @media (min-width: 992px) {
        .container.adobe-head-section .section:after {
          height: 148px;
          margin-bottom: -40px; } }
    .container.adobe-head-section .section .adobe-image {
      position: absolute;
      right: 0;
      top: 30px;
      width: 70%;
      z-index: 2; }
      @media (min-width: 768px) {
        .container.adobe-head-section .section .adobe-image {
          top: 20px;
          width: 50%; } }
      @media (min-width: 992px) {
        .container.adobe-head-section .section .adobe-image {
          max-width: 786px;
          width: 100%;
          right: -20px;
          top: 70px; } }
      .container.adobe-head-section .section .adobe-image img {
        width: 100%; }
    .container.adobe-head-section .section .title-wrapper.main-title-case-study {
      position: relative;
      z-index: 3;
      margin-top: 270px;
      padding-bottom: 0;
      text-align: left; }
      @media (min-width: 767px) {
        .container.adobe-head-section .section .title-wrapper.main-title-case-study {
          margin-top: 0;
          padding-left: 15px; } }
      @media (min-width: 1025px) {
        .container.adobe-head-section .section .title-wrapper.main-title-case-study {
          padding-bottom: 0; } }
      .container.adobe-head-section .section .title-wrapper.main-title-case-study h1, .container.adobe-head-section .section .title-wrapper.main-title-case-study .subtitle {
        color: #fff; }
      .container.adobe-head-section .section .title-wrapper.main-title-case-study .subtitle {
        max-width: 440px;
        margin-top: 10px; }
        @media (min-width: 767px) {
          .container.adobe-head-section .section .title-wrapper.main-title-case-study .subtitle {
            margin-top: 55px; } }
      .container.adobe-head-section .section .title-wrapper.main-title-case-study h1 {
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 8px;
        padding-top: 0;
        font-size: 70px;
        line-height: 62px; }
        @media (min-width: 992px) {
          .container.adobe-head-section .section .title-wrapper.main-title-case-study h1 {
            margin-left: -10px;
            margin-top: 50px;
            font-size: 180px;
            line-height: 150px; } }

.red-gradient-theme {
  background-image: linear-gradient(-46deg, #7C0C05 0%, #C50C00 94%); }
  .red-gradient-theme * {
    color: #FFF; }
  .red-gradient-theme:before, .red-gradient-theme:after {
    content: '';
    position: relative;
    display: block;
    height: 100px;
    background-size: 102%;
    background-repeat: no-repeat; }
    @media (min-width: 767px) {
      .red-gradient-theme:before, .red-gradient-theme:after {
        height: 150px; } }
    @media (min-width: 1600px) {
      .red-gradient-theme:before, .red-gradient-theme:after {
        height: 200px; } }
  .red-gradient-theme:before {
    top: -2px;
    background-image: url("../img/case-studies/case-solution-shape-top.svg");
    background-position: center top; }
  .red-gradient-theme:after {
    bottom: -2px;
    background-image: url("../img/case-studies/case-solution-shape-bottom.svg");
    background-position: center bottom; }

.case-adobe-the-solution-section * {
  color: #fff; }

.case-adobe-the-solution-section h2 {
  margin-top: -15px;
  margin-bottom: 25px; }

.case-adobe-the-solution-section .text {
  display: flex;
  flex-direction: column;
  margin-top: 60px; }
  @media (min-width: 768px) {
    .case-adobe-the-solution-section .text {
      flex-direction: row;
      justify-content: space-between; } }
  .case-adobe-the-solution-section .text > div + div {
    margin-top: 30px; }
    @media (min-width: 768px) {
      .case-adobe-the-solution-section .text > div + div {
        margin-top: 0; } }
  @media (min-width: 768px) {
    .case-adobe-the-solution-section .text > div {
      width: calc(50% - 55px); } }
  .case-adobe-the-solution-section .text > div h4 {
    margin-bottom: 25px; }
  .case-adobe-the-solution-section .text > div ol {
    margin-left: 15px; }
    @media (min-width: 768px) {
      .case-adobe-the-solution-section .text > div ol {
        margin-left: 30px; } }
    .case-adobe-the-solution-section .text > div ol li {
      position: relative;
      padding-left: 25px;
      counter-increment: li; }
    .case-adobe-the-solution-section .text > div ol li:before {
      content: counter(li) ". ";
      position: absolute;
      left: 0; }

@media (min-width: 992px) {
  .case-the-problem-section.adobe {
    padding-bottom: 135px; } }

.case-the-impact-section.adobe {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media (min-width: 767px) {
    .case-the-impact-section.adobe {
      padding-bottom: 200px; } }
  .case-the-impact-section.adobe .image {
    margin-top: 0; }

.gray-gradient-theme .section.no-padding {
  padding-bottom: 0; }

.container.wizard-head-section {
  margin-bottom: 100px;
  overflow: hidden; }
  @media (min-width: 992px) {
    .container.wizard-head-section {
      margin-bottom: 150px; } }
  .container.wizard-head-section .section {
    padding-bottom: 0;
    background: url(../img/case-studies/wizard-head-bg.png) no-repeat center bottom;
    background-size: cover; }
    @media (min-width: 992px) {
      .container.wizard-head-section .section {
        padding-bottom: 0; } }
    .container.wizard-head-section .section:after {
      content: '';
      position: relative;
      display: block;
      height: 130px;
      background-size: 102%;
      background-repeat: no-repeat;
      bottom: -2px;
      background-image: url("../img/case-studies/case-solution-shape-bottom.svg");
      background-position: center bottom; }
    .container.wizard-head-section .section .wrapper {
      padding-bottom: 0; }
    .container.wizard-head-section .section .wizard-image {
      position: absolute;
      right: 0;
      top: 25px;
      width: 90%;
      z-index: 2; }
      @media (min-width: 767px) {
        .container.wizard-head-section .section .wizard-image {
          right: 0;
          left: auto;
          width: 50%; } }
      @media (min-width: 992px) {
        .container.wizard-head-section .section .wizard-image {
          width: 55%;
          max-width: 643px; } }
      @media (min-width: 1025px) {
        .container.wizard-head-section .section .wizard-image {
          max-width: 700px; } }
      .container.wizard-head-section .section .wizard-image img {
        width: 100%; }
    .container.wizard-head-section .section .title-wrapper.main-title-case-study {
      position: relative;
      z-index: 3;
      padding-bottom: 0;
      text-align: left; }
      @media (min-width: 1025px) {
        .container.wizard-head-section .section .title-wrapper.main-title-case-study {
          padding-bottom: 140px;
          padding-left: 23px; } }
      .container.wizard-head-section .section .title-wrapper.main-title-case-study .subtitle {
        max-width: 440px;
        color: #fff; }
      .container.wizard-head-section .section .title-wrapper.main-title-case-study h1 {
        margin-left: 0;
        margin-top: 340px;
        margin-bottom: 8px;
        padding-top: 0;
        color: #fff;
        font-size: 67px;
        line-height: 65px; }
        @media (min-width: 767px) {
          .container.wizard-head-section .section .title-wrapper.main-title-case-study h1 {
            margin-left: -10px;
            margin-top: 125px; } }
        @media (min-width: 992px) {
          .container.wizard-head-section .section .title-wrapper.main-title-case-study h1 {
            margin-top: 200px;
            font-size: 240px;
            line-height: 180px; } }

.case-the-challenge-section.wizard .image {
  margin-bottom: 40px; }
  @media (min-width: 767px) {
    .case-the-challenge-section.wizard .image {
      margin-bottom: 0; } }

.case-the-challenge-section.wizard .logo-img {
  margin-bottom: 10px; }
  .case-the-challenge-section.wizard .logo-img img {
    display: block; }

.case-the-challenge-section.wizard .texth h2 {
  margin-top: 40px; }
  @media (min-width: 767px) {
    .case-the-challenge-section.wizard .texth h2 {
      margin-top: 60px; } }

.case-the-business-impact-section {
  position: relative;
  z-index: 2;
  margin: -270px 0 -230px;
  padding-bottom: 0; }
  @media (min-width: 767px) {
    .case-the-business-impact-section {
      margin-bottom: -130px; } }
  .case-the-business-impact-section .image {
    margin-bottom: 0;
    order: 2; }
    @media (min-width: 767px) {
      .case-the-business-impact-section .image {
        margin-bottom: -70px;
        order: 1; } }
  .case-the-business-impact-section .text {
    padding-top: 200px;
    padding-bottom: 50px;
    order: 1; }
    @media (min-width: 767px) {
      .case-the-business-impact-section .text {
        order: 2;
        padding-bottom: 100px; } }

.case-the-solution-section.wizard {
  padding-bottom: 60px; }
  @media (min-width: 767px) {
    .case-the-solution-section.wizard {
      padding-bottom: 0; } }

.purpel-gr-gradient-theme {
  margin-top: 0;
  margin-bottom: 130px;
  background-image: linear-gradient(169deg, #9D41C9 0%, #6569FF 100%); }
  @media (min-width: 992px) {
    .purpel-gr-gradient-theme {
      margin-top: 170px;
      margin-bottom: 0; } }
  .purpel-gr-gradient-theme * {
    color: #FFF; }
  .purpel-gr-gradient-theme:before, .purpel-gr-gradient-theme:after {
    content: '';
    position: relative;
    display: block;
    height: 100px;
    background-size: 102%;
    background-repeat: no-repeat; }
    @media (min-width: 767px) {
      .purpel-gr-gradient-theme:before, .purpel-gr-gradient-theme:after {
        height: 200px; } }
  .purpel-gr-gradient-theme:before {
    top: -2px;
    background-image: url("../img/case-studies/white-wave-top-bg.svg");
    background-position: center top; }
  .purpel-gr-gradient-theme:after {
    bottom: -2px;
    background-image: url("../img/case-studies/white-wave-bottom-bg.svg");
    background-position: center bottom; }

.case-project-timeline {
  padding-top: 0;
  background: url(../img/case-studies/case-project-timeline.png) no-repeat center top;
  background-size: cover; }
  .case-project-timeline:before, .case-project-timeline:after {
    content: '';
    position: relative;
    display: block;
    height: 100px;
    background-size: 102%;
    background-repeat: no-repeat; }
    @media (min-width: 767px) {
      .case-project-timeline:before, .case-project-timeline:after {
        height: 200px; } }
  .case-project-timeline:before {
    top: -2px;
    background-image: url("../img/case-studies/white-wave-top-bg.svg");
    background-position: center top; }
  .case-project-timeline:after {
    bottom: -2px;
    background-image: url("../img/case-studies/white-wave-bottom-bg.svg");
    background-position: center bottom; }
  .case-project-timeline h2, .case-project-timeline p {
    color: #fff; }
  .case-project-timeline h2 + p {
    max-width: 850px;
    margin: 0 auto; }
  .case-project-timeline .project-timeline {
    margin-top: 62px; }
  .case-project-timeline ul.list-timeline {
    padding-left: 10px;
    padding-right: 10px;
    list-style: none; }
    .case-project-timeline ul.list-timeline li {
      position: relative;
      padding-left: 32px;
      padding-bottom: 22px; }
      @media (min-width: 768px) {
        .case-project-timeline ul.list-timeline li {
          padding-bottom: 42px; } }
      .case-project-timeline ul.list-timeline li .shape {
        position: absolute;
        left: -10px;
        top: -5px; }
      .case-project-timeline ul.list-timeline li h6 {
        margin-bottom: 5px;
        color: #B671D7;
        font-weight: 600; }
      .case-project-timeline ul.list-timeline li p {
        margin-bottom: 0; }
      .case-project-timeline ul.list-timeline li .shape svg {
        fill: #B671D7; }
      .case-project-timeline ul.list-timeline li:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 5px;
        height: 100%;
        background: #B671D7; }
      .case-project-timeline ul.list-timeline li:last-child:after {
        display: none; }

.spacenet-section {
  min-height: 600px;
  overflow: hidden; }
  .spacenet-section .title-wrapper.main-title-case-study a {
    background: #FFF;
    color: #555555; }
  .spacenet-section:after {
    content: '';
    position: relative;
    display: block;
    margin-top: -179px;
    height: 180px;
    background: url(../img/case-studies/white-theme-spacenet-top-bg.png) center bottom no-repeat;
    background-size: 100%; }
  .spacenet-section .section {
    padding-top: 0;
    padding-bottom: 200px;
    background-image: linear-gradient(180deg, #FFD36E 0%, #E2AF3B 65%); }
  .spacenet-section .wrapper {
    position: relative; }
  .spacenet-section .title-wrapper {
    position: relative;
    z-index: 2; }
  .spacenet-section .image {
    position: absolute;
    top: 0;
    right: -130px;
    z-index: 1;
    text-align: right; }
    .spacenet-section .image img {
      display: inline-block;
      width: 100%; }
  .spacenet-section .title-wrapper {
    max-width: 100%;
    margin: 0;
    text-align: left; }
    .spacenet-section .title-wrapper .subtitle {
      max-width: 645px;
      text-align: left;
      margin: 20px 0 0 20px; }
    .spacenet-section .title-wrapper .page-title {
      font-size: 260px; }

.spacenet-challenge-solution-section {
  padding-top: 240px;
  padding-bottom: 200px; }
  .spacenet-challenge-solution-section .wrapper {
    clear: both; }
  .spacenet-challenge-solution-section .image {
    position: relative;
    width: 60%;
    max-width: 850px;
    margin: 0 0px 0 -80px; }
    .spacenet-challenge-solution-section .image img {
      width: 100%; }
  .spacenet-challenge-solution-section .challenge-box {
    float: right;
    width: 40%;
    max-width: 521px;
    margin-top: 220px; }
  .spacenet-challenge-solution-section .solution-box {
    max-width: 630px;
    margin-top: 200px;
    margin-left: 180px; }
  .spacenet-challenge-solution-section .project-highlights {
    width: 305px;
    margin-left: 130px;
    text-align: center; }
    .spacenet-challenge-solution-section .project-highlights h1 {
      font-weight: 400; }

.project-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .project-list li {
    text-align: center; }
    .project-list li + li {
      margin-top: 40px; }
    .project-list li h1 {
      margin-bottom: 10px; }
    .project-list li p {
      width: 205px;
      margin: 0 auto; }

.the-impact-section {
  background: url(../img/case-studies/impact.png) center top no-repeat;
  background-size: 100% 100%; }
  .the-impact-section:before {
    content: '';
    position: absolute;
    z-index: 3;
    display: block;
    width: 100%;
    height: 133px;
    margin-top: -34px;
    background: url(../img/case-studies/impact-wave-top-bg.svg) center bottom no-repeat;
    background-size: 102%; }
  .the-impact-section:after {
    content: '';
    position: absolute;
    z-index: 3;
    display: block;
    width: 100%;
    height: 140px;
    margin-top: -100px;
    background: url(../img/case-studies/impact-wave-bottom-bg.svg) center top no-repeat;
    background-size: 102%; }
  .the-impact-section .section {
    position: relative;
    z-index: 4;
    padding-bottom: 100px; }
  .the-impact-section .wrapper {
    display: flex; }
  .the-impact-section .image {
    position: relative;
    top: -40px; }
    .the-impact-section .image img {
      max-width: 100%; }
  .the-impact-section .the-impact {
    max-width: 521px;
    margin: 50px 0 0 50px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center; }
    .the-impact-section .the-impact * {
      color: #FFF; }
    .the-impact-section .the-impact p {
      margin-top: 20px; }

.video-info-section .section {
  padding: 100px 0; }

@media (max-width: 1200px) {
  .spacenet-section .image img {
    width: 80%; }
  .spacenet-challenge-solution-section {
    padding-top: 100px; }
    .spacenet-challenge-solution-section .challenge-box {
      margin-top: 100px; }
    .spacenet-challenge-solution-section .solution-box {
      margin-left: 0; }
  .the-impact-section:before {
    height: 110px; }
  .the-impact-section .the-impact {
    margin-top: 100px; } }

@media (max-width: 991px) {
  .spacenet-section .image {
    top: 200px; }
    .spacenet-section .image img {
      width: 60%; }
  .spacenet-challenge-solution-section {
    display: block;
    padding-bottom: 100px; }
    .spacenet-challenge-solution-section .image {
      width: 100%;
      min-width: 420px;
      margin-bottom: 100px; }
    .spacenet-challenge-solution-section .challenge-box {
      float: none;
      width: 100%;
      max-width: 100%;
      margin-top: 0;
      margin-bottom: 50px; }
    .spacenet-challenge-solution-section .solution-box {
      max-width: 100%;
      margin-top: 71px; }
    .spacenet-challenge-solution-section .wrapper.flex {
      display: block; }
    .spacenet-challenge-solution-section .project-highlights {
      margin: 100px auto 0; }
  .the-impact-section:before {
    margin: 0;
    background-position-y: top; }
  .the-impact-section:after {
    height: 80px;
    margin-top: -80px;
    background-position-y: bottom; }
  .the-impact-section .wrapper {
    display: block; }
  .the-impact-section .the-impact {
    max-width: 100%;
    margin-top: 0;
    margin-left: 0; } }

@media (max-width: 767px) {
  .spacenet-section .title-wrapper .subtitle {
    margin-left: 0; }
  .spacenet-section .image {
    top: 350px; }
  .spacenet-section .page-title {
    font-size: 80px !important; }
  .video-info-section .section {
    padding-bottom: 50px; }
  .spacenet-challenge-solution-section {
    display: block; } }

.harvart-section.container {
  overflow: hidden; }

.harvart-section .title-wrapper.main-title-case-study h1 {
  font-size: 260px;
  line-height: 200px;
  max-width: 1000px; }

.harvart-section .title-wrapper.main-title-case-study a {
  background: #FFF;
  color: #555555; }

.harvart-section:after {
  content: '';
  position: relative;
  display: block;
  height: 360px;
  margin-top: -1px;
  background: url(../img/case-studies/ready-harvar-bottom-bg.svg) center bottom no-repeat;
  background-size: 109%;
  background-position: 50% 0; }

.harvart-section .section {
  max-height: 600px;
  padding-top: 0;
  padding-bottom: 0;
  background-image: linear-gradient(180deg, #BE405E 0%, #8C384C 100%); }

.harvart-section .wrapper {
  position: relative; }

.harvart-section .title-wrapper {
  position: relative;
  z-index: 2; }

.harvart-section .image {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -160px;
  z-index: 1;
  text-align: right; }
  .harvart-section .image img {
    display: inline-block;
    width: 100%; }

.harvart-section .title-wrapper {
  max-width: 100%;
  margin: 0;
  text-align: left; }
  .harvart-section .title-wrapper .subtitle {
    max-width: 460px;
    text-align: left;
    margin: 20px 0 0 20px; }

.testimonial-text {
  margin-bottom: 170px; }
  .testimonial-text p {
    text-align: right; }

.harvart-challenge-section {
  padding-top: 200px;
  padding-bottom: 200px; }
  .harvart-challenge-section .challenge-box {
    width: 88%;
    max-width: 585px;
    margin-right: 60px; }
  .harvart-challenge-section .the-strategy {
    margin-top: 130px; }
    .harvart-challenge-section .the-strategy .item-strategy {
      position: relative;
      min-height: 63px;
      padding-left: 88px; }
      .harvart-challenge-section .the-strategy .item-strategy + .item-strategy {
        margin-top: 20px; }
      .harvart-challenge-section .the-strategy .item-strategy .shape-wrap {
        position: absolute;
        left: 0;
        height: inherit; }
        .harvart-challenge-section .the-strategy .item-strategy .shape-wrap .content {
          top: -8px;
          height: inherit; }
      .harvart-challenge-section .the-strategy .item-strategy p {
        margin-bottom: 0; }

.solution-impact-section.gray-theme.gradient-block .section {
  background-image: linear-gradient(180deg, #F4F4F4 0%, #FFFFFF 30%); }

.solution-impact-section .quote-researcher-name {
  margin: 16px 0; }

.solution-impact-section .section {
  padding: 100px 0; }

.solution-impact-section .solution-box {
  width: 57%;
  max-width: 586px;
  margin-right: 60px; }
  .solution-impact-section .solution-box h5 {
    font-weight: 400; }

.solution-impact-section .report-data {
  width: 43%;
  max-width: 413px; }
  .solution-impact-section .report-data .project-highlights {
    margin-top: 130px;
    margin-bottom: 100px;
    text-align: center; }
    .solution-impact-section .report-data .project-highlights .indianred-color {
      color: #EF476F; }
    .solution-impact-section .report-data .project-highlights h1 {
      font-weight: 400; }
    .solution-impact-section .report-data .project-highlights .subtitle-1 {
      width: 140px; }
  .solution-impact-section .report-data .read-the-report {
    padding: 30px;
    background: #F4F4F4;
    border-radius: 10px; }
    .solution-impact-section .report-data .read-the-report h2 {
      font-size: 36px;
      line-height: 36px; }

@media (max-width: 1200px) {
  .harvart-section:after {
    background-position-y: top; }
  .harvart-challenge-section {
    padding-top: 100px; } }

@media (max-width: 991px) {
  .harvart-section .title-wrapper.main-title-case-study h1 {
    font-size: 200px;
    line-height: 160px; }
  .harvart-section .image {
    top: 140px; }
    .harvart-section .image img {
      width: 80%; }
  .harvart-challenge-section {
    padding-top: 100px; } }

@media (max-width: 767px) {
  .harvart-section .title-wrapper.main-title-case-study h1 {
    padding-top: 50px;
    font-size: 80px;
    line-height: 74px; }
  .harvart-section .title-wrapper .subtitle {
    margin-left: 0; }
  .harvart-section .image {
    position: relative;
    top: 20px; }
    .harvart-section .image img {
      margin-right: 90px; }
  .testimonial-text {
    margin-bottom: 100px; }
    .testimonial-text p {
      text-align: left; }
  .harvart-challenge-section {
    padding-top: 0;
    padding-bottom: 100px; }
    .harvart-challenge-section .wrapper.flex {
      display: block; }
    .harvart-challenge-section .the-strategy {
      margin-top: 60px; }
    .harvart-challenge-section .challenge-box {
      width: 100%; }
  .solution-impact-section .wrapper.flex {
    display: block; }
  .solution-impact-section .solution-box,
  .solution-impact-section .report-data {
    width: 100%; }
  .solution-impact-section .section {
    padding-bottom: 50px; } }

.harvard-challenge-strategy-section {
  padding-top: 0; }

@media (max-width: 767px) {
  .mobile-none {
    display: none; } }

.ready-microsoft-section.container {
  height: 750px;
  overflow: hidden; }

.ready-microsoft-section h2 {
  margin-left: 20px; }

.ready-microsoft-section .title-wrapper.main-title-case-study h1 {
  font-size: 260px;
  line-height: 200px;
  max-width: 1000px; }

.ready-microsoft-section .title-wrapper.main-title-case-study a {
  background: #FFF;
  color: #555555; }

.ready-microsoft-section:after {
  content: '';
  position: relative;
  display: block;
  height: 136px;
  margin-top: -1px;
  background: url(../img/case-studies/microsoft-bottom-bg.svg) center bottom no-repeat;
  background-size: 109%; }

.ready-microsoft-section .section {
  max-height: 600px;
  padding-top: 0;
  padding-bottom: 0;
  background: #16679A; }

.ready-microsoft-section .wrapper {
  position: relative; }

.ready-microsoft-section .title-wrapper {
  position: relative;
  z-index: 2; }

.ready-microsoft-section .image {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -100px;
  z-index: 1;
  text-align: right; }
  .ready-microsoft-section .image img {
    display: inline-block;
    width: 100%; }

.ready-microsoft-section .title-wrapper {
  max-width: 100%;
  margin: 0;
  text-align: left; }
  .ready-microsoft-section .title-wrapper .subtitle {
    max-width: 460px;
    text-align: left;
    margin: 20px 0 0 20px; }
  .ready-microsoft-section .title-wrapper .pushing-text {
    max-width: 600px; }

.ready-microsoft-teams-section {
  padding-top: 200px;
  padding-bottom: 200px; }
  .ready-microsoft-teams-section .microsoft-team .image-about {
    width: 50%;
    max-width: 585px;
    margin-right: 60px; }
    .ready-microsoft-teams-section .microsoft-team .image-about img {
      width: 100%; }
  .ready-microsoft-teams-section .microsoft-team .about-microsoft-team {
    max-width: 521px; }

.ready-microsoft-challenge-solution {
  padding-bottom: 200px; }
  .ready-microsoft-challenge-solution > div + div {
    margin-left: 60px; }

.ready-microsoft-challenge-solution-impact-section .section {
  padding-top: 100px; }

.ready-microsoft-challenge-solution-impact-section.gray-theme.gradient-block .section {
  background-image: linear-gradient(180deg, #F4F4F4 0%, #FFFFFF 30%); }

.ready-microsoft-impact-gray-section {
  margin-bottom: 0;
  padding: 110px 0;
  background: url(../img/case-studies/microsift-meti-shape-gray.svg) center no-repeat;
  margin-top: 70px; }
  .ready-microsoft-impact-gray-section .txt-img .text {
    display: inline-block;
    width: 50%;
    max-width: 630px;
    margin-left: 65px;
    margin-right: 15px;
    margin-top: 130px; }
  .ready-microsoft-impact-gray-section .txt-img .image {
    float: right;
    width: 48%;
    max-width: 693px; }
    .ready-microsoft-impact-gray-section .txt-img .image img {
      max-width: 100%; }

@media (max-width: 1200px) {
  .ready-microsoft-impact-gray-section {
    background-size: 130%; }
    .ready-microsoft-impact-gray-section .txt-img .text {
      margin-left: 0;
      margin-top: 60px; } }

@media (max-width: 991px) {
  .ready-microsoft-section .title-wrapper.main-title-case-study h1 {
    margin-left: 10px;
    font-size: 180px;
    line-height: 160px; }
  .ready-microsoft-section .image img {
    width: 80%; }
  .ready-microsoft-section:after {
    background-position-y: top; }
  .ready-microsoft-teams-section {
    padding-top: 100px; }
  .ready-microsoft-impact-gray-section {
    margin-bottom: 100px;
    padding-top: 0;
    padding-bottom: 100px;
    background-size: cover; }
    .ready-microsoft-impact-gray-section:after {
      bottom: -30px; }
    .ready-microsoft-impact-gray-section .txt-img .text {
      margin-top: 0;
      margin-left: 0;
      width: 100%;
      max-width: 100%; } }

@media (max-width: 767px) {
  .ready-microsoft-section.container {
    height: auto; }
  .ready-microsoft-section .title-wrapper.main-title-case-study h1, .ready-microsoft-section .title-wrapper.main-title-case-study h2 {
    margin-left: 0; }
  .ready-microsoft-section .title-wrapper.main-title-case-study h1 {
    padding-top: 50px;
    font-size: 70px;
    line-height: 74px; }
  .ready-microsoft-section .title-wrapper .subtitle {
    margin-left: 0; }
  .ready-microsoft-section .image {
    position: relative;
    top: 30px;
    margin-right: -40px; }
  .ready-microsoft-impact-gray-section {
    margin-bottom: 65px;
    background: url(../img/case-studies/meti-gray-bg-mb.png) center no-repeat; }
    .ready-microsoft-impact-gray-section:after {
      bottom: 50px;
      width: 52px;
      height: 52px;
      margin-left: 40px; }
    .ready-microsoft-impact-gray-section .wrapper {
      padding: 0; }
      .ready-microsoft-impact-gray-section .wrapper .txt-img {
        top: -60px; }
        .ready-microsoft-impact-gray-section .wrapper .txt-img .image {
          position: relative;
          right: -40px;
          float: none;
          width: 100%; }
        .ready-microsoft-impact-gray-section .wrapper .txt-img .image {
          width: 100%; }
        .ready-microsoft-impact-gray-section .wrapper .txt-img .text {
          padding: 60px 15px 0; }
  .ready-microsoft-teams-section {
    padding-top: 100px;
    padding-bottom: 60px; }
    .ready-microsoft-teams-section .testimonial-text {
      margin-bottom: 40px; }
      .ready-microsoft-teams-section .testimonial-text p strong {
        display: block; }
  .microsoft-team.wrapper.flex {
    display: block; }
    .microsoft-team.wrapper.flex .image-about {
      width: 100%;
      margin-bottom: 40px; }
  .ready-microsoft-challenge-solution {
    padding-bottom: 100px; }
    .ready-microsoft-challenge-solution.wrapper.flex {
      display: block; }
    .ready-microsoft-challenge-solution > div + div {
      margin-left: 0;
      margin-top: 50px; }
  .ready-microsoft-impact-gray-section {
    margin-top: 150px;
    padding-bottom: 50px; } }

.ready-t-mobile-section {
  min-height: 820px;
  overflow: hidden; }
  .ready-t-mobile-section:after {
    content: '';
    position: relative;
    display: block;
    height: 74px;
    background: url(../img/case-studies/ready-t-mobile-bottom-bg.svg) center bottom no-repeat;
    background-size: 105%; }
  .ready-t-mobile-section .section {
    padding-top: 0;
    padding-bottom: 80px;
    background: #E20074; }
  .ready-t-mobile-section .wrapper {
    position: relative; }
  .ready-t-mobile-section .title-wrapper.main-title-case-study {
    position: relative;
    z-index: 2;
    margin-left: 513px; }
    .ready-t-mobile-section .title-wrapper.main-title-case-study h1 {
      font-size: 260px;
      line-height: 200px; }
  .ready-t-mobile-section .image {
    position: absolute;
    top: 0;
    left: -60px;
    z-index: 1;
    text-align: right; }
    .ready-t-mobile-section .image img {
      display: inline-block;
      width: 100%; }
  .ready-t-mobile-section .title-wrapper {
    max-width: 100%;
    margin: 0;
    text-align: left; }
    .ready-t-mobile-section .title-wrapper .subtitle {
      max-width: 740px;
      text-align: left;
      margin: 20px 0 0 20px; }

.t-mobile-contant-section {
  padding-top: 100px;
  padding-bottom: 200px; }

.statistic-project-type {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 628px;
  margin: -40px 0; }
  .statistic-project-type li {
    width: 50%;
    margin: 40px 0;
    padding: 0 20px;
    text-align: center;
    border-left: 1px solid #F4F4F4; }
    .statistic-project-type li:nth-child(2n + 2) {
      border-right: 1px solid #F4F4F4; }
  .statistic-project-type.sunshot li h1 {
    font-weight: 400; }
  .statistic-project-type.sunshot li p {
    font-weight: 500; }

.t-mobile-advantages {
  margin-top: 40px;
  margin-left: 128px; }

.the-business-impact,
.crowdsourcing-box {
  margin-right: 20px; }

.t-mobile-business-impact {
  margin-top: 200px; }

@media (max-width: 1200px) {
  .ready-t-mobile-section {
    min-height: 600px; }
    .ready-t-mobile-section .image {
      text-align: left; }
      .ready-t-mobile-section .image img {
        width: 80%; }
    .ready-t-mobile-section .title-wrapper.main-title-case-study {
      margin-left: 413px; }
      .ready-t-mobile-section .title-wrapper.main-title-case-study h1 {
        font-size: 160px;
        line-height: 100px; }
    .ready-t-mobile-section:after {
      background-position-y: top; }
  .t-mobile-contant-section .testimonial-text {
    margin-bottom: 100px; }
  .t-mobile-business-impact {
    width: calc(100% - 20px);
    margin-right: 20px; }
  .column-4.crowdsourcing-box {
    width: calc(100% - 20px);
    margin-bottom: 20px; } }

@media (max-width: 991px) {
  .ready-t-mobile-section {
    min-height: 400px; }
    .ready-t-mobile-section .image img {
      width: 60%; }
    .ready-t-mobile-section .section {
      padding-bottom: 0; }
    .ready-t-mobile-section .title-wrapper.main-title-case-study {
      margin-left: 313px; }
      .ready-t-mobile-section .title-wrapper.main-title-case-study h1 {
        font-size: 80px; }
  .wrapper.max1310 .video-data .video-box {
    padding: 0; }
  .the-business-impact.column-8 {
    width: calc(100% - 30px);
    margin-left: 10px; }
  .t-mobile-advantages {
    margin-top: 0;
    margin-left: 60px; } }

@media (max-width: 767px) {
  .ready-t-mobile-section .section {
    padding-bottom: 50px; }
  .ready-t-mobile-section .title-wrapper .subtitle {
    margin-left: 0; }
  .ready-t-mobile-section .image {
    position: relative;
    top: -20px; }
    .ready-t-mobile-section .image img {
      width: 100%; }
  .ready-t-mobile-section .title-wrapper.main-title-case-study {
    margin-left: 0; }
    .ready-t-mobile-section .title-wrapper.main-title-case-study h1 {
      padding-top: 20px; }
  .t-mobile-contant-section {
    padding-top: 0;
    padding-bottom: 30px; }
    .t-mobile-contant-section .testimonial-text p strong {
      display: block; }
    .t-mobile-contant-section .read-more-component {
      margin-bottom: 20px; }
    .t-mobile-contant-section .wrapper.flex {
      display: block; }
  .t-mobile-advantages {
    margin-top: 100px;
    margin-left: 0; }
  .t-mobile-business-impact {
    width: initial;
    margin-right: 0;
    margin-top: 100px; } }

.ready-sunshot-section.container {
  height: 910px;
  overflow: hidden; }

.ready-sunshot-section h2 {
  margin-left: 20px; }

.ready-sunshot-section .title-wrapper.main-title-case-study h1 {
  font-size: 260px;
  line-height: 200px;
  max-width: 1000px; }

.ready-sunshot-section:after {
  content: '';
  position: relative;
  display: block;
  height: 136px;
  margin-top: -1px;
  background: url(../img/case-studies/ready-sunshot-bottom-bg.svg) center top no-repeat;
  background-size: 109%; }

.ready-sunshot-section .section {
  max-height: 750px;
  padding-top: 0;
  padding-bottom: 0;
  background: #F4F4F4; }

.ready-sunshot-section .wrapper {
  position: relative; }

.ready-sunshot-section .title-wrapper {
  position: relative;
  z-index: 2; }

.ready-sunshot-section .image {
  position: absolute;
  top: 60px;
  right: 0;
  margin-right: -315px;
  z-index: 1;
  text-align: right; }
  .ready-sunshot-section .image img {
    display: inline-block;
    width: 100%; }

.ready-sunshot-section .title-wrapper {
  max-width: 100%;
  margin: 0;
  text-align: left; }
  .ready-sunshot-section .title-wrapper .subtitle {
    max-width: 560px;
    text-align: left;
    margin: 20px 0 0 20px; }

.ready-sunshot-content-section .sunshot-department-energy {
  max-width: 522px;
  margin-top: 200px;
  margin-left: 128px; }

.ready-sunshot-gray-section {
  margin-bottom: 0;
  padding: 110px 0;
  background: url(../img/case-studies/sunshot-gray-bg.svg) center no-repeat;
  margin-top: 70px; }
  .ready-sunshot-gray-section .txt-img .text {
    display: inline-block;
    width: 43%;
    max-width: 522px;
    margin-left: 65px;
    margin-right: 80px;
    margin-top: 180px; }
  .ready-sunshot-gray-section .txt-img .image {
    float: right;
    width: 48%;
    max-width: 693px; }
    .ready-sunshot-gray-section .txt-img .image img {
      max-width: 100%; }

.ready-sunshot-solution-section {
  z-index: 1; }
  .ready-sunshot-solution-section .txt-img .text {
    float: right;
    display: inline-block;
    max-width: 413px;
    margin-left: 64px;
    vertical-align: top; }
  .ready-sunshot-solution-section .txt-img .image {
    display: inline-block;
    width: 56%;
    max-width: 615px;
    margin-top: 70px;
    vertical-align: top;
    margin-left: 64px; }
    .ready-sunshot-solution-section .txt-img .image img {
      width: 100%; }

.ready-sunshot-slide-section {
  margin-top: -350px; }
  .ready-sunshot-slide-section .section {
    background-image: linear-gradient(180deg, #0C8AC1 0%, #011B3F 100%); }
  .ready-sunshot-slide-section:before {
    content: '';
    display: block;
    height: 420px;
    background: url("../img/case-studies/sunshot-slide-top-bg.svg") bottom center no-repeat;
    background-size: 102%; }
  .ready-sunshot-slide-section:after {
    content: '';
    display: block;
    height: 240px;
    background: url("../img/case-studies/sunshot-slide-bottom-bg.svg") top center no-repeat;
    background-size: 102%; }
  .ready-sunshot-slide-section .wrapper {
    position: relative; }
  .ready-sunshot-slide-section h2 {
    color: #FFF;
    text-align: center; }
  .ready-sunshot-slide-section .ovale-green-top {
    position: absolute;
    right: 100px;
    top: -200px; }
  .ready-sunshot-slide-section .ovale-orange-bottom {
    position: absolute;
    right: 120px;
    top: 60%; }
    .ready-sunshot-slide-section .ovale-orange-bottom img {
      width: 100%; }
  .ready-sunshot-slide-section .slick-arrow {
    z-index: 1000; }
    .ready-sunshot-slide-section .slick-arrow.slick-prev {
      left: 0; }
    .ready-sunshot-slide-section .slick-arrow.slick-next {
      right: 0; }
  .ready-sunshot-slide-section .slick-dots li button {
    background: #D4D4D4; }
  .ready-sunshot-slide-section .slick-dots li.slick-active button {
    box-shadow: inset 0 0 0 2px #FFF;
    background: transparent;
    width: 14px;
    height: 14px; }

.sunshot-business-impac .business-impac {
  width: 100%;
  max-width: 522px;
  margin-right: 100px; }

.sunshot-business-impac .crowdsourcing {
  width: 100%;
  max-width: 532px; }

.sunshot-business-impac .personal-info {
  display: flex;
  width: 100%;
  margin: 0 0 20px 0;
  align-items: center; }
  .sunshot-business-impac .personal-info .image {
    position: relative;
    width: 150px;
    height: 150px;
    margin-right: 27px;
    background: url("../img/case-studies/personal-info-orange-oval.svg") no-repeat;
    background-size: 100%; }
    .sunshot-business-impac .personal-info .image img {
      max-width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border: 2px solid #FFF;
      border-radius: 50%;
      overflow: hidden; }

.sunshot-video-info-section .section {
  padding-top: 100px;
  padding-bottom: 100px; }

@media (max-width: 1200px) {
  .ready-sunshot-gray-section {
    background-size: 130%; }
    .ready-sunshot-gray-section .txt-img .text {
      margin-left: 0;
      margin-top: 80px; }
  .ready-sunshot-solution-section .txt-img .text {
    margin-left: 0; }
  .ready-section-slide-section:after {
    height: 174px; }
  .ready-section-slide-section .ovale-green-top {
    position: absolute;
    right: 100px;
    top: -150px; } }

@media (max-width: 991px) {
  .ready-sunshot-section .title-wrapper.main-title-case-study h1 {
    margin-left: 10px;
    font-size: 180px;
    line-height: 160px; }
  .ready-sunshot-section .image img {
    width: 80%; }
  .ready-sunshot-section:after {
    background-position-y: top; }
  .ready-sunshot-content-section .wrapper.flex {
    display: block; }
  .ready-sunshot-content-section .statistic-project-type {
    margin-left: auto;
    margin-right: auto; }
  .ready-sunshot-content-section .sunshot-department-energy {
    margin-top: 100px;
    margin-left: 0; }
  .ready-sunshot-gray-section {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 100px;
    background-size: cover; }
    .ready-sunshot-gray-section:after {
      bottom: -30px; }
    .ready-sunshot-gray-section .txt-img .text {
      margin-top: -50px;
      margin-bottom: 50px;
      margin-left: 0;
      width: 100%;
      max-width: 100%; }
  .ready-sunshot-solution-section .txt-img .text {
    float: none;
    display: block;
    max-width: 100%; }
  .ready-sunshot-solution-section .txt-img .image {
    display: block;
    margin: 70px auto 0; }
  .ready-section-slide-section {
    margin-top: -450px; }
    .ready-section-slide-section .section {
      padding-top: 100px; }
    .ready-section-slide-section .ovale-green-top {
      display: none; }
    .ready-section-slide-section.xerox-slider {
      margin-top: 0; }
  .sunshot-video-info-section .section {
    padding-top: 50px; }
  .sunshot-business-impac.wrapper.flex {
    display: block; }
    .sunshot-business-impac.wrapper.flex .business-impac,
    .sunshot-business-impac.wrapper.flex .crowdsourcing {
      max-width: 100%;
      margin-right: 0; }
    .sunshot-business-impac.wrapper.flex .crowdsourcing {
      margin-top: 100px; } }

@media (max-width: 767px) {
  .ready-sunshot-section.container {
    height: auto; }
  .ready-sunshot-section .section {
    max-height: initial;
    padding-bottom: 100px; }
  .ready-sunshot-section .title-wrapper.main-title-case-study h1, .ready-sunshot-section .title-wrapper.main-title-case-study h2 {
    margin-left: 0; }
  .ready-sunshot-section .title-wrapper.main-title-case-study h1 {
    padding-top: 50px;
    font-size: 80px;
    line-height: 74px; }
  .ready-sunshot-section .title-wrapper .subtitle {
    margin-left: 0; }
  .ready-sunshot-section .image {
    position: relative;
    top: 0;
    margin-top: -90px;
    margin-right: -90px; }
    .ready-sunshot-section .image img {
      width: 100%; }
  .ready-section-slide-section .section {
    padding-top: 100px;
    min-height: 500px; }
  .ready-section-slide-section .slick-dots {
    margin-top: 0; }
  .ready-section-slide-section .ovale-orange-bottom {
    position: absolute;
    right: -10px;
    top: 110%;
    width: 30%; }
  .ready-sunshot-gray-section {
    margin-bottom: 0;
    background: url(../img/case-studies/sunshot-gray-bg-mb.svg) center no-repeat; }
    .ready-sunshot-gray-section:after {
      bottom: 50px;
      width: 52px;
      height: 52px;
      margin-left: 40px; }
    .ready-sunshot-gray-section .wrapper {
      padding: 0; }
      .ready-sunshot-gray-section .wrapper .txt-img {
        top: -60px; }
        .ready-sunshot-gray-section .wrapper .txt-img .image {
          position: relative;
          right: -40px;
          float: none;
          width: 100%; }
        .ready-sunshot-gray-section .wrapper .txt-img .image {
          width: 100%; }
        .ready-sunshot-gray-section .wrapper .txt-img .text {
          padding: 60px 15px 0; }
  .ready-sunshot-content-section .sunshot-department-energy {
    margin-bottom: 150px; }
  .ready-sunshot-solution-section .txt-img .image {
    width: 100%; }
  .sunshot-video-info-section .section {
    padding-bottom: 50px; } }

.ready-xerox-section.container {
  overflow: hidden; }

.ready-xerox-section .section {
  padding-top: 0;
  padding-bottom: 200px;
  background: #000 url(../img/case-studies/xerox-hero.png) center top no-repeat;
  background-size: 100%; }

.ready-xerox-section .title-wrapper.main-title-case-study {
  text-align: center;
  margin: 0 auto; }
  .ready-xerox-section .title-wrapper.main-title-case-study h1 {
    margin-bottom: 50px;
    font-size: 260px;
    line-height: 200px; }
  .ready-xerox-section .title-wrapper.main-title-case-study .subtitle {
    max-width: 412px;
    margin: 0 auto; }

.ready-xerox-section .testimonial-text {
  margin-top: 440px;
  margin-bottom: 0; }
  .ready-xerox-section .testimonial-text * {
    color: #fff; }

.ready-xerox-challenge {
  padding-bottom: 200px;
  z-index: 1; }
  .ready-xerox-challenge:before {
    background-image: url(../img/case-studies/xerox-white-bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%; }
  .ready-xerox-challenge .wrapper {
    padding-top: 100px;
    padding-bottom: 200px; }
    .ready-xerox-challenge .wrapper div:first-child {
      max-width: 630px;
      width: 100%;
      padding-top: 100px; }
    .ready-xerox-challenge .wrapper div:last-child {
      max-width: 521px;
      width: 100%; }
    .ready-xerox-challenge .wrapper > div + div {
      margin-left: 128px; }

.xerox-slider {
  position: relative;
  z-index: 2; }
  .xerox-slider:before {
    background-image: url(../img/case-studies/xerox-slider-top-bg.svg); }
  .xerox-slider:after {
    background-image: url(../img/case-studies/xerox-slider-bottom-bg.svg); }
  .xerox-slider .section {
    background: #16679A;
    background-image: linear-gradient(180deg, #16679A 0%, #555555 100%); }
  .xerox-slider .ovale-top {
    position: absolute;
    right: 100px;
    top: -250px;
    width: 196px; }
    .xerox-slider .ovale-top img {
      width: 100%; }
  .xerox-slider h2 {
    margin-top: -180px; }

.ready-xerox-result-business div:first-child {
  max-width: 522px;
  width: 100%;
  padding-top: 62px; }

.ready-xerox-result-business div:last-child {
  max-width: 412px;
  width: 100%; }

.ready-xerox-result-business > div + div {
  margin-left: 128px; }

.section-padding-top-bottom .section {
  padding: 100px 0; }

@media (max-width: 1200px) {
  .ready-xerox-challenge .wrapper > div + div,
  .ready-xerox-result-business > div + div {
    margin-left: 60px; }
  .xerox-slider:after {
    height: 200px; }
  .xerox-slider h2 {
    margin-top: -124px; } }

@media (max-width: 991px) {
  .ready-xerox-section .title-wrapper.main-title-case-study h1 {
    font-size: 180px;
    line-height: 160px; }
  .ready-xerox-challenge .wrapper.flex,
  .ready-xerox-result-business {
    display: block; }
    .ready-xerox-challenge .wrapper.flex div:first-child,
    .ready-xerox-result-business div:first-child {
      padding-top: 0; }
    .ready-xerox-challenge .wrapper.flex div:first-child,
    .ready-xerox-challenge .wrapper.flex div:last-child,
    .ready-xerox-result-business div:first-child,
    .ready-xerox-result-business div:last-child {
      max-width: 100%; }
    .ready-xerox-challenge .wrapper.flex > div + div,
    .ready-xerox-result-business > div + div {
      margin-top: 100px;
      margin-left: 0; }
  .xerox-slider h2 {
    margin-top: -80px; } }

@media (max-width: 767px) {
  .ready-xerox-result-business {
    flex-direction: column; }
    .ready-xerox-result-business > div + div {
      margin-top: 20px;
      margin-left: 0; }
  .section-padding-top-bottom .section {
    padding: 40px 0; }
  .ready-xerox-section .section {
    padding-bottom: 150px; }
  .ready-xerox-section .title-wrapper.main-title-case-study h1 {
    margin-left: 0;
    padding-top: 50px;
    font-size: 80px;
    line-height: 74px; }
  .ready-xerox-section .testimonial-text {
    margin-top: 140px; }
  .xerox-slider:after {
    height: 70px; }
  .xerox-slider .section {
    min-height: auto; }
    .xerox-slider .section .slider {
      position: relative; }
    .xerox-slider .section .ovale-top {
      right: 50px;
      top: -150px;
      width: 100px; }
  .ready-xerox-challenge {
    padding-bottom: 0; }
    .ready-xerox-challenge:before {
      height: 130px; }
    .ready-xerox-challenge.wrapper.flex {
      display: block; }
    .ready-xerox-challenge > div + div {
      margin-left: 0;
      margin-top: 50px; } }

.ready-consensys-diligence-section.container {
  overflow: hidden; }

.ready-consensys-diligence-section .section {
  padding-top: 0;
  padding-bottom: 200px;
  background: url(../img/case-studies/consensys-andre-francois.png) center top no-repeat;
  background-size: cover; }

.ready-consensys-diligence-section .title-wrapper.main-title-case-study {
  text-align: left;
  max-width: 100%; }
  .ready-consensys-diligence-section .title-wrapper.main-title-case-study h1 {
    margin-bottom: 50px;
    font-size: 260px;
    line-height: 200px; }
    .ready-consensys-diligence-section .title-wrapper.main-title-case-study h1 span {
      display: block;
      max-width: 1000px; }
      .ready-consensys-diligence-section .title-wrapper.main-title-case-study h1 span:nth-child(2) {
        margin-left: 216px; }
      .ready-consensys-diligence-section .title-wrapper.main-title-case-study h1 span:nth-child(3) {
        margin-left: 335px; }
  .ready-consensys-diligence-section .title-wrapper.main-title-case-study .subtitle {
    max-width: 630px;
    margin-left: 670px; }
  .ready-consensys-diligence-section .title-wrapper.main-title-case-study .action-btn {
    margin-left: 670px; }

.ready-consensys-second-section:before {
  height: 130px;
  background-image: url(../img/case-studies/xerox-white-bg.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%; }

.ready-consensys-second-section .section {
  padding: 150px 0 200px; }

.ready-consensys-second-section .ready-consensys-challenge {
  padding-bottom: 0; }

.ready-consensys-content-section:before {
  background-image: url(../img/case-studies/shape-wave-gray-bottom.svg); }

.ready-consensys-content-section .section {
  min-height: 1300px;
  padding-top: 200px; }

.ready-consensys-content-section .statistic-project-type li {
  border-left: 1px solid #DEDEDE; }
  .ready-consensys-content-section .statistic-project-type li p {
    max-width: 160px;
    margin: 0 auto; }

.ready-consensys-content-section .sunshot-department-energy {
  max-width: 522px;
  margin-top: 80px;
  margin-left: 128px; }

.ready-consensys-challenge {
  padding-bottom: 100px;
  z-index: 1; }
  .ready-consensys-challenge.wrapper {
    padding-top: 30px; }
    .ready-consensys-challenge.wrapper div:first-child {
      max-width: 630px;
      width: 100%; }
    .ready-consensys-challenge.wrapper div:last-child {
      max-width: 521px;
      width: 100%;
      padding-top: 140px; }
      .ready-consensys-challenge.wrapper div:last-child img {
        height: 52px; }
    .ready-consensys-challenge.wrapper > div + div {
      margin-left: 128px; }

.consensys-slider {
  position: relative;
  z-index: 2; }
  .consensys-slider:before {
    height: 450px;
    background-image: url(../img/case-studies/consensys-slider-top-bg.svg); }
  .consensys-slider:after {
    background-image: url(../img/case-studies/consensys-slider-bottom-bg.svg); }
  .consensys-slider .section {
    background: #4B1665;
    background-image: linear-gradient(180deg, #4B1665 0%, #1B445F 100%); }
  .consensys-slider .ovale-top {
    position: absolute;
    right: 100px;
    top: -100px;
    width: 128px; }
    .consensys-slider .ovale-top img {
      width: 100%; }
  .consensys-slider h2 {
    margin-top: -100px; }

.consensys-last-section .section {
  padding: 100px 0; }

.consensys-last-section .grid.list-box-item {
  margin-top: 0;
  margin-bottom: 200px; }

.cs-column-video-quote .ethereum-section {
  background-image: linear-gradient(180deg, #652385 0%, #1B445F 100%);
  position: relative;
  margin-bottom: 175px; }
  .cs-column-video-quote .ethereum-section:before {
    background: url(../img/case-studies/ethereum-top-bg.png) 50% 100% no-repeat;
    background-size: contain;
    content: '';
    height: 440px;
    position: absolute;
    top: -440px;
    width: 100%; }
  .cs-column-video-quote .ethereum-section:after {
    background: url(../img/case-studies/ethereum-bottom.png) 50% 0 no-repeat;
    background-size: contain;
    bottom: -175px;
    content: '';
    height: 175px;
    position: absolute;
    width: 100%; }
  .cs-column-video-quote .ethereum-section .columns {
    margin-bottom: 200px; }
    @media (max-width: 767px) {
      .cs-column-video-quote .ethereum-section .columns {
        flex-wrap: wrap; } }
  .cs-column-video-quote .ethereum-section .col {
    color: #fff;
    text-align: center;
    margin: 0 15px; }
    @media (max-width: 767px) {
      .cs-column-video-quote .ethereum-section .col {
        margin: 30px 0; } }
    .cs-column-video-quote .ethereum-section .col:first-child {
      margin-left: 0; }
    .cs-column-video-quote .ethereum-section .col:last-child {
      margin-right: 0; }
    .cs-column-video-quote .ethereum-section .col .icon {
      margin-bottom: 20px; }
      .cs-column-video-quote .ethereum-section .col .icon img {
        display: inline-block; }
    .cs-column-video-quote .ethereum-section .col h5 {
      margin-bottom: 15px; }
    .cs-column-video-quote .ethereum-section .col p {
      color: #fff; }
  .cs-column-video-quote .ethereum-section .video-txt h4 {
    color: #fff;
    margin-bottom: 10px; }
  .cs-column-video-quote .ethereum-section .video-txt p {
    color: #fff; }

@media (min-width: 1600px) {
  .ready-consensys-second-section:before {
    height: 144px; }
  .consensys-slider:before {
    height: 550px; } }

@media (max-width: 1200px) {
  .ready-consensys-diligence-section .title-wrapper.main-title-case-study h1 {
    font-size: 170px;
    line-height: 140px; }
  .ready-consensys-diligence-section .title-wrapper.main-title-case-study .action-btn,
  .ready-consensys-diligence-section .title-wrapper.main-title-case-study .subtitle {
    margin-left: 470px; }
  .ready-consensys-challenge.wrapper > div + div {
    margin-left: 60px; }
  .consensys-slider:after {
    height: 200px; } }

@media (max-width: 991px) {
  .ready-consensys-diligence-section .title-wrapper.main-title-case-study h1 {
    font-size: 160px;
    line-height: 140px; }
    .ready-consensys-diligence-section .title-wrapper.main-title-case-study h1 span:nth-child(2),
    .ready-consensys-diligence-section .title-wrapper.main-title-case-study h1 span:nth-child(3) {
      margin-left: 0; }
  .ready-consensys-diligence-section .title-wrapper.main-title-case-study .subtitle,
  .ready-consensys-diligence-section .title-wrapper.main-title-case-study .action-btn {
    margin-left: 0; }
  .ready-consensys-challenge.wrapper.flex {
    display: block; }
    .ready-consensys-challenge.wrapper.flex div:first-child {
      padding-top: 0; }
    .ready-consensys-challenge.wrapper.flex div:first-child,
    .ready-consensys-challenge.wrapper.flex div:last-child {
      max-width: 100%; }
    .ready-consensys-challenge.wrapper.flex > div + div {
      margin-top: 100px;
      margin-left: 0;
      padding-top: 0; }
  .ready-consensys-content-section .section {
    padding-top: 100px; }
  .ready-consensys-content-section .wrapper.flex {
    display: block; }
  .ready-consensys-content-section .statistic-project-type {
    margin: 0 auto; }
  .ready-consensys-content-section .sunshot-department-energy {
    max-width: 100%;
    margin-left: 0;
    margin-top: 100px; }
  .consensys-slider .ovale-top {
    position: absolute;
    right: 50px;
    top: -50px;
    width: 100px; } }

@media (max-width: 767px) {
  .ready-consensys-diligence-section .section {
    padding-bottom: 150px; }
  .ready-consensys-diligence-section .title-wrapper.main-title-case-study h1 {
    margin-left: 0;
    padding-top: 50px;
    font-size: 80px;
    line-height: 74px; }
  .ready-consensys-second-section .section {
    padding: 100px 0 50px; }
  .consensys-slider:after {
    height: 70px; }
  .consensys-slider .section {
    min-height: auto; }
    .consensys-slider .section .slider {
      position: relative; }
    .consensys-slider .section .ovale-top {
      right: 30px;
      top: 0;
      width: 50px; }
  .consensys-last-section .section {
    padding: 50px 0; }
  .consensys-last-section .grid.list-box-item {
    margin-bottom: 100px; } }

.post-type-archive-inthenews .resources-grid, .tax-inthenewscat .resources-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.post-type-archive-inthenews .resources-sidebar, .tax-inthenewscat .resources-sidebar {
  padding-bottom: 20px;
  width: calc(25% - 10px); }
  @media (max-width: 767px) {
    .post-type-archive-inthenews .resources-sidebar, .tax-inthenewscat .resources-sidebar {
      width: 100%;
      z-index: 1; } }
  @media (min-width: 767px) and (max-width: 900px) {
    .post-type-archive-inthenews .resources-sidebar, .tax-inthenewscat .resources-sidebar {
      width: calc(33.33% - 10px); } }
  .post-type-archive-inthenews .resources-sidebar .resources-side-card, .tax-inthenewscat .resources-sidebar .resources-side-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    padding: 30px;
    position: sticky;
    position: -webkit-sticky;
    top: 50px; }
    @media (max-width: 767px) {
      .post-type-archive-inthenews .resources-sidebar .resources-side-card, .tax-inthenewscat .resources-sidebar .resources-side-card {
        box-shadow: none;
        padding: 0; } }
    .post-type-archive-inthenews .resources-sidebar .resources-side-card .form-input, .tax-inthenewscat .resources-sidebar .resources-side-card .form-input {
      display: none; }
      @media (max-width: 767px) {
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .form-input, .tax-inthenewscat .resources-sidebar .resources-side-card .form-input {
          display: block;
          margin-top: 13px;
          padding: 0; } }
      .post-type-archive-inthenews .resources-sidebar .resources-side-card .form-input:after, .tax-inthenewscat .resources-sidebar .resources-side-card .form-input:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 15px;
        width: 10px;
        height: 10px;
        border-width: 2px 2px 0 0;
        border-style: solid;
        border-color: #137D60;
        transform: rotate(135deg);
        transition: all .2s; }
      .post-type-archive-inthenews .resources-sidebar .resources-side-card .form-input .form-field, .tax-inthenewscat .resources-sidebar .resources-side-card .form-input .form-field {
        height: 40px;
        line-height: 40px;
        padding-bottom: 0;
        padding-top: 0; }
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .form-input .form-field:placeholder-shown ~ .form-label, .tax-inthenewscat .resources-sidebar .resources-side-card .form-input .form-field:placeholder-shown ~ .form-label {
          top: 8px; }
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .form-input .form-field + label,
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .form-input .form-field:focus ~ .form-label, .tax-inthenewscat .resources-sidebar .resources-side-card .form-input .form-field + label,
        .tax-inthenewscat .resources-sidebar .resources-side-card .form-input .form-field:focus ~ .form-label {
          top: -13px; }
    @media (max-width: 767px) {
      .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-links, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-links {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
        max-height: 0;
        overflow: hidden;
        position: absolute;
        width: 100%;
        transition: max-height 0.5s; }
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-links .filter-list, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-links .filter-list {
          margin-top: 15px; }
          .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-links .filter-list a, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-links .filter-list a {
            background: none !important;
            display: block;
            padding: 0 15px; }
            .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-links .filter-list a.active, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-links .filter-list a.active {
              background: #229174 !important;
              color: #fff;
              font-weight: 400; } }
      @media (max-width: 767px) and (max-width: 767px) {
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-links .filter-list a, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-links .filter-list a {
          color: #2a2a2a; } }
    @media (max-width: 767px) {
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-links .link-list, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-links .link-list {
          margin: 0 15px 15px; }
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-links hr, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-links hr {
          margin: 15px; } }
    @media (max-width: 767px) {
      .post-type-archive-inthenews .resources-sidebar .resources-side-card.open .filter-links, .tax-inthenewscat .resources-sidebar .resources-side-card.open .filter-links {
        height: auto;
        max-height: 1000px; } }
    .post-type-archive-inthenews .resources-sidebar .resources-side-card.open .form-input:after, .tax-inthenewscat .resources-sidebar .resources-side-card.open .form-input:after {
      top: 17px;
      transform: rotate(315deg); }
    .post-type-archive-inthenews .resources-sidebar .resources-side-card hr, .tax-inthenewscat .resources-sidebar .resources-side-card hr {
      background: #d4d4d4;
      border: 0;
      height: 2px;
      margin: 30px 0; }
    .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-list, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-list {
      margin-top: 20px; }
      .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-list a, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-list a {
        color: #0d61bf;
        line-height: 30px;
        padding-left: 28px;
        text-decoration: none; }
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-list a.press-coverage, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-list a.press-coverage {
          background: url(../img/icons/news_icon.svg) 0 0 no-repeat;
          background-size: contain; }
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-list a.press-releases, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-list a.press-releases {
          background: url(../img/icons/press_release_icon.svg) 0 0 no-repeat;
          background-size: contain; }
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-list a.research-reports, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-list a.research-reports {
          background: url(../img/icons/research_report_icon.svg) 0 0 no-repeat;
          background-size: contain; }
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-list a.ebooks-papers, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-list a.ebooks-papers {
          background: url(../img/icons/icon-ebooks.svg) 0 0 no-repeat;
          background-size: contain; }
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-list a:hover, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-list a:hover {
          color: #555; }
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-list a.active, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-list a.active {
          color: #555;
          font-weight: 700; }
        .post-type-archive-inthenews .resources-sidebar .resources-side-card .filter-list a.no-result, .tax-inthenewscat .resources-sidebar .resources-side-card .filter-list a.no-result {
          color: #555; }

.post-type-archive-inthenews .resources-main, .tax-inthenewscat .resources-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(75% - 10px); }
  @media (max-width: 767px) {
    .post-type-archive-inthenews .resources-main, .tax-inthenewscat .resources-main {
      width: 100%; } }
  @media (min-width: 767px) and (max-width: 900px) {
    .post-type-archive-inthenews .resources-main, .tax-inthenewscat .resources-main {
      width: calc(66.66% - 10px); } }
  .post-type-archive-inthenews .resources-main:after, .tax-inthenewscat .resources-main:after {
    content: '';
    width: calc(33.33% - 12px); }
  .post-type-archive-inthenews .resources-main .search-label, .tax-inthenewscat .resources-main .search-label {
    font-size: 24px;
    height: auto;
    margin-bottom: 20px;
    width: 100%; }
  .post-type-archive-inthenews .resources-main .card-resources, .tax-inthenewscat .resources-main .card-resources {
    align-items: stretch;
    background: #f4f4f4;
    box-shadow: none;
    display: flex;
    height: 240px;
    margin-bottom: 20px;
    position: relative;
    transition: 0.5s;
    width: calc(33.33% - 12px); }
    @media (max-width: 767px) {
      .post-type-archive-inthenews .resources-main .card-resources, .tax-inthenewscat .resources-main .card-resources {
        width: 100%; } }
    @media (min-width: 767px) and (max-width: 900px) {
      .post-type-archive-inthenews .resources-main .card-resources, .tax-inthenewscat .resources-main .card-resources {
        width: calc(50% - 12px); } }
    .post-type-archive-inthenews .resources-main .card-resources .media-body, .tax-inthenewscat .resources-main .card-resources .media-body {
      align-items: stretch;
      display: flex;
      padding: 0;
      width: 100%; }
      .post-type-archive-inthenews .resources-main .card-resources .media-body h6.title, .tax-inthenewscat .resources-main .card-resources .media-body h6.title {
        max-height: 135px;
        overflow: hidden; }
    .post-type-archive-inthenews .resources-main .card-resources a, .tax-inthenewscat .resources-main .card-resources a {
      color: #2a2a2a;
      display: block;
      margin: 0;
      padding: 15px 20px 20px;
      text-decoration: none; }
    .post-type-archive-inthenews .resources-main .card-resources p.logo, .tax-inthenewscat .resources-main .card-resources p.logo {
      height: 35px; }
    .post-type-archive-inthenews .resources-main .card-resources:hover, .tax-inthenewscat .resources-main .card-resources:hover {
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
  .post-type-archive-inthenews .resources-main.press-coverage .card-resources, .tax-inthenewscat .resources-main.press-coverage .card-resources {
    display: none; }
    .post-type-archive-inthenews .resources-main.press-coverage .card-resources[data-cat="press-coverage"], .tax-inthenewscat .resources-main.press-coverage .card-resources[data-cat="press-coverage"] {
      display: flex; }
  .post-type-archive-inthenews .resources-main.press-releases .card-resources, .tax-inthenewscat .resources-main.press-releases .card-resources {
    display: none; }
    .post-type-archive-inthenews .resources-main.press-releases .card-resources[data-cat="press-releases"], .tax-inthenewscat .resources-main.press-releases .card-resources[data-cat="press-releases"] {
      display: flex; }
  .post-type-archive-inthenews .resources-main.research-reports .card-resources, .tax-inthenewscat .resources-main.research-reports .card-resources {
    display: none; }
    .post-type-archive-inthenews .resources-main.research-reports .card-resources[data-cat="research-reports"], .tax-inthenewscat .resources-main.research-reports .card-resources[data-cat="research-reports"] {
      display: flex; }

.post-type-archive-inthenews .btn-more-wrapper, .tax-inthenewscat .btn-more-wrapper {
  margin: 40px 0 100px calc(25% + 10px);
  text-align: center;
  width: calc(75% - 10px); }
  @media (max-width: 767px) {
    .post-type-archive-inthenews .btn-more-wrapper, .tax-inthenewscat .btn-more-wrapper {
      margin-left: auto;
      margin-right: auto; } }

#overlay.overlay-sign-up {
  display: none; }

.overlay-sign-up {
  padding: 0 20px;
  overflow: auto; }
  .overlay-sign-up .close {
    position: fixed;
    top: 20px;
    right: 20px;
    font-weight: 700;
    font-size: 11px;
    color: #FFF;
    line-height: 16px;
    text-transform: uppercase;
    cursor: pointer; }
    .overlay-sign-up .close .ic {
      margin-left: 14px; }

.form-box,
.form-success-box {
  max-width: 630px;
  height: 690px;
  margin: 0 auto;
  padding: 40px;
  background: #FFF;
  border-radius: 10px; }
  .form-box h4,
  .form-success-box h4 {
    margin-bottom: 30px;
    color: #2984BD; }

.form-box {
  text-align: left; }
  .form-box .recaptcha {
    margin-top: 20px;
    margin-bottom: 20px; }
  .form-box .action-box {
    margin-top: 50px;
    text-align: right; }

.form-success-box {
  display: none;
  padding: 90px;
  text-align: center; }
  .form-success-box h4 {
    margin-bottom: 15px; }
  .form-success-box p {
    max-width: 390px;
    margin: 0 auto; }
  .form-success-box .action-box {
    margin: 40px 0 10px; }

@media (max-width: 767px) {
  .form-box,
  .form-success-box {
    padding-left: 20px;
    padding-right: 20px;
    margin: 80px auto 40px; } }

.search-bar {
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 6px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  position: relative; }
  .search-bar input {
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    font-size: 16px;
    color: #2A2A2A;
    height: 38px;
    line-height: 38px;
    padding-left: 40px; }
    .search-bar input:placeholder-shown ~ .btn-search {
      background: transparent; }
    .search-bar input:hover ~ .btn-search {
      background: transparent; }
    .search-bar input:-webkit-autofill, .search-bar input:-webkit-autofill:hover, .search-bar input:-webkit-autofill:focus, .search-bar input:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px white inset !important;
      height: 30px;
      margin-left: 1px;
      width: calc(100% - 2px); }
    .search-bar input:focus {
      outline: none; }
  .search-bar .btn-search {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #FAFAFB;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    left: 0;
    letter-spacing: 0.8px;
    line-height: 40px;
    padding: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 40px; }
    .search-bar .btn-search:hover {
      box-shadow: none; }
    .search-bar .btn-search .ic {
      position: relative;
      top: -2px;
      margin-right: 4px; }

.card-resource-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -1px;
  padding: 30px 0;
  border-bottom: 1px solid #D8D8D8;
  border-top: 1px solid #D8D8D8; }
  .card-resource-list h6 {
    width: 57.6%;
    color: #0D61BF;
    display: -webkit-box;
    overflow: hidden;
    line-clamp: 2;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    max-height: 48px; }
    .card-resource-list h6 span {
      display: block; }
  .card-resource-list p {
    width: 15%;
    margin: 0 12px; }
    .card-resource-list p strong {
      display: block; }
  .card-resource-list .btn {
    width: 104px;
    min-width: 104px; }

@media (max-width: 767px) {
  .search-bar {
    margin-top: 60px;
    padding-right: 85px; }
    .search-bar .btn-search {
      width: 56px;
      font-size: 0; }
      .search-bar .btn-search .ic {
        top: 0px;
        margin-right: -4px; }
  .card-resource-list {
    position: relative;
    display: block; }
    .card-resource-list h6 {
      line-clamp: initial;
      -webkit-line-clamp: initial;
      -moz-line-clamp: initial;
      max-height: initial; }
    .card-resource-list h6,
    .card-resource-list p {
      width: 100%;
      margin: 0; }
    .card-resource-list p {
      margin-top: 10px; }
    .card-resource-list .btn {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      font-size: 0;
      border: 0; } }

.results-thumb {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -10px 40px;
  margin-bottom: 40px; }

.load-more-results {
  text-align: center;
  margin-bottom: 150px; }

@media (max-width: 767px) {
  .load-more-results {
    margin-bottom: 60px; } }

/* blog post */
.tag-title {
  display: inline-block;
  height: 22px;
  padding: 0 6px;
  background: #FFFFFF;
  border: 1px solid #2A2A2A;
  border-radius: 5px;
  font-size: 11px;
  color: #2A2A2A;
  letter-spacing: 0.5px;
  line-height: 20px;
  text-decoration: none;
  margin: 0 1px; }
  .tag-title.active {
    background: #2A2A2A;
    color: #fff; }

.blog-main-section {
  position: relative;
  z-index: -1; }
  .blog-main-section .main-shape {
    margin: -30px auto 0;
    max-width: 1220px; }
  .blog-main-section .site-header-background {
    width: 1220px;
    height: 580px; }
    .blog-main-section .site-header-background image {
      height: auto; }
  .blog-main-section #jagged-top {
    transition: all 1s; }

.blog-post-section {
  margin-top: 10px; }

.oldpost .blog-post-section p br {
  content: '';
  display: block;
  margin: 15px 0;
  line-height: 30;
  width: 100%; }

.blog-post-section .wrapper .blog-content {
  position: relative;
  padding-left: 220px;
  padding-right: 220px; }
  .blog-post-section .wrapper .blog-content h2 {
    margin-bottom: 40px; }
  .blog-post-section .wrapper .blog-content h5 {
    margin-top: 40px;
    margin-bottom: 10px; }
  .blog-post-section .wrapper .blog-content p {
    max-width: 800px; }
  .blog-post-section .wrapper .blog-content img {
    max-width: 100%;
    height: auto; }
  .blog-post-section .wrapper .blog-content em {
    font-style: italic; }
  .blog-post-section .wrapper .blog-content .blog-content-center h1, .blog-post-section .wrapper .blog-content .blog-content-center h2, .blog-post-section .wrapper .blog-content .blog-content-center h3, .blog-post-section .wrapper .blog-content .blog-content-center h4 {
    font-size: 34px;
    line-height: 38px;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 10px;
    word-wrap: break-word; }
  .blog-post-section .wrapper .blog-content .blog-content-center ul {
    list-style: disc;
    margin-bottom: 30px;
    padding-left: 40px; }
  .blog-post-section .wrapper .blog-content .blog-content-center ol {
    list-style: decimal;
    margin-bottom: 30px;
    padding-left: 40px; }
  .blog-post-section .wrapper .blog-content .blog-content-center .wp-block-image figcaption {
    text-align: center;
    font-size: 13px;
    font-size: #555; }
  .blog-post-section .wrapper .blog-content .blog-content-center img {
    max-width: 800px; }
  .blog-post-section .wrapper .blog-content .blog-content-center a {
    color: #2C95D7;
    text-decoration: underline; }
    .blog-post-section .wrapper .blog-content .blog-content-center a:hover {
      text-decoration: none; }
    .blog-post-section .wrapper .blog-content .blog-content-center a.btn {
      color: #fff;
      text-decoration: none; }
  .blog-post-section .wrapper .blog-content .blog-content-center iframe {
    max-width: 100%; }
  .blog-post-section .wrapper .blog-content .wp-block-embed-youtube .wp-block-embed__wrapper {
    padding-top: 56.25%;
    position: relative; }
    .blog-post-section .wrapper .blog-content .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
      position: absolute;
      top: 0;
      left: 50%;
      width: 100%;
      height: 100%;
      max-width: 800px;
      transform: translateX(-50%); }

.blog-post-section .wrapper .blog-info-side {
  position: absolute;
  top: 0;
  left: 0;
  width: 176px;
  margin-top: 10px; }
  .blog-post-section .wrapper .blog-info-side .grey-curse-wave {
    display: block;
    width: 100%;
    height: 10px;
    margin: 20px auto;
    background: url("../img/blog/blog-gray-wave.svg") center center;
    background-repeat: repeat-x;
    border: 0; }

.blog-post-section .wrapper .blog-autor {
  position: relative;
  padding-left: 50px; }
  .blog-post-section .wrapper .blog-autor .image {
    position: absolute;
    top: 5px;
    left: 0;
    width: 45px; }
    .blog-post-section .wrapper .blog-autor .image img {
      max-width: 100%; }
  .blog-post-section .wrapper .blog-autor p {
    margin-bottom: 0; }
  .blog-post-section .wrapper .blog-autor.no-profile-image {
    padding-left: 0; }

.blog-post-section .wrapper .categories-tags .tag-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px; }
  .blog-post-section .wrapper .categories-tags .tag-list .tag-title {
    margin: 2px; }

.blog-post-section .wrapper .social-block .social > a {
  display: inline-block; }
  .blog-post-section .wrapper .social-block .social > a + a {
    margin-left: 5px; }

.blog-post-section .wrapper .whitepepar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  padding: 34px 40px;
  background-image: linear-gradient(135deg, #BE405E 0%, #8231A9 100%);
  border-radius: 10px; }
  .blog-post-section .wrapper .whitepepar h6 {
    margin-bottom: 5px; }
  .blog-post-section .wrapper .whitepepar h6, .blog-post-section .wrapper .whitepepar h3 {
    color: #fff; }
  .blog-post-section .wrapper .whitepepar .btn {
    white-space: nowrap; }

.blog-post-section .wrapper .banner-side {
  position: absolute;
  top: 30px;
  right: 0;
  width: 196px; }

.blog-post-section .wrapper .banner-box {
  padding: 30px 20px;
  border-radius: 10px; }
  .blog-post-section .wrapper .banner-box > *:not(.btn) {
    color: #fff; }
  .blog-post-section .wrapper .banner-box + .banner-box {
    margin-top: 20px; }
  .blog-post-section .wrapper .banner-box h6 {
    margin-bottom: 20px; }

.blog-post-section .wrapper .one {
  background-image: linear-gradient(135deg, #BE405E 0%, #8231A9 100%); }

.blog-post-section .wrapper .two {
  background: #2A2A2A; }

@media (max-width: 991px) {
  .blog-main-section .main-shape {
    margin-top: -60px; }
  .blog-main-section .site-header-background {
    width: calc(100% + 60px);
    height: 100%;
    margin-left: -30px;
    margin-right: -30px; }
  .blog-post-section .wrapper .blog-content {
    padding-left: 0;
    padding-right: 0; }
  .blog-post-section .wrapper .blog-info-side {
    position: static;
    width: 100%;
    margin-top: 40px; }
  .blog-post-section .wrapper .whitepepar {
    padding-left: 20px;
    padding-right: 20px; }
  .blog-post-section .wrapper .banner-side {
    position: static;
    width: 100%;
    margin-top: 40px; }
    .blog-post-section .wrapper .banner-side .banner-box {
      height: 100%;
      width: 100%; } }

@media (min-width: 767px) and (max-width: 991px) {
  .banner-side .banner-box {
    display: flex;
    justify-content: space-between;
    align-items: center; } }

@media (max-width: 767px) {
  .blog .category-item {
    display: block; }
  .blog .card-resource {
    width: calc(100% - 20px); }
  .blog-main-section .main-shape {
    margin-top: -30px; }
  .blog-post-section {
    margin-top: 35px; }
    .blog-post-section .wrapper .blog-content h2 {
      margin-bottom: 35px; }
    .blog-post-section .wrapper .blog-content .whitepepar {
      display: block; }
      .blog-post-section .wrapper .blog-content .whitepepar h3 {
        margin-bottom: 20px; } }

/*card*/
.related-posts-section {
  padding-bottom: 100px; }

.grey-curse {
  width: 617px;
  height: 30px;
  margin: 0 auto;
  padding: 170px 0;
  background: url(../img/gray-curve.png) center center no-repeat;
  background-size: 617px auto;
  display: block;
  border: none; }
  @media (max-width: 767px) {
    .grey-curse {
      background-size: 100%;
      padding: 100px 0;
      width: 200px; } }

.card-box {
  margin-bottom: 20px;
  background: #F4F4F4;
  border-radius: 10px;
  overflow: hidden; }
  .card-box .media-top {
    height: 225px;
    overflow: hidden; }
    .card-box .media-top img {
      min-width: 100%;
      width: auto;
      height: 100%; }
  .card-box .media-body {
    padding: 20px 40px 40px;
    min-height: 280px; }
    .card-box .media-body:before {
      content: "";
      display: block;
      height: 40px;
      margin: -70px -40px 0;
      padding-top: 60px;
      position: relative;
      background-image: url("../img/case-studies/gray-wave.svg");
      background-size: 102%;
      background-position: bottom center;
      background-repeat: no-repeat; }
    .card-box .media-body .data-post {
      margin-top: 20px; }
  .card-box .data-post {
    margin-bottom: 0; }
  .card-box h4 {
    display: -webkit-box;
    overflow: hidden;
    line-clamp: 4;
    box-orient: vertical;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 4;
    -moz-box-orient: vertical;
    max-height: 152px;
    margin-bottom: 20px; }
    .card-box h4 span {
      display: block; }
    .card-box h4 a {
      color: #000;
      text-decoration: none; }
      .card-box h4 a:hover {
        color: #137D60; }

.single-post .small-call-to-action-block {
  margin-top: 20px; }

.single-tc3_casestudy .card-box h4 {
  height: auto; }

@media (max-width: 767px) {
  .card-box .media-body {
    padding: 20px 20px 30px; } }

#jagged-top {
  transition: all 1s; }

.price-wave.teal-wave {
  margin-top: 170px;
  margin-top: 100px; }
  @media (max-width: 767px) {
    .price-wave.teal-wave {
      margin-top: 60px;
      margin-top: 60px; } }

.pricing-table {
  margin-bottom: 200px;
  background-color: #FFF; }
  @media (max-width: 767px) {
    .pricing-table {
      margin-bottom: 100px; } }
  .pricing-table .sticky {
    top: 0;
    width: 100%;
    max-width: 1280px;
    background-color: #FFF;
    z-index: 999; }
  .pricing-table .row {
    display: flex;
    border-top: 2px solid #E9E9E9; }
    @media (max-width: 767px) {
      .pricing-table .row {
        flex-wrap: wrap; }
        .pricing-table .row > div:first-child {
          width: 100%; }
        .pricing-table .row > div:not(:first-child) {
          flex: 1; } }
    .pricing-table .row > div {
      position: relative;
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      min-width: 22%;
      padding: 15px; }
      @media (max-width: 767px) {
        .pricing-table .row > div {
          padding: 10px; }
          .pricing-table .row > div:not(:first-child) {
            padding: 6px 10px; } }
      .pricing-table .row > div:first-child {
        width: 100%;
        min-width: 34%;
        align-items: flex-start;
        padding-left: 0;
        padding-right: 60px; }
      .pricing-table .row > div:nth-child(odd) {
        background-color: #FFF; }
      .pricing-table .row > div:nth-child(even) {
        background-color: #F4F4F4; }
    .pricing-table .row--title {
      border-top: 2px solid #D4D4D4; }
      .pricing-table .row--title.sticky {
        top: 292px;
        position: sticky;
        position: -webkit-sticky;
        width: 100%;
        z-index: 998; }
        @media (max-width: 767px) {
          .pricing-table .row--title.sticky {
            top: 97px; } }
        @media only screen and (min-device-width: 320px) and (max-device-width: 1023px) and (orientation: landscape) {
          .pricing-table .row--title.sticky {
            top: 170px; } }
      .pricing-table .row--title > div {
        color: #06D6A0;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        text-transform: uppercase; }
        @media (max-width: 767px) {
          .pricing-table .row--title > div {
            font-size: 14px;
            line-height: 16px; }
            .pricing-table .row--title > div:not(:first-child) {
              display: none; } }
    .pricing-table .row--sub-title.sticky {
      top: 344px;
      position: sticky;
      width: 100%;
      z-index: 998; }
      @media (max-width: 767px) {
        .pricing-table .row--sub-title.sticky {
          top: 127px; } }
      @media only screen and (min-device-width: 320px) and (max-device-width: 1023px) and (orientation: landscape) {
        .pricing-table .row--sub-title.sticky {
          top: 220px; } }
    .pricing-table .row--sub-title > div {
      font-size: 14px;
      font-weight: 700;
      line-height: 22px;
      text-transform: uppercase; }
      @media (max-width: 767px) {
        .pricing-table .row--sub-title > div:not(:first-child) {
          display: none; } }
      .pricing-table .row--sub-title > div:first-child {
        cursor: pointer; }
        .pricing-table .row--sub-title > div:first-child.no-desc {
          cursor: default; }
      .pricing-table .row--sub-title > div .info {
        position: absolute;
        right: 30px;
        top: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 16px;
        width: 16px;
        margin-top: 13px;
        border: 2px solid #AAA;
        border-radius: 50%;
        color: #AAA;
        font-size: 10px;
        font-weight: bold;
        line-height: 17px; }
        @media (max-width: 767px) {
          .pricing-table .row--sub-title > div .info {
            right: 2px;
            margin-top: 7px; } }
      .pricing-table .row--sub-title > div .more-info {
        display: none;
        margin-top: 6px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 21px;
        padding-left: 15px;
        text-transform: none; }
        @media (max-width: 767px) {
          .pricing-table .row--sub-title > div .more-info {
            font-size: 11px;
            line-height: 16px; } }
    .pricing-table .row--sub-title.open-info > div .info {
      border: 0;
      font-size: 0; }
      .pricing-table .row--sub-title.open-info > div .info::after {
        content: '';
        position: relative;
        top: -2px;
        display: block;
        width: 14px;
        height: 14px;
        background: url("../img/icons/close-green.svg") center no-repeat;
        background-size: 14px; }
    .pricing-table .row--sub-title.open-info > div .more-info {
      display: block; }
    .pricing-table .row--base > div {
      font-size: 14px;
      line-height: 22px; }
      @media (max-width: 767px) {
        .pricing-table .row--base > div {
          font-size: 12px;
          line-height: 14px; }
          .pricing-table .row--base > div:first-child {
            border-bottom: 1px solid #E9E9E9; } }
      .pricing-table .row--base > div:first-child {
        cursor: pointer; }
        .pricing-table .row--base > div:first-child.no-desc {
          cursor: default; }
      .pricing-table .row--base > div .info {
        position: absolute;
        right: 30px;
        top: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 16px;
        width: 16px;
        margin-top: 13px;
        border: 2px solid #AAA;
        border-radius: 50%;
        color: #AAA;
        font-size: 10px;
        font-weight: bold;
        line-height: 17px; }
        @media (max-width: 767px) {
          .pricing-table .row--base > div .info {
            right: 2px;
            margin-top: 7px; } }
      .pricing-table .row--base > div .more-info {
        display: none;
        margin-top: 6px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 21px; }
        @media (max-width: 767px) {
          .pricing-table .row--base > div .more-info {
            font-size: 11px;
            line-height: 16px; } }
      .pricing-table .row--base > div .check:after {
        content: '';
        display: block;
        width: 10px;
        height: 20px;
        border-width: 0 2px 2px 0;
        border-color: #2C95D7;
        border-style: solid;
        transform: rotate(45deg); }
        @media (max-width: 767px) {
          .pricing-table .row--base > div .check:after {
            width: 7px;
            height: 14px; } }
      .pricing-table .row--base > div .dollar {
        background: url(../img/dollar_icon.svg) 50% 50% no-repeat;
        background-size: contain;
        display: inline-block;
        height: 21px;
        width: 21px; }
    .pricing-table .row--base.open-info > div .info {
      border: 0;
      font-size: 0; }
      .pricing-table .row--base.open-info > div .info::after {
        content: '';
        position: relative;
        top: -2px;
        display: block;
        width: 14px;
        height: 14px;
        background: url("../img/icons/close-green.svg") center no-repeat;
        background-size: 14px; }
    .pricing-table .row--base.open-info > div .more-info {
      display: block; }
    .pricing-table .row--base.no-border {
      border: 0; }
    .pricing-table .row--base.has-sub-title > div:first-child {
      padding-left: 15px; }
    .pricing-table .row--available-additional-cost {
      padding: 23px 20px;
      border-radius: 10px 0 0;
      background-color: #2C95D7;
      border-top: 0; }
      @media (max-width: 767px) {
        .pricing-table .row--available-additional-cost {
          margin-top: 10px;
          padding: 10px;
          border-radius: 5px 0 0; } }
      .pricing-table .row--available-additional-cost h6 {
        color: #FFF; }
        @media (max-width: 767px) {
          .pricing-table .row--available-additional-cost h6 {
            font-size: 14px;
            line-height: 17px; } }
  @media (min-width: 767px) {
    .pricing-table__header {
      padding-top: 20px; } }
  .pricing-table__header .row {
    border-top: 0; }
    .pricing-table__header .row > div {
      margin-top: 37px;
      padding: 5px 5px 10px;
      border-radius: 10px 10px 0 0; }
      @media (min-width: 992px) {
        .pricing-table__header .row > div {
          padding: 20px 40px 27px; } }
      @media (max-width: 767px) {
        .pricing-table__header .row > div {
          border-radius: 5px 5px 0 0; }
          .pricing-table__header .row > div:first-child {
            display: none; } }
      .pricing-table__header .row > div:last-child {
        border-radius: 0; }
      .pricing-table__header .row > div .most-popular {
        position: absolute;
        top: -36px;
        width: 100%;
        margin: 0;
        padding: 7px;
        background-color: #EF476F;
        border-radius: 10px 10px 0 0;
        text-align: center; }
        @media (max-width: 767px) {
          .pricing-table__header .row > div .most-popular {
            top: -16px;
            padding: 4px;
            border-radius: 5px 5px 0 0; } }
        .pricing-table__header .row > div .most-popular h6 {
          color: #FFF;
          text-transform: uppercase; }
          @media (max-width: 767px) {
            .pricing-table__header .row > div .most-popular h6 {
              font-size: 7px;
              line-height: 8px; } }
      .pricing-table__header .row > div h4 {
        margin-bottom: 5px; }
        @media (max-width: 992px) {
          .pricing-table__header .row > div h4 {
            margin-bottom: 0;
            font-size: 25px; } }
        @media (max-width: 767px) {
          .pricing-table__header .row > div h4 {
            margin-bottom: 2px;
            font-size: 16px;
            line-height: 19px; } }
      @media (max-width: 992px) {
        .pricing-table__header .row > div h6 {
          font-size: 18px; } }
      @media (max-width: 767px) {
        .pricing-table__header .row > div h6 {
          font-size: 10px;
          line-height: 12px; } }
      .pricing-table__header .row > div h6 + p {
        font-size: 12px; }
        @media (max-width: 767px) {
          .pricing-table__header .row > div h6 + p {
            margin-top: 2px;
            font-size: 7px;
            line-height: 8px; } }
      .pricing-table__header .row > div p {
        margin-bottom: 12px;
        text-align: center; }
        .pricing-table__header .row > div p:last-child {
          margin-bottom: 0; }
        @media (max-width: 767px) {
          .pricing-table__header .row > div p {
            margin-bottom: 5px;
            font-size: 6px;
            line-height: 8px; } }
      @media (max-width: 767px) {
        .pricing-table__header .row > div .body-sm {
          display: none; } }
      @media only screen and (min-device-width: 320px) and (max-device-width: 1023px) and (orientation: landscape) {
        .pricing-table__header .row > div .body-sm {
          display: none; } }
  .pricing-table .pricing-table__content:last-child .row:last-child {
    border-bottom: 2px solid #D4D4D4; }

.pricing-footnote {
  border-top: 2px solid #D4D4D4;
  color: #7F7F7F;
  font-size: 12px;
  line-height: 15px;
  padding-top: 20px; }
  @media (max-width: 767px) {
    .pricing-footnote {
      padding-top: 10px; } }
  .pricing-footnote .dollar {
    background: url(../img/dollar_icon.svg) 50% 50% no-repeat;
    background-size: contain;
    display: inline-block;
    height: 15px;
    position: relative;
    top: 3px;
    width: 15px; }

.releases-updates-wave.teal-wave {
  margin-top: 170px;
  margin-top: 100px; }
  @media (max-width: 767px) {
    .releases-updates-wave.teal-wave {
      margin-top: 60px;
      margin-top: 60px; } }

.releases-updates {
  margin-bottom: 100px; }
  @media (min-width: 992px) {
    .releases-updates {
      display: flex;
      align-items: flex-start; } }
  @media (min-width: 767px) {
    .releases-updates {
      margin-bottom: 200px; } }

.releases-note {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: calc(100% + 30px);
  margin: 0 -15px 0;
  padding: 7px 15px 30px;
  background: #FFF;
  z-index: 99; }
  @media (min-width: 992px) {
    .releases-note {
      position: sticky;
      top: 50px;
      width: 100%;
      max-width: 200px;
      margin: 5px 65px 0 0;
      padding: 0 0 40px;
      border-bottom: 2px solid #D4D4D4; } }
  .releases-note h4 {
    margin-bottom: 10px; }
    @media (max-width: 992px) {
      .releases-note h4 {
        display: none; } }
  @media (min-width: 992px) {
    .releases-note .form-input {
      display: none; } }
  .releases-note .form-input:after {
    position: absolute;
    content: "";
    top: 26px;
    right: 15px;
    width: 10px;
    height: 10px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #137D60;
    transform: rotate(135deg);
    transition: all .2s; }
  .releases-note .form-input .form-field {
    padding-top: 9px;
    padding-bottom: 9px;
    background: #FFF;
    font-size: 14px;
    height: 40px; }
    .releases-note .form-input .form-field:placeholder-shown ~ .form-label {
      top: 21px;
      background: #FFF;
      font-size: 14px; }
    .releases-note .form-input .form-field + label,
    .releases-note .form-input .form-field:focus ~ .form-label {
      background: #FFF; }
  @media (max-width: 992px) {
    .releases-note .releases-list {
      opacity: 0;
      position: absolute;
      height: 0;
      border-radius: 6px;
      background: #FFF;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
      overflow: hidden;
      width: calc(100% - 30px);
      left: 15px;
      top: 68px; }
      .releases-note .releases-list.open {
        opacity: 1;
        overflow: auto;
        height: auto;
        max-height: 250px; } }
  .releases-note .releases-list li {
    margin-top: 10px; }
    .releases-note .releases-list li a {
      display: inline-block;
      color: #0D61BF;
      font-size: 16px; }
      @media (max-width: 992px) {
        .releases-note .releases-list li a {
          padding-left: 15px;
          color: #2A2A2A;
          text-decoration: none; } }
      .releases-note .releases-list li a:hover, .releases-note .releases-list li a.active, .releases-note .releases-list li a:active {
        color: #555;
        font-weight: bold;
        text-decoration: none; }
        @media (max-width: 992px) {
          .releases-note .releases-list li a:hover, .releases-note .releases-list li a.active, .releases-note .releases-list li a:active {
            background-color: #219174;
            color: #FFF;
            display: block;
            font-weight: normal; } }

.updates-info-list__item {
  margin-bottom: 30px;
  padding: 0 15px 10px;
  border-radius: 10px; }
  @media (min-width: 767px) {
    .updates-info-list__item {
      padding: 0 30px 20px; } }
  .updates-info-list__item:nth-child(even) {
    padding-bottom: 30px;
    background-color: #F4F4F4; }
    @media (min-width: 767px) {
      .updates-info-list__item:nth-child(even) {
        padding-top: 30px; } }
  .updates-info-list__item + .updates-info-list__item {
    padding-top: 10px; }
    @media (min-width: 767px) {
      .updates-info-list__item + .updates-info-list__item {
        padding-top: 20px; } }
  .updates-info-list__item .overline {
    color: #555;
    margin-top: 5px;
    padding-left: 5px; }
  .updates-info-list__item .update-info {
    width: 100%;
    margin-top: 30px;
    vertical-align: top; }
    @media (min-width: 767px) {
      .updates-info-list__item .update-info {
        display: inline-block;
        max-width: calc(50% - 57px);
        margin-right: 54px; }
        .updates-info-list__item .update-info__item {
          padding-left: 60px;
          background: url(../img/version-icon.svg) no-repeat;
          background-size: 40px; } }
    .updates-info-list__item .update-info__item {
      margin-bottom: 20px; }
      .updates-info-list__item .update-info__item:last-child {
        margin-bottom: 0; }
    .updates-info-list__item .update-info h6 {
      margin-bottom: 10px; }
    .updates-info-list__item .update-info .image {
      width: 100%;
      height: 200px;
      margin-bottom: 5px;
      border-radius: 5px;
      background-color: #D8D8D8;
      overflow: hidden; }
      .updates-info-list__item .update-info .image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .updates-info-list__item .update-info .image iframe {
        display: block;
        width: 100%;
        height: 200px; }
    .updates-info-list__item .update-info .capition {
      margin-bottom: 0; }
  .updates-info-list__item .what-new {
    width: 100%;
    margin-top: 30px;
    vertical-align: top; }
    .updates-info-list__item .what-new.full {
      max-width: none; }
    @media (min-width: 767px) {
      .updates-info-list__item .what-new {
        display: inline-block;
        max-width: calc(50% - 57px); } }
    .updates-info-list__item .what-new h6 {
      margin-bottom: 10px; }

.feature-hero-section {
  padding-top: 100px; }
  @media (max-width: 767px) {
    .feature-hero-section {
      padding-top: 50px; }
      .feature-hero-section .wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
        padding: 0; } }
    @media (max-width: 767px) and (max-width: 767px) {
      .feature-hero-section .wrapper {
        max-width: 100%; } }
  .feature-hero-section .align-center {
    padding-bottom: 76px; }
    @media (max-width: 767px) {
      .feature-hero-section .align-center {
        padding-left: 15px;
        padding-right: 15px; } }
  .feature-hero-section h1 {
    font-size: 80px;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 74px;
    background-image: linear-gradient(135deg, #63F963, #0AB88A);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    max-width: 960px;
    margin: 0 auto 20px; }
    @media (max-width: 767px) {
      .feature-hero-section h1 {
        font-size: 48px;
        line-height: 48px; } }
  .feature-hero-section p {
    max-width: 960px;
    margin: 0 auto 40px; }
  .feature-hero-section .btn {
    margin: 0 10px; }
    @media (max-width: 767px) {
      .feature-hero-section .btn {
        margin-bottom: 20px; }
        .feature-hero-section .btn:last-child {
          margin-bottom: 0; } }
  .feature-hero-section .video-player {
    background: #000;
    box-shadow: 0px -2px 20px 20px rgba(0, 0, 0, 0.25);
    border-radius: 10px 10px 0 0;
    overflow: hidden; }
    @media (max-width: 767px) {
      .feature-hero-section .video-player {
        box-shadow: 0px -10px 10px 0 rgba(0, 0, 0, 0.25); } }
    .feature-hero-section .video-player .video-img {
      position: relative;
      min-width: 100%;
      border-radius: 10px 10px 0 0; }
      @media (max-width: 767px) {
        .feature-hero-section .video-player .video-img {
          height: 171px;
          margin-bottom: 19px; } }
      .feature-hero-section .video-player .video-img:after {
        content: '';
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #2A2A2A 99.95%);
        height: 57%; }
      .feature-hero-section .video-player .video-img img {
        display: block;
        object-fit: cover;
        width: 100%;
        height: 100%; }
      .feature-hero-section .video-player .video-img .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1; }

.feature-logos-section {
  margin-bottom: 200px; }
  @media (max-width: 767px) {
    .feature-logos-section {
      margin-bottom: 100px; } }
  .feature-logos-section.white-theme {
    margin-top: -145px; }
    @media (max-width: 767px) {
      .feature-logos-section.white-theme {
        margin-top: -150px; } }
    .feature-logos-section.white-theme:before {
      background: url(../img/white-wave-feature.svg) center top no-repeat;
      background-size: cover;
      height: 170px; }
      @media (max-width: 767px) {
        .feature-logos-section.white-theme:before {
          background-size: contain;
          background-position: center bottom;
          height: 125px;
          margin: 0 -10px; } }
    .feature-logos-section.white-theme .scrolling-logos-container {
      background-color: #FFF; }

.purple-pink-theme2 {
  background: #EF476F; }
  .purple-pink-theme2 *:not(.btn) {
    color: #FFF; }
  .purple-pink-theme2:before {
    content: '';
    display: block;
    height: 200px;
    margin-bottom: -2px;
    background: #FFF url("../img/enterprise/data-analytics-top-bg.svg") center top no-repeat;
    background-size: cover; }
    @media (max-width: 767px) {
      .purple-pink-theme2:before {
        height: 100px; } }
  .purple-pink-theme2.gradient-block .section {
    padding-bottom: 200px;
    background-image: linear-gradient(180deg, #652385 0%, #EF476F 100%); }
    @media (max-width: 767px) {
      .purple-pink-theme2.gradient-block .section {
        padding-bottom: 100px; } }

.feature-list-plan-section {
  overflow: hidden; }

@media (max-width: 1200px) {
  .feature-list-plan {
    transform: scale(0.7); } }

@media (max-width: 1100px) {
  .feature-list-plan {
    transform: scale(0.6);
    margin-top: -80px; } }

@media (max-width: 992px) {
  .feature-list-plan {
    transform: scale(0.5); } }

@media (max-width: 767px) {
  .feature-list-plan {
    margin-top: -100px;
    margin-bottom: -150px;
    transform: scale(0.4);
    margin-left: -25%; } }

.feature-list-plan .realtime-project {
  position: absolute;
  top: -65px;
  left: 50px;
  text-align: right; }
  @media (max-width: 1024px) {
    .feature-list-plan .realtime-project {
      left: -200px; } }
  @media (max-width: 767px) {
    .feature-list-plan .realtime-project {
      top: auto;
      bottom: -160px;
      left: 50%;
      text-align: left;
      transform: translateX(-50%); }
      .feature-list-plan .realtime-project p {
        position: relative;
        top: -72px;
        transform: scale(1.5);
        width: 100%;
        max-width: 100px;
        margin-left: 140px;
        font-size: 14px;
        line-height: normal; } }
  .feature-list-plan .realtime-project .arrow-ds {
    display: block;
    position: absolute;
    right: -135px;
    top: 12px; }
    @media (max-width: 767px) {
      .feature-list-plan .realtime-project .arrow-ds {
        display: none; } }
  .feature-list-plan .realtime-project .arrow-ms {
    display: none; }
    @media (max-width: 767px) {
      .feature-list-plan .realtime-project .arrow-ms {
        display: inline-block;
        left: 50px;
        position: relative;
        top: -30px;
        font-size: 11px;
        line-height: normal; } }

#donut-chart {
  font-family: "Barlow Condensed"; }
  #donut-chart .arc path {
    cursor: pointer; }
  @media (max-width: 767px) {
    #donut-chart .arc text {
      display: none; } }

@media (max-width: 767px) {
  #descTitle {
    transform: scale(1.5); }
  #desc1, #desc2, #desc3, #desc4, #desc5, #desc6 {
    transform: scale(1.4); } }

.feature-list-plan-section {
  padding-top: 200px;
  padding-bottom: 100px; }
  @media (max-width: 767px) {
    .feature-list-plan-section {
      padding-top: 100px;
      padding-bottom: 0; } }
  .feature-list-plan-section > div {
    display: flex; }
    @media (max-width: 767px) {
      .feature-list-plan-section > div {
        flex-direction: column; } }
    .feature-list-plan-section > div > div {
      display: inline-flex;
      float: none;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; }
  .feature-list-plan-section .right-col {
    position: relative;
    padding-left: 100px; }
    @media (max-width: 1024px) {
      .feature-list-plan-section .right-col {
        padding-left: 0; } }
    @media (max-width: 767px) {
      .feature-list-plan-section .right-col {
        margin-bottom: 100px;
        margin-left: 10px;
        transform: none; }
        .feature-list-plan-section .right-col #donut-chart {
          transform: none;
          margin-top: 150px; } }

@media (max-width: 992px) {
  .feature-tools-list-section h4.feature-tool-title {
    display: none; } }

.feature-tools-list-section h2 {
  text-transform: none; }

@media (min-width: 767px) {
  .feature-tools-list-section .section {
    padding-left: 15px;
    padding-right: 15px; } }

.feature-tools-list-section .section .gray-wave-sm {
  display: block; }
  @media (min-width: 992px) {
    .feature-tools-list-section .section .gray-wave-sm {
      display: none; } }

.feature-tools-list-section .tab {
  margin: 0 -10px 70px;
  overflow: visible; }
  @media (max-width: 992px) {
    .feature-tools-list-section .tab {
      display: none; } }

.feature-tools-list-section .tab ul {
  text-align: left;
  overflow: visible; }
  .feature-tools-list-section .tab ul > li.tablinks {
    background-color: #137D60;
    border: none;
    border-radius: 10px;
    color: #FFF;
    cursor: pointer;
    height: 80px;
    margin: 10px;
    max-width: calc(33% - 20px);
    outline: none;
    padding: 20px 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: 0.3s;
    width: 100%; }
    .feature-tools-list-section .tab ul > li.tablinks:before {
      background: url(../img/tab-arrow-green-dark.svg) 50% 100% no-repeat;
      bottom: 0;
      content: '';
      height: 0;
      left: calc(50% - 27px);
      opacity: 1;
      position: absolute;
      width: 54px;
      transition: all 0.3s;
      z-index: 2; }
    .feature-tools-list-section .tab ul > li.tablinks:after {
      background: url(../img/tab-arrow-green.svg) 50% 100% no-repeat;
      bottom: 0;
      content: '';
      height: 0;
      left: calc(50% - 27px);
      position: absolute;
      opacity: 0;
      width: 54px;
      transition: all 0.3s;
      z-index: 1; }
    .feature-tools-list-section .tab ul > li.tablinks:hover:before {
      bottom: -14px;
      height: 14px;
      opacity: 0; }
    .feature-tools-list-section .tab ul > li.tablinks:hover:after {
      bottom: -14px;
      height: 14px;
      opacity: 1; }
    .feature-tools-list-section .tab ul > li.tablinks h4 {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .feature-tools-list-section .tab ul > li.tablinks:hover {
      background: #0AB88A;
      filter: drop-shadow(0 0 3px #ccc); }
    .feature-tools-list-section .tab ul > li.tablinks.active {
      background: #FFF;
      filter: drop-shadow(0 0 3px #ccc);
      color: #555; }
      .feature-tools-list-section .tab ul > li.tablinks.active:before {
        display: none; }
      .feature-tools-list-section .tab ul > li.tablinks.active:after {
        background: url(../img/tab-arrow-white.svg) 50% 100% no-repeat;
        bottom: -14px;
        height: 14px;
        opacity: 1; }
    .feature-tools-list-section .tab ul > li.tablinks .shape-wrap {
      width: 60px;
      height: 60px;
      margin-bottom: 0;
      margin-right: 20px; }
      .feature-tools-list-section .tab ul > li.tablinks .shape-wrap svg + .content {
        height: auto;
        top: 0; }
      .feature-tools-list-section .tab ul > li.tablinks .shape-wrap .content {
        color: #FFF; }

@media (max-width: 992px) {
  .feature-tools-list-section .tabcontent {
    display: block !important; } }

.feature-tools-list-section .tabcontent > div:not(.content) {
  display: flex; }
  @media (max-width: 992px) {
    .feature-tools-list-section .tabcontent > div:not(.content) {
      flex-direction: column-reverse; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 1023px) and (orientation: landscape) {
    .feature-tools-list-section .tabcontent > div:not(.content) {
      flex-direction: unset; } }

.feature-tools-list-section .tabcontent .content {
  max-width: 690px;
  width: 50%; }
  @media (max-width: 992px) {
    .feature-tools-list-section .tabcontent .content {
      max-width: 100%;
      width: 100%; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 1023px) and (orientation: landscape) {
    .feature-tools-list-section .tabcontent .content {
      width: 50%; } }

.feature-tools-list-section .tabcontent .content-image {
  background: transparent;
  position: relative;
  display: flex;
  align-items: center;
  width: 45%;
  max-width: 600px;
  margin-top: -200px;
  margin-left: 5.5%; }
  @media (max-width: 992px) {
    .feature-tools-list-section .tabcontent .content-image {
      justify-content: center;
      max-width: 100%;
      width: 100%;
      margin-top: 20px;
      margin-bottom: 40px;
      margin-left: 0; } }
  @media (max-width: 767px) {
    .feature-tools-list-section .tabcontent .content-image {
      top: 0;
      z-index: 99;
      padding: 20px 0;
      min-height: 300px; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 1023px) and (orientation: landscape) {
    .feature-tools-list-section .tabcontent .content-image {
      margin-top: -50px;
      width: 50%; } }
  .feature-tools-list-section .tabcontent .content-image svg {
    height: 100%;
    width: 100%;
    max-width: 520px; }
  .feature-tools-list-section .tabcontent .content-image .image {
    position: absolute;
    top: 50%;
    max-width: 585px;
    max-height: 420px;
    background-color: #fff;
    transform: translateY(-50%);
    border-radius: 10px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden; }
    .feature-tools-list-section .tabcontent .content-image .image::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .feature-tools-list-section .tabcontent .content-image .image.active {
      z-index: 99; }
      .feature-tools-list-section .tabcontent .content-image .image.active embed,
      .feature-tools-list-section .tabcontent .content-image .image.active video,
      .feature-tools-list-section .tabcontent .content-image .image.active img {
        opacity: 1;
        transition: all 3s ease-in-out;
        transition-duration: 3s; }
    .feature-tools-list-section .tabcontent .content-image .image embed,
    .feature-tools-list-section .tabcontent .content-image .image video,
    .feature-tools-list-section .tabcontent .content-image .image img {
      opacity: 0;
      transition: all 3s ease-in-out; }
    .feature-tools-list-section .tabcontent .content-image .image embed,
    .feature-tools-list-section .tabcontent .content-image .image video {
      display: block;
      width: 100%;
      height: 100%;
      background-color: transparent;
      border: 0; }
    .feature-tools-list-section .tabcontent .content-image .image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }

.feature-tools-list-section .tabcontent .list-type {
  position: relative;
  z-index: 9;
  display: flex;
  flex-wrap: wrap;
  margin: 0; }
  .feature-tools-list-section .tabcontent .list-type > li {
    display: inline-block;
    width: calc(50% - 15px);
    margin: 1px 15px 1px 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid transparent; }
    @media (max-width: 992px) {
      .feature-tools-list-section .tabcontent .list-type > li {
        width: calc(100% - 30px);
        margin: 10px 15px; } }
    .feature-tools-list-section .tabcontent .list-type > li:hover {
      background-color: #FFF;
      border: 1px solid #2984BD; }
      @media (max-width: 767px) {
        .feature-tools-list-section .tabcontent .list-type > li:hover {
          border: none; } }
    .feature-tools-list-section .tabcontent .list-type > li.active {
      background-color: #FFF;
      border: 1px solid #2984BD; }
    .feature-tools-list-section .tabcontent .list-type > li a {
      display: block;
      text-decoration: none;
      padding: 5px 10px;
      height: 100%; }
    .feature-tools-list-section .tabcontent .list-type > li h6 {
      color: #2984BD;
      font-size: 16px;
      font-weight: 600; }
      .feature-tools-list-section .tabcontent .list-type > li h6 a {
        color: inherit;
        font-size: inherit; }
    .feature-tools-list-section .tabcontent .list-type > li p:last-child {
      margin-bottom: 0; }

@media (max-width: 767px) {
  .video-box-section.dark-gray-theme:before {
    height: 100px; } }

.video-box-section.dark-gray-theme .video-box-desc {
  font-size: 24px; }

.video-box-list {
  margin-top: 50px;
  margin-bottom: 100px; }
  @media (min-width: 767px) {
    .video-box-list {
      display: flex;
      margin-bottom: 200px; } }
  .video-box-list .slick-track {
    display: flex !important; }
  .video-box-list .slick-list {
    margin-left: -8px;
    margin-right: -8px; }
  .video-box-list .slick-slide {
    margin-left: 8px;
    margin-right: 8px;
    height: inherit !important; }
    .video-box-list .slick-slide > div {
      height: 100%; }
  .video-box-list .video-box {
    position: relative;
    display: block;
    max-width: 100%;
    padding: 20px 20px 70px; }
    @media (min-width: 767px) {
      .video-box-list .video-box {
        display: inline-flex;
        flex-direction: column;
        max-width: calc(33.3% - 20px);
        margin: 10px; } }
    @media (max-width: 767px) {
      .video-box-list .video-box {
        margin-bottom: 15px; } }
    .video-box-list .video-box .logo-icon {
      height: 40px;
      margin-bottom: 20px; }
      .video-box-list .video-box .logo-icon img {
        width: auto;
        height: 100%; }
    .video-box-list .video-box .video {
      min-width: 100%;
      min-height: 210px;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .video-box-list .video-box .video {
          min-height: 135px; } }
      .video-box-list .video-box .video .thumbnail {
        height: 100%;
        min-height: 210px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover; }
        @media (max-width: 767px) {
          .video-box-list .video-box .video .thumbnail {
            min-height: 135px; } }
    .video-box-list .video-box .video-author span {
      display: block;
      font-weight: 600; }
    .video-box-list .video-box .btn-play {
      position: absolute;
      bottom: 30px; }

.video-box-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  max-height: 100vh;
  overflow: auto;
  z-index: 9999; }
  .video-box-modal__content {
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 30px);
    max-width: 1063px;
    height: auto;
    max-height: 700px;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    text-align: left;
    overflow: hidden; }
    @media (max-width: 767px) {
      .video-box-modal__content {
        height: auto;
        max-height: 60%; } }
    @media only screen and (min-device-width: 320px) and (max-device-width: 1023px) and (orientation: landscape) {
      .video-box-modal__content {
        width: calc(100% - 210px); } }
    .video-box-modal__content .video-info {
      position: relative;
      top: -10px;
      display: block;
      padding: 10px;
      border-radius: 0 0 10px 10px;
      background-color: #2A2A2A;
      margin-top: 9px; }
      @media (min-width: 767px) {
        .video-box-modal__content .video-info {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 20px 40px; } }
      .video-box-modal__content .video-info * {
        color: #FFF; }
      .video-box-modal__content .video-info h6 {
        margin-bottom: 5px; }
      .video-box-modal__content .video-info p {
        margin-bottom: 0; }
      .video-box-modal__content .video-info a.link {
        white-space: nowrap; }
        @media (min-width: 767px) {
          .video-box-modal__content .video-info a.link {
            margin-left: 20px; } }
  .video-box-modal .btn-close {
    position: absolute;
    top: 18px;
    right: 10px;
    height: 25px;
    color: #FFF;
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 42px;
    padding-right: 55px; }
    @media (max-width: 767px) {
      .video-box-modal .btn-close {
        top: 80px; } }
    .video-box-modal .btn-close:after {
      content: '';
      position: absolute;
      top: 18px;
      width: 42px;
      height: 42px;
      margin-left: 14px;
      background: url(../img/icons/close-icon.svg) center no-repeat;
      background-size: 18px;
      border: 2px solid #FFF;
      border-radius: 50%;
      right: 0;
      top: 0; }
  .video-box-modal.open {
    display: block !important;
    z-index: 999999; }
    .video-box-modal.open iframe {
      display: block !important; }
  .video-box-modal .podcast-content {
    width: 100%;
    border-radius: 10px;
    padding: 40px 20px;
    background-color: #FFF; }
    @media (max-width: 767px) {
      .video-box-modal .podcast-content {
        height: 100%;
        overflow-y: auto; } }
    @media (min-width: 767px) {
      .video-box-modal .podcast-content {
        display: flex;
        align-items: flex-start;
        padding: 60px 40px; } }
    .video-box-modal .podcast-content .video-iframe {
      margin-bottom: 10px; }
      @media (min-width: 767px) {
        .video-box-modal .podcast-content .video-iframe {
          margin-bottom: 30px; } }
      .video-box-modal .podcast-content .video-iframe img,
      .video-box-modal .podcast-content .video-iframe iframe {
        width: 100%;
        height: 100%; }
    .video-box-modal .podcast-content .podcast {
      display: none;
      width: 100%;
      max-width: 260px;
      margin-left: 20px;
      border-radius: 10px;
      overflow: hidden; }
      @media (min-width: 767px) {
        .video-box-modal .podcast-content .podcast {
          display: block; } }
      @media only screen and (min-device-width: 320px) and (max-device-width: 1023px) and (orientation: landscape) {
        .video-box-modal .podcast-content .podcast {
          display: none; } }

.feature-cta-section .section {
  padding-top: 60px;
  padding-bottom: 100px; }
  @media (max-width: 767px) {
    .feature-cta-section .section {
      padding-top: 30px;
      padding-bottom: 50px; }
      .feature-cta-section .section .call-to-action-block .bottom {
        padding: 0; } }

.responsive-iframe {
  padding-top: 56.25%;
  position: relative; }
  .responsive-iframe iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

body.error404 {
  background: #2A2A2A; }
  body.error404 main {
    color: #fff;
    text-align: center;
    padding-bottom: 200px; }
  body.error404 h3 {
    margin-bottom: 20px; }
  body.error404 p {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 50px 50px;
    text-transform: none; }

.notfound-wrapper {
  margin: 0 auto;
  max-width: 900px;
  width: 90%; }

.notfound-banner {
  margin: 44px 0; }
  .notfound-banner img {
    height: auto;
    max-width: 100%; }