/*
Marketpage Parent page new 2023 - V3

!!Other base styles aren in marketpage-parent-new-v2.css!!
*/
/*Hero*/
.section-marketpage-hero .col-text .inner {
   max-width: 890px;
}

/*Section toggle tabs*/
.section-toggle-tabs {
   padding-top: 160px;
   padding-bottom: 160px;
   background: linear-gradient(#161e2c, #000);

}

.section-toggle-tabs .col-text h2.general-title {
   margin-bottom: 24px;
}

.section-toggle-tabs .col-text p.text {
   color: #B7BBBC;
}

.section-toggle-tabs .col-text .btn--primary.request-demo {
   margin-top: 48px;
}

.section-toggle-tabs .col-text .inner {
   max-width: 415px;
}

.toggle-tab {
   padding: 20px 32px;
   position: relative;
   border-bottom: 1px solid #212F41;
   cursor: pointer;
}

.toggle-tab.active {
   border-radius: 8px;
   padding: 32px 32px;
   background: rgba(33, 47, 65, 0.60);
   box-shadow: 0px 0px 24px 0px rgba(98, 122, 153, 0.12);
}

.toggle-tab p.title {
   text-transform: uppercase;
   font-weight: 600;
   max-width: calc(100% - 40px);
}

.toggle-tab p.text {
   color: #F4F3F1;
   margin-top: 0px;
}


.toggle-tab.active p.text {
   margin-top: 12px;
}

.toggle-tab.active p.title {
   margin-bottom: 12px;
}

.plm-item__action {
   display: block;
   position: absolute;
   top: 22px;
   right: 32px;
   width: 24px;
   height: 24px;
   border: 2px solid #1F7EF6;
   border-radius: 50px;
   -webkit-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.plm-item__action::before,
.plm-item__action::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 12px;
   height: 2px;
   background: #1F7EF6;
   transform: translate(-50%, -50%);
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.plm-item__action.plm-item__action--open::after {
   transform: translate(-50%, -50%) rotate(90deg);
}

/*Section percentage boxes*/
.section-percentage-boxes {
   padding-top: 60px;
   padding-bottom: 120px;
   background: #000;
}

.section-percentage-boxes .row-intro {
   margin-bottom: 60px;
   margin-left: auto;
   margin-right: auto;
   max-width: 1085px;
}

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

.section-percentage-boxes .row-intro p.text {
   color: #B7BBBC;
}

.percentage-boxes {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 24px;
}

.percentage-boxes .percentage-box {
   border-radius: 8px;
   background: rgba(33, 47, 65, 0.60);
   padding: 32px 40px;
   transition: all 0.3s;
   flex-basis: calc(20% - 20px);
}

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

.percentage-boxes .percentage-box p.text {
   font-size: 22px;
   line-height: 28px;
   color: #B7BBBC;
   transition: all 0.3s;
}

.percentage-boxes .percentage-box:hover {
   background: #FFF;
   background: linear-gradient(127deg, #FFF 0.05%, rgba(255, 255, 255, 0.80) 97.28%);
}

.percentage-boxes .percentage-box:hover p.text {
   color: #212F41;
}

.row-awards {
   margin-top: 120px;
}

.row-awards h2.general-title {
   text-align: center;
   margin-bottom: 60px;
}

.awards {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 30px;

}

.award-box {
   display: flex;
   gap: 20px;
   align-items: flex-start;
   justify-content: flex-start;
}

.award-box img {
   max-height: 68px;
   width: auto;
}

.award-box p.text {
   font-weight: 600;
   color: #B7BBBC;
   letter-spacing: 0.32px;
}

/*Section Regular Section*/
.section-regular-section {
   padding-top: 120px;
   padding-bottom: 120px;
   background: #F8F8F8;
}

.section-regular-section .row-intro {
   max-width: 830px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 60px;
}

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

.section-regular-section .row-intro p.text {
   color: #212F41;
}

.description-boxes {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 60px;
}

.description-box {
   flex-basis: calc(33.33% - 40px);
}

.description-box img {
   height: 64px;
   width: auto;
   margin-bottom: 14px;
}

.description-box p.title {
   color: #096BE1;
   text-transform: uppercase;
   font-weight: 600;
   margin-bottom: 12px;
   letter-spacing: 0.36px;
}

.description-box p.text {
   color: #212F41;
}

/*Section Benefits*/
.section-marketpage-benefits {
   padding-top: 120px;
   padding-bottom: 120px;
}


/*Section Success Stories*/
.section-marketpage-related-references {
   padding-top: 120px;
   padding-bottom: 160px;
   background: #F8F8F8;
}

.section-marketpage-related-references .row-logos::before {
   background: linear-gradient(to right, rgb(248 248 248), rgb(255 255 255 / 0%));
}

.section-marketpage-related-references .row-logos::after {
   background: linear-gradient(to left, rgb(248 248 248), rgb(255 255 255 / 0%));
}

.section-marketpage-related-references .row-intro h2.general-title {
   font-size: 32px;
   line-height: 42px;
}

/*Section Image CTA*/
.section-marketpage-image-cta {
   background: #096BE1;
   background: linear-gradient(267deg, #096BE1 0%, #004AB9 100%);
}

.section-marketpage-image-cta .col-text {
   padding-top: 60px;
   padding-bottom: 60px;
   position: relative;
   z-index: 10;
}

.section-marketpage-image-cta .row-intro {
   display: flex;
   align-items: center;
}

.section-marketpage-image-cta .row-intro h2.general-title {
   margin-bottom: 24px !important;
}

.section-marketpage-image-cta .col-image img {
   position: relative;
   width: 125%;
   right: 25%;
}

.section-marketpage-image-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-marketpage-image-cta .request-demo-link img {
   width: auto;
   position: relative;
   left: 0;
   margin-left: 10px;
   transition: all 0.3s ease-in-out;
}

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

/*Section Benefits 2*/
.section-marketpage-benefits.section-marketpage-benefits-second {
   padding-bottom: 120px;
}

.section-marketpage-benefits-second .logos-wrapper-benefits {
   display: grid;
   margin-top: 14px;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   max-width: max-content;
   gap: 28px;
   align-items: center;
}

.section-marketpage-benefits-second .logos-wrapper-benefits img {
   width: auto;
   max-height: 45px;
}

/*Section Accelerates*/
.section-accelerates {
   padding: 120px 0px 120px 0px;
   background: #F8F8F8;
}

/*Section Resources*/
.section-assortment-resources {
   padding-top: 120px;
   padding-bottom: 160px;
   background: #000;
}

.learn-more-post p.title,
.learn-more-post .read-more {
   color: #fff;
}

/*Responsive*/
@media (max-width: 1300px) {
   .percentage-boxes .percentage-box p.title {
      font-size: 55px;
      line-height: 64px;
   }

   .percentage-boxes .percentage-box p.text {
      font-size: 18px;
      line-height: 24px;
   }

   .percentage-boxes .percentage-box p br {
      display: none;
   }
}

@media (max-width: 1100px) {
   .percentage-boxes .percentage-box {
      flex-basis: 31%;
   }

   .award-box {
      justify-content: center;
   }

   .description-boxes {
      gap: 24px;
   }
}

@media (min-width: 992px) {
   .page-content-wrap .logos-wrapper-hero {
      min-width: auto;
      /*min-width: 681px;*/
   }

   .page-content-wrap .logos-wrapper-hero img {
      max-width: 100%;
   }

   .logos-wrapper-hero {
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
      gap: 20px;
   }

}

@media (max-width: 991px) {
   .logos-wrapper-hero img {
      max-height: 45px;
   }

   .page-content-wrap .logos-wrapper-hero {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
   }

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

   .section-toggle-tabs .col-text .inner {
      max-width: 100%;
   }

   .section-toggle-tabs .col-text {
      padding-bottom: 40px;
   }

   .section-percentage-boxes {
      padding-top: 60px;
      padding-bottom: 80px;
   }

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

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

   .description-box {
      flex-basis: calc(50% - 12px);
   }

   .section-marketpage-related-references {
      padding-top: 80px;
      padding-bottom: 80px;
   }

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

   .section-marketpage-benefits.section-marketpage-benefits-second {
      padding-top: 80px;
      padding-bottom: 80px;
   }

   .section-marketpage-related-references .row-intro h2.general-title {
      font-size: 24px;
      line-height: 32px;
   }

   .section-accelerates {
      padding: 80px 0 40px 0;
   }

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

   .marketpage-innovating__slide {
      background: transparent !important;
   }

}


@media (min-width: 769px) {}


@media (max-width: 768px) {
   .section-toggle-tabs {
      padding-top: 60px;
      padding-bottom: 30px;
   }

   .plm-item__description {
      font-size: 16px;
      line-height: 24px;
   }

   .toggle-tab,
   .toggle-tab.active {
      padding: 22px 22px;
   }

   .plm-item__action {
      top: 21px;
      right: 22px;
   }

   .toggle-tab p.title {
      max-width: calc(100% - 30px);
   }

   .section-percentage-boxes {
      padding-top: 40px;
      padding-bottom: 60px;
   }

   .percentage-boxes .percentage-box {
      flex-basis: 48%;
   }

   .percentage-boxes .percentage-box p.text {
      font-size: 16px;
      line-height: 24px;
   }

   .section-percentage-boxes .row-intro {
      margin-bottom: 30px;
   }

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

   .awards {
      margin-top: 30px;
   }

   .row-awards .swiper-advantages {
      overflow: visible;
   }

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

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

   .description-box {
      flex-basis: 100%;
   }

   .section-marketpage-image-cta .col-text {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .section-marketpage-benefits-second .logos-wrapper-benefits {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 17px;
   }

   .section-marketpage-benefits {
      padding-top: 60px;
      padding-bottom: 60px;
   }

   .section-marketpage-benefits.section-marketpage-benefits-second {
      padding-top: 60px;
      padding-bottom: 60px;
   }

   .section-accelerates {
      padding: 60px 0 20px 0;
   }

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

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


@media (max-width: 576px) {
   .page-content-wrap .logos-wrapper-hero img {
      max-height: 35px;
   }

   .percentage-boxes .percentage-box {
      flex-basis: 100%;
      padding: 16px 30px;
      text-align: center;
   }

   .award-box p.text {
      font-size: 14px;
      line-height: 22px;
   }

   .award-box img {
      max-height: 60px;
      width: auto;
   }

}