/*
Tariffs Hub
*/

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

/*Navigation*/

#top-right.hybrid-menu {
   background: #000 !important;
}


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


body {
   background-color: #fff;
}


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

a:focus {
   outline: 0px auto -webkit-focus-ring-color;
   outline-offset: 0px;
}



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



.btn-arrow {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   letter-spacing: .02em;
   text-transform: uppercase;
   color: #fff;
   cursor: pointer;
   margin-top: 24px;
   font-style: normal;
}
.btn-arrow svg, 
.btn-arrow img {
   width: auto !important;
   position: relative;
   left: 0;
   margin-left: 10px;
   transition: all 0.3s ease-in-out;
}
.btn-arrow:hover {
   color: #fff;
}
.btn-arrow:hover svg,
.btn-arrow:hover img {
   left: 10px;
}


h1.general-title {
   font-weight: 600;
   font-size: 40px;
   line-height: 120%; /* 48px */
   color: black;
   margin-top: 0px;
}


h2.general-title {
   font-weight: 600;
   font-size: 32px;
   line-height: 132%; /* 42.24px */
   color: black;
   margin-top: 0px;
   margin-bottom: 12px;
}

h2.general-title.smaller {
   font-size: 24px;
   line-height: 140%; /* 33.6px */
}

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: #000;
   text-transform: uppercase;
   margin-bottom: 30px;
}

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

p.larger {
   font-size: 16px;
   line-height: 28px;
   font-weight: 600;
}

p.tariffs-hub-hero {
   font-size: 18px;
   line-height: 28px;
   font-weight: 400;
}

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

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

.col-12 {
   width: 100%;
}

