/*
Assortment board
*/

/*Navigation*/

@media (min-width: 992px) {
   #top-right.hybrid-menu {
      background: #000 !important;
      z-index: 10010 !important;
   }

   body.start-animation #top-right.hybrid-menu,
   body.fading-out-animation #top-right.hybrid-menu {
      z-index: 999 !important;
   }

   .mega-menu {
      z-index: 10100 !important;
   }
}

/* #top-right.hybrid-menu.top-right-collapse {
   display: none !important;
} */


body {
   background-color: #fff;
}

body .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;
}

body:not(.start-animation) .hamburger {
   z-index: 10101;
}

/*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 svg {
   margin-left: 10px;
}

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

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

.btn--primary.request-demo.light {
   background: #E1EEFF !important;
   color: #096BE1 !important;
}

.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;
}

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

h1.general-title.smaller {
   font-size: 36px;
   line-height: 47px;
}

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;
}

/*Section hero*/
.section-assortment-hero {
   padding-top: 230px;
   padding-bottom: 380px;
   background: #000;
   position: relative;
   overflow: hidden;
   /*min-height: 90vh;*/
   min-height: 824px;
   transition: all 1.3s;
}

.section-assortment-hero .row-intro h1.general-title {
   font-size: 50px;
   line-height: 66px;
   margin-bottom: 30px;
}

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

.section-assortment-hero.start-animation {
   min-height: 100vh;
   pointer-events: none;
}

.section-assortment-hero::after {
   content: '';
   width: 100%;
   height: 150px;
   position: absolute;
   bottom: 0;
   z-index: 10002;
   background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(255, 255, 255, 0));
   opacity: 1;
   transition: all 1.3s;
}

.section-assortment-hero.start-animation::after {
   opacity: 0;
}

.section-assortment-hero .row-intro {
   margin-left: auto;
   margin-right: auto;
   z-index: 10002;
   position: relative;
   transition: all 1s;
   top: 0;
   opacity: 1;
}

.section-assortment-hero.start-animation .row-intro {
   top: -500px;
   opacity: 0;
   pointer-events: none;
}

.section-assortment-hero .btn--primary.request-demo {
   margin-top: 60px;
   margin-left: auto;
   margin-right: auto;
   padding: 3px 20px !important;
}

.section-assortment-hero .animation-wrapper::after {
   content: '';
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.63) 0.01%, #000 100%);
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   bottom: 0;
   opacity: 1;
   transition: all 1s;
}

.section-assortment-hero.start-animation .animation-wrapper::after {
   opacity: 0;
}

.section-assortment-hero .animation-eclipse-wrapper {
   width: 80%;
   position: absolute;
   /*top: 55%;*/
   top: 51%;
   z-index: 10001;
   background: transparent;
   max-height: 100vh;
   min-height: 100vh;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   transition: all 1s;
   opacity: 1;
   pointer-events: all;
}


.section-assortment-hero .animation-eclipse-wrapper img.animation-wrapper-eclipse {
   display: inline-block;
   vertical-align: middle;
   margin-top: -36.6%;
}

.section-assortment-hero.start-animation .animation-eclipse-wrapper {
   top: 0%;
   opacity: 0;
   pointer-events: none;
}

.animation-wrapper {
   opacity: 1;
   /*width: 100%;*/
   position: absolute;
   left: 0;
   /* top: 55%;*/
   top: 51%;
   transition: all 1s;
   z-index: 10000;
   background: #000;
   max-height: 100vh;
   min-height: 100vh;
   width: 120%;
   left: -14%;
}

.section-assortment-hero.start-animation .animation-wrapper {
   width: 100%;
   left: 0;
   top: 0%;
}

/*
.section-assortment-hero.start-animation.closing-screen .animation-wrapper {
   left: -100%;
   opacity: 0;
}
*/
.animation-wrapper.hide-wrapper {
   transition: all 0s !important;
   transition-delay: 0 !important;
   opacity: 0 !important;
}

.close-sub-wrapper {
   pointer-events: none;
   transition: all 0.3s;
   transition-delay: 1.5s;
   position: absolute;
   top: 20px;
   right: 30px;
   opacity: 0;
   z-index: 20;
}

.section-assortment-hero.no-delay .close-sub-wrapper {
   transition-delay: 0s !important;
}

.section-assortment-hero.start-animation .close-sub-wrapper {
   opacity: 1;
   pointer-events: all;
}



.close-sub {
   background: #212F41;
   border-radius: 30px;
   display: flex;
   align-items: center;
   padding: 6px 20px;
   gap: 10px;
   cursor: pointer;
   color: #fff;
   transition: all 0.3s;
   position: relative;
   cursor: pointer;
}

.close-sub:hover {
   background: #344a66;
   opacity: 1;
}

.close-sub p.close-text {
   color: #fff;
   letter-spacing: .02em;
}

.navigation-wrapper {
   pointer-events: none;
   transition: all 0.3s;
   transition-delay: 1.5s;
   position: absolute;
   inset: 0;
   margin: auto;
   display: flex;
   justify-content: space-between;
   gap: 22px;
   opacity: 0;
   z-index: 20;
   max-height: 48px;
   width: 100%;
   padding: 0px 20px;
}

.section-assortment-hero.start-animation .navigation-wrapper {
   opacity: 1;
   pointer-events: all;
}

.nav-item-animation {
   width: 48px;
   height: 48px;
   border-radius: 24px;
   background: #1F7EF6;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: all 0.3s;
   opacity: 1;
   pointer-events: all;
}

.nav-item-animation.previous {
   background: #212F41;
}

.nav-item-animation:hover {
   opacity: 0.8;
}

.nav-item-animation.unactive {
   pointer-events: none;
   opacity: 0.4;
}

