/*
About us new page 2022 - DT
*/
/*Font*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
/*Navigation*/

#top-right.hybrid-menu {
   background: #000 !important;
   opacity: 1;
   transition: all 0.5s;
}


#top-right.hybrid-menu:after {
   display: none;
}


#top-right.hybrid-menu.top-right-collapse:after,
#top-right.hybrid-menu.top-right-collapse.scroll-up:after {
   display: none;
}

/* #top-right.hybrid-menu.top-right-collapse {
   opacity: 0;
   transition: opacity 0.5s;
   background: #000 !important;
   pointer-events: none !important;
}

#top-right.hybrid-menu.top-right-collapse.scroll-up {
   opacity: 1;
   transition: opacity 0.5s;
   background: #000 !important;
   pointer-events: auto !important;
} */

@media (min-width: 992px) {
   #top-right.hybrid-menu.top-right-collapse {
      display: none !important;
   }
}

body {
   background-color: #fff;
}

/*
.page-content-wrap {
   overflow-x: hidden;
}
*/
/*
img.scaled-image {
   border: 0 !important;
}
*/
a:focus {
   outline: 0px auto -webkit-focus-ring-color;
   outline-offset: 0px;
}

html {
   scroll-behavior: smooth;
}

/*General styles*/
html {
   scroll-behavior: smooth;
}

:root {
   scroll-behavior: smooth;
}

p,
h1,
h2,
h3,
h4,
h5 {
   color: #000;
}

.swiper {
   overflow: hidden;
}

.swiper-pagination {
   left: 0;
   right: 0;
   padding-top: 33px;
}

.btn--primary.request-demo {
   transition: transform 0.4s ease 0s, background-color, border-color, background, color;
   width: max-content;
   padding: 6px 20px !important;
   display: flex;
   align-items: center;
   margin-top: 20px;
   border-radius: 30px;
   background: linear-gradient(267.29deg, #0995e3 0%, #096be1 100%) !important;
   color: #ffffff !important;
   font-size: 16px;
   font-weight: 400;
   line-height: min(6vw, 28px);
   letter-spacing: 0.02em;
   text-align: center;
   white-space: normal;
   max-width: 100%;
   border: 0;
}

.btn--primary.request-demo:hover {
   transform: translateY(-3px);
}

.btn--primary.request-demo img {
   margin-left: 10px;
   max-width: 25px;
}

.btn--primary.btn-transparent.request-demo {
   background: transparent !important;
   border: 0px solid white;
   padding: 0px !important;
   box-shadow: none !important;
}

.btn--primary.btn-transparent.dark.request-demo {
   background: transparent !important;
   border: 0px solid white;
   padding: 0px !important;
   color: #000 !important;
}

.btn--primary.btn-transparent img,
.btn--primary.btn-transparent svg {
   margin-left: 12px;
   position: relative;
   left: 0;
   transition: 300ms;
}

.btn--primary.btn-transparent:hover {
   transform: translateY(0px);
}

.btn--primary.btn-transparent:hover img,
.btn--primary.btn-transparent:hover svg {
   left: 10px;
}


a.learn-more-transparent {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   letter-spacing: 0.02em;
   color: #212F41;
   text-transform: uppercase;
   margin-top: 8px;
}

a.learn-more-transparent img {
   margin-left: 12px;
   position: relative;
   left: 0;
   transition: 300ms;
   width: 24px;
}

a.learn-more-transparent:hover img {
   left: 10px;
}

h1.general-title {
   font-weight: 600;
   font-size: 40px;
   line-height: 52px;
   color: black;
   margin-top: 0px;
}


h2.general-title {
   font-weight: 600;
   font-size: 36px;
   line-height: 47px;
   color: black;
   margin-top: 0px;
}

h2.general-title.smaller {
   font-size: 32px;
   line-height: 42px;
}

h3.general-title {
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   color: black;
   margin-top: 0px;
}

p.above-title {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   color: #096BE1;
   text-transform: uppercase;
   margin-bottom: 30px;
}

p.subtitle {
   font-size: 22px;
   line-height: 34px;
   margin-bottom: 0px;
}

p.larger {
   font-size: 18px;
   line-height: 28px;
}

section.dark p,
section.dark h1,
section.dark h2,
section.dark h3,
section.dark h4,
section.dark h5 {
   color: white;
}

.col {
   padding-right: 15px;
   padding-left: 15px;
}

@media (min-width: 1201px) and (max-width: 1600px) {

   .container {
      padding-right: 30px;
      padding-left: 30px;
   }
}

@media (min-width: 1201px) and (max-width: 1550px) {
   .container {
      padding-left: 50px;
      padding-right: 50px;
   }
}

@media (min-width: 1200px) {

   .container {
      width: 100% !important;
      max-width: 1470px !important;
   }

   .container.container-small {
      width: 100% !important;
      max-width: 1025px !important;
      margin-left: auto;
      margin-right: auto;
   }
}

@media (min-width: 992px) and (max-width: 1060px) {
   div.container {
      width: 100% !important;
   }
}

@media (min-width: 992px) {
   .container {
      width: 100% !important;
   }
}



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

.page-content-wrap img {
   width: 100%;
}

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

video::-webkit-media-controls {
   display: none !important;
}

video::-moz-controls {
   display: none !important;
}

video::-ms-controls {
   display: none !important;
}

video::-o-controls {
   display: none !important;
}

img.scaled-image {
   margin: 0px !important;
}

/*Section hero*/
.section-about-hero {
   padding-top: 0;
   padding-bottom: 0;
}

.section-about-hero.mp4 {
   padding-top: 110px;
   padding-bottom: 110px;
}

.section-about-hero h1.general-title {
   margin-bottom: 24px;
}

.section-about-hero p.text {
   font-size: 22px;
   line-height: 34px;
}

.section-about-hero .row-intro {
   display: flex;
   align-items: center;
}

.section-about-hero img.hero-image {
   position: relative;
   width: 110%;
}

@media (min-width: 992px) {
   .section-about-hero .col-md-6.col-text {
      width: 45%;
   }

   .section-about-hero .col-md-6.col-image {
      width: 55%;
   }

   .section-about-hero.mp4 .col-md-6.col-image {
      padding-left: 90px;
   }

   .section-about-hero .row-intro {
      min-height: 640px;
   }

   /*.section-about-hero.mp4 {
      min-height: 800px;
   }*/
}

/*Top bar*/
.page-content-wrap > section:first-of-type {
   transition: padding .3s ease-out;
}
.notification-top-bar {
   position: relative;
   color: white;
   display: flex;
   padding: 15px 60px !important;
   text-align: center !important;
   justify-content: center !important;
   position: absolute;
   top: -100px;
   left: 0;
   width: 100%;
   transition: all 0.5s;
   visibility: hidden;
   opacity: 0;
}

.notification-top-bar::before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: linear-gradient(267.29deg, rgba(9, 149, 227, 1) 0%, rgba(9, 107, 225, 1) 100%);
   opacity: .8;
   transition: all 0.3s;
   z-index: 1;
   pointer-events: none;
}

.notification-top-bar:hover::before {
   opacity: 1;
}

.notification-top-bar.active {
   visibility: visible;
   opacity: 1;
   top: 80px;
   z-index: 10;
}

.notification-top-bar p,
.notification-top-bar a {
   color: white;
}

.notification-top-bar .inner {
   display: flex;
   align-items: center;
   gap: 20px;
   justify-content: space-between;
   z-index: 2;
}

.notification-top-bar .text-wrapper {
   display: flex;
   align-items: center;
   gap: 20px;
}


.notification-top-bar a {
   text-transform: uppercase;
   color: white;
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
   display: flex;
   align-items: center;
   flex-shrink: 0;
}

.notification-top-bar img {
   width: auto !important;
}

.notification-top-bar a img {
   position: relative;
   transition: all 0.3s;
   margin-left: 10px;
   left: 0;
}

.notification-top-bar a:hover img {
   left: 12px;
}

.notification-top-bar .close-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 28px;
   height: 28px;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 12px;
   margin-top: auto;
   margin-bottom: auto;
   background: rgba(255, 255, 255, .3);
   border-radius: 50%;
   cursor: pointer;
   transition: all 0.3s;
   z-index: 5;
   flex-shrink: 0;
}

.top-bar-wrapper .close-wrapper:hover {
   opacity: .8;
}

#centric-partner {
   transition: padding-top 0.5s ease-in-out !important;
}

@media (max-width: 991px) {
   
   .notification-top-bar p,
   .notification-top-bar a {
      font-size: 15px;
   }
   
   .notification-top-bar {
      padding: 15px 17px !important;
      text-align: left !important;
      justify-content: flex-start !important;
   }
   
   .notification-top-bar .inner {
      display: flex;
      gap: 6px;
      align-items: center;
      justify-content: space-between;
      width: 100%;
   }
   
   .notification-top-bar .text-wrapper {
      display: flex;
      gap: 6px;
      flex-direction: column;
      align-items: flex-start;
   }
   
   .notification-top-bar .close-wrapper {
      position: relative;
      right: 0;
   }
   
   .notification-top-bar.active {
      visibility: visible;
      opacity: 1;
      top: 80px;
   }
   
}
/*Section About us*/
.section-about-us {
   padding-bottom: 120px;
}

.section-about-us .row-intro {
   max-width: 1350px;
   margin-left: auto;
   margin-right: auto;
   opacity: 0;
   transition: all 0.5s;
}

@media (min-height: 1100px) and (max-width: 1600px) {
   .section-about-us .row-intro {
      opacity: 0.15;
   }
}

.section-about-us.start-animation .row-intro {
   padding-top: 80px;
   border-top: 1px solid #F1F2F5;
   opacity: 1;
}

.section-about-us .row-intro h2.general-title {
   margin-bottom: 24px;
}

.section-about-us .row-intro p.text {
   font-size: 20px;
   line-height: 30px;
}

.section-about-us .row-boxes {
   margin-top: 130px;
   opacity: 0;
   transition: all 0.5s;
}

.section-about-us .row-boxes.start-animation {
   opacity: 1;
}

.section-about-us .col-boxes {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 60px 48px;
}

.col-boxes img {
   max-height: 64px;
   width: auto;
   margin-bottom: 30px;
}

.col-boxes .specific-box {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 40px;
   background: #F7F7F9;
   text-align: center;
}

.col-boxes .specific-box p {
   margin-bottom: 0px;
}

.col-boxes .specific-box p.title {
   font-weight: 600;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   margin-bottom: 30px;
}

/*Section image*/
.section-image {
   position: relative;
}

.section-image:after {
   box-shadow: inset 0px 44px 50px rgba(0, 0, 0, 0.46);
   content: '';
   display: block;
   height: 100%;
   position: absolute;
   top: 0;
   width: 100%;
}

/*Section image grid*/
.section-about-grid {
   padding-top: 120px;
   padding-bottom: 120px;
}

.section-about-grid .row-intro {
   margin-bottom: 80px;
   max-width: 1150px;
   margin-left: auto;
   margin-right: auto;
}


.section-about-grid .col-grid {
   display: flex;
   gap: 48px;
}

.section-about-grid .row-content.one .grid-element.one {
   width: 60%;
}

.section-about-grid .row-content.one .grid-element.two {
   width: 40%;
}

.section-about-grid .row-content.two .grid-element.one {
   width: 40%;
}

.section-about-grid .row-content.two .grid-element.two {
   width: 60%;
}

.section-about-grid .row-content.two .grid-element.two .inner {
   max-width: 575px;
}

.section-about-grid .grid-element {
   position: relative;
   box-shadow: 0px 0px 24px rgb(98 122 153 / 12%);
}

.section-about-grid .col-grid .inner {
   position: absolute;
   inset: 0;
   width: 100%;
   max-width: 520px;
   height: max-content;
   margin: auto;
   margin-right: auto;
   margin-left: 0;
   padding: 30px 80px;
}

