/*
Marketpage Parent page new 2023 - V4

!!Other base styles are in marketpage-parent-new-v2.css!!
!!AND marketpage-parent-new-v3.css!!
*/

section > .container {
   width: 100% !important;
   max-width: 1230px !important;
}

.v4-b .container {
   padding-left: 15px !important;
   padding-right: 15px !important;
}



h2.general-title {
   font-size: 29px;
   line-height: 35px;
}
h2.general-title strong {
   color: white;
}


.section-marketpage-hero {
   min-height: 0;
}

.v4-b .section-marketpage-hero {
   background-size: contain;
   background-position: right top;
   background-color: #000;
   display: flex;
   flex-direction: column;
   gap: 20px;
   padding-bottom: 0px;
   max-height: none;
}
@media (min-width: 1101px) {
   .v4-b .section-marketpage-hero {
      background-size: auto 800px;
   }
}
@media (max-width: 1100px) {
   .v4-b .section-marketpage-hero {
      background-position: right center;
      padding-top: 180px;
   }
}
@media (max-width: 576px) {
   .v4-b .section-marketpage-hero {
      background-position: right top 80px;
      background-size: contain;
   }
}


.section-marketpage-hero .col-text p.text.text-below-logos {
   margin-top: 15px;
}
.v4-b .section-marketpage-hero .col-text p.text.text-below-logos {
   max-width: 450px;
}

.section-marketpage-hero .col-text .inner {
   max-width: none;
}

.page-content-wrap .logos-wrapper-hero {
   max-width: 600px;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   gap: 16px 24px;
   min-width: auto;
}
.v4-b.page-content-wrap .logos-wrapper-hero {
   gap: 20px 40px;
   justify-content: flex-start;
   margin-bottom: 24px;
}
.page-content-wrap .logos-wrapper-hero img {
   height: auto;
   display: block;
   margin: 0;
   max-height: 59px;
}
@media (max-width: 991px) {
   .page-content-wrap .logos-wrapper-hero img {
       max-height: 50px;
       height: 50px;
   }
}
@media (max-width: 768px) {
   .v4-b.page-content-wrap .logos-wrapper-hero {
      max-width: 100% !important;
      min-width: 100% !important;
      gap: 10px 40px;
      justify-content: flex-start;
   }
}

@media (max-width: 576px) {
   .v4-b.page-content-wrap .logos-wrapper-hero img {
      max-height: 50px !important;
   }
}  


.section-marketpage-hero h1.general-title {
   max-width: 800px;
}
.v4-b .section-marketpage-hero h1.general-title {
   max-width: 30ch;
   font-weight: 600;
}

.section-marketpage-hero .icon-list-wrapper {
   max-width: 830px;
}

.v4-b .section-marketpage-hero .icon-list-wrapper {
   max-width: 476px;
}
.v4-b .section-marketpage-hero p.icon-list-item {
   font-size: 16px;
   font-weight: 400;
   line-height: 148%; /* 23.68px */
}
.v4-b .section-marketpage-hero .icon-list-wrapper img.icon {
   width: 18px;
   height: 18px;
}
@media (max-width: 991px) {
   .v4-b .section-marketpage-hero h1.general-title {
      font-size: 28px;
      line-height: 132%; /* 36.96px */
   }
   .v4-b .section-marketpage-hero p.icon-list-item {
      font-size: 14px;
      line-height: 148%; /* 20.72px */
   }
   .v4-b .section-marketpage-hero .icon-list-item {
      gap: 8px;
   }
}

@media (max-width: 576px) {
   .v4-b .section-marketpage-hero {
      padding-top: 80vw !important;
   }
}


.v4-b .found-out-more-wrapper {
   position: relative;
   top: 0;
}



.v4-b .section-percentage-boxes {
   padding-top: 120px;
   overflow: hidden;
   max-width: 100vw;
}
.v4-b .section-percentage-boxes .row-intro {
   max-width: 100%;
}

.percentage-boxes {
   flex-wrap: nowrap;
}
.v4-b .percentage-boxes {
   flex-wrap: auto;
}