.pagination-wrapper {
   pointer-events: none;
   transition: all 0.3s;
   transition-delay: 1.5s;
   position: absolute;
   bottom: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: max-content;
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   gap: 6px;
   opacity: 0;
   z-index: 10000000;
   height: 10px;
   width: 100%;
   padding: 0px 20px;

}

.pagination-wrapper .pagination-item {
   border-radius: 6px;
   background: rgba(143, 168, 200, 0.40);
   width: 48px;
   height: 6px;
   transition: all 0.3s;
}

.pagination-wrapper .pagination-item.active {
   background: #0995E3;
   background: linear-gradient(225deg, #0995E3 0%, #096BE1 100%);
}

.section-assortment-hero.start-animation .pagination-wrapper {
   opacity: 1;
   pointer-events: all;
}

.animation-video.fade-out {
   opacity: 0;
   transition: opacity 1s ease;
   /* Adjust duration as needed */
}

.animation-video {
   opacity: 1;
   transition: opacity 1s ease;
   /* Adjust duration as needed */
}

.animation-close-wrapper {
   width: 100%;
   position: absolute;
   left: 0;
   top: 0%;
   /* left: 100%;*/
   transition: all 1s;
   z-index: 10001;
   /*background: black;*/
   background: rgba(0, 0, 0, 0.90);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
   max-height: 100vh;
   min-height: 100vh;
   pointer-events: none;
   opacity: 0;
   display: flex;
   flex-direction: column;
   height: 100%;
   align-items: center;
   padding: 40px;
}

.section-assortment-hero.closing-screen .animation-close-wrapper {
   /*left: 0%;*/
   opacity: 1;
   pointer-events: all;
}

.animation-close-text-wrapper {
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 10002;
}

.animation-close-text-wrapper div.text {
   margin-top: auto;
}

.animation-close-text-wrapper div.learn-more-wrapper {
   margin-top: auto;
   padding-bottom: 40px;
}

.animation-close-text-wrapper p.text-learn-more {
   margin-bottom: 10px !important;
}

.section-assortment-hero .animation-close-text-wrapper .btn--primary.request-demo {
   margin-top: 26px;
}

/*Section logos*/
.section-assortment-logos {
   padding-top: 80px;
   padding-bottom: 80px;
   overflow: hidden;
   background: #000;
}

@media (min-width: 992px) {
   .section-assortment-logos .container {
      max-width: 84% !important;
   }
}

@media (min-width: 1201px) and (max-width: 1550px) {
   .section-assortment-logos .container {
      max-width: 88% !important;
   }
}

.section-assortment-logos h2.general-title {
   margin-bottom: 40px;
}

.section-assortment-logos .logo-grid {
   display: flex;
   -webkit-box-pack: center;
   justify-content: center;
   /* gap: 40px;*/
   flex-shrink: 0;
   animation: 40s linear 0s infinite normal none running gjVuyO;
}

.logo-brands-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 20px;
   width: 200%;
   position: relative;
   left: -100%;
}

.section-assortment-logos .logo-grid img {
   display: block;
   margin: 0 45px;
   max-height: 80px;
   width: 100%;
}

.section-assortment-logos .logo-grid .logo-wrapper {
   display: flex;
   align-items: center;
   justify-self: center;
   margin: 0px 22px;
   /*flex: 1 0 6%;*/
}

.section-assortment-logos .row-main {
   overflow: hidden;
   position: relative;
}

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

.section-assortment-logos .row-main::after {
   content: '';
   display: block;
   height: 100%;
   width: 40px;
   right: 0;
   top: 0px;
   background: linear-gradient(to left, rgba(0 0 0), rgba(255, 2550, 255, 0));
   position: absolute;
   z-index: 1000;
}

@-webkit-keyframes gjVuyO {
   from {
      -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
      transform: translateX(0%);
   }

   to {
      -webkit-transform: translateX(calc(-100%));
      -ms-transform: translateX(calc(-100%));
      transform: translateX(calc(-100%));
   }
}

@keyframes gjVuyO {
   from {
      -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
      transform: translateX(0%);
   }

   to {
      -webkit-transform: translateX(calc(-100%));
      -ms-transform: translateX(calc(-100%));
      transform: translateX(calc(-100%));
   }
}

/*Section World Class*/
.section-world-class {
   padding-top: 80px;
   padding-bottom: 40px;
}

.section-world-class .row-intro {
   max-width: 960px;
   margin-left: auto;
   margin-right: auto;
}

.section-world-class .animation-image.animation-lottie {
   width: 110%;
   left: -3%;
   position: relative;
}

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

.section-world-class .row-intro p.text {
   font-size: 22px;
   line-height: 34px;
   color: #556171;
}

.section-world-class .row-main {
   margin-top: 0px;
}

.section-world-class .row-main .animation-image img {
   width: 105%;
   left: -2.5%;
   position: relative;
}

.section-world-class .col-boxes {
   padding-top: 0px;
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 20px;
}

.col-boxes .content-box {
   border-radius: 8px;
   /*border: 1px solid rgba(0, 0, 0, 0.10);*/
   background: #F1F2F5;
   padding: 24px 40px;
   display: flex;
   flex-direction: column;
   position: relative;
   gap: 12px;
}

.col-boxes img.icon {
   width: auto;
   max-width: 100%;
}