.section-about-grid .col-grid .inner h2,
.section-about-grid .col-grid .inner h3,
.section-about-grid .col-grid .inner p {
   color: white;
}

.section-about-grid .col-grid .inner h3.general-title {
   font-size: 28px;
   line-height: 37px;
   margin-bottom: 12px;
}

.section-about-grid .row-content.one .grid-element.two .inner h3.general-title,
.section-about-grid .col-grid .dt-ratio-cover .inner h3.general-title {
   font-weight: 400;
   font-size: 34px;
   line-height: 50px;
}

.section-about-grid .col-grid .inner .btn--primary.request-demo {
   margin-top: 30px;
}

.section-about-grid .row-content.one .col-grid .grid-element.two .inner {
   max-width: 100%;
}

.section-about-grid .row-content.two {
   margin-top: 50px;
}


/*Section Solutions*/
.section-marketpage-centric-solutions {
   background: #000;
   padding-top: 160px;
   padding-bottom: 100px;
   position: relative;
   overflow: hidden;
}


.section-marketpage-centric-solutions .container {
   position: relative;
   z-index: 10;
}

.section-marketpage-centric-solutions::before {
   content: '';
   width: 100%;
   height: 99%;
   display: block;
   position: absolute;
   top: -35%;
   border-radius: 1866.667px;
   opacity: 0.65;
   background: #071525;
   filter: blur(190px);
}

.section-marketpage-centric-solutions p.above-title {
   margin-bottom: 40px;
}

.section-marketpage-centric-solutions h2.general-title {
   margin-bottom: 20px;
}

.section-marketpage-centric-solutions .row-intro p.larger {
   font-size: 22px;
   line-height: 34px;
}

.section-marketpage-centric-solutions .row-main {
   margin-top: 80px;
   position: relative;
}

.section-marketpage-centric-solutions .row-main:not(.grid-type)::before {
   content: '';
   display: block;
   height: 100%;
   width: 430px;
   left: 0;
   top: 0;
   background: linear-gradient(to right, rgba(0 0 0), rgba(255, 255, 255, 0));
   position: absolute;
   z-index: 1000;
   pointer-events: none;
   display: none;
}

.section-marketpage-centric-solutions .row-main:not(.grid-type)::after {
   content: '';
   display: block;
   height: 100%;
   width: 430px;
   right: 0;
   top: 0;
   background: linear-gradient(to left, rgba(0 0 0), rgba(255, 2550, 255, 0));
   position: absolute;
   z-index: 1000;
   pointer-events: none;
   display: none;
}

.section-marketpage-centric-solutions .container-swiper {
   max-width: 1230px;
   margin: 0 auto;
   padding-left: 15px;
   padding-right: 15px;
}

.marketpage-slider__container {
   overflow: visible;
}

.marketpage-slider-box.swiper-slide {
   height: auto;
   overflow: hidden;
}

.marketpage-slider-box img.icon {
   max-height: 30px;
   width: auto;
}

.marketpage-slider-box {
   position: relative;
   background: #061425;
   background: linear-gradient(270deg, #061425 0%, #06111E 53.57%);
   padding: 33px 22px;
   transition: background 0.3s !important;
}

.marketpage-slider-box::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(270deg, #061425 0%, #06111E 53.57%);
   z-index: 0;
   transition: opacity 0.3s !important;
   opacity: 0;
}

.marketpage-slider-box:hover::before {
   background: linear-gradient(267deg, #0995E3 0%, #096BE1 100%), linear-gradient(270deg, #061425 0%, #06111E 53.57%);
   opacity: 1;
}

.marketpage-slider-box:hover p.text,
.marketpage-slider-box:hover a.learn-more-transparent {
   opacity: 1;
}

.marketpage-slider-box h3 {
   font-weight: 600;
   margin-top: 40px;
   margin-bottom: 16px;
}

.marketpage-slider-box p.text {
   color: #FFF;
   margin-bottom: 26px;
   font-size: 16px;
   line-height: 24px;
   opacity: 0.6;
   transition: all 0.3s;
}

.marketpage-slider-box a.learn-more-transparent {
   color: white;
   letter-spacing: 0.32px;
   margin-top: auto;
   opacity: 0.6;
   transition: all 0.3s;
}

.marketpage-slider__navigation {
   margin-left: auto;
   margin-right: auto;
   margin-top: 80px;
   max-width: 1200px;
   display: flex;
   justify-content: space-between;
   width: 100%;
}

.marketpage-slider__navigation img {
   cursor: pointer;
   max-width: 50px;
   z-index: 1001;
   transition: all 0.3s;
}

.marketpage-slider__navigation img:not(.unactive):hover,
.marketpage-slider__navigation img:not(.swiper-button-disabled):hover {
   opacity: 0.8;
}

.marketpage-slider__container .marketpage-slider-box .inner {
   height: 100%;
   position: relative;
   z-index: 10;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.marketpage-slider__arrow--prev {
   transform: rotate(180deg);
}

.marketpage-slider__arrow {
   transition: transform 0.5s ease;
}

.marketpage-slider__arrow.swiper-button-disabled,
.marketpage-slider__arrow.unactive {
   pointer-events: none;
   opacity: 0.4;
}


/*Grid version*/
.marketpage-grid {
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 32px;
}

.section-marketpage-centric-solutions .container.grid-type {
   max-width: 1262px;
}

.section-marketpage-centric-solutions .container.grid-type .marketpage-slider-box.swiper-slide .inner {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   height: 100%;
}

@media (max-width: 1300px) {
   .section-marketpage-centric-solutions .container.grid-type {
      padding: 0px 40px;
   }
}

@media (max-width: 1100px) {
   .marketpage-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}


/*Section market speaks*/
.section-market-speaks {
   padding-top: 160px;
   padding-bottom: 160px;
   background: #000;
}

.section-market-speaks .row-intro {
   display: flex;
   align-items: flex-end;
}

.section-market-speaks .container {
   position: relative;
}

.section-market-speaks img.world-svg {
   max-height: 850px;
   position: absolute;
   top: -30%;
   right: -20%;
}

.section-market-speaks .tab-title {
   font-weight: 600;
   letter-spacing: 0.32px;

   max-width: max-content;
}

.section-market-speaks .tab-title::after {
   content: '';
   display: block;
   width: 100%;
   height: 2px;
   background: rgb(9, 107, 225);
   background: linear-gradient(90deg, rgba(9, 107, 225, 1) 0%, rgba(9, 149, 227, 1) 100%);
   margin-top: 12px;
}

.section-market-speaks h2.general-title {
   margin-top: 80px;
   max-width: 530px;
   font-size: 42px;
   line-height: 132%;
   color: white;
   position: relative;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.2) 100%);

   background-clip: text !important;
   -webkit-background-clip: text !important;
   -webkit-text-fill-color: transparent;
   transition: background 0.1s ease;
}

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

.section-market-speaks .market-item p.text {
   color: #B7BBBC;
   font-size: 22px;
   line-height: 34px;
}

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

/*Section customer logos*/
.section-customer-logos {
   padding-top: 60px;
   padding-bottom: 100px;
   background: #000;
}

.section-customer-logos .container {
   position: relative;
}

.section-customer-logos h2.general-title {
   font-size: 22px;
   line-height: 29px;
   font-weight: 600;
   margin-bottom: 55px;
}

.section-customer-logos .row-logos {
   max-width: 1340px;
   margin-left: auto;
   margin-right: auto;
}


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

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

.section-customer-logos .logo-wrapper .row-logo-two {
   margin-top: 40px;
}

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

@media (max-width: 1300px) {
   .section-customer-logos .logo-wrapper .row-logo img {
      max-height: 55px;
   }
}


@media (min-width: 992px) {

   .section-customer-logos .logo-wrapper::before,
   .section-customer-logos .logo-wrapper::after {
      width: 200px;
   }

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

   .section-customer-logos .logo-wrapper::after {
      content: '';
      display: block;
      height: 100%;
      width: 40px;
      right: 0%;
      top: 0;
      background: linear-gradient(to left, rgb(0 0 0), rgba(255, 255, 255, 0));
      position: absolute;
      z-index: 1;
   }
}

/*
@media (max-width: 1200px) {
   .section-customer-logos .col-logos::before {
      left: 15px !important;
   }

   .section-customer-logos .col-logos::after {
      right: 15px !important;
   }
}
*/
.section-customer-logos .col-number-data {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 22px;
}

@-webkit-keyframes fadeInLogos {
   0% {
      opacity: 0;
      transform: scale(0);
   }

   100% {
      opacity: 1;
      transform: scale(1);
   }
}

@-moz-keyframes fadeInLogos {
   0% {
      opacity: 0;
      transform: scale(0);
   }

   100% {
      opacity: 1;
      transform: scale(1);
   }
}

@keyframes fadeInLogos {
   0% {
      opacity: 0;
      transform: scale(0);
   }


   100% {
      opacity: 1;
      transform: scale(1);
   }
}

/*
.fade-in {
   opacity: 0;
}

.start-animation .fade-in {

   -webkit-animation: fadeInLogos ease-in 1;

   -moz-animation: fadeInLogos ease-in 1;
   animation: fadeInLogos ease-in 1;

   -webkit-animation-fill-mode: forwards;

   -moz-animation-fill-mode: forwards;
   animation-fill-mode: forwards;

   -webkit-animation-duration: 0.3s;
   -moz-animation-duration: 0.3s;
   animation-duration: 0.3s;
}

.logo-wrapper .fade-in:nth-child(10n + 1) {
   -webkit-animation-delay: 0.5s;
   -moz-animation-delay: 0.5s;
   animation-delay: 0.5s;
}

.logo-wrapper .fade-in:nth-child(10n + 2) {
   -webkit-animation-delay: 0.4s;
   -moz-animation-delay: 0.4s;
   animation-delay: 0.4s;
}

.logo-wrapper .fade-in:nth-child(10n + 3) {
   -webkit-animation-delay: 0.8s;
   -moz-animation-delay: 0.8s;
   animation-delay: 0.8s;
}

.logo-wrapper .fade-in:nth-child(10n + 4) {
   -webkit-animation-delay: 0.1s;
   -moz-animation-delay: 0.1s;
   animation-delay: 0.1s;
}

.logo-wrapper .fade-in:nth-child(10n + 5) {
   -webkit-animation-delay: 0.7s;
   -moz-animation-delay: 0.7s;
   animation-delay: 0.7s;
}

.logo-wrapper .fade-in:nth-child(10n + 6) {
   -webkit-animation-delay: 0.3s;
   -moz-animation-delay: 0.3s;
   animation-delay: 0.3s;
}

.logo-wrapper .fade-in:nth-child(10n + 7) {
   -webkit-animation-delay: 0.2s;
   -moz-animation-delay: 0.2s;
   animation-delay: 0.2s;
}

.logo-wrapper .fade-in:nth-child(10n + 8) {
   -webkit-animation-delay: 1s;
   -moz-animation-delay: 1s;
   animation-delay: 1s;
}

.logo-wrapper .fade-in:nth-child(10n + 9) {
   -webkit-animation-delay: 0.9s;
   -moz-animation-delay: 0.9s;
   animation-delay: 0.9s;
}
*/
/*MODAL*/
/*
.modal {
   display: none;
   position: fixed;
   z-index: 100;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgb(0, 0, 0);
   background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
   background-color: #fefefe;
   margin: 15% auto;
   padding: 20px;
   border: 1px solid #888;
   width: 95%;
   max-width: 1000px;
   box-shadow: none !important
}

.modal-content .content-wrapper {
   display: block;
   margin-top: 20px;
}

.close {
   color: #aaa;
   float: right;
   font-size: 28px;
   font-weight: bold;
}

.close:hover,
.close:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
}
*/
/*Section our solutions*/
.section-our-solutions {
   padding-top: 135px;
   padding-bottom: 100px;
}

.section-our-solutions .row-intro {
   margin-bottom: 112px;
}

.section-our-solutions .row-intro h2.general-title {
   margin-bottom: 20px;
}

.section-our-solutions .row-intro p.text {
   font-size: 24px;
   line-height: 32px;
}

.section-our-solutions .col-images img.solution-image {
   position: relative;
   width: calc(100% + 70px);
}

.section-our-solutions img.solution-image {
   /*cursor: pointer;*/
   opacity: 0;
   top: -500px;
   transition: all 0.5s;
   pointer-events: none;
}

.section-our-solutions.start-animation img.solution-image {
   opacity: 1;
   top: 0;
   pointer-events: all;
}

.section-our-solutions.start-animation.hover-out img.solution-image {
   transition-delay: 0s !important;
}

.section-our-solutions.start-animation img.solution-image:hover {
   top: -20px;
   transition-delay: 0s !important;
}

.section-our-solutions.start-animation img.solution-image-2 {
   transition-delay: 0.3s;
}

.section-our-solutions.start-animation img.solution-image-3 {
   transition-delay: 0.6s;
}

.section-our-solutions.start-animation img.solution-image-4 {
   transition-delay: 0.9s;
}

.section-our-solutions .col-images {
   display: grid;
   gap: 32px;
   grid-template-columns: repeat(4, minmax(0, 1fr));
}

/*Section award winning technology*/
.section-award-winning {
   padding-top: 140px;
   padding-bottom: 140px;
   background: #F7F7F9;
   background: linear-gradient(180deg, rgba(245, 245, 245, 0.00) 18.32%, rgba(241, 242, 245, 1.0) 72.22%);
}

.section-award-winning .row-intro h2.general-title {
   margin-bottom: 20px !important;
}

.section-award-winning .row-intro p.larger {
   font-size: 22px;
   line-height: 34px;
}

.section-award-winning .row-awards {
   margin-top: 80px;
}

.section-award-winning .awards-grid {
   display: flex;
   gap: 30px;
   flex-wrap: wrap;
   justify-content: center;
}


.section-award-winning .specific-award-wrapper {
   height: 100%;
   /*max-width: 33.33%;
   flex-basis: calc(33.33% - 20px);*/
}

@media (min-width: 992px) {
   .row-awards .swiper-slide {
      height: auto !important;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 30px;
   }

   .section-award-winning .row-awards .swiper-slide.smaller-amount {
      align-items: flex-start;
   }

   .section-award-winning .row-awards .swiper-slide.smaller-amount .specific-award-wrapper {
      height: auto;
   }
}

.row-awards .swiper-wrapper {
   padding-bottom: 30px;
}

.swiper-bubble-pagination .swiper-pagination-bullet {
   width: 48px;
   height: 6px;
   border-radius: 6px;
   background: #D2DCE9 !important;
   opacity: 1 !important;
   margin: 0 6px !important;
}

.swiper-bubble-pagination .swiper-pagination {
   padding-top: 0px !important;
}

.swiper-bubble-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%) !important;
}

