/*
Step one: Who we are
*/

.step-two-who-we-are {
   padding-left: 40px;
   padding-right: 40px;
   padding-top: 40px;
   padding-bottom: 40px;
}

/*Intro*/
.section-who-we-are-hero {
   padding-bottom: 80px;
}

.section-who-we-are-hero h1.general-title {
   margin-bottom: 24px;
}

.section-who-we-are-hero .row-intro p.text {
   max-width: 980px;
   font-size: 14px;
}

.mask-wrapper {
   margin-top: 60px;
   overflow: hidden;
}

.text-wrapper {
   position: relative;
   top: 0px;
   opacity: 1;
   transition: all 0.6s;
}

body.scrolled-triggered .text-wrapper {
   position: relative;
   top: -200px;
   opacity: 0;
}

.step-two-who-we-are h1.general-title {
   margin-bottom: 34px;
}

.step-two-who-we-are .row-intro p.text {
   max-width: 980px;
}

img.sliced-bg {
   width: 100%;
   display: block;
   transition: all 0.6s;
}

body.scrolled-triggered img.sliced-bg {
   transform: scale(1.2);
}

.mask-one {
   width: 25%;
   height: 13%;
   bottom: 0;
   left: 0;
   background: white;
   position: absolute;
}

.mask-two {
   width: 25%;
   height: 13%;
   top: 0;
   left: 25%;
   background: white;
   position: absolute;
}

.mask-three {
   width: 25%;
   height: 13%;
   bottom: 0;
   left: 50%;
   background: white;
   position: absolute;
}

.mask-four {
   width: 25%;
   height: 13%;
   top: 0;
   left: 75%;
   background: white;
   position: absolute;
}

.border-one {
   position: absolute;
   width: 8px;
   height: 100%;
   left: 25%;
   top: 0;
   background: white;
}

.border-two {
   position: absolute;
   width: 8px;
   height: 100%;
   left: 50%;
   top: 0;
   background: white;
}

.border-three {
   position: absolute;
   width: 8px;
   height: 100%;
   left: 75%;
   top: 0;
   background: white;
}

/*Our story*/
.row-our-story {
   margin-top: 50px;
   max-width: 980px;
   margin-left: auto;
   margin-right: auto;
}

.row-our-story h2.general-title {
   margin-bottom: 34px;
}

/*Section Market Speaks*/
.section-market-speaks {
   background: #F1F2F5;
   padding-top: 120px;
   padding-bottom: 60px;
   overflow: hidden;
}

.section-market-speaks h2.general-title {
   font-size: 40px;
   font-weight: 600;
   line-height: 120%;
   color: #000;
   position: relative;
   background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 110.27%);
   background-clip: text !important;
   -webkit-background-clip: text !important;
   -webkit-text-fill-color: #00000000;
   transition: background 0.1s ease;
}

.section-market-speaks {
   position: relative;
   z-index: 10;
}

/*
.section-market-speaks .row-intro {
   max-width: 1090px;
   margin-left: auto;
   margin-right: auto;
}*/

.section-market-speaks img.world-svg {
   max-height: 850px;
   position: absolute;
   top: -10%;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   pointer-events: none;
}