.col-boxes .content-box .icon-wrapper {
   width: 64px;
   height: 64px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.col-boxes .content-box p.text {
   color: #212F41;
}

.col-boxes .content-box p.title {
   color: #096BE1;
   letter-spacing: 0.36px;
   text-transform: uppercase;
   font-weight: 600;
}

/*Marketpage related posts slider*/
.section-assortment-related-posts {
   padding-top: 120px;
   padding-bottom: 160px;
   overflow: hidden;
}

.section-assortment-related-posts h2.general-title {
   margin-bottom: 50px !important;
}

.marketpage-innovating__slider-new {
   margin-top: 30px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: visible;
   max-width: 980px;
}

.marketpage-innovating__slider-new .slide__body {
   width: 60%;
   max-width: 100%;
   padding: 4% 6.3%;
   margin-right: auto;
   margin-left: 0;
   z-index: 10;
}

.marketpage-innovating__slide {
   display: flex !important;
}

.marketpage-innovating__slider-new .swiper-wrapper {
   /*margin: 30px;
     padding: 20px;*/
}

.marketpage-innovating__slider-new .slide__controls {
   bottom: initial;
   top: 50%;
   width: 95%;
   transform: translate(-50%, -50%);
   z-index: 5;
}

.marketpage-innovating__slider-new .slide__control {
   position: relative;
}

.marketpage-innovating__slider-new .slide__control svg {
   width: 32px !important;
   position: relative;
   transition: all 0.3s;
}

.marketpage-innovating__slider-new .slide__control svg {
   left: 0;
}

.marketpage-innovating__slider-new .slide__control:hover svg {
   left: 5px;
}

.marketpage-innovating__slider-new .slide__control.slide__previous {
   left: -8.5%;
}

.marketpage-innovating__slider-new .slide__control.slide__next {
   right: -8.5%;
}

.marketpage-innovating__slider-new .slide__background a {
   height: 100%;
   width: 100%;
   min-height: 502px;
   min-width: 480px;
   max-width: 480px;
}

.marketpage-innovating__slider-new a.main-link {
   width: 40%;
   max-width: 480px;
}

.marketpage-innovating__slider-new .dt-image-cover:after,
.marketpage-innovating__slider-new .bg-slide:after {
   content: '';
   /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.24) 0%, #000000 100%);*/
   position: absolute;
   top: 0;
   left: 0;
   z-index: 10;
   width: 100%;
   height: 100%;
   display: block;
}

.marketpage-innovating__slider-new .dt-image-cover {
   padding-top: 104.6%;
}

.marketpage-innovating__slider-new .dt-image-cover img {
   transition: all 0.3s;
   transform: scale(1.02);
}

.marketpage-innovating__slider-new a:hover .dt-image-cover img {
   transform: scale(1.05);
}

.marketpage-innovating__slider-new .references-case-studies__grid-more img {
   width: 25px;
   height: auto;
}

.marketpage-innovating__slider-new .dt-image-cover .inner,
.marketpage-innovating__slider-new .bg-slide .inner {
   position: absolute;
   top: auto;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 34px 32px;
   color: white;
   z-index: 11;
}

.marketpage-innovating__slider-new h3.references-case-studies__grid-title {
   color: white;
   font-weight: 600;
   font-size: 28px;
   line-height: 37px;
   margin-top: 0px;
   margin-bottom: 30px;
}

.marketpage-innovating__slider-new .references-case-studies__grid-more {
   display: flex;
   align-items: center;
   gap: 12px;
}

.marketpage-innovating__slider-new .references-case-studies__grid-more span {
   text-transform: uppercase;
   letter-spacing: 0.02em;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;

}

.marketpage-innovating__slider-new .references-case-studies__grid-more img {
   position: relative !important;
   left: 0;
   transition: all 0.5s !important;
   transform: none !important;
   margin-bottom: 0px;
}

.marketpage-innovating__slider-new a:hover .references-case-studies__grid-more img {
   transition: all 0.5s !important;
   left: 12px;
}

.marketpage-innovating__slide.disabled-thumbnail {
   min-height: 540px;
}

.marketpage-innovating__slide.disabled-thumbnail .slide__body {
   width: 100%;
}



.marketpage-innovating__slider-new img.slide-logo {
   width: auto;
   /*max-height: 40px;*/
   /*Specific to page*/
   max-height: 90px;
   display: block;
   margin-bottom: 30px;
   max-width: 170px;
}

.marketpage-innovating__slider-new p.quote-text {
   font-weight: 400;
   font-size: 22px;
   line-height: 34px;
   color: #556171;
   margin-bottom: 30px;
}

.marketpage-innovating__slider-new p.quote-author {
   color: #556171;
}

.marketpage-innovating__slider-new p.quote-author span.author-name {
   display: block;
   text-transform: uppercase;
}

.marketpage-innovating__slider-new p.quote-author span.author {
   display: block;
}

.marketpage-innovating__slider-new .swiper-slide {
   opacity: 1;
   transition: all 0.3s;
}

/*Alternative version*/
.marketpage-innovating__slider-new .alternative-type-wrapper {
   display: flex;
   flex-direction: column;
   gap: 28px;
   margin-top: 60px;
}

.marketpage-innovating__slider-new .marketpage-innovating__slide.logo-above-title .alternative-type-wrapper {
   margin-top: 0px;
}

.marketpage-innovating__slider-new .alternative-type-wrapper .border {
   width: 100%;
   max-width: 80px;
   height: 2px;
   display: block;
   background: #0995E3;
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
}

.marketpage-innovating__slider-new .alternative-type-wrapper p.title {
   color: #1F7EF6;
   font-size: 40px;
   font-weight: 600;
   line-height: 52px;
   margin-bottom: -2px !important;
}

.marketpage-innovating__slider-new .alternative-type-wrapper p.text {
   color: #556171;
   font-size: 22px;
   line-height: 34px;
}

/*Small text alternative version*/
.marketpage-innovating__slider-new .alternative-type-wrapper.small-text .border {
   height: 1px;
   margin-bottom: 8px;
}

