.current_img, .prev_img {
  height: 100%;
  width: 100%; 
  left: 0;
  top: 0;
  position: fixed;
  z-index: -4; 
  
}

.current_img {
  z-index: -4; 
  display: inline-block;
  background-size: cover;
}

.prev_img {
  
  z-index: -3; 
  display: none; 
  background-size: cover;
  
}

.paragraph,p {
  color:#323232;
  font-size:16px;
  font-weight:300;
  line-height:1.6;
  max-width:800px;
  white-space:normal;
}
.paragraph strong,
.paragraph-primary,
.paragraph.medium-bold,
p strong,
p-primary,
p.medium-bold {
  font-weight:500;
}
.paragraph-primary a,
.paragraph.medium-bold a,
p-primary a,
p.medium-bold a {
  font-weight:700;
}
.paragraph.paragraph-fs-20 p,
p.paragraph-fs-20 p {
  color:#323232;
  font-size:20px;
  font-weight:300;
  line-height:1.35;
}
.paragraph.extra-text-margin,
p.extra-text-margin {
  margin-bottom:40px;
}
@media only screen and (max-width:767px) {
  .paragraph.extra-text-margin,
  p.extra-text-margin {
    margin-bottom:20px;
  }
}
.paragraph+.paragraph,
.paragraph+p,
p+.paragraph,
p+p {
  padding-top:20px;
}
.paragraph a,
p a {
  font-weight:500;
  transition:all .3s ease;
}
.paragraph a:hover,
p a:hover {
  text-decoration:underline;
}
.paragraph em,
p em {
  font-style:italic;
}
.paragraph.paragraph-list-item-lh,
p.paragraph-list-item-lh {
  line-height:1.25;
}
@media only screen and (min-width:1025px) {
  .paragraph.has-margin-right,
  p.has-margin-right {
    max-width:536px;
  }
}
.paragraph-primary-700,
.paragraph-strong strong {
  font-weight:700;
}
.first-level-title,
h1 {
  color:#fff;
  font-size:52px;
  font-weight:900;
  line-height:1.2;
}
@media only screen and (min-width:1025px) {
  .first-level-title,
  h1 {
    line-height:72px;
  }
}
@media only screen and (max-width:1024px) {
  .first-level-title,
  h1 {
    font-size:36px;
  }
}
.second-level-title,
h2 {
  color:#000;
  font-size:40px;
  font-weight:900;
  line-height:1.2;
  margin-bottom:32px;
}
@media only screen and (max-width:1024px) {
  .second-level-title,
  h2 {
    font-size:28px;
    font-weight:800;
    margin-bottom:28px;
  }
}
.second-level-title.extra-text-margin,
h2.extra-text-margin {
  margin-bottom:40px;
}
.second-level-title.default-text-margin,
h2.default-text-margin {
  margin-bottom:60px;
}
@media only screen and (max-width:1024px) {
  .second-level-title.default-text-margin,
  .second-level-title.extra-text-margin,
  h2.default-text-margin,
  h2.extra-text-margin {
    margin-bottom:28px;
  }
}
.second-level-title.in-outstanding-container,
h2.in-outstanding-container {
  margin-right:20px;
}
.second-level-title+svg,
h2+svg {
  margin-top:8px;
}
@media only screen and (min-width:768px) {
  .callout-stripe .second-level-title,
  .callout-stripe h2,
  .callout-stripe-small .second-level-title,
  .callout-stripe-small h2,
  .table .second-level-title,
  .table h2,
  .table-top-bordered .second-level-title,
  .table-top-bordered h2,
  .tabs-items .second-level-title,
  .tabs-items h2,
  .title-copy-columns .second-level-title,
  .title-copy-columns h2 {
    margin-bottom:0;
  }
}
.title-alone .second-level-title,
.title-alone h2 {
  margin-bottom:0;
}
.second-level-title:empty,
h2:empty {
  margin:0;
}
.third-level-title,
h3 {
  color:#000;
  font-size:32px;
  font-weight:900;
  line-height:1.2;
}
@media only screen and (max-width:1024px) {
  .third-level-title,
  h3 {
    font-size:24px;
    font-weight:700;
    margin-bottom:20px;
  }
}
.third-level-title a,
h3 a {
  font-weight:900;
}
@media only screen and (max-width:1024px) {
  .third-level-title a,
  h3 a {
    font-weight:700;
  }
}
.third-level-title.extra-text-margin,
h3.extra-text-margin {
  margin-bottom:32px;
}
@media only screen and (max-width:767px) {
  .third-level-title.extra-text-margin,
  h3.extra-text-margin {
    margin-bottom:28px;
  }
}
@media only screen and (min-width:768px) {
  .callout-stripe .third-level-title,
  .callout-stripe h3,
  .callout-stripe-small .third-level-title,
  .callout-stripe-small h3,
  .table .third-level-title,
  .table h3,
  .table-top-bordered .third-level-title,
  .table-top-bordered h3,
  .tabs-items .third-level-title,
  .tabs-items h3,
  .title-copy-columns .third-level-title,
  .title-copy-columns h3 {
    margin-bottom:0;
  }
}
.title-alone .third-level-title,
.title-alone h3 {
  margin-bottom:0;
}
.third-level-title:empty,
h3:empty {
  margin:0;
}
.fourth-level-title,
h4 {
  color:#000;
  font-size:24px;
  font-weight:800;
  line-height:1.25;
  margin-bottom:20px;
}
@media only screen and (max-width:1024px) {
  .fourth-level-title,
  h4 {
    font-size:20px;
    font-weight:700;
  }
}
.fourth-level-title a,
h4 a {
  font-weight:800;
}
@media only screen and (max-width:1024px) {
  .fourth-level-title a,
  h4 a {
    font-weight:700;
  }
}
@media only screen and (min-width:768px) {
  .callout-stripe .fourth-level-title,
  .callout-stripe h4,
  .callout-stripe-small .fourth-level-title,
  .callout-stripe-small h4,
  .table .fourth-level-title,
  .table h4,
  .table-top-bordered .fourth-level-title,
  .table-top-bordered h4,
  .tabs-items .fourth-level-title,
  .tabs-items h4,
  .title-copy-columns .fourth-level-title,
  .title-copy-columns h4 {
    margin-bottom:0;
  }
}
.title-alone .fourth-level-title,
.title-alone h4 {
  margin-bottom:0;
}
.fourth-level-title:empty,
h4:empty {
  margin:0;
}
.fifth-level-title,
.fifth-level-title p,
h5 {
  color:#000;
  font-size:20px;
  font-weight:700;
  line-height:1.4;
}
@media only screen and (max-width:1024px) {
  .fifth-level-title,
  .fifth-level-title p,
  h5 {
    font-size:18px;
    font-weight:600;
  }
}
.fifth-level-title a,
.fifth-level-title p a,
h5 a {
  font-weight:700;
}
@media only screen and (max-width:1024px) {
  .fifth-level-title a,
  .fifth-level-title p a,
  h5 a {
    font-weight:600;
  }
}
.six-level-title,
h6 {
  color:#000;
  font-size:16px;
  font-weight:700;
  line-height:1.4;
}
@media only screen and (max-width:1024px) {
  .six-level-title,
  h6 {
    font-size:14px;
    font-weight:600;
  }
}
.h1-ol {
  color:#000;
  font-size:52px;
  font-weight:400;
  line-height:1.35;
}
.h2-ol {
  font-size:40px;
}
.h2-ol,
.h3-ol {
  color:#000;
  font-weight:400;
  line-height:1.2;
}
.h3-ol {
  font-size:32px;
}
.h4-ol {
  font-size:24px;
  line-height:1.25;
}
.h4-ol,
.h5-ol {
  color:#000;
  font-weight:300;
}
.h5-ol {
  font-size:20px;
  line-height:1.35;
}
.h6-ol {
  color:#000;
  font-size:16px;
  font-weight:300;
  line-height:1.4;
}
.caption {
  color:#323232;
  font-size:14px;
  font-weight:300;
  line-height:1.6;
}
.accent-text,
.caption strong,
.caption-bold {
  font-weight:500;
}
.accent-text {
  color:#000;
  font-size:18px;
  line-height:1.33;
}
.scheme-title {
  color:#000;
  font-size:16px;
  font-weight:700;
  line-height:1.38;
}
.scheme-accent {
  line-height:1.35;
}
.btn-text,
.scheme-accent {
  color:#000;
  font-size:16px;
  font-weight:400;
}
.btn-text {
  line-height:1;
}
.input-text {
  color:#828282;
  font-size:16px;
  font-weight:400;
  line-height:1.55;
}
.quote {
  color:#323232;
  font-size:20px;
  font-weight:300;
  line-height:1.4;
}
.single-title {
  margin-bottom:44px;
}
@media only screen and (max-width:767px) {
  .single-title {
    margin-bottom:32px;
  }
}
.title-number {
  font-weight:300;
}
.section-image-content .title-number {
  font-size:32px;
  font-weight:400;
  line-height:1.2;
}
.section-image-content .title-number+.image-copy-title {
  display:inline-block;
}
.title-text-number {
  display:block;
  float:left;
  font-size:20px;
  font-weight:500;
  height:100%;
  line-height:24px;
  padding-right:24px;
}
.color-black {
  color:#323232;
}
.hide-br br {
  display:none;
}
sup {
  font-size:50%;
  vertical-align:super;
}
.homepage h1 {
  line-height:72px;
}
.homepage-header-content h1 {
  font-size:52px;
  line-height:72px;
  margin-left:173px;
  max-width:1036px;
  text-align:left;
}
@media only screen and (min-width:1025px)and (max-width:1534px) {
  .homepage-header-content h1 {
    font-size:36px;
    line-height:52px;
    margin:0 auto;
    max-width:844px;
  }
}
@media only screen and (min-width:1535px)and (max-width:1919px) {
  .homepage-header-content h1 {
    margin-left:170px;
    max-width:1267px;
  }
}
@media only screen and (min-width:1920px)and (max-width:2559px) {
  .homepage-header-content h1 {
    margin-left:352px;
    max-width:1267px;
  }
}
@media only screen and (min-width:2560px) {
  .homepage-header-content h1 {
    margin-left:352px;
    max-width:1218px;
  }
}
@media only screen and (min-width:768px)and (max-width:1024px) {
  .homepage-header-content h1 {
    font-size:35px;
    line-height:52px;
    margin-left:88px;
    margin-right:88px;
  }
}
@media only screen and (min-width:376px)and (max-width:768px) {
  .homepage-header-content h1 {
    font-size:35px;
    line-height:52px;
    margin-left:44px;
    margin-right:44px;
    max-width:680px;
  }
}
@media only screen and (max-width:392px) {
  .homepage-header-content h1 {
    font-size:24px;
    line-height:36px;
    margin-left:20px;
    max-width:335px;
  }
}
@media only screen and (min-width:393px)and (max-width:627px) {
  .homepage-header-content h1 {
    font-size:24px;
    line-height:36px;
    max-width:500px;
  }
}
.homepage .main-navigation-link {
  color:#fff;
}
.homepage .header.static {
  background:transparent;
}
.homepage .header.sticky .header-clone {
  padding:20px 44px;
}
.homepage .header .header-clone {
  max-width:none;
  padding:38px 44px;
}
.homepage .header .container {
  max-width:none;
  padding:0 44px;
}
@media only screen and (max-width:479px) {
  .homepage .header .container:first-child {
    margin:0;
    padding:0 20px;
  }
}
.homepage-title {
  font-family: "Kommersant-Modern";
  font-size: 55px;
  font-weight: normal;
}
@media only screen and (max-width:1340px) {
  .homepage-title {
    font-size:55px;
  }
}
@media only screen and (max-width:1280px) {
  .homepage-title {
    font-size:55px;
  }
}
@media only screen and (max-width:767px) {
  .homepage-title {
    font-size:40px;
  }
}
@media only screen and (max-width:570px) {
  .homepage-title {
    font-size:36px;
  }
}
.home-tabs-vertical .homepage-title {
  float:right;
  margin-bottom:48px;
  padding-right:63px;
  padding-top:80px;
  text-align:right;
}
.clients-served-container .homepage-title {
  color:#f2f2f2;
  margin-bottom:0;
  opacity:.4;
  padding-right:calc(50vw - 872px);
}
@media only screen and (max-width:1280px) {
  .clients-served-container .homepage-title {
    padding-left:0;
    text-align:left;
    width:100%;
  }
}
@media only screen and (min-width:1920px) {
  .clients-served-container .homepage-title {
    padding-right:0;
  }
}