.section-market-speaks p.title {
   font-size: 54px;
   font-style: normal;
   font-weight: 600;
   line-height: 124%;
   color: #096BE1;
   background: linear-gradient(267deg, #0995E3 0%, #1F7EF6 51.56%, #096BE1 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-bottom: 12px;
}

.section-market-speaks p.text {
   font-size: 16px;
   font-weight: 400;
   line-height: 148%;
   margin-bottom: 0px;
}

.section-market-speaks .market-item-wrapper {
   display: flex;
   flex-direction: column;
   gap: 48px;
}

.market-item svg {
   position: absolute;
   left: -74px;
   top: 67%;
}

.col-logos img {
   filter: invert(1);
}

.logos-main-wrapper {
   margin-top: 75px;
}

.logos-main-wrapper .logo-wrapper {
   position: relative;
   overflow: hidden;
}

.logos-main-wrapper .logo-wrapper .row-logo {
   display: flex;
   /*grid-template-columns: repeat(9, minmax(0, 1fr));*/
   gap: 30px 5px;
   width: 100%;
   align-items: center;
}

.logos-main-wrapper .logo-wrapper .row-logo-one {
   margin-bottom: 30px;
}

.logos-main-wrapper .logo-wrapper .row-logo-two {
   position: relative;
   left: -50%;
}

.logos-main-wrapper .logo-wrapper .row-logo img {
   width: auto;
   max-width: 100%;
   max-height: 72px;
   margin: 0 auto;
}

@media (min-width: 992px) {
   .logos-main-wrapper .logo-wrapper::after {
      content: '';
      display: block;
      height: 100%;
      width: 40px;
      right: 0%;
      top: 0;
      background: linear-gradient(to left, #f1f2f5, #fff0);
      position: absolute;
      z-index: 1;
   }

   .logos-main-wrapper .logo-wrapper::before {
      content: '';
      display: block;
      height: 100%;
      width: 40px;
      left: 0;
      top: 0;
      background: linear-gradient(to right, #f1f2f5, #fff0);
      position: absolute;
      z-index: 10;
   }
}

/*Section our culture*/
.section-our-culture {
   padding-top: 120px;
   padding-bottom: 120px;
}

.section-our-culture h2.general-title {
   margin-bottom: 24px;
}

.section-our-culture p.intro-text {
   color: #556171;
   font-size: 20px;
   font-weight: 400;
   line-height: 140%;
}

.section-our-culture .culture-wrapper {
   margin-top: 60px;
   display: flex;
   flex-direction: column;
   gap: 120px;
}



.culture-item {
   opacity: 0.4;
}

.culture-item.active {
   opacity: 1;
}

.culture-item h3.general-title {
   font-size: 22px;
   font-weight: 600;
   line-height: 140%;
   color: #096BE1;
   margin-bottom: 12px;
}

.culture-item p.text {
   color: #212F41;
   font-size: 16px;
   font-weight: 400;
   line-height: 148%;
}

.images-fixed-wrapper {
   position: relative;
}

.images-fixed-wrapper::after {
   content: '';
   border-radius: 1012px;
   opacity: 0.12;
   background: linear-gradient(267deg, #0995E3 0%, #096BE1 100%);
   filter: blur(150px);
   display: block;
   height: 682px;
   width: 100%;
   position: absolute;
   top: 0;
   right: -34px;
}

.images-fixed-wrapper img {
   padding: 62px;
   background: rgba(255, 255, 255, 0.40);
   z-index: 10;
   position: absolute;
   width: 100%;
   max-width: 275px;
   transition: all 0.3s;
}

.images-fixed-wrapper img.image-two {
   top: 0;
   right: 0;
}

.images-fixed-wrapper img.image-one {
   top: 262px;
   right: 310px;
}

.images-fixed-wrapper img.image-three {
   right: 0;
   top: 310px;
}

.images-fixed-wrapper img.active {
   transform: scale(1.1);
}

.section-our-culture .col-images {
   padding-top: 70px;
   margin-left: auto;
   height: 700px;
   position: sticky;
   top: 200px;
}

.section-our-culture .col-text .inner {
   max-width: 705px;
}

@media (max-width: 1550px) {
   .images-fixed-wrapper img {
      max-width: 220px;
   }

   .images-fixed-wrapper img.image-one {
      top: 190px;
      right: 250px;
   }

   .images-fixed-wrapper img.image-three {
      right: 0;
      top: 230px;
   }
}

@media (max-width: 1250px) {
   .images-fixed-wrapper img {
      max-width: 190px;
   }

   .images-fixed-wrapper img.image-three {
      right: 0;
      top: 200px;
   }

   .images-fixed-wrapper img.image-one {
      top: 160px;
      right: 210px;
   }
}

/*Section Our Timeline*/
.section-our-timeline {
   overflow: hidden;
   padding-bottom: 60px;
   display: grid;
}

.section-our-timeline h2.general-title {
   margin-bottom: 24px;
}

.swiper-timeline {
   margin-top: 60px;
   position: relative;
   height: 100%;
   max-height: 100vw;
   min-height: 0;
   min-width: 0;
   max-width: 100vw;
   width: 100%;
   overflow: hidden;
}

.swiper-timeline .swiper-slide {
   height: auto !important;
   width: auto;
   flex-shrink: 0;
   display: block;
}

.swiper-timeline .swiper-wrapper {
   max-height: 100%;
   height: 100%;
   display: flex;
}

.swiper-button-prev-custom {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 25px;
   margin-top: auto;
   margin-bottom: auto;
   height: max-content;
   z-index: 10;
   cursor: pointer;
   transition: all 0.3s;
}

.swiper-button-next-custom {
   position: absolute;
   top: 0;
   bottom: 0;
   /*
   right: 38%;
   */
   right: 47%;
   margin-top: auto;
   margin-bottom: auto;
   height: max-content;
   z-index: 10;
   cursor: pointer;
   transition: all 0.3s;
}

.swiper-button-prev-custom:hover,
.swiper-button-next-custom:hover {
   opacity: 0.7;
}

.row-slider-content {
   display: flex;
   width: 100%;
}

.swiper-timeline .dt-img {
   height: 100%;
}

.row-slider-content .col-img {
   width: 55%;
   background: #F2F2F2;
   padding-left: 130px;
   padding-right: 130px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.row-slider-content .col-text {
   width: 45%;
   background: #000;
   display: flex;
   align-items: center;
}

.row-slider-content .col-text .next-img {
   width: 27%;
   display: block;
   height: 100%;
}

.row-slider-content .col-text .inner {
   width: 100%;
   padding: 42px 42px;
}

.row-slider-content .col-text h2,
.row-slider-content .col-text p {
   color: white;
}

.row-slider-content .col-text h2 {
   font-size: 54px;
   font-weight: 600;
   line-height: 124%;
   margin-bottom: 24px;
}

.row-slider-content .col-text p.sub-title {
   font-size: 24px;
   font-weight: 600;
   line-height: 140%;
   margin-bottom: 16px;
}

.row-slider-content .dt-image-cover {
   padding-top: 100%;
}

.row-slider-content .swiper-slide {
   height: auto;
}

.next-img {
   background-size: cover;
   background-position: 50% 50%;
   position: relative;
}

.next-img::after {
   content: '';
   background: #fff;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 12.24%, #FFF 100%);
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0.6;
}

.row-slider-content .btn--primary.request-demo {
   margin-top: 24px;
}

@media (min-width: 1701px) {
   .swiper-timeline .dt-img {
      background-image: none !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
   }
}

@media (max-width: 1700px) {
   .row-slider-content {
      height: 100%;
   }

   .swiper-timeline .dt-image-cover img {
      display: none;
   }

   .swiper-timeline .dt-img {
      height: 100%;
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat;
   }

   .row-slider-content .col-img {
      padding-left: 0;
      padding-right: 0;
   }

   .row-slider-content .dt-image-cover {
      padding-top: 0;
   }

   .row-slider-content .col-text {
      width: 50%;
   }

   .row-slider-content .col-img {
      width: 50%;
   }

   .row-slider-content .col-text .next-img {
      width: 20%;
   }

   .row-slider-content .col-text .inner {
      width: 80%;
   }

   .swiper-button-next-custom {
      /*  right: 42%;*/
      right: 25px;
   }
}

@media (max-width: 1400px) {
   .row-slider-content .col-text .next-img {
      display: none;
   }

   .row-slider-content .col-text .inner {
      width: 100%;
   }

   .swiper-button-next-custom {
      right: 52%;
   }
}

/*Section Celebrate Success*/
.section-celebrating-success {
   margin-top: 60px;
   background: #F2F2F2;
}

.section-celebrating-success .row-intro {
   /*  padding: 115px;*/
   padding-left: 0;
   padding-right: 0;
}

.section-celebrating-success .row-intro .dt-img {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
}

.section-celebrating-success .row-intro .dt-image-cover {
   padding-top: 61%;
}

/*Section Commited*/
.section-commited {
   padding-top: 120px;
   padding-bottom: 120px;
}

.section-commited .row-intro {
   align-items: center;
}

.section-commited h2.general-title {
   margin-bottom: 24px;

}

.section-commited p.sub-text {
   color: #556171;
   font-size: 18px;
   font-weight: 400;
   line-height: 140%;
}

.icon-items-wrapper {
   display: flex;
   align-items: center;
   gap: 68px;
   margin-top: 130px;
}

.icon-items-wrapper .icon-item {
   display: flex;
   gap: 14px;
}

.icon-items-wrapper .icon-item img {
   width: 58px;
   height: 58px;
}

.icon-items-wrapper .icon-item p.title {
   font-size: 18px;
   font-weight: 700;
   line-height: 28px;
   margin-bottom: 2px;
}

.icon-items-wrapper .icon-item p.text {
   font-size: 14px;
}

.section-commited .dt-image-cover {
   padding-top: 43%;
}

.section-commited .dt-image-cover {
   padding-top: 43%;
}

.section-commited .image-one {
   z-index: 2;
   position: relative;
}

.section-commited .image-two {
   position: relative;
   right: 15%;
   top: -25px;
   z-index: 1;
}

.section-commited .col-text {
   padding-right: 10%;
}

@media (max-width: 1500px) {
   .icon-items-wrapper {
      gap: 30px;
      margin-top: 80px;
   }

   .section-commited .col-text {
      top: -25px;
   }

}

/*Section CTA*/
.section-cta {
   background: #F1F2F5;
   padding: 60px 80px;
}

.section-cta .col-12 {
   display: flex;
   gap: 60px;
   align-items: center;
   justify-content: space-between;
}

.section-cta h2.general-title {
   margin-bottom: 20px;
}

.section-cta p.sub-text {
   font-size: 18px;
   font-weight: 300;
   line-height: 140%;
}

.section-cta .col-12 .next-step-people {
   min-width: max-content;
   font-size: 18px;
   line-height: 140%;
   letter-spacing: 0.4px;
   padding: 10px 20px;
}

/*Team image update*/
.sliced-images-wrapper {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.sliced-images-wrapper img {
   width: 100%;
   transition: all 0.6s;
}

body.scrolled-triggered .sliced-images-wrapper img {
   transform: scale(1.2);
}

.sliced-images-wrapper .dt-image-cover {
   padding-top: 160%;
}