.marketpage-innovating__slider-new .alternative-type-wrapper.small-text p.title,
.marketpage-innovating__slider-new .alternative-type-wrapper.small-text p.text {
   font-size: 16px;
   line-height: 24px;
   margin: 0 !important;
   display: contents;
}

.marketpage-innovating__slider-new .alternative-type-wrapper.small-text p.text strong {
   color: #1F7EF6;
   font-weight: 600;
}


@media (max-width: 1650px) {
   .marketpage-innovating__slider-new {
      max-width: 1080px;
   }

   .marketpage-innovating__slider-new {
      padding: 0px 50px;
   }

   .marketpage-innovating__slider-new .slide__control.slide__previous {
      left: -2.5%;
   }

   .marketpage-innovating__slider-new .slide__control.slide__next {
      right: -2.5%;
   }
}

@media (max-width: 1022px) {
   .marketpage-innovating__slider-new .slide__control.slide__next {
      right: 0%;
   }

   .marketpage-innovating__slider-new .slide__control.slide__previous {
      left: 0%;
   }
}

@media (min-width: 992px) {
   .marketpage-innovating__slider-new .swiper-slide {
      height: auto;
   }
}

.marketpage-innovating__slider-new .swiper-slide {
   align-items: initial !important;
}

.bg-slide {
   height: auto;
   width: 100%;
   max-width: 420px;
   display: flex;
   flex-direction: column;
   min-height: 540px;
   position: relative;
   background-size: cover;
   background-position: 50% 50%;
   z-index: 0;
   transition: all .3s ease;
   overflow: hidden;
}

.bg-slide::before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: inherit;
   transition: inherit;
}

.marketpage-innovating__slider-new .bg-slide:hover::before {
   transform: scale(1.05);
}

.marketpage-innovating__slider-new .swiper-slide:not(.swiper-slide-active) {
   position: relative;
   opacity: 1 !important;
}

.marketpage-innovating__slider-new .swiper-slide:after {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background: white;
   opacity: 0;
   z-index: 5;
   pointer-events: none;
   transition: all 0.3s;
}

.marketpage-innovating__slider-new .swiper-slide:not(.swiper-slide-active):after {
   opacity: 0.4;
   transition-delay: 0.2s !important;
   transition: all 0.3s;
}

@media (max-width: 1200px) {
   .marketpage-innovating__slider-new p.quote-text {
      font-size: 18px;
      line-height: 28px;
   }
}

@media (max-width: 991px) {
   .marketpage-innovating__slider-new p.quote-text {
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 20px;
   }

   .marketpage-innovating__slider-new {
      margin-top: 0px;
      padding: 0;
   }

   .marketpage-innovating__slider-container {
      box-shadow: none !important
   }

   .marketpage-innovating__slider-new .swiper-wrapper {
      margin: 0;
   }

   .marketpage-innovating__slide {
      display: flex !important;
      flex-direction: column !important;
      box-shadow: none !important;
   }

   .marketpage-innovating__slider-new .slide__control {
      width: 32px;
      height: 32px;
   }

   .marketpage-innovating__slider-new .slide__control img,
   .marketpage-innovating__slider-new .slide__control svg {
      width: 14px !important;
   }

   .bg-slide {
      max-width: 480px;
      margin-bottom: 48px;
      margin-left: auto;
      margin-right: auto;
   }

   .marketpage-innovating__slider-new a.main-link {
      width: 100%;
   }

   .swiper-slide.marketpage-innovating__slide .slide__body {
      display: block !important;
      width: 100%;
      max-width: 480px;
      margin: 0 auto;
      padding: 0px;
      margin-top: 0px;
   }

   .marketpage-innovating__slider-new .slide__controls {
      bottom: -73px;
      max-width: 450px;
      top: auto;
      width: 95%;
   }

   .marketpage-innovating__slider-new h3.references-case-studies__grid-title {
      font-size: 20px;
      line-height: 26px;
      margin-bottom: 22px;
   }

   .marketpage-innovating__slider-new .references-case-studies__grid-more span {
      font-size: 14px;
      line-height: 18px;
   }

   .marketpage-innovating__slider-new .dt-image-cover .inner {
      padding: 24px 24px;
   }

   .marketpage-innovating__slider-new img.slide-logo {
      margin-bottom: 0px;
      margin-top: 0px;
      position: relative;
      max-height: 50px;
   }


   .marketpage-innovating__slider-new p.quote-author {
      font-size: 14px;
      line-height: 24px;
   }

   .marketpage-innovating__slider-new .swiper-slide:not(.swiper-slide-active) {
      opacity: 0 !important;
   }

   .marketpage-innovating__slider-new .slide__control:hover img {
      left: 5px;
   }

   .marketpage-innovating__slider-new .slide__control.slide__next {
      right: -5%;
   }

   .marketpage-innovating__slider-new .slide__control.slide__previous {
      left: -5%;
   }


   .marketpage-innovating__slider-new .slide__controls {
      position: relative;
      bottom: 0;
      width: 100%;
      top: 0;
      transform: none;
      left: 0;
      right: 0;
      max-width: 75px;
      margin-left: auto;
   }

   .marketpage-innovating__slider-new .slide__control.slide__next {
      right: 0;
   }

   .marketpage-innovating__slider-new .slide__control.slide__previous {
      left: 0;
   }

   .logo-navigation-wrapper {
      width: 100%;
      align-items: center;
      margin-bottom: 30px;
      max-width: 480px;
      margin-left: auto;
      margin-right: auto;
   }

   .marketpage-innovating__slide.disabled-thumbnail {
      min-height: auto;
      background: white !important;
   }

   .marketpage-innovating__slider-new .alternative-type-wrapper {
      margin-top: 0px;
   }

   .marketpage-innovating__slider-new .alternative-type-wrapper.small-text p.title,
   .marketpage-innovating__slider-new .alternative-type-wrapper.small-text p.text {
      font-size: 16px;
      line-height: 28px;
   }

   .accordion-item .accordion-image {
      margin-top: 20px;
   }

   .marketpage-innovating__slider-new .inner img.slide-logo {
      margin-bottom: 30px;
   }

   .logo-navigation-wrapper {
      min-height: 50px;
   }

   .marketpage-innovating__slider-new .alternative-type-wrapper p.text {
      font-size: 16px;
      line-height: 24px;
   }
}