@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: 1240px) {
   
   .container {
      width: 100% !important;
      max-width: 1230px !important;
   }
   
   .container.container-small {
      width: 100% !important;
      max-width: 1025px !important;
      margin-left: auto;
      margin-right: auto;
   }
   .container.container-big {
      width: 100% !important;
      max-width: 1340px !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;
}

.read-more {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   letter-spacing: 0.32px;
   color: black;
   text-transform: uppercase;
   cursor: pointer;
}

.read-more:hover {
   color: black;
}

.read-more:not(.reversed) svg {
   margin-left: 12px;
   position: relative;
   left: 0;
   transition: 300ms;
}

.read-more.reversed svg {
   margin-right: 12px;
   position: relative;
   right: 0;
   transition: 300ms;
}

.read-more:not(.reversed):hover svg {
   left: 10px;
}

.read-more.download:hover svg {
   left: 0;
}

.read-more.reversed:hover svg {
   right: 10px;
}

.read-more.download svg {
   position: relative;
   right: 2px;
   transform: rotate(0deg);
   transition: all 0.3s;
   margin-left: 18px;
}

.read-more.download.active svg {
   transform: rotate(180deg);
   transition: all 0.3s;
}

.read-more.download {
   overflow: hidden;
   position: relative;
   display: block;
   width: 100%;
}

.read-more.download .move-first {
   opacity: 1;
   bottom: 9px;
   position: absolute;
   right: -25px !important;
   left: auto !important;
}

@media (min-width: 992px) {
   .read-more.download:not(.active):hover .move-first {
      bottom: 20px;
      opacity: 0;
      pointer-events: none;
   }
}

.read-more.download .move-second {
   bottom: -20px;
   opacity: 0;
   pointer-events: none;
   position: absolute;
   right: -25px !important;
   left: auto !important;
}

@media (min-width: 992px) {
   .read-more.download:not(.active):hover .move-second {
      bottom: 9px;
      opacity: 1;
      pointer-events: all;
   }
}

.title-download {
   position: relative;
   display: block;
   width: max-content;
}







/* Section Hero */

.section-hero {
   padding-top: 200px;
   padding-bottom: 120px;
   background: var(--bg-color, #F9F9F9);
   position: relative;
   overflow: hidden;
  
   background-size: cover;
   background-position: center top;
   background-repeat: no-repeat;
}

.section-hero::before { 
   content: '';
   display: block;
   background-image: linear-gradient(90deg, var(--bg-color, #F9F9F9) 60% , transparent );
   position: absolute;
   z-index: 1;
   top: 0;
   bottom: 0;
   left: 0;
   width: 60vw;
}

.section-hero .row-intro {
   display: flex;
   align-items: center;
   position: relative;
   z-index: 2;
}

.section-hero .col-text .inner {
   max-width: 538px;
   position: relative;
   z-index: 11;
}
.section-hero h1.general-title {
   margin-bottom: 24px;
}
.section-hero p.above-title {
   font-size: 20px;
   line-height: 28px;
   margin-bottom: 12px;
   font-weight: 400;
}

.section-hero li {
   color: #000;
   margin-bottom: 20px;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 5px;
   background-image: url(https://www.centricsoftware.com/wp-content/themes/centricSoftware/img/circle-check.svg);
   background-size: 18px;
   background-position: left 3px;
   padding-left: 26px;
}

.section-hero .btn--primary.request-demo {
   margin-top: 32px;
   font-size: 20px;
   padding: 10px 28px !important;
}

.section-hero .btn--primary.request-demo svg {
   margin-left: 8px;
}

@media (min-width: 992px) {
   .section-hero .hero-mobile-image {
      display: none;
   }
}

@media (max-width: 991px) {
   .section-hero {
      padding-top: 104px;
      padding-bottom: 30px;
      background-image: none !important;
      z-index: 6;
   }
   .section-hero::before {
      display: none;
   }
   
   .section-hero h1.general-title {
      margin-bottom: 24px;
   }
   
   .section-hero h1.general-title br {
      display: none;
   }
   
   .section-hero p.text {
      margin-bottom: 0px;
   }
   
   .section-hero .hero-mobile-image {
      position: relative;
   }
   
   .section-hero .hero-mobile-image::before {
      content: '';
      display: block;
      background-image: linear-gradient(var(--bg-color, #F9F9F9), transparent );
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      left: 0;
      height: 80px;
   }
   
   .section-hero .hero-mobile-image img { 
      width: 100%;
      height: auto;
      margin-bottom: -30px;
   }
}




/* Section: charts */

.section-charts {
   padding-top: 76px;
   padding-bottom: 40px;
}

.section-charts .row-chart {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 25px;
}

.section-charts .content-charts-wrapper {
   box-shadow: 0px 0px 12px 0px rgba(98, 122, 153, 0.12);
   padding: 24px;
   position: relative;
   min-height: 400px;
}
.section-charts .row-chart .content-charts-wrapper {
   grid-column: 1 / span 2;
}
.chart-loading-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #666666;
    font-size: 18px;
    font-weight: 500;
}

.section-charts .chart-filters {
   display: flex;
   gap: 10px 20px;
   margin-top: 40px;
   margin-bottom: 15px;
}
.section-charts .chart-filter {
   max-width: 100%;
   width: fit-content;
   min-width: fit-content;
}
.section-charts .charts-select-filter {
   display: block;
   margin-bottom: 0;
   padding: 10px 12px;
   border-radius: 6px;
   border: 1px solid #ccc;
   font-size: 1em;
   background-color: #fff;
}
.section-charts .kpi-container {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 25px;
}
.section-charts .row-charts {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 25px;
   margin-top: 25px;
   width: 100%;
}

.section-charts .kpi-box {
   box-shadow: 0px 0px 12px 0px rgba(98, 122, 153, 0.12);
   padding: 11px 15px;
   flex-grow: 1;
   text-align: left;
   display: flex;
   flex-direction: column;
   position: relative;
   gap: 10px;
   align-items: flex-start;
}

.section-charts .kpi-box p {
   margin: 0;
   font-size: 15px;
   line-height: 140%;
   font-weight: 600;
   padding-right: 20px;
}
.section-charts .kpi-box .kpi-info-close,
.section-charts .kpi-box .kpi-info {
   position: absolute;
   top: 12px;
   right: 7px;
   border-radius: 100%;
   width: 18px;
   height: 18px;
   border: 1px solid currentColor;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   font-weight: 700;
   cursor: pointer;
   background: white;
}
.section-charts .kpi-box .kpi-info-close {
   top: 11px;
   right: 6px;
}
.section-charts .kpi-box .kpi-tooltip {
   opacity: 0;
   pointer-events: none;
   position: absolute;
   top: 1px;
   left: 1px;
   bottom: 1px;
   right: 1px;
   padding: 32px 8px 13px 8px;
   background: rgba(251,251,252,.96);
   backdrop-filter: blur(6px);
   transition: opacity .3s ease-out;
   overflow: hidden;
   font-weight: 400;
   font-size: 12.5px;
   line-height: 170%;
}
.section-charts .kpi-box .kpi-tooltip-content {
   overflow-y: auto;
   max-height: calc(100% + 13px);
   padding-bottom: 10px;
   padding-right: 5px;
}

.section-charts .kpi-box.info .kpi-tooltip {
   opacity: 1;
   pointer-events: all;
}

.section-charts .kpi-box p span {
   font-size: 13px;
   font-weight: 400;
   color: #6c757d;
}

.section-charts .kpi-box h3 {
   margin-top: auto;
   margin-bottom: 0;
   font-size: 30px;
   font-weight: bold;
   color: #212529;
}

.section-charts .kpi-comparison {
   font-size: 14px;
   font-weight: 500;
}

@media (max-width: 991px) {
   .section-charts {
      padding-top: 32px;
      padding-bottom: 16px;
   }
   
   .section-charts .content-charts-wrapper {
      padding: 10px;
   }
   .section-charts .row-chart .content-charts-wrapper {
      grid-column: 1;
   }

   .section-charts .row-chart {
      grid-template-columns: 1fr;
   }

   .section-charts .row-charts {
      grid-template-columns: 1fr;
   }
}
@media (max-width: 600px) {
   
   .section-charts .chart-filters {
      flex-direction: column;
   }
   .section-charts .kpi-container {
      grid-template-columns: 1fr;
   }
   .section-charts .row-charts {
      grid-template-columns: 1fr;
   }
}



/* Section: quotes */

.section-quotes {
   padding-top: 20px;
   padding-bottom: 140px;
}

@media (max-width: 991px) {
   .section-quotes p.text {
      max-width: 100%;
      font-size: 14px;
      line-height: 20px;
   }
}

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

.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[data-count="1"] .slide__controls {
   display: none !important;
}

.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 a.main-link[href=""] {
   pointer-events: none;
}
.marketpage-innovating__slider-new a.main-link[href=""] .references-case-studies__grid-more {
   display: none;
}


.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 .slide__body {
   width: 60%;
   max-width: 100%;
   /*padding: 80px;*/
   padding: 2% 6.3%;
   margin-right: auto;
   margin-left: 0;
   z-index: 10;
}

.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: 40px;
      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: 48px;
      height: 48px;
   }
   
   .marketpage-innovating__slider-new .slide__control img,
   .marketpage-innovating__slider-new .slide__control svg {
      width: 240px !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%;
      margin-top: 50px;
   }
   
   .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: 16px;
      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: 128px;
      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 Boxes */
.section-boxes {
   padding-top: 75px;
   padding-bottom: 75px;
}



.content-boxes-wrapper {
   /* display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr)); */
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 40px;
   margin-top: 40px;
}

.content-boxes-wrapper.grid-two {
   /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
}

.content-boxes-wrapper.grid-four {
   /* grid-template-columns: repeat(4, minmax(0, 1fr)); */
}

.content-boxes-wrapper .content-box {
   background: #F1F2F5;
   padding: 32px 28px;
   display: flex;
   flex-direction: column;
   gap: 10px;
   position: relative;
   width: calc(33.33% - 30px);
   min-height: 260px;
}
.content-boxes-wrapper.grid-two .content-box  {
   width: calc(50% - 30px);
}
.content-boxes-wrapper.grid-four .content-box  {
   width: calc(50% - 30px);
}
.content-boxes-wrapper .content-box.wider  {
   width: calc(100% - 15px) !important;
}

.content-boxes-wrapper .content-box .content-box-title-row {
   display: flex;
   align-items: center;
   gap: 20px;
}

.content-boxes-wrapper .content-box .icon-wrapper {
   width: 64px;
   height: 64px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 12px;
   flex-shrink: 0;
}

.content-boxes-wrapper .content-box img.icon {
   width: auto;
   max-width: 100%;
}

.content-boxes-wrapper .content-box .title {
   color: #1F7EF6;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 18px;
   margin-bottom: 0;
}

.content-boxes-wrapper .content-box .text {
   color: #212F41;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
   margin-bottom: 0;
}

.content-boxes-wrapper .content-box .text li {
   background-position: left 10px;
   background-size: 6px;
   font-size: 16px;
}



.content-boxes-wrapper .content-box .read-more {
   margin-top: auto;
}
.section-boxes .btn {
   margin-left: auto;
   margin-right: auto;
   margin-top: 70px;
}

@media (max-width: 991px) {
   .section-boxes {
      padding-top: 80px;
      padding-bottom: 80px;
   }
   .content-boxes-wrapper {
      /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
      gap: 32px;
   }
   .content-boxes-wrapper .content-box {
      width: calc(50% - 30px);
   }
}

@media (max-width: 768px) {
   .section-boxes {
      padding-top: 60px;
      padding-bottom: 60px;
   }
   
   .section-boxes .text-center {
      text-align: left;
   }
   
   .content-boxes-wrapper,
   .content-boxes-wrapper.grid-two,
   .content-boxes-wrapper.grid-four {
      /* grid-template-columns: repeat(1, minmax(0, 1fr)); */
      gap: 24px;
   }
   .content-boxes-wrapper .content-box.wider,
   .content-boxes-wrapper .content-box {
      padding: 24px;
      width: 100% !important;
      min-height: 200px;
   }
   
   .content-boxes-wrapper .content-box .icon-wrapper {
      margin-bottom: 12px;
   }
   
   .row-boxes:not(:first-child) {
      padding-top: 70px;
   }
}

/* Section: resources */
.section-resources {
   padding-top: 100px;
   padding-bottom: 100px;
   background-color: #F1F2F5;
}
.section-resources-two {
   padding-top: 40px;
}
.section-resources .container {
   max-width: 1182px !important;
}

@media (max-width: 991px) {
   .section-resources .text-center {
      text-align: left;
   }
}

.section-resources .row-main {
   margin-top: 60px;
   overflow: hidden;
}

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

.section-resources .nav-wrapper {
   display: flex;
   justify-content: space-between;
}

.section-resources .see-more {
   border-radius: 30px;
   border: 1px solid #FFF;
   color: #fff;
   display: flex;
   padding: 6px 20px;
   justify-content: center;
   align-items: center;
   gap: 10px;
}

.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: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.load-more-wrapper .load-more-button {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   padding: 13px 30px;
   border-radius: 30px;
   color: #212F41;
   background: #F4F3F1;
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
   cursor: pointer;
   transition: background .2s;
}

.load-more-button:hover {
   color: #ffffff;
   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;
   overflow-x: auto;
   -ms-overflow-style: none;
   scrollbar-width: none;
}
.disabled-navigation {
   margin-bottom: 0;
}

.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;
   color: #000;
}

.posts-navigation .item-nav .border {
   display: block;
   width: 100%;
   height: 2px;
   background: #000;
   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%);
}


/*Resources component*/
.resources-component {
   padding-top: 40px;
   padding-bottom: 60px;
}

.resources-component .row-main {
   margin-top: 60px;
}

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


.posts-navigation:not(.disabled-navigation) {
   display: flex;
   gap: 40px;
   margin-bottom: 40px;
   -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: 140px;
   text-align: center;
}

.posts-navigation .item-nav .nav-title {
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
   padding-left: 5px;
   padding-right: 5px;
}

section.dark .posts-navigation .item-nav .nav-title {
   color: white;
}

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

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

@media (max-width: 768px) {
   .posts-navigation .item-nav .border {
      opacity: 1;
   }
}

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


.swiper-related-posts .swiper-pagination {
   display: none;
}


/*Restyle hardcoded styles in the title*/
.learn-more-post p.title br {
   display: none;
}


.learn-more-post p.title,
.learn-more-post p.title strong,
.learn-more-post p.title b,
.learn-more-post p.title font {
   font-weight: 400;
}

.learn-more-post p.title font {
   font-size: inherit;
}

/*Responsive*/
.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) {
   .section-resources .row-main {
      margin-top: 30px;
   }
   
   .section-resources .specific-posts .specific-posts-wrapper {
      gap: 17px;
   }
   
   .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;
   }
   
}

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

@media (max-width: 768px) {
   .section-resources {
      padding-top: 40px;
      padding-bottom: 40px;
   }
   .section-resources-two {
      padding-top: 20px;
   }
   
   .posts-navigation .item-nav {
      min-width: 0;
   }
   .posts-navigation .item-nav .nav-title {
      font-size: 14px;
      line-height: 24px;
   }
   
   .posts-navigation:not(.disabled-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 p.tag {
      font-size: 12px;
      padding: 2px 12px;
   }
   
   .swiper-related-posts .swiper-pagination {
      padding-top: 13px;
   }
   
   .swiper-related-posts .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #0250BF !important;
   }
   
   .swiper-related-posts .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
      margin-right: 8px;
   }
   
   .swiper-related-posts .swiper-pagination .swiper-pagination-bullet {
      background: #E8EDF9 !important;
      opacity: 1;
   }
   
}
@media (max-width: 549px) {
   
   .section-resources .row-main {
      margin-right: -24px;
   }
}