.row-awards .col-award-title p.title {
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   color: #212F41;
   margin-bottom: 40px;
}

.row-awards .specific-award {
   width: 100%;
   height: 100%;
   border: 1px solid #E6E7EB;
   border-radius: 0px;
   padding: 20px 36px;
   padding-bottom: 50px;
   background: #FFF;
   box-shadow: none;
}

.specific-award img {
   width: auto;
   max-height: 54px;
   margin-bottom: 20px;
}

.specific-award p.award-title {
   font-weight: 700;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #030405;
   margin-bottom: 8px;
}

.specific-award p.award-text {
   font-size: 18px;
   line-height: 28px;
   margin-bottom: 0px;
   color: #030405;
   opacity: 0.5;
}

/*Section banner*/
.section-award-winning .row-banner {
   margin-top: 130px;
}

.banner-wrapper {
   background-size: cover !important;
   background-repeat: no-repeat !important;
   background-position: center center;
   display: flex;
   align-items: center;
   max-width: 1410px;
   margin-left: auto;
   margin-right: auto;
   background: white;
   padding-top: 100px;
   padding-bottom: 100px;
   padding-left: 115px;
   padding-right: 115px;
   min-height: 540px;
}

.banner-wrapper .col-title {
   display: flex;
   flex-direction: column;
}

.banner-wrapper .border-title {
   display: block;
   width: 240px;
   height: 1px;
   background: white;
   margin-top: auto;
}

.banner-wrapper .inner {
   display: flex;
}

.banner-wrapper .dt-img {
   flex-basis: 48%;
}

.banner-wrapper .text-wrapper {
   flex-basis: 52%;
   padding: 80px 60px;
}

.banner-wrapper h2.general-title {
   color: white;
   margin-bottom: 20px !important;
}

.banner-wrapper p.text {
   color: white;
}

.banner-wrapper .btn--primary.request-demo {
   margin-top: 48px;
}

/*Section leadership / tema members*/
.section-leadership {
   padding: 120px 0px;
   min-height: 1100px;
}

.section-leadership .row-intro h2.general-title {
   margin-bottom: 16px;
}

.section-leadership .row-intro p.subtitle {
   font-size: 18px;
   line-height: 152%;
}

/*
.section-leadership .row-members {
   margin-top: 0px;
}

.section-leadership .row-members.d-md-block {
   margin-top: 0px;
}
*/
@media (min-width: 1151px) {
   .row-members {
      min-height: 304px;
   }

   .row-members .pagination-members {
      background: white;
      padding-top: 35px;
      border-bottom: 1px solid #E6E7EB;
   }

   .row-members.pagination-members-wrapper {

      display: flex;

      position: sticky;
      top: 0;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      justify-content: center;
      z-index: 100;
      background: transparent;
   }

   .row-members.pagination-members-wrapper.sticky {
      border-bottom: 0px;
   }

   /* .row-members.pagination-members-wrapper.sticky .pagination-members {
      border-bottom: 1px solid #E6E7EB;
   }
*/
   .row-members.pagination-members-wrapper.sticky .pagination-item {
      max-width: 100px;
      margin-left: 0%;
   }

   .pagination-item .dt-image-cover {
      padding-top: 89%;
   }

   .row-members.pagination-members-wrapper.sticky .pagination-members {
      transition: all 0.3s;
   }


   .row-members.pagination-members-wrapper.sticky .pagination-item p.member-name {
      font-size: 13px;
      line-height: 130%;
      max-width: 90%;
   }

   .row-members.pagination-members-wrapper.sticky .pagination-item p.position {
      font-size: 10px;
      max-width: 90%;
   }
}

.row-members .pagination-members {
   display: flex;
   position: relative;
   width: 100%;
   justify-content: center;
}

.row-members .pagination-item {
   flex: 1;
   margin-left: -2%;
   text-align: center;
   cursor: pointer;
   width: 100%;
   max-width: 177px;
   display: flex;
   flex-direction: column;
   transition: all 0.3s;
}

.pagination-item .tabbed-border {
   width: calc(100% - 30px);
   margin-left: auto;
   margin-right: auto;
   height: 5px;
   margin-top: auto;
}

.pagination-item .tabbed-border.active {
   background: #098DE3;
}

.pagination-item .dt-img {
   border-radius: 50%;
   transition: none;
   position: relative;
}

.pagination-item .dt-img::after {
   content: '';
   width: 100%;
   height: 95%;
   background: #f1f2f5;
   border: 6px solid #fff;
   display: block;
   border-radius: 50%;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: -1;
   transition: none;
}