@media (min-width: 769px) {

   .marketpage-innovating__slider-new img.slide-logo.light {
      display: none;
   }

}

@media (max-width: 768px) {
   .marketpage-innovating__slider-new img.slide-logo.light {
      display: block;
   }
}

@media (max-width: 500px) {
   .bg-slide {
      min-height: 400px;
      margin-bottom: 32px;
   }

   .marketpage-innovating__slider-new .dt-image-cover .inner,
   .marketpage-innovating__slider-new .bg-slide .inner {
      padding: 30px 24px;
   }
}

/*Section repeated rows*/
.section-assortment-repeated-rows {
   background: #000;
   padding-top: 120px;
   padding-bottom: 120px;
   position: relative;
   overflow: hidden;
}

.section-assortment-repeated-rows .container {
   z-index: 10;
   position: relative;
}

.section-assortment-repeated-rows::before {
   content: '';
   border-radius: 50%;
   opacity: 0.15;
   background: #1F7EF6;
   filter: blur(150px);
   width: 100%;
   height: 50%;
   display: block;
   position: absolute;
   top: -25%;
}

.section-assortment-repeated-rows .row-intro h2.general-title {
   margin-bottom: 20px;
}

.section-assortment-repeated-rows .row-intro {
   padding-bottom: 160px;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
}

.section-assortment-repeated-rows .row-intro p.text {
   font-size: 22px;
   line-height: 34px;
}

.repeated-rows-wrapper .row-repeated-row {
   padding-top: 80px;
   padding-bottom: 80px;
   display: flex;
   align-items: center;
   position: relative;
   top: 100px;
   opacity: 0;
   transition: all 0.7s;
}

.repeated-rows-wrapper .row-repeated-row.active {
   top: 0px;
   opacity: 1;
}

.repeated-rows-wrapper .row-repeated-row:first-child {
   padding-top: 0px;
   padding-bottom: 60px;
}

.repeated-rows-wrapper .row-repeated-row:last-child {
   padding-bottom: 0px;
}

.repeated-rows-wrapper .row-repeated-row.reversed-columns .col-image {
   order: -1;
}

.repeated-rows-wrapper .row-repeated-row.reversed-columns .animation-image {
   margin-left: 0;
   margin-right: auto;
   display: block;
}

.row-repeated-row h2.general-title {
   margin-bottom: 30px;
}

.row-repeated-row .tick-wrap {
   width: 21px;
   min-width: 21px;
   height: 21px;
   min-height: 21px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: rgb(9, 107, 225);
   background: linear-gradient(90deg, rgba(9, 107, 225, 1) 0%, rgba(9, 149, 227, 1) 100%);
}

.row-repeated-row .tick-wrap img {
   width: 10px !important;
}

.row-repeated-row .advantage-item {
   display: flex;
   align-items: baseline;
   gap: 12px;
}