.percentage-boxes .percentage-box {
   border-radius: 0;
}
.v4-b .percentage-boxes .percentage-box {
   height: auto;
   align-items: flex-start;
}
@media (max-width: 1100px) {
   .v4-b .section-percentage-boxes {
      padding-top: 100px
   }
   .percentage-boxes .percentage-box {
      flex-basis: calc(20% - 20px);
      padding: 26px;
      flex-shrink: 0;
   }
   .v4-b .percentage-boxes .percentage-box {
      flex-basis: auto;
   }
   .v4-b .percentage-boxes {
      overflow: visible;
   }
   .percentage-boxes .percentage-box p.title {
      font-size: 46px;
   }
   .percentage-boxes .percentage-box p.text {
      font-size: 16px;
   }
}
@media (max-width: 991px) {
   .percentage-boxes {
      gap: 24px 14px;
   }
   .v4-b .section-percentage-boxes {
      padding-top: 60px
   }
   .percentage-boxes .percentage-box {
      padding: 20px;
      flex-shrink: 0;
   }
   .percentage-boxes .percentage-box p.title {
      font-size: 42px;
   }
   .percentage-boxes .percentage-box p.text {
      font-size: 15px;
   }
}

@media (max-width: 768px) {
   #percentage-boxes .text-center {
      text-align: left;
   }
   .percentage-boxes {
      justify-content: flex-start !important;
      flex-wrap: wrap;
   }
   .v4-b .section-percentage-boxes {
      padding-top: 0px;
      padding-bottom: 20px;
   }
   .percentage-boxes .percentage-box {
       flex-basis: calc(50% - 12px);
       width: calc(50% - 12px);
       text-align: left;
       padding: 16px 20px;
       border-radius: 0;
   }
   .v4-b .percentage-boxes .percentage-box {
      flex-basis: auto;
      width: auto;
   }
   .percentage-boxes .percentage-box p.title {
      font-size: 40px;
   }
   .percentage-boxes .percentage-box p.text {
      font-size: 18px;
   }
   .v4-b .percentage-boxes .percentage-box p.text {
      font-size: 16px;
   }

   .v4-b .section-percentage-boxes .row-intro h2.general-title {
      font-size: 20px;
      line-height: 140%; /* 28px */
   }
}



.section-awards {
   padding-top: 120px;
   padding-bottom: 120px;
   background: #f1f2f5;
}
.v4-b .section-awards,
.section-awards.three-cols {
   padding-bottom: 120px;
   max-width: 100vw;
   width: 100%;
   overflow: hidden;
}
@media (max-width: 768px) {
   .section-awards {
      padding-top: 40px;
      padding-bottom: 40px;
   }
   .v4-b .section-awards,
   .section-awards.three-cols  {
      padding-top: 60px;
   }
}
.section-awards .row-intro .uppercase {
   font-size: 14px;
   font-weight: 600;
   line-height: 20px;
   color: #096BE1;
}

.v4-b .section-awards .row-intro > img,
.section-awards.three-cols .row-intro > img  {
   width: auto;
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-top: 60px;
}
.section-awards.three-cols .row-intro > img  {
   margin-top: 44px;
}
.section-awards .row-intro h2.general-title {
   font-size: 36px;
   line-height: 48px;
}
.v4-b .section-awards .row-intro h2.general-title{
   font-size: 32px;
   line-height: 132%; /* 42.24px */
   margin-bottom: 20px;
}
.section-awards.three-cols .row-intro h2.general-title {
   font-size: 36px;
   line-height: 132%; /* 47.52px */
   margin-bottom: 12px;
}
.v4-b .section-awards .row-intro p.larger {
   font-size: 20px;
   line-height: 30px; /* 150% */
}
.v4-b .section-awards.four-cols .row-intro p.larger
.section-awards.three-cols .row-intro p.larger {
   font-size: 18px;
   line-height: 152%; /* 27.36px */
}


.section-awards .row-intro p,
.section-awards .row-intro h2.general-title {
   margin-bottom: 12px;
}
.section-awards .row-intro p {
   color: #212F41;
}
.section-awards .row-intro img {
   margin-top: 24px;
}
@media (max-width: 991px) {
   .v4-b .section-awards .row-intro > img,
   .section-awards.three-cols .row-intro > img,
   .section-awards.four-cols .row-intro > img  {
      display: none;
   }
}
@media (max-width: 768px) {
   .section-awards .row-intro p,
   .section-awards .row-intro h2.general-title {
      text-align: left;
   }
   .section-awards .row-intro h2.general-title {
      font-size: 20px !important;
      line-height: 28px !important;
   }
   .section-awards .row-intro p {
      font-size: 14px !important;
      line-height: 20px !important;
   }
   .section-awards .row-intro .uppercase {
      font-size: 12px;
      line-height: 18px;
   }
   .section-awards .row-intro img {
      display: none;
   }
}