.row-members .pagination-item:hover .dt-img::after,
.row-members .pagination-item.active .dt-img::after {
   background: #0995E3;
   background: linear-gradient(267deg, #0995E3 0%, #096BE1 100%);
}

/*
.pagination-item:hover .dt-img,
.pagination-item.active .dt-img {
   border: 6px solid #0995E3;
}
*/

.pagination-item .dt-image-cover {
   border-radius: 50%;
   border: 6px solid #fff;
}

.pagination-item p.member-name {
   font-size: 14px;
   line-height: 152%;
   font-weight: 700;
   margin-bottom: 3px;
   margin-top: 14px;
   max-width: 80%;
   margin-left: auto;
   margin-right: auto;
}

.pagination-item p.position {
   font-size: 11px;
   line-height: 140%;
   text-transform: uppercase;
   color: #096BE1;
   background: linear-gradient(267deg, #0995E3 0%, #096BE1 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   max-width: 80%;
   margin-left: auto;
   margin-right: auto;
}

.section-leadership .container {
   position: relative;
   /* overflow: hidden;*/
}

.member-content {
   overflow: hidden;
}

.member-content {
   max-height: 0;
   min-height: 0;
   transition: all 0.3s;
}

.member-content.active {
   max-height: 100%;
   /*min-height: 500px;*/
}

.member-row {
   width: 100%;
   max-width: 1490px;
   margin-top: 138px;
   position: absolute;
   opacity: 0;
   /*  margin-left: auto;
   margin-right: auto;*/
   /* display: none;*/
   display: flex;
   background: #0995E3;
   background: linear-gradient(256deg, #0995E3 55.97%, #096BE1 100%);
   /* position: relative;*/
   /* transform: translateX(0);*/
   /*transition: all 0.5s;*/
   transition: opacity 0.8s, left 1.1s;
}

/*
.member-row[data-row="member-2"] img.main-image-photo {
   max-width: 325px;
   margin-left: auto;
   margin-right: auto;
   display: block;
}

.member-row[data-row="member-3"] img.main-image-photo {
   max-width: 423px;
   margin-left: auto;
   margin-right: auto;
   display: block;
}

.member-row[data-row="member-4"] img.main-image-photo {
   max-width: 444px;
   margin-left: 0;
   margin-right: auto;
   display: block;
}

.member-row[data-row="member-4"] .main-image {
   background: transparent;
}

.member-row[data-row="member-5"] img.main-image-photo {
   max-width: 255px;
   margin-left: auto;
   margin-right: auto;
   display: block;
}

.member-row[data-row="member-6"] img.main-image-photo {
   max-width: 288px;
   margin-left: auto;
   margin-right: auto;
   display: block;
}

.member-row[data-row="member-7"] img.main-image-photo {
   max-width: 345px;
   margin-left: auto;
   margin-right: 0;
   display: block;
}

.member-row[data-row="member-8"] img.main-image-photo {
   max-width: 371px;
   margin-left: auto;
   margin-right: auto;
   display: block;
}

.member-row[data-row="member-9"] img.main-image-photo {
   max-width: 436px;
   margin-left: auto;
   margin-right: auto;
   display: block;
}*/

@media (min-width: 991px) {

   /*.member-row {
      left: -200%;
      transition-delay: 0.3s;
   }*/
   .member-row.slide-in-left {
      transform: translateX(-100%) !important;
   }

   /* Slide in from right */
   .member-row.slide-in-right {
      transform: translateX(100%) !important;
   }

   /* Active state */
   .member-row.active {
      opacity: 1;
      pointer-events: all;
   }
}

@media (min-width: 991px) {
   /* .member-row.active {
      left: 0;
   }*/
}

/*@media (min-width: 991px) {
   .member-row:after {
      content: '';
      background: #ffffff;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      z-index: 12;
      transition: all 0.8s;
      transition-delay: 0.3s;
   }

   .member-row.active:after {
      width: 0%;
   }
}*/



.member-row .content-wrapper {
   flex-basis: 65%;
   width: 65%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 20px 80px 20px 100px;
   position: relative;
   z-index: 10;
}

.member-row h2.general-title {
   font-size: 48px;
   font-weight: 600;
   line-height: 58px;
   color: white;
   margin-bottom: 16px;
}

.member-row p.position {
   font-weight: 600;
   font-size: 21px;
   line-height: 140%;
   color: rgba(255, 255, 255, 0.70);
   margin-bottom: 0px;
}

.member-row p.text {
   font-size: 16px;
   line-height: 24px;
   color: #fff;
   margin-top: 50px;
   margin-bottom: 0px;
}

.member-row a {
   display: block;
   margin-top: 40px;
   max-width: max-content;
}

.member-row svg {
   opacity: 1;
   transition: all 0.3s;
}

.member-row svg:hover {
   opacity: 0.7;
}

.member-row .main-image {
   flex-basis: 35%;
   width: 35%;
   max-width: 742px;
   min-width: 742px;
   position: relative;
   margin-top: -162px;
   margin-bottom: -162px;
}

.member-row .main-image img.main-image-photo {
   position: relative;
   z-index: 2;
   height: 100%;
   /*width: auto;*/
}

.member-row[data-row="member-1"] .main-image {
   background: transparent;
}

/*
.member-row[data-row="member-1"] .main-image:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 95%;
   background: #096BE1;
   z-index: 1;
}
*/

.member-row .dt-img {
   position: relative;
}

.member-row .dt-image-cover img {
   z-index: 10;
}

.member-row .dt-image-cover:after {
   content: '';
   background: #096BE1;
   width: 94%;
   height: 100%;
   display: block;
   position: absolute;
   left: 0;
   top: 0;
}

.member-row img.blur {
   position: absolute;
   inset: 0;
   margin: auto;
   height: 100%;
}


.member-row .brand {
   position: absolute;
   width: auto;
   z-index: 11;
   opacity: 0;
}

.member-row.active .brands-wrapper .brand {
   animation: fadeIn 0.5s;
   -webkit-animation: fadeIn 0.5s;
   -moz-animation: fadeIn 0.5s;
   -o-animation: fadeIn 0.5s;
   -ms-animation: fadeIn 0.5s;
   animation-fill-mode: forwards;
   animation-delay: 0.5s;
}

.member-row.active .brands-wrapper .brand.brand-1 {
   animation-delay: 1s;
}

.member-row.active .brands-wrapper .brand.brand-2 {
   animation-delay: 1.1s;
}

.member-row.active .brands-wrapper .brand.brand-3 {
   animation-delay: 1.3s;
}

.member-row.active .brands-wrapper .brand.brand-4 {
   animation-delay: 1.4s;
}

.member-row.active .brands-wrapper .brand.brand-5 {
   animation-delay: 1.5s;
}

.member-row.active .brands-wrapper .brand.brand-6 {
   animation-delay: 1.6s;
}

@keyframes fadeIn {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}


/*Chris*/
.person-1 .brand-1 {
   top: 23%;
   right: 55%;
}

.person-1 .brand-2 {
   top: 26%;
   right: 7%;
}

.person-1 .brand-3 {
   top: 42%;
   right: 21%;
}

.person-1 .brand-4 {
   top: 64%;
   right: 57%;
}

.person-1 .brand-5 {
   top: 85.5%;
   right: 11%;
}

.person-1 .brand-6 {
   top: 90%;
   right: 55%;
}

/*Fabrice*/
.person-2 .brand-1 {
   top: 19%;
   right: 62%;
}

.person-2 .brand-2 {
   top: 23%;
   right: 19%;
}

.person-2 .brand-3 {
   top: 44%;
   right: 55%;
}

.person-2 .brand-4 {
   top: 52%;
   right: 17%;
}

.person-2 .brand-5 {
   top: 89%;
   right: 51%;
}

/*Stacey*/
.person-3 .brand-1 {
   top: 16%;
   right: 72%;
}

.person-3 .brand-2 {
   top: 19%;
   right: 39%;
}

.person-3 .brand-3 {
   top: 29%;
   right: 60%;
}

.person-3 .brand-4 {
   top: 27%;
   right: 29%;
}

.person-3 .brand-5 {
   top: 34%;
   right: 27%;
}

.person-3 .brand-6 {
   top: 43%;
   right: 12%;
}

.person-3 .brand-7 {
   top: 52%;
   right: 66%;
}

.person-3 .brand-8 {
   top: 63%;
   right: 59%;
}

.person-3 .brand-9 {
   top: 69%;
   right: 6%;
}

.person-3 .brand-10 {
   top: 76%;
   right: 42%;
}

/*Laurent*/
.person-4 .brand-1 {
   top: 21%;
   right: 59%;
}

.person-4 .brand-2 {
   top: 22%;
   right: 20%;
}

.person-4 .brand-3 {
   top: 30%;
   right: 15%;
}

.person-4 .brand-4 {
   top: 45%;
   right: 16%;
}

.person-4 .brand-5 {
   top: 55%;
   right: 53%;
}

.person-4 .brand-6 {
   top: 86%;
   right: 55%;
}

.person-4 .brand-7 {
   top: 89%;
   right: 16%;
}

/*Joe*/
.person-5 .brand-1 {
   top: 21%;
   right: 17%;
}

.person-5 .brand-2 {
   top: 27%;
   right: 69%;
}

.person-5 .brand-3 {
   top: 45%;
   right: 15%;
}

.person-5 .brand-4 {
   top: 53%;
   right: 17%;
}

.person-5 .brand-5 {
   top: 62%;
   right: 52%;
}

.person-5 .brand-6 {
   top: 88%;
   right: 46%;
}

.person-5 .brand-7 {
   top: 90%;
   right: 13%;
}

/*Ravi*/
.person-6 .brand-1 {
   top: 9%;
   right: 48%;
}

.person-6 .brand-2 {
   top: 21%;
   right: 19%;
}

.person-6 .brand-3 {
   top: 22%;
   right: 49%;
}

.person-6 .brand-4 {
   top: 26%;
   right: 9%;
}

.person-6 .brand-5 {
   top: 31%;
   right: 51%;
}

.person-6 .brand-6 {
   top: 38%;
   right: 12%;
}

.person-6 .brand-7 {
   top: 47%;
   right: 15%;
}

.person-6 .brand-8 {
   top: 56%;
   right: 13%;
}

.person-6 .brand-9 {
   top: 60%;
   right: 65%;
}

.person-6 .brand-10 {
   top: 87%;
   right: 15%;
}

/*Ron*/
.person-7 .brand-1 {
   top: 22%;
   right: 49%;
}

.person-7 .brand-2 {
   top: 24%;
   right: 17%;
}

.person-7 .brand-3 {
   top: 44%;
   right: 24%;
}

.person-7 .brand-4 {
   top: 63%;
   right: 55%;
}

.person-7 .brand-5 {
   top: 89%;
   right: 17%;
}

/*Humberto*/
.person-8 .brand-1 {
   top: 26%;
   right: 61%;
}

.person-8 .brand-2 {
   top: 33%;
   right: 13%;
}

.person-8 .brand-3 {
   top: 45%;
   right: 59%;
}

.person-8 .brand-4 {
   top: 68%;
   right: 30%;
}

.person-8 .brand-5 {
   top: 74%;
   right: 47%;
}

.person-8 .brand-6 {
   top: 88%;
   right: 24%;
}

/*MARIE*/
.person-9 .brand-1 {
   top: 9%;
   right: 47%;
}

.person-9 .brand-2 {
   top: 49%;
   right: 7%;
}

.person-9 .brand-3 {
   top: 31%;
   right: 14%;
}

.person-9 .brand-4 {
   top: 35%;
   right: 51%;
}

.person-9 .brand-5 {
   top: 43%;
   right: 58%;
}

.person-9 .brand-6 {
   top: 91%;
   right: 53%;
}

.person-9 .brand-7 {
   top: 61%;
   right: 21%;
}

.person-9 .brand-8 {
   top: 67%;
   right: 64%;
}

.person-9 .brand-9 {
   top: 74%;
   right: 6%;
}

.person-9 .brand-10 {
   top: 90%;
   right: 24%;
}

.person-9 .brand-11 {
   top: 23%;
   right: 52%;
}

/**/
.paths {
   fill: none;
   stroke: #797979;
   stroke-dasharray: 6 6;
   stroke-width: 2;
   opacity: 0.6;
}



.member-row.active-svg-animation .mask {
   fill: none;
   stroke: white;
   stroke-width: 10;
   stroke-dasharray: 1000;
   stroke-dashoffset: 1000;
   animation: dash 1.5s linear alternate forwards;
   animation-delay: 1s;
}

@keyframes dash {
   from {
      stroke-dashoffset: 1000;
   }

   to {
      stroke-dashoffset: 0;
   }
}

.svg-border {
   position: absolute;
   z-index: 12;
   width: auto;
}

.svg-border svg {
   width: auto;
}

.svg-border-1 {
   position: absolute;
   left: 6.5%;
   top: -13%;
   z-index: 12;
}

.svg-border-2 {
   position: absolute;
   left: 17.5%;
   top: -16%;
   z-index: 12;
}

.svg-border-3 {
   position: absolute;
   left: 28.5%;
   top: -16%;
   z-index: 12;
}

.svg-border-4 {
   position: absolute;
   left: 39%;
   top: -16%;
   z-index: 12;
}

.svg-border-4.svg-wrapper:before {
   top: 9px;
   right: -2px;
}

.svg-border-4.svg-wrapper:after {
   right: 6px;
   bottom: -1px;
}

.svg-border-5 {
   position: absolute;
   left: 40%;
   top: -16%;
   z-index: 12;
}

.svg-wrapper.right-dots:before {
   top: 9px;
   margin-left: auto;
   left: 0;
   right: 0;
}

.svg-wrapper.right-dots:after {
   left: 0px;
   right: 0;
}

.svg-border-6 {
   position: absolute;
   left: 40.5%;
   top: -16%;
   z-index: 12;
}

.svg-border-7 {
   position: absolute;
   left: 41%;
   top: -16%;
   z-index: 12;
}

.svg-border-7.svg-wrapper:before {
   left: -5px;
}

.svg-border-7.svg-wrapper:after {
   transition-delay: 2.5s !important;
   left: 6px;
}

.svg-border-8 {
   position: absolute;
   left: 42%;
   top: -16%;
   z-index: 12;
}

.svg-border-8.svg-wrapper:before {
   left: -10px;
   right: 0;
}

.svg-border-8.svg-wrapper:after {
   transition-delay: 2.8s !important;
   left: 10px;
}

.svg-border-9 {
   position: absolute;
   left: 41.5%;
   top: -16%;
   z-index: 12;
}

.svg-border-9.svg-wrapper:before {
   left: -15px;
   right: 0;
}

.svg-border-9.svg-wrapper:after {
   transition-delay: 2.8s !important;
   left: 15px;
}

.svg-wrapper:before {
   content: '';
   opacity: 0;
   width: 15px;
   height: 15px;
   display: block;
   background: #afafaf;
   border-radius: 50%;
   top: 2px;
   right: 1px;
   position: relative;
   transition: all 0.35s;
}

.member-row.active-svg-animation .svg-wrapper:before {
   transition-delay: 1s;
   opacity: 1;
}

.svg-wrapper:after {
   content: '';
   opacity: 0;
   width: 15px;
   height: 15px;
   display: block;
   background: #494949;
   border-radius: 50%;
   position: absolute;
   right: -1px;
   bottom: -1px;
   transition: all 0.35s;
}

.member-row.active-svg-animation .svg-wrapper:after {
   transition-delay: 2s;
   opacity: 1;
}

/*Section backed by*/
.section-backed-by {
   background: #000;
   padding: 25px 0px;
}

.section-backed-by .col-text {
   padding-top: 30px;
   padding-bottom: 30px;
}

.section-backed-by .logo-circle-wrapper .dt-img {
   position: relative;
   max-width: 532px;
   margin: 0 auto;
}

.section-backed-by .logo-circle-wrapper .backedby-logo {
   max-width: 390px;
   position: absolute;
   inset: 0;
   margin: auto;
}

.section-backed-by .row-intro {
   display: flex;
   align-items: center;
}

.section-backed-by .row-intro h2.general-title {
   color: white;
   font-size: 36px;
   line-height: 47px;
   margin-bottom: 30px;
}

.section-backed-by .row-intro p.text {
   color: white;
   letter-spacing: 0.02em;
}

.section-backed-by .btn--primary.btn-transparent.request-demo {
   margin-top: 32px;
   text-transform: uppercase;
   font-weight: 600;
}

/*Section timeline*/
.section-timeline {
   padding-top: 120px;
   padding-bottom: 0px;
   opacity: 0;
}

.section-timeline.start-animation {
   animation: fadeIn 0.5s;
   -webkit-animation: fadeIn 0.5s;
   -moz-animation: fadeIn 0.5s;
   -o-animation: fadeIn 0.5s;
   -ms-animation: fadeIn 0.5s;
   animation-fill-mode: forwards;
}

.section-timeline .row-intro h2.general-title {
   margin-bottom: 30px;
}

.section-timeline .row-intro p.subtitle {
   margin-bottom: 0px;
}

.section-timeline .row-timeline {
   margin-top: 80px;
   display: flex;
   position: relative;
}

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

.section-timeline .col-timeline-navigation {
   flex-basis: 10%;
   width: 10%;
}

.section-timeline .col-timeline {
   flex-basis: 85%;
   width: 85%;
}

.timeline-wrapper {
   position: relative;
   display: block;
   overflow: visible;
   height: 100%;
}

.timeline-wrapper:after {
   content: '';
   background: linear-gradient(360deg, #ffffff 0%, rgba(0, 0, 0, 0) 67.2%);
   transform: matrix(-1, 0, 0, 1, 0, 0);
   display: block;
   position: absolute;
   bottom: -3%;
   left: -10px;
   width: 20px;
   height: 250px;
   z-index: 0;
   pointer-events: none;
}



.year-wrapper {
   height: max-content;
   position: absolute;
   left: -31.5px;
   display: flex;
   align-items: center;
   cursor: pointer;
}

.year-wrapper img {
   background: white;
   border-radius: 50%;
   width: auto;
   margin-right: 10px;
   transition: all 0.3s;
}

.year-wrapper svg.inactive {
   margin-right: 10px;
   position: relative;
   right: 35%;
   transition: all 0.3s;
   transition-delay: 0.1s;
   opacity: 1;
}

.year-wrapper.start-animation svg.inactive {
   opacity: 0;
}


.year-wrapper p {
   color: #0995E3;
   font-size: 18px;
   line-height: 23px;
   margin-bottom: 0px;
   transition: all 0.3s;
   font-family: 'IBM Plex Mono', monospace;
}

.year-wrapper.start-animation p {
   font-size: 30px;
   line-height: 39px;
}

.accordion-wrapper {
   position: relative;
   display: block;
   overflow: visible;
   margin-right: auto;
   margin-left: auto;
   padding-top: 192px;
}


.product-slide:not(.slide-1) .inner-wrapper {
   background: white;
   /*transform: scale(0.95);*/
   transition: all 0.5s;
   border-radius: 8px;
}

.product-slide .inner-wrapper:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 1;
   transition: all 0.5s;
   background: #F8F8F8;
   opacity: 1;
}

.product-slide.start-animation+.product-slide .inner-wrapper:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 1;
   transition: all 0.5s;
}

.product-slide.start-animation:not(.close-animation)+.product-slide .inner-wrapper:after {
   background: #ebebeb;
}

.product-slide.start-animation+.product-slide+.product-slide .inner-wrapper:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 1;
   transition: all 0.5s;
}

.product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide .inner-wrapper:after {
   background: #F2F2F2;
}


.product-slide.start-animation+.product-slide+.product-slide+.product-slide .inner-wrapper:after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 1;
   transition: all 0.5s;
}