.row-repeated-row .advantages-wrapper {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.row-repeated-row .btn--primary.request-demo {
   margin-top: 40px !important;
}

.row-repeated-row .animation-image {
   max-width: 650px;
   margin-left: auto;
   margin-right: 0;
   display: block;
}

/*Section Testimonial*/
.section-assortment-testimonial {
   padding-top: 100px;
   padding-bottom: 120px;
}

.section-assortment-testimonial .row-intro h2.general-title {
   margin-bottom: 100px;
}

.section-assortment-testimonial .row-main {
   display: flex;
   align-items: center;
   gap: 20px;
}

.section-assortment-testimonial .column-advantage-item p.title {
   color: #1F7EF6;
   background: var(--gradient, linear-gradient(225deg, #0995E3 0%, #1F7EF6 51.56%, #096BE1 100%));
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-size: 68px;
   font-weight: 600;
   line-height: 92px;
   margin-bottom: 5px;
}

.section-assortment-testimonial .column-advantage-item p.text {
   font-size: 22px;
   line-height: 34px;
   color: #212F41;
}

.advantages-column-wrapper .column-advantage-item .seperator {
   background: #f4f3f1;
   height: 2px;
   width: 100%;
   display: block;
   margin-top: 50px;
   margin-bottom: 35px;
}

.advantages-column-wrapper .column-advantage-item:last-child .seperator {
   display: none;
}

.featured-testimonial-wrapper {
   border-radius: 8px;
   background: #F1F2F5;
   display: flex;
   padding: 40px;
   flex-direction: column;
   gap: 20px;
}

.featured-testimonial-wrapper .quote-sign {
   max-height: 27px;
   width: auto;
   max-width: max-content;
   align-self: flex-start;
}

.featured-testimonial-wrapper p.quote-text {
   font-size: 20px;
   line-height: 27px;
}

.featured-testimonial-wrapper p.quote-author {
   font-size: 14px;
   line-height: 19px;
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   gap: 15px;
}

.featured-testimonial-wrapper img.testimonial-logo {
   max-width: 120px;
   height: auto;
}

/*Section CTA*/
.section-assortment-cta {
   padding-top: 104px;
   padding-bottom: 104px;
   background: #096BE1;
   background: linear-gradient(267.29deg, #096BE1 0%, #004AB9 100%);
   position: relative;
   overflow: hidden;
}

.section-assortment-cta:after {
   content: '';
   display: block;
   width: 110%;
   height: 130%;
   left: -5%;
   top: 10%;
   background: #1F7EF6;
   opacity: .2;
   filter: blur(150px);
   transform: matrix(1, 0, 0, -1, 0, 0);
   position: absolute;
   pointer-events: none;
}

.section-assortment-cta .container {
   position: relative;
   z-index: 10;
}

.section-assortment-cta .row-intro {
   max-width: 925px;
   margin-left: auto;
   margin-right: auto;
}

.section-assortment-cta h2.general-title {
   font-size: 34px;
   line-height: 46px;
   color: #e1eeff;
}

.section-assortment-cta p.text {
   color: #e1eeff;
   margin-top: 24px;
   margin-bottom: 24px;
}

.section-assortment-cta h2.general-title span {
   color: white;
}

.section-assortment-cta .request-demo-link {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: white;
   cursor: pointer;
   margin-top: 24px;
}

.section-assortment-cta .request-demo-link img {
   width: auto;
   position: relative;
   left: 0;
   margin-left: 10px;
   transition: all 0.3s ease-in-out;
}

.section-assortment-cta .request-demo-link:hover img {
   left: 10px;
}

/*Section resources / Posts*/
.section-assortment-resources {
   padding-top: 100px;
   padding-bottom: 100px;
   background: #f2f2f2;
}

.section-assortment-resources .row-main {
   margin-top: 40px;
}

.section-assortment-resources .specific-posts .specific-posts-wrapper {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
   gap: 48px;
}


.learn-more-post .dt-img {
   position: relative;
}

.learn-more-post .dt-img img {
   transition: transform 0.5s ease;
}

.learn-more-post:hover .dt-img img {
   transform: scale(1.1);
}

.learn-more-post p.tag {
   background: rgba(183, 187, 188, 0.24);
   /*backdrop-filter: blur(8px);*/
   color: white;
   width: max-content;
   text-transform: uppercase;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   padding: 4px 12px;
   border-radius: 20px;
   position: absolute;
   left: 4%;
   bottom: 8%;
   margin-bottom: 0px;
}

.learn-more-post p.tag .blur {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-backdrop-filter: blur(8px);
   backdrop-filter: blur(8px);
   z-index: 1;
   border-radius: 20px;
}

.learn-more-post p.tag .title {
   position: relative;
   z-index: 10;
}

.learn-more-post p.title {
   font-weight: 400;
   font-size: 22px;
   line-height: 34px;
   color: #212F41;
   margin-top: 32px;
   margin-bottom: 0px;
}

.learn-more-post .read-more {
   margin-top: 26px;
   display: flex;
   align-items: center;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: .02em;
   text-transform: uppercase;
   color: #000;
   transition: color 0.1s ease-in 0s, transform 0.25s ease-in-out 0s;
}

.learn-more-post svg {
   position: relative;
   left: 0;
   margin-left: 12px;
   transition: transform 0.5s ease;
}

.learn-more-post .read-more:hover {
   transform: translateX(3px);
}

.learn-more-post .read-more:hover svg {
   transform: translateX(12px);
}

.learn-more-post svg path {
   transition: all 0.3s ease-in-out;
}

.specific-posts {
   display: none !important;
}

.specific-posts.active {
   display: block !important;
}

.specific-posts.active .specific-posts-wrapper {
   display: grid !important;
}

.load-more-wrapper {
   margin-top: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.load-more-wrapper .load-more-button {
   display: inline-block;
   padding: 6px 20px;
   border-radius: 30px;
   color: #ffffff;
   background: #212F41;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0.02em;
   font-weight: 400;
   cursor: pointer;
   transition: background .2s;
}

.load-more-button:hover {
   background: #000000;
}

.specific-posts.active .learn-more-post:nth-child(n+7) {
   display: none;
}

.specific-posts.active.show-more .learn-more-post:nth-child(n+7) {
   display: block;
}

.posts-navigation {
   display: flex;
   gap: 40px;
   margin-bottom: 50px;
   -ms-overflow-style: none;
   scrollbar-width: none;
}

.posts-navigation::-webkit-scrollbar {
   display: none;
}

.posts-navigation .item-nav {
   cursor: pointer;
   transition: all 0.3s;
   min-width: max-content;
}

.posts-navigation .item-nav .nav-title {
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
   letter-spacing: 0.02em;
}

.posts-navigation .item-nav.active .nav-title {
   font-weight: 600;
}

.posts-navigation .item-nav .border {
   display: block;
   width: 100%;
   height: 2px;
   background: #E1EEFF;
   margin-top: 12px;
   transition: all 0.3s;
}

.posts-navigation .item-nav.active .border,
.posts-navigation .item-nav:hover .border {
   background: #0995E3;
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
}

/*Section explore / swiper*/
.section-vb-explore {
   padding-top: 110px;
   padding-bottom: 100px;
}

.section-vb-explore .row-intro {
   margin-bottom: 60px;
}

.section-vb-explore .row-intr h2.general-title {
   margin-bottom: 10px;
}

.section-vb-explore .row-intro p.text {
   font-weight: 600;
}

.swiper-explore img.slider-img {
   max-width: 650px;
   margin-left: auto;
   margin-right: 0;
   display: block;
}

.swiper-explore .row-slider {
   display: flex;
   align-items: center;
   width: 100%;
}

.swiper-explore .inner {
   max-width: 575px;
   margin-right: auto;
}

.swiper-explore h2.general-title {
   margin-bottom: 20px;
}

.swiper-explore .btn--primary {
   margin-top: 40px;
}

.swiper-pagination-content {
   margin-top: 100px;
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   gap: 20px;
}

.swiper-pagination-content .swiper-pagination-bullet {
   width: 100%;
   opacity: 1;
   border-radius: 0px;
   height: auto;
   background: none !important;
   text-align: center;
}

.swiper-pagination-content .swiper-pagination-bullet {
   color: #B7BBBC;
   text-transform: uppercase;
   font-weight: 600;
   transition: all 0.3s;
}

.swiper-pagination-content .swiper-pagination-bullet.swiper-pagination-bullet-active {
   color: #000;
   font-weight: 700;
}

.swiper-pagination-content .swiper-pagination-bullet:hover {
   color: #000;
}

.swiper-pagination-content .swiper-pagination-bullet .border-bottom {
   display: block;
   height: 2px;
   width: 100%;
   background: #F8F5F5;
   margin-top: 20px;
}

.swiper-pagination-content .swiper-pagination-bullet.swiper-pagination-bullet-active .border-bottom,
.swiper-pagination-content .swiper-pagination-bullet:hover .border-bottom {
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
}

/*Section Pardot form*/
.section-assortment-pardot {
   padding-top: 120px;
   padding-bottom: 120px;
   background: #000;
   position: relative;
   overflow: hidden;
}

.section-assortment-pardot::after {
   content: '';
   display: block;
   height: 658px;
   width: 100%;
   left: 0;
   bottom: -379px;
   background: #1F7EF6;
   opacity: .2;
   filter: blur(140px);
   transform: matrix(1, 0, 0, -1, 0, 0);
   position: absolute;
   pointer-events: none;
}

.section-assortment-pardot .row-intro {
   max-width: 665px;
   margin-left: auto;
   margin-right: auto;
}

.section-assortment-pardot .row-intro h2.general-title {
   font-size: 24px;
   line-height: 32px;
   color: #B7BBBC;
}

.section-assortment-pardot .row-intro h2.general-title span {
   color: #FFF;
}

.section-assortment-pardot .row-main {
   margin-top: 65px;
   z-index: 10;
   position: relative;
}

/*Responsive*/

@media (max-width: 1900px) {

   .section-assortment-hero .animation-eclipse-wrapper,
   .animation-wrapper {
      top: calc(65% - 5vw);
   }
}

@media (max-width: 1600px) {
   .section-assortment-hero {
      padding-top: 200px;
      padding-bottom: 300px;
   }
}


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

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

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

@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;
   }
}

@media (max-width: 991px) {

   .page-content-wrap {
      overflow: hidden;
   }

   .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;
   }

   p.above-title {
      font-size: 14px;
      line-height: 20px;
   }

   .section-assortment-hero .row-intro h1.general-title {
      font-size: 24px;
      line-height: 32px;
   }

   .section-assortment-hero .row-intro p.larger {
      font-size: 16px;
      line-height: 24px;
   }

   .section-assortment-hero .btn--primary.request-demo {
      display: none;
   }

   .section-assortment-hero {
      min-height: auto;
      padding-top: 150px;
      padding-bottom: 0;
   }

   .section-assortment-hero .animation-image-mobile img {
      margin-top: 100px;
   }

   .section-assortment-hero .animation-wrapper,
   .section-assortment-hero .animation-eclipse-wrapper,
   .section-assortment-hero .animation-close-wrapper {
      display: none !important;
   }

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

   .section-assortment-logos h2.general-title {
      margin-bottom: 0;
   }

   /*.section-assortment-logos .row-main::before {
      display: none;
   }

   .section-assortment-logos .row-main::after {
      display: none;
   }

   .logo-brands-wrapper {
      display: block;
      width: 100%;
      position: initial;
      left: 0;
   }

   .logo-brands-wrapper .logo-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 20px 0;
      animation: none !important;
      align-items: center;
      justify-content: center;
   }

   .section-assortment-logos .logo-grid img {
      margin: 0 auto;
      max-height: 50px;
      width: auto;
      max-width: 100%;
      width: 33.33%;
   }*/

   .section-assortment-logos .row-main::before {
      background: linear-gradient(to right, rgb(0 0 0), rgba(255, 255, 255, 0));
   }

   .section-assortment-logos .row-main::after {
      background: linear-gradient(to left, rgb(0 0 0), rgba(255, 255, 255, 0));
   }

   .section-assortment-logos .logo-grid {
      animation: 35s linear 0s infinite normal none running gjVuyO;
   }

   .section-assortment-logos .logo-grid img {
      margin: 0 14px;
      max-height: 50px;
      width: auto;
      max-width: 200px;
   }

   .section-world-class .col-boxes {
      padding-top: 25px;
   }

   .section-world-class .row-main {
      margin-top: 25px;
   }

   .section-world-class .row-intro p.text {
      font-size: 16px;
      line-height: 24px;
   }

   .section-world-class .col-boxes {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .col-boxes .content-box p.title {
      font-size: 16px;
      line-height: 24px;
   }

   .col-boxes .content-box p.text {
      font-size: 14px;
   }

   .section-assortment-related-posts {
      padding-top: 80px;
      padding-bottom: 80px;
   }

   .section-assortment-cta {
      padding-top: 100px;
      padding-bottom: 100px;
   }

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

   .section-vb-explore {
      padding-top: 70px;
      padding-bottom: 70px;
   }

   .section-vb-explore .row-intro {
      margin-bottom: 40px;
   }

   .section-assortment-related-posts h2.general-title {
      margin-bottom: 50px !important;
   }

   .swiper-explore .col-img {
      order: -1;
      padding-bottom: 20px;
   }

   .section-assortment-repeated-rows {
      padding-top: 80px;
      padding-bottom: 80px;
   }

   .repeated-rows-wrapper .row-repeated-row {
      top: 0;
      opacity: 1;
      transition: all 0s;
   }

   .section-assortment-repeated-rows .row-repeated-row .col-image {
      order: -1;
      padding-bottom: 30px;
   }

   .section-assortment-repeated-rows .row-intro p.text {
      font-size: 16px;
      line-height: 24px;
      margin-top: 20px;
   }

   .section-assortment-repeated-rows .row-intro {
      padding-bottom: 60px;
   }

   .section-assortment-repeated-rows .advantages-wrapper .description-item-text {
      font-size: 14px;
   }

   .row-repeated-row .advantages-wrapper {
      gap: 10px;
   }

   .row-repeated-row .btn--primary.request-demo {
      margin-top: 30px !important;
   }

   .repeated-rows-wrapper .row-repeated-row:first-child {
      padding-bottom: 40px;
   }

   .repeated-rows-wrapper .row-repeated-row {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .section-assortment-testimonial {
      padding-top: 60px;
      padding-bottom: 60px;
   }

   .section-assortment-testimonial .row-intro h2.general-title {
      margin-bottom: 40px;
   }

   .section-assortment-testimonial .column-advantage-item p.title {
      font-size: 45px;
      line-height: 60px;
   }

   .section-assortment-testimonial .column-advantage-item p.text {
      font-size: 18px;
      line-height: 27px;
   }

   .advantages-column-wrapper .column-advantage-item .seperator {
      margin-top: 25px;
      margin-bottom: 20px;
   }

   .featured-testimonial-wrapper {
      margin-top: 40px;
   }

   .featured-testimonial-wrapper p.quote-text {
      font-size: 16px;
      line-height: 24px;
   }

   .learn-more-post p.title {
      font-size: 18px;
      line-height: 28px;
      margin-top: 24px;
   }

   .learn-more-post .read-more {
      margin-top: 14px;
      font-size: 14px;
   }

   .section-assortment-resources .row-main {
      margin-top: 30px;
   }

   .section-assortment-resources .specific-posts .specific-posts-wrapper {
      gap: 17px;
   }

   .section-assortment-hero .row-intro {
      z-index: 10;
   }

   .section-assortment-hero::after {
      z-index: 12;
   }
}

@media (min-width: 769px) {
   .specific-posts.mobile {
      display: none !important;
   }

}


@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;
   }

   .section-assortment-logos {
      padding-top: 60px;
      padding-bottom: 60px;
   }

   .section-world-class .row-intro p.text {
      font-size: 14px;
      line-height: 24px;
   }

   .section-world-class {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .section-world-class .col-boxes {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 24px;
   }

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

   .section-world-class .content-box img {
      height: 32px;
      margin-bottom: 12px;
   }

   .col-boxes .content-box .icon-wrapper {
      width: auto;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
   }

   .section-assortment-related-posts {
      padding-top: 60px;
      padding-bottom: 60px;
   }

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

   .posts-navigation .item-nav .nav-title {
      font-size: 12px;
      line-height: 24px;
   }

   .posts-navigation {
      display: flex;
      gap: 24px;
      margin-bottom: 30px;
   }

   .specific-posts.mobile.active {
      display: block !important;
   }

   .specific-posts.desktop,
   .specific-posts.desktop.active {
      display: none !important;
   }

   .learn-more-post {
      width: 100%;
   }

   .swiper-related-posts .swiper-pagination {
      padding-top: 13px;
   }

   .swiper-related-posts .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
      margin-right: 8px;
   }

   .swiper-related-posts .swiper-pagination .swiper-pagination-bullet {
      background: #FFFFFF !important;
      opacity: 1;
   }

   .swiper-related-posts .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #0250BF !important;
   }

   .learn-more-post p.tag {
      font-size: 12px;
      padding: 2px 12px;
   }

   .section-assortment-resources {
      padding-top: 40px;
      padding-bottom: 70px;
   }

   .section-vb-explore .row-intro {
      margin-bottom: 30px;
   }

   .swiper-pagination-content {
      display: flex;
      max-width: 100%;
      overflow-x: scroll;
      margin-top: 50px;
   }

   .swiper-pagination-content .swiper-pagination-bullet {
      width: max-content;
      min-width: max-content;
   }

   .section-assortment-repeated-rows {
      padding-top: 60px;
      padding-bottom: 60px;
   }

   .repeated-rows-wrapper .row-repeated-row:first-child {
      padding-bottom: 30px;
   }

   .repeated-rows-wrapper .row-repeated-row {
      padding-top: 30px;
      padding-bottom: 30px;
   }

   .featured-testimonial-wrapper {
      padding: 25px;
      margin-top: 20px;
   }

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

   .section-assortment-pardot {
      padding-top: 80px;
      padding-bottom: 70px;
   }

   .section-assortment-pardot .row-main {
      margin-top: 30px;
   }

   .section-assortment-logos .row-main::before,
   .section-assortment-logos .row-main::after {
      display: none;
   }

   .section-assortment-logos .row-main {
      margin-left: -25px;
      margin-right: -25px;
   }
}

@media (max-width: 576px) {
   .container:not(.container-with-swiper) {
      width: 100% !important;
   }

   .section-assortment-hero::after {
      height: 100px;
   }

   .section-assortment-logos {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .logo-brands-wrapper {
      margin-top: 40px;
   }

   .section-assortment-related-posts {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .section-assortment-related-posts h2.general-title {
      margin-bottom: 32px !important;
   }

   .section-assortment-cta {
      padding-top: 60px;
      padding-bottom: 60px;
   }

   .section-assortment-resources .posts-navigation {
      overflow-x: scroll;
   }

   .section-assortment-testimonial {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .section-assortment-testimonial .row-intro h2.general-title {
      margin-bottom: 0;
   }

   .section-assortment-related-posts h2.general-title {
      margin-bottom: 32px !important;
   }
}