.section-awards .row-main {
   margin-left: -20px;
   margin-right: -20px;
   margin-top: 24px;
   display: flex;
}
.v4-b .section-awards:not(.four-cols) .row-main,
.section-awards.three-cols .row-main {
   margin-left: 0;
   margin-right: 0;
}
.v4-b .section-awards.four-cols .row-main {
   margin-left: -30px;
   margin-right: -30px;
}
.section-awards .row-main::after,
.section-awards .row-main::before {
   display: none;
}
.section-awards .row-main .col {
   padding-left: 20px;
   padding-right: 20px;
   margin-bottom: 20px;
}
.section-awards .row-main .box {
   background-color: white;
   display: flex;
   flex-direction: column;
   height: 100%;
   box-shadow: 0px 2px 8px 0px rgba(98, 122, 153, 0.16);
   line-height: 24px;
}
.section-awards .row-main .box-content {
   padding: 32px;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   gap: 20px;
}
.v4-b .section-awards .row-main .box,
.section-awards.three-cols .row-main .box {
   height: auto;
}
.v4-b .section-awards .row-main .box-content,
.section-awards.three-cols .row-main .box-content {
   padding: 24px;
   gap: 16px;
   width: 100%;
}

.section-awards .row-main .box-content h3 {
   font-family: "Open Sans";
   font-size: 28px;
   font-style: normal;
   font-weight: 600;
   line-height: 37px;
   margin: 0;
}
.v4-b .section-awards .row-main .box-content h3,
.section-awards.three-cols .row-main .box-content h3 {
   font-size: 20px;
   line-height: 140%; /* 28px */
}
@media (max-width: 768px) {
   .section-awards .row-main .box-content h3 {
      font-size: 20px;
      line-height: 28px;
   }
}
.section-awards .row-main .box-content p {
   margin: 0;
   flex-grow: 1;
}
.v4-b .section-awards .row-main .box-content p,
.section-awards.three-cols .row-main .box-content p {
   font-size: 14px;
   line-height: 148%; /* 20.72px */
}

.section-awards .row-main .box-content a {
   text-transform: uppercase;
   font-weight: 600;
   margin-top: 0;
   display: block;
   text-wrap: pretty;
}
.v4-b .section-awards .row-main .box-content a,
.section-awards.three-cols .row-main .box-content a {
   font-size: 14px;
   line-height: 140%; /* 19.6px */
   text-align: left;
   letter-spacing: 0;
    max-width: calc(100% + 15px);
}
.v4-b .section-awards .row-main .box-content a svg,
.section-awards.three-cols .row-main .box-content a svg {
   margin-left: 5px;
}

.section-awards .row-awards .col-awards {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding-top: 60px;
   border-top: 1px solid #dcdfe3;
   gap: 50px 20px;
}
.section-awards .row-awards h2.general-title {
   text-align: left;
   margin-bottom: 0;
   font-size: 28px;
   line-height: 36px;
   margin-bottom: 10px;
   width: 250px;
   flex-shrink: 0;
}
   .section-awards .swiper-advantages {
      width: 100%;
   }
.section-awards .award-box {
   height: auto;
   align-items: center;
   justify-content: center;
}
@media (min-width: 1201px) {
   .section-awards .award-box {
      /* width: fit-content !important; */
   }
}
.section-awards .award-box img {
   max-height: 160px;
   max-width: 180px;
}
@media (max-width: 1200px) {
   .section-awards .row-awards .col-awards {
      flex-direction: column;
      align-items: center;
   }
   .section-awards .row-awards h2.general-title {
      text-align: center;
      font-size: 20px;
      line-height: 28px;
      width: auto;
   }
   .section-awards .swiper-advantages {
      width: 100%;
   }
}
@media (max-width: 576px) {
   .award-box img {
       max-height: 60px;
   }
}
.v4-b .swiper-boxes,
.section-awards.three-cols .swiper-boxes  {
   overflow: visible;
   width: 100%;
}


.advantages-slider__pagination .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
}





.section-toggle-tabs {
   padding-top: 120px;
   padding-bottom: 120px;
}
.section-toggle-tabs {
   background: white;
}
.section-toggle-tabs .col-text p.text {
   color: black;
}


.section-toggle-tabs .toggle-tabs {
   max-width: 648px;
   margin-left: auto;
}
@media (max-width: 991px) {
   .section-toggle-tabs .toggle-tabs {
      max-width: none;
   }
}

.section-toggle-tabs .toggle-tab.active {
   border-radius: 8px;
   background: #F1F2F5;
   border-radius: 0;
   box-shadow: none;
}
.section-toggle-tabs .toggle-tab.active .title {
   font-weight: 600;
   letter-spacing: 0.32px;
   margin-bottom: 12px;
   text-transform: uppercase;
   color: #096BE1;
   font-size: 18px;
   line-height: 24px;
}
.section-toggle-tabs .toggle-tab.active .text {
   color: #212F41;
   font-size: 16px;
   line-height: 24px;
}
.section-toggle-tabs .toggle-tab {
   border-bottom-color: #F1F2F5;
}