/* Section: banner */
.section-banner {
    background: #096BE1;
    background: linear-gradient(267.29deg, #096BE1 0%, #004AB9 100%);
    padding-top: 60px;
    padding-bottom: 60px;
    color: #fff;
}
.section-banner .above-title,
.section-banner .general-title,
.section-banner .text {
    color: #fff;
}
.section-banner .above-title {
    font-weight: 400;
}
.section-banner .text {
    font-size: 18px;
    line-height: 140%;
}
@media (max-width: 768px) {
    .section-banner {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .section-banner .btn-arrow {
        font-weight: 400;
    }
}



/* Section: pardot form */
.section-form {
   padding-top: 120px;
   padding-bottom: 120px;
   background: #000;
   color: #fff;
   overflow: hidden;
   position: relative;
}
.section-form::before {
   content: '';
   display: block;
   width: 1866px;
   height: 1461px;
   border-radius: 1866px;
   background: #071525;
   filter: blur(190px);
   position: absolute;
   z-index: 1;
   left: 50%;
   top: 0;
   transform: translate(-50%, -70%);
}
.section-form .container {
   position: relative;
   z-index: 2;
}

.section-form :is(p, h2) {
   color: #fff;
   margin-bottom: 24px;
}

.section-form p.above-title {
   font-size: 20px;
   font-weight: 400;
}
.section-form h2.general-title {
   font-size: 36px;
}


@media (min-width: 992px) {
   .section-form .col-text {
      padding-right: 30px;
   }
   .section-form .col-form {
      padding-left: 0px;
   }
}
@media (max-width: 991px) {
   .section-form {
      padding-top: 80px;
      padding-bottom: 80px;
   }
   .section-form .col-text {
      margin-bottom: 36px;
   }
   .section-form .bottom-title {
      margin-top: 15px;
      padding-top: 15px;
      font-size: 20px;
   }
   .section-form .bottom-text {
      font-size: 14px;
   }
}
@media (max-width: 768px) {
   .section-form {
      padding-top: 40px;
      padding-bottom: 40px;
   }
   .section-form p {
      font-size: 16px;
   }
}