.homepage-section {
  padding:80px 0 100px;
}
.homepage-at-glance .homepage-section {
  padding:60px 0 124px;
}
@media only screen and (min-width:1920px) {
  .homepage-at-glance .homepage-section {
    padding-top:80px;
  }
}
@media only screen and (max-width:1280px) {
  .homepage-at-glance .homepage-section {
    padding-bottom:92px;
  }
}
@media only screen and (max-width:767px) {
  .homepage-at-glance .homepage-section {
    padding-bottom:10px;
  }
}
@media only screen and (min-width:1280px)and (max-width:1919px) {
  .homepage-section .homepage-grid {
    justify-content:space-between;
    padding:0 72px;
  }
  .homepage-section .homepage-grid-item {
    padding-right:0;
    width:auto;
  }
}
.homepage-grid {
  display:flex;
}
.homepage-grid-item {
  width:50%;
}
.homepage-grid-item.homepage-services:not(:last-of-type) {
  width:47%;
}
@media only screen and (max-width:1280px) {
  .homepage-grid-item.homepage-services:not(:last-of-type) {
    width:100%;
  }
}
.homepage-grid-item.homepage-services .mdc-tab-bar {
  width:100%;
}
.homepage-grid-item.homepage-services .mdc-tab-bar .tabs-item.mdc-tab {
  background-color:transparent;
}
.homepage-grid-item.homepage-services:last-of-type {
  width:53%;
}
@media only screen and (max-width:1280px) {
  .homepage-grid-item.homepage-services:last-of-type {
    width:100%;
  }
}
.homepage-grid-item.homepage-services .home-tabs-items.mdc-tab-bar .mdc-tab-scroller__scroll-area button {
  padding-bottom:8px;
}
@media only screen and (max-width:1280px) {
  .homepage-grid-item.homepage-services .home-tabs-items.mdc-tab-bar .mdc-tab-scroller__scroll-area {
    display:flex;
  }
}
.homepage-grid-item:last-of-type {
  padding-right:calc(50vw - 872px);
}
@media only screen and (max-width:1690px)and (min-width:1281px) {
  .home-tabs-vertical .homepage-grid-item:first-child {
    width:45%;
  }
  .home-tabs-vertical .homepage-grid-item:last-child {
    width:55%;
  }
}
@media only screen and (max-width:1280px) {
  .homepage-client-served .homepage-grid {
    flex-direction:column;
  }
  .homepage-client-served .homepage-grid .homepage-grid-item {
    padding:60px 72px 0;
    width:100%;
  }
  .homepage-client-served .homepage-grid .homepage-grid-item.outstanding {
    padding:0 40px;
  }
}
@media only screen and (max-width:1024px) {
  .homepage-client-served .homepage-grid .homepage-grid-item.outstanding {
    padding-left:0;
    padding-right:0;
  }
}
.homepage-client-served .homepage-grid .homepage-grid-item:last-of-type {
  padding-right:0;
}
@media only screen and (max-width:1810px) {
  .homepage-client-served .homepage-grid .homepage-grid-item:last-of-type {
    padding-right:32px;
  }
}
@media only screen and (max-width:1280px) {
  .homepage-client-served .homepage-grid .homepage-grid-item:last-of-type {
    flex-basis:100%;
    flex-grow:1;
    padding:48px 72px 0;
    padding-bottom:40px;
    padding-left:72px;
    padding-right:72px;
  }
}
@media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait) {
  .homepage-client-served .homepage-grid .homepage-grid-item:last-of-type {
    padding-left:18px;
    padding-right:18px;
  }
}
@media only screen and (max-width:1024px) {
  .homepage-client-served .homepage-grid .homepage-grid-item:last-of-type {
    padding-left:20px;
    padding-right:20px;
  }
}
@media only screen and (max-width:1279px) {
  .homepage-at-glance .homepage-grid {
    flex-direction:column;
    padding:0 20px;
  }
}
@media only screen and (max-width:1280px) {
  .homepage-at-glance .homepage-grid .homepage-section {
    padding:60px 0 100px;
  }
}
@media only screen and (max-width:1000px) {
  .homepage-at-glance .homepage-grid .homepage-grid-item {
    padding:0 20px;
    width:100%;
  }
}
.homepage-at-glance .homepage-grid .homepage-grid-item:first-of-type:not(.outstanding) {
  text-align:right;
}
@media only screen and (max-width:1279px) {
  .homepage-at-glance .homepage-grid .homepage-grid-item:first-of-type:not(.outstanding) {
    flex-grow:1;
    text-align:left;
    width:100%;
  }
}
@media only screen and (max-width:1024px) {
  .homepage-at-glance .homepage-grid .homepage-grid-item:first-of-type:not(.outstanding) {
    padding:0;
    width:100%;
  }
}
.homepage-at-glance .homepage-grid .homepage-grid-item h2 {
  float:right;
  font-size:72px;
  line-height:1;
  margin-right:104px;
  max-width:448px;
}
@media only screen and (max-width:1919px) {
  .homepage-at-glance .homepage-grid .homepage-grid-item h2 {
    float:left;
    margin-left:72px;
    margin-right:74px;
    text-align:left;
  }
}
@media only screen and (min-width:1535px) {
  .homepage-at-glance .homepage-grid .homepage-grid-item h2 {
    float:right;
    font-size:100px;
    line-height:92px;
    margin-right:136px;
    max-width:557px;
  }
}
@media only screen and (min-width:1280px)and (max-width:1919px) {
  .homepage-at-glance .homepage-grid .homepage-grid-item h2 {
    margin-left:0;
    margin-right:74px;
  }
}
@media only screen and (max-width:1279px) {
  .homepage-at-glance .homepage-grid .homepage-grid-item h2 {
    float:none;
    margin-bottom:44px;
    margin-left:0;
    max-width:none;
    padding-left:0;
  }
}
@media only screen and (max-width:570px) {
  .homepage-at-glance .homepage-grid .homepage-grid-item h2 {
    font-size:36px;
    line-height:43px;
  }
}
@media only screen and (max-width:500px) {
  .homepage-at-glance .homepage-grid .homepage-grid-item h2 {
    margin-right:0;
  }
}
.homepage-at-glance .homepage-grid .homepage-grid-item:last-of-type {
  overflow:hidden;
}
@media only screen and (max-width:1810px) {
  .homepage-at-glance .homepage-grid .homepage-grid-item:last-of-type {
    padding-right:32px;
  }
}
@media only screen and (max-width:1279px) {
  .homepage-at-glance .homepage-grid .homepage-grid-item:last-of-type {
    flex-grow:2;
    margin-left:0;
    overflow:hidden;
    padding:0 32px 0 0;
    width:100%;
  }
}
@media only screen and (max-width:767px) {
  .homepage-at-glance .homepage-grid .homepage-grid-item:last-of-type {
    display:inline-grid;
    grid-template-columns:repeat(2,auto);
    padding-right:0;
  }
}
.homepage .learn-more-link {
  display:block;
  font-size:20px;
  margin-top:28px;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
}
.homepage .learn-more-link-text {
  color:#ff04d5;
  display:inline-block;
  margin-right:16px;
}
.homepage .learn-more-link:hover .icon-arrow-svg {
  transform:translateX(4px);
}
.homepage .learn-more-link .icon-arrow-svg {
  height:20px;
}