.section-regular-section.dark {
   background: black;
   overflow: hidden;
}
.section-regular-section.dark .container {
   position: relative;
   z-index: 2;
}
.section-regular-section.dark .row-intro p.text {
   color: white;
}
@media (max-width: 768px) {
   .section-regular-section.dark .row-intro h2.general-title,
   .section-regular-section.dark .row-intro p.text {
      text-align: left;
   }
}
.section-regular-section.dark::after {
   content: '';
   display: block;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate( -50%, 80% );
   border-radius: 1866px;
   background: #071525;
   filter: blur(190px);
   width: 1866px;
   height: 1246px;
   z-index: 1;
}
.section-regular-section.dark .description-boxes {
   gap: 20px;
}
.section-regular-section.dark .description-box {
   display: flex;
   padding: 18px 24px 28px 24px;
   flex-direction: column;
   align-items: flex-start;
   align-self: stretch;
   background: linear-gradient(180deg, rgba(50, 135, 185, 0.09) 0%, rgba(9, 147, 228, 0.00) 100%);
   backdrop-filter: blur(18px);
   position: relative;
   overflow: hidden;
   flex-basis: calc(33.33% - 21px);
}
@media (max-width: 991px) {
   .section-regular-section.dark .description-box {
      flex-basis: 100%;
   }
}
.section-regular-section.dark .description-box::after {
   content: '';
   display: block;
   position: absolute;
   top: 60px;
   left: 50%;
   transform: translate( -50%, 0% );
   border-radius: 261px;
   background: #096BE1;
   filter: blur(185px);
   width: 261px;
   height: 174px;
   z-index: 1;
}
.section-regular-section.dark .description-box img {
   margin-bottom: 20px;
   display: block;
   margin-left: auto;
   margin-right: auto;
   max-height: 192.5px;
   max-width: 100%;
   position: relative;
   z-index: 2;
   height: auto;
   width: auto;
}
.section-regular-section.dark .description-box p.title {
   font-size: 22px;
   font-style: normal;
   font-weight: 600;
   line-height: 30px;
   color: white;
   margin-bottom: 15px;
   text-transform: none;
   position: relative;
   z-index: 2;
}
.section-regular-section.dark .description-box p.text {
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   color: #B7BBBC;
   margin-bottom: 0;
   position: relative;
   z-index: 2;
}
.section-regular-section.dark .description-box p.text strong {
   color: white;
}
.section-regular-section.dark .description-box .separator {
   display: inline-block;
   border-top: 1px solid rgba(183, 187, 188, .1);
   width: 100%;
   margin: 15px 0 10px 0;
}
@media (min-width: 991px) {
   .section-regular-section.dark .description-box:nth-child(2) {
      margin-top: 60px;
   }
}
.section-regular-section.dark .btn {
   margin: 60px auto 0;
}
@media (max-width: 768px) {
   .section-regular-section.dark .btn {
      margin: 60px 0 0 0;
   }
}


.section-marketpage-image-cta .col-text .inner {
   max-width: 422px;
}
.section-marketpage-image-cta .col-image img {
   width: 125%;
   right: 14%;
}
.section-marketpage-image-cta .col-text .inner > img {
   display: none;
   width: 100%;
   height: auto;
   margin-bottom: 30px
}
@media (max-width: 991px) {
   .section-marketpage-image-cta .col-image img {
      display: none;
   }
   .section-marketpage-image-cta .col-text .inner > img {
      display: block;
   }
}
.section-marketpage-image-cta .row-intro {
   padding-top: 50px;
   padding-bottom: 50px;
}



.section-marketpage-benefits .col-title .inner {
   max-width: 415px;
}
.section-marketpage-benefits .col-title h2.general-title {
   margin-bottom: 24px;
}
.section-marketpage-benefits .benefits-no-icons-wrapper {
   max-width: 648px;
   gap: 14px;
}
@media (max-width: 991px) {
   .section-marketpage-benefits .benefits-no-icons-wrapper {
      max-width: none;
   }
}

.section-marketpage-benefits-second .logos-wrapper-benefits {
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}