.product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide+.product-slide .inner-wrapper:after {
   background: #F8F8F8;
}


.product-slide {

   position: -webkit-sticky;
   /* position: sticky;
   bottom: 96px;*/
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   /* overflow: hidden;*/
   width: 100%;
   /*height: 65vh;*/
   min-height: 540px;
   max-width: 100%;
   padding-right: 0px;
   padding-left: 0px;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: stretch;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;


}

.product-slide.start-animation .inner-wrapper {
   transform: scale(1) !important;
   background-color: white !important;
}

.product-slide.start-animation:not(.close-animation) .inner-wrapper:after {
   opacity: 0 !important;
   pointer-events: none;
}

.col-timeline .inner-wrapper {
   border: 1px solid #E3E3E3;
   background: white;
   display: flex;
   align-items: center;
   width: 100%;
   border-radius: 8px;
}

.col-timeline .inner-wrapper .dt-img {
   width: 46%;
   flex-basis: 46%;
   height: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.col-timeline .inner-wrapper .dt-image-cover {
   border-radius: 8px 0px 0px 8px;
}

.col-timeline .inner-wrapper .content {
   width: 54%;
   flex-basis: 54%;
   padding: 40px 80px;
   display: flex;
   flex-direction: column;
   height: 100%;
}

.col-timeline .inner-wrapper p.year {
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #627A99;
   margin-bottom: 8px;
}

.col-timeline .inner-wrapper h3.general-title {
   margin-bottom: 0;
}

.col-timeline .inner-wrapper p.text {
   font-size: 18px;
   line-height: 28px;
   color: #212F41;
   margin-top: 24px;
   padding-left: 0px;
   margin-bottom: 26px;
}

.col-timeline .inner-wrapper .key-points p.text.key-point {
   display: flex;
   align-items: baseline;

}

.col-timeline .inner-wrapper .key-points p.text.key-point:not(:last-child) {
   margin-bottom: 24px;
}

.col-timeline .inner-wrapper .key-points {
   margin-top: 24px;
}

.col-timeline .inner-wrapper p.text svg {
   margin-right: 34px;
   width: 17px;
   max-width: 17px;
   min-width: 17px;
}

.product-slide .btn--primary.request-demo {
   margin-top: 0px;
   margin-left: auto;
   margin-right: 0;
}

.product-slide .btn--primary.request-demo.btn-transparent {
   margin-right: auto;
   margin-left: 0;
   color: #212F41 !important;
   margin-bottom: 24px;
   text-transform: uppercase;
   font-weight: 600;
   text-align: left;
}


/*Timeline example 2*/
.product-slide {
   position: absolute;
}

.accordion-wrapper {
   min-height: 800px;
}

.product-slide .btn-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: auto;
}

.product-slide .btn.previous img {
   margin-left: 0;
   transform: rotate(180deg);
   margin-right: 10px;

}

.product-slide .btn.previous {
   margin-right: auto;
   margin-left: 0;
}