.homepage .home-tabs-panels .learn-more-link {
  align-items:center;
  display:flex;
  font-size:20px;
  font-weight:700;
  line-height:24px;
  margin-top:12px;
}
.homepage .home-tabs-panels .learn-more-link svg {
  margin-top:2px;
  transition:.3s ease;
}
.homepage .home-tabs-panels .learn-more-link-text {
  margin-right:10px;
}
.homepage .home-tabs-panels .learn-more-link:hover svg {
  transform:translateX(4px);
}
.homepage .home-tabs-panels .link-arrow {
  height:62px;
  width:62px;
}
@media only screen and (max-width:767px) {
  .homepage .home-tabs-panels .link-arrow {
    height:46px;
    width:46px;
  }
}
.homepage-header-wrapper {
  background:#000;
  height:100vh;
  overflow:hidden;
  position:relative;
}
.homepage-header-wrapper .gatsby-image-wrapper {
  z-index:1;
}
.homepage-header-wrapper:after {
  background:linear-gradient(to bottom right,#49432c 1%,#402812 25%,#2e1d0d 36%,transparent 50%) 100% 100%,linear-gradient(to bottom left,#49432c 1%,#402812 25%,#2e1d0d 40%,transparent 60%) 0 100%,linear-gradient(to top left,#49432c 1%,#402812 25%,#2e1d0d 33%,transparent 45%) 0 0,linear-gradient(to top right,#49432c 1%,#402812 25%,#2e1d0d 40%,transparent 60%) 100% 0;
  background-repeat:no-repeat;
  background-size:50.025% 50.047%;
  content:"";
  display:block;
  height:100%;
  left:-5vw;
  position:absolute;
  top:0;
  transform:rotate(-28deg) scale(1.9);
  width:80%;
  z-index:0;
}
@media only screen and (max-width:1920px) {
  .homepage-header-wrapper:after {
    background-size:50.08% 50.1%;
    width:90%;
  }
}
@media only screen and (max-width:1440px) {
  .homepage-header-wrapper:after {
    background-size:50.1% 50.1%;
    left:-7vw;
    width:100%;
  }
}
@media only screen and (max-width:1280px) {
  .homepage-header-wrapper:after {
    background-size:50.1% 50.1%;
  }
}
@media only screen and (max-width:1024px) {
  .homepage-header-wrapper:after {
    background-size:50.1% 50.1%;
    left:-5vw;
    width:100%;
  }
}
@media only screen and (max-width:479px)and (orientation:portrait) {
  .homepage-header-wrapper:after {
    background-size:50.2% 50.07%;
  }
}
.homepage-header-wrapper video {
  height:100vh;
  left:0;
  -o-object-fit:cover;
  object-fit:cover;
  position:absolute;
  top:0;
  width:100vw;
  z-index:1;
}
.homepage-header-content {
  color:#fff;
  height:100%;
  margin:0 auto;
  max-width:100%;
  position:absolute;
  text-align:center;
  top:0;
  width:100%;
  z-index:2;
}
@media only screen and (max-width:627px) {
  .homepage-header-content {
    padding-top:255px;
  }
}
@media only screen and (min-width:628px)and (max-width:767px) {
  .homepage-header-content {
    padding-top:400px;
  }
}
@media only screen and (min-width:768px)and (max-width:1024px) {
  .homepage-header-content {
    padding-top:512px;
  }
}
@media only screen and (min-width:1025px)and (max-width:1535px) {
  .homepage-header-content {
    padding-top:400px;
  }
}
@media only screen and (min-width:1536px)and (max-width:1919px) {
  .homepage-header-content {
    padding-top:500px;
  }
}
@media only screen and (min-width:1920px) {
  .homepage-header-content {
    padding-top:540px;
  }
}
.mix-blend-wrapper {
  position:relative;
}
.clients-served-container {
  background:#323232;
}
@media only screen and (max-width:1280px) {
  .clients-served-container .homepage-grid {
    padding-bottom:30px;
  }
}
.clients-served-logos {
  height:100%;
  position:relative;
}
.clients-served-logos .logos {
  height:100%;
  padding-top:155px;
}
@media only screen and (max-width:1280px) {
  .clients-served-logos .logos {
    padding-top:30px;
  }
  .clients-served-logos .homepage-logos-block {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
  }
}
.clients-served-logos .homepage-logos-block .type-5 {
  justify-content:flex-end;
  margin-top:55px;
  padding-right:116px;
}
.clients-served-logos .homepage-logos-block .type-5:first-child {
  margin-top:0;
}
@media only screen and (max-width:1280px) {
  .clients-served-logos .homepage-logos-block .type-5 {
    justify-content:center;
    margin-top:0;
    padding-right:0;
  }
}
@media only screen and (max-width:767px) {
  .clients-served-logos .homepage-logos-block .type-5.icons-row {
    flex-wrap:nowrap;
  }
}
.clients-served-logos .homepage-logos-block .type-5 .icon-item {
  margin-left:70px;
}
.clients-served-logos .homepage-logos-block .type-5 .icon-item:first-child {
  margin-left:0;
}
.clients-served-logos .homepage-logos-block .type-5 .icon-item:nth-child(2) {
  margin-left:66px;
}
@media only screen and (max-width:767px) {
  .clients-served-logos .homepage-logos-block .type-5 .icon-item:nth-child(2) {
    margin-left:30px;
  }
}
@media only screen and (max-width:1280px) {
  .clients-served-logos .homepage-logos-block .type-5 .icon-item {
    margin-top:30px;
  }
}
@media only screen and (max-width:767px) {
  .clients-served-logos .homepage-logos-block .type-5 .icon-item {
    margin-left:30px;
  }
}
.clients-served-content {
  display:flex;
  flex-wrap:wrap;
  overflow:hidden;
  padding-left:16px;
  position:relative;
  z-index:1;
}
@media only screen and (min-width:2560px) {
  .clients-served-content {
    flex-direction:column;
  }
}
@media only screen and (max-width:1280px) {
  .clients-served-content {
    padding:60px 72px 0;
  }
}
.homepage .clients-served-content .link-arrow-single {
  padding-top:73px;
}
.homepage .clients-served-content .link-arrow-single-inner:hover {
  background-color:transparent;
}
.clients-served-content-items {
  display:flex;
  flex-wrap:wrap;
  margin:0 -40px;
  max-width:928px;
}
@media only screen and (max-width:1280px) {
  .clients-served-content-items {
    margin:0;
    max-width:100%;
  }
}
@media only screen and (max-width:767px) {
  .clients-served-content-items {
    flex-direction:column;
  }
}
.clients-served-content-item {
  display:flex;
  flex-direction:column;
  margin-top:60px;
  padding:0 40px;
  width:50%;
}
@media only screen and (max-width:1280px) {
  .clients-served-content-item:nth-child(odd) {
    padding:0 32px 0 0;
  }
}
@media only screen and (max-width:1024px) {
  .clients-served-content-item:nth-child(odd) {
    padding-right:10px;
  }
}
@media only screen and (max-width:767px) {
  .clients-served-content-item:nth-child(odd) {
    padding-right:0;
  }
}
@media only screen and (max-width:1280px) {
  .clients-served-content-item:nth-child(2n) {
    padding:0 0 0 32px;
  }
}
@media only screen and (max-width:1024px) {
  .clients-served-content-item:nth-child(2n) {
    padding-left:10px;
  }
}
@media only screen and (max-width:767px) {
  .clients-served-content-item:nth-child(2n) {
    padding-left:0;
  }
  .clients-served-content-item {
    margin-top:40px;
    width:100%;
  }
}
.clients-served-content-item * {
  color:#fff;
}
.clients-served-content-item .title,
.clients-served-content-item .title-text {
  line-height:1.2;
  padding-top:0;
}
@media only screen and (max-width:1280px) {
  .clients-served-content-item .title,
  .clients-served-content-item .title-text {
    display:inline;
  }
}
.clients-served-content-item .title {
  color:#fff;
  display:block;
  font-size:32px;
  font-weight:900;
}
@media only screen and (max-width:767px) {
  .clients-served-content-item .title {
    font-size:28px;
  }
}
.clients-served-content-item .title:hover,
.clients-served-content-item .title:hover+.title-text {
  text-decoration:underline;
}
.clients-served-content-item .title-text {
  color:#fff;
  display:block;
  font-size:24px;
  font-weight:300;
}
.clients-served-content-item .description {
  flex-basis:100%;
  margin-top:24px;
  max-height:100%;
}
@media only screen and (max-width:767px) {
  .clients-served-content-item .description {
    margin-bottom:16px;
    padding-top:0;
  }
}
.gradient {
  background:linear-gradient(279.09deg,#0b75fd 49%,#007aff 50%,#2767f8 57.85%,#8938e5 75.6%,#ff00cf 95.5%);
  bottom:0;
  left:0;
  mix-blend-mode:multiply;
  position:absolute;
  right:0;
  top:0;
}
@media only screen and (max-width:1280px) {
  .gradient {
    background:linear-gradient(9.09deg,#0b75fd 49%,#007aff 50%,#2767f8 57.85%,#8938e5 75.6%,#ff00cf 95.5%);
  }
}
.homepage-industries-section {
  height: 100%;
  position:relative;
  overflow: hidden;
}

.homepage-industries-section .homepage-industries-title {
  right: 50px;
  pointer-events:none;
  position:absolute;
  text-align:right;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  z-index:2;
}

@media only screen and (min-width:1280px) {
	.homepage-industries-section .homepage-industries-title {
		top:90px;
	}
  
	.homepage-industries-section .homepage-industries-title .homepage-title {
		font-size: 75px;
	}
}

@media only screen and (min-width:1920px) {
	.homepage-industries-section .homepage-industries-title {
		top:90px;
	}
  
	.homepage-industries-section .homepage-industries-title .homepage-title {
		font-size: 95px;
	}
  
}


.homepage-industries-section .homepage-industries-title .homepage-title {
  margin-bottom:0;
  float: right;
  
}
@media only screen and (max-width:1024px) {
  .homepage-industries-section .homepage-industries-title .homepage-title {
	font-size:40px;
    padding-left:0;
  }
}
@media only screen and (max-width:479px) {
  .homepage-industries-section .homepage-industries-title .homepage-title {
    font-size:36px;
    line-height:1.2;
  }
}
@media only screen and (max-width:1280px) {
  .homepage-industries-section .homepage-industries-title {
    top:90px;
  }
}
@media only screen and (max-width:1024px) {
  .homepage-industries-section .homepage-industries-title {
    left:20px;
    top:90px;
    width:inherit;
  }
}
.homepage-industries-section .swiper-container {
  height:100%;
  width:100%;
}
.homepage-industries-section .swiper-container .icon-arrow-svg {
  height:30px;
  width:32px;
}
@media(max-width:767px) {
  .homepage-industries-section .swiper-wrapper {
    max-width:100%;
  }
}
.homepage-industries-section .swiper-slide {
  background:transparent;
  border-right:1px solid transparent;
  transition:all 0 ease .3s; 
  
}

.homepage-industries-section .swiper-slide:before {
  background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.64));
  bottom:0;
  content:"";
  left:0;
  position:absolute;
  right:0;
  top:0;
}
.homepage-industries-section .swiper-slide-active:before,
.homepage-industries-section .swiper-slide:hover:before {
  background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.8));
}
.homepage-industries-section .swiper-slide-active .homepage-slide-hidden-content,
.homepage-industries-section .swiper-slide:hover .homepage-slide-hidden-content {
  max-height:500px;
  transition:max-height .5s ease-in;
}
.homepage-industries-section .swiper-button-prev {
  left:24px;
}
.homepage-industries-section .swiper-button-next {
  right:24px;
}
.homepage-industries-section .swiper-button-next,
.homepage-industries-section .swiper-button-prev {
  align-items:center;
  background-color:unset;
  cursor:pointer;
  display:flex;
  height:44px;
  justify-content:center;
  margin-top:-22px;
  position:absolute;
  top:50%;
  width:30px;
  z-index:10;
}
.homepage-industries-section .swiper-button-next:after,
.homepage-industries-section .swiper-button-prev:after {
  display:none;
}
.homepage-industries-section .swiper-button-next .icon-arrow-svg,
.homepage-industries-section .swiper-button-prev .icon-arrow-svg {
  opacity:.5;
}
@media only screen and (max-width:1024px) {
  .homepage-industries-section .swiper-button-next,
  .homepage-industries-section .swiper-button-prev {
    display:none;
  }
}
.homepage-industries-section .swiper-button-next:hover,
.homepage-industries-section .swiper-button-prev:hover {
  background-color:unset;
}
.homepage-industries-section .swiper-button-disabled :is(.swiper-button-prev,
.swiper-button-next) {
  opacity:0;
}
.homepage-industries-background {
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0;
}
.homepage-industries-background .current,
.homepage-industries-background .next {
  background-position:50% 50%;
  background-size:cover;
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0;
}
.homepage-industries-background .current {
  opacity:1;
  transition:opacity .5s ease-out;
}
.homepage-industries-background .next {
  opacity:0;
  transition:opacity .5s ease-out;
}
.homepage-industries-background .next.show {
  opacity:1;
}
.homepage-slide-content {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:flex-end;
  padding:0 56px 100px;
  position:relative;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  cursor: auto;
}