.v4-b .row-accelerate-content p,
.v4-b .row-accelerate-content li {
   color: #212F41;
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
}
@media (max-width: 991px) {
   
   .v4-b .row-accelerate-content p,
   .v4-b .row-accelerate-content li {
      font-size: 14px;
      line-height: 148%; /* 20.72px */
   }
}
.v4-b .row-accelerate-content ul li {
   background-size: 4px;
   background-position: left 10px;
}
.v4-b .row-accelerate-content a {
   padding: 10px 32px;
   font-size: 20px;
}
@media (max-width: 991px) {
   .v4-b .row-accelerate-content a {
      font-size: 16px;
   }
}


.section-assortment-resources {
   overflow: hidden;
}
.section-assortment-resources .container {
   position: relative;
   z-index: 2;
}
.section-assortment-resources::before {
   content: '';
   border-radius: 1600px;
   opacity: 0.6;
   background: #151F2C;
   filter: blur(150px);
   width: 1600px;
   height: 1200px;
   flex-shrink: 0;
   position: absolute;
   top: 0;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
   display: block;
}

.posts-navigation .item-nav .nav-title {
   color: #fff;
}
.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.1s;
   opacity: 0.2;
}
.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;
}


@media (max-width: 768px) {
   .section-assortment-resources {
       padding-bottom: 60px;
   }
}

.section-marketpage-pardot .container {
   position: relative;
   z-index: 2;
}

.section-marketpage-pardot::after {
   z-index: 1;
}

@media (max-width: 768px) {
   .section-marketpage-pardot::after {
      width: 1600px;
      height: 766px;
      border-radius: 1600px;
      opacity: 0.18;
      filter: blur(150px);
      top: 0;
      left: 50%;
      transform: translate(-50%, -60%);
      bottom: auto;
      z-index: 1
   }
}



@media (max-width: 768px) {
   .section-assortment-resources .row-intro h2.general-title,
   .section-marketpage-related-references .row-intro h2.general-title {
      text-align: left;
   }
}


.marketpage-innovating-logos-wrapper {
   max-width: none;
}

.section-marketpage-related-references.small-padding-bottom {
   padding-bottom: 60px;
}

@media (max-width: 768px) {
   .v4-b .marketpage-innovating-logos-wrapper {
      gap: 0;
      justify-content: space-between;
   }
   .v4-b .marketpage-innovating-logos-wrapper img {
      width: 33%;
   }
   .v4-b .section-marketpage-related-references .row-intro h2.general-title {
      font-size: 20px;
      line-height: 140%; /* 28px */
   }
}

.v4-b .section-accelerates {
   padding-top: 0;
}

@media (max-width: 768px) {
   .v4-b .section-assortment-resources .row-intro h2.general-title,
   .v4-b .section-accelerates h2.general-title {
      font-size: 20px;
      line-height: 140%; /* 28px */
   }
}


.v4-b .section-marketpage-pardot .row-intro {
   max-width: 100%;
}
.v4-b .section-marketpage-pardot :is(p, h2) {
   color: #fff !important;
   margin-bottom: 24px;
}
.v4-b .section-marketpage-pardot p.above-title {
   font-size: 14px;
}
.v4-b .section-marketpage-pardot .row-intro h2.general-title {
   font-size: 28px;
   line-height: 132%; /* 36.96px */
   margin-bottom: 24px;
}

.v4-b .section-marketpage-pardot p.text {
   font-size: 18px;
   line-height: 152%;
   /* 27.36px */
}


.v4-b .section-marketpage-pardot::after {
   width: 1866.667px;
   height: 1461.211px;
   flex-shrink: 0;
   border-radius: 1866.667px;
   background: #071525;
   filter: blur(190px);
   left: 50%;
   bottom: auto;
   top: -110%;
   transform: translate(-50%, 0%);
   opacity: 1;
}

@media (min-width: 992px) {
   .v4-b .section-marketpage-pardot .col-text {
      padding-right: 80px;
   }

   .v4-b .section-marketpage-pardot .col-form {
      padding-left: 0px;
   }
}

@media (max-width: 991px) {
   .v4-b .section-marketpage-pardot {
      padding-top: 80px;
      padding-bottom: 80px;
   }

   .v4-b .section-marketpage-pardot .col-text {
      margin-bottom: 16px;
   }

   .v4-b .section-marketpage-pardot .col-form {
      padding: 0;
   }
}

@media (max-width: 768px) {
   .v4-b .section-marketpage-pardot {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .v4-b .section-marketpage-pardot p.above-title {
      font-weight: 400;
      margin-bottom: 16px;
   }

   .v4-b .section-marketpage-pardot p.text {
      font-size: 16px;
      margin-bottom: 16px;
   }

   .v4-b .section-marketpage-pardot h2.general-title {
      font-size: 24px !important;
      line-height: 140% !important; /* 33.6px */
      margin-bottom: 16px !important;
   }
}