@media (min-width: 991px) {
   .product-slide.start-animation:not(.close-animation) {
      top: 0%;
      z-index: 50;
   }

   .product-slide.start-animation.close-animation {
      z-index: 50;
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide {
      top: 7%;
      z-index: 9;
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide {
      top: 14%;
      z-index: 8;
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide+.product-slide {
      top: 20%;
      z-index: 7;
   }

   .product-slide {
      transition: all 0.5s;
      right: 0;
      opacity: 0;
   }

   .product-slide.close-animation,
   .product-slide.start-animation.close-animation {
      right: -200%;
   }

   .product-slide.start-animation {
      top: 0% !important;
      opacity: 1;
   }


   .product-slide.start-animation:not(.close-animation)+.product-slide {
      top: 7% !important;
      opacity: 1;
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide .inner-wrapper {
      transform: scale(0.95)
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide {
      top: 14% !important;
      opacity: 1;
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide .inner-wrapper {
      transform: scale(0.85)
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide+.product-slide {
      top: 21% !important;
      opacity: 1;
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide+.product-slide .inner-wrapper {
      transform: scale(0.75)
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide+.product-slide+.product-slide {
      top: 28% !important;
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide+.product-slide+.product-slide .inner-wrapper {
      transform: scale(0.65)
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide+.product-slide+.product-slide+.product-slide {
      top: 35% !important;
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide+.product-slide+.product-slide+.product-slide .inner-wrapper {
      transform: scale(0.55)
   }


   .year-wrapper.start-animation:not(.close-animation) {
      bottom: 94%;
   }

   .year-wrapper.start-animation:not(.close-animation)+.year-wrapper {
      bottom: 15%;
   }

   .year-wrapper.start-animation:not(.close-animation)+.year-wrapper+.year-wrapper {
      bottom: 10%;
   }

   .year-wrapper.start-animation:not(.close-animation)+.year-wrapper+.year-wrapper+.year-wrapper {
      bottom: 5%;
   }

   .year-wrapper.start-animation:not(.close-animation)+.year-wrapper+.year-wrapper+.year-wrapper+.year-wrapper {
      bottom: 0%;
   }

   .year-wrapper {
      transition: all 0.5s;
   }

   .year-wrapper img {
      opacity: 0;
   }

   .year-wrapper.start-animation img {
      opacity: 1;
   }

   .year-wrapper.start-animation {
      bottom: 94%;
   }

   .year-wrapper.close-animation,
   .year-wrapper.start-animation.close-animation {
      right: -200%;
      opacity: 0;
   }
}


/*Section security CTA*/
.section-security-cta {
   padding-top: 100px;
}

.section-security-cta .container {
   border-bottom: 1px solid #F1F2F5;
   padding-bottom: 100px;
}

.section-security-cta .row {
   display: flex;
   align-items: center;
}

.section-security-cta img {
   width: auto;
}

.section-security-cta p.text {
   margin-bottom: 0px;
   color: #212F41;
}

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

}

.section-security-cta a.learn-more-security {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   letter-spacing: 0.02em;
   color: black;
   text-transform: uppercase;
   margin-top: 20px;
}

.section-security-cta a.learn-more-security img {
   margin-left: 12px;
   position: relative;
   left: 0;
   transition: 300ms;
}

.section-security-cta a.learn-more-security:hover img {
   left: 10px;
}


/*Responsive*/

@media (max-width:1600px) {

   .section-marketpage-centric-solutions .row-main:not(.grid-type)::after {
      width: 350px;
   }

   .section-marketpage-centric-solutions .row-main:not(.grid-type)::before {
      width: 250px;
   }

   .member-row .content-wrapper {
      padding: 20px 0 20px 100px;
   }

   .member-row {
      max-width: 1272px;
      margin-left: auto;
      margin-right: auto;
      right: 0;
   }

   .row-members .pagination-item {
      max-width: 140px;
      margin-left: -1%;
   }

   .row-members .pagination-members {
      left: 0%;
   }

   .pagination-item p.position {
      font-size: 11px;
      line-height: 15px;
      font-weight: 600;
   }

   .member-row .main-image {
      margin-top: -130px;
      margin-bottom: -130px;
   }

   .member-row {
      margin-top: 106px;
   }

   .member-row h2.general-title {
      font-size: 42px;
      margin-bottom: 8px;
   }

   .member-row p.text {
      font-size: 14px;
      line-height: 152%;
      margin-top: 30px;
   }

   .member-row a {
      margin-top: 30px;
   }
}

@media (max-width:1450px) {

   .section-marketpage-centric-solutions .row-main:not(.grid-type)::after {
      width: 250px;
   }

   .section-marketpage-centric-solutions .row-main:not(.grid-type)::before {
      width: 150px;
   }

}

@media (max-width: 1250px) {

   .marketpage-slider__container,
   .marketpage-slider__navigation {
      padding: 0px 30px;
   }

   .section-marketpage-centric-solutions .row-main:not(.grid-type)::after {
      width: 150px;
   }

   .section-marketpage-centric-solutions .row-main:not(.grid-type)::before {
      width: 50px;
   }

   .section-marketpage-centric-solutions .container-swiper {
      padding-left: 0;
      padding-right: 0;
   }
}

@media (max-height: 1100px) and (max-width: 1600px) {


   .row-members .pagination-members {
      justify-content: center;
   }

   .pagination-item p.member-name {
      font-size: 12px;
      line-height: 16px;
   }

   .member-content .svg-border {
      display: none !important;
   }

   .member-row .main-image {
      flex-basis: 35%;
      width: 35%;
      max-width: 600px;
      min-width: 600px;
   }

   .person-9 .brand-3 {
      top: 31%;
      right: 9%;
   }

   .person-9 .brand-4 {
      top: 34%;
      right: 51%;
   }

   .person-9 .brand-1 {
      top: 8%;
      right: 47%;
   }

   .person-9 .brand-7 {
      top: 61%;
      right: 15%;
   }

   .person-9 .brand-8 {
      top: 66%;
      right: 64%;
   }

   .person-1 .brand-2 {
      top: 25%;
      right: 1%;
   }

   .person-1 .brand-1 {
      top: 23%;
      right: 54%;
   }

   .person-1 .brand-5 {
      top: 85%;
      right: 6%;
   }

   .person-2 .brand-3 {
      top: 42%;
      right: 55%;
   }

   .person-2 .brand-2 {
      top: 23%;
      right: 14%;
   }

   .person-2 .brand-1 {
      top: 18%;
      right: 60%;
   }

   .person-2 .brand-4 {
      top: 52%;
      right: 11%;
   }

   .person-3 .brand-2 {
      top: 19%;
      right: 34%;
   }

   .person-3 .brand-5 {
      top: 34%;
      right: 23%;
   }

   .person-3 .brand-9 {
      top: 69%;
      right: 2%;
   }

   .person-3 .brand-4 {
      top: 27%;
      right: 25%;
   }

   .person-3 .brand-6 {
      top: 43%;
      right: 7%;
   }

   .person-4 .brand-2 {
      top: 22%;
      right: 16%;
   }

   .person-4 .brand-3 {
      top: 30%;
      right: 11%;
   }

   .person-4 .brand-4 {
      top: 45%;
      right: 12%;
   }

   .person-4 .brand-7 {
      top: 88%;
      right: 9%;
   }

   .person-5 .brand-3 {
      top: 45%;
      right: 9%;
   }

   .person-5 .brand-4 {
      top: 52%;
      right: 12%;
   }

   .person-5 .brand-7 {
      top: 90%;
      right: 8%;
   }

   .person-6 .brand-2 {
      top: 21%;
      right: 14%;
   }

   .person-6 .brand-4 {
      top: 26%;
      right: 4%;
   }

   .person-6 .brand-6 {
      top: 38%;
      right: 8%;
   }

   .person-6 .brand-7 {
      top: 45%;
      right: 8%;
   }

   .person-6 .brand-8 {
      top: 56%;
      right: 8%;
   }

   .person-6 .brand-10 {
      top: 86%;
      right: 11%;
   }

   .person-8 .brand-2 {
      top: 33%;
      right: 10%;
   }

   .person-9 .brand-11 {
      top: 22%;
      right: 52%;
   }

   .person-7 .brand-2 {
      top: 24%;
      right: 8%;
   }

   .person-7 .brand-5 {
      top: 89%;
      right: 12%;
   }

   .member-row[data-row="member-3"] .main-image {
      right: 3%;
   }

   /*
   .person-3 .brand-9 {
      top: 69%;
      right: 3%;
   }

   .person-3 .brand-6 {
      top: 43%;
      right: 9%;
   }

   .person-5 .brand-7 {
      top: 90%;
      right: 9%;
   }

   .person-9 .brand-3 {
      top: 31%;
      right: 11%;
   }

   .person-6 .brand-7 {
      top: 45%;
      right: 12%;
   }

   .person-6 .brand-2 {
      top: 21%;
      right: 16%;
   }

   .person-7 .brand-2 {
      top: 24%;
      right: 11%;
   }*/
}

/*
@media (max-height: 1100px) and (max-width: 1600px) {
   .row-members .pagination-item {
      max-width: 150px;
   }

   .row-members .pagination-members {
      justify-content: center;
   }

   .pagination-item p.member-name {
      font-size: 12px;
      line-height: 16px;
   }

   .pagination-item p.position {
      font-size: 8px;
      line-height: 10px;
   }

   .member-content .svg-border {
      display: none !important;
   }

   .member-row {
      margin-top: 40px;
   }

   .member-row .main-image img.main-image-photo {
      max-width: 400px;
   }

   .member-row[data-row="member-2"] img.main-image-photo {
      max-width: 275px;
   }

   .member-row[data-row="member-3"] img.main-image-photo {
      max-width: 375px;
   }

   .member-row[data-row="member-5"] img.main-image-photo {
      max-width: 220px;
   }

   .member-row[data-row="member-6"] img.main-image-photo {
      max-width: 250px;
   }

   .member-row[data-row="member-7"] img.main-image-photo {
      max-width: 300px;
   }

   .member-row[data-row="member-8"] img.main-image-photo {
      max-width: 325px;
   }

   .member-row[data-row="member-9"] img.main-image-photo {
      max-width: 375px;
   }

   .member-row .main-image {
      max-width: 400px;
      min-width: 400px;
   }

   .person-2 .brand-3 {
      top: 62%;
      right: 7%;
   }

   .person-2 .brand-4 {
      top: 86%;
      right: -2%;
   }

   .person-3 .brand-2 {
      top: 17%;
      right: 11%;
   }

   .person-4 .brand-1 {
      top: 32%;
      right: 0%;
   }

   .person-5 .brand-4 {
      top: 85%;
      right: 3%;
   }

   .person-9 .brand-1 {
      top: 21%;
      right: 0%;
   }

   .person-7 .brand-4 {
      top: 89%;
      right: 7%;
   }
}
*/
@media (min-width: 992px) and (max-width: 1300px) {
   .col-timeline .inner-wrapper .dt-img {
      width: 55%;
      flex-basis: 55%;
   }

   .col-timeline .inner-wrapper .content {
      width: 45%;
      flex-basis: 45%;
      padding: 30px;
      display: flex;
      flex-direction: column;
      height: 100%;
   }

   .col-timeline .inner-wrapper p.text {
      font-size: 16px;
      line-height: 24px;
   }

   .pagination-item p.member-name {
      font-size: 12px;
      line-height: 16px;
   }

   .pagination-item p.position {
      font-size: 8px;
      line-height: 10px;
   }
}

@media (max-width: 1200px) {

   .section-about-hero,
   .section-about-hero.mp4 {
      padding-top: 100px;
      padding-bottom: 100px;
   }

   .col-boxes .specific-box {
      padding: 40px 20px;
   }

   .section-about-us .col-boxes {
      gap: 60px 10px;
   }

   .member-content .svg-wrapper.svg-border {
      display: none;
   }

   .member-row .content-wrapper {
      padding: 20px 0px 20px 80px;
   }

   .member-row .main-image {
      max-width: 600px;
      min-width: 600px;
      margin-top: -110px;
      margin-bottom: -110px;
   }

   .member-row {
      margin-top: 86px;
   }

   .person-9 .brand-3 {
      top: 31%;
      right: 9%;
   }

   .person-9 .brand-4 {
      top: 34%;
      right: 51%;
   }

   .person-9 .brand-1 {
      top: 8%;
      right: 47%;
   }

   .person-9 .brand-7 {
      top: 61%;
      right: 15%;
   }

   .person-9 .brand-8 {
      top: 66%;
      right: 64%;
   }

   .person-1 .brand-2 {
      top: 25%;
      right: 1%;
   }

   .person-1 .brand-1 {
      top: 23%;
      right: 54%;
   }

   .person-1 .brand-5 {
      top: 85%;
      right: 6%;
   }

   .person-2 .brand-3 {
      top: 42%;
      right: 55%;
   }

   .person-2 .brand-2 {
      top: 23%;
      right: 14%;
   }

   .person-2 .brand-1 {
      top: 18%;
      right: 60%;
   }

   .person-2 .brand-4 {
      top: 52%;
      right: 11%;
   }


   .person-3 .brand-2 {
      top: 19%;
      right: 34%;
   }

   .person-3 .brand-5 {
      top: 34%;
      right: 23%;
   }

   .person-3 .brand-9 {
      top: 69%;
      right: 2%;
   }

   .person-3 .brand-4 {
      top: 27%;
      right: 25%;
   }

   .person-3 .brand-6 {
      top: 43%;
      right: 7%;
   }

   .person-4 .brand-2 {
      top: 22%;
      right: 16%;
   }

   .person-4 .brand-3 {
      top: 30%;
      right: 11%;
   }

   .person-4 .brand-4 {
      top: 45%;
      right: 12%;
   }

   .person-4 .brand-7 {
      top: 88%;
      right: 9%;
   }

   .person-5 .brand-3 {
      top: 45%;
      right: 9%;
   }

   .person-5 .brand-4 {
      top: 52%;
      right: 12%;
   }

   .person-5 .brand-7 {
      top: 90%;
      right: 8%;
   }

   .person-6 .brand-2 {
      top: 21%;
      right: 14%;
   }

   .person-6 .brand-4 {
      top: 26%;
      right: 4%;
   }

   .person-6 .brand-6 {
      top: 38%;
      right: 8%;
   }

   .person-6 .brand-7 {
      top: 45%;
      right: 8%;
   }

   .person-6 .brand-8 {
      top: 56%;
      right: 8%;
   }

   .person-6 .brand-10 {
      top: 86%;
      right: 11%;
   }

   .person-8 .brand-2 {
      top: 33%;
      right: 10%;
   }

   .person-9 .brand-11 {
      top: 22%;
      right: 52%;
   }

   .person-7 .brand-2 {
      top: 24%;
      right: 8%;
   }

   .person-7 .brand-5 {
      top: 89%;
      right: 12%;
   }
}

@media (max-width: 1150px) {
   .timeline-wrapper.d-md-block {
      display: none !important;
   }

   .timeline-dropdown.d-md-none {
      display: block !important;
   }

   .section-timeline {
      padding-top: 40px;
      padding-bottom: 80px;
   }

   .section-timeline .row-intro h2.general-title {
      font-size: 32px;
      line-height: 42px;
      margin-bottom: 10px;
   }

   .section-timeline .row-intro p.subtitle {
      font-size: 18px;
      line-height: 28px;
   }

   .section-timeline .row-timeline {
      flex-direction: column;
      max-width: 550px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 40px;
   }

   .section-timeline .col-timeline-navigation {
      flex-basis: 100%;
      width: 100%;
   }

   .section-timeline .col-timeline {
      flex-basis: 100%;
      width: 100%;
   }

   .col-timeline .inner-wrapper {
      flex-direction: column;
      border-radius: 0;
   }

   .col-timeline .inner-wrapper .dt-image-cover {
      border-radius: 0;
   }

   .col-timeline .inner-wrapper .dt-img {
      width: 100%;
      flex-basis: 100%;
   }

   .col-timeline .inner-wrapper .content {
      width: 100%;
      flex-basis: 100%;
      padding: 20px 20px;
   }

   .col-timeline .inner-wrapper h3.general-title {
      font-size: 24px;
      line-height: 32px;
   }

   .product-slide.start-animation:not(.close-animation)+.product-slide,
   .product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide,
   .product-slide.start-animation:not(.close-animation)+.product-slide+.product-slide+.product-slide {
      opacity: 0;
   }


   .dropdown-timeline {
      position: relative;
      display: inline-block;
      width: 100%;
   }

   .dropdown-timeline .nav-wrapper {
      border: 1px solid #D8D8D8;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 22px 20px;
      margin-bottom: 10px;
      position: relative;
   }

   .dropdown-timeline .nav-wrapper svg {
      position: absolute;
      right: 20px;
      top: 0;
      bottom: 0;
      margin: auto;
      transition: all 0.3s;
      transform: rotate(0deg);
   }

   .dropdown-timeline.active .nav-wrapper svg {
      transform: rotate(-180deg);
   }

   .dropdown-timeline .nav-wrapper p.main-navigation {
      font-size: 16px;
      line-height: 16px;
   }

   .dropdown-timeline .dropdown-content p.specific-year {
      padding-bottom: 6px !important;
   }


   .dropdown-timeline .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      padding: 12px 16px;
      width: 100%;
      max-width: 350px;
      z-index: 100;
      max-height: 300px;
      overflow-y: scroll;
   }

   .dropdown-timeline.active .dropdown-content {
      display: block;
   }


   .product-slide {
      transition: all 0.5s;
      position: relative;
      min-height: auto;
      max-height: 0;
      opacity: 0;
      bottom: -200px;
   }

   .product-slide.start-animation {
      max-height: 1000px;
      opacity: 1;
      bottom: 0;
   }

   .col-timeline .inner-wrapper p.text {
      font-size: 16px;
      line-height: 24px;
   }

   .product-slide .btn.previous {
      display: none;
   }

   .product-slide .btn--primary.request-demo {
      width: 100%;
      justify-content: center;
      padding: 18px 20px !important;
   }

   .product-slide .btn--primary.request-demo.btn-transparent {
      padding: 0px !important;
      text-align: left;
      width: 100%;
      max-width: max-content;
      margin-right: auto;
      margin-left: 0;
   }

   .col-timeline .inner-wrapper p.text svg {
      margin-right: 15px;
   }

   .col-timeline .inner-wrapper .key-points p.text.key-point:first-child {
      margin-top: 0px;
   }

   .accordion-wrapper {
      min-height: auto;
      padding: 0px;
   }

   .product-slide:not(.slide-1) .inner-wrapper {
      border-radius: 0;
   }

   .pagination-item .tabbed-border {
      display: none !important;
   }

   .row-members .pagination-item {
      flex-direction: row;
   }
}


@media (max-width: 1060px) {
   .col-market-icon {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

.d-none {
   display: none !important;
}

.d-block {
   display: block !important;
}

.d-flex {
   display: flex !important;
}

@media (min-width: 1151px) {
   .row-members.d-md-block {
      display: block !important;
   }

   .member-row {
      left: -100%;
      opacity: 0;
   }

   .member-row.active {
      left: 0;
      transition: opacity 0.8s, left 1.1s;
      opacity: 1;
   }

   .member-row.active+.member-row,
   .member-row.active+.member-row+.member-row,
   .member-row.active+.member-row+.member-row+.member-row,
   .member-row.active+.member-row+.member-row+.member-row+.member-row,
   .member-row.active+.member-row+.member-row+.member-row+.member-row+.member-row,
   .member-row.active+.member-row+.member-row+.member-row+.member-row+.member-row+.member-row,
   .member-row.active+.member-row+.member-row+.member-row+.member-row+.member-row+.member-row+.member-row,
   .member-row.active+.member-row+.member-row+.member-row+.member-row+.member-row+.member-row+.member-row+.member-row {
      left: 100%;
   }
}

@media (min-width: 1151px) and (max-width: 1550px) {
   .member-row {
      left: -200%;
      opacity: 0;
   }

   .member-row.active+.member-row,
   .member-row.active+.member-row+.member-row,
   .member-row.active+.member-row+.member-row+.member-row,
   .member-row.active+.member-row+.member-row+.member-row+.member-row,
   .member-row.active+.member-row+.member-row+.member-row+.member-row+.member-row,
   .member-row.active+.member-row+.member-row+.member-row+.member-row+.member-row+.member-row,
   .member-row.active+.member-row+.member-row+.member-row+.member-row+.member-row+.member-row+.member-row,
   .member-row.active+.member-row+.member-row+.member-row+.member-row+.member-row+.member-row+.member-row+.member-row {
      left: 100%;
   }
}

@media (max-width: 1150px) {
   .row-members.d-md-block {
      display: none !important;
   }

   .row-members.d-block.d-md-none {
      display: block !important;
   }


   .section-leadership .row-intro h2.general-title {
      font-size: 32px;
      line-height: 42px;
      margin-bottom: 22px;
   }

   .section-leadership {
      padding: 40px 0px;
   }

   .section-leadership .row-members {
      margin-top: 40px;
   }

   .row-members .pagination-members {
      left: 0;
      display: flex;
      flex-direction: column;
      gap: 0;

   }

   .row-members .pagination-item {
      margin-left: 0%;
      display: flex;
      align-items: center;
      border: 1px solid #D8D8D8;
      width: 100%;
      max-width: 550px;
      margin-left: auto;
      margin-right: auto;
      padding: 16px;
      cursor: pointer;
      position: relative;
   }

   .row-members .pagination-item svg {
      position: absolute;
      right: 20px;
      top: 0;
      bottom: 0;
      margin: auto;
      transition: all 0.3s;
      transform: rotate(0deg);
   }

   .row-members .pagination-item.active svg {
      transform: rotate(-180deg);
   }

   .pagination-item .dt-img {
      max-width: 100px;
      margin-right: 19px;
      border: 0px solid;
   }

   .pagination-item .dt-img::after {
      display: none;
   }

   .pagination-item .dt-image-cover {
      border-radius: 50%;
      border: 0px solid #fff;
      background: #f1f2f5;
   }

   .pagination-item .member-wrapper {
      text-align: left;
   }

   .pagination-item p.member-name {
      font-size: 22px;
      line-height: 28px;
      font-weight: 600;
      margin-top: 0px !important;
      margin-bottom: 6px !important;
   }

   .pagination-item p.position {
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 0px;
      text-transform: capitalize;
   }

   .member-row .main-image {
      flex-basis: 0;
      width: 0;
      display: none;
   }

   .pagination-item:hover .dt-img,
   .pagination-item.active .dt-img {
      border: 0px solid;
   }

   .member-row .content-wrapper {
      flex-basis: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 40px 40px 40px 40px;
   }

   .member-row h2.general-title,
   .member-row p.position {
      display: none;
   }

   .member-row p.text {
      margin-top: 0px;
   }

   .member-row a svg path {
      fill: #b5d6f6;
   }

   .member-row {
      position: relative;
      pointer-events: none;
      top: -200%;
      opacity: 0;
      left: 0;
      width: 100%;
      max-width: 550px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0px;
      max-height: 0;
      transition: all 0.8s;
   }

   .member-row.active {
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      margin-top: 0px;
      max-height: 800px;
      top: 0%;
      opacity: 1;
      pointer-events: all;
      top: 0;
      opacity: 1;
   }

   .pagination-members .leadership-mobile-wrapper:not(:last-child) {
      margin-bottom: 16px;
   }

   .member-row .svg-wrapper.svg-border {
      display: none;
   }

}

@media (min-width: 992px) {

   .d-md-block {
      display: block !important;
   }

   .d-md-flex {
      display: flex !important;
   }

   .d-md-none {
      display: none !important;
   }

   .d-md-block {
      display: block !important;
   }

   .d-md-grid {
      display: grid !important;
   }

   .d-md-flex {
      display: flex !important;
   }
}


.section-about-grid img.mobile-image {
   display: none !important;
}



@media (max-width: 991px) {

   .col-md-5,
   .col-md-6,
   .col-md-7 {
      width: 100%;
      flex-basis: 100%;
   }

   .row {
      flex-direction: column;
      display: flex;
   }

   h1.general-title {
      font-size: 24px;
      line-height: 32px;
   }

   h2.general-title,
   h2.general-title.smaller {
      font-size: 24px;
      line-height: 32px;
   }

   h3.general-title {
      font-size: 20px;
      line-height: 26px;
   }

   h2.general-title br {
      display: none;
   }

   .section-about-hero {
      padding-top: 160px;
      padding-bottom: 80px;
   }

   .section-about-hero.mp4 {
      padding-top: 160px;
      padding-bottom: 15px;
   }

   .page-content-wrap {
      overflow: hidden;
      display: flex;
      flex-direction: column;
   }

   .order-1 {
      order: 1;
   }

   .order-2 {
      order: 2;
   }

   .order-3 {
      order: 3;
   }

   .order-4 {
      order: 4;
   }

   .order-5 {
      order: 5;
   }

   .order-6 {
      order: 6;
   }

   .order-7 {
      order: 7;
   }

   .order-8 {
      order: 8;
   }

   .order-9 {
      order: 9;
   }

   .order-10 {
      order: 10;
   }

   .order-11 {
      order: 11;
   }


   .section-about-hero h1.general-title {
      font-size: 32px;
      line-height: 42px;
   }

   .section-about-hero p.text {
      font-size: 18px;
      line-height: 28px;
      letter-spacing: 0.02em;
   }

   /*  .section-about-hero .col-image {
      display: none;
   }*/

   .section-about-us {
      padding-top: 0px;
      padding-bottom: 80px;
   }

   .section-about-us .row-intro,
   .section-about-us.start-animation .row-intro {
      opacity: 1;
      padding-top: 40px;
   }

   .section-about-us .col-boxes {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 32px 10px;
   }

   .col-boxes .specific-box {
      padding: 40px 40px;
   }

   .section-about-us .row-boxes {
      margin-top: 160px;
   }

   .col-boxes img {
      margin-bottom: 20px;
   }

   .col-boxes .specific-box p.title {
      margin-bottom: 16px;
   }

   .section-about-us .row-intro p.text {
      font-size: 18px;
      line-height: 28px;
   }

   .section-about-us .row-intro h2.general-title.smaller {
      font-size: 32px;
      line-height: 42px;
   }

   .section-about-us .row-boxes {
      opacity: 1;
   }

   .section-about-grid {
      padding-top: 80px;
      padding-bottom: 80px;
   }

   .section-about-gri h2.general-title.smaller {
      margin-bottom: 0px;
   }

   .section-about-grid .row-intro {
      margin-bottom: 40px;
   }

   .section-about-grid .col-grid {
      display: flex;
      gap: 32px;
      flex-direction: column;
      width: 100%;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
   }

   .section-about-grid .row-content.one .grid-element.one,
   .section-about-grid .row-content.one .grid-element.two,
   .section-about-grid .row-content.two .grid-element.one,
   .section-about-grid .row-content.two .grid-element.two {
      width: 100%;
   }

   .section-about-grid .col-grid .dt-image-cover {
      padding-top: 109% !important;
   }

   .section-about-grid .col-grid .inner {
      max-width: 100%;
      padding: 30px 40px;
   }

   .section-about-grid .col-grid .inner h3.general-title {
      margin-bottom: 20px;
   }

   .section-about-grid .row-content.one .grid-element.two .inner h3.general-title,
   .section-about-grid .col-grid .dt-ratio-cover .inner h3.general-title {
      font-weight: 400;
      font-size: 28px;
      line-height: 37px;
   }

   .section-about-grid .col-grid .inner .btn--primary.request-demo {
      margin-top: 26px;
   }

   .dt-ratio-box {
      position: relative;
   }

   .dt-ratio-cover {
      padding-top: 90% !important;
   }

   .section-about-grid .row-content.two .grid-element.two {
      order: -1;
   }

   .section-about-grid .row-content.one .grid-element.two h3.general-title {
      font-size: 28px;
      line-height: 37px;
      font-weight: 600;
      margin-bottom: 12px;
   }

   .section-about-grid .row-content.one .col-grid .inner .btn--primary.request-demo {
      margin-top: 30px;
   }

   .section-about-grid .row-content.two {
      margin-top: 32px;
   }

   .section-market-speaks {
      padding-top: 80px;
      padding-bottom: 80px;
   }



   .section-customer-logos {
      padding-top: 0px;
      padding-bottom: 80px;
   }

   .section-customer-logos .logo-wrapper {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0;
   }

   .section-customer-logos h2.general-title {
      font-size: 32px;
      line-height: 42px;
      font-weight: 600;
      margin-bottom: 35px;
   }

   .logo-wrapper .fade-in {
      opacity: 1 !important;
      animation: none !important;
   }

   .section-award-winning {
      padding-top: 80px;
      padding-bottom: 60px;
   }

   .section-about-grid img.mobile-image {
      display: block !important;
   }

   .section-about-grid img.desktop-image {
      display: none !important;
   }



   .section-award-winning .row-awards {
      margin-top: 60px;
   }

   .section-backed-by {
      margin-top: 0;
   }

   .section-backed-by .col-image {
      order: -1;
   }

   .section-backed-by {
      padding: 42px 0px;
   }

   .section-backed-by .col-text {
      padding-top: 40px;
      padding-bottom: 0;
   }


   .section-security-cta {
      padding-top: 80px;
      padding-bottom: 0px;
   }

   .section-security-cta .container {
      padding-bottom: 80px;
      margin-bottom: 40px;
   }

   .section-security-cta h3.general-title {
      font-size: 24px;
      line-height: 32px;
   }

   .section-security-cta .badges {
      margin-top: 60px;
      margin-right: auto;
      margin-left: auto;
   }

   .section-security-cta .badges img {
      max-width: 150px;
   }



   .section-about-hero img.hero-image {
      position: relative;
      width: 100%;
      max-width: 750px;
      margin-top: -50px;
      margin-bottom: -100px;
   }

   .section-about-us .row-boxes {
      margin-top: 40px;
   }

   .section-our-solutions {
      padding-top: 40px;
      padding-bottom: 125px;
   }

   .section-our-solutions .row-intro h2.general-title {
      margin-bottom: 30px;
   }

   .section-our-solutions .row-intro {
      margin-bottom: 80px;
   }

   .section-our-solutions .row-content {
      margin-left: -25px;
      margin-right: -25px;
   }

   .section-our-solutions .col-images {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .accordion-wrapper {
      min-height: auto;
      padding: 0;
   }


   .section-backed-by .logo-circle-wrapper {
      max-width: 400px;
      margin-left: auto;
      margin-right: auto;
   }

   .section-customer-logos .logo-wrapper .row-logo {
      transform: none !important;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0;
      width: 100%;
   }

   .section-customer-logos .logo-wrapper .row-logo-two {
      margin-top: 0;
   }

   .section-customer-logos .logo-wrapper .row-logo img {
      width: 100%;
      max-height: 100%;
   }

   .section-our-solutions img.solution-image {
      top: 0px;
      transition-delay: 0s !important;
      opacity: 1;
      transition: none !important;
   }

   .section-our-solutions img.solution-image:hover {
      top: 0px !important;
   }

   .section-timeline {
      opacity: 1 !important;
      transition-delay: 0s !important;
      transition: none !important;
   }

   .section-marketpage-centric-solutions {
      padding-top: 80px;
      padding-bottom: 80px;
   }

   .section-marketpage-centric-solutions .row-main {
      margin-top: 80px;
   }

   .section-marketpage-centric-solutions p.above-title {
      margin-bottom: 30px;
   }

   .section-marketpage-centric-solutions h2.general-title {
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 30px;
   }

   .section-marketpage-centric-solutions .row-main:not(.grid-type)::before,
   .section-marketpage-centric-solutions .row-main:not(.grid-type)::after {
      display: none;
   }

   .section-marketpage-centric-solutions .container.grid-type {
      padding: 0 0px;
   }

   .section-marketpage-centric-solutions .row-intro p.larger,
   .section-award-winning .row-intro p.larger {
      font-size: 18px;
      line-height: 28px;
   }

   .section-award-winning .row-awards {
      margin-left: -25px;
      margin-right: -25px;
   }

   .banner-wrapper {
      flex-direction: column;
   }

   .banner-wrapper .text-wrapper {
      padding: 30px;
   }

   .banner-wrapper .btn--primary.request-demo {
      margin-top: 30px;
   }

   .section-award-winning .row-banner {
      margin-top: 100px;
   }

   .section-market-speaks h2.general-title br {
      display: block;
   }

   .section-market-speaks h2.general-title {
      margin-top: 40px;
      max-width: 100%;
      font-size: 28px;
      line-height: 37px;
      opacity: 1 !important;
      background: transparent !important;
      -webkit-text-fill-color: white !important;
   }

   .section-market-speaks .market-item p.title {
      font-size: 32px;
      line-height: 42px;
   }

   .section-market-speaks .market-item p.text {
      font-size: 16px;
      line-height: 24px;
   }

   .section-market-speaks .market-item-wrapper {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-top: 40px;
   }

   .banner-wrapper {
      padding-top: 60px;
      padding-bottom: 60px;
      padding-left: 60px;
      padding-right: 60px;
      min-height: auto;
   }

   .banner-wrapper .inner {
      display: flex;
      align-items: center;
      flex-direction: column;
   }

   .banner-wrapper h2.general-title {
      margin-bottom: 20px !important;
   }

   .banner-wrapper .border-title {
      margin-bottom: 20px;
   }

   .banner-wrapper p.larger {
      font-size: 16px;
      line-height: 24px;
   }
}


@media (max-width: 768px) {

   .container {
      padding-right: 24px;
      padding-left: 24px;
   }

   .col-md-5,
   .col-md-6,
   .col-md-7,
   .col-12 {
      padding: 0px;
   }

   .col {
      padding-right: 0px;
      padding-left: 0px;
   }

   .row {
      margin-right: 0px;
      margin-left: 0px;
   }

   .row-awards .swiper-slide {
      height: auto;
   }

   .row-awards .specific-award {
      box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
      height: 100%;
   }

   .section-about-us .row-intro p.text {
      font-size: 16px;
      line-height: 28px;
   }

   .section-about-us .col-boxes {
      gap: 10px;
   }

   .col-boxes .specific-box {
      padding: 30px 20px;
   }

   .col-boxes .specific-box p.title {
      margin-bottom: 10px;
   }

   .col-boxes img {
      margin-bottom: 12px;
   }

   .section-about-grid {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .section-about-grid h2.general-title.smaller {
      font-size: 22px;
      line-height: 29px;
      margin-bottom: 0px;
   }

   .section-about-grid .col-grid {
      gap: 10px;
   }

   .section-about-grid .row-content.two {
      margin-top: 10px;
   }

   .section-about-grid .row-content.one .col-grid .inner .btn--primary.request-demo {
      margin-top: 26px;
   }

   .section-about-grid .col-grid .inner h3.general-title,
   .section-about-grid .row-content.one .grid-element.two .inner h3.general-title,
   .section-about-grid .col-grid .dt-ratio-cover .inner h3.general-title {
      font-size: 22px;
      line-height: 27px;
   }

   .section-about-grid .col-grid .inner p.larger {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 15px;
   }

   .section-about-grid .col-grid .inner h3.general-title {
      margin-bottom: 10px;
   }

   .section-about-grid .col-grid .inner .btn--primary.request-demo {
      margin-top: 15px;
   }

   .section-market-speaks {
      padding-top: 60px;
      padding-bottom: 60px;
   }



   .section-customer-logos {
      padding-top: 0px;
      padding-bottom: 20px;
   }

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

   .specific-award p.award-text {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 0px;
   }

   .section-our-solutions .col-images {
      gap: 18px;
   }

   .section-our-solutions .col-images img.solution-image {
      position: relative;
      width: calc(100% + 35px);
      margin-left: 17.5px;
   }

   .section-award-winning {
      padding-top: 60px;
      padding-bottom: 60px;
   }

   .section-award-winning .row-awards {
      margin-top: 2%;
   }

   .section-leadership p.subtitle {
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 0px;
   }

   .section-leadership .row-members {
      margin-top: 40px;
   }

   .section-timeline {
      padding-top: 20px;
      padding-bottom: 20px;
   }

   .col-timeline .inner-wrapper .content {
      padding: 20px 20px;
   }

   .section-backed-by .logo-circle-wrapper {
      width: 85%;
      margin-left: auto;
      margin-right: auto;
   }

   .section-marketpage-centric-solutions {
      padding-top: 40px;
      padding-bottom: 60px;
   }

   .section-marketpage-centric-solutions .row-main {
      margin-top: 60px;
   }

   .section-marketpage-centric-solutions .row-intro p.larger,
   .section-award-winning .row-intro p.larger {
      font-size: 16px;
      line-height: 24px;
   }

   .section-award-winning .row-banner {
      margin-top: 80px;
   }

   .section-security-cta {
      padding-top: 60px;
      padding-bottom: 0px;
   }

   .section-security-cta .container {
      padding-bottom: 60px;
      margin-bottom: 20px;
   }

   .section-market-speaks h2.general-title {
      font-size: 24px;
      line-height: 32px;
   }

   .banner-wrapper {
      padding-left: 24px;
      padding-right: 24px;
   }

}

img.mobile-image {
   display: none !important;
}



@media (min-width: 576px) {
   .d-sm-none {
      display: none !important;
   }

   .d-sm-block {
      display: block !important;
   }

   .d-sm-flex {
      display: flex !important;
   }

   .d-sm-grid {
      display: grid !important;
   }
}

@media (max-width: 576px) {
   .container:not(.container-with-swiper) {
      width: 100% !important;
   }

   img.mobile-image {
      display: block !important;
   }

   img.desktop-image {
      display: none !important;
   }

   .section-image .dt-image-cover {
      padding-top: 153% !important;
   }

   .section-image:after {
      box-shadow: none;
   }

   .section-market-speaks .col-market-icon p.text {
      max-width: 162px;
      margin-left: auto;
      margin-right: auto;
   }

   .section-customer-logos .row-logos {
      margin-left: -20px;
      margin-right: -20px;
   }

   .swiper-bubble-pagination .swiper-pagination {
      padding-top: 15px !important;
      display: flex;
      max-width: 88% !important;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      max-width: max-content;
      justify-content: center;
   }

   .swiper-bubble-pagination .swiper-pagination-bullet {
      height: 5px;
      margin: 0 3px !important;
   }

   .section-timeline .row-timeline {
      margin-top: 20px;
   }

   .section-about-hero img.hero-image {
      margin-left: -25px;
      margin-right: -25px;
      max-width: initial;
      width: calc(100% + 50px);
      position: relative;
      margin-top: -130px;
      margin-bottom: -200px;
   }

   .section-about-us {
      padding-top: 50px;
      padding-bottom: 20px;
   }

   .section-our-solutions .col-images img.solution-image {
      position: relative;
      width: calc(100% + 70px);
      margin-left: 70px;
   }

   .section-leadership {
      padding: 20px 0px;
      padding-top: 40px !important;
   }

   .pagination-item .dt-img {
      max-width: 60px;
   }

   .pagination-item p.member-name {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 0px !important;
   }

   .pagination-item p.position {
      font-size: 14px;
      line-height: 24px;
   }

   .section-about-hero.mp4 video {
      width: 110%;
      position: relative;
      left: -5%;
   }
}


/** Security section layout changes **/
.section-security-cta .icons-wrapper-badges {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

.section-security-cta img.security-badge {
   max-height: 120px;
   width: auto;
   margin: 0px !important;
}


.section-security-cta .icons-wrapper-badges {
   display: flex;
   align-items: center;
   flex-direction: column;
}

.section-security-cta .icons-inner-wrapper {
   display: flex;
}


@media (max-width: 1260px) {
   .icons-wrapper-badges {
      flex-wrap: wrap;
      justify-content: center;
   }

   .icons-wrapper-badges div {
      text-align: center;
   }

   .icons-wrapper-badges div:nth-child(1) {
      text-align: right;
   }

   .icons-wrapper-badges div:nth-child(2) {
      text-align: left;
   }

   .icons-wrapper-badges div:nth-child(1),
   .icons-wrapper-badges div:nth-child(2) {
      flex-basis: 50%;
   }

   .icons-wrapper-badges div:nth-child(3),
   .icons-wrapper-badges div:nth-child(4),
   .icons-wrapper-badges div:nth-child(5) {
      flex-basis: 33.33%;
      max-width: 120px;
   }
}

@media (max-width: 991px) {
   .icons-wrapper-badges div {
      flex-basis: 20% !important;
      text-align: center !important;
      max-width: 120px;
   }

   .icons-wrapper-badges {
      padding-top: 0px;
      padding-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
   }

   img.security-badge {
      width: auto;
      height: auto;
   }

   .section-security-cta .badges,
   .section-security-cta .badges img {
      max-width: 100%;
   }

   .section-security-cta div.col.badges {
      order: 2;
   }

   .section-security-cta .icons-wrapper-badges {
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
   }

   .section-security-cta .icons-wrapper-badges div {
      flex-basis: unset !important;
      max-width: unset !important;
   }
}