.learn-more-link{
	cursor: pointer;
}

@media only screen and (max-width:1280px) {
  .homepage-slide-content {
    padding-bottom:60px;
  }
}
@media only screen and (max-width:1024px) {
  .homepage-slide-content {
    padding:0 20px 60px;
  }
}
.homepage-slide-content * {
  color:#fff;
}

.homepage-slide-content h3 {
 color:#afa939;
}


.homepage-slide-content .homepage-slide-title {
  margin-bottom:0
}
@media only screen and (max-width:1024px) {
  .homepage-slide-content .homepage-slide-title {
    font-size:32px;
    font-weight:900;
    line-height:1.2;
  }
}
.homepage-slide-content .homepage-slide-description {
  margin-top:24px;
}
@media only screen and (max-width:1024px) {
  .homepage-slide-content .homepage-slide-description {
    font-weight:400;
  }
}
.homepage-slide-content .learn-more-link-text {
  color:#afa939;
}
.homepage-slide-content .homepage-slide-hidden-content {
  max-height:0;
  overflow:hidden;
  transition:max-height .5s ease-out .15s;
}
.overview-content-items {
  display:flex;
  margin:24px -60px -48px;
}
.overview-content-items:last-child {
  margin-top:47px;
}
@media only screen and (max-width:1280px) {
  .overview-content-items:last-child {
    margin-top:40px;
  }
}
@media only screen and (max-width:767px) {
  .overview-content-items:last-child {
    margin-top:0;
  }
}
@media only screen and (min-width:767px)and (max-width:1280px) {
  .overview-content-items:last-child .overview-content-item {
    margin-bottom:0;
  }
}
@media only screen and (max-width:1410px) {
  .overview-content-items {
    margin:12px -40px 0;
  }
}
@media only screen and (max-width:1024px) {
  .overview-content-items:first-child {
    margin:0;
  }
}
@media only screen and (max-width:767px) {
  .overview-content-items {
    margin:0;
  }
}
@media only screen and (max-width:1279px) {
  .overview-content-items {
    flex-wrap:wrap;
    margin:0;
  }
}
.overview-content-item {
  margin:0 60px 48px;
}
@media only screen and (max-width:1410px) {
  .overview-content-item {
    margin:0 40px;
  }
}
@media only screen and (max-width:767px) {
  .overview-content-item {
    margin:0 20px 20px 0;
  }
}
.overview-content-item:first-child {
  width:102px;
}
@media only screen and (max-width:1279px) {
  .overview-content-item:first-child {
    margin-left:0;
  }
}
@media only screen and (max-width:767px) {
  .overview-content-item:first-child {
    height:92px;
    width:50%;
  }
}
@media only screen and (max-width:500px) {
  .overview-content-item:first-child {
    width:157px;
  }
}
.overview-content-item:nth-child(2) {
  width:134px;
}
@media only screen and (max-width:767px) {
  .overview-content-item:nth-child(2) {
    height:92px;
    width:50%;
  }
}
@media only screen and (max-width:500px) {
  .overview-content-item:nth-child(2) {
    width:157px;
  }
}
.overview-content-item:nth-child(3) {
  width:218px;
}
@media only screen and (max-width:1280px) {
  .overview-content-item:nth-child(3) {
    margin-right:0;
  }
}
@media only screen and (max-width:767px) {
  .overview-content-item:nth-child(3) {
    min-height:149px;
  }
}
@media only screen and (max-width:500px) {
  .overview-content-item:nth-child(3) {
    width:157px;
  }
}
.overview-content-item .title {
  color:#091e6c;
  font-size:40px;
  font-weight:900;
  line-height:1.2;
}
@media only screen and (max-width:767px) {
  .overview-content-item .title {
    font-size:28px;
  }
}
.overview-content-item .description {
  color:#000;
  font-size:24px;
  line-height:1.3;
  padding-top:0;
}
.section.cards {
  margin-bottom:60px;
}
@media only screen and (min-width:1280px) {
  .section.cards {
    margin-bottom:120px;
  }
}


