@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

body {
  height: 100%;
}

button,
input,
textarea,
fieldset {
  outline: none;
  border: none;
}

input,
textarea {
  font-size: inherit;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

svg,
textarea {
  display: block;
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
* {
  font-family: "Roboto", sans-serif;
}

:where(h4) {
  font-weight: bold;
  font-size: 25px;
  line-height: 35px;
}

.title-with-line-2, .title-with-line {
  padding-left: 30px;
  position: relative;
}
.title-with-line-2::before, .title-with-line::before {
  top: 17px;
  left: 0;
}

.title-with-line-bottom::after, .title-with-line-2::before, .title-with-line::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: currentColor;
}

@media (max-width: 1100px) {
  .title-with-line {
    padding: 0 0 24px 0;
  }
  .title-with-line::before {
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: 17px;
  }
}

@media (max-width: 767px) {
  .title-with-line-2 {
    padding: 0 0 24px 0;
  }
  .title-with-line-2::before {
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: 17px;
  }
}

.title-with-line-bottom {
  position: relative;
}
.title-with-line-bottom::after {
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
}

:where(.text-micro) {
  font-size: 12px;
  line-height: 22px;
}

:where(.text-small) {
  font-size: 14px;
  line-height: 24px;
}

:where(.text-regular, .light-text, .cms-text) {
  font-size: 16px;
  line-height: 26px;
}

:where(.text-big) {
  font-size: 18px;
  line-height: 26px;
}

:where(.text-enourmous) {
  font-size: 22px;
  line-height: 31px;
}

.light-text, :where(.cms-text) {
  font-weight: 300;
}

:where(.cms-text) p,
:where(.cms-text) li {
  font: inherit;
  color: inherit;
}
:where(.cms-text) li {
  position: relative;
  padding-left: 23px;
}
:where(.cms-text) li::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 8px;
  left: 0;
  background-color: var(--cms-text-li-bg, #0d0d0d);
}
:where(.cms-text) a:not([class*=button]) {
  color: #257be0;
  font-weight: bold;
}
@media (hover: hover) and (pointer: fine) {
  :where(.cms-text) a:not([class*=button]):hover {
    text-decoration: underline;
  }
}

:where(.block) {
  display: block;
}

:where(.inline-block) {
  display: inline-block;
}

:where(.inline) {
  display: inline;
}

:where(.flex) {
  display: flex;
}

:where(.inline-flex) {
  display: inline-flex;
}

:where(.none) {
  display: none;
}

:where(.relative) {
  position: relative;
}

:where(.absolute) {
  position: absolute;
}

:where(.fixed) {
  position: fixed;
}

:where(.sticky) {
  position: -webkit-sticky;
  position: sticky;
}

:where(.flex-al-self-center) {
  align-self: center;
}

:where(.flex-al-self-end) {
  align-self: flex-end;
}

:where(.flex-al-self-start) {
  align-self: flex-start;
}

:where(.flex-al-it-center) {
  align-items: center;
}

:where(.flex-wrap) {
  flex-wrap: wrap;
}

:where(.flex-dir-column) {
  flex-direction: column;
}

:where(.space-between) {
  justify-content: space-between;
}

:where(.flex-just-cont-center) {
  justify-content: center;
}

:where(.bold) {
  font-weight: bold;
}

:where(.light) {
  font-weight: 300;
}

:where(.o-hidden) {
  overflow: hidden;
}

:where(.wrapper-1084) {
  max-width: 1084px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1100px) {
  :where(.wrapper-1084) {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media (max-width: 767px) {
  :where(.wrapper-1084) {
    padding-left: 20px;
    padding-right: 20px;
  }
}

:where(.width-100) {
  width: 100%;
}

:where(.height-100) {
  height: 100%;
}

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.deskt {
  display: block;
}

.tablet {
  display: none;
}

.mobile {
  display: none;
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
.newsletter-container {
  width: 100%;
}
.newsletter-container .dots {
  z-index: 1;
}
@media (max-width: 1100px) {
  .newsletter-container .dots {
    display: none;
  }
}
.newsletter-container .newsletter {
  background-color: #fae693;
  padding: 31px 0 38px;
}
.newsletter-container .newsletter .inner-wrapper {
  max-width: 414px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .newsletter-container .newsletter {
    padding: 32px 20px 26px;
  }
}
.newsletter-container h2 {
  font: normal normal bold 30px/41px Roboto;
  text-align: center;
  color: #0d0d0d;
  margin-bottom: 18px;
}
.newsletter-container p {
  font: normal normal normal 14px/16px Roboto;
  letter-spacing: -0.14px;
  color: #0d0d0d;
  margin-bottom: 10px;
  text-align: center;
}
@media (max-width: 767px) {
  .newsletter-container form {
    max-width: 400px;
    margin: 0 auto;
  }
}
.newsletter-container form input[type=email] {
  flex-grow: 1;
  padding-left: 22px;
  font: normal normal normal 14px/0px Roboto;
  letter-spacing: -0.14px;
  color: #0d0d0d;
}
.newsletter-container form input[type=submit] {
  max-width: 132px;
  border: none;
  padding: 13px 32px;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  border-radius: 0;
  background-color: #00d4cd;
  cursor: pointer;
  font: normal normal normal 14px/19px Roboto;
  letter-spacing: -0.14px;
  color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .newsletter-container form input[type=submit]:hover {
    background: #00b5ad;
  }
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
.article {
  margin: 0 20px 25px 0;
  color: #0d0d0d;
}
.article:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.article .article-img-wrapper {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
  --tag-bg-color: transparent;
  --tag-bg-hover-color: transparent;
}
.article .article-img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 350ms linear;
}
.article .article-img-wrapper .tag {
  display: block;
  font: normal normal normal 12px/21px Roboto;
  padding: 0 10px;
  cursor: pointer;
  border-radius: 18px;
  padding: 0 11px;
  position: absolute;
  bottom: 12px;
  right: 12px;
  color: white;
  background-color: var(--tag-bg-color);
  border-color: var(--tag-bg-color);
}
@media (hover: hover) and (pointer: fine) {
  .article .article-img-wrapper .tag:hover {
    background-color: var(--tag-bg-hover-color);
    border-color: var(--tag-bg-hover-color);
  }
}
.article .heading {
  font: normal normal bold 20px/25px Roboto;
  margin-bottom: 10px;
}
.article .heading + p {
  display: flex;
  width: 100%;
}
.article time {
  margin-right: 10px;
}
.article .author {
  font: normal normal bold 12px/14px Roboto;
  color: #2c337a;
}
.article .description {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .article:hover .article-img-wrapper img {
    transform: scale(1.2);
  }
  .article:hover .heading {
    color: #34b2ac;
  }
}

.article:not(.medium-2) .heading {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.big-1 {
  max-width: 532px;
}
.big-1 .article-img-wrapper {
  height: 333px;
}
@media (min-width: 767px) {
  .big-1 .heading {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.big-2 {
  max-width: 463px;
}
.big-2 .article-img-wrapper {
  height: 307px;
}
@media (max-width: 767px) {
  .big-2 {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1111px) {
  .small {
    max-width: 187px;
  }
  .small .article-img-wrapper {
    height: 137px;
  }
  .small .heading {
    font-size: 14px;
  }
  .small .heading + p {
    flex-direction: column;
  }
  .small .heading + p time {
    margin-bottom: 5px;
  }
}
@media (max-width: 1100px) {
  .small {
    max-width: 256px;
  }
  .small .article-img-wrapper {
    max-height: 200px;
  }
  .small .heading {
    font-size: 16px;
  }
}

.medium-1 {
  max-width: 256px;
}
.medium-1 .article-img-wrapper {
  height: 200px;
}
.medium-1 .heading {
  font-size: 16px;
}

.medium-2 {
  max-width: 740px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-right: 0;
}
.medium-2 .article-img-wrapper {
  max-width: 347px;
  width: 100%;
  min-height: 218px;
  background-color: #ededed;
  height: 218px;
  margin-right: 13px;
}
.medium-2 .heading {
  max-width: 379px;
  width: 100%;
  position: relative;
  align-self: flex-start;
}
.medium-2 .heading .heading-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 1100px) and (min-width: 767px) {
  .medium-2 .heading {
    max-width: 368px;
    flex-shrink: 1;
    flex-grow: 1;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
}
.medium-2 .heading .mobile-author {
  display: none;
}
@media (max-width: 767px) {
  .medium-2 .heading .mobile-author {
    display: block;
  }
}
.medium-2 .heading .description {
  display: -webkit-box;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  color: rgba(13, 13, 13, 0.7);
  font: normal normal normal 16px/28px Roboto;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 767px) {
  .medium-2 .heading .description {
    -webkit-line-clamp: 4;
    position: static;
    margin: 15px 0 0;
  }
}
@media (max-width: 767px) {
  .medium-2 {
    margin-right: auto;
    margin-left: auto;
    max-width: 375px;
  }
  .medium-2:last-child {
    margin-right: auto;
    margin-left: auto;
  }
  .medium-2 .article-img-wrapper,
.medium-2 .heading {
    max-width: unset;
    margin-right: 0;
  }
  .medium-2 .heading + p {
    display: none;
  }
}
@media (max-width: 540px) {
  .medium-2 .heading,
.medium-2 .heading + p {
    max-width: unset;
    margin-bottom: 0;
  }
}

@media (max-width: 540px) {
  .article {
    max-width: unset;
    margin-right: 0;
  }
  .article .article-img-wrapper {
    max-width: unset;
    height: unset;
    max-height: 255px;
    margin-right: 0;
  }
  .article .heading,
.article .heading + p {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
:where(.button-primary) {
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #2c337a;
  outline: 2px solid #2c337a;
  position: relative;
  cursor: pointer;
}
:where(.button-primary)::before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #2c337a;
  transition: width 450ms cubic-bezier(0.55, 0, 0.1, 1);
}
@media (hover: hover) and (pointer: fine) {
  :where(.button-primary):hover {
    color: #ffffff;
  }
  :where(.button-primary):hover::before {
    width: 100%;
  }
}

:where(.button-secondary) {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  background-color: #2c337a;
  color: #ffffff;
  cursor: pointer;
  position: relative;
  z-index: 0;
}
:where(.button-secondary):disabled {
  background-color: #707070;
  pointer-events: none;
}
:where(.button-secondary) span {
  position: relative;
  z-index: 2;
}
@media (hover: hover) and (pointer: fine) {
  :where(.button-secondary):hover::before {
    width: 100%;
  }
}
:where(.button-secondary)::before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #0f1760;
  transition: width 450ms cubic-bezier(0.55, 0, 0.1, 1);
}

@media (hover: hover) and (pointer: fine) {
  :where(a.link-hover):hover {
    text-decoration: underline;
  }
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
:where(.employee-stories-mini-banner) {
  width: 256px;
  height: 256px;
  position: -webkit-sticky;
  position: sticky;
  overflow: hidden;
  display: block;
  text-decoration: none;
}
:where(.employee-stories-mini-banner) > img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
:where(.employee-stories-mini-banner) .text-wrapper {
  display: flow-root;
  text-decoration: none;
  margin-top: 186px;
  padding: 16px;
  background-color: rgba(13, 13, 13, 0.4);
  position: relative;
  z-index: 1;
}
:where(.employee-stories-mini-banner) .text-wrapper p {
  color: #fff;
}
:where(.employee-stories-mini-banner) .text-wrapper p:nth-of-type(2) {
  text-transform: uppercase;
  font-weight: bold;
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
.base-breadcrumb {
  color: #0d0d0d;
}
.base-breadcrumb * {
  color: inherit;
}
.base-breadcrumb ul {
  margin: 16px auto 26px;
}
@media (max-width: 1100px) {
  .base-breadcrumb ul {
    margin: 18px auto 25px;
  }
}
@media (max-width: 767px) {
  .base-breadcrumb ul {
    margin: 14px 0;
    flex-wrap: wrap;
  }
}
.base-breadcrumb ul li:not(:first-child) {
  margin: 0 10px 0 18px;
  position: relative;
}
.base-breadcrumb ul li:not(:first-child)::after {
  content: "";
  width: 7px;
  height: 11px;
  background-image: url("../assets/icons/Icon material-keyboard-arrow-right.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: -17px;
  transform: translateY(-50%);
}
.base-breadcrumb ul li:first-child {
  margin-right: 10px;
}
.base-breadcrumb ul li {
  font: normal normal normal 14px/26px Roboto;
}
@media (hover: hover) and (pointer: fine) {
  .base-breadcrumb ul li:hover {
    text-decoration: underline;
  }
}
.base-breadcrumb ul li.current-active {
  color: #34b2ac;
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
.indeavr-iframe-wrapper {
  cursor: pointer;
}
.indeavr-iframe-wrapper .indeavr-youtube-overlay::before, .indeavr-iframe-wrapper .indeavr-youtube-overlay::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transition: background 400ms ease-in-out;
}
.indeavr-iframe-wrapper .indeavr-youtube-overlay::before {
  background: no-repeat url("../assets/icons/YoutubeButton.svg") center;
}
@media (hover: hover) and (pointer: fine) {
  .indeavr-iframe-wrapper .indeavr-youtube-overlay:hover::before {
    background-image: url("../assets/icons/YoutubeButtonHover.svg");
    z-index: 1;
  }
  .indeavr-iframe-wrapper .indeavr-youtube-overlay:hover::after {
    background-color: rgba(13, 13, 13, 0.4);
    z-index: 0;
  }
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
.generic-banner {
  --current-banner-height: calc(100vw / 4);
  height: var(--current-banner-height);
  color: #ffffff;
}
.generic-banner a {
  color: currentColor;
}
.generic-banner picture img {
  height: var(--current-banner-height);
  top: 0;
  left: 0;
  z-index: -1;
}
.generic-banner .img-overlay {
  top: 0;
  left: 0;
  z-index: 1;
  height: var(--current-banner-height);
  background-color: rgba(44, 51, 122, 0.8);
}
.generic-banner a > h1 {
  font-size: 80px;
  line-height: 106px;
  text-align: center;
  color: currentColor;
  z-index: 2;
}
@media (max-width: 1100px) and (min-width: 767px) {
  .generic-banner a > h1 {
    font-size: 65px;
    line-height: 94px;
    margin-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .generic-banner a > h1 {
    font-size: 30px;
    line-height: 35px;
  }
}
.generic-banner h4 {
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: currentColor;
  z-index: 2;
}
@media (max-width: 1100px) and (min-width: 767px) {
  .generic-banner h4 {
    max-width: 728px;
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .generic-banner h4 {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .generic-banner {
    --current-banner-height: calc(100vw / 2.66);
  }
}
@media (max-width: 767px) {
  .generic-banner {
    --current-banner-height: 80vw;
    padding: 38px;
  }
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
.indeavr-form .form-success:not(.indeavr-form .form-success-show-form-success), .indeavr-form .form-wrapper form.hide {
  opacity: 0;
  transform: scale(0);
  height: 0;
  position: absolute;
}

.indeavr-form h4 {
  text-align: center;
  color: #0d0d0d;
}
.indeavr-form h4::before {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}
@media (min-width: 1101px) {
  .indeavr-form .image-wrapper {
    max-width: calc(100% - 556px);
  }
}
@media (max-width: 1100px) {
  .indeavr-form .image-wrapper {
    margin-bottom: 15px;
  }
  .indeavr-form .image-wrapper img {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .indeavr-form .image-wrapper img {
    max-width: 100%;
  }
}
.indeavr-form .form-wrapper {
  max-width: 536px;
}
.indeavr-form .form-wrapper .wpcf7 {
  height: 100%;
}
.indeavr-form .form-wrapper form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  transition: opacity 450ms cubic-bezier(0.55, 0, 0.1, 1);
}
@media (max-width: 1100px) {
  .indeavr-form .form-wrapper {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1101px) {
  .indeavr-form .form-wrapper .half {
    max-width: 258px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .indeavr-form .form-wrapper .half {
    max-width: 49%;
  }
}
@media (min-width: 1101px) {
  .indeavr-form .form-wrapper button[type=submit] {
    padding-left: 68px;
    padding-right: 68px;
  }
}
@media (max-width: 1100px) {
  .indeavr-form .form-wrapper button[type=submit] {
    padding-left: 142px;
    padding-right: 142px;
    margin-left: auto;
    margin-right: auto;
  }
}
.indeavr-form .indeavr-consent {
  margin-bottom: 15px;
  cursor: pointer;
}
.indeavr-form .indeavr-consent .indeavr-checkbox {
  margin-top: 5px;
}
.indeavr-form .indeavr-consent .consent-text {
  margin-left: 10px;
  line-height: 26px;
  color: #0d0d0d;
}
.indeavr-form .indeavr-consent .consent-text a {
  text-decoration: underline;
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .indeavr-form .indeavr-consent .consent-text a:hover {
    color: #34b2ac;
  }
}
.indeavr-form .indeavr-g-recaptcha {
  margin-bottom: 20px;
}
@media (max-width: 1100px) {
  .indeavr-form .indeavr-g-recaptcha > div {
    margin-left: auto;
    margin-right: auto;
  }
}
.indeavr-form .form-success {
  max-width: 500px;
  color: #0d0d0d;
  transition: opacity 450ms cubic-bezier(0.55, 0, 0.1, 1);
  margin-left: auto;
  margin-right: auto;
}
.indeavr-form .form-success-show-form-success {
  transform: scale(1);
  opacity: 1;
}
.indeavr-form .form-success img {
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}
.indeavr-form .form-success p {
  text-align: center;
}
.indeavr-form .form-success p:first-of-type {
  font-size: 25px;
  line-height: 29px;
  margin-bottom: 16px;
}
.indeavr-form .form-success p:nth-of-type(2) {
  line-height: 27px;
  color: rgba(13, 13, 13, 0.6);
}
.indeavr-form .form-success a {
  color: #2c337a;
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
.indeavr-text-field input:focus ~ label,
.indeavr-text-field textarea:focus ~ label, .indeavr-text-field.filled label {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  bottom: -18px;
}

:root {
  --text-area-row-height: 25px;
}

.indeavr-text-field {
  margin-bottom: 30px;
  isolation: isolate;
  --current-color: unset;
}
.indeavr-text-field.filled {
  --current-color: #34b2ac;
}
.indeavr-text-field.filled input,
.indeavr-text-field.filled textarea {
  border-bottom-width: 2px;
}
.indeavr-text-field.error {
  --current-color: #e03c27;
}
.indeavr-text-field.error input:focus,
.indeavr-text-field.error input:focus ~ label,
.indeavr-text-field.error textarea:focus,
.indeavr-text-field.error textarea:focus ~ label {
  --current-color: #e03c27;
}
.indeavr-text-field.error .error-message {
  display: revert;
}
@media (hover: hover) and (pointer: fine) {
  .indeavr-text-field:not(.error):hover {
    --current-color: #34b2ac;
  }
}
.indeavr-text-field input,
.indeavr-text-field textarea {
  border-bottom: 1px solid var(--current-color, #707070);
  font-weight: 500;
  background-color: transparent;
  z-index: 1;
  color: #0d0d0d;
}
.indeavr-text-field input:is(input),
.indeavr-text-field textarea:is(input) {
  min-height: 30px;
}
.indeavr-text-field input:focus,
.indeavr-text-field textarea:focus {
  border-bottom-width: 2px;
  --current-color: #34b2ac;
}
.indeavr-text-field input:focus ~ label,
.indeavr-text-field textarea:focus ~ label {
  --current-color: #34b2ac;
}
.indeavr-text-field textarea {
  line-height: var(--text-area-row-height);
  margin-top: 4px;
  resize: none;
  overflow: hidden;
}
.indeavr-text-field label {
  bottom: 10px;
  z-index: 0;
  transition: all 500ms ease;
  color: var(--current-color, #0d0d0d);
}
.indeavr-text-field label .optional {
  color: var(--current-color, rgba(13, 13, 13, 0.5));
}
.indeavr-text-field label .text-field-info {
  color: rgba(13, 13, 13, 0.5);
}

.indeavr-checkbox .indeavr-custom-checkbox {
  width: 15px;
  height: 15px;
  background-image: url("../assets/icons/consent-container.svg");
}
.indeavr-checkbox input[type=checkbox]:checked ~ .indeavr-custom-checkbox {
  background-image: url("../assets/icons/consent-checkbox.svg");
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
.indeavr-file-upload {
  color: #0d0d0d;
}
.indeavr-file-upload label {
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 20px;
  border: 1px dashed rgba(112, 112, 112, 0.3);
  cursor: pointer;
}
.indeavr-file-upload p {
  color: inherit;
}
.indeavr-file-upload .upload-popup {
  max-width: 500px;
  padding: 20px 15px;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1607843137);
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  top: -200px;
  z-index: 2;
  text-align: center;
}
@media (max-width: 540px) {
  .indeavr-file-upload .upload-popup {
    max-width: 100%;
  }
}
.indeavr-file-upload .upload-popup .popup-icon {
  margin-bottom: 19px;
}
.indeavr-file-upload .upload-popup .close-icon {
  cursor: pointer;
  top: 18px;
  right: 19px;
}
.indeavr-file-upload .no-file-area span {
  opacity: 0.5;
}
.indeavr-file-upload .no-file-area .upload-images {
  margin-right: 8px;
}
.indeavr-file-upload .no-file-area .upload-images .hover {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .indeavr-file-upload .no-file-area:hover img:not(.hover) {
    display: none;
  }
  .indeavr-file-upload .no-file-area:hover .hover {
    display: revert;
  }
}
.indeavr-file-upload .uploaded-file:first-child:not(:only-child) {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.1019607843);
}
.indeavr-file-upload .uploaded-file:not(:first-child) {
  padding: 15px 0;
  border-bottom: 1px solid rgba(112, 112, 112, 0.1019607843);
}
.indeavr-file-upload .uploaded-file .file-icon {
  margin-right: 13px;
}
.indeavr-file-upload .uploaded-file .file-data {
  max-width: 80%;
}
.indeavr-file-upload .uploaded-file .file-data .name {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.indeavr-file-upload .uploaded-file .progress {
  color: #656565;
}
.indeavr-file-upload .uploaded-file .delete-file-icon {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  right: 0;
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
#go-top {
  position: fixed;
  bottom: 43px;
  z-index: 9999;
  right: 77px;
  display: none;
  cursor: pointer;
  transition: all 0.2s;
}
#go-top.with-background {
  background: white;
  padding: 10px;
  bottom: 37px;
  right: 0;
  width: 51px;
  height: 51px;
}
@media (max-width: 767px) {
  #go-top.with-background {
    bottom: 15px;
  }
}
#go-top.with-background .dark {
  top: 10px;
  left: 10px;
  position: absolute;
  width: 31px;
  height: 31px;
}
#go-top img {
  display: none;
}

.mobile-nav {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0px;
  height: 100%;
  z-index: 9999999999;
  width: 100%;
  max-width: 100vw;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.2s;
}
.mobile-nav.animate {
  opacity: 1;
  pointer-events: all;
}
.mobile-nav.animate .nav-content {
  right: 0;
}
.mobile-nav .nav-content {
  padding: 39px 36px 0 36px;
  background: #2c337a;
  width: 481px;
  position: absolute;
  transition: 0.5s all;
  right: -500px;
  top: 0;
  min-height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.mobile-nav .nav-content::-webkit-scrollbar {
  display: none;
}
.mobile-nav .nav-content .go-level1 {
  display: none;
  align-items: center;
  font: normal normal 700 22px/25px Roboto;
  color: #fff;
  text-decoration: none;
  margin-bottom: 28px;
}
.mobile-nav .nav-content .go-level1 img {
  margin-right: 15px;
  transform: rotatez(-90deg);
}
.mobile-nav .nav-content > li {
  margin-bottom: 28px;
}
.mobile-nav .nav-content > li.active {
  text-decoration: underline;
}
.mobile-nav .nav-content > li.active.active {
  text-decoration: underline;
}
.mobile-nav .nav-content > li.active.active a {
  font-weight: 600;
}
.mobile-nav .nav-content > li:hover {
  text-decoration: underline;
}
.mobile-nav .nav-content > li > a {
  text-decoration: none;
  color: #fff;
  font: normal normal 300 22px/25px Roboto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-nav .nav-content > li > a img {
  transform: rotateZ(90deg);
  pointer-events: none;
}
.mobile-nav .nav-content > li .level2 {
  display: none;
  position: absolute;
  top: 92px;
  left: 0;
  z-index: 2;
  width: 100%;
  padding-right: 0;
  background: #2c337a;
}
.mobile-nav .nav-content > li .level2 > li {
  position: relative;
  margin-bottom: 14px;
  padding: 14px 36px 0;
}
@media (max-width: 767px) {
  .mobile-nav .nav-content > li .level2 > li {
    padding: 14px 20px 0;
  }
}
.mobile-nav .nav-content > li .level2 > li.active > a {
  font: normal normal 600 22px/25px Roboto !important;
  text-decoration: underline;
}
.mobile-nav .nav-content > li .level2 > li > a {
  text-decoration: none;
  color: #fff;
  font: normal normal 300 22px/25px Roboto !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-nav .nav-content > li .level2 > li > a:hover {
  text-decoration: underline;
}
.mobile-nav .nav-content > li .level2 > li > a img {
  transform: rotateZ(180deg);
  pointer-events: none;
}
.mobile-nav .nav-content > li .level2 > li.has-level3 img {
  transition: all 0.5s;
  pointer-events: none;
}
.mobile-nav .nav-content > li .level2 > li.has-level3.open {
  margin-bottom: 0;
  background-color: #333C93;
}
.mobile-nav .nav-content > li .level2 > li.has-level3.open img {
  transition: all 0.5s;
  transform: rotateZ(360deg);
}
.mobile-nav .nav-content > li .level2 > li.has-level3.open .level3 {
  display: block;
}
.mobile-nav .nav-content > li .level2 > li .level3 {
  display: none;
  padding: 25px 0 14px 24px;
}
.mobile-nav .nav-content > li .level2 > li .level3 li {
  margin-bottom: 25px;
}
.mobile-nav .nav-content > li .level2 > li .level3 li.active a {
  text-decoration: underline;
  font-weight: 600;
}
.mobile-nav .nav-content > li .level2 > li .level3 li:hover {
  text-decoration: underline;
}
.mobile-nav .nav-content > li .level2 > li .level3 li:last-of-type {
  margin-bottom: 0;
}
.mobile-nav .nav-content > li .level2 > li .level3 li a {
  text-decoration: none;
  color: #fff;
  font: normal normal 300 16px/19px Roboto;
  display: block;
}
.mobile-nav .nav-content > li .level2 > li:first-child {
  padding-top: 0;
}
@media (max-width: 767px) {
  .mobile-nav .nav-content {
    width: 318px;
    padding: 20px;
  }
  .mobile-nav .nav-content > li .level2 {
    top: 72px;
    left: 0;
    padding-right: 0;
    width: 100%;
  }
}

header {
  height: 100px;
  padding: 0;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999;
  left: 0;
  transition: all 0.1s;
}
header .mobile-header-content {
  display: none;
}
header.with-background {
  background: linear-gradient(90deg, #00b5ad 0%, #2b327f 100%);
  box-shadow: 0px 20px 20px 0px rgba(28, 28, 28, 0.0980392157);
}
header.with-background .main-navigation .main-ul li.with-dropdown .link-dropdown {
  background: linear-gradient(90deg, #00b5ad 0%, #2b327f 100%);
}
header .header-content {
  max-width: 1080px;
  margin: 0 auto;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .header-content .main-navigation, header .header-content .main-ul {
  height: 100%;
}
header .header-content.error .logo-container {
  margin: 0 auto;
}
header .logo-container img {
  width: 177px;
  height: 43px;
  display: block;
}
header .main-navigation .main-ul {
  display: flex;
}
header .main-navigation .main-ul li {
  display: flex;
  align-items: center;
}
header .main-navigation .main-ul li:hover .head-link:after {
  content: "";
  opacity: 1;
  bottom: -5px;
  left: calc(50% - 12.5px);
}
header .main-navigation .main-ul li .head-link {
  position: relative;
}
header .main-navigation .main-ul li .head-link.active {
  font-weight: 400;
}
header .main-navigation .main-ul li .head-link.active:after {
  content: "";
  opacity: 1;
  bottom: -5px;
  left: calc(50% - 12.5px);
}
header .main-navigation .main-ul li .head-link:after {
  content: "";
  position: absolute;
  bottom: 18px;
  opacity: 0;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #ffffff;
  transition: all 0.5s;
}
header .main-navigation .main-ul li.with-dropdown {
  padding-right: 30px;
  pointer-events: none;
}
header .main-navigation .main-ul li.with-dropdown.pointer-events {
  pointer-events: all;
}
header .main-navigation .main-ul li.with-dropdown:hover .main-arrow {
  transform: rotateX(360deg);
}
header .main-navigation .main-ul li.with-dropdown:hover .link-dropdown {
  top: 74px;
  padding-top: 36px;
  opacity: 1;
  pointer-events: all;
  transform: translateY(0px);
  height: auto;
  box-shadow: 0px 20px 20px 0px rgba(28, 28, 28, 0.0980392157);
}
header .main-navigation .main-ul li.with-dropdown:hover .link-dropdown .level-2 {
  opacity: 1;
}
header .main-navigation .main-ul li.with-dropdown .main-arrow {
  margin-left: 8px;
  transform: rotateX(180deg);
  transition: all 0.5s;
  pointer-events: none;
}
header .main-navigation .main-ul li.with-dropdown .head-link {
  margin-right: 0;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown {
  pointer-events: none;
  position: absolute;
  transition: all 0.5s;
  height: 0;
  overflow: hidden;
  z-index: -1;
  top: 60px;
  opacity: 0;
  left: 0;
  width: 100%;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  opacity: 0;
  transition: all 0.5s;
  justify-content: space-between;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2.no-level-3 {
  flex-wrap: nowrap;
  justify-content: space-between;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2.no-level-3 li:nth-child(1) {
  max-width: 243px;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2.no-level-3 li:nth-child(2) {
  max-width: 243px;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2.no-level-3 li:nth-child(3) {
  max-width: 243px;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2.no-level-3 li:nth-child(4) {
  max-width: 243px;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li {
  width: 100%;
  max-width: 248px;
  display: flex;
  justify-content: flex-start;
  height: auto;
  align-items: flex-start;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li img {
  margin-right: 20px;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li .level-2-link {
  font: normal normal 300 30px/35px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  text-decoration: none;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li .level-2-link.active {
  font-weight: 400;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li .level-2-link.active:after {
  content: "";
  opacity: 1;
  bottom: -5px;
  left: calc(50% - 12.5px);
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li .level-2-link:after {
  content: "";
  position: absolute;
  bottom: 30px;
  opacity: 0;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #ffffff;
  transition: all 0.5s;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li .level-2-link:hover:after {
  content: "";
  opacity: 1;
  bottom: -5px;
  left: calc(50% - 12.5px);
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li .more-links {
  margin-bottom: 46px;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li .level-3 li:last-of-type a {
  margin-bottom: 0;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li .level-3 li a {
  font: normal normal 300 15px/19px Roboto;
  margin-bottom: 15px;
  letter-spacing: 0px;
  color: #ffffff;
  text-decoration: none;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li .level-3 li a.active {
  text-decoration: underline;
}
header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li .level-3 li a:hover {
  text-decoration: underline;
}
header .main-navigation .main-ul li.with-dropdown:first-child {
  padding-left: 160px;
  padding-right: 0;
}
header .main-navigation .main-ul li.with-dropdown:nth-child(2) {
  padding-left: 30px;
}
header .main-navigation .main-ul li .head-link {
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 0px;
  margin-right: 30px;
  line-height: 21px;
  font-weight: 300;
  color: #ffffff;
}

@media (max-width: 1130px) and (min-width: 1100px) {
  header {
    padding: 0 20px;
  }
  header .main-navigation .main-ul li.with-dropdown .link-dropdown {
    padding: 36px 20px 0 20px;
  }
  header .main-navigation .main-ul li.with-dropdown .link-dropdown .level-2 li:nth-child(1) {
    max-width: 376px;
  }
}
@media (max-width: 1099px) {
  header {
    max-width: 100vw;
    height: 80px;
  }
  header .header-content {
    display: none;
  }
  header .mobile-header-content {
    padding: 0 36px;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    display: flex;
  }
  .nav-toggle {
    width: 21px;
  }
}
@media (max-width: 767px) {
  header {
    height: 80px;
  }
  header .header-content {
    display: none;
  }
  header .mobile-header-content {
    height: 80px;
    padding: 0 20px;
  }
}
/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
.cookie-popup {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 102px;
  background: #ffffff;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1607843137);
}
.cookie-popup .content {
  display: flex;
  max-width: 804px;
  position: relative;
  margin: 0 auto;
  padding: 18px 0 18px 142px;
}
.cookie-popup .content h4 {
  max-width: 410px;
  text-align: center;
  font: normal normal bold 16px/19px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 8.5px;
}
.cookie-popup .content p {
  max-width: 410px;
  text-align: left;
  font: normal normal 300 13px/20px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-right: 52px;
}
.cookie-popup .content img {
  left: 0;
  top: -28px;
  position: absolute;
  width: 121px;
  height: 114px;
}
.cookie-popup .content .buttons {
  max-width: 200px;
}
.cookie-popup .content .buttons a {
  display: block;
}
.cookie-popup .content .buttons a.accept {
  width: 200px;
  height: 45px;
  background: #34b2ac;
  text-align: center;
  text-decoration: none;
  font: normal normal normal 18px/45px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 3px;
}
.cookie-popup .content .buttons a.accept:hover {
  background: #00b5ad;
}
.cookie-popup .content .buttons a.reject {
  text-decoration: underline;
  font: normal normal 300 12px/14px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  opacity: 1;
}

footer {
  margin-top: 180px;
  position: relative;
  padding-top: 40px;
  padding-bottom: 23px;
  background: linear-gradient(90deg, #00b5ad 0%, #2b327f 100%);
}
footer.custom {
  padding-top: 23px;
  height: 70px;
}
footer.custom .links {
  display: flex;
  align-items: center;
}
footer.custom .social-links {
  display: flex;
  margin-left: 37px;
}
footer.custom .social-links a {
  display: block;
  width: 23px;
  height: 23px;
  margin-right: 20px;
}
footer.custom .social-links a .green {
  display: none;
}
footer.custom .social-links a:hover .white {
  display: none;
}
footer.custom .social-links a:hover .green {
  display: block;
}
footer.custom .social-links img {
  width: 23px;
  height: 23px;
  display: block;
}
footer.custom .social-links img:first-of-type {
  margin-right: 20px;
}
@media (max-width: 767px) {
  footer.custom {
    height: auto;
    padding: 28px 0 17px 0;
  }
  footer.custom .links {
    flex-direction: column-reverse;
  }
  footer.custom .links .social-links {
    width: 100%;
    margin-left: 0;
    margin-top: 17px;
    justify-content: center;
  }
  footer.custom .links .social-links a:last-of-type {
    margin-right: 0;
  }
}
footer .line {
  left: 0;
  position: absolute;
  bottom: 70px;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.19);
}
footer .footer-links {
  display: flex;
  max-width: 1080px;
  margin: 0 auto;
}
footer .footer-links .site-links {
  display: flex;
  width: 100%;
  position: relative;
  padding-bottom: 25px;
}
@media (max-width: 1100px) {
  footer .footer-links .site-links {
    position: relative;
  }
}
@media (max-width: 1100px) {
  footer .footer-links .site-links .social-links {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  footer .footer-links .site-links {
    padding: 0;
    margin-bottom: 50px;
  }
}
footer .footer-links .category-title,
footer .footer-links .contact-us-data a {
  text-align: left;
  font: normal normal 500 16px/19px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  display: block;
  margin-bottom: 15px;
  text-decoration: none;
}
footer .footer-links .category-title:hover,
footer .footer-links .contact-us-data a:hover {
  text-decoration: underline;
}
footer .footer-links .category-nav {
  margin-right: 134px;
  flex-shrink: 0;
}
footer .footer-links .category {
  max-width: 152px;
  margin-right: 50px;
  display: none;
}
footer .footer-links .category:last-of-type {
  margin-right: 0;
}
footer .footer-links .category:last-of-type a {
  display: block;
  margin-bottom: 20px;
  line-height: 16px;
}
footer .footer-links .category ul li a {
  font: normal normal 300 12px/14px Roboto;
  letter-spacing: 0px;
  text-decoration: none;
  color: #ffffff;
  margin-bottom: 10px;
  display: block;
}
footer .footer-links .category ul li a:hover {
  text-decoration: underline;
}
footer .footer-links a.social {
  display: inline-block;
  width: 23px;
  height: 23px;
}
footer .footer-links a.social:last-of-type {
  margin-left: 15px;
}
footer .footer-links a.social .green {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  footer .footer-links a.social:hover .white {
    display: none;
  }
  footer .footer-links a.social:hover .green {
    display: block;
  }
}
footer .footer-links a.social img {
  width: 23px;
  height: 23px;
  display: block;
}
footer .footer-links a.social img:first-of-type {
  margin-right: 20px;
}
footer .footer-links .contact-us-data a.first + a {
  white-space: nowrap;
}
footer .footer-links .contact-us-data {
  display: flex;
}
@media (max-width: 1100px) {
  footer .footer-links .contact-us-data {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  footer .footer-links .contact-us-data {
    flex-direction: column;
    margin-bottom: 0;
  }
}
footer .footer-links .contact-us-data .links-wrapper {
  margin-right: 50px;
}
footer .footer-links .contact-us-data .links-wrapper > a:not(.first) {
  font-weight: 300;
  font-size: 14px;
}
@media (max-width: 1100px) {
  footer .footer-links .contact-us-data .links-wrapper {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  footer .footer-links .contact-us-data .links-wrapper {
    margin: 0 0 10px 0;
  }
}
@media (min-width: 1101px) {
  footer .footer-links .google-maps-mini-map-container {
    width: 607px;
    height: 187px;
    margin-bottom: 25px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  footer .footer-links .google-maps-mini-map-container {
    width: 54.1%;
    height: 112px;
    margin-bottom: 10px;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  footer .footer-links .google-maps-mini-map-container {
    width: 100%;
    height: 140px;
    margin-bottom: 15px;
  }
}
footer .subscribe-container {
  width: 51.53%;
  margin: 0 auto;
  margin-top: 35px;
  position: absolute;
  left: 0;
  top: -50%;
  padding: 31px 164px 38px;
  background-color: #fae693;
}
footer .subscribe-container h2 {
  font: normal normal bold 30px/41px Roboto;
  text-align: center;
  color: #0d0d0d;
}
footer .subscribe-container .submit-popup {
  left: 5px;
}
footer .subscribe-container p {
  font: normal normal normal 14px/16px Roboto;
  letter-spacing: -0.14px;
  color: white;
  margin-bottom: 10px;
  text-align: center;
}
footer .subscribe-container form {
  width: 100%;
  display: flex;
}
footer .subscribe-container form .ajax-loader {
  display: none;
}
footer .subscribe-container form input:first-of-type {
  border-radius: 0px;
  flex-grow: 1;
  border: none;
  padding-left: 22px;
  font: normal normal normal 14px/0px Roboto;
  letter-spacing: -0.14px;
  color: #0d0d0d;
}
footer .subscribe-container form .submit-form {
  width: 123px;
  border: none;
  height: 45px;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  border-radius: 0;
  background: #43beb9;
  cursor: pointer;
  font: normal normal normal 14px/48px Roboto;
  letter-spacing: -0.14px;
  color: #ffffff;
}
footer .subscribe-container form .submit-form:hover {
  background: #00b5ad;
}
footer .subscribe-container .newsletter-text {
  color: #0d0d0d;
}
footer .footer-end {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1080px;
  margin: 0 auto;
}
footer .footer-end .logo-container img {
  width: 120px;
  height: 29px;
  display: block;
}
footer .footer-end .links ul {
  display: flex;
}
footer .footer-end .links ul li:first-of-type a {
  margin-right: 26px;
}
footer .footer-end .links ul li a {
  font: normal normal 300 12px/14px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  text-decoration: none;
}
footer .footer-end .links ul li a:hover {
  text-decoration: underline;
}
footer .footer-end .links .social-links-explorer {
  display: none;
}
footer .links {
  display: flex;
}
@media (max-width: 767px) {
  footer .links {
    flex-direction: column;
    align-items: center;
  }
}
footer .links li > a {
  opacity: 0.7;
}
footer .footer-trademark {
  font: normal normal 300 12px/27px Roboto;
  color: #ffffff;
  margin-left: 52px;
  opacity: 0.7;
  position: relative;
}
footer .footer-trademark::before {
  content: "";
  width: 1px;
  height: 14px;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 6px;
  left: -26px;
}
@media (max-width: 767px) {
  footer .footer-trademark {
    margin: 19px 0 0;
  }
  footer .footer-trademark::before {
    width: 100%;
    height: 1px;
    top: -7px;
    left: 0;
  }
}

.newsletter-container.footer {
  position: absolute;
  top: -150px;
}
.newsletter-container.footer .dots {
  left: 680px;
  bottom: 0;
}
@media (max-width: 1100px) {
  .newsletter-container.footer {
    width: 100%;
    left: 0;
    top: -192px;
  }
}
@media (max-width: 767px) {
  .newsletter-container.footer {
    top: -188px;
  }
}
@media (min-width: 1101px) {
  .newsletter-container.footer .newsletter.half {
    max-width: 742px;
  }
  .newsletter-container.footer .newsletter.half .inner-wrapper {
    margin-left: auto;
  }
}

@media (max-width: 1100px) {
  .category-nav {
    display: flex;
    margin: 0 0 25px 0;
  }
  .category-nav .category-title {
    margin: 0 20px 0 0;
  }
  .cookie-popup {
    padding: 0 20px;
    height: auto;
  }
  .cookie-popup .content p {
    margin-right: 21px;
  }
  footer {
    padding-top: 32px;
    padding: 32px 36px 23px 36px;
  }
  footer .subscribe-container {
    margin-top: 42px;
  }
  footer .subscribe-container form {
    padding-bottom: 42px;
  }
  footer .footer-links .site-links {
    flex-grow: 1;
    flex-direction: column;
  }
  footer .footer-links .site-links .category:last-child {
    display: none;
  }
  footer .footer-links .category {
    display: none;
    margin-right: 20px;
  }
  footer .footer-links .category ul {
    display: none;
  }
  footer .footer-links .category .category-title {
    margin: 0 20px 0 0;
  }
}
@media (max-width: 767px) {
  .category-nav {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
  }
  .category-nav .category-title {
    margin-bottom: 19px;
    margin-right: 0;
  }
  footer {
    padding: 32px 20px;
  }
  footer .line {
    bottom: 193px;
  }
  footer .footer-end {
    flex-direction: column;
  }
  footer .footer-end .logo-container {
    margin-bottom: 25px;
  }
  footer .footer-end .logo-container img {
    width: 194px;
    height: 47px;
  }
  footer .subscribe-container {
    margin-top: 19px;
  }
  footer .subscribe-container form {
    padding: 0;
    margin-bottom: 48px;
  }
  footer .footer-links .site-links {
    flex-wrap: wrap;
  }
  footer .footer-links .site-links .category {
    width: 100%;
    margin-bottom: 19px;
    max-width: 100%;
  }
  footer .footer-links .site-links .category .category-title {
    font: normal normal normal 17px/20px Roboto;
  }
  footer .footer-links .site-links::after {
    display: none;
  }
  .cookie-popup img {
    display: none;
  }
  .cookie-popup .content {
    max-width: 100%;
    padding: 16px 0 13px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cookie-popup .content p {
    max-width: 335px;
    margin-bottom: 9px;
    margin-right: 0;
  }
  .cookie-popup .content .buttons a.accept {
    margin-bottom: 5px;
  }
}
/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
@media (min-width: 1101px) {
  .indeavr-talents-home {
    margin: 20px 0 87px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .indeavr-talents-home {
    margin: 134px 0 126px;
  }
}
@media (max-width: 767px) {
  .indeavr-talents-home {
    margin: 89px 0 33px;
  }
}
.indeavr-talents-home img {
  opacity: 0;
}

@media (min-width: 1101px) {
  .indeavr-talents-home img {
    max-width: 543px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .indeavr-talents-home img {
    max-width: 38.5%;
    margin-right: 30px;
    align-self: flex-start;
  }
}
@media (max-width: 767px) {
  .indeavr-talents-home img {
    width: 100vw;
    position: relative;
    left: -20px;
    margin-bottom: 15px;
  }
}
.indeavr-talents-home .talents-text {
  opacity: 0;
}

@media (min-width: 1101px) {
  .indeavr-talents-home .talents-text {
    max-width: 461px;
    margin-top: 41px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .indeavr-talents-home .talents-text {
    max-width: calc(61.5% - 30px);
  }
}
.indeavr-talents-home .talents-text a.button-primary {
  margin-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: normal;
}

@media (max-width: 1100px) and (min-width: 767px) {
  .indeavr-talents-home .talents-text a.button-primary {
    display: none;
  }
}
@media (max-width: 1100px) {
  .indeavr-talents-home .talents-text a.button-primary {
    min-width: 335px;
  }
}
@media (max-width: 767px) {
  .indeavr-talents-home .talents-text a.button-primary {
    margin-left: auto;
    margin-right: auto;
  }
}
.indeavr-talents-home h4 {
  position: absolute;
}

@media (min-width: 1101px) {
  .indeavr-talents-home h4 {
    margin-bottom: 6px;
    top: 0;
    right: 0;
    max-width: 461px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .indeavr-talents-home h4 {
    top: -40px;
    right: 0;
    max-width: calc(61.5% - 30px);
  }
}
@media (max-width: 767px) {
  .indeavr-talents-home h4 {
    top: -55px;
    left: 0;
    width: 100%;
    text-align: center;
  }
}
.indeavr-talents-home .tablet-only-link {
  display: none;
}

@media (max-width: 1100px) and (min-width: 767px) {
  .indeavr-talents-home .tablet-only-link {
    display: block;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    min-width: 335px;
    bottom: -83px;
  }
}
.indeavr-talents-home.fade-in-element img {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}

.indeavr-talents-home.fade-in-element .talents-text {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
@-webkit-keyframes scroll {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}
@keyframes scroll {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}
@-webkit-keyframes slide {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slide {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes captionText {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes captionText {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.home-header-overlay {
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(128, 128, 128, 0) 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 135px;
  z-index: 99;
}

.banners-container {
  cursor: -webkit-grab;
  cursor: grab;
  position: relative;
}
.banners-container:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.banners-container .slider {
  display: none;
  left: 50%;
  transform: translate(calc(-50% - 15px), 0);
}
.banners-container .slider .ui-slider-handle {
  width: 50px;
}
.banners-container .slider::after {
  width: 120px;
}
.banners-container .prev-shadow,
.banners-container .next-shadow {
  width: 70px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
@media (max-width: 1100px) {
  .banners-container .prev-shadow,
.banners-container .next-shadow {
    display: none !important;
  }
}
.banners-container .prev-shadow .arrow,
.banners-container .next-shadow .arrow {
  opacity: 0;
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 200ms ease-in;
  border: none;
  cursor: pointer;
}
.banners-container .prev-shadow .arrow::after,
.banners-container .next-shadow .arrow::after {
  position: relative;
  color: black;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  top: -1px;
  z-index: 1;
}
.banners-container .prev-shadow:hover .arrow,
.banners-container .next-shadow:hover .arrow {
  opacity: 1;
}
.banners-container .prev-shadow {
  left: 0;
}
.banners-container .prev-shadow .arrow::after {
  content: "<";
}
.banners-container .next-shadow {
  right: 0;
}
.banners-container .next-shadow .arrow::after {
  content: ">";
}
.banners-container .scroll-down {
  position: absolute;
  max-width: 1080px;
  width: 100%;
  left: 50%;
  bottom: 35px;
  transform: translate(-50%, 0px);
  z-index: 99;
}
.banners-container .scroll-down p.s-t-d-p {
  font: normal normal 400 12px/14px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2549019608);
  transform: rotateZ(-90deg) translateX(94px) translateY(-36px);
  display: flex;
  max-width: 92px;
  cursor: pointer;
}
.banners-container .scroll-down .mousey {
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: content-box;
  width: 3px;
  height: 18px;
  padding: 8px 7px;
  border: 2px solid #fff;
  border-radius: 25px;
  z-index: 99;
  opacity: 0.75;
  cursor: pointer;
}
.banners-container .scroll-down .mousey .scroller {
  width: 3px;
  height: 10px;
  background-color: #fff;
  border-radius: 25%;
  -webkit-animation-name: scroll;
          animation-name: scroll;
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
          animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.banners-container .banner-carousel {
  height: 36.3636363636vw;
}
.banners-container .banner-carousel .slick-list,
.banners-container .banner-carousel .slick-track {
  height: 100%;
}
.banners-container .banner-carousel button:not(.slick-arrow) {
  display: none !important;
}
.banners-container .banner-carousel .banner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.banners-container .banner-carousel .banner img {
  position: absolute;
}
.banners-container .banner-carousel .banner .content {
  max-width: 1072px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.banners-container .banner-carousel .banner .content .banner-header {
  font: normal normal 900 60px/71px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3960784314);
  text-transform: uppercase;
  margin-bottom: 9px;
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .banners-container .banner-carousel .banner .content .banner-header {
    max-width: 550px;
  }
}
@media screen and (max-width: 767px) {
  .banners-container .banner-carousel .banner .content .banner-header {
    max-width: 350px;
  }
}
.banners-container .banner-carousel .banner .content .banner-subheader {
  font: normal normal 400 25px/29px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2549019608);
  margin-bottom: 35px;
}
.banners-container .banner-carousel .banner .content .banner-button {
  background: transparent;
  padding: 15px;
  text-decoration: none;
  display: inline-block;
  outline: 3px solid #fff;
  position: relative;
}
.banners-container .banner-carousel .banner .content .banner-button span {
  z-index: 2;
  font: normal normal normal 18px/21px Roboto;
  text-decoration: none;
  letter-spacing: 0px;
  color: #ffffff;
  display: block;
  position: relative;
  text-align: center;
  z-index: 2;
}
.banners-container .banner-carousel .banner .content .banner-button:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #43beb9;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}
.banners-container .banner-carousel .banner .content .banner-button:hover {
  outline: 3px solid transparent;
}
.banners-container .banner-carousel .banner .content .banner-button:hover span {
  color: #ffffff;
}
.banners-container .banner-carousel .banner .content .banner-button:hover:after {
  content: "";
  width: 100%;
}
.banners-container .banner-carousel .banner .content .banner-button:focus {
  outline-offset: inherit;
}

.area-expertise.fade-in-element h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.area-expertise.fade-in-element h4 + p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.area-expertise.fade-in-element .expertise-boxes .box {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.area-expertise.fade-in-element .expertise-boxes .box:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.area-expertise.fade-in-element .expertise-boxes .box:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.area-expertise.fade-in-element .expertise-boxes .box:nth-child(3) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.area-expertise.fade-in-element .expertise-boxes .box:nth-child(4) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.area-expertise.fade-in-element .expertise-boxes .box:nth-child(5) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.area-expertise h4 {
  opacity: 0;
  margin: 53px auto 22px auto;
  text-align: center;
  font: normal normal normal 25px/29px Roboto;
  color: #0d0d0d;
  position: relative;
}
.area-expertise h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #0d0d0d;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
.area-expertise h4 + p {
  opacity: 0;
  max-width: 501px;
  text-align: center;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin: 0 auto 30px auto;
}
.area-expertise .expertise-boxes {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.area-expertise .expertise-boxes .box {
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 256px;
  height: 256px;
  margin-right: 20px;
  position: relative;
}
.area-expertise .expertise-boxes .box > a.mobile-link {
  pointer-events: none;
}
@media (max-width: 1024px) {
  .area-expertise .expertise-boxes .box > a.mobile-link {
    pointer-events: all;
  }
}
.area-expertise .expertise-boxes .box h3 {
  margin-top: 15px;
  text-align: center;
  font: normal normal normal 20px/30px Roboto;
  letter-spacing: 0px;
  color: #2c337a;
}
.area-expertise .expertise-boxes .box img {
  width: 90px;
  height: 90px;
}
.area-expertise .expertise-boxes .box .box-menu {
  position: absolute;
  top: 0px;
  left: 0px;
  transition: all 0.5s;
  opacity: 0;
  pointer-events: none;
  height: 256px;
  width: 256px;
  background: #2c337a;
  padding: 27px 17px 24px 17px;
}
.area-expertise .expertise-boxes .box .box-menu a {
  text-decoration: none;
}
.area-expertise .expertise-boxes .box .box-menu h5 {
  font: normal normal 20px/24px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  position: relative;
  margin-bottom: 17px;
}
.area-expertise .expertise-boxes .box .box-menu h5:hover {
  color: #43beb9;
}
.area-expertise .expertise-boxes .box .box-menu h5:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #ffffff;
  opacity: 1;
  bottom: -5px;
  left: calc(50% - 12.5px);
}
.area-expertise .expertise-boxes .box .box-menu ul li a {
  font: normal normal normal 18px/19px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 15px;
  display: inline-block;
}
.area-expertise .expertise-boxes .box .box-menu ul li a:hover {
  text-decoration: underline;
}
.area-expertise .expertise-boxes .box:hover .box-menu {
  opacity: 1;
  pointer-events: all;
}

.about {
  position: relative;
  margin: 38px auto 0 0;
  display: flex;
  width: 100%;
}
.about.fade-in-element .video-container {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.about.fade-in-element .content h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.about.fade-in-element .content p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.about.fade-in-element .content a {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.about .content h4,
.about .content .text,
.about .content a {
  max-width: 346px;
  margin: 0 0 0 auto;
}
.about .content h4 {
  max-width: 346px;
  opacity: 0;
  margin: 0 0 0 auto;
  padding-left: 30px;
  font: normal normal bold 25px/29px Roboto;
  color: #0d0d0d;
  position: relative;
}
.about .content h4:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #0d0d0d;
  position: absolute;
  top: 15px;
  left: 0;
}
.about .content .text {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-top: 16px;
}
.about .content .text p {
  opacity: 0;
  margin-bottom: 25px;
}
.about .content .text p:first-child {
  display: none;
}
@media (max-width: 800px) {
  .about .content .text p:first-child {
    display: block;
  }
}
.about .content .white-blue-button {
  opacity: 0;
  position: relative;
  padding: 15px 24px;
  display: inline-block;
  text-decoration: none;
  height: 50px;
  outline: 2px solid #2c337a;
}
.about .content .white-blue-button span {
  font: normal normal normal 18px/21px Roboto;
  letter-spacing: 0px;
  color: #2c337a;
  z-index: 2;
  display: block;
  position: relative;
}
.about .content .white-blue-button:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #0f1760;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}
@media screen and (min-width: 1025px) {
  .about .content .white-blue-button:hover span {
    color: #ffffff;
  }
  .about .content .white-blue-button:hover:after {
    content: "";
    width: 100%;
  }
}
.about .content .white-blue-button:focus {
  background: #1b215a;
  outline-offset: inherit;
}
.about .content .white-blue-button:focus span {
  color: #ffffff;
}
.about .video-container {
  opacity: 0;
  width: calc(50% + 174px);
  height: 491px;
  display: flex;
  margin-bottom: -120px;
  justify-content: flex-end;
  background: #ffffff;
  padding: 0px 34px 31px 0px;
}
.about .video-container img {
  width: 682px;
  height: 460px;
  z-index: 10;
}
@media not all and (max-width: 1024px) {
  @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
      .about .video-container img {
        height: 100% !important;
      }
    }
  }
}

.home-careers {
  height: 548px;
  background: transparent linear-gradient(90deg, #34b2ac 0%, #2c337a 100%);
  padding-top: 176px;
  z-index: 1;
}
.home-careers .content.fade-in-element h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.home-careers .content.fade-in-element .carrers-boxes .box {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.home-careers .content.fade-in-element .carrers-boxes .box:nth-child(2) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.home-careers .content.fade-in-element .carrers-boxes .box:nth-child(3) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.home-careers .content.fade-in-element .carrers-boxes .box:nth-child(4) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.home-careers .content.fade-in-element .carrers-boxes .box:nth-child(5) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.home-careers .content {
  background: inherit;
}
.home-careers h4 {
  opacity: 0;
  margin: 0px auto 73px auto;
  text-align: center;
  font: normal normal bold 25px/29px Roboto;
  color: #ffffff;
  position: relative;
}
.home-careers h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #ffffff;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
.home-careers .carrers-boxes {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.home-careers .carrers-boxes .box {
  margin-right: 78px;
  opacity: 0;
  width: 198px;
  height: 191px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  text-decoration: none;
}
.home-careers .carrers-boxes .box img {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .home-careers .carrers-boxes .box:hover .box-button p {
    color: #2c337a;
  }
  .home-careers .carrers-boxes .box:hover .box-button:after {
    content: "";
    width: 100%;
  }
}
@media (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 0), (max-width: 1024px) and (min-resolution: 0.001dpcm) {
  .home-careers .carrers-boxes .box:hover .box-button p {
    color: #2c337a;
  }
  .home-careers .carrers-boxes .box:hover .box-button:after {
    content: "";
    width: 100%;
  }
}
.home-careers .carrers-boxes .box:last-of-type {
  margin-right: 0;
}
.home-careers .carrers-boxes .box h5 {
  font: normal normal normal 20px/21px Roboto;
  letter-spacing: 0px;
  text-align: center;
  color: #ffffff;
  margin-top: 7px;
  margin-bottom: 20px;
}
.home-careers .carrers-boxes .box .box-button {
  border: none;
  outline: 2px solid #ffffff;
  text-decoration: none;
  position: relative;
  padding: 15px 17px;
  cursor: pointer;
  height: 50px;
  background: none;
}
.home-careers .carrers-boxes .box .box-button p {
  font: normal normal normal 17px/18px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  z-index: 2;
  display: block;
  position: relative;
  white-space: nowrap;
  text-align: center;
}
.home-careers .carrers-boxes .box .box-button:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}

.team {
  display: flex;
  max-width: 1080px;
  margin: 69px auto 0 auto;
  justify-content: space-between;
}
.team.fade-in-element img {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.team.fade-in-element .text h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.team.fade-in-element .text p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.team.fade-in-element .text a {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.team img {
  opacity: 0;
  max-width: 530px;
  height: 397px;
}
.team .text h4 {
  opacity: 0;
  max-width: 346px;
  padding-left: 30px;
  font: normal normal bold 25px/29px Roboto;
  color: #0d0d0d;
  position: relative;
  margin-bottom: 16px;
}
.team .text h4:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #0d0d0d;
  position: absolute;
  top: 15px;
  left: 0;
}
.team .text p {
  opacity: 0;
  max-width: 470px;
  width: 100%;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-right: 75px;
  margin-bottom: 25px;
}
.team .text .white-blue-button {
  opacity: 0;
  position: relative;
  padding: 15px 38px;
  display: inline-block;
  height: 50px;
  text-decoration: none;
  outline: 2px solid #2c337a;
}
.team .text .white-blue-button span {
  font: normal normal normal 18px/21px Roboto;
  letter-spacing: 0px;
  color: #2c337a;
  z-index: 2;
  display: block;
  position: relative;
}
.team .text .white-blue-button:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #0f1760;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .team .text .white-blue-button:hover span {
    color: #ffffff;
  }
  .team .text .white-blue-button:hover:after {
    content: "";
    width: 100%;
  }
}
.team .text .white-blue-button:focus {
  background: #1b215a;
  outline-offset: inherit;
}
.team .text .white-blue-button:focus span {
  color: #ffffff;
}

.clients.fade-in-element h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.clients.fade-in-element h4 + p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.clients h4 {
  margin: 0px auto 22px auto;
  opacity: 0;
  text-align: center;
  font: normal normal normal 25px/29px Roboto;
  color: #0d0d0d;
  position: relative;
}
.clients h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #0d0d0d;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
.clients h4 + p {
  opacity: 0;
  max-width: 501px;
  text-align: center;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin: 0 auto 0 auto;
}
@media (max-width: 540px) {
  .clients h4 + p {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.clients h4 + div.client-boxes {
  margin-top: 35px;
}
.clients .client-boxes {
  max-width: 1080px;
  margin: 0 auto;
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1025px) {
  .clients .client-boxes {
    justify-content: center;
    gap: 10px 20px;
  }
}
.clients .client-boxes a {
  margin: 0 25px 25px 25px;
  display: flex;
  align-items: center;
  opacity: 0;
}
@media (min-width: 1024px) {
  .clients .client-boxes a:nth-child(7):not(:last-child):not(:nth-last-child(2)) {
    margin-left: auto;
    margin-right: 47px;
  }
  .clients .client-boxes a:nth-child(9):last-child {
    margin-right: auto;
    margin-left: 48px;
  }
}
.clients .client-boxes .box {
  width: 111px;
}
.clients .client-boxes .box .grey {
  display: block;
}
.clients .client-boxes .box .colored {
  display: none;
}
.clients .client-boxes .box:hover .grey {
  display: none;
}
.clients .client-boxes .box:hover .colored {
  display: block;
}

@media (max-width: 1200px) {
  .about .video-container {
    flex-grow: 1;
  }
  .about .content {
    padding-right: 20px;
  }
}
@media (max-width: 1100px) {
  .banners-container .scroll-down {
    transform: inherit;
    left: 35px;
    width: calc(100% - 35px);
  }
  .banners-container .banner-carousel {
    height: 99.0099009901vw;
  }
  .banners-container .banner-carousel .banner {
    align-items: baseline;
  }
  .banners-container .banner-carousel .banner .content {
    padding: 114px 20px 0 20px;
    text-align: center;
  }
  .banners-container .banner-carousel .banner .content .banner-header {
    font: normal normal 900 60px/75px Roboto;
    margin: 0 auto 18px auto;
  }
  .banners-container .banner-carousel .banner .content .banner-subheader {
    max-width: 100%;
    font: normal normal 400 25px/32px Roboto;
    max-width: 550px;
    margin: 0 auto 19px auto;
  }
  .about {
    padding-top: 58px;
    flex-wrap: wrap;
  }
  .about .video-container {
    width: 100%;
    margin-bottom: 26px;
    padding: 0;
    height: auto;
  }
  .about .video-container img {
    width: 100%;
    height: auto;
  }
  .about .content {
    margin: 0 auto;
    padding-right: 0px;
  }
  .about .content .white-blue-button {
    width: 335px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 26px;
  }
  .about .content .white-blue-button span {
    text-align: center;
  }
  .about .content .text {
    max-width: 688px;
  }
  .about .content h4 {
    top: 0;
    position: absolute;
    left: calc(50% - 93px);
    padding-left: 0;
  }
  .about .content h4:before {
    top: auto;
    bottom: -12px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .home-careers {
    padding-top: 25px;
    height: auto;
  }
  .home-careers .carrers-boxes {
    max-width: 474px;
    margin: 0 auto;
    flex-wrap: wrap;
  }
  .home-careers .carrers-boxes .box {
    margin-bottom: 58px;
  }
  .home-careers .carrers-boxes .box:nth-of-type(2n) {
    margin-right: 0;
  }
  .clients .client-boxes {
    padding: 0 20px;
  }
  .team {
    max-width: 804px;
    margin-bottom: 96px;
    position: relative;
    padding: 0 20px;
  }
  .team .text .white-blue-button {
    position: absolute;
    width: 335px;
    max-width: 100%;
    bottom: -55px;
    left: calc(50% - 167.5px);
  }
  .team .text .white-blue-button span {
    text-align: center;
  }
  .team img {
    max-width: 315px;
    height: 236px;
  }
  .area-expertise .expertise-boxes .box {
    justify-content: flex-start;
    margin-right: 45px;
  }
  .area-expertise .expertise-boxes .box .box-menu {
    height: 240px;
    width: 240px;
  }
}
@media (max-width: 1024px) {
  .area-expertise {
    margin: 20px auto 29px;
    max-width: 542px;
  }
  .area-expertise h4 {
    margin-top: 0;
  }
  .area-expertise .expertise-boxes {
    justify-content: center;
  }
  .area-expertise .expertise-boxes .box {
    padding: 0;
    margin-right: 0;
    max-width: 263px;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    height: auto;
  }
  .area-expertise .expertise-boxes .box h3 {
    display: none;
  }
  .area-expertise .expertise-boxes .box:nth-of-type(2n + 1) {
    margin-right: 16px;
  }
  .area-expertise .expertise-boxes .box.box:nth-child(5) {
    margin-bottom: 0;
  }
  .area-expertise .expertise-boxes .box .box-menu {
    position: static;
    opacity: 1;
    width: auto;
    height: auto;
    background: #fff;
    pointer-events: all;
    padding: 0;
    padding-top: 15px;
    width: 100%;
  }
  .area-expertise .expertise-boxes .box .box-menu h5 {
    margin-bottom: 20px;
    color: #2c337a;
  }
  .area-expertise .expertise-boxes .box .box-menu h5:after {
    background: #2c337a;
    bottom: -10px;
  }
  .area-expertise .expertise-boxes .box .box-menu ul li {
    text-align: left;
  }
  .area-expertise .expertise-boxes .box .box-menu ul li a {
    font: normal normal normal 18px/35px Roboto;
    letter-spacing: 0px;
    display: inline-block;
    color: black;
    margin-bottom: 0;
  }
}
@media (max-width: 800px) {
  .clients h4 {
    margin-bottom: 22px;
  }
  .clients .client-boxes {
    margin-bottom: 0px;
  }
  .clients .client-boxes a {
    margin-bottom: 25px;
  }
  .team {
    margin-top: 29px;
    margin-bottom: 46px;
    padding-bottom: 55px;
    padding: 0 36px 55px 36px;
  }
  .team .text h4 {
    margin-bottom: 14px;
  }
  .team .text .white-blue-button {
    bottom: 0;
  }
  .about {
    margin-top: 0;
  }
  .about .content {
    margin: 0;
    padding: 0 36px;
  }
  .about .content .text {
    width: 100%;
    margin-top: 0;
  }
  .about .content .text p {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .area-expertise {
    margin-bottom: 54px;
    padding: 0 20px;
  }
  .area-expertise h4 {
    margin-bottom: 22px;
  }
  .area-expertise .expertise-boxes .box {
    max-width: 335px;
    padding: 0 20px;
    width: 100%;
    display: block;
    margin-bottom: 30px;
    margin-right: 0px;
  }
  .area-expertise .expertise-boxes .box:nth-of-type(2n + 1) {
    margin-right: 0;
  }
  .area-expertise .expertise-boxes ul {
    padding-left: 30px;
  }
  .team {
    flex-direction: column-reverse;
    margin-top: 33px;
    padding: 61px 20px 55px 20px;
  }
  .team .image-container {
    height: 280px;
    margin-bottom: 15px;
  }
  .team .image-container img {
    max-width: 100%;
    height: 100%;
  }
  .team .text p {
    font: normal normal 300 18px/30px Roboto;
    margin-bottom: 15px;
  }
  .team .text h4 {
    top: 0;
    position: absolute;
    padding-left: 0;
    left: calc(50% - 36px);
  }
  .team .text h4:before {
    top: auto;
    bottom: -10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .home-careers {
    padding-top: 36px;
    padding-bottom: 30px;
  }
  .home-careers h4 {
    margin-bottom: 32px;
  }
  .home-careers .carrers-boxes {
    padding: 0 20px;
  }
  .home-careers .carrers-boxes .box {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .about {
    padding-top: 61px;
  }
  .about .video-container {
    margin-bottom: 20px;
  }
  .about .content {
    padding: 0 20px;
    width: 100%;
  }
  .about .content .text p {
    margin-bottom: 15px;
    font: normal normal 300 18px/30px Roboto;
  }
  .about .content .text .white-blue-button {
    margin-bottom: 68px;
  }
  .clients h4 {
    margin-bottom: 40px;
  }
  .clients .client-boxes {
    margin-bottom: 34px;
    padding: 0 16px;
  }
  .clients .client-boxes a {
    margin-bottom: 15px;
  }
  .banners-container .scroll-down {
    display: none;
  }
  .banners-container .banner-carousel {
    height: 106.3829787234vw;
  }
  .banners-container .banner-carousel .banner .content {
    padding: 0;
    text-align: center;
    margin: auto;
  }
  .banners-container .banner-carousel .banner .content .banner-header {
    margin: 0 auto;
    font: normal normal 900 30px/42px Roboto;
    margin-bottom: 6px;
  }
  .banners-container .banner-carousel .banner .content .banner-subheader {
    font: normal normal 400 20px/29px Roboto;
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 327px;
  }
}
.hide-class {
  display: block;
}

.slick-dots {
  width: 93px;
  height: 6px;
  background: transparent;
  border-bottom: 1px solid grey;
  display: flex;
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .slick-dots {
    bottom: 25px;
  }
}
.slick-dots ul {
  display: flex;
}
.slick-dots li {
  display: inline-block;
  width: 100%;
  height: 6px;
  background-color: transparent;
}
.slick-dots li.slick-active {
  border-radius: 2px 2px 0px 0px;
  background-color: #fff;
}

.slider {
  width: 69px;
  background: transparent;
  position: absolute;
  z-index: 9;
  bottom: 0px;
  left: calc(50% - 65px);
}
.slider.sliderThreeElements:after {
  content: "";
  bottom: -1px;
  left: -12px;
  background: transparent;
  border-bottom: 1px solid grey;
  position: absolute;
  width: 113px;
}
.slider.sliderFourElements:after {
  content: "";
  bottom: -1px;
  left: -12px;
  background: transparent;
  border-bottom: 1px solid grey;
  position: absolute;
  width: 138px;
}
.slider.sliderFiveElements:after {
  content: "";
  bottom: -1px;
  left: -12px;
  background: transparent;
  border-bottom: 1px solid grey;
  position: absolute;
  width: 163px;
}

.home .slider {
  bottom: 35px;
}
@media (max-width: 767px) {
  .home .slider {
    bottom: 25px;
  }
}
.home .slider .ui-slider-handle {
  background: #FFFFFF 0% 0% no-repeat padding-box;
}

.slider .ui-slider-handle {
  display: block;
  width: 23px;
  height: 6px;
  margin-left: -12px;
  background: #0D0D0D 0% 0% no-repeat padding-box;
  border-radius: 2px 2px 0px 0px;
  cursor: pointer;
  position: relative;
}

.careers-banner {
  position: relative;
  height: 25vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.careers-banner img {
  width: 100%;
  height: 25vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1024px) {
  .careers-banner .deskt {
    display: none;
  }
  .careers-banner .tablet {
    display: block;
  }
}
@media (max-width: 768px) {
  .careers-banner .tablet {
    display: none;
  }
  .careers-banner .mobile {
    display: block;
  }
}
.careers-banner .img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 25vw;
  background-color: rgba(44, 51, 122, 0.8);
}
@media (max-width: 1100px) {
  .careers-banner {
    height: 37.5939849624vw;
  }
  .careers-banner img,
.careers-banner .img-overlay {
    height: 37.5939849624vw;
  }
}
.careers-banner a {
  text-decoration: none;
}
.careers-banner a h1 {
  text-align: center;
  font: normal normal 300 80px/106px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
.careers-banner h4 {
  font: normal normal 300 25px/44px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  z-index: 2;
  position: relative;
  line-height: 28px;
}

.open-position-block.fade-in-element .headline-text {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.open-position-block.fade-in-element .carrers-boxes {
  position: relative;
}
.open-position-block.fade-in-element .carrers-boxes .box {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.open-position-block.fade-in-element .carrers-boxes .box:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.open-position-block.fade-in-element .carrers-boxes .box:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.open-position-block.fade-in-element .carrers-boxes .box:nth-child(3) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.open-position-block.fade-in-element .carrers-boxes .box:nth-child(4) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.open-position-block.fade-in-element .carrers-boxes .see-all-positions {
  opacity: 0;
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  text-decoration: none;
  color: inherit;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: -29px;
  font-weight: bold;
}
@media (max-width: 1100px) {
  .open-position-block.fade-in-element .carrers-boxes .see-all-positions {
    top: -62px;
  }
}
@media (max-width: 767px) {
  .open-position-block.fade-in-element .carrers-boxes .see-all-positions {
    right: 20px;
  }
}
.open-position-block.fade-in-element .carrers-boxes .see-all-positions > img,
.open-position-block.fade-in-element .carrers-boxes .see-all-positions .hover {
  margin-left: 8px;
  vertical-align: middle;
}
.open-position-block.fade-in-element .carrers-boxes .see-all-positions .hover {
  display: none;
}
.open-position-block.fade-in-element .carrers-boxes .see-all-positions:hover {
  color: #34b2ac;
}
.open-position-block.fade-in-element .carrers-boxes .see-all-positions:hover > img {
  display: none;
}
.open-position-block.fade-in-element .carrers-boxes .see-all-positions:hover .hover {
  display: inline-block;
}
.open-position-block .headline-text {
  opacity: 0;
  text-align: center;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  max-width: 460px;
  margin: 30px auto 45px auto;
}
.open-position-block .carrers-boxes {
  max-width: 1026px;
  margin: 0 auto;
  display: flex;
  margin-bottom: 67px;
}
.open-position-block .carrers-boxes .box {
  opacity: 0;
  margin-right: 78px;
  width: 198px;
  height: 192px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  text-decoration: none;
}
.open-position-block .carrers-boxes .box img {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.open-position-block .carrers-boxes .box:hover .box-button p {
  color: #ffffff;
}
.open-position-block .carrers-boxes .box:hover .box-button:after {
  content: "";
  width: 100%;
}
.open-position-block .carrers-boxes .box:last-of-type {
  margin-right: 0;
}
.open-position-block .carrers-boxes .box h5 {
  font: normal normal normal 20px/21px Roboto;
  letter-spacing: 0px;
  text-align: center;
  color: #2c337a;
  margin-top: 7px;
  margin-bottom: 20px;
}
.open-position-block .carrers-boxes .box .box-button {
  border: none;
  outline: none;
  outline: 2px solid #2c337a;
  text-decoration: none;
  position: relative;
  height: 50px;
  padding: 15px 17px;
  cursor: pointer;
  background: none;
}
.open-position-block .carrers-boxes .box .box-button p {
  font: normal normal normal 17px/18px Roboto;
  letter-spacing: 0px;
  color: #2c337a;
  z-index: 2;
  display: block;
  position: relative;
  white-space: nowrap;
  text-align: center;
}
.open-position-block .carrers-boxes .box .box-button:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #2c337a;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}

body.page-id-211.hide-header-careers-page header {
  position: absolute !important;
}

.stories {
  margin-bottom: 106px;
  position: relative;
}
.stories.fade-in-element .slider {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.stories.fade-in-element h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.stories.fade-in-element h4 + p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.stories.fade-in-element .stories-container .stories-carousel .storie .dev-box img {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.stories.fade-in-element .stories-container .stories-carousel .storie .dev-box .name {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.stories.fade-in-element .stories-container .stories-carousel .storie .dev-box .position {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.stories.fade-in-element .stories-container .stories-carousel .storie .dev-box .story {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.stories.fade-in-element .stories-container .stories-carousel .storie .dev-photo {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.stories .slider {
  width: 112px;
  opacity: 0;
}
.stories .slider .ui-slider-handle {
  width: 38px;
}
.stories h4 {
  opacity: 0;
  margin: 0px auto 22px auto;
  text-align: center;
  font: normal normal normal 25px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  position: relative;
}
.stories h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #0d0d0d;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
.stories h4 + p {
  opacity: 0;
  max-width: 501px;
  text-align: center;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin: 0 auto 20px auto;
}
.stories .slick-next,
.stories .slick-prev {
  font-size: 0;
  width: 70px;
  height: 70px;
  border: none;
  background-color: transparent;
  position: absolute;
  z-index: 1;
}
.stories .slick-next::after,
.stories .slick-prev::after {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  position: relative;
  top: -1px;
  z-index: 1;
}
.stories .slick-next::before,
.stories .slick-prev::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.stories .slick-next::after {
  content: ">";
}
.stories .slick-prev::after {
  content: "<";
}
.stories .stories-container {
  position: relative;
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
}
.stories .stories-container .stories-carousel .storie {
  position: relative;
}
.stories .stories-container .stories-carousel .storie .dev-photo {
  opacity: 0;
  max-width: 688px;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  height: 387px;
  z-index: -1;
  aspect-ratio: 1376/775;
}
.stories .stories-container .stories-carousel .storie .dev-box {
  max-width: 633px;
  background: white;
  margin-top: 205px;
  position: relative;
  padding: 26px 38px 0 38px;
}
.stories .stories-container .stories-carousel .storie .dev-box img {
  opacity: 0;
  position: absolute;
  top: -100px;
  left: 0px;
}
.stories .stories-container .stories-carousel .storie .dev-box .name {
  opacity: 0;
  text-align: left;
  font: normal normal bold 20px/30px Roboto;
  letter-spacing: 0px;
  color: #34b2ac;
}
.stories .stories-container .stories-carousel .storie .dev-box .position {
  opacity: 0;
  font: normal normal normal 16px/30px Roboto;
  letter-spacing: 1.6px;
  color: #0d0d0d;
  margin-bottom: 14px;
}
.stories .stories-container .stories-carousel .storie .dev-box .story {
  opacity: 0;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  max-width: 557px;
  color: #0d0d0d;
  max-height: 153px;
  overflow: hidden;
  margin-bottom: 43px;
  display: -webkit-box;
  max-width: 557px;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.stories .stories-container .stories-carousel button:not(.slick-next):not(.slick-prev) {
  display: none !important;
}
.stories .stories-container .stories-carousel .slick-next,
.stories .stories-container .stories-carousel .slick-prev {
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .stories .stories-container .stories-carousel .slick-next,
.stories .stories-container .stories-carousel .slick-prev {
    top: 32%;
  }
}
@media (max-width: 767px) {
  .stories .stories-container .stories-carousel .slick-next,
.stories .stories-container .stories-carousel .slick-prev {
    top: 20%;
  }
}
.stories .stories-container .stories-carousel .slick-next::after,
.stories .stories-container .stories-carousel .slick-prev::after {
  color: black;
}
.stories .stories-container .stories-carousel .slick-next::before,
.stories .stories-container .stories-carousel .slick-prev::before {
  background-color: #e6e6e6;
}
@media (min-width: 1024px) {
  .stories .stories-container .stories-carousel .slick-next:hover::after,
.stories .stories-container .stories-carousel .slick-prev:hover::after {
    color: #ffffff;
  }
  .stories .stories-container .stories-carousel .slick-next:hover::before,
.stories .stories-container .stories-carousel .slick-prev:hover::before {
    background-color: #939393;
  }
}
.stories .stories-container .stories-carousel .slick-next {
  right: -60px;
}
@media (max-width: 1024px) {
  .stories .stories-container .stories-carousel .slick-next {
    right: 0;
  }
}
.stories .stories-container .stories-carousel .slick-prev {
  left: -60px;
}
@media (max-width: 1024px) {
  .stories .stories-container .stories-carousel .slick-prev {
    left: 0;
  }
}
.stories .stories-container .read-more-btn {
  background-color: transparent;
  border: none;
  font-weight: bold;
  position: absolute;
  padding: 20px 0;
  bottom: -10px;
  left: 38px;
  z-index: 2;
  font-size: 14px;
  cursor: pointer;
  color: #0d0d0d;
}
@media (max-width: 767px) {
  .stories .stories-container .read-more-btn {
    left: 20px;
  }
}
.stories .stories-container .read-more-btn img.hover {
  display: none;
}
.stories .stories-container .read-more-btn img {
  position: relative;
  top: 2px;
  left: 10px;
}
.stories .stories-container .read-more-btn:hover {
  color: #34b2ac;
}
.stories .stories-container .read-more-btn:hover img {
  display: none;
}
.stories .stories-container .read-more-btn:hover img.hover {
  display: inline-block;
}
.stories .stories-container .stories-counter {
  position: absolute;
  right: 0;
  line-height: 30px;
  top: -30px;
  font-size: 13px;
  color: #0d0d0d;
}
@media (max-width: 1100px) {
  .stories .stories-container .stories-counter {
    right: 10px;
  }
}
@media (max-width: 767px) {
  .stories .stories-container .stories-counter {
    top: -27px;
  }
}
.stories .employees-second-carousel {
  max-width: 691px;
  padding: 0 0 6px;
  position: absolute;
  top: 35px;
  left: 50%;
  z-index: -10;
  transform: scale(0.025);
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 1024px) {
  .stories .employees-second-carousel {
    max-width: unset;
    width: 100%;
  }
}
.stories .employees-second-carousel .employee {
  position: relative;
  background-color: #ffffff;
  max-height: 1700px;
  overflow: auto;
}
@media (min-width: 1024px) {
  .stories .employees-second-carousel .employee {
    margin: 0 5px;
  }
}
.stories .employees-second-carousel .employee-img-wrapper {
  position: relative;
}
.stories .employees-second-carousel .employee-img-wrapper img.desktop,
.stories .employees-second-carousel .employee-img-wrapper img.tablet,
.stories .employees-second-carousel .employee-img-wrapper img.mobile {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.stories .employees-second-carousel .employee-img-wrapper .close-icon {
  top: 19px;
  right: 25px;
}
@media (max-width: 1024px) {
  .stories .employees-second-carousel .employee-img-wrapper .close-icon {
    top: 21px;
    right: 32px;
  }
}
.stories .employees-second-carousel .employee-data-heading, .stories .employees-second-carousel .employee-mobile-sticky-heading {
  max-width: 610px;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 16px 0 0;
  position: relative;
  top: -35px;
  margin-bottom: -10px;
}
@media (max-width: 1024px) {
  .stories .employees-second-carousel .employee-data-heading, .stories .employees-second-carousel .employee-mobile-sticky-heading {
    top: unset;
    margin-bottom: 22px;
  }
}
.stories .employees-second-carousel .employee-data-heading h3,
.stories .employees-second-carousel .employee-data-heading p, .stories .employees-second-carousel .employee-mobile-sticky-heading h3,
.stories .employees-second-carousel .employee-mobile-sticky-heading p {
  text-align: center;
}
.stories .employees-second-carousel .employee-data-heading h3, .stories .employees-second-carousel .employee-mobile-sticky-heading h3 {
  font-size: 20px;
  color: #34b2ac;
  margin-bottom: 5px;
  letter-spacing: 0.2px;
}
.stories .employees-second-carousel .employee-data-heading p, .stories .employees-second-carousel .employee-mobile-sticky-heading p {
  font-size: 16px;
  letter-spacing: 1.6px;
}
.stories .employees-second-carousel .employee-data {
  margin: 0 63px 32px;
  line-height: 26px;
}
@media (max-width: 1024px) {
  .stories .employees-second-carousel .employee-data {
    margin: 0 35px 32px;
  }
}
@media (max-width: 767px) {
  .stories .employees-second-carousel .employee-data {
    margin: 0 22px 32px;
  }
}
.stories .employees-second-carousel .employee-data-mini-heading {
  font-weight: bold;
}
@media (max-width: 767px) {
  .stories .employees-second-carousel .employee-data-mini-heading {
    word-break: break-word;
  }
}
.stories .employees-second-carousel .employee-data > *:not(.employee-data-mini-heading) {
  font-weight: 300;
}
@media (max-width: 767px) {
  .stories .employees-second-carousel .employee-data-heading {
    margin: 0 22px 22px;
  }
}
.stories .employees-second-carousel .employee-mobile-sticky-heading {
  display: none;
  width: 100%;
  padding: 17px 20px;
  margin: 0;
  position: fixed;
  top: 0;
  z-index: 1;
  max-width: unset;
}
.stories .employees-second-carousel .employee-mobile-sticky-heading h3,
.stories .employees-second-carousel .employee-mobile-sticky-heading p {
  text-align: left;
}
@media (max-width: 1024px) {
  .stories .employees-second-carousel .employee-mobile-sticky-heading {
    display: block;
  }
}
.stories .employees-second-carousel .employee .close-icon {
  position: absolute;
  cursor: pointer;
}
@media (max-width: 767px) {
  .stories .employees-second-carousel .employee .close-icon {
    right: 20px;
    top: 20px;
  }
}
.stories .employees-second-carousel .slick-next,
.stories .employees-second-carousel .slick-prev {
  top: 180px;
}
@media (max-width: 1024px) {
  .stories .employees-second-carousel .slick-next,
.stories .employees-second-carousel .slick-prev {
    top: 24vw;
  }
  .stories .employees-second-carousel .slick-next::before,
.stories .employees-second-carousel .slick-prev::before {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 425px) {
  .stories .employees-second-carousel .slick-next,
.stories .employees-second-carousel .slick-prev {
    top: 20vw;
  }
}
.stories .employees-second-carousel .slick-next::after,
.stories .employees-second-carousel .slick-prev::after {
  color: #ffffff;
}
.stories .employees-second-carousel .slick-next::before,
.stories .employees-second-carousel .slick-prev::before {
  background-color: #0d0d0d;
}
@media (min-width: 1024px) {
  .stories .employees-second-carousel .slick-next:hover::after,
.stories .employees-second-carousel .slick-prev:hover::after {
    color: black;
  }
  .stories .employees-second-carousel .slick-next:hover::before,
.stories .employees-second-carousel .slick-prev:hover::before {
    background-color: #ffffff;
  }
}
.stories .employees-second-carousel .slick-next {
  right: -50px;
}
@media (max-width: 1024px) {
  .stories .employees-second-carousel .slick-next {
    right: 0;
  }
}
.stories .employees-second-carousel .slick-prev {
  left: -50px;
}
@media (max-width: 1024px) {
  .stories .employees-second-carousel .slick-prev {
    left: 0;
  }
}
.stories .employees-second-carousel .tablet,
.stories .employees-second-carousel .mobile {
  display: none;
}
@media (max-width: 1024px) {
  .stories .employees-second-carousel .tablet {
    display: block;
  }
  .stories .employees-second-carousel .desktop {
    display: none;
  }
}
@media (max-width: 767px) {
  .stories .employees-second-carousel .tablet {
    display: none;
  }
  .stories .employees-second-carousel .mobile {
    display: block;
  }
}
.stories .employees-second-carousel.visible {
  visibility: visible;
  opacity: 1;
  z-index: 10;
  transform: scale(1) translateX(-50%);
}
@media (max-width: 1024px) {
  .stories.show-sticky .employee-mobile-sticky-heading.sticky-box-fixed {
    display: block;
  }
}
.stories .overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  z-index: 3;
  background-color: rgba(13, 13, 13, 0.5);
  display: none;
}
.stories .employee-mobile-sticky-heading {
  display: none;
  width: 100%;
  padding: 17px 20px;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.23);
  margin: 0;
  position: absolute;
  top: -40px;
  z-index: 11;
  max-width: unset;
  background-color: #ffffff;
}
.stories .employee-mobile-sticky-heading.sticky-box-fixed {
  position: fixed;
  top: 0px;
}
.stories .employee-mobile-sticky-heading.sticky-box-fixed.with-header {
  top: 80px;
}
.stories .employee-mobile-sticky-heading h3,
.stories .employee-mobile-sticky-heading p {
  text-align: center;
}
.stories .employee-mobile-sticky-heading p {
  letter-spacing: 1.6px;
}
.stories .employee-mobile-sticky-heading h3 {
  color: #34b2ac;
  margin-bottom: 5px;
}
.stories .employee-mobile-sticky-heading .close-icon {
  position: absolute;
  right: 20px;
  top: 20px;
}
.stories .overlay.visible-overlay {
  display: block;
}

.connect-talent {
  margin-bottom: 61px;
}
.connect-talent.fade-in-element h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.connect-talent.fade-in-element h4 + p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.connect-talent.fade-in-element .form-container > img {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  align-self: baseline;
  margin-top: 15px;
}
.connect-talent.fade-in-element .form-container form > div:nth-of-type(2) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.connect-talent.fade-in-element .form-container form > div:nth-of-type(3) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.connect-talent.fade-in-element .form-container form > div:nth-of-type(4) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.connect-talent.fade-in-element .form-container form > div:nth-of-type(5) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.connect-talent.fade-in-element .form-container form > div:nth-of-type(6) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.connect-talent.fade-in-element .form-container form .contact-preference p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.connect-talent.fade-in-element .form-container form .contact-preference .radio-container:nth-of-type(1) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.connect-talent.fade-in-element .form-container form .contact-preference .radio-container:nth-of-type(2) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.connect-talent.fade-in-element .form-container form .contact-preference .radio-container:nth-of-type(3) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.connect-talent.fade-in-element .form-container form .upload-cv {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.connect-talent.fade-in-element .form-container form .indeavr-consent .custom-checkbox {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.connect-talent.fade-in-element .form-container form .indeavr-consent span {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.connect-talent.fade-in-element .form-container form #recaptcha {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.connect-talent.fade-in-element .form-container form .submit-form {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}
.connect-talent.fade-in-element .form-container form > span:nth-of-type(1) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.connect-talent.fade-in-element .form-container form > span:nth-of-type(2) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.connect-talent h4 {
  opacity: 0;
  margin: 0px auto 22px auto;
  text-align: center;
  font: normal normal normal 25px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  position: relative;
}
.connect-talent h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #0d0d0d;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
.connect-talent h4 + p {
  opacity: 0;
  max-width: 501px;
  text-align: center;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin: 0 auto 30px auto;
}
.connect-talent .form-container {
  display: flex;
  max-width: 1210px;
  margin: 0 auto;
  align-items: center;
}
.connect-talent .form-container > img {
  opacity: 0;
}
.connect-talent .form-container .form-submit-success {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 1024px) {
  .connect-talent .form-container .form-submit-success {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .connect-talent .form-container .form-submit-success {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.connect-talent .form-container .form-submit-success img {
  margin-bottom: 16px;
  margin: 0 auto 16px auto;
  display: block;
}
.connect-talent .form-container .form-submit-success p {
  text-align: center;
  font: normal normal normal 24px/29px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.connect-talent .form-container .form-submit-success p:last-child {
  font: normal normal normal 16px/26px Roboto;
  color: rgba(13, 13, 13, 0.6);
  margin-top: 8px;
  max-width: 490px;
}
.connect-talent .form-container .form-submit-success p:last-child a {
  color: #2c337a;
}
.connect-talent .form-container form {
  width: 534px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-left: -103px;
  align-content: flex-start;
}
.connect-talent .form-container form .ajax-loader {
  display: none;
}
.connect-talent .form-container form #recaptcha {
  flex: 0 0 100%;
  margin-bottom: 20px;
  opacity: 0;
}
.connect-talent .form-container form #recaptcha > div {
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .connect-talent .form-container form #recaptcha > div {
    margin: 0;
  }
}
.connect-talent .form-container form .indeavr-consent {
  display: flex;
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}
.connect-talent .form-container form .indeavr-consent input {
  display: none;
}
.connect-talent .form-container form .indeavr-consent input:hover ~ label {
  color: #0d0d0d;
}
.connect-talent .form-container form .indeavr-consent input:checked + .custom-checkbox {
  background: url("../assets/icons/consent-checkbox.svg");
}
.connect-talent .form-container form .indeavr-consent .custom-checkbox {
  opacity: 0;
  position: absolute;
  width: 15px;
  height: 15px;
  background: url("../assets/icons/consent-container.svg");
  top: 5px;
  left: 0;
}
.connect-talent .form-container form .indeavr-consent span {
  opacity: 0;
  margin-left: 28px;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.connect-talent .form-container form .indeavr-consent span a {
  text-decoration: underline;
  color: #0d0d0d;
}
.connect-talent .form-container form .indeavr-consent span a:hover {
  color: #49d1cc;
}
.connect-talent .form-container form select:last-of-type + .select2-container {
  margin-right: 0px;
}
.connect-talent .form-container form .select2-container {
  opacity: 0;
  margin-right: 17px;
  width: 258px !important;
  height: 32px;
}
.connect-talent .form-container form .select2-container .select2-selection__rendered {
  line-height: 18px;
  padding: 0;
  font: normal normal 500 16px/18px Roboto;
  color: #0d0d0d;
  letter-spacing: 0px;
}
.connect-talent .form-container form .select2-container .select2-selection__placeholder {
  font: normal normal 300 16px/18px Roboto;
  color: #0d0d0d;
  letter-spacing: 0px;
}
.connect-talent .form-container form .select2-container:hover .select2-selection__rendered {
  line-height: 18px;
  padding: 0;
  color: #34b2ac;
}
.connect-talent .form-container form .select2-container:hover .select2-selection__placeholder {
  color: #34b2ac;
}
.connect-talent .form-container form .select2-container:hover .select2-selection--single {
  border-bottom: 1px solid #34b2ac !important;
}
.connect-talent .form-container form .select2-container .select2-selection--single {
  border: none;
  border-bottom: 1px solid rgba(13, 13, 13, 0.5);
  border-radius: 0;
}
.connect-talent .form-container form .select2-container .select2-selection--single.focused {
  border-bottom: 2px solid #34b2ac !important;
}
.connect-talent .form-container form .input-container {
  opacity: 0;
  max-width: 258px;
  height: 30px;
  width: 100%;
  margin-bottom: 28px;
  position: relative;
  margin-right: 17px;
}
.connect-talent .form-container form .input-container:nth-of-type(odd) {
  margin-right: 0;
}
.connect-talent .form-container form .input-container#question {
  max-width: 100%;
  margin-top: 28px;
  height: auto;
  margin-right: 0;
}
.connect-talent .form-container form .input-container#question textarea {
  width: 100%;
  max-width: 100%;
  resize: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-bottom: 1px solid rgba(13, 13, 13, 0.5);
  font: normal normal 500 16px/24px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  display: block;
  box-sizing: padding-box;
  overflow: hidden;
}
.connect-talent .form-container form .input-container#question textarea:hover {
  border-bottom: 1px solid #34b2ac;
}
.connect-talent .form-container form .input-container#question textarea:hover ~ label {
  color: #34b2ac;
}
.connect-talent .form-container form .input-container#question textarea:focus {
  border-bottom: 2px solid #34b2ac;
}
.connect-talent .form-container form .input-container#question textarea:focus ~ label {
  color: #34b2ac;
}
.connect-talent .form-container form .input-container#question textarea.error {
  border-bottom: 2px solid #e03c27;
}
.connect-talent .form-container form .input-container#question textarea.error ~ label {
  color: #e03c27;
}
.connect-talent .form-container form .input-container#question textarea.error ~ label .error-message {
  display: inline;
}
.connect-talent .form-container form .input-container#question textarea.error:focus {
  border-bottom: 2px solid #e03c27;
}
.connect-talent .form-container form .input-container#question textarea.error:focus ~ label {
  color: #e03c27;
}
.connect-talent .form-container form .input-container#question textarea.error:hover {
  border-bottom: 2px solid #e03c27;
}
.connect-talent .form-container form .input-container#question textarea.error:hover ~ label {
  color: #e03c27;
}
.connect-talent .form-container form .input-container label {
  position: absolute;
  pointer-events: none;
  font: normal normal 300 16px/21px Roboto;
  bottom: 10px;
  left: 0;
  letter-spacing: 0px;
  transition: 0.5s all;
}
.connect-talent .form-container form .input-container label .error-message {
  display: none;
}
.connect-talent .form-container form .input-container label.transformed {
  transform: translatey(35px);
  font: normal normal normal 12px/30px Roboto;
}
.connect-talent .form-container form input {
  max-width: 258px;
  width: 100%;
  height: 30px;
  border: none;
  font: normal normal 500 16px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  border-bottom: 1px solid rgba(13, 13, 13, 0.5);
}
.connect-talent .form-container form input:hover {
  border-bottom: 1px solid #34b2ac;
}
.connect-talent .form-container form input:hover ~ label {
  color: #34b2ac;
}
.connect-talent .form-container form input:focus {
  border-bottom: 2px solid #34b2ac;
}
.connect-talent .form-container form input:focus ~ label {
  color: #34b2ac;
}
.connect-talent .form-container form input.error {
  border-bottom: 2px solid #e03c27;
}
.connect-talent .form-container form input.error ~ label {
  color: #e03c27;
}
.connect-talent .form-container form input.error ~ label .error-message {
  display: inline;
}
.connect-talent .form-container form .contact-preference {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.connect-talent .form-container form .contact-preference p {
  opacity: 0;
  width: 100%;
  margin-bottom: 12px;
  font: normal normal normal 16px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.connect-talent .form-container form .contact-preference .radio-container {
  opacity: 0;
  margin-right: 30px;
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 30px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font: normal normal 300 16px/21px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.connect-talent .form-container form .contact-preference .radio-container input {
  position: absolute;
  opacity: 0;
  display: none;
  cursor: pointer;
}
.connect-talent .form-container form .contact-preference .radio-container:hover input ~ .fake-input {
  background: url("../assets/icons/radio-hover.svg");
}
.connect-talent .form-container form .contact-preference .radio-container input:checked ~ .fake-input {
  background: url("../assets/icons/radio-press.svg");
}
.connect-talent .form-container form .contact-preference .radio-container .fake-input {
  position: absolute;
  top: 2px;
  left: 0;
  height: 15px;
  width: 15px;
  background: url("../assets/icons/radio-static.svg");
}
.connect-talent .form-container form .upload-cv {
  opacity: 0;
  width: 100%;
  margin-bottom: 23px;
  position: relative;
}
.connect-talent .form-container form .upload-cv .upload-popup {
  display: none;
  position: absolute;
  width: 500px;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1607843137);
  border-radius: 10px;
  z-index: 2;
  top: -200px;
  left: calc(50% - 250px);
  flex-direction: column;
  text-align: center;
  font: normal normal normal 16px/30px Roboto;
  letter-spacing: 0px;
  padding: 20px 15px;
}
@media (max-width: 500px) {
  .connect-talent .form-container form .upload-cv .upload-popup {
    width: 380px;
    left: calc(50% - 190px);
  }
}
.connect-talent .form-container form .upload-cv .upload-popup p {
  display: none;
}
.connect-talent .form-container form .upload-cv .upload-popup img {
  margin-bottom: 19px;
}
.connect-talent .form-container form .upload-cv .upload-popup .close {
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: 19px;
}
.connect-talent .form-container form .upload-cv p {
  font: normal normal normal 16px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.connect-talent .form-container form .upload-cv p span {
  font: normal normal normal 16px/30px Roboto;
  letter-spacing: 0px;
  color: rgba(13, 13, 13, 0.5);
}
.connect-talent .form-container form .upload-cv .requirements {
  font: normal normal 300 12px/16px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin: 0;
  margin-bottom: 15px;
}
.connect-talent .form-container form .upload-cv input {
  display: none;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .results {
  display: none;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .results .uploaded {
  align-items: center;
  margin-top: 15px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .results .uploaded:nth-of-type(even) {
  padding: 15px 0;
  border-top: 1px solid rgba(112, 112, 112, 0.1);
  border-bottom: 1px solid rgba(112, 112, 112, 0.1);
}
.connect-talent .form-container form .upload-cv .custom-file-upload .results .uploaded:nth-of-type(even) .delete {
  top: 22px;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .results .uploaded:nth-of-type(even) .done {
  top: 35px;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .results .uploaded:first-of-type {
  margin-top: 0;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .results .uploaded .pdf {
  margin-right: 13px;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .results .uploaded .name {
  width: 75%;
  margin-bottom: 0;
  font: normal normal normal 16px/21px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  align-self: baseline;
  overflow: hidden;
  white-space: nowrap;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .results .uploaded .done {
  position: absolute;
  top: 20px;
  left: 40px;
  font: normal normal 300 12px/21px Roboto;
  letter-spacing: 0px;
  color: #656565;
  padding-left: 20px;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .results .uploaded .done img {
  position: absolute;
  left: 0;
  top: 4px;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .results .uploaded .delete {
  position: absolute;
  right: 0;
  top: 7px;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .no-results:hover img.hover {
  display: block;
  position: absolute;
  top: 20px;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .no-results img.hover {
  display: none;
}
.connect-talent .form-container form .upload-cv .custom-file-upload .no-results span {
  font: normal normal 300 16px/21px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-left: 9px;
  opacity: 0.5;
}
.connect-talent .form-container form .upload-cv .custom-file-upload > div {
  cursor: pointer;
  border: 1px dashed rgba(112, 112, 112, 0.3);
  padding: 20px;
  max-width: 533px;
}
.connect-talent .form-container form input[type=submit] {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.connect-talent .form-container form .submit-form {
  opacity: 0;
  border: none;
  width: 186px;
  cursor: pointer;
  height: 50px;
  background: #2c337a;
  text-decoration: none;
  text-align: center;
  font: normal normal normal 18px/50px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
}
.connect-talent .form-container form .submit-form span {
  font: normal normal normal 18px/21px Roboto;
  text-decoration: none;
  letter-spacing: 0px;
  color: #ffffff;
  display: block;
  position: relative;
  text-align: center;
  z-index: 2;
}
.connect-talent .form-container form .submit-form:disabled {
  background: grey;
  pointer-events: none;
}
.connect-talent .form-container form .submit-form:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #0f1760;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}
.connect-talent .form-container form .submit-form:hover span {
  color: #ffffff;
}
.connect-talent .form-container form .submit-form:hover:after {
  content: "";
  width: 100%;
}

.life-at-indeavr {
  max-width: 1084px;
  margin: 0 auto;
  display: flex;
  margin-bottom: 54px;
}
.life-at-indeavr.fade-in-element .media-container {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.life-at-indeavr.fade-in-element .text-container h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.life-at-indeavr.fade-in-element .text-container p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  font-weight: 300 !important;
}
.life-at-indeavr .text-container {
  max-width: 461px;
  margin-left: 23px;
}
.life-at-indeavr .text-container h4 {
  opacity: 0;
  font: normal normal bold 25px/35px Roboto;
  color: #0d0d0d;
  position: relative;
  margin-bottom: 15px;
  padding-left: 30px;
}
.life-at-indeavr .text-container h4:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #0d0d0d;
  position: absolute;
  top: 15px;
  left: 0;
}
.life-at-indeavr .text-container p {
  opacity: 0;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.life-at-indeavr .media-container {
  max-width: 599px;
  max-height: 362px;
  width: 100%;
  opacity: 0;
}
.life-at-indeavr .media-container img:not(.video-thumbnail) {
  width: 100%;
  height: 100%;
}
.life-at-indeavr .media-container .video-container {
  z-index: 0;
}
.life-at-indeavr .media-container .video-container .indeavr-youtube-overlay img {
  -o-object-fit: cover;
     object-fit: cover;
}
.life-at-indeavr .media-container .video-container .video-block {
  border: none;
}

.tabs {
  background: linear-gradient(90deg, #00b5ad 0%, #2b327f 100%);
  padding-top: 50px;
  padding-bottom: 55px;
  margin-bottom: 44px;
  min-height: 538px;
}
.tabs .content.fade-in-element .tab-navigation {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.tabs .content.fade-in-element .tab-content div div {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
}
.tabs .content.fade-in-element .tab-content div div:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.tabs .content.fade-in-element .tab-content div div:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.tabs .content.fade-in-element .tab-content div div:nth-child(3) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.tabs .content.fade-in-element .tab-content div div:nth-child(4) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.tabs .content {
  max-width: 1084px;
  margin: 0 auto;
}
.tabs .content .tab-navigation {
  opacity: 0;
  height: 33px;
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  margin-bottom: 56px;
}
.tabs .content .tab-navigation ul {
  display: flex;
}
@media screen and (min-width: 1025px) {
  .tabs .content .tab-navigation ul li:hover a {
    color: #ffffff;
  }
}
.tabs .content .tab-navigation ul li:last-of-type a {
  margin-right: 0;
}
.tabs .content .tab-navigation ul li.active a {
  border-bottom: 3px solid #ffffff;
  color: #ffffff;
}
.tabs .content .tab-navigation ul li a {
  display: block;
  margin-right: 40px;
  text-decoration: none;
  font: normal normal normal 20px/30px Roboto;
  letter-spacing: 0px;
  color: rgba(255, 255, 255, 0.4);
}
.tabs .content .tab-content {
  position: relative;
}
.tabs .content .tab-content div div {
  opacity: 0;
}
.tabs .content .tab-content .tips,
.tabs .content .tab-content .recruting,
.tabs .content .tab-content .why {
  max-width: 1080px;
  width: 100%;
}
.tabs .content .tab-content .tips img ~ span,
.tabs .content .tab-content .recruting img ~ span,
.tabs .content .tab-content .why img ~ span {
  font: normal normal bold 18px/21px Roboto;
  margin-bottom: 22px;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
}
.tabs .content .tab-content .tips {
  display: flex;
  opacity: 0;
  justify-content: space-between;
  transition: all 0.5s;
  left: -200px;
  pointer-events: none;
  position: absolute;
}
.tabs .content .tab-content .tips.visible {
  left: 0;
  pointer-events: all;
  opacity: 1;
}
.tabs .content .tab-content .tips .tip-box {
  max-width: 256px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.tabs .content .tab-content .tips .tip-box img {
  margin: 0 auto 24px auto;
  width: 85px;
  height: 85px;
}
.tabs .content .tab-content .tips .tip-box p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  flex-grow: 1;
}
.tabs .content .tab-content .recruting {
  display: flex;
  opacity: 0;
  justify-content: space-between;
  transition: all 0.5s;
  left: -200px;
  pointer-events: none;
  position: absolute;
}
.tabs .content .tab-content .recruting.visible {
  left: 0;
  pointer-events: all;
  opacity: 1;
}
.tabs .content .tab-content .recruting .recruiting-box {
  max-width: 240px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.tabs .content .tab-content .recruting .recruiting-box img {
  margin: 0 auto 24px auto;
  width: 85px;
  height: 85px;
}
.tabs .content .tab-content .recruting .recruiting-box p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  flex-grow: 1;
}
.tabs .content .tab-content .why {
  opacity: 0;
  display: flex;
  justify-content: space-between;
  transition: all 0.5s;
  left: -200px;
  pointer-events: none;
  position: absolute;
}
.tabs .content .tab-content .why.visible {
  left: 0;
  pointer-events: all;
  opacity: 1;
}
.tabs .content .tab-content .why .why-box {
  max-width: 325px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.tabs .content .tab-content .why .why-box img {
  margin: 0 auto 13px auto;
  width: 85px;
  height: 85px;
}
.tabs .content .tab-content .why .why-box p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  flex-grow: 1;
}

.tabs-mobile {
  display: none;
}

.select2-search--dropdown {
  display: none !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #f2f2f2 !important;
}

.select2-results__option {
  padding: 14px 0 10px 16px !important;
}

.select2-container--open .select2-dropdown--below {
  border-radius: 0 !important;
  border: none;
}

.select2-container--open .select2-dropdown--above {
  border-radius: 0 !important;
  border: none;
}

.select2-results__option--selectable {
  font: normal normal 300 16px/21px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d !important;
  text-transform: capitalize;
}

.select2-container--default .select2-results > .select2-results__options {
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.07);
}

@media (max-width: 1200px) {
  .connect-talent .form-container {
    flex-wrap: wrap;
  }
  .connect-talent .form-container > img {
    margin: 0 auto;
  }
  .connect-talent .form-container form {
    max-width: 800px;
    width: 100%;
    padding: 0 36px;
    margin: 0 auto;
    justify-content: space-between;
  }
  .connect-talent .form-container form .input-container {
    max-width: 48.7%;
    margin-right: 0;
  }
  .connect-talent .form-container form .input-container input {
    max-width: 100%;
  }
  .connect-talent .form-container form .select2-container {
    width: 48.7% !important;
    margin-right: 0;
  }
  .connect-talent .form-container form .upload-cv .custom-file-upload .no-results, .connect-talent .form-container form .upload-cv .custom-file-upload > div {
    max-width: calc(100vw - 40px);
  }
  .connect-talent .form-container form .submit-form {
    width: 335px;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 1100px) {
  .careers-banner a h1 {
    font: normal normal 300 65px/94px Roboto;
    margin-bottom: 4px;
  }
  .careers-banner h4 {
    font: normal normal 300 18px/29px Roboto;
    line-height: 28px;
  }
  .open-position-block .carrers-boxes {
    max-width: 476px;
    flex-wrap: wrap;
    margin-top: 83px;
    margin-bottom: 0;
  }
  .open-position-block .carrers-boxes .box {
    margin-bottom: 45px;
  }
  .open-position-block .carrers-boxes .box:nth-of-type(even) {
    margin-right: 0;
  }
  .life-at-indeavr {
    padding-top: 61px;
    position: relative;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .life-at-indeavr .media-container {
    max-width: 100%;
    width: 100%;
    height: 56.25vw;
    max-height: unset;
    margin-bottom: 20px;
  }
  .life-at-indeavr .text-container {
    max-width: 100%;
    padding: 0 36px;
    margin-left: 0;
  }
  .life-at-indeavr .text-container h4 {
    top: 0;
    position: absolute;
    left: calc(50% - 100px);
    padding-left: 0;
    margin-bottom: 0;
  }
  .life-at-indeavr .text-container h4:before {
    top: auto;
    bottom: -12px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .tabs {
    padding: 50px 36px 20px 36px;
    min-height: 745px;
  }
  .tabs .content .tab-content {
    max-width: 728px;
    margin: 0 auto;
  }
  .tabs .content .tab-content .recruting {
    flex-wrap: wrap;
  }
  .tabs .content .tab-content .recruting .recruiting-box {
    margin-bottom: 35px;
    flex: 1 1 48%;
    max-width: 356px;
    min-width: 100px;
    margin-right: 16px;
  }
  .tabs .content .tab-content .recruting .recruiting-box:nth-of-type(even) {
    margin-right: 0;
  }
  .tabs .content .tab-content .why {
    flex-wrap: wrap;
  }
  .tabs .content .tab-content .why .why-box {
    margin-bottom: 35px;
    flex: 1 1 48%;
    max-width: 356px;
    min-width: 100px;
    margin-right: 16px;
  }
  .tabs .content .tab-content .why .why-box:nth-of-type(even) {
    margin-right: 0;
  }
  .tabs .content .tab-content .tips {
    flex-wrap: wrap;
  }
  .tabs .content .tab-content .tips .tip-box {
    margin-bottom: 35px;
    flex: 1 1 48%;
    max-width: 356px;
    min-width: 100px;
    margin-right: 16px;
  }
  .tabs .content .tab-content .tips .tip-box:nth-of-type(even) {
    margin-right: 0;
  }
  .stories .stories-container {
    max-width: 100%;
  }
  .stories .stories-container .stories-carousel .storie {
    margin-right: 0;
  }
  .stories .stories-container .stories-carousel .storie .dev-photo {
    max-width: 100%;
    position: relative;
    height: auto;
  }
  .stories .stories-container .stories-carousel .storie .dev-box {
    padding: 0;
    margin: 0;
    max-width: 100%;
  }
  .stories .stories-container .stories-carousel .storie .dev-box .name {
    padding-top: 11px;
  }
  .stories .stories-container .stories-carousel .storie .dev-box img {
    position: absolute;
    width: 87px;
    height: 69px;
    z-index: 1;
    left: 36px;
    top: 0;
  }
  .stories .stories-container .stories-carousel .storie .dev-box .story {
    max-width: 800px;
    position: relative;
    padding: 0 36px;
    top: -40px;
    margin-bottom: 0;
  }
  .stories .stories-container .stories-carousel .storie .dev-box .name,
.stories .stories-container .stories-carousel .storie .dev-box .position {
    margin-bottom: 0;
    white-space: nowrap;
    position: relative;
    max-width: 392px;
    width: 100%;
    background: white;
    padding-left: 36px;
    top: -40px;
  }
}
@media (max-width: 1100px) and (max-width: 767px) {
  .stories .stories-container {
    margin-top: 30px;
  }
}
@media (max-width: 800px) {
  .open-position-block .headline-text {
    margin-top: 20px;
    margin-bottom: 43px;
    max-width: 460px;
  }
  .life-at-indeavr .text-container {
    margin-left: 0;
  }
  .stories {
    margin-bottom: 56px;
  }
  .stories h4 {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .tabs {
    display: none;
  }
  .tabs-mobile {
    display: block;
    margin-bottom: 25px;
    padding: 34px 20px 14px 20px;
    background: transparent linear-gradient(90deg, #34b2ac 0%, #2c337a 100%) 0% 0% no-repeat padding-box;
  }
  .tabs-mobile-tab-header {
    font: normal normal normal 22px/35px Roboto;
    margin-bottom: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .tabs-mobile-tab-header.visible-content {
    font-weight: bold;
  }
  .tabs-mobile-tab-header.visible-content + .tabs-mobile-tab-inner-content {
    display: block;
  }
  .tabs-mobile-tab-header.visible-content img {
    transition: 0.2s all;
    transform: rotateX(360deg);
  }
  .tabs-mobile-tab-header img {
    transform: rotateX(180deg);
    pointer-events: none;
  }
  .tabs-mobile-tab-inner-content {
    padding-bottom: 13px;
    margin-bottom: 17px;
    display: none;
  }
  .tabs-mobile-tab-inner-content .box {
    margin-bottom: 20px;
    position: relative;
  }
  .tabs-mobile-tab-inner-content .box img {
    margin: 0 auto;
    display: block;
    margin-bottom: 24px;
  }
  .tabs-mobile-tab-inner-content .box h4 {
    margin-top: -11px;
    font: normal normal bold 18px/21px Roboto;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 22px;
    text-transform: uppercase;
    text-align: center;
  }
  .tabs-mobile-tab-inner-content .box p {
    font: normal normal 300 18px/30px Roboto;
    letter-spacing: 0px;
    color: #ffffff;
  }
  .tabs-mobile-tab-inner-content .box .line {
    display: none;
  }
  .tabs-mobile-tab-inner-content .box:last-of-type .line {
    display: block;
    position: absolute;
    left: -20px;
    width: calc(100% + 40px);
    bottom: -33px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .tabs-mobile-tab:last-of-type .box .line {
    display: none;
  }
  .life-at-indeavr {
    margin-bottom: 30px;
  }
  .life-at-indeavr .text-container {
    padding: 0 20px;
  }
  .life-at-indeavr .text-container p {
    font: normal normal 300 18px/30px Roboto;
  }
  .life-at-indeavr .media-container {
    height: 56.25vw;
  }
  .stories .stories-container .stories-carousel .storie .dev-box .name,
.stories .stories-container .stories-carousel .storie .dev-box .position {
    max-width: 300px;
    padding-left: 20px;
  }
  .stories {
    margin-bottom: 47px;
  }
  .stories h4 {
    margin-bottom: 35px;
  }
  .stories h4 + p {
    text-align: left;
    font: normal normal 300 18px/30px Roboto;
    padding: 0 19px;
  }
  .connect-talent {
    margin-bottom: 38px;
  }
  .connect-talent h4 {
    margin-bottom: 35px;
  }
  .connect-talent h4 + p {
    text-align: left;
    font: normal normal 300 18px/30px Roboto;
    padding: 0 19px;
  }
  .connect-talent .form-container div[role=form] {
    width: 100%;
  }
  .connect-talent .form-container > img {
    max-width: 100%;
    padding: 0 20px;
    margin-bottom: 15px;
  }
  .connect-talent .form-container form {
    padding: 0 20px;
    flex-wrap: wrap;
  }
  .connect-talent .form-container form .input-container {
    max-width: 100%;
    width: 100%;
    margin-bottom: 27px;
  }
  .connect-talent .form-container form .input-container#question {
    margin-top: 0;
  }
  .connect-talent .form-container form .select2-container {
    max-width: 100%;
    margin-bottom: 27px;
    width: 100% !important;
  }
  .connect-talent .form-container form .contact-preference .radio-container {
    margin-bottom: 28px;
  }
  .connect-talent .form-container form .contact-preference .radio-container:last-of-type {
    margin-right: 0;
  }
  .slider {
    bottom: -10px;
  }
  .stories .stories-container .stories-carousel .storie .dev-box .story {
    padding: 0 20px;
  }
  .stories .stories-container .stories-carousel .storie .dev-box .position {
    white-space: normal;
    max-width: unset;
  }
  .open-position-block .headline-text {
    margin-top: 20px;
    padding: 0 20px;
    text-align: left;
    font: normal normal 300 18px/30px Roboto;
    margin-bottom: 6px;
  }
  .open-position-block .carrers-boxes {
    margin-bottom: 10px;
  }
  .open-position-block .carrers-boxes .box {
    padding: 0 20px;
    width: 100%;
    max-width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
  .open-position-block .carrers-boxes .box h5 {
    margin-top: 5px;
  }
  .careers-banner {
    height: 80vw;
    padding: 16px;
  }
  .careers-banner img,
.careers-banner .img-overlay {
    height: 80vw;
  }
  .careers-banner a h1 {
    font: normal normal 300 30px/30px Roboto;
    margin: 0;
    line-height: 35px;
  }
  .careers-banner h4 {
    font: normal normal 300 16px/25px Roboto;
    line-height: 28px;
  }
}
.sign-up-for-more {
  max-width: 1084px;
  position: relative;
  margin: 0 auto;
  padding-top: 24px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.1);
  margin-bottom: 25px;
}
.sign-up-for-more.fade-in-element .text-and-popup, .sign-up-for-more.fade-in-element > p:nth-child(2) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.sign-up-for-more.fade-in-element .form-container {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.sign-up-for-more.fade-in-element .inner-navigation {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sign-up-for-more.fade-in-element .text-and-popup img {
  vertical-align: text-bottom;
}
.sign-up-for-more .subscribe-popup {
  display: flex;
  margin: 0px 8px;
  max-width: 381px;
  max-height: 125px;
  opacity: 1;
  position: absolute;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1607843137);
  border-radius: 10px;
  z-index: 2;
  padding: 38px 40px;
  left: 50%;
  transform: translateX(-50%);
  top: -100px;
}
@media (max-width: 550px) {
  .sign-up-for-more .subscribe-popup {
    max-width: 330px;
    transform: translateX(calc(-50% - 10px));
    top: -60px;
    width: 100%;
  }
}
@media (min-width: 1100px) {
  .sign-up-for-more .subscribe-popup {
    transform: translateX(calc(-50% - 16px));
  }
}
.sign-up-for-more .subscribe-popup p {
  color: #0D0D0D;
  text-align: center;
  line-height: 24px;
  font: normal normal normal 16px/30px Roboto;
  letter-spacing: 0px;
  color: #0D0D0D;
  opacity: 1;
  margin: 0px 10px 0 15px;
  display: none;
}
.sign-up-for-more .subscribe-popup img.close {
  position: absolute;
  right: 16px;
  top: 16px;
}
.sign-up-for-more .subscribe-popup .circle-x, .sign-up-for-more .subscribe-popup .circle-success {
  display: none;
}
.sign-up-for-more .arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  margin: 0 10px;
}
.sign-up-for-more .right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.sign-up-for-more .text-and-popup {
  opacity: 0;
  position: relative;
  max-width: 298px;
  margin: 0 auto;
}
.sign-up-for-more p {
  font: normal normal 500 14px/24px Roboto;
  letter-spacing: -0.14px;
  color: #0d0d0d;
  max-width: 298px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 15px;
}
.sign-up-for-more .form-container {
  max-width: 401px;
  margin: 0 auto;
  opacity: 0;
  display: flex;
}
.sign-up-for-more .form-container input:first-of-type {
  flex-grow: 1;
  border: none;
  background: #f5f6fa;
  letter-spacing: -0.14px;
  color: #0d0d0d;
  padding-left: 15px;
  font: normal normal 400 14px/24px Roboto;
  letter-spacing: -0.14px;
}
.sign-up-for-more .form-container input:first-of-type::-moz-placeholder {
  color: #a1a1a1;
}
.sign-up-for-more .form-container input:first-of-type:-ms-input-placeholder {
  color: #a1a1a1;
}
.sign-up-for-more .form-container input:first-of-type::placeholder {
  color: #a1a1a1;
}
.sign-up-for-more .form-container .submit-form {
  border: none;
  cursor: pointer;
  border-radius: 0px;
  width: 129px;
  background: #43beb9;
  height: 45px;
  font: normal normal normal 14px/45px Roboto;
  letter-spacing: -0.14px;
  color: #ffffff;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
.sign-up-for-more .form-container .submit-form:hover {
  background: #00b5ad;
}
.sign-up-for-more .inner-navigation {
  display: flex;
  align-items: center;
  position: absolute;
}
.category .sign-up-for-more .inner-navigation {
  left: -100%;
}
@media (max-width: 1100px) {
  .category .sign-up-for-more .inner-navigation {
    left: -45%;
  }
}
@media (max-width: 767px) {
  .category .sign-up-for-more .inner-navigation {
    left: revert;
  }
}
.sign-up-for-more .inner-navigation a:hover {
  text-decoration: underline;
}
.sign-up-for-more .inner-navigation .origin {
  font: normal normal normal 14px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  text-decoration: none;
}
.sign-up-for-more .inner-navigation .current {
  font: normal normal normal 14px/26px Roboto;
  letter-spacing: 0px;
  color: #34b2ac;
  text-decoration: none;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.open-positions-container {
  margin-bottom: 34px;
}
.open-positions-container.fade-in-element h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.open-positions-container.fade-in-element .no-positions img {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.open-positions-container.fade-in-element .no-positions p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.open-positions-container.fade-in-element .position-boxes a {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.open-positions-container.fade-in-element .position-boxes a:nth-of-type(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.open-positions-container.fade-in-element .position-boxes a:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.open-positions-container.fade-in-element .position-boxes a:nth-of-type(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.open-positions-container.fade-in-element .position-boxes a:nth-of-type(4) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.open-positions-container.fade-in-element .position-boxes a:nth-of-type(5) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.open-positions-container.fade-in-element .position-boxes a:nth-of-type(6) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.open-positions-container h4 {
  opacity: 0;
  margin: 0px auto 52px auto;
  text-align: center;
  font: normal normal normal 25px/31px Roboto;
  letter-spacing: 0px;
  width: 100%;
  color: #0d0d0d;
  position: relative;
}
.open-positions-container h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #0d0d0d;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
.open-positions-container h4 + p {
  max-width: 501px;
  text-align: center;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin: 0 auto 57px auto;
}
.open-positions-container .no-positions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1019px;
  margin: 0 auto;
  margin-bottom: 41px;
}
.open-positions-container .no-positions p {
  opacity: 0;
  font: normal normal normal 30px/48px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  text-align: center;
  max-width: 430px;
}
.open-positions-container .no-positions img {
  opacity: 0;
  width: 482px;
  height: 303px;
}
.open-positions-container .position-boxes {
  max-width: 1084px;
  margin: 0 auto;
}
.open-positions-container .position-boxes.long-boxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.open-positions-container .position-boxes .position-box {
  background-color: white;
  opacity: 0;
  height: 182px;
  display: block;
  margin-bottom: 15px;
  padding: 21px 42px 16px 42px;
  display: flex;
  text-decoration: none;
  justify-content: space-between;
}
.open-positions-container .position-boxes .position-box.long {
  height: auto;
  max-width: 256px;
  padding: 20px;
  margin-bottom: 0;
  margin-right: 20px;
  position: relative;
  flex-direction: column;
  display: flex;
}
.open-positions-container .position-boxes .position-box.long:nth-of-type(4n) {
  margin-right: 0;
}
.open-positions-container .position-boxes .position-box.long:nth-of-type(4n):after {
  display: none;
}
.open-positions-container .position-boxes .position-box.long:after {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: -10px;
  content: "";
  background: rgba(112, 112, 112, 0.1);
}
.open-positions-container .position-boxes .position-box.long .text {
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.open-positions-container .position-boxes .position-box.long .text p {
  max-height: 124px;
  overflow: hidden;
}
.open-positions-container .position-boxes .position-box.long .share-container {
  margin-top: 54px;
}
.open-positions-container .position-boxes .position-box.long .share-container .white-blue-button {
  padding: 14px 18px;
  font: normal normal normal 18px/18px Roboto;
  letter-spacing: 0px;
  color: #2c337a;
}
.open-positions-container .position-boxes .position-box .text {
  max-width: 670px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.open-positions-container .position-boxes .position-box .text .title {
  font: normal normal 500 20px/24px Roboto;
  letter-spacing: 0px;
  color: #34b2ac;
  margin-bottom: 10px;
  display: block;
}
.open-positions-container .position-boxes .position-box .text .apply-date {
  font: normal normal 500 16px/19px Roboto;
  letter-spacing: 0px;
  display: block;
  margin-bottom: 10px;
  color: #0d0d0d;
}
.open-positions-container .position-boxes .position-box .text p {
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #0d0d0d;
  max-height: 99px;
  overflow: hidden;
}
@media (min-width: 1110px) {
  .open-positions-container .position-boxes .position-box .text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.open-positions-container .position-boxes .position-box .share-container {
  max-width: 242px;
}
.open-positions-container .position-boxes .position-box .share-container p {
  font: normal normal 400 14px/16px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 6px;
}
.open-positions-container .position-boxes .position-box .share-container .share-links-container {
  display: flex;
  margin-bottom: 21px;
  height: 20px;
}
.open-positions-container .position-boxes .position-box .share-container .share-links-container div {
  margin-right: 5px;
}
.open-positions-container .position-boxes .position-box .share-container .link-container {
  cursor: pointer;
}
.open-positions-container .position-boxes .position-box .share-container .link-container .hover {
  display: none;
}
.open-positions-container .position-boxes .position-box .share-container .link-container:hover .hover {
  display: block;
}
.open-positions-container .position-boxes .position-box .share-container .link-container:hover .normal {
  display: none;
}
@media screen and (max-width: 1024px) {
  .open-positions-container .position-boxes .position-box .share-container .link-container:hover .hover {
    display: none;
  }
  .open-positions-container .position-boxes .position-box .share-container .link-container:hover .normal {
    display: block;
  }
}
.open-positions-container .position-boxes .position-box .share-container .white-blue-button {
  background: none;
  border: none;
  position: relative;
  padding: 13px 31px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  outline: 2px solid #2c337a;
  height: 50px;
}
.open-positions-container .position-boxes .position-box .share-container .white-blue-button span {
  font: normal normal normal 18px/18px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  color: #2c337a;
  z-index: 2;
  display: block;
  position: relative;
}
.open-positions-container .position-boxes .position-box .share-container .white-blue-button:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #0f1760;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}
.open-positions-container .position-boxes .position-box .share-container .white-blue-button:hover span {
  color: #ffffff;
}
.open-positions-container .position-boxes .position-box .share-container .white-blue-button:hover:after {
  content: "";
  width: 100%;
}
.open-positions-container .position-boxes .position-box .share-container .white-blue-button:focus {
  background: #1b215a;
  outline-offset: inherit;
}
.open-positions-container .position-boxes .position-box .share-container .white-blue-button:focus span {
  color: #ffffff;
}
@media (min-width: 1024px) {
  .open-positions-container .position-boxes .position-box:hover {
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1607843137);
  }
  .open-positions-container .position-boxes .position-box:hover .white-blue-button span {
    color: #ffffff;
  }
  .open-positions-container .position-boxes .position-box:hover .white-blue-button:after {
    content: "";
    width: 100%;
  }
}
@media (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 0), (max-width: 1024px) and (min-resolution: 0.001dpcm) {
  .open-positions-container .position-boxes .position-box:hover {
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1607843137);
  }
  .open-positions-container .position-boxes .position-box:hover .white-blue-button span {
    color: #ffffff;
  }
  .open-positions-container .position-boxes .position-box:hover .white-blue-button:after {
    content: "";
    width: 100%;
  }
}

@media (max-width: 1100px) {
  .open-positions-container .no-positions {
    flex-wrap: wrap;
    padding: 0 20px;
    flex-direction: column-reverse;
  }
  .open-positions-container .no-positions p {
    max-width: 100%;
    margin-top: 16px;
  }
  .open-positions-container .position-boxes.long-boxes {
    max-width: 732px;
  }
  .open-positions-container .position-boxes .position-box.long {
    max-width: 356px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.1);
  }
  .open-positions-container .position-boxes .position-box.long:nth-of-type(even) {
    margin-right: 0;
  }
  .open-positions-container .position-boxes .position-box .share-container {
    max-width: initial;
  }
  .open-positions-container .position-boxes .position-box .share-container button {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .open-positions-container h4 {
    margin-top: 25px;
    margin-bottom: 29px;
  }
}
@media (max-width: 767px) {
  .open-positions-container .position-boxes .position-box.long {
    margin: 0 auto;
  }
  .open-positions-container .position-boxes .position-box.long:after {
    display: none;
  }
  .open-positions-container .position-boxes .position-box.long:nth-of-type(even) {
    margin: 0 auto;
  }
  .open-positions-container h4 {
    margin-bottom: 21px;
  }
  .open-positions-container .no-positions img {
    max-width: 100%;
  }
  .open-positions-container .no-positions p {
    font: normal normal normal 25px/40px Roboto;
  }
  .sign-up-for-more {
    padding-bottom: 17px;
  }
  .sign-up-for-more p {
    max-width: 298px;
    margin-top: 30px;
    margin-bottom: 11px;
  }
  .sign-up-for-more > div:nth-child(2) {
    padding-right: 20px;
  }
  .sign-up-for-more .form-container {
    padding-right: 20px;
  }
}
.job-detail {
  max-width: 1084px;
  margin: 0 auto;
}
.job-detail.fade-in-element h4:not(:last-child) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.job-detail.fade-in-element .share-container {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.job-detail.fade-in-element .title {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.job-detail.fade-in-element .apply {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.job-detail.fade-in-element .overview-text {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.job-detail.fade-in-element .more-info {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.job-detail h4 {
  opacity: 0;
  margin: 0px auto 30px auto;
  text-align: center;
  width: 100%;
  font: normal normal bold 25px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  position: relative;
}
.job-detail h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #0d0d0d;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
.job-detail h4:last-child {
  position: relative;
  top: 12px;
}
.job-detail h4:last-child.fade-in-element {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.job-detail .content {
  position: relative;
}
.job-detail .content .title {
  opacity: 0;
  font: normal normal 500 24px/31px Roboto;
  letter-spacing: 0px;
  color: #34b2ac;
  max-width: 670px;
}
.job-detail .content .apply {
  opacity: 0;
  font: normal normal bold 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 23px;
  max-width: 670px;
}
.job-detail .content .overview-text {
  opacity: 0;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  max-width: 670px;
  margin-bottom: 18px;
}
.job-detail .content ul {
  font: normal normal 500 16px/26px Roboto;
  max-width: 670px;
  letter-spacing: 0px;
  color: #0d0d0d;
  list-style-type: disc;
  margin-bottom: 18px;
}
.job-detail .content ul li {
  margin-left: 20px;
  list-style-type: disc;
  margin-top: 8px;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.job-detail .content .more-info {
  opacity: 0;
}
.job-detail .content .more-info p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 18px;
  max-width: 670px;
}
.job-detail .share-mobile {
  display: none;
}
.job-detail .share-container {
  opacity: 0;
  max-width: 345px;
  position: absolute;
  right: 0;
  z-index: 99;
  bottom: calc(100% - 257px);
}
.job-detail .share-container.animated {
  transition: all 0.5s;
}
.job-detail .share-container.important {
  bottom: calc(100% - 257px) !important;
}
.job-detail .share-container p {
  font: normal normal 400 14px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 6px;
}
.job-detail .share-container .sign-up {
  max-width: 345px;
  height: 180px;
  background: #f5f6fa;
  padding: 25px 19px;
}
.job-detail .share-container .sign-up .subscribe-popup {
  display: flex;
  width: 100%;
  opacity: 1;
  position: absolute;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1607843137);
  border-radius: 10px;
  z-index: 2;
  padding: 38px 40px;
  left: 50%;
  transform: translateX(-50%);
  top: 100px;
}
.job-detail .share-container .sign-up .subscribe-popup p {
  color: #0D0D0D;
  text-align: center;
  font: normal normal normal 16px/30px Roboto;
  letter-spacing: 0px;
  color: #0D0D0D;
  opacity: 1;
  margin: 0px 10px 0 15px;
  display: none;
}
.job-detail .share-container .sign-up .subscribe-popup img.close {
  position: absolute;
  right: 16px;
  top: 16px;
}
.job-detail .share-container .sign-up .subscribe-popup .circle-x, .job-detail .share-container .sign-up .subscribe-popup .circle-success {
  display: none;
}
.job-detail .share-container .sign-up p {
  max-width: 218px;
  font: normal normal 400 14px/24px Roboto;
  letter-spacing: -0.14px;
  text-align: center;
  color: #0d0d0d;
  margin: 0 auto;
  margin-bottom: 17px;
  position: relative;
}
.job-detail .share-container .sign-up p img {
  position: absolute;
  top: 5px;
  left: -16px;
}
.job-detail .share-container .sign-up .form-container {
  display: flex;
}
.job-detail .share-container .sign-up .form-container input:first-of-type {
  flex-grow: 1;
  border: none;
  background: #ffffff;
  letter-spacing: -0.14px;
  padding-left: 15px;
  font: normal normal 500 14px/24px Roboto;
  letter-spacing: -0.14px;
  color: #0d0d0d;
}
.job-detail .share-container .sign-up .form-container input:first-of-type::-moz-placeholder {
  color: #a1a1a1;
  font-weight: normal;
}
.job-detail .share-container .sign-up .form-container input:first-of-type:-ms-input-placeholder {
  color: #a1a1a1;
  font-weight: normal;
}
.job-detail .share-container .sign-up .form-container input:first-of-type::placeholder {
  color: #a1a1a1;
  font-weight: normal;
}
.job-detail .share-container .sign-up .form-container .submit-form {
  width: 129px;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  background: #43beb9;
  height: 45px;
  font: normal normal normal 14px/45px Roboto;
  letter-spacing: -0.14px;
  color: #ffffff;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  -webkit-appearance: button;
}
.job-detail .share-container .sign-up .form-container .submit-form:hover {
  background: #00b5ad;
}
.job-detail .share-container .submit-popup {
  left: -30px;
}
.job-detail .share-container .share-links-container {
  display: flex;
  margin-bottom: 21px;
}
.job-detail .share-container .share-links-container div {
  margin-right: 5px;
}
.job-detail .share-container .link-container {
  cursor: pointer;
}
.job-detail .share-container .link-container .hover {
  display: none;
}
.job-detail .share-container .link-container:hover .hover {
  display: block;
}
.job-detail .share-container .link-container:hover .normal {
  display: none;
}
.job-detail + .form-with-image {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1084px;
  margin: 0 auto;
  margin-top: 64px;
}
.job-detail + .form-with-image.fade-in-element .form-image {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.job-detail + .form-with-image.fade-in-element .main-form .ajax-loader {
  display: none;
}
.job-detail + .form-with-image.fade-in-element .main-form form > div:nth-of-type(2) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.job-detail + .form-with-image.fade-in-element .main-form form > div:nth-of-type(3) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.job-detail + .form-with-image.fade-in-element .main-form form > div:nth-of-type(4) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.job-detail + .form-with-image.fade-in-element .main-form form > div:nth-of-type(5) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.job-detail + .form-with-image.fade-in-element .main-form form > div:nth-of-type(6) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.job-detail + .form-with-image.fade-in-element .main-form .contact-preference p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.job-detail + .form-with-image.fade-in-element .main-form .contact-preference .radio-container:nth-of-type(1) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.job-detail + .form-with-image.fade-in-element .main-form .contact-preference .radio-container:nth-of-type(2) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.job-detail + .form-with-image.fade-in-element .main-form .contact-preference .radio-container:nth-of-type(3) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.job-detail + .form-with-image.fade-in-element .main-form .upload-cv {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.job-detail + .form-with-image.fade-in-element .main-form .indeavr-consent .custom-checkbox {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.job-detail + .form-with-image.fade-in-element .main-form .indeavr-consent span {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.job-detail + .form-with-image.fade-in-element .main-form #recaptcha {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.job-detail + .form-with-image.fade-in-element .main-form .submit-form {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.job-detail + .form-with-image.fade-in-element .main-form > span:nth-of-type(1) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.job-detail + .form-with-image.fade-in-element .main-form > span:nth-of-type(2) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.job-detail + .form-with-image input[type=submit] {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.job-detail + .form-with-image .form-submit-success {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .job-detail + .form-with-image .form-submit-success {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 44px;
  }
}
@media (max-width: 767px) {
  .job-detail + .form-with-image .form-submit-success {
    margin-bottom: 39px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.job-detail + .form-with-image .form-submit-success img {
  margin-bottom: 16px;
  margin: 0 auto 16px auto;
  display: block;
}
.job-detail + .form-with-image .form-submit-success p {
  text-align: center;
  font: normal normal normal 25px/29px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.job-detail + .form-with-image .form-submit-success p:last-child {
  font: normal normal normal 16px/26px Roboto;
  color: rgba(13, 13, 13, 0.6);
  margin-top: 8px;
  max-width: 490px;
}
.job-detail + .form-with-image .form-submit-success p:last-child a {
  color: #2C337A;
}
.job-detail + .form-with-image .form-image {
  opacity: 0;
  width: 482px;
  height: 303px;
  align-self: baseline;
}
.job-detail + .form-with-image .main-form form {
  max-width: 536px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-content: flex-start;
}
.job-detail + .form-with-image .main-form form .upload-cv {
  width: 100%;
  opacity: 0;
  margin-bottom: 23px;
  position: relative;
}
.job-detail + .form-with-image .main-form form .upload-cv .upload-popup {
  display: none;
  position: absolute;
  width: 500px;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1607843137);
  border-radius: 10px;
  z-index: 2;
  top: -200px;
  left: calc(50% - 250px);
  flex-direction: column;
  text-align: center;
  font: normal normal normal 16px/30px Roboto;
  letter-spacing: 0px;
  padding: 20px 15px;
}
@media (max-width: 500px) {
  .job-detail + .form-with-image .main-form form .upload-cv .upload-popup {
    width: 380px;
    left: calc(50% - 190px);
  }
}
.job-detail + .form-with-image .main-form form .upload-cv .upload-popup p {
  display: none;
}
.job-detail + .form-with-image .main-form form .upload-cv .upload-popup img {
  margin-bottom: 19px;
}
.job-detail + .form-with-image .main-form form .upload-cv .upload-popup .close {
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: 19px;
}
.job-detail + .form-with-image .main-form form .upload-cv p {
  font: normal normal normal 16px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.job-detail + .form-with-image .main-form form .upload-cv p span {
  font: normal normal normal 16px/30px Roboto;
  letter-spacing: 0px;
  color: rgba(13, 13, 13, 0.5);
}
.job-detail + .form-with-image .main-form form .upload-cv .requirements {
  font: normal normal 300 12px/16px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin: 0;
  margin-bottom: 15px;
}
.job-detail + .form-with-image .main-form form .upload-cv input {
  display: none;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .results {
  display: none;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .results .uploaded {
  margin-top: 15px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .results .uploaded:nth-of-type(even) {
  padding: 15px 0;
  border-top: 1px solid rgba(112, 112, 112, 0.1);
  border-bottom: 1px solid rgba(112, 112, 112, 0.1);
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .results .uploaded:nth-of-type(even) .delete {
  top: 22px;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .results .uploaded:nth-of-type(even) .done {
  top: 35px;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .results .uploaded:first-of-type {
  margin-top: 0;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .results .uploaded .pdf {
  margin-right: 13px;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .results .uploaded .name {
  width: 75%;
  margin-bottom: 0;
  font: normal normal normal 16px/21px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  align-self: baseline;
  overflow: hidden;
  white-space: nowrap;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .results .uploaded .done {
  position: absolute;
  top: 20px;
  left: 40px;
  font: normal normal 300 12px/21px Roboto;
  letter-spacing: 0px;
  color: #656565;
  padding-left: 20px;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .results .uploaded .done img {
  position: absolute;
  left: 0;
  top: 4px;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .results .uploaded .delete {
  position: absolute;
  right: 0;
  top: 7px;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .no-results:hover img.hover {
  display: block;
  position: absolute;
  top: 20px;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .no-results img.hover {
  display: none;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload .no-results span {
  font: normal normal 300 16px/21px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-left: 9px;
  opacity: 0.5;
}
.job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload > div {
  cursor: pointer;
  border: 1px dashed rgba(112, 112, 112, 0.3);
  padding: 20px;
  max-width: 533px;
}
.job-detail + .form-with-image .main-form form .upload-cv + p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  margin-bottom: 20px;
}
.job-detail + .form-with-image .main-form form .upload-cv + p a {
  text-decoration: underline;
  font: normal normal 300 16px/26px Roboto;
  color: #0d0d0d;
  letter-spacing: 0px;
}
.job-detail + .form-with-image .main-form form #recaptcha {
  opacity: 0;
  flex: 0 0 100%;
  margin-bottom: 20px;
}
.job-detail + .form-with-image .main-form form .indeavr-consent {
  display: flex;
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}
.job-detail + .form-with-image .main-form form .indeavr-consent input {
  display: none;
}
.job-detail + .form-with-image .main-form form .indeavr-consent input:hover ~ label {
  color: #0d0d0d;
}
.job-detail + .form-with-image .main-form form .indeavr-consent input:checked + .custom-checkbox {
  background: url("../assets/icons/consent-checkbox.svg");
}
.job-detail + .form-with-image .main-form form .indeavr-consent .custom-checkbox {
  opacity: 0;
  position: absolute;
  width: 15px;
  height: 15px;
  background: url("../assets/icons/consent-container.svg");
  top: 5px;
  left: 0;
}
.job-detail + .form-with-image .main-form form .indeavr-consent span {
  opacity: 0;
  margin-left: 28px;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.job-detail + .form-with-image .main-form form .indeavr-consent span a {
  text-decoration: underline;
  color: #0d0d0d;
}
.job-detail + .form-with-image .main-form form .indeavr-consent span a:hover {
  color: #49D1CC;
}
.job-detail + .form-with-image .main-form form .submit-form {
  opacity: 0;
  border: none;
  width: 242px;
  cursor: pointer;
  height: 50px;
  margin-bottom: 50px;
  background: #2c337a;
  text-decoration: none;
  text-align: center;
  font: normal normal normal 18px/50px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
}
.job-detail + .form-with-image .main-form form .submit-form span {
  font: normal normal normal 18px/21px Roboto;
  text-decoration: none;
  letter-spacing: 0px;
  color: #ffffff;
  display: block;
  position: relative;
  text-align: center;
  z-index: 2;
}
.job-detail + .form-with-image .main-form form .submit-form:disabled {
  background: grey;
  pointer-events: none;
}
.job-detail + .form-with-image .main-form form .submit-form:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #0f1760;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}
.job-detail + .form-with-image .main-form form .submit-form:hover span {
  color: #ffffff;
}
.job-detail + .form-with-image .main-form form .submit-form:hover:after {
  content: "";
  width: 100%;
}
.job-detail + .form-with-image .main-form form .input-container {
  opacity: 0;
  max-width: 258px;
  height: 30px;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  margin-right: 17px;
}
.job-detail + .form-with-image .main-form form .input-container:nth-of-type(odd) {
  margin-right: 0;
}
.job-detail + .form-with-image .main-form form .input-container#comment {
  max-width: 100%;
  height: auto;
  margin-right: 0;
}
.job-detail + .form-with-image .main-form form .input-container#comment textarea {
  width: 100%;
  max-width: 100%;
  resize: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-bottom: 1px solid rgba(13, 13, 13, 0.5);
  font: normal normal 500 16px/24px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  display: block;
  box-sizing: padding-box;
  overflow: hidden;
}
.job-detail + .form-with-image .main-form form .input-container#comment textarea:hover {
  border-bottom: 1px solid #34b2ac;
}
.job-detail + .form-with-image .main-form form .input-container#comment textarea:hover ~ label {
  color: #34b2ac;
}
.job-detail + .form-with-image .main-form form .input-container#comment textarea:focus {
  border-bottom: 2px solid #34b2ac;
}
.job-detail + .form-with-image .main-form form .input-container#comment textarea:focus ~ label {
  color: #34b2ac;
}
.job-detail + .form-with-image .main-form form .input-container#comment textarea.error {
  border-bottom: 2px solid #e03c27;
}
.job-detail + .form-with-image .main-form form .input-container#comment textarea.error ~ label {
  color: #e03c27;
}
.job-detail + .form-with-image .main-form form .input-container#comment textarea.error ~ label .error-message {
  display: inline;
}
.job-detail + .form-with-image .main-form form .input-container#comment textarea.error:focus {
  border-bottom: 2px solid #e03c27;
}
.job-detail + .form-with-image .main-form form .input-container#comment textarea.error:focus ~ label {
  color: #e03c27;
}
.job-detail + .form-with-image .main-form form .input-container#comment textarea.error:hover {
  border-bottom: 2px solid #e03c27;
}
.job-detail + .form-with-image .main-form form .input-container#comment textarea.error:hover ~ label {
  color: #e03c27;
}
.job-detail + .form-with-image .main-form form .input-container label {
  position: absolute;
  font: normal normal 300 16px/21px Roboto;
  bottom: 10px;
  left: 0;
  letter-spacing: 0px;
  transition: 0.5s all;
  pointer-events: none;
}
.job-detail + .form-with-image .main-form form .input-container label .error-message {
  display: none;
}
.job-detail + .form-with-image .main-form form .input-container label.transformed {
  transform: translatey(35px);
  font: normal normal normal 12px/30px Roboto;
}
.job-detail + .form-with-image .main-form form .input-container input {
  max-width: 258px;
  width: 100%;
  height: 30px;
  border: none;
  font: normal normal 500 16px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  border-bottom: 1px solid rgba(13, 13, 13, 0.5);
}
.job-detail + .form-with-image .main-form form .input-container input:hover {
  border-bottom: 1px solid #34b2ac;
}
.job-detail + .form-with-image .main-form form .input-container input:hover ~ label {
  color: #34b2ac;
}
.job-detail + .form-with-image .main-form form .input-container input:focus {
  border-bottom: 2px solid #34b2ac;
}
.job-detail + .form-with-image .main-form form .input-container input:focus ~ label {
  color: #34b2ac;
}
.job-detail + .form-with-image .main-form form .input-container input.error {
  border-bottom: 2px solid #e03c27;
}
.job-detail + .form-with-image .main-form form .input-container input.error ~ label {
  color: #e03c27;
}
.job-detail + .form-with-image .main-form form .input-container input.error ~ label .error-message {
  display: inline;
}

@media (max-width: 1100px) {
  .sign-up-for-more {
    padding-left: 36px;
  }
  .job-detail + .form-with-image {
    margin-top: 20px;
    flex-direction: column-reverse;
  }
  .job-detail + .form-with-image .form-image {
    align-self: center;
  }
  .job-detail + .form-with-image .main-form form {
    max-width: 800px;
    width: 100%;
    padding: 0 36px;
    margin: 0 auto;
    justify-content: space-between;
  }
  .job-detail + .form-with-image .main-form form .upload-cv .custom-file-upload > div {
    max-width: calc(100vw - 40px);
  }
  .job-detail + .form-with-image .main-form form #recaptcha > div {
    margin: 0 auto;
  }
  .job-detail + .form-with-image .main-form form .submit-form {
    width: 335px;
    max-width: 100%;
    display: block;
    margin: 0 auto 50px auto;
  }
  .job-detail + .form-with-image .main-form form .input-container {
    max-width: 48.7%;
    margin-right: 0;
  }
  .job-detail + .form-with-image .main-form form .input-container input {
    max-width: 100%;
  }
  .job-detail .share-mobile {
    display: block;
    position: absolute;
    right: 13px;
    top: 0;
    z-index: 99;
  }
  .job-detail .share-mobile > img {
    cursor: pointer;
  }
  .job-detail .share-mobile .container {
    opacity: 0;
    position: absolute;
    background: #FFF;
    bottom: 0;
    left: 0;
    transition: all 0.2s;
    pointer-events: none;
  }
  .job-detail .share-mobile .container.active {
    pointer-events: all;
    bottom: -144px;
    opacity: 1;
  }
  .job-detail .share-mobile .link-container {
    cursor: pointer;
    width: 31px;
    height: 31px;
    margin-bottom: 5px;
  }
  .job-detail .share-mobile .link-container img {
    width: 31px;
  }
  .job-detail .share-mobile .link-container .hover {
    display: none;
  }
}
@media (max-width: 1100px) and (-webkit-min-device-pixel-ratio: 0), (max-width: 1100px) and (min-resolution: 0.001dpcm) {
  .job-detail .share-mobile .link-container:hover .hover {
    display: block;
  }
  .job-detail .share-mobile .link-container:hover .normal {
    display: none;
  }
}
@media (max-width: 1100px) {
  .job-detail .share-container {
    display: none;
  }
}
@media (max-width: 1100px) {
  .job-detail .content {
    padding: 0 36px;
  }
  .job-detail .content .title,
.job-detail .content .apply,
.job-detail .content .overview-text,
.job-detail .content ul,
.job-detail .content .more-info p {
    max-width: 635px;
  }
  .job-detail .content .title.title,
.job-detail .content .apply.title,
.job-detail .content .overview-text.title,
.job-detail .content ul.title,
.job-detail .content .more-info p.title {
    width: 95%;
  }
}
@media (max-width: 800px) {
  .sign-up-for-more {
    padding-top: 13px;
    margin-bottom: 17px;
  }
  .job-detail + .form-with-image .form-image {
    margin-bottom: 20px;
  }
  .job-detail + .form-with-image .main-form .submit-form {
    margin-bottom: 40px;
  }
  .job-detail h4 {
    margin-bottom: 28px;
  }
  .job-detail .content .overview-text {
    font: normal normal 300 18px/30px Roboto;
    margin-bottom: 20px;
    max-width: 636px;
  }
  .job-detail .content ul {
    font: normal normal 500 18px/30px Roboto;
    margin-bottom: 20px;
  }
  .job-detail .content ul li {
    margin-top: 0;
    font: normal normal 300 18px/30px Roboto;
  }
  .job-detail .content .more-info p {
    font: normal normal 300 18px/30px Roboto;
    max-width: 616px;
    margin-bottom: 30px;
  }
  .job-detail .content .more-info p:first-of-type {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .sign-up-for-more {
    padding-top: 18px;
    padding-left: 20px;
    margin-bottom: 17px;
  }
  .job-detail .content {
    padding: 0 20px;
  }
  .job-detail + .form-with-image .main-form form {
    padding: 0 20px;
    flex-wrap: wrap;
  }
  .job-detail + .form-with-image .main-form form .input-container {
    width: 100%;
    max-width: 100%;
    margin-bottom: 27px;
  }
  .job-detail + .form-with-image .main-form form .submit-form {
    margin-bottom: 47px;
  }
  .job-detail + .form-with-image .form-image {
    max-width: 100%;
  }
  .job-detail .content .more-info p {
    margin-bottom: 20px;
  }
  .job-detail .content .more-info p:first-of-type {
    margin-top: 43px;
    margin-bottom: 23px;
  }
}
/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
.about-indeavr-story {
  margin-bottom: 77px;
}

.about-indeavr-story .title-with-line {
  margin-bottom: 6px;
}

@media (max-width: 1100px) {
  .about-indeavr-story .title-with-line {
    text-align: center;
  }
}
.about-indeavr-story .content-section > * {
  opacity: 0;
}

.about-indeavr-story .content-section .text p {
  line-height: 26px;
  font-weight: lighter;
  font-size: 16px;
}

@media (min-width: 1101px) {
  .about-indeavr-story .content-section > :first-child {
    margin-right: 52px;
  }
}
@media (min-width: 1101px) {
  .about-indeavr-story .content-section .img-wrapper img:not(.alone) {
    position: absolute;
  }
}
.about-indeavr-story .content-section .img-wrapper .img-on-top {
  max-width: 362px;
  top: 0;
  z-index: 1;
  border-style: solid;
  border-color: #ffffff;
  border-top-width: 0;
  border-bottom-width: 14px;
}

.about-indeavr-story .content-section .img-wrapper .img-on-bottom {
  bottom: 0;
}

@media (max-width: 1100px) {
  .about-indeavr-story .content-section .dots {
    display: none;
  }
}
.about-indeavr-story :where(.content-section.text-first) {
  margin-bottom: 180px;
}

.about-indeavr-story :where(.content-section.text-first) .text {
  max-width: 442px;
}

@media (max-width: 1100px) {
  .about-indeavr-story :where(.content-section.text-first) .text {
    order: 2;
  }
}
.about-indeavr-story :where(.content-section.text-first) .text p:first-of-type {
  margin-bottom: 35px;
}

.about-indeavr-story :where(.content-section.text-first) .img-wrapper {
  min-height: 328px;
}

.about-indeavr-story :where(.content-section.text-first) .img-wrapper .img-on-bottom {
  max-width: 436px;
  right: 0;
}

@media (max-width: 1100px) {
  .about-indeavr-story :where(.content-section.text-first) .img-wrapper .img-on-bottom {
    display: none;
  }
}
.about-indeavr-story :where(.content-section.text-first) .img-wrapper .img-on-top {
  left: 0;
  border-right-width: 14px;
}

.about-indeavr-story :where(.content-section.text-first) .arrow {
  left: 18%;
  bottom: -70%;
}

.about-indeavr-story :where(.content-section.text-first) .dots {
  right: 0;
  bottom: -65px;
}

.about-indeavr-story :where(.content-section.text-first).fade-in-element .text {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}

.about-indeavr-story :where(.content-section.text-first).fade-in-element .img-wrapper {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

.about-indeavr-story :where(.content-section.text-first).fade-in-element .arrow {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}

.about-indeavr-story :where(.content-section.single-img) {
  margin-bottom: 100px;
}

.about-indeavr-story :where(.content-section.single-img) .text {
  max-width: 489px;
}

.about-indeavr-story :where(.content-section.single-img) .text p.we-are {
  font: normal normal bold 40px/65px Roboto;
  margin-top: 35px;
  position: relative;
}

.about-indeavr-story :where(.content-section.single-img) .text p:first-of-type {
  font: normal normal bold 20px/30px Roboto;
  margin-bottom: 25px;
}

.about-indeavr-story :where(.content-section.single-img) .img-wrapper img {
  max-width: 542px;
}

.about-indeavr-story :where(.content-section.single-img) .arrow {
  max-width: 227px;
  max-height: 342px;
  left: -68px;
  bottom: -43%;
}

.about-indeavr-story :where(.content-section.single-img) .svg-text.column {
  right: 30px;
  bottom: -23%;
}

@media (max-width: 1100px) and (min-width: 540px) {
  .about-indeavr-story :where(.content-section.single-img) .svg-text.column {
    display: none;
  }
}
@media (max-width: 540px) {
  .about-indeavr-story :where(.content-section.single-img) .svg-text.column {
    position: static;
    width: 100%;
  }
}
.about-indeavr-story :where(.content-section.single-img) .svg-text.row {
  display: none;
}

@media (max-width: 1100px) and (min-width: 540px) {
  .about-indeavr-story :where(.content-section.single-img) .svg-text.row {
    display: block;
    margin: 20px 0 29px;
  }
}
.about-indeavr-story :where(.content-section.single-img) .dots {
  top: -95px;
  left: -10px;
}

.about-indeavr-story :where(.content-section.single-img).fade-in-element .img-wrapper {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}

.about-indeavr-story :where(.content-section.single-img).fade-in-element .text {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

.about-indeavr-story :where(.content-section.single-img).fade-in-element .svg-text {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}

.about-indeavr-story :where(.content-section.with-list) {
  margin-bottom: 46px;
}

.about-indeavr-story :where(.content-section.with-list) .text {
  max-width: 530px;
}

.about-indeavr-story :where(.content-section.with-list) .text ul {
  font-weight: bold;
  font-size: 20px;
}

.about-indeavr-story :where(.content-section.with-list) .text li {
  font-weight: 300;
  font-size: 16px;
  margin-top: 20px;
  --cms-text-li-bg: #2c337a;
}

@media (min-width: 1101px) {
  .about-indeavr-story :where(.content-section.with-list) .story-list {
    max-width: 500px;
    margin-top: 24px;
  }
}
.about-indeavr-story :where(.content-section.with-list).fade-in-element .text {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}

.about-indeavr-story :where(.content-section.with-list).fade-in-element .story-list {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

.about-indeavr-story :where(.content-section.img-first) .text {
  max-width: 468px;
  flex-direction: column;
}

.about-indeavr-story :where(.content-section.img-first) .text a {
  margin-top: 20px;
  margin-bottom: 2px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1100px) {
  .about-indeavr-story :where(.content-section.img-first) .text a {
    align-self: center;
    margin-top: 30px;
  }
}
@media (max-width: 540px) {
  .about-indeavr-story :where(.content-section.img-first) .text a {
    width: 100%;
    margin-top: 27px;
  }
}
.about-indeavr-story :where(.content-section.img-first) .text p:first-of-type {
  margin-bottom: 30px;
}

.about-indeavr-story :where(.content-section.img-first) .text p:nth-of-type(2) {
  margin-bottom: 20px;
}

.about-indeavr-story :where(.content-section.img-first) .text p:nth-of-type(3) {
  font: normal normal 300 16px/30px Roboto;
  margin-bottom: 26px;
}

.about-indeavr-story :where(.content-section.img-first) .text p:nth-of-type(3) span:nth-child(2) {
  margin-top: 25px;
  display: block;
}

.about-indeavr-story :where(.content-section.img-first) .text p:nth-of-type(4) {
  font: normal normal 300 20px/30px Roboto;
}

.about-indeavr-story :where(.content-section.img-first) .img-wrapper {
  min-height: 460px;
}

.about-indeavr-story :where(.content-section.img-first) .img-wrapper .img-on-top {
  right: 0;
  border-left-width: 14px;
}

@media (max-width: 1100px) {
  .about-indeavr-story :where(.content-section.img-first) .img-wrapper .img-on-top {
    display: none;
  }
}
.about-indeavr-story :where(.content-section.img-first) .img-wrapper .img-on-bottom {
  left: 0;
  max-width: 461px;
}

.about-indeavr-story :where(.content-section.img-first) .dots {
  top: 60px;
  z-index: 1;
}

.about-indeavr-story :where(.content-section.img-first).fade-in-element .img-wrapper {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}

.about-indeavr-story :where(.content-section.img-first).fade-in-element .text {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

@media (max-width: 1100px) {
  .about-indeavr-story {
    margin-bottom: 0;
  }
  .about-indeavr-story .content-section {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .about-indeavr-story .content-section .text {
    max-width: unset;
    margin-top: 20px;
  }
  .about-indeavr-story .content-section .img-wrapper {
    min-height: unset;
  }
  .about-indeavr-story .content-section .img-wrapper img {
    border-width: 0;
    max-width: unset;
    width: 100vw;
    position: relative;
    left: -36px;
  }
  .about-indeavr-story .content-section .img-wrapper .img-on-top {
    max-width: unset;
  }
  .about-indeavr-story .content-section .arrow {
    display: none;
  }
}
@media (max-width: 767px) {
  .about-indeavr-story .content-section .img-wrapper img {
    width: 100vw;
    position: relative;
    left: -20px;
  }
}
.about-banner {
  position: relative;
  height: 25vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.about-banner img {
  width: 100%;
  height: 25vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.about-banner .img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 25vw;
  background-color: rgba(44, 51, 122, 0.8);
}
@media (max-width: 1100px) {
  .about-banner {
    height: 37.5939849624vw;
  }
  .about-banner img,
.about-banner .img-overlay {
    height: 37.5939849624vw;
  }
}
.about-banner a {
  text-decoration: none;
}
.about-banner a h1 {
  text-align: center;
  font: normal normal 300 80px/106px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
.about-banner h4 {
  font: normal normal 300 20px/30px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  z-index: 2;
  position: relative;
  max-width: 760px;
  line-height: 28px;
}

@media (max-width: 1100px) {
  .about-statistics {
    padding: 0 44px;
  }
}
@media (max-width: 767px) {
  .about-statistics {
    padding: 0 20px;
  }
}
.about-statistics article {
  max-width: 462px;
  margin: 30px auto 0;
  text-align: center;
  padding: 0 5px;
  opacity: 0;
}
@media (max-width: 1100px) {
  .about-statistics article {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .about-statistics article {
    padding: 0;
  }
}
.about-statistics article *:not(strong) {
  font-weight: 300;
}
.about-statistics article * {
  font-size: 16px;
  line-height: 26px;
}
.about-statistics .statistics {
  margin: 41px auto 51px;
  display: flex;
  justify-content: center;
  opacity: 0;
}
@media (max-width: 1100px) {
  .about-statistics .statistics {
    margin: 30px auto;
  }
}
@media (max-width: 767px) {
  .about-statistics .statistics {
    flex-wrap: wrap;
    max-width: 290px;
    justify-content: space-between;
    margin: 20px auto 44px;
  }
}
@media (max-width: 400px) {
  .about-statistics .statistics {
    margin-left: 10px;
  }
}
.about-statistics .statistics .stat {
  width: 100%;
  max-width: 120px;
  flex-shrink: 0;
  margin-right: 120px;
}
.about-statistics .statistics .stat:last-child {
  margin-right: 40px;
  max-width: 130px;
}
.about-statistics .statistics .stat:last-child .number .plus {
  right: -8px;
}
@media (max-width: 767px) {
  .about-statistics .statistics .stat:last-child .number .plus {
    right: 2px;
  }
}
@media (max-width: 1100px) {
  .about-statistics .statistics .stat:last-child {
    margin-right: 0;
  }
}
@media (max-width: 1100px) {
  .about-statistics .statistics .stat {
    margin-right: 70px;
  }
}
@media (max-width: 767px) {
  .about-statistics .statistics .stat {
    margin: 0 0 23px;
  }
}
.about-statistics .statistics .stat .number {
  font: normal normal normal 70px/82px Roboto;
  color: #2c337a;
  text-align: center;
  position: relative;
}
@media (max-width: 767px) {
  .about-statistics .statistics .stat .number {
    font-size: 60px;
  }
}
.about-statistics .statistics .stat .number .plus {
  display: inline-block;
  font-size: 50px;
  line-height: 30px;
  position: absolute;
  top: 25px;
  right: -35px;
}
@media (max-width: 767px) {
  .about-statistics .statistics .stat .number .plus {
    font-size: 40px;
    right: -21px;
  }
}
.about-statistics .statistics .stat p {
  font: normal normal 300 16px/24px Roboto;
  text-align: center;
}
.about-statistics.fade-in-element > article {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.about-statistics.fade-in-element > .statistics {
  -webkit-animation: fadeInUp 1s 0.2s;
          animation: fadeInUp 1s 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.about-video-container .main-title {
  opacity: 0;
  margin: 0 auto 12px;
  padding-left: 30px;
  text-align: left;
  font: normal normal bold 25px/29px Roboto;
  color: #0d0d0d;
  position: relative;
}
.about-video-container .main-title:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #0d0d0d;
  opacity: 1;
  top: 14px;
  left: 0;
}
.about-video-container .content-section {
  max-width: 1084px;
  margin: 0px auto 45px auto;
  display: flex;
  justify-content: space-between;
}
.about-video-container .content-section .text .content-title {
  opacity: 0;
  font: normal normal normal 25px/35px Roboto;
  color: #0d0d0d;
  position: relative;
  margin-bottom: 15px;
  padding-left: 30px;
}
.about-video-container .content-section .text .content-title:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #0d0d0d;
  position: absolute;
  top: 15px;
  left: 0;
}
.about-video-container .content-section img {
  max-width: 599px;
  opacity: 0;
}
@media (min-width: 1100px) {
  .about-video-container .content-section img {
    max-height: 400px;
  }
}
@media not all and (max-width: 1024px) {
  @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
      .about-video-container .content-section img {
        height: 100%;
      }
    }
  }
}
.about-video-container .content-section p {
  opacity: 0;
  max-width: 461px;
  margin-bottom: 35px;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.about-video-container.fade-in-element .main-title {
  opacity: 0;
  -webkit-animation: fadeInUp 1s 0.6s;
          animation: fadeInUp 1s 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.about-video-container.fade-in-element .main-title + p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.about-video-container.fade-in-element .content-section .content-title {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}
.about-video-container.fade-in-element .content-section img {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}
.about-video-container.fade-in-element .content-section p {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}
@media (max-width: 1100px) {
  .about-video-container {
    padding-top: 49px;
    position: relative;
  }
  .about-video-container .main-title {
    top: 0;
    position: absolute;
    left: calc(50% - 70px);
    padding-left: 0;
    margin-bottom: 0;
  }
  .about-video-container .main-title::before {
    top: auto;
    bottom: -12px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

body.show-leadership-carousel-overlay::after, body.show-gallery-carousel-overlay::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(13, 13, 13, 0.5);
}
body.show-leadership-carousel-overlay header, body.show-gallery-carousel-overlay header {
  position: absolute !important;
  z-index: 0;
}
body.show-gallery-carousel-overlay::after {
  z-index: 2;
}
body.page-id-464 {
  position: relative;
}

.leadership {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  z-index: 1;
}
.leadership.fade-in-element > *:not(.management-carousel):not(.leadership-mobile-sticky-heading) {
  opacity: 0;
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.leadership h4 {
  margin: 42px auto 22px auto;
  text-align: center;
  font: normal normal normal 25px/33px Roboto;
  letter-spacing: 0px;
  width: 100%;
  color: #0d0d0d;
  position: relative;
  max-width: 1084px;
}
.leadership h4 a {
  position: absolute;
  right: 5px;
  bottom: -15px;
  font: normal normal normal 14px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  text-decoration: none;
}
.leadership h4 a:hover {
  color: #34b2ac;
}
.leadership h4 a:hover .arrow {
  border: solid #34b2ac;
  border-width: 0 2px 2px 0;
}
.leadership h4 a:hover .arrow:after {
  border-bottom: 2px solid #34b2ac;
}
.leadership h4 a .arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin-left: 15px;
}
.leadership h4 a .arrow:after {
  position: absolute;
  top: -1px;
  left: -7px;
  content: "";
  width: 17px;
  height: 1px;
  border-bottom: 2px solid #0d0d0d;
  transform: rotate(45deg);
}
.leadership h4 a .right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.leadership h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #0d0d0d;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
.leadership h4 + p {
  max-width: 501px;
  text-align: center;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin: 0 auto 30px auto;
}
@media (max-width: 767px) {
  .leadership h4 {
    margin: 33px auto 22px auto;
  }
}
.leadership .management-illustration {
  margin: 0 auto;
  position: relative;
  max-width: 905px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.leadership .management-illustration .mobile-illustration {
  visibility: hidden;
  position: absolute;
  pointer-events: none;
}
.leadership .management-illustration > .toggle:first-of-type {
  top: 185px;
  left: 33px;
}
.leadership .management-illustration > .toggle:first-of-type .popup {
  top: -60px;
  z-index: 99;
}
.leadership .management-illustration > .toggle:nth-of-type(2) {
  top: 70px;
  left: 233px;
}
.leadership .management-illustration > .toggle:nth-of-type(2) .popup {
  top: auto;
  bottom: -60px;
  z-index: 99;
}
.leadership .management-illustration > .toggle:nth-of-type(3) {
  top: 145px;
  left: 302px;
}
.leadership .management-illustration > .toggle:nth-of-type(3) .popup {
  top: auto;
  bottom: -60px;
  z-index: 99;
}
.leadership .management-illustration > .toggle:nth-of-type(4) {
  left: 495px;
  top: 70px;
}
.leadership .management-illustration > .toggle:nth-of-type(4) .popup {
  top: auto;
  bottom: -60px;
  z-index: 99;
}
.leadership .management-illustration > .toggle:nth-of-type(5) {
  top: 155px;
  right: 252px;
}
.leadership .management-illustration > .toggle:nth-of-type(5) .popup {
  top: -60px;
  z-index: 99;
}
.leadership .management-illustration > .toggle:nth-of-type(6) {
  right: 168px;
  top: 175px;
}
.leadership .management-illustration > .toggle:nth-of-type(6) .popup {
  top: -60px;
  z-index: 99;
}
.leadership .management-illustration > .toggle:nth-of-type(7) {
  right: 60px;
  top: 79px;
}
.leadership .management-illustration > .toggle:nth-of-type(7) .popup {
  top: auto;
  bottom: -60px;
  z-index: 99;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .leadership .management-illustration > .toggle:nth-of-type(7) .popup {
    left: -114px;
  }
}
.leadership .management-illustration > .toggle:nth-of-type(8) {
  right: -62px;
  top: 131px;
}
.leadership .management-illustration > .toggle:nth-of-type(8) .popup {
  height: revert;
  top: -80px;
}
.leadership .management-illustration .toggle {
  position: absolute;
  cursor: pointer;
}
.leadership .management-illustration .toggle:hover img {
  display: none;
}
.leadership .management-illustration .toggle:hover img:last-of-type {
  display: block;
}
.leadership .management-illustration .toggle:hover .popup {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.leadership .management-illustration .toggle img {
  display: block;
  width: 25px;
  border-radius: 50%;
  pointer-events: none;
}
.leadership .management-illustration .toggle img:last-of-type {
  display: none;
}
.leadership .management-illustration .toggle .popup {
  display: none;
  position: absolute;
  text-align: center;
  top: -52px;
  left: calc(50% - 85px);
  width: 170px;
  height: 55px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1607843137);
  border-radius: 2px;
  padding: 6px 11px;
}
.leadership .management-illustration .toggle .popup .name {
  font: normal normal 500 14px/20px Roboto;
  letter-spacing: 0px;
  color: #34b2ac;
}
.leadership .management-illustration .toggle .popup .position {
  font: normal normal normal 12px/14px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
@media (max-width: 1110px) {
  .leadership .management-illustration {
    display: flex;
    flex-wrap: wrap;
    max-width: 626px;
    padding: 0;
  }
  .leadership .management-illustration > img,
.leadership .management-illustration .toggle {
    display: none;
  }
  .leadership .management-illustration .mobile-illustration {
    visibility: inherit;
    position: relative;
    pointer-events: all;
    max-width: 129px;
  }
  .leadership .management-illustration .mobile-illustration .toggle {
    display: block;
    pointer-events: none;
  }
  .leadership .management-illustration .mobile-illustration .img-container {
    position: relative;
    margin-bottom: 12px;
  }
  .leadership .management-illustration .mobile-illustration .img-container img {
    pointer-events: none;
  }
  .leadership .management-illustration .mobile-illustration .img-container .toggle {
    right: 5px;
    bottom: 17px;
  }
  .leadership .management-illustration .mobile-illustration .name {
    font: normal normal 500 14px/16px Roboto;
    letter-spacing: 0px;
    color: #34b2ac;
    text-align: center;
  }
  .leadership .management-illustration .mobile-illustration .position {
    font: normal normal 500 12px/14px Roboto;
    letter-spacing: 0px;
    color: #0d0d0d;
    text-align: center;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .leadership .management-illustration {
    margin-bottom: 43px;
  }
  .leadership .management-illustration .mobile-illustration {
    margin-right: 36px;
  }
  .leadership .management-illustration .mobile-illustration:nth-child(-n+4) {
    margin-bottom: 31px;
  }
  .leadership .management-illustration .mobile-illustration:nth-child(4n) {
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .leadership .management-illustration > img {
    width: 100%;
  }
  .leadership .management-illustration > .toggle:first-of-type {
    top: 140px;
    left: 40px;
  }
  .leadership .management-illustration > .toggle:first-of-type .popup {
    left: calc(50% - 30px);
  }
  .leadership .management-illustration > .toggle:nth-of-type(2) {
    top: 57px;
    left: 195px;
  }
  .leadership .management-illustration > .toggle:nth-of-type(3) {
    top: 110px;
    left: 245px;
  }
  .leadership .management-illustration > .toggle:nth-of-type(4) {
    left: 409px;
    top: 56px;
  }
  .leadership .management-illustration > .toggle:nth-of-type(5) {
    top: 120px;
    right: 269px;
  }
  .leadership .management-illustration > .toggle:nth-of-type(6) {
    right: 205px;
    top: 135px;
  }
  .leadership .management-illustration > .toggle:nth-of-type(7) {
    right: 115px;
    top: 65px;
  }
  .leadership .management-illustration > .toggle:nth-of-type(7).popup {
    left: calc(50% - 145px);
  }
  .leadership .management-illustration > .toggle:nth-of-type(8) {
    right: 24px;
    top: 97px;
  }
}
@media (max-width: 767px) {
  .leadership .management-illustration {
    max-width: 375px;
    padding: 0 36px;
    justify-content: space-between;
  }
  .leadership .management-illustration .toggle {
    display: none;
  }
  .leadership .management-illustration > a:first-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .leadership .management-illustration .mobile-illustration {
    margin: 0 auto;
    margin-bottom: 30px;
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 148px;
    margin: 0;
    margin-bottom: 30px;
    cursor: pointer;
  }
}
.leadership .management-carousel {
  max-width: 1006px;
  margin: 0 auto;
  position: absolute;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1607843137);
  z-index: 999;
  top: 89px;
  left: calc(50% - 485px);
  opacity: 0;
  pointer-events: none;
  transform: scale(0.25);
  transition: all 0.5s;
}
.leadership .management-carousel .slick-prev {
  width: 32px;
  height: 32px;
  left: -43px;
  background: black;
}
.leadership .management-carousel .slick-next {
  right: -43px;
  background: black;
  width: 32px;
  height: 32px;
}
.leadership .management-carousel.visible {
  opacity: 1;
  pointer-events: all;
  left: 0;
  top: 89px;
  transform: scale(1);
}
.leadership .management-carousel .management-box {
  background: #fff;
  max-width: 1006px;
  margin: 0 auto;
  display: flex;
  position: relative;
}
.leadership .management-carousel .management-box .close-carousel {
  cursor: pointer;
  top: 15px;
  right: 21px;
  position: absolute;
}
.leadership .management-carousel .management-box .image {
  width: 343px;
  height: 513px;
}
.leadership .management-carousel .management-box .image img {
  width: 100%;
  height: 100%;
}
.leadership .management-carousel .management-box .image .mobileImage {
  display: none;
}
.leadership .management-carousel .management-box .info-container {
  padding: 24px 41px 15px 51px;
  display: flex;
  flex-direction: column;
  max-width: 663px;
}
.leadership .management-carousel .management-box .info-container .name {
  font: normal normal 500 20px/24px Roboto;
  margin-bottom: 6px;
  letter-spacing: 0px;
  color: #34b2ac;
  text-align: center;
}
.leadership .management-carousel .management-box .info-container .position {
  font: normal normal normal 16px/19px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 18px;
  text-align: center;
}
.leadership .management-carousel .management-box .info-container .description {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  display: none;
}
.leadership .management-carousel .management-box .info-container p {
  font: normal normal 300 16px/26px Roboto;
}
.leadership .management-carousel .management-box .info-container p:last-of-type {
  margin-bottom: 13px;
}
.leadership .management-carousel .management-box .info-container a {
  border-top: 1px solid #dddddd;
  padding-top: 13px;
}
.leadership .management-carousel .management-box .info-container a:hover img {
  display: none;
}
.leadership .management-carousel .management-box .info-container a:hover img:last-of-type {
  display: block;
}
.leadership .management-carousel .management-box .info-container a img {
  pointer-events: none;
  width: 25px;
  height: 25px;
  display: block;
}
.leadership .management-carousel .management-box .info-container a img:last-of-type {
  display: none;
}
@media (max-width: 1024px) {
  .leadership .management-carousel {
    max-width: 100%;
  }
  .leadership .management-carousel .management-box {
    max-width: 100%;
    padding: 28px 0px 15px 0px;
    justify-content: center;
  }
  .leadership .management-carousel .management-box .image {
    max-width: 253px;
    height: 379px;
    margin-top: 67px;
  }
  .leadership .management-carousel .management-box .info-container {
    max-width: 416px;
    padding: 0 0 0 15px;
  }
  .leadership .management-carousel .management-box .info-container .name {
    text-align: left;
  }
  .leadership .management-carousel .management-box .info-container .position {
    margin-bottom: 15px;
    max-width: 154px;
  }
  .leadership .management-carousel .management-box .info-container .description {
    font: normal normal 300 14px/26px Roboto;
    margin-bottom: 14px;
  }
  .leadership .management-carousel .slick-prev {
    left: 15px;
    z-index: 999;
  }
  .leadership .management-carousel .slick-next {
    right: 15px;
    z-index: 999;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .leadership .management-carousel .slick-prev,
.leadership .management-carousel .slick-next {
    top: 330px;
    transform: unset;
  }
  .leadership .management-carousel .management-box .info-container .position {
    max-width: unset;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .leadership .management-carousel.visible {
    top: 63px;
  }
  .leadership .management-carousel .slick-next {
    right: 13px;
    z-index: 999;
    top: 36vw;
  }
  .leadership .management-carousel .slick-prev {
    left: 13px;
    z-index: 999;
    top: 36vw;
  }
  .leadership .management-carousel .management-box {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 0;
  }
  .leadership .management-carousel .management-box .info-container {
    padding: 12px 20px 16px 20px;
    max-width: unset;
  }
  .leadership .management-carousel .management-box .info-container .name {
    text-align: center;
  }
  .leadership .management-carousel .management-box .info-container .position {
    max-width: 100%;
    margin-bottom: 23px;
  }
  .leadership .management-carousel .management-box .info-container .description {
    font: normal normal 300 16px/26px Roboto;
  }
  .leadership .management-carousel .management-box .image {
    margin-top: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 100%;
  }
  .leadership .management-carousel .management-box .image img {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .leadership .management-carousel .management-box .image .mobileImage {
    display: block;
  }
  .leadership .management-carousel .management-box .image .desktopImage {
    display: none;
  }
}
.leadership .leadership-mobile-sticky-heading {
  display: none;
  width: 100%;
  padding: 17px 20px;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.23);
  margin: 0;
  position: absolute;
  top: -40px;
  z-index: 1000;
  background-color: #ffffff;
  left: 51%;
  transform: translateX(-51%);
}
.leadership .leadership-mobile-sticky-heading.sticky-box-fixed {
  display: block;
  position: fixed;
  top: 0px;
}
.leadership .leadership-mobile-sticky-heading.sticky-box-fixed.with-header {
  top: 80px;
}
@media (max-width: 767px) {
  .leadership .leadership-mobile-sticky-heading.show {
    display: block;
  }
}
.leadership .leadership-mobile-sticky-heading h3,
.leadership .leadership-mobile-sticky-heading p {
  text-align: center;
}
.leadership .leadership-mobile-sticky-heading h3 {
  color: #34b2ac;
}
.leadership .leadership-mobile-sticky-heading .close-icon {
  position: absolute;
  right: 20px;
  top: 20px;
}

.what-we-value {
  background: transparent linear-gradient(90deg, #34b2ac 0%, #2c337a 100%);
  padding-top: 49px;
}
.what-we-value.fade-in-element h4 {
  -webkit-animation: fadeInUp 1s forwards;
          animation: fadeInUp 1s forwards;
}
.what-we-value.fade-in-element .value-box:nth-of-type(1) {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}
.what-we-value.fade-in-element .value-box:nth-of-type(2) {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}
.what-we-value.fade-in-element .value-box:nth-of-type(3) {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}
.what-we-value.fade-in-element .value-box:nth-of-type(4) {
  -webkit-animation: fadeInUp 1s 0.8s forwards;
          animation: fadeInUp 1s 0.8s forwards;
}
.what-we-value.fade-in-element .value-box:nth-of-type(5) {
  -webkit-animation: fadeInUp 1s 1s forwards;
          animation: fadeInUp 1s 1s forwards;
}
.what-we-value.fade-in-element .value-box:nth-of-type(6) {
  -webkit-animation: fadeInUp 1s 1.2s forwards;
          animation: fadeInUp 1s 1.2s forwards;
}
.what-we-value h4 {
  opacity: 0;
  margin: 0px auto 68px auto;
  text-align: center;
  font: normal normal normal 25px/30px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
}
.what-we-value h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #ffffff;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
.what-we-value .value-boxes {
  max-width: 1084px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 38px;
}
.what-we-value .value-boxes .value-box {
  opacity: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 325px;
  align-items: center;
  margin-right: 54px;
  margin-bottom: 21px;
}
.what-we-value .value-boxes .value-box:nth-of-type(3n) {
  margin-right: 0;
}
.what-we-value .value-boxes .value-box img {
  width: 88px;
  height: 89px;
  margin-bottom: 13px;
}
.what-we-value .value-boxes .value-box span {
  font: normal normal normal 18px/30px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 11px;
}
.what-we-value .value-boxes .value-box p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  flex-grow: 1;
  height: 156px;
}
@media screen and (max-width: 1100px) {
  .what-we-value .value-boxes .value-box p {
    height: auto;
  }
}

.gallery {
  margin-top: 20px;
  position: relative;
  margin-bottom: 0px;
}
.gallery.fade-in-element .slider-nav {
  -webkit-animation: fadeInUp 1s forwards;
          animation: fadeInUp 1s forwards;
}
.gallery .nav-left-button {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  cursor: pointer;
}
@media (min-width: 1101px) {
  .gallery .nav-left-button:hover {
    background: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
  }
  .gallery .nav-left-button:hover button {
    opacity: 1;
    transform: translate(10px, -50%) scale(1);
  }
}
@media (max-width: 1100px) {
  .gallery .nav-left-button {
    background: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
  }
}
.gallery .nav-left-button button {
  transition: all 0.5s;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  background: white;
  border-radius: 50%;
}
@media (min-width: 1101px) {
  .gallery .nav-left-button button {
    transform: translate(10px, -50%) scale(0.5);
    opacity: 0;
  }
}
@media (max-width: 1100px) {
  .gallery .nav-left-button button {
    transform: translate(10px, -50%) scale(1);
  }
}
.gallery .nav-left-button button:before {
  content: "<";
  font-size: 25px;
  line-height: 1;
  opacity: 0.75;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gallery .nav-right-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
  cursor: pointer;
}
@media (min-width: 1101px) {
  .gallery .nav-right-button:hover {
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
  }
  .gallery .nav-right-button:hover button {
    opacity: 1;
    transform: translate(10px, -50%) scale(1);
  }
}
@media (max-width: 1100px) {
  .gallery .nav-right-button {
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
  }
}
.gallery .nav-right-button button {
  transition: all 0.5s;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  color: transparent;
  background: white;
  border-radius: 50%;
}
@media (min-width: 1101px) {
  .gallery .nav-right-button button {
    opacity: 0;
    transform: translate(10px, -50%) scale(0.5);
  }
}
@media (max-width: 1100px) {
  .gallery .nav-right-button button {
    transform: translate(10px, -50%) scale(1);
  }
}
.gallery .nav-right-button button:before {
  content: ">";
  font-size: 25px;
  line-height: 1;
  opacity: 0.75;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gallery .slider-nav {
  opacity: 0;
  min-height: 200px;
}
.gallery .slider-nav .slick-list {
  min-height: 200px;
}
.gallery .slider-nav .slick-slide {
  position: relative;
  min-height: 200px;
  max-height: 200px;
  display: flex;
}
.gallery .slider-nav .slick-slide:hover .overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  pointer-events: none;
  left: 0;
}
@media (max-width: 1024px) {
  .gallery .slider-nav .slick-slide:hover .overlay {
    display: none;
  }
}
.gallery .slider-nav img {
  cursor: pointer;
  align-self: center;
  min-height: 200px;
}
.gallery .slider-nav .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}
.gallery .slider-for {
  max-width: 1084px;
  max-height: 800px;
  margin: 0 auto;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-28%, -50%) scale(0.25);
  opacity: 0;
  pointer-events: none;
}
.gallery .slider-for.visible {
  opacity: 1;
  pointer-events: all;
  transform: translate(-50%, -50%) scale(1);
  z-index: 9999;
}
@media (max-width: 1024px) {
  .gallery .slider-for.visible .slick-slide img {
    max-width: 90vw;
    max-height: 550px;
  }
}
@media (max-width: 850px) {
  .gallery .slider-for.visible {
    max-width: unset;
    max-height: unset;
    position: fixed;
    transform: translate(-50%, -50%) scale(1);
    background-color: #fff;
  }
}
@media (max-width: 850px) and (orientation: landscape) {
  .gallery .slider-for.visible {
    width: 100vw !important;
    height: 100vh;
  }
  .gallery .slider-for.visible .slick-slide img.landscape {
    min-width: 102vw;
    min-height: 100vh;
    max-width: 110vw;
    max-height: 135vh;
    position: relative;
    top: -20px;
    left: -5px;
  }
  .gallery .slider-for.visible .slick-slide img.portrait {
    width: auto;
    max-width: 100vw;
    max-height: 100vh;
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  .gallery .slider-for.visible {
    transform: translate(-50%, -50%) scale(1) rotate(90deg);
    width: 100vh !important;
    height: 100vw;
  }
  .gallery .slider-for.visible .slick-slide img {
    min-height: 100vw;
    min-width: 100vh;
    max-width: 110vh;
    max-height: 120vw;
    position: relative;
    top: -5px;
  }
  .gallery .slider-for.visible .slick-slide img.portrait {
    min-width: revert;
  }
}
@media (max-width: 650px) and (orientation: landscape) {
  .gallery .slider-for.visible .slick-slide img.landscape {
    top: 0;
  }
}
.gallery .slider-for.visible ~ .slider-nav {
  opacity: 0.5;
  pointer-events: none;
}
.gallery .slider-for.visible ~ .nav-left-button {
  pointer-events: none;
}
.gallery .slider-for.visible ~ .nav-right-button {
  pointer-events: none;
}
.gallery .slider-for .slider-for-right-button,
.gallery .slider-for .slider-for-left-button {
  width: 40px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none;
  background-color: black;
  border-radius: 50%;
}
.gallery .slider-for .slider-for-right-button::after,
.gallery .slider-for .slider-for-left-button::after {
  font-size: 30px;
  line-height: 1;
  opacity: 0.75;
  color: #ffffff;
  position: relative;
  top: -1px;
}
.gallery .slider-for .right {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  z-index: 5;
  cursor: pointer;
}
.gallery .slider-for .right .slider-for-right-button {
  right: -45px;
}
.gallery .slider-for .right .slider-for-right-button::after {
  content: ">";
}
.gallery .slider-for .left {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  z-index: 5;
  cursor: pointer;
}
.gallery .slider-for .left .slider-for-left-button {
  left: -45px;
}
.gallery .slider-for .left .slider-for-left-button::after {
  content: "<";
}
.gallery .slider-for .slick-next,
.gallery .slider-for .slick-prev {
  z-index: 20;
}
@media (max-width: 850px) and (orientation: landscape) {
  .gallery .slider-for .slick-prev {
    left: 15px !important;
  }
}
@media (max-width: 767px) {
  .gallery .slider-for .slick-prev {
    left: 15px !important;
  }
}
@media (max-width: 850px) and (orientation: landscape) {
  .gallery .slider-for .slick-next {
    right: 15px !important;
  }
}
@media (max-width: 767px) {
  .gallery .slider-for .slick-next {
    right: 15px !important;
  }
}
@media (max-width: 850px) and (orientation: landscape) {
  .gallery .slider-for .slick-list {
    padding: 0 !important;
    overflow: visible;
  }
}
@media (max-width: 767px) {
  .gallery .slider-for .slick-list {
    padding: 0 !important;
    overflow: visible;
  }
}
.gallery .slider-for .slick-slide {
  opacity: 0;
  transition: all 0.45ms 0.45ms ease-in-out;
  pointer-events: none;
}
.gallery .slider-for .slick-slide.slick-active.slick-current {
  transition: all 0.45ms 0.45ms ease-in-out;
  pointer-events: all;
}
.gallery .slider-for .slick-slide.slick-active.slick-current > img {
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.3);
}
.gallery .slider-for .portrait,
.gallery .slider-for .landscape {
  max-height: 800px;
}
.gallery .close-slider-mobile {
  display: none;
  position: fixed;
}
@media (max-width: 850px) {
  .gallery .close-slider-mobile {
    top: 20px;
    right: 29px;
    width: 37px;
    height: 37px;
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
  }
}
.gallery .close-slider-mobile img {
  width: 16px;
  height: 16px;
}
@media (max-width: 767px) and (orientation: portrait) {
  .gallery .close-slider-mobile {
    top: unset;
    bottom: 30px;
  }
}
@media (max-width: 850px) and (orientation: landscape) {
  .gallery .slider-for.visible ~ .close-slider-mobile {
    display: flex;
  }
}
@media (max-width: 767px) {
  .gallery .slider-for.visible ~ .close-slider-mobile {
    display: flex;
  }
}
.gallery .slick-list {
  max-height: 800px;
  transition: width 0.5s ease-in-out;
}
.gallery .slick-slide {
  position: relative;
}
.gallery img {
  width: 100%;
  height: auto;
  max-width: 1084px;
}

@media (max-width: 1100px) {
  .about-banner a h1 {
    font: normal normal 300 65px/94px Roboto;
    margin-bottom: 4px;
  }
  .about-banner h4 {
    font: normal normal 300 18px/44px Roboto;
    line-height: 28px;
  }
  .what-we-value .value-boxes {
    max-width: 726px;
  }
  .what-we-value .value-boxes .value-box {
    max-width: 355px;
    margin-right: 16px;
  }
  .what-we-value .value-boxes .value-box:nth-of-type(even) {
    margin-right: 0;
  }
  .what-we-value .value-boxes .value-box:nth-of-type(3n) {
    margin-right: auto;
  }
  .about-video-container .content-section {
    flex-wrap: wrap;
  }
  .about-video-container .content-section img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .about-video-container .content-section .text {
    padding: 0 36px;
  }
  .about-video-container .content-section .text p {
    max-width: 100%;
    margin-bottom: 0;
  }
  .gallery {
    margin-bottom: 56px;
    margin-top: -82px;
  }
  .gallery .slider-for {
    max-width: 90%;
    max-height: 500px;
  }
  .gallery .slider-for .slick-prev {
    left: -35px;
  }
  .gallery .slider-for .slick-next {
    right: -35px;
  }
  .gallery .slider-for .slick-prev,
.gallery .slider-for .slick-next {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 800px) {
  .about-video-container .content-section {
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .about-video-container .content-section p {
    font: normal normal 300 16px/26px Roboto;
  }
}
@media (max-width: 767px) {
  .what-we-value {
    padding: 37px 20px 26px 20px;
  }
  .what-we-value h4 {
    margin-bottom: 50px;
  }
  .what-we-value .value-boxes {
    margin-bottom: 0;
    justify-content: center;
  }
  .what-we-value .value-boxes .value-box {
    margin: 0;
  }
  .what-we-value .value-boxes .value-box:nth-of-type(3n) {
    margin-right: 0;
  }
  .what-we-value .value-boxes .value-box p {
    height: auto;
    margin-bottom: 20px;
  }
  .about-video-container .content-section {
    margin-top: 6px;
  }
  .about-banner {
    height: 80vw;
    padding: 38px;
  }
  .about-banner img,
.about-banner .img-overlay {
    height: 80vw;
  }
  .about-banner a h1 {
    font: normal normal 300 30px/47px Roboto;
    margin: 0;
    line-height: 35px;
  }
  .about-banner h4 {
    font: normal normal 300 16px/26px Roboto;
    line-height: 28px;
  }
  .leadership h4 + p {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.contact-us-banner {
  position: relative;
  height: 25vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contact-us-banner img {
  width: 100%;
  height: 25vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1024px) {
  .contact-us-banner .deskt {
    display: none;
  }
  .contact-us-banner .tablet {
    display: block;
  }
}
@media (max-width: 768px) {
  .contact-us-banner .tablet {
    display: none;
  }
  .contact-us-banner .mobile {
    display: block;
  }
}
.contact-us-banner .img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 25vw;
  background-color: rgba(44, 51, 122, 0.8);
}
.contact-us-banner a {
  text-decoration: none;
}
.contact-us-banner a h1 {
  text-align: center;
  font: normal normal 300 80px/106px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
.contact-us-banner h4 {
  font: normal normal 300 20px/30px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  z-index: 2;
  position: relative;
  max-width: 760px;
}
@media (max-width: 1100px) {
  .contact-us-banner {
    height: 37.5939849624vw;
  }
  .contact-us-banner img, .contact-us-banner .img-overlay {
    height: 37.5939849624vw;
  }
  .contact-us-banner a h1 {
    font: normal normal 300 65px/94px Roboto;
    margin-bottom: 4px;
  }
  .contact-us-banner h4 {
    max-width: 586px;
    font: normal normal 300 18px/44px Roboto;
  }
}

.contact-us-page-form {
  max-width: 1084px;
  margin: 0 auto;
}
.contact-us-page-form.fade-in-element .form-image {
  -webkit-animation: fadeInUp 1s forwards;
          animation: fadeInUp 1s forwards;
}
.contact-us-page-form.fade-in-element .input-container:nth-child(2) {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}
.contact-us-page-form.fade-in-element .input-container:nth-child(3) {
  -webkit-animation: fadeInUp 1s 0.3s forwards;
          animation: fadeInUp 1s 0.3s forwards;
}
.contact-us-page-form.fade-in-element .input-container:nth-child(4) {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}
.contact-us-page-form.fade-in-element .input-container:nth-child(5) {
  -webkit-animation: fadeInUp 1s 0.5s forwards;
          animation: fadeInUp 1s 0.5s forwards;
}
.contact-us-page-form.fade-in-element .input-container:nth-child(6) {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}
.contact-us-page-form.fade-in-element .input-container:nth-child(7) {
  -webkit-animation: fadeInUp 1s 0.7s forwards;
          animation: fadeInUp 1s 0.7s forwards;
}
.contact-us-page-form.fade-in-element .input-container:nth-child(8) {
  -webkit-animation: fadeInUp 1s 0.7s forwards;
          animation: fadeInUp 1s 0.7s forwards;
}
.contact-us-page-form.fade-in-element .indeavr-consent {
  -webkit-animation: fadeInUp 1s 0.8s forwards;
          animation: fadeInUp 1s 0.8s forwards;
}
.contact-us-page-form.fade-in-element #recaptcha {
  -webkit-animation: fadeInUp 1s 0.9s forwards;
          animation: fadeInUp 1s 0.9s forwards;
}
.contact-us-page-form.fade-in-element .submit-form {
  -webkit-animation: fadeInUp 1s 1s forwards;
          animation: fadeInUp 1s 1s forwards;
}
.contact-us-page-form .form-with-image {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.contact-us-page-form .form-with-image .form-image {
  position: absolute;
  right: 0;
  top: 31px;
  opacity: 0;
}
.contact-us-page-form input[type=submit] {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.contact-us-page-form .form-submit-success {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  max-width: 536px;
  height: 395px;
}
@media (max-width: 1024px) {
  .contact-us-page-form .form-submit-success {
    max-width: 500px;
    margin: 0 auto;
    height: auto;
    margin-bottom: 44px;
  }
}
@media (max-width: 767px) {
  .contact-us-page-form .form-submit-success {
    margin-bottom: 39px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.contact-us-page-form .form-submit-success img {
  margin-bottom: 16px;
  margin: 0 auto 16px auto;
  display: block;
}
.contact-us-page-form .form-submit-success p {
  text-align: center;
  font: normal normal normal 25px/29px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.contact-us-page-form .form-submit-success p:last-child {
  font: normal normal normal 16px/26px Roboto;
  color: rgba(13, 13, 13, 0.6);
  margin-top: 8px;
  max-width: 490px;
}
.contact-us-page-form .form-submit-success p:last-child a {
  color: #2C337A;
}
.contact-us-page-form .main-form form {
  margin-top: 31px;
  max-width: 536px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-content: flex-start;
}
.contact-us-page-form .main-form form .ajax-loader {
  display: none;
}
.contact-us-page-form .main-form form .input-container + p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  margin-bottom: 20px;
}
.contact-us-page-form .main-form form .input-container + p a {
  text-decoration: underline;
  font: normal normal 300 16px/26px Roboto;
  color: #0d0d0d;
  letter-spacing: 0px;
}
.contact-us-page-form .main-form form .indeavr-consent {
  opacity: 0;
  display: flex;
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}
.contact-us-page-form .main-form form .indeavr-consent input {
  display: none;
}
.contact-us-page-form .main-form form .indeavr-consent input:hover ~ label {
  color: #0d0d0d;
}
.contact-us-page-form .main-form form .indeavr-consent input:checked + .custom-checkbox {
  background: url("../assets/icons/consent-checkbox.svg");
}
.contact-us-page-form .main-form form .indeavr-consent .custom-checkbox {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url("../assets/icons/consent-container.svg");
  top: 5px;
  left: 0;
}
.contact-us-page-form .main-form form .indeavr-consent span {
  margin-left: 28px;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.contact-us-page-form .main-form form .indeavr-consent span a {
  text-decoration: underline;
  color: #0d0d0d;
}
.contact-us-page-form .main-form form .indeavr-consent span a:hover {
  color: #49D1CC;
}
.contact-us-page-form .main-form form #recaptcha {
  flex: 0 0 100%;
  margin-bottom: 20px;
  opacity: 0;
}
.contact-us-page-form .main-form form .submit-form {
  opacity: 0;
  border: none;
  width: 186px;
  cursor: pointer;
  height: 50px;
  margin-bottom: 50px;
  background: #2c337a;
  text-decoration: none;
  text-align: center;
  font: normal normal normal 18px/50px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
}
.contact-us-page-form .main-form form .submit-form span {
  font: normal normal normal 18px/21px Roboto;
  text-decoration: none;
  letter-spacing: 0px;
  color: #ffffff;
  display: block;
  position: relative;
  text-align: center;
  z-index: 2;
}
.contact-us-page-form .main-form form .submit-form:disabled {
  background: grey;
  pointer-events: none;
}
.contact-us-page-form .main-form form .submit-form:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #0f1760;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}
.contact-us-page-form .main-form form .submit-form:hover span {
  color: #ffffff;
}
.contact-us-page-form .main-form form .submit-form:hover:after {
  content: "";
  width: 100%;
}
.contact-us-page-form .main-form form .input-container {
  opacity: 0;
  max-width: 258px;
  height: 30px;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  margin-right: 17px;
  /* Firefox */
}
.contact-us-page-form .main-form form .input-container:nth-of-type(odd) {
  margin-right: 0;
}
.contact-us-page-form .main-form form .input-container#comment {
  max-width: 100%;
  height: auto;
  margin-right: 0;
}
.contact-us-page-form .main-form form .input-container#comment textarea {
  width: 100%;
  max-width: 100%;
  resize: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-bottom: 1px solid rgba(13, 13, 13, 0.5);
  font: normal normal 500 16px/24px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  display: block;
  box-sizing: padding-box;
  overflow: hidden;
}
.contact-us-page-form .main-form form .input-container#comment textarea:hover {
  border-bottom: 1px solid #34b2ac;
}
.contact-us-page-form .main-form form .input-container#comment textarea:hover ~ label {
  color: #34b2ac;
}
.contact-us-page-form .main-form form .input-container#comment textarea:focus {
  border-bottom: 2px solid #34b2ac;
}
.contact-us-page-form .main-form form .input-container#comment textarea:focus ~ label {
  color: #34b2ac;
}
.contact-us-page-form .main-form form .input-container#comment textarea.error {
  border-bottom: 2px solid #e03c27;
}
.contact-us-page-form .main-form form .input-container#comment textarea.error ~ label {
  color: #e03c27;
}
.contact-us-page-form .main-form form .input-container#comment textarea.error ~ label .error-message {
  display: inline;
}
.contact-us-page-form .main-form form .input-container#comment textarea.error:focus {
  border-bottom: 2px solid #e03c27;
}
.contact-us-page-form .main-form form .input-container#comment textarea.error:focus ~ label {
  color: #e03c27;
}
.contact-us-page-form .main-form form .input-container#comment textarea.error:hover {
  border-bottom: 2px solid #e03c27;
}
.contact-us-page-form .main-form form .input-container#comment textarea.error:hover ~ label {
  color: #e03c27;
}
.contact-us-page-form .main-form form .input-container label {
  pointer-events: none;
  position: absolute;
  font: normal normal 300 16px/21px Roboto;
  bottom: 10px;
  left: 0;
  letter-spacing: 0px;
  transition: 0.5s all;
}
.contact-us-page-form .main-form form .input-container label .optional {
  letter-spacing: 0px;
  color: #0d0d0d;
  opacity: 0.5;
}
.contact-us-page-form .main-form form .input-container label .error-message {
  display: none;
}
.contact-us-page-form .main-form form .input-container label.transformed {
  transform: translatey(35px);
  font: normal normal normal 12px/30px Roboto;
}
.contact-us-page-form .main-form form .input-container input::-webkit-outer-spin-button,
.contact-us-page-form .main-form form .input-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.contact-us-page-form .main-form form .input-container input[type=number] {
  -moz-appearance: textfield;
}
.contact-us-page-form .main-form form .input-container input {
  max-width: 258px;
  width: 100%;
  height: 30px;
  border: none;
  font: normal normal 500 16px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  border-bottom: 1px solid rgba(13, 13, 13, 0.5);
  /* Chrome, Safari, Edge, Opera */
}
.contact-us-page-form .main-form form .input-container input:hover {
  border-bottom: 1px solid #34b2ac;
}
.contact-us-page-form .main-form form .input-container input:hover ~ label {
  color: #34b2ac;
}
.contact-us-page-form .main-form form .input-container input:focus {
  border-bottom: 2px solid #34b2ac;
}
.contact-us-page-form .main-form form .input-container input:focus ~ label {
  color: #34b2ac;
}
.contact-us-page-form .main-form form .input-container input.error {
  border-bottom: 2px solid #e03c27;
}
.contact-us-page-form .main-form form .input-container input.error ~ label {
  color: #e03c27;
}
.contact-us-page-form .main-form form .input-container input.error ~ label .error-message {
  display: inline;
}

.google-locator {
  position: relative;
}
.google-locator.fade-in-element iframe {
  -webkit-animation: fadeInUp 0.5s forwards;
          animation: fadeInUp 0.5s forwards;
}
.google-locator.fade-in-element .contact-links .link:nth-of-type(1) {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}
.google-locator.fade-in-element .contact-links .link:nth-of-type(2) {
  -webkit-animation: fadeInUp 1s 0.3s forwards;
          animation: fadeInUp 1s 0.3s forwards;
}
.google-locator.fade-in-element .contact-links .link:nth-of-type(3) {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}
.google-locator.fade-in-element .contact-links .social-media-links-container {
  -webkit-animation: fadeInUp 1s 0.5s forwards;
          animation: fadeInUp 1s 0.5s forwards;
}
@media (max-width: 1100px) {
  .google-locator.fade-in-element .contact-links .social-media-links-container {
    margin-top: 14px;
  }
}
.google-locator iframe {
  width: 100%;
  opacity: 0;
}
@media (min-width: 1100px) {
  .google-locator .contact-links {
    width: 100%;
    max-width: 281px;
    padding: 21px 23px 26px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 23px 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 141px;
  }
}
@media (max-width: 1100px) {
  .google-locator .contact-links {
    max-width: 1084px;
    margin: 0 auto;
    margin-bottom: 64px;
  }
}
.google-locator .contact-links .link {
  opacity: 0;
  margin-right: 30px;
  display: inline-flex;
  align-items: center;
  color: #0d0d0d;
  text-decoration: none;
}
@media (min-width: 1100px) {
  .google-locator .contact-links .link {
    margin-right: 0;
  }
}
.google-locator .contact-links .link:hover {
  text-decoration: underline;
}
.google-locator .contact-links .link img {
  margin-right: 10px;
}
.google-locator .contact-links .link span {
  text-align: left;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.google-locator .contact-links .social-media-links-container {
  opacity: 0;
  display: inline-block;
}
.google-locator .contact-links .social-media-links-container img {
  width: 25px;
  height: 25px;
  margin-right: 11px;
}

@media (max-width: 1100px) {
  .google-locator .contact-links {
    padding: 0 35px;
  }
  .google-locator .contact-links .link {
    margin-right: 21px;
    margin-top: 14px;
  }
  .google-locator .contact-links:last-child {
    margin-right: 0;
  }
  .contact-us-page-form .form-with-image {
    flex-direction: column-reverse;
  }
  .contact-us-page-form .form-with-image .main-form form {
    max-width: 800px;
    width: 100%;
    padding: 0 36px;
    margin: 0 auto;
    justify-content: space-between;
  }
  .contact-us-page-form .form-with-image .main-form form #recaptcha > div {
    margin: 0 auto;
  }
  .contact-us-page-form .form-with-image .main-form form .submit-form {
    width: 335px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
  }
  .contact-us-page-form .form-with-image .main-form form .input-container {
    max-width: 48.7%;
    margin-right: 0;
  }
  .contact-us-page-form .form-with-image .main-form form .input-container input {
    max-width: 100%;
  }
  .contact-us-page-form .form-with-image .form-image {
    margin-top: 36px;
    position: static;
  }
}
@media (max-width: 767px) {
  .contact-us-banner {
    height: 80vw;
    padding: 38px;
  }
  .contact-us-banner img,
.contact-us-banner .img-overlay {
    height: 80vw;
  }
  .contact-us-banner a h1 {
    font: normal normal 300 30px/47px Roboto;
    margin: 0;
    line-height: 35px;
  }
  .contact-us-banner h4 {
    font: normal normal 300 16px/26px Roboto;
  }
  .google-locator .contact-links {
    margin-top: 5px;
    margin-bottom: 0;
  }
  .google-locator .contact-links > a {
    width: 100%;
  }
  .google-locator .contact-links > a:first-of-type {
    display: flex;
    align-items: flex-start;
    margin-bottom: 19px;
  }
  .google-locator .contact-links > a:first-of-type img {
    margin-top: 7px;
    width: 16px;
    height: 22px;
    margin-right: 24px;
  }
  .google-locator .contact-links > a:first-of-type span {
    font: normal normal 300 18px/30px Roboto;
  }
  .google-locator .contact-links > a:nth-of-type(2) {
    margin-top: 0;
    margin-bottom: 25px;
  }
  .google-locator .contact-links > a:nth-of-type(2) img {
    width: 22px;
    height: 22px;
    margin-right: 20px;
  }
  .google-locator .contact-links > a:nth-of-type(2) span {
    font: normal normal 300 18px/26px Roboto;
  }
  .google-locator .contact-links > a:last-of-type {
    margin-top: 0;
    margin-bottom: 25px;
  }
  .google-locator .contact-links > a:last-of-type img {
    width: 28px;
    height: 22px;
    margin-right: 18px;
  }
  .google-locator .contact-links > a:last-of-type span {
    font: normal normal 300 18px/26px Roboto;
  }
  .google-locator.fade-in-element .contact-links .social-media-links-container {
    margin-top: 0;
    margin-bottom: 35px;
  }
  .contact-us-page-form .form-with-image .main-form form {
    padding: 0 20px;
  }
  .contact-us-page-form .form-with-image .main-form form .input-container {
    max-width: 100%;
  }
  .contact-us-page-form .form-with-image .form-image {
    max-width: calc(100% - 20px);
    margin-bottom: 7px;
  }
}
@media (max-width: 440px) {
  .google-locator .contact-links a:first-of-type {
    max-width: 310px;
  }
}
.login .logo-container + a {
  border: none;
  cursor: pointer;
  background: #2c337a;
  opacity: 1;
  text-decoration: none;
  text-align: center;
  font: normal normal normal 18px/50px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
  text-transform: capitalize;
  width: 165px;
  display: flex;
  align-items: center;
  height: 40px;
  justify-content: center;
  margin-bottom: 0;
}
.login .logo-container + a span {
  font: normal normal normal 16px/19px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  display: block;
  position: relative;
  text-align: center;
  z-index: 2;
}
.login .logo-container + a:disabled {
  background: grey;
  pointer-events: none;
}
.login .logo-container + a:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #0f1760;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}
.login .logo-container + a:hover span {
  color: #ffffff;
}
.login .logo-container + a:hover:after {
  content: "";
  width: 100%;
}

header.login {
  position: absolute;
}
@media (max-width: 767px) {
  header.login {
    padding-top: 10px;
    height: auto;
  }
  header.login .header-content {
    height: auto;
    justify-content: center;
  }
  header.login .logo-container img {
    width: 150px;
    height: 36px;
  }
  header.login .logo-container + a {
    display: none;
  }
}

.login-banner {
  position: relative;
  height: 25vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-banner img {
  width: 100%;
  height: 25vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.login-banner .img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 25vw;
  background-color: rgba(44, 51, 122, 0.8);
}
.login-banner a {
  text-decoration: none;
}
.login-banner a h1 {
  text-align: center;
  font: normal normal 300 80px/106px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
.login-banner h4 {
  font: normal normal 300 20px/30px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  z-index: 2;
  position: relative;
  max-width: 760px;
}
.login-banner h4 + a {
  display: none;
}
@media (max-width: 1100px) {
  .login-banner {
    height: 37.5939849624vw;
  }
  .login-banner img,
.login-banner .img-overlay {
    height: 37.5939849624vw;
  }
  .login-banner a h1 {
    font: normal normal 300 80px/94px Roboto;
    margin-bottom: 4px;
  }
  .login-banner h4 {
    max-width: 586px;
    font: normal normal 300 25px/44px Roboto;
  }
  .login-banner h4 + a {
    pointer-events: all;
  }
}
@media (max-width: 767px) {
  .login-banner h4 + a {
    display: block;
    border: none;
    cursor: pointer;
    background: #2c337a;
    opacity: 1;
    text-decoration: none;
    text-align: center;
    font: normal normal normal 18px/50px Roboto;
    letter-spacing: 0px;
    color: #ffffff;
    position: relative;
    text-transform: capitalize;
    width: 165px;
    display: flex;
    align-items: center;
    height: 40px;
    justify-content: center;
    margin-bottom: 0;
    pointer-events: all;
  }
  .login-banner h4 + a span {
    font: normal normal normal 16px/19px Roboto;
    letter-spacing: 0px;
    color: #ffffff;
    display: block;
    position: relative;
    text-align: center;
    z-index: 2;
  }
  .login-banner h4 + a:disabled {
    background: grey;
    pointer-events: none;
  }
  .login-banner h4 + a:after {
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: #0f1760;
    transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
    z-index: 1;
  }
  .login-banner h4 + a:hover span {
    color: #ffffff;
  }
  .login-banner h4 + a:hover:after {
    content: "";
    width: 100%;
  }
}

section.login.fade-in-element h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
section.login.fade-in-element .login-form-container > img {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
section.login.fade-in-element .login-form-container .form .input-container:nth-child(1) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
section.login.fade-in-element .login-form-container .form .input-container:nth-child(2) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
section.login.fade-in-element .login-form-container .form .checkbox-container {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
section.login.fade-in-element .login-form-container .form .white-blue-button {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
section.login h4 {
  opacity: 0;
  margin: 28px auto 85px auto;
  text-align: center;
  font: normal normal normal 25px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  text-transform: capitalize;
  position: relative;
}
section.login h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #0d0d0d;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
section.login .login-form-container {
  display: flex;
  max-width: 1084px;
  justify-content: flex-end;
  position: relative;
  margin: 0 auto 32px auto;
}
section.login .login-form-container .form {
  margin-bottom: 50px;
  max-width: 466px;
  width: 100%;
}
section.login .login-form-container .form img {
  left: auto;
  right: 0;
  cursor: pointer;
  top: 0;
  z-index: 1;
}
section.login .login-form-container .form img:last-of-type {
  display: none;
}
section.login .login-form-container .form .checkbox-container {
  opacity: 0;
  display: block;
  position: relative;
  cursor: pointer;
}
section.login .login-form-container .form .checkbox-container input {
  display: none;
}
section.login .login-form-container .form .checkbox-container input:checked + .custom-checkbox {
  background: url("../assets/icons/checkbox-cheked.svg");
  border: none;
}
section.login .login-form-container .form .checkbox-container .custom-checkbox {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #2c337a;
  background: #fff;
  top: 0;
  left: 0;
}
section.login .login-form-container .form .checkbox-container span {
  margin-left: 28px;
  font: normal normal 300 16px/19px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
section.login .login-form-container .form .input-container {
  opacity: 0;
  max-width: 466px;
  height: 30px;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  margin-right: 17px;
}
section.login .login-form-container .form .input-container label {
  pointer-events: none;
  position: absolute;
  font: normal normal 300 16px/21px Roboto;
  bottom: 10px;
  left: 0;
  letter-spacing: 0px;
  transition: 0.5s all;
}
section.login .login-form-container .form .input-container label .optional {
  letter-spacing: 0px;
  color: #0d0d0d;
  opacity: 0.5;
}
section.login .login-form-container .form .input-container label .error-message {
  display: none;
}
section.login .login-form-container .form .input-container label.transformed {
  transform: translatey(35px);
  font: normal normal normal 12px/30px Roboto;
}
section.login .login-form-container .form .input-container input {
  max-width: 466px;
  width: 100%;
  height: 30px;
  border: none;
  font: normal normal 500 16px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  border-bottom: 1px solid rgba(13, 13, 13, 0.5);
  /* Chrome, Safari, Edge, Opera */
}
section.login .login-form-container .form .input-container input:hover {
  border-bottom: 1px solid #34b2ac;
}
section.login .login-form-container .form .input-container input:hover ~ label {
  color: #34b2ac;
}
section.login .login-form-container .form .input-container input:focus {
  border-bottom: 2px solid #34b2ac;
}
section.login .login-form-container .form .input-container input:focus ~ label {
  color: #34b2ac;
}
section.login .login-form-container .form .input-container input.error {
  border-bottom: 2px solid #e03c27;
}
section.login .login-form-container .form .input-container input.error ~ label {
  color: #e03c27;
}
section.login .login-form-container .form .input-container input.error ~ label .error-message {
  display: inline;
}
section.login .login-form-container .form .white-blue-button {
  opacity: 0;
  border: none;
  background: none;
  position: relative;
  padding: 13px 31px;
  display: inline-block;
  text-decoration: none;
  width: 200px;
  margin-top: 29px;
  cursor: pointer;
  border: 2px solid #2c337a;
}
section.login .login-form-container .form .white-blue-button:disabled {
  background: grey;
  cursor: not-allowed;
  border: 2px solid transparent;
}
section.login .login-form-container .form .white-blue-button:disabled:hover:after {
  display: none;
}
section.login .login-form-container .form .white-blue-button:disabled span {
  color: white;
}
section.login .login-form-container .form .white-blue-button span {
  font: normal normal normal 18px/18px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  color: #2c337a;
  z-index: 2;
  display: block;
  position: relative;
}
section.login .login-form-container .form .white-blue-button:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #0f1760;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}
section.login .login-form-container .form .white-blue-button:hover span {
  color: #ffffff;
}
section.login .login-form-container .form .white-blue-button:hover:after {
  content: "";
  width: 100%;
}
section.login .login-form-container .form .white-blue-button:focus {
  background: #1b215a;
  outline-offset: inherit;
}
section.login .login-form-container .form .white-blue-button:focus span {
  color: #ffffff;
}
section.login .login-form-container > img {
  opacity: 0;
}
section.login .login-form-container img {
  position: absolute;
  top: -100px;
  left: 0px;
  z-index: -1;
}

@media (max-width: 1250px) {
  section.login .login-form-container {
    max-width: 925px;
  }
  section.login .login-form-container > img {
    left: -80px;
  }
}
@media (max-width: 1100px) {
  .login {
    padding: 0px 35px 0 35px;
  }
  .login .header-content {
    display: flex;
  }
  section.login .login-form-container {
    max-width: 466px;
    display: block;
  }
  section.login .login-form-container > img {
    position: static;
    margin-bottom: 41px;
  }
  section.login .login-form-container .form .white-blue-button {
    width: 335px;
    max-width: 100%;
    margin: 29px auto 0 auto;
    display: block;
  }
}
@media (max-width: 767px) {
  .login-banner {
    height: 80vw;
    padding: 0 35px;
  }
  .login-banner img,
.login-banner .img-overlay {
    height: 80vw;
  }
  .login-banner a h1 {
    font: normal normal 300 40px/47px Roboto;
    margin-bottom: 16px;
    margin-top: 39px;
  }
  .login-banner h4 {
    font: normal normal 300 18px/26px Roboto;
    padding-bottom: 38px;
  }
  section.login {
    padding: 0 20px;
  }
  section.login h4 {
    margin-top: 15px;
    margin-bottom: 21px;
  }
  section.login .login-form-container > img {
    max-width: 100%;
  }
}
.expertise-banner {
  position: relative;
  height: 25vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.expertise-banner img {
  width: 100%;
  height: 25vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.expertise-banner .img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 25vw;
  background-color: rgba(44, 51, 122, 0.8);
}
.expertise-banner a {
  text-decoration: none;
}
.expertise-banner a h1 {
  text-align: center;
  font: normal normal 300 80px/106px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
.expertise-banner.template h4 {
  max-width: 686px;
}
@media (max-width: 1100px) {
  .expertise-banner.template h4 {
    max-width: 728px;
    font: normal normal 300 18px/30px Roboto;
  }
}
.expertise-banner h4 {
  font: normal normal 300 20px/30px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  z-index: 2;
  position: relative;
  max-width: 760px;
  line-height: 28px;
}
@media (max-width: 1100px) {
  .expertise-banner {
    height: 37.5939849624vw;
  }
  .expertise-banner img,
.expertise-banner .img-overlay {
    height: 37.5939849624vw;
  }
  .expertise-banner a h1 {
    font: normal normal 300 65px/94px Roboto;
    margin-bottom: 4px;
  }
  .expertise-banner h4 {
    max-width: 586px;
    font: normal normal 300 18px/44px Roboto;
    line-height: 28px;
  }
}

.expertise-inner-nav {
  border-bottom: 1px solid rgba(112, 112, 112, 0.3);
  margin-bottom: 28px;
}
.expertise-inner-nav ul {
  max-width: 1084px;
  margin: 0 auto;
  display: flex;
  position: relative;
  height: 50px;
  overflow-y: hidden;
  margin-bottom: -1px;
  cursor: pointer;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.expertise-inner-nav ul::-webkit-scrollbar {
  display: none;
}
.expertise-inner-nav ul li {
  white-space: nowrap;
  margin-right: 20px;
  padding: 16px 0 15px 0;
}
.expertise-inner-nav ul li a {
  text-decoration: none;
  font: normal normal 500 16px/19px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.expertise-inner-nav ul li a:hover {
  color: #34b2ac;
}
.expertise-inner-nav ul li.active {
  border-bottom: 4px solid #34b2ac;
}
.expertise-inner-nav ul li.active a {
  color: #34b2ac;
}
@media (max-width: 1100px) {
  .expertise-inner-nav ul {
    padding: 0 36px;
  }
}
@media (max-width: 1100px) {
  .expertise-inner-nav {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .expertise-inner-nav {
    display: none;
  }
}

.expertise-inner-nav-mobile {
  display: none;
}
@media (max-width: 767px) {
  .expertise-inner-nav-mobile {
    display: block;
    background: #f5f6fa;
    padding: 17px 20px;
    margin-bottom: 20px;
  }
  .expertise-inner-nav-mobile ul {
    max-height: 53px;
    height: auto;
    transition: all 1s ease-in;
    overflow: hidden;
  }
  .expertise-inner-nav-mobile ul.expanded {
    max-height: 200px;
  }
  .expertise-inner-nav-mobile ul li {
    font: normal normal 500 16px/19px Roboto;
    margin-bottom: 15px;
  }
  .expertise-inner-nav-mobile ul li a {
    color: #0d0d0d;
    text-decoration: none;
  }
  .expertise-inner-nav-mobile ul li.active a {
    color: #34b2ac;
  }
  .expertise-inner-nav-mobile ul li:hover a {
    color: #34b2ac;
  }
  .expertise-inner-nav-mobile ul li:last-of-type {
    margin-bottom: 0;
  }
  .expertise-inner-nav-mobile .toggle {
    color: #2c337a;
    cursor: pointer;
    font: normal normal 400 14px/16px Roboto;
    margin-top: 15px;
    display: block;
  }
}

.expertise-info {
  max-width: 1084px;
  margin: 0 auto;
  display: flex;
}
.expertise-info.fade-in-element .text-container .text-partial h5,
.expertise-info.fade-in-element .text-container .text-partial p,
.expertise-info.fade-in-element .text-container .text-partial ul,
.expertise-info.fade-in-element .text-container .text-partial pre {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.expertise-info.fade-in-element .text-container .text-partial pre {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.expertise-info.fade-in-element .text-container .text-partial:nth-child(1) p {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.expertise-info.fade-in-element .text-container .text-partial:nth-child(1) ul {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.expertise-info.fade-in-element .text-container .text-partial:nth-child(2) h5 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.expertise-info.fade-in-element .text-container .text-partial:nth-child(2) p {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.expertise-info.fade-in-element .text-container .text-partial:nth-child(2) ul {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.expertise-info.fade-in-element .text-container .text-partial:nth-child(3) h5 {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.expertise-info.fade-in-element .text-container .text-partial:nth-child(3) p {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.expertise-info.fade-in-element .text-container .text-partial:nth-child(3) ul {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.expertise-info.fade-in-element .text-container .text-partial:nth-child(4) h5 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.expertise-info.fade-in-element .text-container .text-partial:nth-child(4) p {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.expertise-info.fade-in-element .text-container .text-partial:nth-child(4) ul {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.expertise-info.fade-in-element img {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.expertise-info img {
  align-self: baseline;
  opacity: 0;
}
.expertise-info .text-container {
  max-width: 530px;
  margin-right: 22px;
  margin-top: 10px;
}
.expertise-info .text-container .text-partial h5 {
  font: normal normal 500 20px/24px Roboto;
  margin-bottom: 10px;
  letter-spacing: 0px;
  color: #0d0d0d;
  opacity: 0;
}
.expertise-info .text-container .text-partial p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 28px;
  opacity: 0;
}
.expertise-info .text-container .text-partial ul {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  opacity: 0;
  margin: 0px 0px 20px 40px;
}
.expertise-info .text-container .text-partial ul li {
  list-style-type: disc;
}
.expertise-info .text-container .text-partial pre {
  opacity: 0;
}
@media (max-width: 1100px) {
  .expertise-info {
    padding: 0 36px;
    position: relative;
  }
  .expertise-info img {
    width: 380px;
    position: absolute;
    top: 0;
    right: 36px;
    margin-top: 35px;
    max-height: 290px;
  }
  .expertise-info .text-container {
    margin-top: 27px;
    max-width: 100%;
    margin-right: 0;
  }
  .expertise-info .text-container .text-partial h5 {
    font: normal normal 500 20px/30px Roboto;
  }
  .expertise-info .text-container .text-partial p {
    margin-bottom: 25px;
  }
  .expertise-info .text-container .text-partial:first-of-type {
    max-width: 300px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .expertise-info {
    padding: 0 20px;
  }
  .expertise-info img {
    display: none;
  }
  .expertise-info .text-container {
    margin-top: 0px;
    max-width: 100%;
    margin-right: 0;
  }
  .expertise-info .text-container .text-partial h5 {
    font: normal normal 500 20px/30px Roboto;
  }
  .expertise-info .text-container .text-partial p {
    margin-bottom: 40px;
  }
  .expertise-info .text-container .text-partial:first-of-type {
    max-width: 100%;
    padding-right: 0px;
  }
}

.tech-stack {
  background: transparent linear-gradient(90deg, #43beb9 0%, #2c337a 100%) 0% 0% no-repeat padding-box;
  padding: 45px 0;
}
.tech-stack.fade-in-element h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.tech-stack.fade-in-element .tech-stack-boxes .box {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.tech-stack.fade-in-element .tech-stack-boxes .box:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.tech-stack.fade-in-element .tech-stack-boxes .box:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.tech-stack.fade-in-element .tech-stack-boxes .box:nth-child(3) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.tech-stack h4 {
  margin: 0px auto 51px auto;
  text-align: center;
  font: normal normal normal 25px/29px Roboto;
  color: #ffffff;
  position: relative;
  opacity: 0;
}
.tech-stack h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #ffffff;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
.tech-stack-boxes {
  max-width: 970px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tech-stack-boxes .box {
  max-width: 33%;
  width: 100%;
  margin-top: 10px;
  opacity: 0;
}
.tech-stack-boxes .box h5 {
  font: normal normal 500 20px/24px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 14px;
}
.tech-stack-boxes .box ul {
  margin-left: 17px;
}
.tech-stack-boxes .box ul li {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  list-style: square;
}
.tech-stack-boxes .box ul li span {
  display: inline-block;
  margin-left: 5px;
}
@media (max-width: 1100px) {
  .tech-stack-boxes {
    padding-left: 60px;
    max-width: 675px;
  }
  .tech-stack-boxes .box {
    max-width: 38%;
    margin-bottom: 34px;
  }
  .tech-stack-boxes .box:last-of-type {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .tech-stack {
    padding: 38px 20px 56px 20px;
  }
  .tech-stack-boxes {
    padding: 0;
    flex-direction: column;
  }
  .tech-stack-boxes .box {
    max-width: 100%;
    margin-bottom: 34px;
  }
  .tech-stack-boxes .box:last-of-type {
    margin-bottom: 0;
  }
}

main {
  overflow: hidden;
}

.start-journey {
  background-color: #f5f6fa;
  padding: 56px 0;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%230D0D0D99' stroke-width='1' stroke-dasharray='5 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  width: calc(100% + 4px);
  position: relative;
  left: -2px;
}
.start-journey.fade-in-element .text h5 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.start-journey.fade-in-element .text p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.start-journey.fade-in-element a {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.start-journey .container {
  max-width: 784px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.start-journey .container .text {
  max-width: 486px;
  padding-right: 24px;
}
.start-journey .container .text h5 {
  font: normal normal 500 20px/24px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 12px;
  opacity: 0;
}
.start-journey .container .text p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  opacity: 0;
}
.start-journey .container a {
  width: 242px;
  background: #2c337a;
  text-decoration: none;
  padding: 15px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  opacity: 0;
}
.start-journey .container a span {
  z-index: 2;
  font: normal normal normal 18px/21px Roboto;
  text-decoration: none;
  letter-spacing: 0px;
  color: #ffffff;
  display: block;
  position: relative;
  text-align: center;
  z-index: 2;
}
.start-journey .container a:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #0f1760;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}
.start-journey .container a:hover span {
  color: #ffffff;
}
.start-journey .container a:hover:after {
  content: "";
  width: 100%;
}
.start-journey .container a:focus {
  background: #1b215a;
}
@media (max-width: 1100px) {
  .start-journey {
    padding: 56px 36px;
  }
}
@media (max-width: 767px) {
  .start-journey {
    padding: 45px 20px;
  }
  .start-journey .container {
    flex-direction: column;
  }
  .start-journey .container .text {
    max-width: 335px;
    padding: 0;
    margin-bottom: 16px;
  }
}

.case-studies {
  margin-bottom: 69px;
  position: relative;
}
.case-studies.fade-in-element h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.case-studies.fade-in-element .case-carousel {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.case-studies.fade-in-element .slider {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.case-studies .slider {
  width: 112px;
  opacity: 0;
  left: calc(50% - 50px);
}
.case-studies .slider span::after {
  width: 114px;
}
@media (max-width: 1100px) {
  .case-studies {
    margin-top: 86px;
  }
  .case-studies .slider {
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .case-studies {
    margin-top: 33px;
  }
  .case-studies .slider {
    bottom: 0;
  }
  .case-studies > h4 {
    margin-top: 33px;
  }
}
.case-studies > h4 {
  margin: 72px auto 30px auto;
  text-align: center;
  font: normal normal normal 25px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  position: relative;
  opacity: 0;
}
.case-studies > h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #0d0d0d;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
@media (max-width: 1100px) {
  .case-studies > h4 {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .case-studies > h4 {
    margin-top: 33px;
  }
}
.case-studies .carousel-nav {
  display: flex;
  width: 52px;
  justify-content: space-between;
  margin: 0 auto;
}
.case-studies .carousel-nav span {
  width: 12px;
  cursor: pointer;
  height: 12px;
  background: url("../assets/icons/carousel-inactive.svg");
}
.case-studies .carousel-nav span.active {
  background: url("../assets/icons/carousel-active.svg");
}
.case-studies .case-carousel {
  max-width: 1084px;
  margin: 0 auto;
  display: flex;
  opacity: 0;
}
.case-studies .case-carousel .slick-list {
  width: 100%;
}
.case-studies .case-carousel .case-box {
  width: 100%;
}
.case-studies .case-carousel .case-box .img-container {
  height: 336px;
  overflow: hidden;
}
.case-studies .case-carousel .case-box .text-container {
  padding: 28px 57px 0 57px;
  width: 670px;
  margin: 0 auto;
  background: white;
  position: relative;
  z-index: 99;
  margin-top: -105px;
}
.case-studies .case-carousel .case-box .text-container h4 {
  font: normal normal 500 20px/24px Roboto;
  letter-spacing: 0px;
  color: #34b2ac;
  margin-bottom: 2px;
}
.case-studies .case-carousel .case-box .text-container span {
  font: normal normal normal 16px/19px Roboto;
  display: block;
  margin-bottom: 14px;
  letter-spacing: 1.6px;
  color: #0d0d0d;
}
.case-studies .case-carousel .case-box .text-container p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.case-studies .case-carousel .case-box .text-container a {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font: normal normal bold 14px/16px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  text-decoration: none;
  margin-bottom: 24px;
}
.case-studies .case-carousel .case-box .text-container a img {
  display: inline;
}
.case-studies .case-carousel .case-box .text-container a img:last-of-type {
  display: none;
}
.case-studies .case-carousel .case-box .text-container a:hover {
  color: #34b2ac;
}
.case-studies .case-carousel .case-box .text-container a:hover img {
  display: none;
}
.case-studies .case-carousel .case-box .text-container a:hover img:last-of-type {
  display: inline;
}
.case-studies .case-carousel .case-box .text-container a img {
  margin-left: 9px;
}
@media (max-width: 767px) {
  .case-studies .case-carousel .case-box .img-container {
    height: auto;
  }
  .case-studies .case-carousel .case-box .img-container img {
    width: 100%;
  }
  .case-studies .case-carousel .case-box .text-container {
    width: 100%;
    padding: 28px 25px 0 20px;
    margin-top: 0;
  }
  .case-studies .case-carousel .case-box .text-container a {
    margin-bottom: 32px;
  }
  .case-studies .case-carousel .case-box .text-container h4 {
    font: normal normal 500 20px/30px Roboto;
    margin-bottom: 10px;
  }
  .case-studies .case-carousel .case-box .text-container p {
    margin-bottom: 15px;
  }
}

.services.fade-in-element h1 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.services.fade-in-element > p {
  -webkit-animation: fadeInUp 1s forwards;
          animation: fadeInUp 1s forwards;
}
.services.fade-in-element .expertise-boxes .box:nth-of-type(1) {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}
.services.fade-in-element .expertise-boxes .box:nth-of-type(2) {
  -webkit-animation: fadeInUp 1s 0.3s forwards;
          animation: fadeInUp 1s 0.3s forwards;
}
.services.fade-in-element .expertise-boxes .box:nth-of-type(3) {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}
.services.fade-in-element .expertise-boxes .box:nth-of-type(4) {
  -webkit-animation: fadeInUp 1s 0.5s forwards;
          animation: fadeInUp 1s 0.5s forwards;
}
.services.fade-in-element .expertise-boxes .box:nth-of-type(5) {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}
.services > p {
  opacity: 0;
  max-width: 460px;
  margin: 0px auto 17px auto;
  text-align: center;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.services h1 {
  opacity: 0;
  font: bold 25px/35px Roboto;
  text-align: center;
  margin: 23px 0;
  position: relative;
}
.services h1::after {
  content: "";
  width: 20px;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  background-color: #0d0d0d;
}
.services .expertise-boxes {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 61px;
}
.services .expertise-boxes .box {
  opacity: 0;
  padding-top: 35px;
  width: 256px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}
.services .expertise-boxes .box .mobile-link {
  pointer-events: none;
}
@media (max-width: 1024px) {
  .services .expertise-boxes .box .mobile-link {
    pointer-events: all;
  }
}
.services .expertise-boxes .box .box-menu {
  padding: 15px 17px 24px 17px;
  flex-grow: 1;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.services .expertise-boxes .box .box-menu a {
  text-decoration: none;
}
.services .expertise-boxes .box .box-menu h5 {
  font: normal normal normal 20px/30px Roboto;
  letter-spacing: 0px;
  color: #2c337a;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}
.services .expertise-boxes .box .box-menu h5:hover {
  color: #43beb9;
}
.services .expertise-boxes .box .box-menu h5:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #2c337a;
  opacity: 1;
  bottom: -5px;
  left: calc(50% - 12.5px);
}
.services .expertise-boxes .box .box-menu ul {
  min-width: 200px;
  width: 100%;
}
.services .expertise-boxes .box .box-menu ul li a {
  font: normal normal normal 18px/18px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 15px;
  display: inline-block;
}
.services .expertise-boxes .box .box-menu ul li a:hover {
  text-decoration: underline;
}
.services .expertise-boxes .box img {
  display: block;
  width: 90px;
  height: 90px;
}

.interesting-small {
  margin-left: 84px;
  max-width: 256px;
  width: 100%;
}
.interesting-small h5 {
  font: normal normal 500 20px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  text-align: center;
  position: relative;
  margin-bottom: 26px;
  opacity: 0;
}
.interesting-small h5:before {
  content: "";
  width: 33px;
  height: 3px;
  background: #0d0d0d;
  position: absolute;
  bottom: -6px;
  left: calc(50% - 16px);
}
.interesting-small .boxes {
  display: flex;
  flex-direction: column;
}
.interesting-small .boxes .box {
  margin-bottom: 30px;
  text-decoration: none;
  color: #382424;
  position: relative;
  opacity: 0;
}
.interesting-small .boxes .box .indeavr-iframe-wrapper {
  margin-bottom: 10px;
}
.interesting-small .boxes .box .indeavr-youtube-overlay img {
  -o-object-fit: cover;
     object-fit: cover;
}
.interesting-small .boxes .box iframe {
  border: none;
}
.interesting-small .boxes .box:hover .img-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.interesting-small .boxes .box:hover p {
  color: #34b2ac;
}
.interesting-small .boxes .box .img-overlay {
  display: none;
  box-shadow: inset 0 0 1000px rgba(13, 13, 13, 0.3);
  width: 256px;
  height: 150px;
}
.interesting-small .boxes .box p {
  font: normal normal normal 16px/25px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.interesting-small .boxes a img {
  width: 256px;
  height: 150px;
  margin-bottom: 10px;
}

main .quote-block .middle-content .list-container h5 {
  margin-bottom: 10px;
  font: normal normal 500 20px/24px Roboto;
  opacity: 0;
}
main .quote-block .middle-content .list-container p {
  margin-bottom: 0px;
  text-align: left;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  opacity: 0;
}
main .quote-block .middle-content .list-container ul {
  font: normal normal normal 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  opacity: 0;
}
main .quote-block .middle-content .list-container ul li {
  font: normal normal 300 9px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  list-style-type: initial;
  margin-left: 20px;
}
main .quote-block .middle-content .list-container ul li span {
  font: normal normal 300 16px/26px Roboto;
}

.floating-img {
  position: relative;
  padding-right: 26px;
  margin-right: 25px;
  opacity: 0;
}
.floating-img:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 91px;
  width: 1px;
  background: rgba(52, 178, 172, 0.2);
}

.quote-block {
  max-width: 1084px;
  margin: 41px auto 18px auto;
  display: flex;
  flex-wrap: wrap;
}
.quote-block .interesting-small.fade-in-element h5 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.quote-block .interesting-small.fade-in-element .box:nth-child(1) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.quote-block .interesting-small.fade-in-element .box:nth-child(2) {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.quote-block .qb-c-wrapper {
  display: flex;
}
.quote-block .qb-c-wrapper.fade-in-element .floating-img {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.quote-block .qb-c-wrapper.fade-in-element .middle-content h3 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.quote-block .qb-c-wrapper.fade-in-element .middle-content p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.quote-block .qb-c-wrapper.fade-in-element .middle-content .text-container {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.quote-block .qb-c-wrapper.fade-in-element .middle-content .text-container:nth-of-type(1) h4,
.quote-block .qb-c-wrapper.fade-in-element .middle-content .text-container:nth-of-type(1) p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.quote-block .qb-c-wrapper.fade-in-element .middle-content .text-container:nth-of-type(2) h4,
.quote-block .qb-c-wrapper.fade-in-element .middle-content .text-container:nth-of-type(2) p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.quote-block .qb-c-wrapper.fade-in-element .middle-content .text-container:nth-of-type(3) h4,
.quote-block .qb-c-wrapper.fade-in-element .middle-content .text-container:nth-of-type(3) p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.quote-block .qb-c-wrapper.fade-in-element .middle-content .list-container h5 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.quote-block .qb-c-wrapper.fade-in-element .middle-content .list-container p {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.quote-block .qb-c-wrapper.fade-in-element .middle-content .list-container ul {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.quote-block .qb-c-wrapper.fade-in-element .qoute-container h5 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.quote-block .qb-c-wrapper.fade-in-element .qoute-container .quote {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.quote-block .qb-c-wrapper.fade-in-element .qoute-container .quote p {
  -webkit-animation: none;
          animation: none;
}
.quote-block .qb-c-wrapper.fade-in-element .qoute-container .list-container h5 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.quote-block .qb-c-wrapper.fade-in-element .qoute-container .list-container p {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.quote-block .qb-c-wrapper.fade-in-element .qoute-container .list-container ul {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.quote-block .middle-content {
  max-width: 597px;
}
.quote-block .middle-content h3 {
  font: normal normal 500 28px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 10px;
  opacity: 0;
}
.quote-block .middle-content h3 + p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  opacity: 0;
}
.quote-block .middle-content h3 + p + p {
  margin-bottom: 20px;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  opacity: 0;
}
.quote-block .middle-content .text-container {
  margin-bottom: 20px;
}
.quote-block .middle-content .text-container h4 {
  font: normal normal 500 20px/30px Roboto;
  margin-bottom: 10px;
  letter-spacing: 0px;
  color: #0d0d0d;
  opacity: 0;
}
.quote-block .middle-content .text-container p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  opacity: 0;
}
.quote-block .middle-content .qoute-container h5 {
  font: normal normal 400 20px/24px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 23px;
  opacity: 0;
}
.quote-block .middle-content .qoute-container h5 span {
  font: normal normal 500 20px/24px Roboto;
}
.quote-block .middle-content .qoute-container .quote {
  position: relative;
  padding: 23px 31px 20px 31px;
  margin-bottom: 28px;
  opacity: 0;
}
.quote-block .middle-content .qoute-container .quote .quote-content {
  font: italic normal bold 18px/24px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 11px;
  opacity: 1;
}
.quote-block .middle-content .qoute-container .quote .quote-author {
  font: normal normal 400 16px/19px Roboto;
  letter-spacing: 0px;
  color: #34b2ac;
}
.quote-block .middle-content .qoute-container .quote img {
  position: absolute;
  top: 0;
  left: 0;
  width: 152px;
  height: 120px;
}
.quote-block .middle-content .qoute-container p {
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 12px;
  opacity: 0;
}

@media (max-width: 1100px) {
  .quote-block {
    padding: 0 36px;
  }
  .quote-block .interesting-small {
    max-width: 100%;
    margin: 40px 0 50px 0;
  }
  .quote-block .interesting-small .boxes {
    flex-direction: row;
    justify-content: center;
  }
  .quote-block .interesting-small .boxes .box {
    width: 256px;
    margin: 16px;
  }
  .quote-block .interesting-small .boxes .box iframe {
    min-height: 150px;
    min-width: 256px;
  }
}
@media (max-width: 850px) {
  .services .expertise-boxes {
    max-width: 542px;
    justify-content: center;
  }
  .services .expertise-boxes .box {
    padding-top: 0px;
    max-width: 263px;
    margin-right: 16px;
  }
  .services .expertise-boxes .box:nth-of-type(even) {
    margin-right: 0;
  }
  .services .expertise-boxes .box:nth-child(5) {
    margin-right: 0;
  }
  .services .expertise-boxes .box .box-menu {
    padding-bottom: 0;
    padding-top: 15px;
  }
  .services > p {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .quote-block {
    padding: 0 20px;
    flex-direction: column;
    margin-top: -8px;
    margin-bottom: 25px;
  }
  .quote-block .qb-c-wrapper {
    display: flex;
    flex-direction: column;
  }
  .quote-block .floating-img {
    position: static;
    text-align: center;
    margin-right: 0;
    margin-bottom: 20px;
    padding-right: 0;
  }
  .quote-block .middle-content .qoute-container h5 {
    font: normal normal 500 20px/29px Roboto;
    margin-bottom: 15px;
  }
  .quote-block .middle-content .qoute-container .quote {
    margin-bottom: 22px;
    padding: 19px 0;
  }
  .quote-block .middle-content .qoute-container .quote .quote-content {
    margin-bottom: 0;
  }
  .quote-block .middle-content h3 {
    font: normal normal 500 25px/34px Roboto;
    margin-bottom: 15px;
  }
  .quote-block .interesting-small {
    max-width: 100%;
    margin: 40px 0 50px 0;
  }
  .quote-block .interesting-small .boxes {
    flex-direction: column;
    align-items: center;
  }
  .quote-block .interesting-small .boxes .box {
    width: 100%;
    margin: 16px 0px;
    max-width: 335px;
    max-height: 335px;
    height: auto;
  }
  .quote-block .interesting-small .boxes .box iframe,
.quote-block .interesting-small .boxes .box img {
    width: 100%;
    height: 100%;
  }
  .quote-block .interesting-small .boxes .box iframe {
    min-height: 188px;
  }
  .expertise-banner {
    height: 80vw;
    padding: 38px 20px;
  }
  .expertise-banner img,
.expertise-banner .img-overlay {
    height: 80vw;
  }
  .expertise-banner a h1 {
    font: normal normal 300 30px/47px Roboto;
    margin: 0;
    line-height: 35px;
  }
  .expertise-banner h4 {
    font: normal normal 300 16px/26px Roboto;
    line-height: 28px;
  }
  .services > p {
    padding: 0 20px;
    margin: 20px 0;
    font: normal normal 300 18px/30px Roboto;
    text-align: left;
  }
  .services .expertise-boxes {
    margin-bottom: 19px;
  }
  .services .expertise-boxes .box {
    max-width: 335px;
    padding: 0 20px;
    width: 100%;
    display: block;
    margin-bottom: 30px;
    margin-right: 0px;
  }
  .services .expertise-boxes .box img {
    margin: 0 auto;
    display: block;
  }
  .services .expertise-boxes .box .box-menu {
    padding: 15px 0 0 0;
  }
  .services .expertise-boxes .box .box-menu ul {
    margin-left: 30px;
    width: 300px;
  }
  .services .expertise-boxes .box .box-menu ul li a {
    font: normal normal normal 18px/35px Roboto;
    margin-bottom: 0;
  }
}
.terms-banner,
.privacy-banner {
  position: relative;
  height: 25vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.terms-banner img,
.privacy-banner img {
  width: 100%;
  height: 25vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.terms-banner .img-overlay,
.privacy-banner .img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 25vw;
  background-color: rgba(44, 51, 122, 0.8);
}
.terms-banner a,
.privacy-banner a {
  text-decoration: none;
}
.terms-banner a h1,
.privacy-banner a h1 {
  text-align: center;
  font: normal normal 300 80px/106px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
@media (max-width: 1100px) {
  .terms-banner,
.privacy-banner {
    height: 37.5939849624vw;
  }
  .terms-banner img,
.terms-banner .img-overlay,
.privacy-banner img,
.privacy-banner .img-overlay {
    height: 37.5939849624vw;
  }
  .terms-banner a h1,
.privacy-banner a h1 {
    font: normal normal 300 80px/94px Roboto;
    margin-bottom: 4px;
  }
}

.terms {
  max-width: 601px;
  margin: 20px auto 43px auto;
  opacity: 0;
}
.terms p {
  margin-bottom: 25px;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
@media (max-width: 767px) {
  .terms {
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding: 20px 20px 25px 20px;
  }
}
.terms.fade-in-element {
  -webkit-animation: fadeInUp 1s forwards;
          animation: fadeInUp 1s forwards;
}

.privacy {
  max-width: 601px;
  margin: 0 auto;
  opacity: 0;
}
.privacy.fade-in-element {
  -webkit-animation: fadeInUp 1s forwards;
          animation: fadeInUp 1s forwards;
}
.privacy p {
  margin: 20px 0;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.privacy p span {
  margin-bottom: 10px;
  font: normal normal 500 16px/19px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  display: block;
}
@media (max-width: 767px) {
  .privacy {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0px 20px 25px 20px;
  }
}
.privacy ul {
  list-style-type: square;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.privacy ul li {
  list-style-type: square;
  margin-left: 20px;
}

@media (max-width: 767px) {
  .terms-banner,
.privacy-banner {
    height: 80vw;
    padding: 38px;
  }
  .terms-banner img,
.terms-banner .img-overlay,
.privacy-banner img,
.privacy-banner .img-overlay {
    height: 80vw;
  }
  .terms-banner a h1,
.privacy-banner a h1 {
    font: normal normal 300 40px/47px Roboto;
  }
  .terms-banner h4,
.privacy-banner h4 {
    font: normal normal 300 18px/26px Roboto;
  }
}
.under-construction {
  max-width: 1255px;
  padding-top: 159px;
  margin: 0px 0 84px auto;
  position: relative;
  height: 595px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1367px) {
  .under-construction {
    margin: 0px auto 84px auto;
  }
}
.under-construction h4 {
  font: normal normal bold 53px/63px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 10px;
}
.under-construction p {
  font: normal normal normal 25px/29px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  max-width: 456px;
  text-align: center;
}
.under-construction img {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1255px) {
  .under-construction {
    flex-direction: column-reverse;
    height: auto;
  }
  .under-construction img {
    max-width: 683px;
    margin: 0 auto;
    position: static;
  }
  .under-construction div {
    max-width: 603px;
    margin: 51px auto 0 auto;
  }
  .under-construction h4 {
    font: normal normal bold 70px/82px Roboto;
    margin-bottom: 15px;
  }
  .under-construction p {
    max-width: inherit;
    font: normal normal normal 32px/37px Roboto;
  }
}
@media (max-width: 767px) {
  .under-construction {
    padding-top: 112px;
    margin-bottom: 65px;
  }
  .under-construction img {
    max-width: 100%;
    padding: 0 20px;
  }
  .under-construction div {
    max-width: 100%;
    margin-top: 17px;
  }
  .under-construction div h4 {
    font: normal normal bold 38px/44px Roboto;
    text-align: center;
    margin-bottom: 5px;
  }
  .under-construction div p {
    font: normal normal 400 16px/19px Roboto;
  }
}

.unsubscribe {
  padding-top: 130px;
  max-width: 665px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 74px;
}
@media (max-width: 767px) {
  .unsubscribe {
    padding: 130px 20px 0 20px;
  }
}
.unsubscribe img {
  margin-bottom: 11px;
}
.unsubscribe h4 {
  font: normal normal bold 40px/47px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-bottom: 15px;
  text-align: center;
}
.unsubscribe p {
  text-align: center;
  font: normal normal normal 18px/28px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  max-width: 544px;
  margin-bottom: 28px;
}
.unsubscribe textarea {
  font: normal normal normal 16px/28px Roboto;
  letter-spacing: 0px;
  color: #848484;
  max-width: 431px;
  width: 100%;
  height: 149px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #d8d4d4;
  padding: 14px 12px;
  overflow: hidden;
  resize: none;
  margin-bottom: 16px;
}
.unsubscribe button {
  font: normal normal normal 18px/18px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  background: #2c337a;
  text-decoration: none;
  display: block;
  width: 183px;
  margin: 0 auto;
  border: none;
  position: relative;
  cursor: pointer;
  height: 50px;
}
.unsubscribe button span {
  z-index: 2;
  font: normal normal normal 18px/21px Roboto;
  text-decoration: none;
  letter-spacing: 0px;
  color: #ffffff;
  display: block;
  position: relative;
  text-align: center;
  z-index: 2;
}
.unsubscribe button:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #0f1760;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}
.unsubscribe button:hover span {
  color: #ffffff;
}
.unsubscribe button:hover:after {
  content: "";
  width: 100%;
}
.unsubscribe button:focus {
  background: #1b215a;
}

.area-expertise .expertise-boxes .dots-container {
  position: relative;
}
.area-expertise .expertise-boxes .dots-container .size-4x5 {
  opacity: 0;
  position: absolute;
  right: -95px;
  top: -240px;
  -webkit-animation: fadeInUp 1s 1.4s forwards;
          animation: fadeInUp 1s 1.4s forwards;
}

.about .video-container {
  position: relative;
}
.about .video-container .size-5x7 {
  position: absolute;
  right: 500px;
  bottom: -86px;
  z-index: 5;
  width: auto;
  height: auto;
}

.home-careers .content .carrers-boxes {
  position: relative;
}
.home-careers .content .carrers-boxes .size-8x6 {
  position: absolute;
  right: -9%;
  top: -425px;
  opacity: 0;
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

.what-we-value__dots {
  opacity: 0;
}
.what-we-value__dots--top {
  top: -255px;
  right: -100px;
  -webkit-animation: fadeInUp 1s forwards;
          animation: fadeInUp 1s forwards;
}
.what-we-value__dots--bottom {
  bottom: -150px;
  left: -38px;
  -webkit-animation: fadeInUp 1s 0.8s forwards;
          animation: fadeInUp 1s 0.8s forwards;
}
@media (max-width: 1100px) {
  .what-we-value__dots {
    display: none;
  }
}

.gallery .dots-container {
  position: relative;
  max-width: 1084px;
  margin: 0px auto;
}
.gallery .dots-container .size-3x3 {
  opacity: 0;
  position: absolute;
  top: -66px;
  left: -50px;
  width: auto;
  height: auto;
  z-index: 5;
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

.tabs .content {
  position: relative;
}
.tabs .content .size-3x5 {
  position: absolute;
  right: -72px;
  top: -115px;
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
  opacity: 0;
}

.stories .stories-container .size-6x5 {
  opacity: 0;
  position: absolute;
  -webkit-animation: fadeInUp 1s;
  animation: fadeInUp 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  right: 25px;
  bottom: -55px;
  z-index: 1;
}
.stories .stories-container .size-4x4 {
  opacity: 0;
  position: absolute;
  -webkit-animation: fadeInUp 1s;
  animation: fadeInUp 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  left: 245px;
  z-index: 1;
}

.open-positions-container .position-boxes {
  position: relative;
}
.open-positions-container .position-boxes .size-4x5 {
  opacity: 0;
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  position: absolute;
  left: -25px;
  top: -25px;
}

.job-detail .content .share-container .size-2x2 {
  position: absolute;
  right: 0;
  top: 3px;
}

@media (max-width: 1230px) {
  .gallery .dots-container {
    display: none;
  }
}
@media (max-width: 767px) {
  .open-positions-container .position-boxes {
    position: relative;
  }
  .open-positions-container .position-boxes .size-4x5 {
    display: none;
  }
}
@media (max-width: 1320px) {
  .area-expertise .expertise-boxes .dots-container {
    display: none;
  }
  .about .video-container .size-5x7 {
    display: none;
  }
  .home-careers .content .carrers-boxes .size-8x6 {
    display: none;
  }
}
@media (max-width: 1290px) {
  .tabs .content .size-3x5 {
    display: none;
  }
  .stories .stories-container .size-6x5,
.stories .stories-container .size-4x4 {
    display: none;
  }
}
.page-template-page-internet-explorer {
  height: 100vh;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  vertical-align: top;
}
.page-template-page-internet-explorer header {
  background: linear-gradient(90deg, #00b5ad 0%, #2b327f 100%);
  position: static;
  height: auto;
}
.page-template-page-internet-explorer header .header-content {
  justify-content: center;
}
.page-template-page-internet-explorer header .main-navigation {
  display: none;
}
.page-template-page-internet-explorer footer {
  padding-top: 23px;
}
.page-template-page-internet-explorer footer .footer-end .links ul li a {
  font: normal normal 300 12px/14px "Roboto", sans-serif;
}
.page-template-page-internet-explorer footer .line {
  display: none;
}
.page-template-page-internet-explorer footer .footer-links {
  display: none;
}
.page-template-page-internet-explorer footer .footer-end .links {
  display: flex;
  align-items: center;
}
.page-template-page-internet-explorer footer .footer-end .links .social-links-explorer {
  display: flex;
  margin-left: 37px;
}
.page-template-page-internet-explorer footer .footer-end .links .social-links-explorer a {
  display: block;
  width: 23px;
  height: 23px;
  margin-right: 20px;
}
.page-template-page-internet-explorer footer .footer-end .links .social-links-explorer a .green {
  display: none;
}
.page-template-page-internet-explorer footer .footer-end .links .social-links-explorer a:hover .white {
  display: none;
}
.page-template-page-internet-explorer footer .footer-end .links .social-links-explorer a:hover .green {
  display: block;
}
.page-template-page-internet-explorer footer .footer-end .links .social-links-explorer img {
  width: 23px;
  height: 23px;
  display: block;
}
.page-template-page-internet-explorer footer .footer-end .links .social-links-explorer img:first-of-type {
  margin-right: 20px;
}
.page-template-page-internet-explorer main {
  height: 100%;
  display: flex;
  align-items: center;
}
.page-template-page-internet-explorer .ie-page {
  max-width: 815px;
  margin: 0 auto;
}
.page-template-page-internet-explorer .heading-wrapper {
  margin-bottom: 65px;
}
.page-template-page-internet-explorer .heading-wrapper h3 {
  margin-bottom: 15px;
  text-align: center;
}
.page-template-page-internet-explorer .heading-wrapper p {
  max-width: 542px;
  margin: 0 auto;
  text-align: center;
}
.page-template-page-internet-explorer .browsers-info > p {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.page-template-page-internet-explorer .browsers-container {
  display: flex;
  justify-content: space-between;
}
.page-template-page-internet-explorer .browsers-container .browser {
  width: 155px;
  padding: 20px 0;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  display: block;
}
.page-template-page-internet-explorer .browsers-container .browser:hover {
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.16);
}
.page-template-page-internet-explorer .browsers-container .browser p {
  font-weight: bold;
  text-align: center;
}
.page-template-page-internet-explorer .browsers-container .browser p img.icon {
  width: 15px;
  height: 18px;
  margin-right: 5px;
  vertical-align: sub;
}
.page-template-page-internet-explorer .browsers-container .browser > img {
  display: block;
  margin: 0 auto 17px;
  width: 77px;
  height: 80px;
}

.banners-shared .deskt {
  display: initial;
}
.banners-shared .tablet {
  display: none;
}
.banners-shared .mobile {
  display: none;
}
@media (max-width: 1100px) {
  .banners-shared .deskt {
    display: none;
  }
  .banners-shared .tablet {
    display: initial;
  }
  .banners-shared .mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .banners-shared .deskt {
    display: none;
  }
  .banners-shared .tablet {
    display: none;
  }
  .banners-shared .mobile {
    display: initial;
  }
}

.open-job-positions-wrapper {
  border-top: 1px solid rgba(13, 13, 13, 0.1);
}
@media (max-width: 1200px) {
  .no-clicking .open-job-positions-wrapper {
    min-height: 880px;
  }
}

@media (min-width: 1200px) {
  body.page-id-3323 main {
    overflow: visible;
  }
}
body.page-id-3323 .sign-up-for-more {
  margin-bottom: 0;
  border-bottom: 0;
}
body.page-id-3323 .sign-up-for-more p {
  font-weight: normal;
}

.open-job-positions {
  max-width: 1084px;
  margin: 0 auto;
  display: flex;
  gap: 0 34.75px;
  padding: 27.5px 0 30px;
  position: relative;
}
@media (max-width: 1200px) {
  .open-job-positions {
    padding: 55px 22px 30px;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .open-job-positions {
    padding: 75px 20px 47px;
  }
}
.open-job-positions .dots-img {
  display: block;
  position: absolute;
  z-index: -1;
  left: -73px;
  top: 67px;
}
@media (max-width: 1200px) {
  .open-job-positions .dots-img {
    display: none;
  }
}
.open-job-positions .employee-stories-mini-banner {
  top: 115px;
}
@media (max-width: 1200px) {
  .open-job-positions .employee-stories-mini-banner {
    display: none;
  }
}
.open-job-positions .results {
  opacity: 0;
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  position: absolute;
  top: 53.5px;
  right: 0;
  color: rgba(13, 13, 13, 0.7);
  font-size: 13px;
}
@media (max-width: 1200px) {
  .open-job-positions .results {
    right: 36px;
    top: 26px;
  }
}
@media (max-width: 768px) {
  .open-job-positions .results {
    right: 20px;
    top: 22px;
  }
}
.open-job-positions .filter-mobile-show {
  display: none;
}
@media (max-width: 1200px) {
  .open-job-positions .filter-mobile-show {
    display: block;
    padding: 15px 0 14px;
    background-color: #2c337a;
    border: none;
    color: #fff;
    font-weight: bold;
    position: absolute;
    width: 145px;
    top: 10px;
    left: 36px;
  }
}
@media (max-width: 768px) {
  .open-job-positions .filter-mobile-show {
    top: 8px;
    left: 20px;
  }
}
.open-job-positions .filter {
  opacity: 0;
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  width: 256px;
  position: relative;
  background-color: #fff;
}
@media (max-width: 1200px) {
  .open-job-positions .filter {
    display: none;
    position: absolute;
    top: 20px;
    width: 288px;
    padding: 22px 22px 0;
    z-index: 1;
    box-shadow: 0px 0px 1px 5000px rgba(16, 16, 16, 0.2);
    pointer-events: all;
  }
}
@media (max-width: 768px) {
  .open-job-positions .filter {
    top: -10px;
  }
}
.open-job-positions .filter .close-bttn-mobile {
  display: none;
}
@media (max-width: 1200px) {
  .open-job-positions .filter .close-bttn-mobile {
    display: block;
    padding: 15px 0 14px;
    background-color: #2c337a;
    border: none;
    color: #fff;
    font-weight: bold;
    position: absolute;
    width: 100%;
    bottom: calc(100% + 15px);
    left: 0;
  }
}
.open-job-positions .filter .close-bttn-mobile.bottom {
  bottom: -60px;
}
.open-job-positions .filter div[class^=filter-]:not(.filter-heading) {
  margin-bottom: 9px;
}
.open-job-positions .filter-heading {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.open-job-positions .filter-heading > p {
  font-size: 14px;
  font-weight: bold;
}
.open-job-positions .filter-heading .views-toggle {
  display: flex;
}
@media (max-width: 1200px) {
  .open-job-positions .filter-heading .views-toggle {
    display: none;
  }
}
.open-job-positions .filter-heading .list-view,
.open-job-positions .filter-heading .grid-view {
  width: 40px;
  height: 40px;
}
.open-job-positions .filter-heading .list-view:hover,
.open-job-positions .filter-heading .grid-view:hover {
  background-color: #f5f6fa;
}
.open-job-positions .filter-heading .list-view span,
.open-job-positions .filter-heading .grid-view span {
  background-color: #939393;
}
.open-job-positions .filter-heading .list-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
}
.open-job-positions .filter-heading .list-view .line {
  width: 19px;
  height: 2.5px;
  margin-bottom: 3px;
  border-radius: 18px;
}
.open-job-positions .filter-heading .grid-view .grid-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 15px auto;
  gap: 1px;
  max-width: 17px;
}
.open-job-positions .filter-heading .grid-view .box {
  width: 5px;
  height: 5px;
}
.open-job-positions .filter-heading .selected-view {
  background-color: #e5faf9;
}
.open-job-positions .filter-heading .selected-view span {
  background-color: #34b2ac;
}
.open-job-positions .filter-heading .selected-view:hover {
  background-color: #e5faf9;
}
.open-job-positions .filter h3 {
  font-size: 16px;
  max-width: 242px;
  color: #34b2ac;
  padding: 11px 0;
  border-bottom: 3px solid #34b2ac;
  margin: 0 auto 6px;
  text-transform: uppercase;
}
.open-job-positions .filter li {
  position: relative;
  border-bottom: 1px solid rgba(112, 112, 112, 0.1);
  z-index: 0;
  max-height: 38px;
}
.open-job-positions .filter li label {
  display: inline-block;
  padding: 9px 0 9px 25px;
  width: 100%;
  line-height: 21px;
}
.open-job-positions .filter li input {
  width: 15px;
  height: 15px;
  opacity: 0;
  position: absolute;
}
.open-job-positions .filter li input:checked ~ .custom-checkbox {
  background-image: url("../assets/icons/consent-checkbox.svg");
}
.open-job-positions .filter li .custom-checkbox {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 12px;
  left: 0;
  z-index: -1;
  background-image: url("../assets/icons/consent-container.svg");
}
.open-job-positions .filter li .custom-checkbox.circle {
  background-image: url("../assets/icons/radio-static.svg");
}
.open-job-positions .filter li input:checked ~ .custom-checkbox.circle {
  background-image: none;
  border-radius: 50%;
  border: 4.5px solid #43beb9;
}
.open-job-positions .filter li:last-child {
  border: none;
}
.open-job-positions li {
  list-style: none;
}
.open-job-positions .positions-wrapper {
  max-width: 790px;
  width: 100%;
  opacity: 0;
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.open-job-positions .positions-wrapper .position-section {
  margin-bottom: 25px;
}
.open-job-positions .positions-wrapper .position-section h2 {
  width: 100%;
  margin-bottom: 32px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  position: relative;
}
.open-job-positions .positions-wrapper .position-section h2::after {
  content: "";
  width: 20px;
  height: 2px;
  background-color: black;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
}
.open-job-positions .positions-wrapper .position {
  display: flex;
  padding: 24px 28px 24px 27px;
  gap: 0 54px;
  background-color: #fff;
  margin-bottom: 16px;
  height: 182px;
  text-decoration: none;
  color: currentColor;
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .open-job-positions .positions-wrapper .position {
      gap: revert;
      justify-content: space-between;
    }
  }
}
.open-job-positions .positions-wrapper .position:hover {
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1607843137);
}
.open-job-positions .positions-wrapper .position-info {
  min-width: 457px;
}
.open-job-positions .positions-wrapper .position-info > p:first-child {
  font-size: 20px;
  color: #34b2ac;
}
.open-job-positions .positions-wrapper .position-info .final-date {
  margin: 12px 0;
  display: flex;
  position: relative;
}
.open-job-positions .positions-wrapper .position-info .final-date > p {
  display: inline-block;
  margin-right: 20px;
  font-weight: 500;
}
.open-job-positions .positions-wrapper .position-info .final-date .tags {
  position: absolute;
  left: 175px;
  white-space: nowrap;
}
.open-job-positions .positions-wrapper .position-info .final-date .tags-category {
  background-color: #1498eb;
}
@media (hover: hover) and (pointer: fine) {
  .open-job-positions .positions-wrapper .position-info .final-date .tags-category:hover {
    background-color: #1383c9;
  }
}
@media (hover: hover) and (pointer: fine) {
  .open-job-positions .positions-wrapper .position-info .final-date .tags-tag:hover {
    background-color: #333da0;
  }
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    @media (max-width: 1200px) {
      .open-job-positions .positions-wrapper .position-info .final-date div.tags {
        gap: revert;
      }
      .open-job-positions .positions-wrapper .position-info .final-date div.tags > span {
        margin: 0 5px 5px 0;
      }
      .open-job-positions .positions-wrapper .position-info .final-date div.tags > span:first-child {
        margin-left: 0;
      }
      .open-job-positions .positions-wrapper .position-info .final-date div.tags > span:last-child {
        margin-right: 0;
      }
    }
  }
}
.open-job-positions .positions-wrapper .position-info .final-date span {
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  padding: 4.3px 10px;
  background-color: #2c337a;
  border-radius: 18px;
}
.open-job-positions .positions-wrapper .position-info-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 300;
  line-height: 26px;
}
.open-job-positions .positions-wrapper .position-actions {
  min-width: 242px;
}
.open-job-positions .positions-wrapper .position-actions p {
  margin-bottom: 8px;
}
.open-job-positions .positions-wrapper .position-actions .hover {
  display: none;
}
.open-job-positions .positions-wrapper .position-actions .share-links-container {
  display: flex;
  gap: 0 5px;
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .open-job-positions .positions-wrapper .position-actions .share-links-container {
      gap: revert;
    }
    .open-job-positions .positions-wrapper .position-actions .share-links-container > .link-container {
      margin-right: 5px;
    }
    .open-job-positions .positions-wrapper .position-actions .share-links-container > .link-container:last-child {
      margin-right: 0;
    }
  }
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper .position-actions .share-links-container {
    position: relative;
    left: -3px;
  }
}
.open-job-positions .positions-wrapper .position-actions .share-links-container > .link-container:hover > .hover {
  display: block;
}
.open-job-positions .positions-wrapper .position-actions .share-links-container > .link-container:hover > .normal {
  display: none;
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper .position-actions .share-links-container > .link-container {
    width: 38px;
    height: 30px;
  }
  .open-job-positions .positions-wrapper .position-actions .share-links-container > .link-container > img {
    width: 100%;
    height: 100%;
  }
}
.open-job-positions .positions-wrapper .position-actions > button {
  margin-top: 22px;
  width: 100%;
  display: block;
  text-decoration: none;
  color: #2c337a;
  padding: 15px;
  border: 2px solid #2c337a;
  text-align: center;
  font-size: 18px;
  position: relative;
  z-index: 0;
  background-color: #fff;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper .position-actions > button {
    margin-top: 15px;
  }
}
.open-job-positions .positions-wrapper .position-actions > button::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: -1;
  width: 0%;
  height: 103%;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  background-color: #2c337a;
}
.open-job-positions .positions-wrapper .position:hover .position-actions button {
  color: #fff;
}
.open-job-positions .positions-wrapper .position:hover .position-actions button::after {
  width: 101%;
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper > div[class^=position-section] {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
  }
  .open-job-positions .positions-wrapper .position {
    flex-direction: column;
    padding: 20px;
    width: 100%;
    max-width: 256px;
    margin-bottom: 0;
    position: relative;
    height: 371px;
    text-decoration: none;
    color: currentColor;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  .open-job-positions .positions-wrapper .position {
    height: 370px;
  }
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper .position-info {
    width: 100%;
    min-height: 204px;
    min-width: unset;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  .open-job-positions .positions-wrapper .position-info {
    min-height: 185px;
  }
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper .position-info .final-date {
    margin: 10px 0;
    display: block;
  }
  @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
      .open-job-positions .positions-wrapper .position-info .final-date {
        margin: 10px 0 5px;
      }
    }
  }
  .open-job-positions .positions-wrapper .position-info .final-date .tags {
    margin-top: 16px;
    position: static;
    white-space: initial;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }
  @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
      .open-job-positions .positions-wrapper .position-info .final-date .tags {
        gap: revert;
      }
      .open-job-positions .positions-wrapper .position-info .final-date .tags > span {
        margin: 0 5px 5px 0;
      }
    }
  }
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper .position-info-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper .position-actions {
    width: 100%;
    min-width: unset;
    margin-top: 8px;
  }
}
@media (max-width: 1200px) and (min-width: 1200px) {
  .open-job-positions .positions-wrapper .position::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 103%;
    background-color: rgba(13, 13, 13, 0.1);
    top: 0;
    right: 0;
  }
}
@media (max-width: 1200px) and (min-width: 1200px) {
  .open-job-positions .positions-wrapper .position:nth-child(4)::after,
.open-job-positions .positions-wrapper .position:nth-child(3n+1)::after {
    display: none;
  }
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper div.position-section {
    gap: 0;
    justify-content: center;
  }
  .open-job-positions .positions-wrapper div.position-section::after, .open-job-positions .positions-wrapper div.position-section:before {
    display: none;
  }
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper .position {
    max-width: 356px;
    border-bottom: 1px solid rgba(13, 13, 13, 0.1);
  }
  .open-job-positions .positions-wrapper .position:hover {
    box-shadow: none;
  }
  .open-job-positions .positions-wrapper .position-actions {
    margin-top: 22px;
  }
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper .position:nth-child(2n) {
    border-right: 1px solid rgba(13, 13, 13, 0.1);
  }
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper .position:nth-child(3n) {
    border-bottom: 1px solid rgba(13, 13, 13, 0.1);
  }
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    @media (max-width: 1200px) {
      .open-job-positions .positions-wrapper .position .position-info .final-date {
        margin: 10px 0 5px;
      }
    }
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .open-job-positions .positions-wrapper .position:last-child,
.open-job-positions .positions-wrapper .position:nth-last-child(2) {
    border-bottom: none;
  }
  .open-job-positions .positions-wrapper .position:nth-child(even):last-child:not(:nth-child(3)) {
    right: 178px;
  }
}
@media (max-width: 750px) {
  .open-job-positions .positions-wrapper .position:nth-child(n) {
    border: none;
  }
  .open-job-positions .positions-wrapper .position:nth-child(n)::after {
    content: "";
    width: 100vw;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: calc((100vw - 100%) / -2);
    background-color: rgba(13, 13, 13, 0.1);
  }
}
.open-job-positions .positions-wrapper .show-more {
  display: block;
  padding: 15px 0 14px;
  background-color: #2c337a;
  border: none;
  color: #fff;
  font-weight: bold;
  width: 242px;
  margin: 0 auto;
}
.open-job-positions .positions-wrapper.grid-view > div[class^=position-section] {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}
.open-job-positions .positions-wrapper.grid-view .position {
  flex-direction: column;
  padding: 20px;
  width: 100%;
  max-width: 256px;
  margin-bottom: 0;
  position: relative;
  height: 371px;
  text-decoration: none;
  color: currentColor;
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper.grid-view .position {
    height: 370px;
  }
}
.open-job-positions .positions-wrapper.grid-view .position-info {
  width: 100%;
  min-height: 204px;
  min-width: unset;
}
@media (max-width: 1200px) {
  .open-job-positions .positions-wrapper.grid-view .position-info {
    min-height: 185px;
  }
}
.open-job-positions .positions-wrapper.grid-view .position-info .final-date {
  margin: 10px 0;
  display: block;
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .open-job-positions .positions-wrapper.grid-view .position-info .final-date {
      margin: 10px 0 5px;
    }
  }
}
.open-job-positions .positions-wrapper.grid-view .position-info .final-date .tags {
  margin-top: 16px;
  position: static;
  white-space: initial;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .open-job-positions .positions-wrapper.grid-view .position-info .final-date .tags {
      gap: revert;
    }
    .open-job-positions .positions-wrapper.grid-view .position-info .final-date .tags > span {
      margin: 0 5px 5px 0;
    }
  }
}
.open-job-positions .positions-wrapper.grid-view .position-info-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.open-job-positions .positions-wrapper.grid-view .position-actions {
  width: 100%;
  min-width: unset;
  margin-top: 8px;
}
@media (min-width: 1200px) {
  .open-job-positions .positions-wrapper.grid-view .position::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 103%;
    background-color: rgba(13, 13, 13, 0.1);
    top: 0;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .open-job-positions .positions-wrapper.grid-view .position:nth-child(4)::after,
.open-job-positions .positions-wrapper.grid-view .position:nth-child(3n+1)::after {
    display: none;
  }
}

.no-clicking {
  pointer-events: none;
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
time {
  font: normal normal normal 12px/14px Roboto;
  color: #707070;
}

body.page-id-3900 main {
  overflow: revert;
}

:where(.blog-filter) {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 10;
  background-color: #ffffff;
}

.blog-filter.filter-scroll-up {
  top: 99px;
}
@media (max-width: 1100px) {
  .blog-filter.filter-scroll-up {
    top: 80px;
  }
}

.tags-wrapper {
  padding-top: 11px;
  padding-bottom: 11px;
  --tag-bg-color: transparent;
  --tag-bg-hover-color: transparent;
}
.tags-wrapper .tags-inner-wrapper {
  max-width: 1024px;
}
.tags-wrapper .tag {
  display: block;
  font: normal normal normal 12px/21px Roboto;
  padding: 0 10px;
  cursor: pointer;
  border-radius: 18px;
  border: 1px solid #707070;
  margin: 2.5px 10px 2.5px 0;
}
@media (max-width: 1100px) {
  .tags-wrapper .tag {
    margin-right: 5px;
  }
}
.tags-wrapper .tag:last-child {
  margin-right: 0;
}
@media (hover: hover) and (pointer: fine) {
  .tags-wrapper .tag:hover {
    background-color: #ededed;
  }
}
.tags-wrapper .tag.selected {
  background-color: var(--tag-bg-color);
  border-color: var(--tag-bg-color);
  color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .tags-wrapper .tag.selected:hover {
    background-color: var(--tag-bg-hover-color);
    border-color: var(--tag-bg-hover-color);
  }
}
.tags-wrapper .tag[data-tag=all].selected {
  background-color: #2c337a;
  border-color: #2c337a;
  color: #ffffff;
}
.tags-wrapper .tag.reset {
  margin-left: auto;
  border: none;
}
@media (hover: hover) and (pointer: fine) {
  .tags-wrapper .tag.reset:hover {
    text-decoration: underline;
    background-color: revert;
  }
}
@media (max-width: 1100px) {
  .tags-wrapper {
    max-width: 811px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .tags-wrapper {
    padding: 10px 20px;
  }
}

.blog-main .recommended h2 {
  font: normal normal bold 30px/40px Roboto;
}
@media (max-width: 540px) {
  .blog-main .recommended h2 {
    font-size: 28px;
  }
}
@media (max-width: 1100px) {
  .blog-main .recommended {
    margin-bottom: 27px;
  }
  .blog-main .recommended .article {
    margin-right: 0;
  }
}
.blog-main .article-columns {
  display: flex;
  justify-content: space-between;
}
.blog-main .article-columns h3 {
  font: normal normal bold 22px/30px Roboto;
}
.blog-main .article-columns .column-1,
.blog-main .article-columns .column-2 {
  width: 100%;
  max-width: 532px;
}
.blog-main .article-columns .column-1 {
  margin-right: 20px;
}
.blog-main .article-columns .column-1 .article:nth-child(even) {
  margin-right: 0;
}
.blog-main .article-columns .column-1 .title-with-line {
  margin-bottom: 13px;
}
.blog-main .article-columns .gray-bg {
  padding: 29px 70px 39px 49px;
  background-color: #f5f6fa;
}
@media (max-width: 1100px) and (min-width: 767px) {
  .blog-main .article-columns .gray-bg {
    margin-top: 25px;
    box-shadow: 0 0 0 100vmax #f5f6fa;
    -webkit-clip-path: inset(0 -100vmax);
            clip-path: inset(0 -100vmax);
  }
}
@media (max-width: 767px) {
  .blog-main .article-columns .gray-bg {
    margin-top: 25px;
    padding: 0;
    background-color: transparent;
  }
}
.blog-main .article-columns .available-positions {
  display: flex;
  padding: 36px 37px 30px;
  border: 2px solid #2c337a;
  align-items: center;
  margin-top: 18px;
  color: #0d0d0d;
}
.blog-main .article-columns .available-positions p {
  font: normal normal bold 30px/40px Roboto;
}
.blog-main .article-columns .available-positions img {
  max-width: 262px;
}
@media (max-width: 1100px) {
  .blog-main .article-columns .available-positions {
    max-width: 532px;
    margin: 30px auto 0;
  }
}
@media (max-width: 540px) {
  .blog-main .article-columns .available-positions {
    flex-direction: column;
    padding: 23px 36px 25px;
    margin: 54px 0;
  }
  .blog-main .article-columns .available-positions p {
    margin-bottom: 23px;
    max-width: 225px;
  }
}
@media (max-width: 1100px) {
  .blog-main .article-columns {
    flex-direction: column;
  }
  .blog-main .article-columns .column-1,
.blog-main .article-columns .column-2 {
    max-width: unset;
  }
}
.blog-main-wrapper {
  margin-top: 25px;
  margin-bottom: 106px;
  transform-origin: top left;
}
@media (max-width: 1100px) {
  .blog-main-wrapper {
    margin: 33px auto 30px;
  }
}
.blog-main-wrapper > * {
  opacity: 0;
}
.blog-main-wrapper.fade-in-element .recommended-articles {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}
.blog-main-wrapper.fade-in-element .more-articles {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}
.blog-main-wrapper.fade-in-element .newsletter-container {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}
.blog-main-wrapper.fade-in-element .article-columns {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}
@media (max-width: 1100px) {
  .blog-main .more-articles .article:nth-child(even) {
    margin-right: 0;
  }
}
.blog-main :where(.articles-wrapper) {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1100px) {
  .blog-main :where(.articles-wrapper) {
    max-width: 532px;
    margin: 0 auto;
  }
}
@media (max-width: 540px) {
  .blog-main :where(.articles-wrapper) {
    max-width: unset;
    width: 100vw;
    min-width: 100vw;
    position: relative;
    left: -20px;
  }
}
@media (min-width: 1101px) {
  .blog-main .newsletter-container {
    margin: 35px 0 64px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .blog-main .newsletter-container {
    margin: 11px 0 32px;
  }
}
@media (max-width: 767px) {
  .blog-main .newsletter-container {
    margin: 32px 0;
  }
}
@media (min-width: 768px) {
  .blog-main .newsletter-container .newsletter {
    padding: 18px 0 20px;
  }
}
.blog-main .newsletter-container .dots {
  right: 88px;
  bottom: -50px;
}
@media (max-width: 767px) {
  .blog-main .newsletter-container {
    width: 100vw;
    position: relative;
    left: -20px;
  }
}

.sorting-container {
  background-color: #ffffff;
  margin-top: 33px;
  margin-bottom: 33px;
}
.sorting-container .employee-stories-mini-banner {
  top: 190px;
  flex-shrink: 0;
  margin-left: auto;
}
@media (max-width: 1100px) {
  .sorting-container .employee-stories-mini-banner {
    display: none;
  }
}
@media (max-width: 1100px) {
  .sorting-container {
    margin-top: 25px;
    margin-bottom: 29px;
  }
  .sorting-container .articles-wrapper {
    max-width: 728px;
  }
}
.sorting-container .sorted-articles {
  max-width: 740px;
}
.sorting-container .pagination {
  width: 100%;
  margin: 56px 0 30px;
  display: flex;
  justify-content: center;
}
.sorting-container .pagination li {
  padding: 8px 0;
  width: 40px;
  color: #0d0d0d;
  cursor: pointer;
  text-align: center;
}
.sorting-container .pagination li.selected {
  background-color: #2c337a;
  color: #ffffff;
}
.sorting-container .pagination li.dots {
  width: 20px;
  cursor: default;
}
.sorting-container .pagination:empty {
  display: none;
}

img.hover {
  display: none;
}

.d-none {
  display: none;
}

:where(.title-with-side-line) {
  padding-left: 17px;
  position: relative;
  margin-bottom: 22px;
  font: normal normal bold 30px/40px Roboto;
}
@media (max-width: 1100px) and (min-width: 767px) {
  :where(.title-with-side-line) {
    font: normal normal bold 30px/40px Roboto;
  }
}
@media (max-width: 767px) {
  :where(.title-with-side-line) {
    font: normal normal bold 28px/40px Roboto;
  }
}
:where(.title-with-side-line)::before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #2c337a;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1100px) {
  :where(.title-with-side-line) {
    max-width: 532px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 540px) {
  :where(.title-with-side-line) {
    margin: 30px 0 20px;
    max-width: unset;
  }
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
.single-post main {
  overflow: visible;
}

.article-main {
  position: relative;
  margin-top: 20px;
  margin-bottom: 44px;
}
.article-main .fade-in-element:not(.article-text) > * {
  opacity: 0;
}
.article-main .fade-in-element:not(.article-text) > :nth-child(1) {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}
.article-main .fade-in-element:not(.article-text) > :nth-child(2) {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}
.article-main .fade-in-element:not(.article-text) > :nth-child(3) {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}
.article-main .fade-in-element:not(.article-text) > :nth-child(4) {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}
.article-main .fade-in-element:not(.article-text) > :nth-child(5) {
  -webkit-animation: fadeInUp 1s 0.8s forwards;
          animation: fadeInUp 1s 0.8s forwards;
}
.article-main .fade-in-element:not(.article-text) > :nth-child(6) {
  -webkit-animation: fadeInUp 1s 1s forwards;
          animation: fadeInUp 1s 1s forwards;
}
.article-main .fade-in-element:not(.article-text) > :nth-child(7) {
  -webkit-animation: fadeInUp 1s 1.2s forwards;
          animation: fadeInUp 1s 1.2s forwards;
}
.article-main .fade-in-element:not(.article-text) > :nth-child(8) {
  -webkit-animation: fadeInUp 1s 1.4s forwards;
          animation: fadeInUp 1s 1.4s forwards;
}
.article-main .article-expertises .expertise-boxes {
  max-width: 676px;
  margin: 0 auto;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .article-main .article-expertises .expertise-boxes {
    max-width: 260px;
  }
}
@media (max-width: 767px) {
  .article-main .article-expertises .expertise-boxes .box {
    max-width: 90px;
  }
  .article-main .article-expertises .expertise-boxes .box:not(:nth-last-child(1)):not(:nth-last-child(2)) {
    margin-bottom: 39px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .article-main .article-expertises .expertise-boxes .box:hover h5 {
    color: #34b2ac;
  }
}
.article-main .article-expertises .expertise-boxes .box a {
  text-align: center;
  color: #2c337a;
}
.article-main .article-expertises .expertise-boxes .box a img {
  margin: 0 auto 13px;
}
.article-main .article-expertises .expertise-boxes .box a h5 {
  font: normal normal normal 20px/26px Roboto;
}
.article-main .share-wrapper {
  z-index: 1;
}
@media (max-width: 767px) {
  .article-main .share-wrapper {
    left: 0;
  }
}
.article-main .share {
  position: -webkit-sticky;
  position: sticky;
  top: 115px;
  max-width: 53px;
  background-color: #ffffff;
  padding: 5px;
}
.article-main .share p {
  margin-bottom: 10px;
  font: normal normal normal 14px/16px Roboto;
}
.article-main .share .link-container {
  display: block;
  overflow: hidden;
  text-align: center;
  margin-bottom: 7px;
  cursor: pointer;
}
.article-main .share .link-container img {
  width: 29px;
  height: 29px;
  margin-left: auto;
  margin-right: auto;
}
@media (hover: hover) and (pointer: fine) {
  .article-main .share .link-container:hover .normal {
    display: none;
  }
  .article-main .share .link-container:hover .hover {
    display: inline-block;
  }
}
@media (max-width: 1100px) {
  .article-main .share {
    left: 36px;
    background-color: #ffffff;
    padding: 13px 7px 24px;
  }
}
@media (max-width: 767px) {
  .article-main .share {
    left: 0;
    z-index: 1;
  }
}
.article-main-img-wrapper {
  max-width: 802px;
}
.article-main-img-wrapper img {
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1100px) {
  .article-main-img-wrapper {
    max-width: unset;
  }
}
@media (max-width: 767px) {
  .article-main-img-wrapper {
    width: 100vw;
    position: relative;
    left: -20px;
  }
}
.article-main .article-details {
  text-align: center;
  --tag-bg-color: #b59300;
}
@media (min-width: 1101px) {
  .article-main .article-details {
    margin: 11px 0 40px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .article-main .article-details {
    margin: 7px 0 26px;
  }
}
@media (max-width: 767px) {
  .article-main .article-details {
    margin: 10px 0 15px;
  }
}
.article-main .article-details .tag {
  display: block;
  font: normal normal normal 12px/21px Roboto;
  padding: 0 10px;
  cursor: pointer;
  border-radius: 18px;
  margin-right: 15px;
  line-height: 23px;
  background-color: var(--tag-bg-color);
  color: #ffffff;
  display: inline-block;
}
@media (max-width: 767px) {
  .article-main .article-details {
    text-align: left;
  }
}
.article-main .article-title {
  font: normal normal bold 30px/40px Roboto;
  text-align: left;
  max-width: 532px;
  margin-left: auto;
  margin-right: auto;
}
.article-main .article-text {
  max-width: 532px;
  margin: 30px auto;
  font: normal normal 100 16px/28px Roboto;
}
.article-main .article-text * {
  font: inherit;
}
.article-main .article-text strong {
  font: inherit;
  font-weight: bold;
}
.article-main .article-text.fade-in-element > * {
  opacity: 0;
}
.article-main .article-text.fade-in-element > :nth-child(1) {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(2) {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(3) {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(4) {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(5) {
  -webkit-animation: fadeInUp 1s 0.8s forwards;
          animation: fadeInUp 1s 0.8s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(6) {
  -webkit-animation: fadeInUp 1s 1s forwards;
          animation: fadeInUp 1s 1s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(7) {
  -webkit-animation: fadeInUp 1s 1.2s forwards;
          animation: fadeInUp 1s 1.2s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(8) {
  -webkit-animation: fadeInUp 1s 1.4s forwards;
          animation: fadeInUp 1s 1.4s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(9) {
  -webkit-animation: fadeInUp 1s 1.6s forwards;
          animation: fadeInUp 1s 1.6s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(10) {
  -webkit-animation: fadeInUp 1s 1.8s forwards;
          animation: fadeInUp 1s 1.8s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(11) {
  -webkit-animation: fadeInUp 1s 2s forwards;
          animation: fadeInUp 1s 2s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(12) {
  -webkit-animation: fadeInUp 1s 2.2s forwards;
          animation: fadeInUp 1s 2.2s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(13) {
  -webkit-animation: fadeInUp 1s 2.4s forwards;
          animation: fadeInUp 1s 2.4s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(14) {
  -webkit-animation: fadeInUp 1s 2.6s forwards;
          animation: fadeInUp 1s 2.6s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(15) {
  -webkit-animation: fadeInUp 1s 2.8s forwards;
          animation: fadeInUp 1s 2.8s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(16) {
  -webkit-animation: fadeInUp 1s 3s forwards;
          animation: fadeInUp 1s 3s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(17) {
  -webkit-animation: fadeInUp 1s 3.2s forwards;
          animation: fadeInUp 1s 3.2s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(18) {
  -webkit-animation: fadeInUp 1s 3.4s forwards;
          animation: fadeInUp 1s 3.4s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(19) {
  -webkit-animation: fadeInUp 1s 3.6s forwards;
          animation: fadeInUp 1s 3.6s forwards;
}
.article-main .article-text.fade-in-element > :nth-child(20) {
  -webkit-animation: fadeInUp 1s 3.8s forwards;
          animation: fadeInUp 1s 3.8s forwards;
}
.article-main .double-image {
  display: flex;
  margin: 58px auto;
  max-width: 670px;
}
.article-main .double-image .image {
  margin-bottom: 10px;
  max-width: 325px;
}
.article-main .double-image .image:first-child {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .article-main .double-image .image {
    margin-bottom: 20px;
    margin-right: 0;
    max-width: unset;
  }
  .article-main .double-image .image:first-child {
    margin-right: 0;
  }
}
.article-main .double-image .image .img-wrapper {
  margin-bottom: 10px;
  max-width: 100%;
  max-height: 216px;
}
.article-main .double-image .image .img-wrapper img {
  width: 100%;
}
@media (max-width: 767px) {
  .article-main .double-image {
    flex-direction: column;
  }
}
.article-main .small-info {
  font: normal normal normal 12px/18px Roboto;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-main .img-wrapper {
  overflow: hidden;
  margin: 0 auto;
}
.article-main .only-image {
  margin: 50px auto;
}
.article-main .only-image img {
  margin: 0 auto;
  max-width: 100%;
}
@media (max-width: 767px) {
  .article-main .only-image {
    width: 100vw;
    position: relative;
    left: -20px;
  }
}
.article-main .single-image {
  max-width: 532px;
  margin: 35px auto;
}
@media (max-width: 767px) {
  .article-main .single-image {
    max-width: unset;
    width: 100vw;
    position: relative;
    left: -20px;
  }
  .article-main .single-image .small-info {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.article-main .single-image .img-wrapper {
  margin-bottom: 15px;
}
.article-main .single-image .img-wrapper img {
  width: 100%;
}
.article-main blockquote {
  margin: 60px auto 70px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23328682' stroke-width='3' stroke-dasharray='5%2c 5' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  max-width: 802px;
  position: relative;
  padding: 72px 0 45px;
}
.article-main blockquote .citate,
.article-main blockquote .author {
  max-width: 512px;
  margin: 0 auto;
}
.article-main blockquote .citate {
  font: italic normal normal 20px/30px Roboto;
}
.article-main blockquote .citate::before, .article-main blockquote .citate::after {
  content: "";
  position: absolute;
  background: url("../assets/images/quote.png") no-repeat;
  width: 67px;
  height: 44px;
}
.article-main blockquote .citate::before {
  top: -24px;
  left: -14px;
}
.article-main blockquote .citate::after {
  bottom: -24px;
  right: -14px;
}
.article-main blockquote .author {
  margin-top: 15px;
  font: normal normal bold 14px/16px Roboto;
}
@media (max-width: 1100px) {
  .article-main blockquote {
    max-width: 728px;
  }
}
@media (max-width: 767px) {
  .article-main blockquote {
    padding: 66px 40px 40px;
  }
}
.article-main .highlighted {
  max-width: 700px;
  margin: 50px auto;
  padding: 10px 0 20px 50px;
  position: relative;
}
.article-main .highlighted::before {
  content: "";
  width: 7px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -7px;
  background-color: #34b2ac;
}
.article-main .highlighted .highlight {
  margin-bottom: 30px;
  font: normal normal 500 20px/28px Roboto;
  color: #0d0d0d;
}
.article-main .highlighted .highlight:last-child {
  margin-bottom: 0;
}
@media (hover: hover) and (pointer: fine) {
  .article-main .highlighted .highlight:hover {
    color: #34b2ac;
  }
}
@media (max-width: 1100px) {
  .article-main .highlighted {
    max-width: 728px;
  }
}
@media (max-width: 767px) {
  .article-main .highlighted {
    padding-left: 15px;
  }
}
.article-main .iframe-wrapper {
  max-width: 540px;
  margin: 40px auto;
}
.article-main .iframe-wrapper iframe {
  width: 100%;
}
@media (max-width: 767px) {
  .article-main .iframe-wrapper {
    max-width: unset;
    width: 100vw;
    position: relative;
    left: -20px;
  }
}
.article-main .authors {
  max-width: 532px;
  margin: 40px auto 0;
  display: flex;
  flex-wrap: wrap;
}
.article-main .authors .author {
  display: flex;
  margin: 10px 20px 10px 0;
  max-width: 256px;
  flex: 0 0 100%;
}
.article-main .authors .author:last-child, .article-main .authors .author:nth-child(even) {
  margin-right: 0;
}
.article-main .authors .author img {
  width: 40px;
  height: 63px;
  display: inline-block;
  margin-right: 15px;
}
.article-main .authors .author-label {
  text-transform: uppercase;
  color: #34b2ac;
  margin-bottom: 11px;
  font: normal normal bold 12px/14px Roboto;
}
.article-main .authors .author-name {
  font: normal normal bold 16px/19px Roboto;
  margin-bottom: 5px;
}
.article-main .authors .author-position {
  font: normal normal normal 12px/14px Roboto;
  color: #5a5a5a;
}

.past-articles {
  margin-bottom: 80px;
}
.past-articles .overflow-wrapper {
  overflow: scroll;
}
.past-articles .overflow-wrapper::-webkit-scrollbar {
  display: none;
}
.past-articles .overflow-wrapper .arrow-holder {
  top: 15.5%;
  width: 175px;
  height: 66.5%;
  cursor: pointer;
}
.past-articles .overflow-wrapper .arrow-holder button {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: opacity 200ms ease-in;
  cursor: inherit;
}
.past-articles .overflow-wrapper .arrow-holder button::after {
  position: relative;
  color: #0d0d0d;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  top: -1px;
  z-index: 1;
}
.past-articles .overflow-wrapper .arrow-holder.right {
  right: 0;
}
.past-articles .overflow-wrapper .arrow-holder.right button::after {
  content: ">";
}
@media (hover: hover) and (pointer: fine) {
  .past-articles .overflow-wrapper .arrow-holder:hover button {
    opacity: 1;
  }
}
.past-articles h3 {
  font: normal normal bold 25px/29px Roboto;
  color: #34b2ac;
  margin-bottom: 30px;
  padding-top: 10px;
  border-top: 2px solid #34b2ac;
}
@media (max-width: 1100px) {
  .past-articles h3 {
    max-width: calc(100% - 72px);
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .past-articles h3 {
    max-width: calc(100vw - 40px);
    margin-left: auto;
    margin-right: auto;
  }
}
.past-articles .articles-wrapper {
  display: flex;
}
@media (min-width: 768px) {
  .past-articles .articles-wrapper {
    flex-wrap: nowrap;
    overflow: visible;
  }
  .past-articles .articles-wrapper .article {
    min-width: 463px;
  }
}
@media (max-width: 767px) {
  .past-articles .articles-wrapper {
    flex-wrap: wrap;
    padding: 0;
  }
}

/* Colors */
/* Font size */
/* Base Layout properties */
/* Base breakpoints */
/* Mixins for the global fade in animation;*/
/* End of section; */
/* Mixins */
body.page-id-4542 header {
  background-image: linear-gradient(90deg, #00b5ad 0%, #2b327f 100%);
}

@media (min-width: 1101px) {
  .indeavr-talents-text, .goals-text-wrapper {
    max-width: 415px;
  }
}
.indeavr-talents-text > p, .what-section-text > p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
}

@media (max-width: 1100px) {
  .desktop-visible-only {
    display: none;
  }
}
.welcome h4,
.opportunities h4,
.goals h4 {
  margin-bottom: 10px;
}

@media (max-width: 1100px) {
  .welcome h4,
.opportunities h4,
.goals h4 {
    text-align: center;
    margin-bottom: 3px;
  }
}
.talents-banner .img-overlay {
  background-color: #ffffff;
  opacity: 0.7;
}

.talents-banner .talents-logo {
  max-width: 378px;
  top: calc(50% + 50px);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

@media (max-width: 767px) {
  .talents-banner .talents-logo {
    max-width: 306px;
  }
}
.sticky-button-talents {
  right: 0;
  z-index: 2;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1607843137);
  background-color: #ffffff;
  color: #0d0d0d;
  text-align: center;
}

.sticky-button-talents span {
  color: #ab2d87;
}

@media (hover: hover) and (pointer: fine) {
  .sticky-button-talents:hover {
    background-color: #2c337a;
    color: #ffffff;
  }
  .sticky-button-talents:hover span {
    color: inherit;
  }
}
@media (min-width: 1101px) {
  .sticky-button-talents {
    max-width: 131px;
    padding: 12px 13px;
    top: 115px;
  }
}
@media (max-width: 1100px) {
  .sticky-button-talents {
    padding: 15px 0;
    bottom: 0;
  }
}
.welcome {
  overflow: hidden;
}

.welcome article:not(.talents-forms) > *:not(.wrapper) {
  opacity: 0;
}

.welcome .welcome-intro-section {
  margin-top: 30px;
}

@media (max-width: 1100px) {
  .welcome .welcome-intro-section {
    margin-top: 18px;
    margin-bottom: 26px;
  }
}
@media (min-width: 1101px) {
  .welcome .welcome-intro-section .img-wrapper {
    max-width: 542px;
  }
}
@media (max-width: 1100px) {
  .welcome .welcome-intro-section .img-wrapper .on-top {
    position: relative;
    width: 100vw;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .welcome .welcome-intro-section .img-wrapper .on-top {
    left: -36px;
  }
}
@media (max-width: 767px) {
  .welcome .welcome-intro-section .img-wrapper .on-top {
    left: -20px;
  }
}
@media (min-width: 1101px) {
  .welcome .welcome-intro-section .img-wrapper .on-top {
    max-width: 314px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 0;
    border-right-width: 14px;
    border-bottom-width: 14px;
  }
}
@media (max-width: 1100px) {
  .welcome .welcome-intro-section .img-wrapper .on-top {
    margin-top: 22px;
  }
}
.welcome .welcome-intro-section .img-wrapper .on-bottom {
  max-width: 436px;
  margin-top: 36px;
  margin-left: auto;
}

.welcome .welcome-intro-section .img-wrapper .dots {
  right: -70px;
  top: -25px;
}

.welcome .welcome-intro-section.fade-in-element .indeavr-talents-text {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}

.welcome .welcome-intro-section.fade-in-element .img-wrapper {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

.welcome .purple {
  color: #ab2d87;
}

@media (min-width: 1101px) {
  .welcome .cta-section {
    margin-bottom: 51px;
  }
}
@media (max-width: 1100px) {
  .welcome .cta-section {
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .welcome .cta-section {
    margin-bottom: 25px;
  }
}
.welcome .cta-section p {
  font-size: 40px;
  line-height: 48px;
  font-weight: bold;
  margin-bottom: 48px;
}

@media (max-width: 1100px) {
  .welcome .cta-section p {
    text-align: center;
  }
}
.welcome .cta-section.fade-in-element p {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}

.welcome .cta-section.fade-in-element .cta {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

.welcome .what-section {
  background-color: #f4f4f4;
}

@media (min-width: 1101px) {
  .welcome .what-section {
    margin: 0 0 179px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .welcome .what-section {
    margin: 0 0 20%;
  }
}
@media (max-width: 767px) {
  .welcome .what-section {
    margin: 0 0 17%;
  }
}
.welcome .what-section .title-with-line {
  margin-bottom: 15px;
}

.welcome .what-section__line {
  margin-top: 27px;
  margin-bottom: 23px;
  min-height: 10px;
  opacity: 0.1;
  background-color: #939393;
}

.welcome .what-section h5 {
  margin-bottom: 15px;
  color: #ab2d87;
  font-size: 20px;
  line-height: 1.5;
}

.welcome .what-section__colapsible {
  display: grid;
  grid-template-rows: var(--collapsible-rows, 0fr);
  transition: grid-template-rows ease-in-out 500ms;
  transition: grid-template-rows ease-in-out 500ms, -ms-grid-rows ease-in-out 500ms;
}

.welcome .what-section__colapsible--expanded {
  --collapsible-rows: 1fr;
}

@media (min-width: 1101px) {
  .welcome .what-section__colapsible-text {
    max-width: 500px;
  }
}
@media (max-width: 1100px) {
  .welcome .what-section__colapsible-text:first-child {
    margin-bottom: 25px;
  }
}
.welcome .what-section__expand {
  margin-top: 12px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5;
  background-color: transparent;
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .welcome .what-section__expand:hover {
    text-decoration: underline;
  }
}
@media (min-width: 1101px) {
  .welcome .what-section__expand {
    margin-left: 585px;
  }
}
@media (min-width: 1101px) {
  .welcome .what-section .wrapper {
    padding-top: 48px;
    padding-bottom: 90px;
  }
  .welcome .what-section .wrapper::before {
    content: "";
    width: 100%;
    height: 38px;
    position: absolute;
    bottom: 1px;
    left: 0;
    background-color: #ab2d87;
    box-shadow: 0 0 0 100vmax #ab2d87;
    -webkit-clip-path: inset(0 -100vmax);
            clip-path: inset(0 -100vmax);
    opacity: 0;
  }
  .welcome .what-section .wrapper.fade-in-element::before {
    -webkit-animation: fadeInUp 1s 0.2s forwards;
    animation: fadeInUp 1s 0.2s forwards;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .welcome .what-section .wrapper {
    padding-top: 25px;
    padding-bottom: 61px;
  }
}
@media (max-width: 767px) {
  .welcome .what-section .wrapper {
    padding-top: 30px;
    padding-bottom: 63px;
  }
}
.welcome .what-section .wrapper > *:not(.what-section__colapsible) {
  opacity: 0;
}

.welcome .what-section .wrapper .talents-svg-bg {
  z-index: 1;
}

@media (min-width: 1101px) {
  .welcome .what-section .wrapper .talents-svg-bg {
    top: calc(100% - 53px);
    left: -152px;
  }
  .welcome .what-section .wrapper .talents-svg-bg #Rectangle_9046 {
    display: none;
  }
}
@media (max-width: 1100px) {
  .welcome .what-section .wrapper .talents-svg-bg {
    height: auto;
    top: calc(100% - 22px);
    width: 147vw;
    left: -40vw;
  }
}
.welcome .what-section .wrapper.fade-in-element .title-with-line {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}

.welcome .what-section .wrapper.fade-in-element .what-section-text {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

.welcome .what-section .wrapper.fade-in-element .what-section__expand {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}

.welcome .what-section .wrapper.fade-in-element .talents-svg-bg {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}

@media (min-width: 1101px) {
  .welcome .what-section-text {
    max-width: 500px;
  }
}
@media (max-width: 1100px) {
  .welcome .what-section-text:first-of-type {
    margin-bottom: 20px;
  }
}
.welcome .why-section {
  z-index: 1;
}

@media (min-width: 1101px) {
  .welcome .why-section .img-wrapper {
    max-width: 494px;
    margin-right: 48px;
  }
}
@media (max-width: 1100px) {
  .welcome .why-section .img-wrapper {
    order: 2;
    margin-top: 15px;
  }
}
.welcome .why-section .img-wrapper img {
  max-width: 100%;
}

.welcome .why-section.fade-in-element .img-wrapper {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}

.welcome .why-section.fade-in-element .indeavr-talents-text {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

.cta {
  max-width: 516px;
  line-height: 50px;
  color: #0d0d0d;
}

@media (max-width: 1100px) {
  .cta {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .cta {
    justify-content: center;
  }
}
.cta-text-wrapper {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .cta-text-wrapper {
    width: 100%;
    text-align: center;
  }
}
.cta-text-wrapper span {
  padding: 0 10px;
  color: currentColor;
}

.cta button {
  min-width: 248px;
}

@media (max-width: 767px) {
  .cta button {
    min-width: 335px;
    margin-bottom: 10px;
  }
}
.cta a {
  color: currentColor;
  font-size: 18px;
}

.cta.inverted {
  color: #ffffff;
}

.cta.inverted button {
  background-color: currentColor;
}

@media (hover: hover) and (pointer: fine) {
  .cta.inverted button:hover span {
    color: #ffffff;
  }
}
.cta.inverted button::before {
  background-color: #2c337a;
}

.cta.inverted button span {
  color: #0d0d0d;
}

.opportunities {
  background-color: #001d2c;
  color: #ffffff;
  padding: 100px 0 38px;
  margin-top: -50px;
  z-index: 0;
}

@media (max-width: 1100px) and (min-width: 767px) {
  .opportunities {
    padding-top: 284px;
    margin-top: -248px;
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .opportunities {
    padding-top: 112px;
    margin-top: -84px;
    padding-bottom: 15px;
  }
}
.opportunities .cta-section {
  z-index: 2;
}

.opportunities .cta-section .dots {
  right: 20px;
  top: 170px;
  z-index: 1;
}

.opportunities .cta-section .indeavr-talents-text {
  opacity: 0;
  margin-right: 110px;
}

@media (max-width: 1100px) {
  .opportunities .cta-section .indeavr-talents-text {
    margin: 0 0 35px 0;
  }
}
@media (min-width: 1101px) {
  .opportunities .cta-section .indeavr-talents-text h4 {
    white-space: nowrap;
  }
}
.opportunities .cta-section .cta {
  opacity: 0;
}

@media (max-width: 1100px) {
  .opportunities .cta-section .cta {
    width: 100%;
  }
}
.opportunities .cta-section.fade-in-element .indeavr-talents-text {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}

.opportunities .cta-section.fade-in-element .cta {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

@media (min-width: 1101px) {
  .opportunities .talents-forms-visible + .opportunities-columns {
    -webkit-margin-before: 70px;
            margin-block-start: 70px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .opportunities .talents-forms-visible + .opportunities-columns {
    -webkit-margin-before: 60px;
            margin-block-start: 60px;
  }
}
@media (max-width: 767px) {
  .opportunities .talents-forms-visible + .opportunities-columns {
    -webkit-margin-before: 42px;
            margin-block-start: 42px;
  }
}
@media (min-width: 1101px) {
  .opportunities .opportunities-columns {
    -webkit-margin-before: 50px;
            margin-block-start: 50px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .opportunities .opportunities-columns {
    -webkit-margin-before: 40px;
            margin-block-start: 40px;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .opportunities .opportunities-columns {
    -webkit-margin-before: 22px;
            margin-block-start: 22px;
    flex-direction: column;
  }
}
.opportunities .opportunities-columns .column {
  opacity: 0;
  max-width: 347px;
  background-color: #0d2b3b;
  padding: 32px 40px 50px;
  margin-bottom: 33px;
  --cms-text-li-bg: #ffffff;
}

@media (max-width: 1100px) and (min-width: 767px) {
  .opportunities .opportunities-columns .column:nth-of-type(odd):not(:last-of-type) {
    margin-right: 33px;
  }
}
@media (max-width: 799px) {
  .opportunities .opportunities-columns .column {
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  .opportunities .opportunities-columns .column {
    max-width: unset;
    margin-bottom: 15px;
  }
}
.opportunities .opportunities-columns .column li:not(:first-child) {
  margin-top: 15px;
}

.opportunities .opportunities-columns .column p:first-child {
  margin-bottom: 15px;
  max-width: 98%;
  font-weight: bold;
  font-size: 22px;
  line-height: 31px;
}

.opportunities .opportunities-columns .column p:not(:first-child) {
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
}

.opportunities .opportunities-columns.fade-in-element .column:nth-child(1) {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

.opportunities .opportunities-columns.fade-in-element .column:nth-child(2) {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}

.opportunities .opportunities-columns.fade-in-element .column:nth-child(3) {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}

.opportunities .opportunities-columns.fade-in-element .column:nth-child(4) {
  -webkit-animation: fadeInUp 1s 0.8s forwards;
          animation: fadeInUp 1s 0.8s forwards;
}

.opportunities .bg-image {
  bottom: 0;
  min-height: 900px;
  z-index: 1;
  background: linear-gradient(180deg, #001d2c var(--gradient-f-color-prct, 40%), transparent), var(--background-image);
  background-size: 100% auto;
  background-position-y: bottom;
  background-repeat: no-repeat;
}

@media (min-width: 1101px) {
  .opportunities .bg-image {
    --background-image: url("../assets/images/indeavr-talents-mountains-bg.jpg");
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .opportunities .bg-image {
    --gradient-f-color-prct: 75%;
    --background-image: url("../assets/images/indeavr-talents-mountains-bg.jpg");
  }
}
@media (max-width: 767px) {
  .opportunities .bg-image {
    --gradient-f-color-prct: 75%;
    --background-image: url("../assets/images/indeavr-talents-mountains-bg-mobile.jpg");
  }
}
.goals {
  padding: 51px 0 58px;
  overflow: hidden;
}

.goals article > * {
  opacity: 0;
}

.goals .talent-quality-section {
  margin-bottom: 98px;
}

@media (max-width: 1100px) and (min-width: 767px) {
  .goals .talent-quality-section {
    margin: 0 0 38px;
  }
}
@media (max-width: 767px) {
  .goals .talent-quality-section {
    margin: 0 0 48px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .goals .talent-quality-section {
    justify-content: space-between;
  }
}
@media (min-width: 1101px) {
  .goals .talent-quality-section .indeavr-talents-text {
    margin-right: 175px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .goals .talent-quality-section .indeavr-talents-text {
    max-width: 415px;
  }
}
.goals .talent-quality-section .indeavr-talents-text h4 {
  max-width: 96%;
}

.goals .talent-quality-section .img-wrapper {
  max-width: 366px;
}

@media (max-width: 1100px) and (min-width: 767px) {
  .goals .talent-quality-section .img-wrapper {
    max-width: 262px;
  }
}
@media (max-width: 767px) {
  .goals .talent-quality-section .img-wrapper {
    order: -1;
    max-width: 315px;
    margin: 0 auto 48px;
  }
}
.goals .talent-quality-section.fade-in-element .indeavr-talents-text {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}

.goals .talent-quality-section.fade-in-element .img-wrapper {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

.goals .mission-vision-section .img-wrapper {
  margin-right: 80px;
}

@media (max-width: 1100px) {
  .goals .mission-vision-section .img-wrapper .on-top {
    position: relative;
    width: 100vw;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .goals .mission-vision-section .img-wrapper .on-top {
    left: -36px;
  }
}
@media (max-width: 767px) {
  .goals .mission-vision-section .img-wrapper .on-top {
    left: -20px;
  }
}
@media (min-width: 1101px) {
  .goals .mission-vision-section .img-wrapper .on-top {
    max-width: 257px;
    top: 0;
    right: 0;
    border-style: solid;
    border-color: #ffffff;
    border-width: 0;
    border-left-width: 14px;
    border-bottom-width: 14px;
  }
}
@media (max-width: 1100px) {
  .goals .mission-vision-section .img-wrapper .on-top {
    margin-bottom: 30px;
  }
}
.goals .mission-vision-section .img-wrapper .on-bottom {
  max-width: 461px;
  margin-top: 30px;
  margin-right: 30px;
}

@media (min-width: 1101px) {
  .goals .mission-vision-section .goals-text-wrapper .indeavr-talents-text:not(:last-child) {
    margin: 0 0 43px;
  }
}
@media (max-width: 1100px) and (min-width: 767px) {
  .goals .mission-vision-section .goals-text-wrapper .indeavr-talents-text:not(:last-child) {
    margin: 0 0 20px;
  }
}
@media (max-width: 767px) {
  .goals .mission-vision-section .goals-text-wrapper .indeavr-talents-text:not(:last-child) {
    margin: 0 0 24px;
  }
}
.goals .mission-vision-section.fade-in-element .img-wrapper {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}

.goals .mission-vision-section.fade-in-element .goals-text-wrapper {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}

.talents-forms {
  background-color: #ffffff;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  max-height: 0;
  opacity: 0;
}

.talents-forms.talents-forms-visible {
  max-height: 1600px;
  opacity: 1;
}

@media (min-width: 1101px) {
  .talents-forms.in-welcome-section {
    top: -60px;
  }
}
@media (max-width: 1100px) {
  .talents-forms.in-welcome-section.talents-forms-visible {
    margin-bottom: 48px;
  }
}
.talents-forms.in-opportunities-section {
  background-color: #ffffff;
}

.talents-forms.in-opportunities-section.talents-forms-visible {
  margin-top: 30px;
  padding: 35px 0 50px;
}

.talents-forms .client-form,
.talents-forms .professional-form {
  transition: opacity 550ms ease-in-out;
  max-height: 0px;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  visibility: hidden;
}

.talents-forms .visible-form {
  max-height: 1600px;
  opacity: 1;
  pointer-events: all;
  z-index: 1;
  visibility: visible;
}

.talents-forms .hidden-form-v2 {
  max-height: 1600px;
}

.talents-forms h4 {
  margin-bottom: 38px;
}

@media (min-width: 1101px) {
  .talents-forms .image-wrapper {
    margin-top: 67px;
  }
}
.talents-forms__warning {
  margin-bottom: 25px;
  width: 100%;
  min-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  background-color: #fae693;
  font-size: 12px;
  color: #0d0d0d;
  font-weight: 500;
  line-height: 1.5;
}

@media (max-width: 540px) {
  .talents-forms__warning {
    padding: 10px 20px;
  }
  .talents-forms__warning svg {
    flex-shrink: 0;
  }
}
.marlabs {
  position: relative;
  padding: 115px 0 44px;
}
.marlabs::before {
  content: "";
  width: 100%;
  height: 100px;
  background: linear-gradient(90deg, #00b5ad 0%, #2b327f 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.marlabs__banner-wrapper {
  display: block;
  max-width: 922px;
  margin: 0 auto;
}
.marlabs__wrapper {
  max-width: 572px;
  margin: 0 auto;
  padding: 0 20px;
}
.marlabs__logo {
  display: block;
  margin: 40px auto;
}
.marlabs figcaption {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  max-width: 514px;
  display: block;
  margin: 5px auto 0px;
}
.marlabs h1 {
  font-size: 30px;
  line-height: 40px;
  margin-top: 30px;
}
.marlabs p {
  font-weight: 300;
  margin: 25px 0;
  line-height: 24px;
}
.marlabs p strong {
  font-weight: 700;
}
.marlabs a {
  color: #257be0;
  text-decoration: none;
  transition: color 0.4s ease;
}
.marlabs a:hover {
  color: #19569c;
  text-decoration: underline;
}

@media screen and (max-width: 1099px) {
  .marlabs {
    padding: 95px 0 30px;
  }
  .marlabs::before {
    height: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .marlabs__banner-wrapper {
    max-width: none;
  }
  .marlabs__banner-wrapper img {
    width: 100%;
    height: 49.8915401302vw;
  }
  .marlabs__wrapper img {
    width: 100%;
    height: auto;
  }
  .marlabs figcaption {
    padding: 0 20px;
  }
}
.marlabs-info {
  color: #0d0d0d;
  padding-top: 70px;
  padding-bottom: 60px;
}
.marlabs-info__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
  opacity: 0;
  flex-basis: 50%;
}
.marlabs-info__logo img {
  display: block;
  margin: 0 40px 60px 0px;
}
.marlabs-info__content {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
  opacity: 0;
  padding-left: 46px;
  flex-basis: 50%;
}
.marlabs-info__content h4 {
  margin-bottom: 6px;
}
.marlabs-info__content h4 br {
  display: none;
}
.marlabs-info__content p {
  line-height: 26px;
  font-weight: lighter;
  font-size: 16px;
  margin-bottom: 20px;
}
.marlabs-info__content a {
  padding-inline: 30px;
  display: inline-block;
}
.marlabs-info__content img {
  display: none;
}
.marlabs-info__cards {
  margin-top: 60px;
}
.marlabs-info__cards h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 14px;
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
  opacity: 0;
}
.marlabs-info__cards-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.marlabs-info__card {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
  opacity: 0;
  flex-basis: 25%;
  min-height: 200px;
  padding: 22px 34px;
  background-color: #f5f6fa;
}
.marlabs-info__card h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  width: 90%;
}
.marlabs-info__card p {
  font-size: 16px;
  line-height: 26px;
}
.marlabs-info__sub {
  text-align: center;
  font-weight: lighter;
  margin-top: 12px;
  line-height: 26px;
  opacity: 0;
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}

@media screen and (max-width: 1100px) {
  .marlabs-info__logo {
    display: none;
  }
  .marlabs-info__content {
    padding-left: 0;
    flex-basis: 100%;
  }
  .marlabs-info__content h4 {
    text-align: center;
  }
  .marlabs-info__content img {
    display: block;
    margin: 0 auto 30px;
    max-width: 300px;
    height: auto;
  }
}
@media screen and (max-width: 1023px) {
  .marlabs-info {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .marlabs-info__cards-wrapper {
    flex-direction: column;
  }
  .marlabs-info__cards {
    margin-top: 30px;
  }
  .marlabs-info__card {
    flex-basis: 100%;
    min-height: 160px;
  }
}
@media screen and (max-width: 450px) {
  .marlabs-info__content h4 br {
    display: block;
  }
  .marlabs-info__content a {
    padding-inline: 0;
    width: 100%;
  }
}
.hidden {
  opacity: 0;
}

body {
  display: flex;
  flex-direction: column;
}

footer {
  margin-top: auto;
}

.hide-pgblock {
  display: none !important;
}

section.error {
  padding-top: 63px;
  margin: 75px auto;
  max-width: 1036px;
  display: flex;
}
section.error.fade-in-element img {
  -webkit-animation: fadeInUp 1s forwards;
          animation: fadeInUp 1s forwards;
}
section.error.fade-in-element .error-type {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}
section.error.fade-in-element .error-code {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}
section.error.fade-in-element .error-message {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}
section.error.fade-in-element .banner-button {
  -webkit-animation: fadeInUp 1s 0.8s forwards;
          animation: fadeInUp 1s 0.8s forwards;
}
@media (max-width: 1100px) {
  section.error {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
}
section.error img {
  opacity: 0;
}
section.error .text {
  max-width: 398px;
  margin-right: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.error .error-type {
  opacity: 0;
  font: normal normal normal 60px/60px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
section.error .error-code {
  opacity: 0;
  font: normal normal 500 233px/233px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
section.error .error-message {
  text-align: center;
  font: normal normal normal 17px/28px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  opacity: 0;
  margin-bottom: 21px;
}
section.error .banner-button {
  opacity: 0;
  background: #2c337a;
  box-shadow: 0px 3px 6px rgba(44, 51, 122, 0.3019607843);
  padding: 15px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  width: 203px;
}
section.error .banner-button span {
  z-index: 2;
  font: normal normal normal 18px/21px Roboto;
  text-decoration: none;
  letter-spacing: 0px;
  color: #ffffff;
  display: block;
  position: relative;
  text-align: center;
  z-index: 2;
}
section.error .banner-button:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #0f1760;
  transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 1;
}
section.error .banner-button:hover span {
  color: #ffffff;
}
section.error .banner-button:hover:after {
  content: "";
  width: 100%;
}
section.error .banner-button:focus {
  background: #1b215a;
}

.submit-popup {
  width: 399px !important;
  max-width: 399px !important;
  height: 124px;
  position: absolute !important;
  top: 0;
  left: -50px;
  z-index: 2;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1607843137);
  border-radius: 10px;
  display: none;
  align-items: center;
  justify-content: center;
}
.submit-popup .close-submit-popup {
  position: absolute;
  top: 18px;
  right: 19px;
  cursor: pointer;
}
.submit-popup .status-icon {
  margin-right: 15px;
}
.submit-popup p {
  max-width: 268px !important;
  text-align: center;
  font: normal normal 500 16px/30px Roboto !important;
  letter-spacing: 0px !important;
  color: #0d0d0d !important;
  margin: 0 !important;
}

.walk-the-talk {
  background: #f5f6fa 0% 0% no-repeat padding-box;
  padding-top: 35px;
}
@media (max-width: 1100px) {
  .walk-the-talk {
    padding: 35px 36px 0 36px;
  }
}
@media (max-width: 767px) {
  .walk-the-talk {
    padding: 31px 20px 0 20px;
  }
  .walk-the-talk h4 {
    font: normal normal normal 25px/30px Roboto;
    margin-bottom: 32px;
  }
}
.walk-the-talk.fade-in-element h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.walk-the-talk.fade-in-element .boxes .box {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.walk-the-talk.fade-in-element .boxes .box:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.walk-the-talk.fade-in-element .boxes .box:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.walk-the-talk.fade-in-element .boxes .box:nth-child(3) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.walk-the-talk.fade-in-element .boxes .box:nth-child(4) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.walk-the-talk .boxes {
  max-width: 1084px;
  display: flex;
  margin: 0 auto;
  position: relative;
  overflow-y: hidden;
  cursor: pointer;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.walk-the-talk .boxes::-webkit-scrollbar {
  display: none;
}
.walk-the-talk .boxes .box {
  margin-right: 20px;
  opacity: 0;
}
.walk-the-talk .boxes .box iframe {
  border: none;
}
@media (max-width: 1100px) {
  .walk-the-talk .boxes .box {
    margin-right: 16px;
  }
}
.walk-the-talk .boxes .box:hover iframe {
  background: rgba(13, 13, 13, 0.3);
}
.walk-the-talk .boxes .box:hover p {
  color: #34b2ac;
}
@media (max-width: 1024px) {
  .walk-the-talk .boxes .box:hover iframe {
    background: none;
  }
  .walk-the-talk .boxes .box:hover p {
    color: #0d0d0d;
  }
}
.walk-the-talk .boxes .box p {
  max-width: 256px;
  font: normal normal normal 16px/25px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-top: 10px;
}
.walk-the-talk .boxes .box:last-of-type {
  margin-right: 0;
}
.walk-the-talk h4 {
  opacity: 0;
  margin: 0px auto 34px auto;
  text-align: center;
  font: normal normal normal 25px/33px Roboto;
  letter-spacing: 0px;
  width: 100%;
  color: #0d0d0d;
  position: relative;
  max-width: 1084px;
}
.walk-the-talk h4 a {
  right: 5px;
  bottom: -15px;
  font: normal normal normal 14px/16px Roboto;
  color: #0d0d0d;
}
@media (hover: hover) and (pointer: fine) {
  .walk-the-talk h4 a:hover svg path, .walk-the-talk h4 a:hover span {
    fill: #34b2ac;
    stroke: #34b2ac;
    color: #34b2ac;
  }
}
.walk-the-talk h4 a svg {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.walk-the-talk h4 + p {
  max-width: 501px;
  text-align: center;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin: 0 auto 57px auto;
}

.also-interesting {
  background: #f5f6fa 0% 0% no-repeat padding-box;
  padding-top: 47px;
  padding-bottom: 67px;
}
.also-interesting.fade-in-element h4 {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.also-interesting.fade-in-element .boxes a {
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; /* When the spec is finished */
}
.also-interesting.fade-in-element .boxes a:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.also-interesting.fade-in-element .boxes a:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.also-interesting.fade-in-element .boxes a:nth-child(3) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.also-interesting.fade-in-element .boxes a:nth-child(4) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
@media (max-width: 1100px) {
  .also-interesting {
    padding: 47px 36px 67px 36px;
  }
}
.also-interesting h4 {
  opacity: 0;
  margin: 0px auto 47px auto;
  text-align: center;
  font: normal normal normal 25px/33px Roboto;
  letter-spacing: 0px;
  width: 100%;
  color: #0d0d0d;
  position: relative;
}
.also-interesting h4:after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: calc(50% - 12.5px);
  width: 25px;
  height: 2px;
  background: #0d0d0d;
  opacity: 1;
  bottom: -10px;
  left: calc(50% - 12.5px);
}
.also-interesting h4 + p {
  max-width: 501px;
  text-align: center;
  font: normal normal 300 16px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin: 0 auto 57px auto;
}
.also-interesting .boxes {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  max-width: 1084px;
  margin: 0 auto;
  display: flex;
  overflow-y: hidden;
  cursor: pointer;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.also-interesting .boxes::-webkit-scrollbar {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .also-interesting .boxes:hover {
    overflow: visible;
  }
}
.also-interesting .boxes a {
  text-decoration: none;
  opacity: 0;
  margin-right: 52px;
}
@media (max-width: 1100px) {
  .also-interesting .boxes a {
    margin-right: 16px;
  }
}
.also-interesting .boxes a:last-of-type {
  margin-right: 0;
}
.also-interesting .boxes .box {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  width: 326px;
  height: 371px;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .also-interesting .boxes .box:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1607843137);
    overflow: hidden;
  }
  .also-interesting .boxes .box:hover span {
    color: #34b2ac;
  }
}
.also-interesting .boxes .box .img-wrapper {
  overflow: hidden;
  max-height: 180px;
}
.also-interesting .boxes .box img {
  width: 326px;
  height: 180px;
}
.also-interesting .boxes .box .img-overlay {
  display: none;
  box-shadow: inset 0 0 1000px rgba(13, 13, 13, 0.3);
  width: 326px;
  height: 180px;
}
.also-interesting .boxes .box span {
  margin-top: 17px;
  margin-left: 25px;
  margin-bottom: 10px;
  margin-right: 27px;
  font: normal normal normal 20px/26px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
}
.also-interesting .boxes .box p {
  margin-left: 25px;
  font: normal normal 300 16px/30px Roboto;
  letter-spacing: 0px;
  color: #0d0d0d;
  margin-right: 27px;
}
@media (max-width: 767px) {
  .also-interesting {
    padding: 60px 20px 30px 20px;
  }
  .also-interesting h4 {
    margin-bottom: 32px;
    font: normal normal normal 25px/30px Roboto;
  }
  .also-interesting .boxes {
    display: block;
  }
  .also-interesting .boxes .box {
    width: 100%;
    max-width: 335px;
    margin: 0 auto;
  }
  .also-interesting .boxes .box img {
    width: 100%;
  }
  .also-interesting .boxes .box .img-overlay {
    width: 100%;
  }
}

.gallery,
.management-carousel {
  /* Arrows */
  /* Dots */
}
.gallery .slick-prev,
.gallery .slick-next,
.management-carousel .slick-prev,
.management-carousel .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: black;
  border-radius: 50%;
}
.gallery .slick-prev:hover,
.gallery .slick-prev:focus,
.gallery .slick-next:hover,
.gallery .slick-next:focus,
.management-carousel .slick-prev:hover,
.management-carousel .slick-prev:focus,
.management-carousel .slick-next:hover,
.management-carousel .slick-next:focus {
  color: transparent;
  outline: none;
}
.gallery .slick-prev:hover:before,
.gallery .slick-prev:focus:before,
.gallery .slick-next:hover:before,
.gallery .slick-next:focus:before,
.management-carousel .slick-prev:hover:before,
.management-carousel .slick-prev:focus:before,
.management-carousel .slick-next:hover:before,
.management-carousel .slick-next:focus:before {
  opacity: 1;
}
.gallery .slick-prev.slick-disabled:before,
.gallery .slick-next.slick-disabled:before,
.management-carousel .slick-prev.slick-disabled:before,
.management-carousel .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.gallery .slick-prev:before,
.gallery .slick-next:before,
.management-carousel .slick-prev:before,
.management-carousel .slick-next:before {
  font-size: 30px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gallery .slick-prev,
.management-carousel .slick-prev {
  left: -45px;
}
.gallery [dir=rtl] .slick-prev,
.management-carousel [dir=rtl] .slick-prev {
  right: -45px;
  left: auto;
}
.gallery .slick-prev:before,
.management-carousel .slick-prev:before {
  content: "<";
  position: relative;
  top: -1px;
}
.gallery [dir=rtl] .slick-prev:before,
.management-carousel [dir=rtl] .slick-prev:before {
  content: ">";
}
.gallery .slick-next,
.management-carousel .slick-next {
  right: -45px;
}
.gallery [dir=rtl] .slick-next,
.management-carousel [dir=rtl] .slick-next {
  right: auto;
  left: -45px;
}
.gallery .slick-next:before,
.management-carousel .slick-next:before {
  content: ">";
  position: relative;
  top: -1px;
}
.gallery [dir=rtl] .slick-next:before,
.management-carousel [dir=rtl] .slick-next:before {
  content: "<";
}
.gallery .slick-dotted.slick-slider,
.management-carousel .slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.gallery .slick-dots,
.management-carousel .slick-dots {
  position: absolute;
  bottom: -35px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.gallery .slick-dots li,
.management-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.gallery .slick-dots li button,
.management-carousel .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 40px;
  height: 40px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.gallery .slick-dots li button:hover,
.gallery .slick-dots li button:focus,
.management-carousel .slick-dots li button:hover,
.management-carousel .slick-dots li button:focus {
  outline: none;
}
.gallery .slick-dots li button:hover:before,
.gallery .slick-dots li button:focus:before,
.management-carousel .slick-dots li button:hover:before,
.management-carousel .slick-dots li button:focus:before {
  opacity: 1;
}
.gallery .slick-dots li button:before,
.management-carousel .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gallery .slick-dots li.slick-active button:before,
.management-carousel .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.users-status {
  margin: 115px auto 50px auto;
  max-width: 1084px;
  font: normal normal normal 16px/19px Roboto, Regular;
  letter-spacing: 0px;
  display: flex;
  flex-wrap: wrap;
}
.users-status.fade-in-element .table-container section div:nth-child(0) {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(1) {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(2) {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(3) {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(4) {
  -webkit-animation: fadeInUp 1s 0.8s forwards;
          animation: fadeInUp 1s 0.8s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(5) {
  -webkit-animation: fadeInUp 1s 1s forwards;
          animation: fadeInUp 1s 1s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(6) {
  -webkit-animation: fadeInUp 1s 1.2s forwards;
          animation: fadeInUp 1s 1.2s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(7) {
  -webkit-animation: fadeInUp 1s 1.4s forwards;
          animation: fadeInUp 1s 1.4s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(8) {
  -webkit-animation: fadeInUp 1s 1.6s forwards;
          animation: fadeInUp 1s 1.6s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(9) {
  -webkit-animation: fadeInUp 1s 1.8s forwards;
          animation: fadeInUp 1s 1.8s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(10) {
  -webkit-animation: fadeInUp 1s 2s forwards;
          animation: fadeInUp 1s 2s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(11) {
  -webkit-animation: fadeInUp 1s 2.2s forwards;
          animation: fadeInUp 1s 2.2s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(12) {
  -webkit-animation: fadeInUp 1s 2.4s forwards;
          animation: fadeInUp 1s 2.4s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(13) {
  -webkit-animation: fadeInUp 1s 2.6s forwards;
          animation: fadeInUp 1s 2.6s forwards;
}
.users-status.fade-in-element .table-container section div:nth-child(14) {
  -webkit-animation: fadeInUp 1s 2.8s forwards;
          animation: fadeInUp 1s 2.8s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(0) {
  -webkit-animation: fadeInUp 1s 0s forwards;
          animation: fadeInUp 1s 0s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(1) {
  -webkit-animation: fadeInUp 1s 0.2s forwards;
          animation: fadeInUp 1s 0.2s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(2) {
  -webkit-animation: fadeInUp 1s 0.4s forwards;
          animation: fadeInUp 1s 0.4s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(3) {
  -webkit-animation: fadeInUp 1s 0.6s forwards;
          animation: fadeInUp 1s 0.6s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(4) {
  -webkit-animation: fadeInUp 1s 0.8s forwards;
          animation: fadeInUp 1s 0.8s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(5) {
  -webkit-animation: fadeInUp 1s 1s forwards;
          animation: fadeInUp 1s 1s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(6) {
  -webkit-animation: fadeInUp 1s 1.2s forwards;
          animation: fadeInUp 1s 1.2s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(7) {
  -webkit-animation: fadeInUp 1s 1.4s forwards;
          animation: fadeInUp 1s 1.4s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(8) {
  -webkit-animation: fadeInUp 1s 1.6s forwards;
          animation: fadeInUp 1s 1.6s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(9) {
  -webkit-animation: fadeInUp 1s 1.8s forwards;
          animation: fadeInUp 1s 1.8s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(10) {
  -webkit-animation: fadeInUp 1s 2s forwards;
          animation: fadeInUp 1s 2s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(11) {
  -webkit-animation: fadeInUp 1s 2.2s forwards;
          animation: fadeInUp 1s 2.2s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(12) {
  -webkit-animation: fadeInUp 1s 2.4s forwards;
          animation: fadeInUp 1s 2.4s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(13) {
  -webkit-animation: fadeInUp 1s 2.6s forwards;
          animation: fadeInUp 1s 2.6s forwards;
}
.users-status.fade-in-element .user-info p:nth-child(14) {
  -webkit-animation: fadeInUp 1s 2.8s forwards;
          animation: fadeInUp 1s 2.8s forwards;
}
.users-status .table-container {
  border: 2px solid #328682;
  max-width: 500px;
  padding: 25px 30px;
  margin-right: 60px;
}
.users-status .table-container section div {
  display: flex;
  opacity: 0;
}
.users-status .table-container section div span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 50px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
  border-right: 1px solid rgba(112, 112, 112, 0.2);
}
.users-status .table-container section div span:nth-child(2) {
  width: 270px;
  border-right: none;
}
.users-status .table-container section div:first-child {
  color: #328682;
  font-weight: bold;
}
.users-status .table-container section div:first-child span {
  align-items: flex-start;
  height: 30px;
}
.users-status .table-container section div:last-child span {
  font-weight: bold;
}
.users-status .user-info {
  width: 540px;
}
.users-status .user-info p {
  opacity: 0;
  margin: 15px 0px;
}
.users-status .user-info p.comment-paragraph {
  line-height: 30px;
}
.users-status .user-info p:first-child {
  margin-top: 0px;
}
@media (max-width: 1100px) {
  .users-status {
    justify-content: center;
    align-items: center;
    margin-top: 75px;
  }
  .users-status .table-container {
    margin: 35px 60px 30px 0px;
  }
}
@media (max-width: 600px) {
  .users-status {
    padding: 0 20px;
    margin-top: 60px;
  }
  .users-status .table-container {
    margin-right: 0px;
    width: 100%;
  }
  .users-status .table-container div span:nth-child(2) {
    width: 100% !important;
    border-right: none;
  }
}

.navigation-show {
  background: linear-gradient(90deg, #00b5ad 0%, #2b327f 100%);
  position: relative;
}

body.page section:not(.generic-banner) > h1,
body.page section:not(.generic-banner) > h4 {
  font-weight: bold;
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .input-container input,
.input-container textarea {
      border-radius: 0;
    }
  }
}
@media (max-width: 540px) {
  body > div:last-of-type {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .g-recaptcha-bubble-arrow {
    display: none;
  }
}