.main1 {
  position: relative;
  color: #ffffff;
  min-height: 100vh;
  background-image: url(../img/1.png);
  background-repeat: no-repeat;
  background-position: center 50%;
  background-color: #000;
  background-size: cover;
}

.main2 {
  position: relative;
  color: #000;
  min-height: 100vh;
  background-color: #fff;
  background-size: auto;
}

.homepage-industries-section .swiper-button-next, .homepage-industries-section .swiper-button-prev {
    align-items: center;
    background-color: unset;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 30px;
    z-index: 10;
}

.homepage-industries-section .swiper-button-prev {
    left: 24px;
}

.swiper-button-prev {
    transform: rotate(180deg);
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-next, .swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10;
}

.icon-arrow-svg
{
	min-width: 24px;
	
}

.homepage-industries-section .swiper-button-next .icon-arrow-svg, .homepage-industries-section .swiper-button-prev .icon-arrow-svg {
    opacity: 0.5;
}

.homepage-industries-section .swiper-container .icon-arrow-svg {
    height: 20px;
    width: 28px;
}

.icon-arrow-svg {
    min-width: 24px;
}

.icon-arrow-svg, .icon-chevron-svg {
    height: 22px;
    width: 24px;
}

.icon-arrow-svg {
    transition: .3s ease;
}