/*
Centric Planning V4 - SG
*/
/*Top bar*/
.notification-top-bar {
   position: relative;
   color: white;
   display: flex;
   padding: 15px 50px !important;
   text-align: center !important;
   justify-content: center !important;
   position: absolute;
   top: -100px;
   left: 0;
   width: 100%;
   transition: all 0.5s;
   visibility: hidden;
   opacity: 0;
}

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

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

.notification-top-bar.active {
   visibility: visible;
   opacity: 1;
   top: 100px;
}

.notification-top-bar p,
.notification-top-bar a {
   color: white;
   font-size: 14px;
}

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

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


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

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

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

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

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

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

body.top-bar-active .section-planning-hero {
   padding-top: 240px;
}

.section-planning-hero {
   transition: padding-top 0.5s ease-in-out !important;
}

@media (max-width: 991px) {
   body.top-bar-active .section-planning-hero {
      padding-top: 260px;
   }

   .notification-top-bar p,
   .notification-top-bar a {
      font-size: 14px;
   }

   .notification-top-bar {
      padding: 15px 17px !important;
      text-align: left !important;
      justify-content: flex-start !important;
   }

   .notification-top-bar .inner {
      display: flex;
      gap: 6px;
      align-items: center;
      justify-content: space-between;
      width: 100%;
   }

   .notification-top-bar .text-wrapper {
      display: flex;
      gap: 6px;
      flex-direction: column;
      align-items: flex-start;
   }

   .notification-top-bar .close-wrapper {
      position: relative;
      right: 0;
   }

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

}


/*Navigation*/

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

body {
   background-color: #fff;
}


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

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


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




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

:root {
   scroll-behavior: smooth;
}

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

.swiper {
   overflow: hidden;
}

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

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

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

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

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

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


.btn--primary.btn-transparent {
   transition: color 0.1s ease-in 0s, transform 0.25s ease-in-out 0s;
}

.btn--primary.btn-transparent svg {
   position: relative;
   left: 0;
   margin-left: 12px;
   transition: transform 0.5s ease;
}

.btn--primary.btn-transparent:hover {
   transform: translateX(3px);
   box-shadow: none;
}

.btn--primary.btn-transparent:hover svg {
   transform: translateX(12px);
}



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

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

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


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


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

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

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

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

p.subtitle {
   font-size: 20px;
   line-height: 32px;
   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: 1490px) {
   .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: 1130px) and (max-width: 1200px) {
   .container {
      width: 100% !important;
      max-width: 1100px !important;
   }
}

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

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

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

@media (max-width: 768px) {

   .general-title br,
   .text br {
      display: none;
   }
}

/******/

/*Section hero*/
.section-planning-hero {
   padding-top: 120px;
   padding-bottom: 60px;
   background-color: #000;
}

@media (max-width: 991px) {
   .section-planning-hero {
      display: flex;
      flex-direction: column;
      padding-top: 100px;
      padding-bottom: 30px;
   }

   .section-planning-hero .background {
      order: 1;
      margin-bottom: 60px;
      padding-top: 60px;
   }

   .section-planning-hero .container {
      order: 2;
   }

   .section-planning-hero .section-hero-logos {
      order: 3;
   }
}

.section-planning-hero .container {
   position: relative;
}

.section-planning-hero .row-main {
   display: flex;
   align-items: center;
   justify-content: center;
}

.section-planning-hero p.above-title {
   color: #F4F3F1;
}

.section-planning-hero h1.general-title {
   margin-bottom: 25px;
   max-width: 680px;
   margin-left: auto;
   margin-right: auto;
}

@media (max-width: 991px) {
   .section-planning-hero h1.general-title {
      max-width: none;
   }
}

.section-planning-hero h1.general-title span {
   display: inline-block;
   background: linear-gradient(47deg, #0995E3 52.32%, #096BE1 94.35%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.section-planning-hero h2.general-title {
   margin-bottom: 25px;
   font-size: 42px;
   line-height: 55px;
}

.section-planning-hero p.text {
   font-size: 18px;
   line-height: 27px;
   margin-bottom: 0px;
}

@media (max-width: 768px) {
   .section-planning-hero p.text {
      font-size: 16px;
      line-height: 22px;
   }
}

.section-planning-hero .request-demo {
   margin-top: 32px;
   display: inline-block;
   font-size: 20px;
   padding: 10px 20px !important;
}

.section-planning-hero .col-text {
   text-align: center;
}

@media (max-width: 991px) {
   .section-planning-hero .col-text {
      text-align: left;
      padding-top: 20px
   }
}

.section-planning-hero .background {
   position: relative;
}


.section-planning-hero img.img-graph-background {
   width: 100%;
}

.section-planning-hero .img-graph-dot-label {
   font-size: 18px;
   line-height: 27px;
   font-weight: 600;
   color: #fff;
   padding: 20px 24px;
   border-radius: 10px;
   background: linear-gradient(0deg, rgba(9, 107, 225, 0.30) 0%, rgba(9, 107, 225, 0.30) 100%), rgba(0, 0, 0, 0.40);
   box-shadow: 17px 17px 17px 0px rgba(0, 0, 0, 0.10);
   backdrop-filter: blur(20px);
   display: flex;
   align-items: center;
   gap: 10px;
   position: absolute;
}

.section-planning-hero .img-graph-dot-label span {
   font-size: 28px;
   font-style: normal;
   font-weight: 600;
   background: linear-gradient(47deg, #FFF 4.1%, #0995E3 52.32%, #096BE1 94.35%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.section-planning-hero .img-graph-dot-label-1 {
   top: 53%;
   left: 8%;
}

.section-planning-hero .img-graph-dot-label-2 {
   top: 0;
   right: 67.5%;
}

.section-planning-hero .img-graph-dot-label-3 {
   top: 59%;
   left: 44%;
}

.section-planning-hero .img-graph-dot-label-4 {
   top: 0;
   right: 13.5%;
}

.section-planning-hero .img-graph-darker-label {
   border-radius: 6px;
   background: linear-gradient(221deg, #071D3A 38.28%, #022238 76.87%);
   padding: 11px 10px;
   justify-content: center;
   align-items: center;
   gap: 10px;
   color: rgba(167, 190, 220, .6);
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   text-transform: uppercase;
   position: absolute;
}

.section-planning-hero .img-graph-darker-label-1 {
   top: 81%;
   left: 31%;
}

.section-planning-hero .img-graph-darker-label-2 {
   top: 19%;
   left: 40.5%;
}

.section-planning-hero .img-graph-darker-label-3 {
   top: 58%;
   right: 15.8%;
}

@media (max-width: 1300px) {
   .section-planning-hero .img-graph-dot-label {
      padding: 16px 18px;
      font-size: 16px;
      line-height: 24px;
   }

   .section-planning-hero .img-graph-dot-label span {
      font-size: 22px;
      line-height: 30px;
   }

   .section-planning-hero .img-graph-darker-label {
      padding: 8px;
      font-size: 14px;
      line-height: 20px;
   }
}

@media (max-width: 1100px) {
   .section-planning-hero .img-graph-dot-label-1 {
      left: 5%;
      top: 49%;
   }

   .section-planning-hero .img-graph-dot-label-2 {
      right: auto;
      left: 4%;
   }

   .section-planning-hero .img-graph-dot-label-3 {
      left: 50%;
   }

   .section-planning-hero .img-graph-dot-label-4 {
      top: 0;
      right: 10%;
   }

   .section-planning-hero .img-graph-darker-label-1 {
      top: 83%;
   }

   .section-planning-hero .img-graph-darker-label-2 {
      top: 20%;
   }

   .section-planning-hero .img-graph-darker-label-3 {
      top: 45%;
      right: 7%;
   }
}

@media (max-width: 991px) {
   .section-planning-hero .img-graph-dot-label-2 {
      top: 10%
   }

   .section-planning-hero .img-graph-dot-label-3 {
      top: 63%;
      left: auto;
      right: 4%;
   }

   .section-planning-hero .img-graph-dot-label-4 {
      top: 12%;
      left: auto;
      right: 6%;
   }

   .section-planning-hero .img-graph-darker-label-1 {
      top: 80%;
   }

   .section-planning-hero .img-graph-darker-label-2 {
      top: 30%;
   }

   .section-planning-hero .img-graph-darker-label-3 {
      top: 45%;
      right: 7%;
   }
}

@media (max-width: 768px) {
   .section-planning-hero .img-graph-dot-label {
      padding: 12px 16px;
      font-size: 14px;
      line-height: 18px;
      border-radius: 4px;
   }

   .section-planning-hero .img-graph-dot-label span {
      font-size: 18px;
      line-height: 26px;
   }

   .section-planning-hero .img-graph-darker-label {
      padding: 7px;
      font-size: 12px;
      line-height: 18px;
   }
}

@media (max-width: 600px) {
   .section-planning-hero .img-graph-dot-label {
      padding: 9px;
      font-size: 10px;
      line-height: 12px;
   }

   .section-planning-hero .img-graph-dot-label span {
      font-size: 13px;
      line-height: 17px;
   }

   .section-planning-hero .img-graph-darker-label {
      padding: 6px;
      font-size: 10px;
      line-height: 13px;
   }

   .section-planning-hero .img-graph-dot-label-2 {
      top: 5%
   }

   .section-planning-hero .img-graph-darker-label-1 {
      top: 80%;
   }

   .section-planning-hero .img-graph-darker-label-2 {
      top: 28%;
   }

   .section-planning-hero .img-graph-darker-label-3 {
      top: 40%;
   }
}

@media (max-width: 420px) {
   .section-planning-hero .img-graph-dot-label-1 {
      top: 58%;
   }

   .section-planning-hero .img-graph-dot-label-2 {
      top: 0%;
      left: 10.5%;
      right: auto;
   }

   .section-planning-hero .img-graph-dot-label-3 {
      top: 75%;
   }

   .section-planning-hero .img-graph-dot-label-4 {
      top: 18%;
   }

   .section-planning-hero .img-graph-darker-label-1 {
      top: 93%;
   }

   .section-planning-hero .img-graph-darker-label-2 {
      top: 34%;
   }

   .section-planning-hero .img-graph-darker-label-3 {
      top: 46%;
   }
}

.section-planning-hero::before {
   content: '';
   display: block;
   position: absolute;
   pointer-events: none;
   z-index: 0;
   left: 50%;
   top: 0;
   transform: translate(-50%, 0);
   width: 1600px;
   height: 826px;
   flex-shrink: 0;
   border-radius: 1600px;
   opacity: 0.2;
   background: linear-gradient(267deg, #0995E3 0%, #096BE1 100%);
   filter: blur(225px);
}

@media (max-width: 991px) {
   .section-planning-hero::before {
      z-index: 1;
   }

   .section-planning-hero .background>div,
   .section-planning-hero .container {
      z-index: 2;
   }
}



/*Section hero logos */
.section-hero-logos .logos-wrapper {
   overflow: hidden;
}

.section-hero-logos .logo-grid {
   display: flex;
   -webkit-box-pack: center;
   justify-content: center;
   flex-shrink: 0;
   animation: 40s linear 0s infinite normal none running infiniteLoop;
   gap: 0 15px;
   flex-wrap: wrap;
   margin-right: 15px;
}

@media (min-width:992px) {
   .section-hero-logos .logo-grid {
      max-width: none !important;
   }
}

.section-hero-logos .logo-brands-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
   position: relative;
   transform: translateX(-25%);
}

.section-hero-logos .col-logos {
   margin-top: 60px;
}

@media (max-width: 991px) {
   .section-hero-logos .col-logos {
      margin-top: 50px;
      padding-top: 16px;
      border-top: 1px solid rgba(255, 255, 255, 0.30);
   }
}

.section-hero-logos .logo-grid img {
   display: block;
   width: 118px;
}


@keyframes infiniteLoop {
   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 next generation */
.section-next-generation {
   padding-top: 140px;
   padding-bottom: 120px;
   background: linear-gradient(180deg, rgba(241, 242, 245, 0.60) 7.22%, rgba(241, 242, 245, 0.00) 69.83%), #FFF;
}

.section-next-generation .row-intro {
   margin-bottom: 80px;
   margin-left: auto;
   margin-right: auto;
}

.section-next-generation .row-main {
   margin-left: auto;
   margin-right: auto;
}

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

.section-next-generation .row-intro p.text {
   color: #556171;
}

.section-next-generation .tabs-wrapper {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 26px 40px;
}

.section-next-generation .tabs-wrapper>div:nth-child(3n+1),
.section-next-generation .tabs-wrapper>div:nth-child(3n+3) {
   margin-top: 40px;
}

.section-next-generation .tabs-wrapper>div:nth-child(3n+2) {
   margin-bottom: 40px;
}

.section-next-generation .specific-tab {
   padding: 30px 30px 60px 30px;
   background: #FFF;
   box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.05);
   border-radius: 0;
}

.section-next-generation .specific-tab img.icon {
   height: 64px;
   width: auto;
   margin-bottom: 24px;
   margin-top: 10px;
}

.section-next-generation .specific-tab p.title {
   color: #096BE1;
   letter-spacing: 0.02em;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   text-transform: uppercase;
}

.section-next-generation .specific-tab p.text {
   color: #556171;
}

.section-next-generation .tabs-wrapper .specific-tab {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
}


.section-next-generation .specific-tab.tab-cta {
   padding: 70px;
   border-top: 8px solid #0995E3;
}

.section-next-generation .specific-tab.tab-cta .title {
   color: #627A99;
   font-size: 16px;
   line-height: 24px;
}

.section-next-generation .specific-tab.tab-cta .text {
   color: #212F41;
   font-size: 22px;
   line-height: 34px;
}

.section-next-generation .tab-cta .request-demo {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #096BE1;
   cursor: pointer;
   text-decoration: none;
   gap: 12px;
}

.section-next-generation .tab-cta .request-demo img {
   position: relative;
   left: 0;
   margin-left: 10px;
   transition: all 0.3s ease-in-out;
   width: 24px;
}

.section-next-generation .tab-cta .request-demo:hover img {
   left: 10px;
}

@media (max-width: 1240px) {
   .section-next-generation .specific-tab.tab-cta {
      padding: 40px;
   }

   .section-next-generation .specific-tab.tab-cta .text {
      font-size: 20px;
      line-height: 32px;
   }
}

@media (max-width: 1100px) {
   .section-next-generation .tabs-wrapper {
      grid-template-columns: 1fr 1fr;
   }

   .section-next-generation .tabs-wrapper>div {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
   }
}

@media (max-width: 991px) {
   .section-next-generation {
      padding-top: 80px;
      padding-bottom: 80px
   }

   .section-next-generation .row-intro {
      margin-bottom: 40px;
   }

   .section-next-generation .tabs-wrapper {
      flex-direction: column;
   }


   .section-next-generation .tab-header {
      display: flex;
      align-items: center;
      gap: 20px;
   }

   .section-next-generation .specific-tab p.title {
      font-size: 18px;
      margin-bottom: 15px;
   }

   .section-next-generation .specific-tab img.icon {
      height: 52px;
      margin-top: 0;
   }

   .section-next-generation .text-center.col.col-12 {
      text-align: left;
   }

   .section-next-generation .tabs-wrapper {
      gap: 16px;
   }

   .section-next-generation {
      padding-bottom: 40px;
   }
}

@media (max-width: 768px) {
   .section-next-generation .tabs-wrapper {
      grid-template-columns: 1fr;
   }

   .section-next-generation {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .section-next-generation .row-intro h2.general-title {
      font-size: 24px;
      line-height: 28px;
   }

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

   .section-next-generation .row-intro {
      margin-bottom: 48px;
   }

   .section-next-generation .specific-tab p.title {
      font-size: 16px;
   }

   .section-next-generation .specific-tab {
      padding: 28px 20px 40px;
   }

   .section-next-generation .specific-tab img.icon {
      height: 32px;
      margin-bottom: 12px;
   }

   .section-next-generation .specific-tab p.text {
      font-size: 14px;
   }

   .section-next-generation .tabs-wrapper {
      gap: 24px;
   }
}

@media (max-width: 640px) {
   .section-next-generation .tabs-wrapper {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
   }
}

@media (min-width: 992px) {
   .section-next-generation div.row.row-main div.col.col-tabs {
      padding: 0;
   }

   .section-next-generation .row.row-intro .text-center.col.col-12 {
      max-width: 90%;
      margin: 0 auto;
   }
}

.section-next-generation div.row.row-main div.col.col-tabs+.btn {
   margin-top: 32px;
}


/*Section testimonial / 1 */
.section-testimonial .swiper-slide {
   display: block;
   height: auto;
}

.section-testimonial .swiper-slide>div {
   min-height: 600px;
   align-items: stretch;
   display: flex;
   height: 100%;
   background: #000;
}

.section-testimonial .swiper-slide>div>img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   opacity: .65;
}

.section-testimonial .what-customers-are-saying {
   color: #FFF;
   font-size: 42px;
   font-style: normal;
   font-weight: 600;
   line-height: 132%;
   width: 50%;
   position: relative;
   z-index: 2;
   padding: 140px 215px 140px 120px;
}

.section-testimonial .what-customers-are-saying>div {
   max-width: 480px;
}

.section-testimonial .what-customers-are-saying svg {
   margin: 60px 0;
}

.section-testimonial .slide__controls {
   display: flex !important;
   top: 455px;
   left: 120px;
   width: 200px;
   height: auto;
   gap: 55px;
   transform: none;

}

.section-testimonial .slide__control {
   background: transparent;
   border: 1px solid #fff;
   backdrop-filter: blur(5px);
   transition: all 0.5s;
}

.section-testimonial .slide__controls .swiper-button-disabled {
   opacity: 0.5;
}

.section-testimonial .slide__control svg {
   left: 0;
   width: 32px !important;
   position: relative;
   transition: all 0.3s;
}

.section-testimonial .slide__control:hover {
   backdrop-filter: blur(10px);
}

.section-testimonial .slide__control:hover svg {
   left: 5px;
   flex-shrink: 0;
}

.section-testimonial .testimonial-section {
   background: linear-gradient(90deg, rgba(0, 0, 0, 0.40) 35.5%, rgba(0, 0, 0, 0.00) 100%);
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   padding: 60px 120px 60px 60px;
   width: 50%;
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 40px;
   color: #fff;
}

.section-testimonial .testimonial-wrapper {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 40px;
   color: #fff;
   max-width: 660px;
}

.section-testimonial .slide-logo {
   width: auto;
   min-height: unset;
}

.section-testimonial p.quote-text {
   font-size: 18px;
   font-weight: 400;
   line-height: 27px;
   color: #FFF;
}

.section-testimonial p.quote-author {
   font-size: 18px;
   font-weight: 700;
   line-height: 27px;
   color: #FFF;
}

.section-testimonial p.quote-author .author {
   display: flex;
   flex-direction: column;
   gap: 15px;
   color: #FFF;
}

.section-testimonial span.author-job {
   color: rgba(255, 255, 255, 0.70);
   font-size: 18px;
   font-weight: 400;
   line-height: 25px;
}

.section-testimonial .testimonial-benefits {
   background: rgba(255, 255, 255, 0.16);
   backdrop-filter: blur(20px);
   display: flex;
   flex-wrap: wrap;
}

.section-testimonial .testimonial-benefit {
   width: 100%;
   padding: 20px 30px;
}

.section-testimonial .testimonial-benefit:not(:first-child) {
   border-top: 1px solid rgba(255, 255, 255, 0.20);
}

.section-testimonial .testimonial-benefit.half {
   width: 50%;
}

.section-testimonial .testimonial-benefit.half.first-benefit {
   border-right: 1px solid rgba(255, 255, 255, 0.20);
}

.section-testimonial .benefit-label {
   color: rgba(255, 255, 255, 0.40);
   font-size: 18px;
   font-weight: 400;
   line-height: 25px;
}

.section-testimonial .benefit-heading {
   color: #FFF;
   font-size: 20px;
   font-weight: 600;
   line-height: 26px;
   display: flex;
   align-items: center;
}

.section-testimonial .benefit-heading svg {
   margin: 0 15px;
}

.section-testimonial .benefit-heading.number {
   font-size: 24px;
   line-height: 31px;
}

.section-testimonial .benefit-text {
   color: #FFF;
   font-size: 18px;
   font-weight: 400;
   line-height: 25px;
}

@media (max-width: 1500px) {

   .section-testimonial .testimonial-section,
   .section-testimonial .what-customers-are-saying {
      padding-right: 60px;
      padding-left: 60px;
   }

   .section-testimonial .slide__controls {
      left: 60px;
   }
}

@media (max-width: 1100px) {
   .section-testimonial .what-customers-are-saying {
      font-size: 36px;
   }

   .section-testimonial .testimonial-section,
   .section-testimonial .what-customers-are-saying {
      padding: 40px;
   }

   .section-testimonial .slide__controls {
      left: 40px;
      width: auto;
   }


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

   .section-testimonial p.quote-author {
      font-size: 16px;
      line-height: 24px;
   }

   .section-testimonial span.author-job {
      font-size: 16px;
      line-height: 24px;
   }


   .section-testimonial .testimonial-benefit {
      padding: 15px 20px;
   }

   .section-testimonial .benefit-label {
      font-size: 14px;
      line-height: 20px;
   }

   .section-testimonial .benefit-heading,
   .section-testimonial .benefit-text {
      font-size: 15px;
      line-height: 24px;
   }

   .section-testimonial .benefit-heading.number {
      font-size: 18px;
      line-height: 26px;
   }
}

@media (max-width: 990px) {
   .section-testimonial {
      padding-bottom: 40px;
   }

   .section-testimonial .swiper-slide>div {
      min-height: none;
      flex-direction: column;
      background: linear-gradient(179deg, rgba(0, 0, 0, 0.50) 64.88%, rgba(0, 0, 0, 0.00) 99.11%), linear-gradient(180deg, rgba(255, 255, 255, 0.00) 15.96%, rgba(0, 0, 0, 0.42) 49.8%, rgba(0, 0, 0, 0.48) 87.47%, rgba(255, 255, 255, 0.00) 95.32%), linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url(https://www.centricsoftware.com/wp-content/themes/centricSoftware/style/<path-to-image>) lightgray 50% / cover no-repeat, #D9D9D9;
      background-blend-mode: normal, normal, luminosity, normal, normal;
   }

   .section-testimonial .testimonial-section,
   .section-testimonial .what-customers-are-saying {
      width: 100%;
   }

   .section-testimonial .testimonial-wrapper {
      max-width: 100%;
   }

   .section-testimonial .slide__controls {
      display: none !important;
   }

   .section-testimonial .what-customers-are-saying {
      flex-grow: 1;
      font-size: 28px;
   }

   .section-testimonial .what-customers-are-saying svg {
      display: none;
   }

   .section-testimonial .testimonial-section {
      background: none;
      box-shadow: none;
   }

   .section-testimonial .testimonial-benefits {
      margin-left: -40px;
      margin-right: -40px;
      margin-bottom: -40px;
   }

   .section-testimonial .testimonial-benefit {
      padding: 10px 40px;
   }
}

@media (max-width: 768px) {
   .section-testimonial .testimonial-wrapper {
      gap: 32px;
   }

   .section-testimonial .testimonial-section,
   .section-testimonial .what-customers-are-saying {
      padding: 24px
   }

   .section-testimonial .what-customers-are-saying {
      font-size: 20px;
   }

   .section-testimonial .testimonial-benefits {
      margin-left: -24px;
      margin-right: -24px;
      margin-bottom: -24px;
   }

   .section-testimonial .testimonial-benefit {
      padding: 24px;
   }

   .section-testimonial p.quote-text {
      font-size: 14px;
      line-height: 20px;
   }

   .section-testimonial p.quote-author {
      font-size: 14px;
      line-height: 20px;
   }

   .section-testimonial span.author-job {
      font-size: 14px;
      line-height: 20px;
   }

   .section-testimonial .benefit-label {
      font-size: 12px;
      line-height: 17px;
   }

   .section-testimonial .benefit-heading {
      font-size: 12px;
      line-height: 17px;
   }

   .section-testimonial .benefit-text {
      font-size: 15px;
      line-height: 19px;
   }

   .section-testimonial .benefit-heading.number {
      font-size: 18px;
      line-height: 26px;
   }

   .section-testimonial p.quote-author .author {
      gap: 4px;
   }
}




/*Section discover our modules*/
.section-discover-modules {
   background: #000000;
   padding-top: 140px;
   padding-bottom: 140px;
   overflow: hidden;
   position: relative;
}

.section-discover-modules .container {
   position: relative;
   z-index: 1;
}

.section-discover-modules::before {
   content: '';
   display: block;
   background: #096BE1;
   opacity: 0.15;
   filter: blur(100.3499984741211px);
   height: 700px;
   width: 803px;
   position: absolute;
   top: -350px;
   pointer-events: none;
   z-index: 0;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
}

.section-discover-modules .row-intro {
   max-width: 850px;
   margin-left: auto;
   margin-right: auto;
}

.section-discover-modules .row-navigation {
   margin-top: 90px;
}

.section-discover-modules .modules-nav {
   display: flex;
   align-items: flex-end;
   gap: 30px;
   justify-content: center;
}

.section-discover-modules .pre-title {
   color: #FFF;
   font-size: 14px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 0.42px;
   text-transform: uppercase;
   opacity: 0.5;
   margin-bottom: 12px
}

.section-discover-modules .pre-title br {
   display: none;
}

.section-discover-modules .col-modules .choose-tab-wrapper {
   max-width: 60%;
}

.section-discover-modules .col-navigation {
   padding-right: 0;
}

.section-discover-modules .col-navigation .choose-tab-wrapper {
   visibility: hidden;
   margin-bottom: 40px;
}

.section-discover-modules .choose-tab-wrapper .choose-tab {
   border-bottom: 1px solid #fff0;
}

.section-discover-modules .choose-tab-wrapper .choose-tab.active,
.choose-tab-wrapper .choose-tab:hover {
   border-bottom: 1px solid #2785FF !important;
}

.section-discover-modules .choose-tab-wrapper .choose-tab:not(.active) {
   opacity: 0.6;
}

@media (max-width: 991px) {
   .section-discover-modules .col-modules .choose-tab-wrapper {
      display: none;
   }

   .section-discover-modules .col-navigation .choose-tab-wrapper {
      visibility: visible;
      margin-bottom: 20px;
   }

   .section-discover-modules .choose-tab-wrapper .choose-tab:not(.active) {
      opacity: 1;
   }
}

.modules-nav-item {
   transition: all 0.3s;
   padding-top: 20px;
   padding-bottom: 20px;
   cursor: pointer;
   width: 100%;
   max-width: max-content;
}

.modules-nav-item p.title {
   text-align: center;
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 12px;
   padding-left: 15px;
   padding-right: 15px;
}

.modules-nav-item span.border {
   width: 100%;
   height: 2px;
   background: #212F41;
   display: block;
   margin: 0 auto;
   transition: all 0.3s;
}

.modules-nav-item.active,
.modules-nav-item:hover {
   padding-left: 10px;
   padding-right: 10px;
   background: #212F41;
}

.modules-nav-item.active p.title {
   font-weight: 600;
}

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

.mobile-content {
   display: none;
}

@media (max-width: 991px) {
   .modules-nav-item svg.d-md-none {
      display: block;
   }

   .modules-nav-item.show:not(:first-of-type) {
      border-top: 1px solid #333;
   }

   .modules-nav-item.show.active+div+.modules-nav-item {
      border-top: 1px solid transparent;
   }

   .modules-nav-item.active p.title {
      color: #fff;
   }

   .modules-nav-item.show.active+.mobile-content {
      display: flex;
      flex-direction: column;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
      padding: 30px 12px;
      width: 100%;
   }

   .mobile-content .main-content-img {
      border-radius: 6px;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%), rgba(255, 255, 255, 0.20);
      margin-top: 24px;
   }

   .mobile-content .pre-title {
      font-size: 14px;
      line-height: 24px;
      font-weight: 400;
      letter-spacing: 0.42px;
   }

   .mobile-content .general-title {
      font-size: 14px !important;
      line-height: 24px !important;
      font-weight: 600;
      letter-spacing: 0.42px;
      margin-bottom: 24px;
   }

   .mobile-content .text {
      font-size: 14px;
      line-height: 19px;
   }
}


/*Main content to show*/
.section-discover-modules .row-tabs {
   margin-top: 70px
}

.section-discover-modules .row-tabs .col-content {
   padding-top: 100px;
}

.section-discover-modules .row-tabs .col-content .inner {
   max-width: 570px;
   margin-right: auto;
   margin-left: 0;
}

.section-discover-modules .row-tabs .col-content h2.general-title {
   margin-bottom: 30px;
}

.section-discover-modules .row-tabs .col-content p.text {
   font-size: 22px;
   line-height: 34px;
}


.row-main-content {
   display: none;
   min-height: 770px;
}


.row-main-content .secondary-content-btn {
   margin-top: auto !important;
}

.row-main-content.active {
   display: flex;
}


.row-main-content[data-main-section="main-section-1"] .secondary-content-btn {
   margin-top: 80px;
}

.bg-svg-one {
   position: absolute;
   width: auto !important;
   right: -56%;
   top: -9%;
}

.bg-svg-two {
   position: absolute;
   width: auto !important;
   right: 47%;
   bottom: -24%;
}

.bg-svg-five {
   position: absolute;
   max-width: 1100px;
   min-width: 1100px;
   right: -9%;
   bottom: 27%;
}

.row-main-content .secondary-content-btn {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin-right: 0;
   transition: all 0.3s;
   cursor: pointer;
   /* margin-top: 80px;*/
}

.row-main-content .secondary-content-btn span {
   color: white;
   font-size: 24px;
   line-height: 32px;
   font-weight: 400;
   margin-right: 20px;
}

.row-main-content .secondary-content-btn img.arrow-image {
   width: auto;
   max-width: 72px;
   position: relative;
   transition: all 0.3s;
   left: 0px;
}

.row-main-content .secondary-content-btn:hover img.arrow-image {
   transition: all 0.3s;
   left: 12px;
}




/* Section Drive Precision */

.section-drive-precision {
   background-color: #FBFBFC;
   padding-top: 120px;
   padding-bottom: 120px;
}

.section-drive-precision .col-content {
   padding-left: 30px
}

.section-drive-precision .general-title {
   max-width: 550px;
   margin-bottom: 24px;
}

.section-drive-precision .general-text {
   margin-bottom: 36px;
   color: #212F41;
   font-size: 18px;
   font-style: normal;
   line-height: 28px;
}

.section-drive-precision .col-arc {
   position: relative;
   height: 100%;
   min-height: 800px;
   overflow: hidden;
   margin-bottom: -120px;
}

.section-drive-precision .step-title {
   color: #000;
   font-weight: 600;
   font-size: 28px;
   line-height: 37px;
   opacity: 0.5;
   transform: scale(.7);
   display: flex;
   transform-origin: calc(100% - 64px) 20px;
   transition: all .3s ease;
   cursor: pointer;
}

.section-drive-precision .step-title.active circle {
   outline: 2px solid #096be1;
   outline-offset: 3px;
   border-radius: 100%;
}

.section-drive-precision .step-title:not(.active) svg {
   animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
   0% {
      transform: scale(1);
   }

   50% {
      transform: scale(1.6);
   }

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

.section-drive-precision .step-title:hover {
   color: #1F7EF6;
   opacity: 1;
}

.section-drive-precision .step-title>span {
   max-width: 370px;
}

.section-drive-precision .step-title svg {
   margin-top: -40px;
   margin-left: -20px;
}

.section-drive-precision .step-title.active {
   opacity: 1;
   transform: scale(1)
}

.section-drive-precision .step-1-title {
   position: absolute;
   top: 312px;
   right: -1px;
}

.section-drive-precision .step-2-title {
   position: absolute;
   top: 596px;
   right: -32px;
}


.section-drive-precision .arc-desktop {
   position: absolute;
   width: 1062px;
   height: 1062px;
   top: 0;
   right: 0;
}

.section-drive-precision .drive-boxes-container {
   margin-top: 59px;
   position: relative;
}

.section-drive-precision .drive-boxes {
   gap: 20px;
   grid-template-columns: 1fr 1fr;
   display: grid;
   position: absolute;
   top: 0;
   width: 100%;
   pointer-events: none;
}

.section-drive-precision .drive-boxes.active {
   pointer-events: all;
   position: relative;
}

.section-drive-precision .drive-box {
   padding: 20px;
   display: flex;
   flex-direction: column;
   gap: 12px;
   background-color: #F1F2F5;
   opacity: 0;
   transform: translatey(15px);
   transition: opacity .2s ease-in, transform .3s ease-in-out;
}

.section-drive-precision .drive-boxes.active .drive-box {
   opacity: 1;
   transform: translatey(0);
}

.section-drive-precision .drive-boxes.active .drive-box:nth-child(1) {
   transition-delay: .3s;
}

.section-drive-precision .drive-boxes.active .drive-box:nth-child(2) {
   transition-delay: .4s;
}

.section-drive-precision .drive-boxes.active .drive-box:nth-child(3) {
   transition-delay: .5s;
}

.section-drive-precision .drive-boxes.active .drive-box:nth-child(4) {
   transition-delay: .6s;
}

.section-drive-precision .drive-boxes.active .drive-box:nth-child(5) {
   transition-delay: .7s;
}

.section-drive-precision .drive-boxes.active .drive-box:nth-child(6) {
   transition-delay: .8s;
}

.section-drive-precision .drive-boxes.active .drive-box:nth-child(7) {
   transition-delay: .9s;
}

.section-drive-precision .drive-boxes.active .drive-box:nth-child(8) {
   transition-delay: 1s;
}

.section-drive-precision .drive-box .title {
   font-size: 16px;
   font-weight: 600;
   line-height: 22px;
   text-transform: uppercase;
   background: linear-gradient(267deg, #0995E3 0%, #096BE1 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.section-drive-precision .drive-box .text {
   color: #000;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
}

.drive-boxes-container .step-title {
   display: none;
}

@media (max-width: 1200px) {
   .section-drive-precision .col-arc {
      display: none;
   }

   .section-drive-precision .col-content {
      width: 100%;
      padding-left: 0;
   }

   .section-drive-precision .drive-boxes {
      pointer-events: all;
      position: relative;
   }

   .section-drive-precision .drive-box {
      opacity: 1;
      transition: translatey(0);
   }

   .drive-boxes-container .step-title {
      display: block;
      color: #000;
      font-size: 18px;
      font-weight: 600;
      line-height: 25px;
      margin-bottom: 38px;
      scale: 1;
      transform: none;
      opacity: 1;
   }

   .drive-boxes-container .drive-boxes+.step-title {
      margin-top: 50px;
   }
}

@media (max-width: 1100px) {
   .section-drive-precision {
      padding-top: 80px;
      padding-bottom: 80px;
   }
}

@media (max-width: 991px) {
   .section-drive-precision {
      padding-top: 60px;
      padding-bottom: 60px;
   }
}

@media (max-width: 768px) {
   .section-drive-precision .general-text {
      font-size: 14px;
      line-height: 21px;
   }

   .section-drive-precision {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .section-drive-precision .general-title {
      font-size: 20px;
      line-height: 28px;
   }

   .section-drive-precision .drive-boxes {
      gap: 12px;
      grid-template-columns: 1fr;
   }
}

/*Section powerful solutions*/
.section-powerful-solutions {
   padding-top: 160px;
   padding-bottom: 160px;
}

.section-powerful-solutions .row {
   margin-left: auto;
   margin-right: auto;
}

.section-powerful-solutions h2.general-title {
   font-weight: 700;
   font-size: 60px;
   line-height: normal;
   background: var(--Style, linear-gradient(267deg, #0995E3 0%, #096BE1 100%));
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-bottom: 48px;
}

.section-powerful-solutions p.general-text {
   color: #556171;
   font-size: 18px;
   line-height: 28px;
}

.section-powerful-solutions .row-intro {
   margin-bottom: 50px;
}

.section-powerful-solutions .col-solutions .specific-solution:not(:first-child) {
   margin-top: 40px;
}

.section-powerful-solutions .specific-solution img.check-circle {
   width: 100%;
   max-width: 24px;
}

.section-powerful-solutions .specific-solution p {
   font-size: 16px;
   line-height: 28px;
   color: #212F41;
}

.section-powerful-solutions .specific-solution p.title {
   font-size: 18px;
   font-weight: 600;
}

@media (max-width:768px) {
   .section-powerful-solutions p.general-text {
      font-size: 14px;
      line-height: 21px;
   }
}

/* Section success story two*/
.section-success-story.story-two .row-main {
   padding-top: 90px;
}

.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 .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 .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 Brands / Logos */

.section-logos-brands {
   padding-top: 100px;
   padding-bottom: 170px;
}


.section-logos-brands h2.general-title {
   margin-bottom: 30px;
   font-size: 32px;
   line-height: 42px;
}

.section-logos-brands p.text {
   max-width: 640px;
   margin-left: auto;
   margin-right: auto;
   font-size: 18px;
   line-height: 28px;
}

.section-logos-brands .row-main {
   margin-left: auto;
   margin-right: auto;
   overflow: visible;
}

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

/*Section hero logos */
.section-logos-brands .logo-grid {
   display: flex;
   -webkit-box-pack: center;
   justify-content: center;
   flex-shrink: 0;
   gap: 0 15px;
   flex-wrap: wrap;
}

.section-logos-brands .logo-brands-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 60px;
   position: relative;
   overflow: hidden;
}

.section-logos-brands .logo-grid img {
   display: block;
   width: 118px;
}

@media (min-width:1200px) {
   .section-logos-brands .logo-grid {
      display: grid;
      max-width: 100% !important;
      align-items: center;
   }

   .section-logos-brands .logo-grid:not(:first-child) {
      display: none;
   }

   .section-logos-brands .logo-grid img {
      max-width: 100%;
   }
}

@media (max-width:1199px) {
   .section-logos-brands .logo-brands-wrapper {
      overflow: visible;
      transform: translateX(-25%);
   }

   .section-logos-brands .logo-grid {
      animation: 40s linear 0s infinite normal none running infiniteLoop;
   }
}

@media (max-width:991px) {


   .section-logos-brands .row-logos::before {
      background: linear-gradient(to right, #F7F7F9, rgb(255 255 255 / 0%));
   }

   .section-logos-brands .row-logos::after {
      background: linear-gradient(to left, #F7F7F9, rgb(255 255 255 / 0%));
   }
}

@media (max-width: 768px) {
   .section-logos-brands .marketpage-innovating-logos-wrapper {
      margin: 30px auto;
   }
}


/*Section Planning resources / Posts*/
.section-planning-resources {
   padding-top: 100px;
   padding-bottom: 100px;
}

.section-planning-resources .container {
   max-width: 1182px !important;
}

.section-planning-resources .row-intro h2.general-title {
   font-size: 32px;
   line-height: 44px;
}

.section-planning-resources .row-main {
   margin-top: 70px;
}

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

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

.section-planning-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: 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;
}

.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 Solutions*/
.section-marketpage-centric-solutions {
   background: #000;
   padding-top: 120px;
   padding-bottom: 120px;
   position: relative;
   overflow: hidden;
}

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

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

.section-marketpage-centric-solutions .row-intro {
   max-width: 1040px;
   margin-left: auto;
   margin-right: auto;
}

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

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

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

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

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

}

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

.marketpage-slider__container {
   overflow: visible;
}

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

.marketpage-slider-box.swiper-slide::after {
   content: '';
   border-radius: 466.195px;
   background: rgba(0, 69, 255, 0.80);
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   filter: blur(180px);
   opacity: 0.5;
   position: absolute;
   top: 0;
   height: 100%;
   width: 80%;
   right: -20%;
   pointer-events: none;
}

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

.marketpage-slider-box {
   background: rgba(98, 122, 153, 0.2);
   padding: 33px 22px;
}

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

.marketpage-slider-box p.text {
   color: #F4F3F1;
   margin-bottom: 26px;
}

.marketpage-slider-box a.learn-more-transparent {
   color: white;
   letter-spacing: 0.32px;
   margin-top: auto;
}

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

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

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

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

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

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

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

/*Section Marketpage Benefits two*/
.section-visual-boards-benefits.section-visual-boards-benefits-second {
   padding-top: 120px;
   padding-bottom: 60px;
}

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

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

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

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

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


/*Section discover Centric Solutions*/

.section-discover-solutions {
   background: #000000;
   padding-top: 90px;
   padding-bottom: 100px;
}

.section-discover-solutions .row-intro {
   display: flex;
   align-items: center;
}

.section-discover-solutions .row-intro .col-content {
   padding-right: 40px;
}

.section-discover-solutions .row-intro h2.general-title {
   font-size: 40px;
   line-height: 48px;
   margin-bottom: 20px;
}

.section-discover-solutions .row-intro p.text {
   font-size: 23px;
   line-height: 30px;
}

.section-discover-solutions .solutions-img-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
}

.section-discover-solutions .solutions-img-grid img {
   transform: scale(2.85);
   pointer-events: none;
}

.section-discover-solutions .row-solutions {
   margin-top: 80px;
}

.section-discover-solutions .row-solutions .solutions-wrapper {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 60px;
}

.section-discover-solutions .solutions-wrapper .specific-solution {
   display: flex;
   flex-direction: column;
}

.section-discover-solutions .solutions-wrapper .specific-solution p.text {
   font-size: 18px;
   line-height: 28px;
   margin-bottom: 40px;
}

.section-discover-solutions .solutions-wrapper .specific-solution .btn--primary.request-demo {
   margin-top: auto !important;
}

.section-discover-solutions .specific-solution p.above-title {
   margin-bottom: 20px;
}

.section-discover-solutions .specific-solution h2.general-title {
   margin-bottom: 20px;
}


/*Responsive*/
.d-none {
   display: none !important;
}

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

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


@media (max-width: 1600px) {

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

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

   img.bg_group1_1 {
      max-width: 500px;
   }

   img.bg_group1_2 {
      max-width: 200px;
   }

   img.bg_group2_1 {
      max-width: 170px;
   }

   img.bg_group2_2 {
      max-width: 700px;
   }

   img.bg_group2_3 {
      max-width: 350px;
   }

   img.bg_group2_3_2,
   img.bg_group2_3_1 {
      display: none;
   }

   img.bg_group3_1 {
      max-width: 450px;
   }

   img.bg_group3_2 {
      width: 600px;
      max-width: 600px;
      left: -250px;
      top: -177px;
   }

   img.bg_group3_3 {
      max-width: 380px;
   }

   img.bg_group5_1 {
      max-width: 600px !important;
   }

   img.bg_group5_2 {
      max-width: 200px;
   }

   img.bg_group5_3 {
      left: -3%;
      max-width: 600px;
   }

   img.bg_group6_1 {
      max-width: 400px;
   }

   img.bg_group6_2 {
      max-width: 720px !important;
   }

   img.bg_group6_3 {
      max-width: 500px;
      left: -200px;
      bottom: -87px;
   }
}

@media (max-width: 1550px) {
   .section-discover-modules .row-tabs .col-content p.text {
      font-size: 18px;
      line-height: 28px;
   }

   .row-main-content {
      min-height: 685px;
   }

   .section-discover-modules .row-tabs {
      margin-top: 30px;
   }

   .bg-svg-five {
      bottom: 17%;
   }

   .section-discover-modules .col-navigation {
      padding-right: 0px;
      padding-left: 0px;
   }

}

@media (max-width:1450px) {

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

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

@media (max-width: 1340px) {

   .bg-svg-five {
      position: absolute;
      max-width: 1100px;
      min-width: 800px;
      right: -9%;
      bottom: 34%;
   }
}


@media (max-width:1250px) {

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

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

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

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


@media (max-width: 1200px) {
   .hero-anim-wrapper {
      right: -30%;
   }
}


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

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

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

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

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

@media (max-width: 991px) {

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

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

   p,
   p.text,
   p.larger {
      font-size: 16px;
      line-height: 24px;
   }

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

   .first {
      order: -1;
   }



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

   .section-discover-modules .row-tabs {
      display: none;
   }

   .modules-nav-item.active,
   .modules-nav-item:hover {
      background: transparent;

   }

   .section-discover-modules .row-navigation {
      margin-top: 48px;
   }

   .sub-content .swiper-wrapper .swiper-slide {
      padding-left: 15px !important;
   }

   .row-inner-sub-content .col-md-5.col-content {
      width: 100% !important;
      padding-right: 15px !important;
   }

   .row-inner-sub-content .col-md-5.col-content .inner {
      padding-right: 15px !important;
   }

   .row-inner-sub-content p.above-title {
      font-size: 14px;
      line-height: 24px;
   }

   .row-inner-sub-content h2.general-title {
      font-size: 32px;
      line-height: 42px;
      margin-bottom: 16px;
   }

   .row-inner-sub-content {
      flex-direction: row !important;
   }

   .row-inner-sub-content p.text {
      max-width: 100%;
   }

   .section-powerful-solutions {
      padding-top: 100px;
      padding-bottom: 100px;
   }

   .section-powerful-solutions h2.general-title {
      font-size: 40px;
      line-height: 50px;
   }

   .section-powerful-solutions .specific-solution p {
      font-size: 18px;
      line-height: 28px;
   }

   .section-powerful-solutions .row-intro {
      margin-bottom: 32px;
   }

   .section-powerful-solutions .col-solutions .specific-solution:not(:first-child) {
      margin-top: 24px;
   }

   .section-logos-brands {
      padding-top: 50px;
      padding-bottom: 50px;
   }


   .section-discover-solutions {
      padding-top: 48px;
      padding-bottom: 48px;
   }

   .section-discover-solutions .row-intro h2.general-title {
      font-size: 32px;
      line-height: 40px;
   }

   .section-discover-solutions .solutions-img-grid {
      padding-top: 70px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
   }

   .section-discover-solutions .row-solutions .solutions-wrapper {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 60px;
   }

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

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

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

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

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

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

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

   .marketpage-slider-box.swiper-slide::after {
      display: none;
   }

   .marketpage-slider-box.swiper-slide {
      background-image: url(https://www.centricsoftware.com/wp-content/uploads/2019/01/call-out.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #000000;
   }
}

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

@media (max-width: 768px) {
   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;
   }

   .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-discover-modules {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .example-progress {
      width: 230px;
   }

   .example-progress-click-wrap {
      width: 100%;
      max-width: 230px;
   }

   .content-navigation .back-sub {
      display: none;
   }

   .content-navigation {
      position: absolute;
      top: 30px;
      padding: 0 15px;
      justify-content: center;
      z-index: 100;
   }

   /*
   .content-navigation .close-sub {
      order: -1;
   }*/

   .content-transition:after {
      content: '';
      display: block;
      background: #1F7EF6;
      opacity: .5;
      filter: blur(150px);
      transform: matrix(1, 0, 0, -1, 0, 0);
      height: 150px;
      width: 100%;
      position: absolute;
      bottom: 0;
      pointer-events: none;
      z-index: 0;
      left: 0;
   }

   .content-navigation .close-sub p.close-text {
      font-size: 14px;
      line-height: 24px;
   }

   img.bg_group1_2 {
      width: 100%;
      max-width: 142px;
      position: absolute;
      left: 49%;
      bottom: -4%;
   }

   .sub-content .swiper-wrapper .swiper-slide {
      height: 100vh !important;
   }

   img.bg_group2_1 {
      left: 42%;
      max-width: 124px;
   }

   img.bg_group2_2 {
      right: 15%;
      max-width: 500px;
   }

   img.bg_group3_1 {
      left: 20%;
      max-width: 350px;
   }

   img.bg_group3_2 {
      width: 400px;
      max-width: 400px;
      left: -225px;
      top: -116px;
   }

   img.bg_group3_3 {
      max-width: 250px;
      left: 11%;
   }

   img.bg_group5_1 {
      max-width: 300px !important;
   }

   img.bg_group5_2 {
      max-width: 150px;
      left: 34%;
   }

   img.bg_group5_3 {
      left: 10%;
      max-width: 400px;
   }

   img.bg_group6_1 {
      max-width: 300px;
      left: 24%;
   }

   img.bg_group6_2 {
      max-width: 480px !important;
   }

   .sub-content[data-sub-content="sub-content-6"] .slide-2 .row-inner-sub-content img.main-content-img {
      top: 30px;
   }

   img.bg_group6_3 {
      max-width: 500px;
      left: -3%;
      bottom: -200px;
   }

   .sub-content[data-sub-content="sub-content-4"] .row-inner-sub-content {
      min-width: 200%;
   }

   .section-powerful-solutions {
      padding-top: 42px;
      padding-bottom: 42px;
   }

   .section-logos-brands {
      padding-top: 38px;
      padding-bottom: 38px;
   }

   .section-logos-brands h2.general-title {
      margin-bottom: 16px;
      font-size: 24px;
      line-height: 32px;
   }

   .section-logos-brands p.text {
      font-size: 16px;
      line-height: 24px;
   }


   .section-logos-brands .row-main {
      margin-top: 30px;
   }


   .section-discover-solutions .row-intro h2.general-title {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 24px;
   }

   .section-discover-solutions .row-intro p.text {
      font-size: 16px;
      line-height: 22px;
   }

   .section-discover-solutions .solutions-img-grid {
      padding-top: 20px;
   }

   .section-discover-solutions .solutions-img-grid img.solution-three,
   .section-discover-solutions .solutions-img-grid img.solution-four {
      margin-top: -8px;
   }

   .section-discover-solutions .row-solutions {
      margin-top: 25px;
   }

   .section-discover-solutions .specific-solution p.above-title {
      margin-bottom: 24px;
      font-size: 16px;
   }

   .section-discover-solutions .specific-solution h2.general-title {
      margin-bottom: 12px;
   }

   .section-discover-solutions .solutions-wrapper .specific-solution p.text {
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 23px;
   }

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

   .section-planning-resources .row-intro h2.general-title {
      font-size: 24px;
      line-height: 32px;
   }

   .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: #E8EDF9 !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-marketpage-centric-solutions {
      padding-top: 60px;
      padding-bottom: 60px;
   }

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


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

@media (max-width: 480px) {

   .example-progress {
      width: 200px;
   }

   .example-progress-click-wrap {
      width: 100%;
      max-width: 200px;
   }

   .posts-navigation {
      overflow-y: scroll;
   }

   .posts-navigation .item-nav {
      min-width: max-content;
   }

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

/*Language adjustments Solutions*/
body:not(#en) .marketpage-slider-box p.text {
   font-size: 16px;
   line-height: 24px;
}

/*Modules revamp*/
.section-discover-modules .row-new-modules {
   margin-top: 100px;
}

.section-discover-modules .row-new-modules .modules-nav {
   flex-direction: column;
   gap: 0;
   align-items: flex-start;
   justify-content: flex-start;
}


.row-new-modules .modules-nav-item p.title {
   text-align: left;
   font-size: 14px;
   letter-spacing: 0.42px;
   line-height: 20px;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
   padding-bottom: 0;
}

.modules-nav-item {
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 27px;
   padding-bottom: 27px;
   max-width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
}

.modules-nav-item p br {
   display: none;
}

.modules-nav-item p.title {
   opacity: 0.6;
   transition: all 0.3s;
}

.modules-nav-item.active p.title {
   font-weight: 600;
   opacity: 1;
}

.modules-nav-item:hover p.title {
   opacity: 1;
}

.modules-nav-item svg {
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s;
}

.modules-nav-item.active svg,
.modules-nav-item:hover svg {
   opacity: 1;
   visibility: visible;
}

.modules-nav-item.active,
.modules-nav-item:hover {
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 27px;
   padding-bottom: 27px;
   background: #0995E3;
   background: linear-gradient(267deg, #0995E3 0%, #096BE1 100%);
}

.modules-nav-item {
   display: none;
}

.modules-nav-item.show {
   display: flex !important;
}

.choose-tab-wrapper {
   margin-bottom: 20px;
   display: flex;
   border-bottom: 1px solid #333;
}

.choose-tab-wrapper .choose-tab {
   font-size: 18px;
   font-style: normal;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: 0.4px;
   padding: 8px 24px 26px 24px;
   width: 100%;
   text-align: center;
   cursor: pointer;
   transition: all 0.3s;
   border-bottom: 4px solid transparent;
}

.choose-tab-wrapper .choose-tab.active {
   color: #1F7EF6;
}

.choose-tab-wrapper .choose-tab.active,
.choose-tab-wrapper .choose-tab:hover {
   border-bottom: 4px solid #2785FF;
}

.row-new-modules .row-main-content {
   padding: 50px 40px;
   background: linear-gradient(180deg, #1b2028 0%, #010101 100%)
}

.row-new-modules .row-main-content.active {
   display: block;
}

.row-new-modules .row-main-content h2.general-title {
   font-weight: 600;
   font-size: 28px;
   line-height: 36px;
   margin-bottom: 30px;
}

.row-main-content .col-content {
   padding-right: 45px;
   padding-left: 0;
}

.row-main-content .col-image {
   padding-left: 0;
   padding-right: 0;
}

.row-main-content .col-content ul {
   padding-left: 10px;
}

section .row-main-content ul li {
   background: none !important;
   position: relative;
   display: flex;
   align-items: flex-start;
}

.row-main-content .col-content li {
   color: white;
   font-size: 16px;
   font-weight: 400;
   padding-left: 0px;
}

.row-main-content .col-content li:not(:last-child) {
   margin-bottom: 10px !important;
}

.row-main-content .col-content li::before {
   content: '';
   display: block;
   width: 6px;
   min-width: 6px;
   height: 6px;
   min-height: 6px;
   background: white;
   border-radius: 50%;
   position: relative;
   top: 8px;
   margin-right: 10px;
}

.row-main-content .row-inner {
   display: flex;
}

.extra-content-wrapper {
   display: block;
   padding-top: 85px !important;
   margin-left: -50px;
   margin-right: -50px;
}

.extra-content-wrapper .inner {
   background: rgba(255, 255, 255, 0.06);
   padding: 30px 50px;
   display: flex;
   align-items: center;
   gap: 80px;
}

.extra-content-wrapper img.logo-image {
   background: white;
   width: 100%;
   max-width: 93px;
   height: 93px;
   border-radius: 50%;
   padding: 15px;
}

.extra-content-wrapper .text-wrapper .title-icon {
   width: 27px;
   min-width: 27px;
}

.extra-content-wrapper .text-wrapper .title-icon.rotate-icon {
   transform: rotate(180deg);
}

.extra-content-wrapper .text-wrapper .title-advantage {
   font-size: 30px;
   font-style: normal;
   font-weight: 600;
   line-height: 38px;
   color: #0995E3;
   background: var(--Gradient, linear-gradient(267deg, #0995E3 0%, #1F7EF6 51.56%, #096BE1 100%));
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.extra-content-wrapper .text-wrapper .title-wrapper {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 14px;
}

.extra-content-wrapper .text-wrapper .text-advantage {
   font-size: 12px;
   line-height: 20px;
}

.extra-content-wrapper .border-vertical {
   width: 1px;
   opacity: 0.2;
   background: #FFF;
   display: block;
   height: 50px;
}




/*Modules revamp responsive*/
@media (max-width: 1250px) {
   .row-main-content .row-inner {
      display: flex;
      flex-direction: column;
      gap: 30px;
   }

   .row-main-content .col-content {
      padding-right: 0;
      padding-left: 0;
      width: 100%;
   }

   .row-main-content .col-image {
      order: -1;
      width: 50%;
   }

   .extra-content-wrapper {
      padding-top: 50px !important;
   }

   .extra-content-wrapper .inner {
      gap: 60px;
   }
}

@media (max-width: 991px) {
   .choose-tab-wrapper .choose-tab {
      font-size: 16px;
   }

   .section-discover-modules .row-new-modules {
      margin-top: 50px;
   }

   .section-discover-modules .row-new-modules .col-modules {
      display: none;
   }

   .modules-nav-item p.title {
      opacity: 1;
   }
}


/* Modules v2 copy START */
.section-discover-modules {
   background: #000;
   padding-top: 140px;
   padding-bottom: 140px;
   overflow: hidden;
   position: relative
}

.section-discover-modules .container {
   position: relative;
   z-index: 1
}

.section-discover-modules::before {
   content: '';
   display: block;
   background: #096BE1;
   opacity: .15;
   filter: blur(100.3499984741211px);
   height: 700px;
   width: 803px;
   position: absolute;
   top: -350px;
   pointer-events: none;
   z-index: 0;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto
}

.section-discover-modules .row-intro {
   max-width: 850px;
   margin-left: auto;
   margin-right: auto
}

.section-discover-modules .row-navigation {
   margin-top: 90px
}

.section-discover-modules .modules-nav {
   display: flex;
   align-items: flex-end;
   gap: 30px;
   justify-content: center
}

.modules-nav-item {
   transition: all 0.3s;
   padding-top: 20px;
   padding-bottom: 20px;
   cursor: pointer;
   width: 100%;
   max-width: max-content
}

.modules-nav-item p.title {
   text-align: center;
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 12px;
   padding-left: 15px;
   padding-right: 15px
}

.modules-nav-item span.border {
   width: 100%;
   height: 2px;
   background: #212F41;
   display: block;
   margin: 0 auto;
   transition: all 0.3s
}

.modules-nav-item.active,
.modules-nav-item:hover {
   padding-left: 10px;
   padding-right: 10px;
   background: #212F41
}

.modules-nav-item.active p.title {
   font-weight: 600
}

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

.section-discover-modules .row-tabs {
   margin-top: 70px
}

.section-discover-modules .row-tabs .col-content {
   padding-top: 100px
}

.section-discover-modules .row-tabs .col-content .inner {
   max-width: 570px;
   margin-right: auto;
   margin-left: 0
}

.section-discover-modules .row-tabs .col-content h2.general-title {
   margin-bottom: 30px
}

.section-discover-modules .row-tabs .col-content p.text {
   font-size: 22px;
   line-height: 34px
}

.row-main-content {
   display: none
}

.row-main-content .secondary-content-btn {
   margin-top: auto !important
}

.row-main-content.active {
   display: flex
}

.row-main-content[data-main-section="main-section-1"] .secondary-content-btn {
   margin-top: 80px
}

.bg-svg-one {
   position: absolute;
   width: auto !important;
   right: -56%;
   top: -9%
}

.bg-svg-two {
   position: absolute;
   width: auto !important;
   right: 47%;
   bottom: -24%
}

.bg-svg-five {
   position: absolute;
   max-width: 1100px;
   min-width: 1100px;
   right: -9%;
   bottom: 27%
}

.row-main-content .secondary-content-btn {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin-right: 0;
   transition: all 0.3s;
   cursor: pointer
}

.row-main-content .secondary-content-btn span {
   color: #fff;
   font-size: 24px;
   line-height: 32px;
   font-weight: 400;
   margin-right: 20px
}

.row-main-content .secondary-content-btn img.arrow-image {
   width: auto;
   max-width: 72px;
   position: relative;
   transition: all 0.3s;
   left: 0
}

.row-main-content .secondary-content-btn:hover img.arrow-image {
   transition: all 0.3s;
   left: 12px
}

.row-sub-content {
   display: flex;
   background: #000
}

.sub-content-wrapper {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 9995;
   pointer-events: none
}

.sub-content {
   position: absolute;
   display: block;
   overflow: hidden;
   pointer-events: none;
   margin: 0;
   width: 100%;
   height: 100%
}

.sub-content .row-sub-content {
   right: 0;
   z-index: 2;
   position: absolute;
   width: 100vw;
   height: 100vh;
   height: -webkit-fill-available;
   height: fill-available;
   padding: 0;
   box-sizing: border-box;
   transform: translateX(100%);
   transition: transform 800ms;
   pointer-events: none
}

.sub-content.active .row-sub-content {
   pointer-events: auto;
   transform: translateX(0)
}

.sub-content .content-transition {
   transition: transform 800ms, opacity calc(800ms/2);
   transition-delay: 0s, calc(800ms/2);
   height: 100vh;
   overflow-y: auto;
   transform: translateX(10vw)
}

.sub-content.active .content-transition {
   transform: translateX(0)
}

/* .page-content-wrap { */
section:not(.section-powerful-solutions) {
   transition-delaY: 150ms;
   transition: transform 800ms;
   overflow: hidden
}

.page-content-wrap.slideleft {
   transform: translateX(calc(100vw*-1 + 10vw))
}

.row-inner-sub-content p,
.row-inner-sub-content h2 {
   color: #fff
}

.row-inner-sub-content p.above-title {
   font-size: 16px;
   line-height: 24px;
   letter-spacing: .02em;
   color: #F4F3F1;
   margin-bottom: 20px
}

.row-inner-sub-content p.text {
   max-width: 475px
}

.row-inner-sub-content h2.general-title {
   font-size: 50px;
   line-height: 66px;
   margin-bottom: 20px
}

@media only screen and (max-width: 2100px) and (min-width:1480px) {
   body#de .row-inner-sub-content h2.general-title {
      font-size: 39px;
      line-height: 55px;
      margin-bottom: 20px
   }
}

@media only screen and (max-width: 1480px) and (min-width:992px) {
   body#de .row-inner-sub-content h2.general-title {
      font-size: 29px;
      line-height: 43px
   }
}

.row-inner-sub-content .btn--primary.request-demo {
   margin-top: 20px
}

.row-inner-sub-content img.main-content-img {
   width: 100%;
   z-index: 5;
   position: relative
}

.sub-content .swiper-wrapper {
   height: 100vh
}

.sub-content .swiper-wrapper .swiper-slide {
   padding-left: 50px !important
}

.row-inner-sub-content {
   align-items: center;
   display: flex;
   position: relative
}

.sub-content .container {
   max-width: 100% !important;
   padding-left: 0;
   padding-right: 0
}

body.sub-content-active {
   overflow: hidden
}

.content-navigation {
   position: absolute;
   top: 60px;
   width: 100%;
   padding: 0 50px;
   z-index: 1000;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 20px
}

.content-navigation .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
}

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

.content-navigation .close-sub::before {
   content: '';
   background-color: rgb(142 190 254 / 40%) !important;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 105%;
   height: 115%;
   background: inherit;
   transform: translate(-50%, -50%);
   border-radius: 50px;
   display: block;
   opacity: 0;
   transition: 300ms;
   z-index: -1
}

.content-navigation .close-sub:hover::before {
   opacity: 1
}

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

.content-navigation .back-sub {
   display: flex;
   align-items: center;
   gap: 9px;
   cursor: pointer;
   transition: all 0.3s
}

.content-navigation .back-sub p.back-text {
   color: #F4F3F1;
   letter-spacing: .02em;
   text-transform: uppercase;
   font-weight: 600
}

.content-navigation .back-sub svg {
   left: 0;
   position: relative;
   transition: all 0.3s
}

.content-navigation .back-sub:hover svg {
   left: -12px
}

.back-progress-wrapper {
   display: flex;
   align-items: center;
   gap: 60px
}

.example-progress {
   background: #212F41;
   width: 500px;
   height: 2px;
   display: block
}

.example-progress-click-wrap {
   width: 500px;
   height: 30px;
   display: flex;
   align-items: center;
   cursor: pointer
}

.example-progress .bar {
   background: #0995E3;
   background: linear-gradient(267.29deg, #0995E3 0%, #096BE1 100%);
   height: 2px;
   max-width: 100%
}

.swiper-pagination-progressbar {
   position: absolute !important;
   top: 76px;
   left: 168px !important;
   bottom: auto;
   width: 500px !important;
   height: 2px;
   display: block;
   max-height: 5px;
   background: #212F41 !important;
   padding: 0
}

.content-transition:after {
   content: '';
   display: block;
   background: #1F7EF6;
   opacity: .2;
   filter: blur(150px);
   transform: matrix(1, 0, 0, -1, 0, 0);
   height: 350px;
   width: 100%;
   position: absolute;
   bottom: 0;
   pointer-events: none;
   z-index: 0;
   left: 0
}


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

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


}

@media (max-width: 1550px) {
   .section-discover-modules .row-tabs .col-content p.text {
      font-size: 18px;
      line-height: 28px
   }

   .row-main-content {
      min-height: 685px
   }

   .section-discover-modules .row-tabs {
      margin-top: 30px
   }

   .bg-svg-five {
      bottom: 17%
   }

   .section-discover-modules .col-navigation {
      padding-right: 0;
      padding-left: 0
   }
}

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

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

@media (max-width: 1340px) {
   .hero-anim-wrapper {
      right: -12%
   }

   .bg-svg-five {
      position: absolute;
      max-width: 1100px;
      min-width: 800px;
      right: -9%;
      bottom: 34%
   }
}

@media (max-width: 1250px) {

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

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

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

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


@media (min-width: 992px) {
   .d-md-block {
      display: block !important
   }

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

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

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

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

@media (max-width: 991px) {

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

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

   p,
   p.text,
   p.larger {
      font-size: 16px;
      line-height: 24px
   }

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

   .first {
      order: -1
   }




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

   .section-discover-modules .row-tabs {
      display: none
   }

   .section-discover-modules .modules-nav {
      justify-content: center;
      flex-direction: column;
      justify-content: flex-start;
      margin: 0 auto
   }

   .modules-nav-item p.title br {
      display: none;
      text-align: left
   }

   .modules-nav-item span.border {
      display: none !important
   }

   .section-discover-modules .container {
      position: relative;
      z-index: 100
   }

   .section-discover-modules::after {
      content: '';
      display: block;
      background: #1F7EF6;
      opacity: .7;
      filter: blur(150px);
      transform: matrix(1, 0, 0, -1, 0, 0);
      height: 143px;
      width: 100%;
      position: absolute;
      bottom: -70px;
      pointer-events: none;
      z-index: 99;
      left: 0
   }

   .section-discover-modules .row-navigation {
      margin-top: 48px
   }

   .sub-content .swiper-wrapper .swiper-slide {
      padding-left: 15px !important
   }

   .row-inner-sub-content .col-md-5.col-content {
      width: 100% !important;
      padding-right: 15px !important
   }

   .row-inner-sub-content .col-md-5.col-content .inner {
      padding-right: 15px !important
   }

   .row-inner-sub-content p.above-title {
      font-size: 14px;
      line-height: 24px
   }

   .row-inner-sub-content h2.general-title {
      font-size: 32px;
      line-height: 42px;
      margin-bottom: 16px
   }

   .row-inner-sub-content {
      flex-direction: row !important
   }

   .row-inner-sub-content p.text {
      max-width: 100%
   }

   .section-powerful-solutions {
      padding-top: 100px;
      padding-bottom: 100px
   }

   .section-powerful-solutions h2.general-title {
      font-size: 40px;
      line-height: 50px
   }

   .section-powerful-solutions .specific-solution p {
      font-size: 18px;
      line-height: 28px
   }

   .section-powerful-solutions .row-intro {
      margin-bottom: 32px
   }

   .section-powerful-solutions .col-solutions .specific-solution:not(:first-child) {
      margin-top: 24px
   }

   .section-logos-brands {
      padding-top: 50px;
      padding-bottom: 50px
   }

   .section-discover-solutions {
      padding-top: 48px;
      padding-bottom: 48px
   }

   .section-discover-solutions .row-intro h2.general-title {
      font-size: 32px;
      line-height: 40px
   }

   .section-discover-solutions .solutions-img-grid {
      padding-top: 70px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto
   }

   .section-discover-solutions .row-solutions .solutions-wrapper {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 60px
   }

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

   .section-planning-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
   }

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

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

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

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

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

   .marketpage-slider-box.swiper-slide::after {
      display: none
   }

   .marketpage-slider-box.swiper-slide {
      background-image: url(https://www.centricsoftware.com/wp-content/uploads/2019/01/call-out.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #000
   }
}

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


@media (max-width: 768px) {
   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
   }

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

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

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

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






   .section-discover-modules {
      padding-top: 40px;
      padding-bottom: 40px
   }

   .example-progress {
      width: 230px
   }

   .example-progress-click-wrap {
      width: 100%;
      max-width: 230px
   }

   .content-navigation .back-sub {
      display: none
   }

   .content-navigation {
      position: absolute;
      top: 30px;
      padding: 0 15px;
      justify-content: center;
      z-index: 100
   }

   .content-transition:after {
      content: '';
      display: block;
      background: #1F7EF6;
      opacity: .5;
      filter: blur(150px);
      transform: matrix(1, 0, 0, -1, 0, 0);
      height: 150px;
      width: 100%;
      position: absolute;
      bottom: 0;
      pointer-events: none;
      z-index: 0;
      left: 0
   }

   .content-navigation .close-sub p.close-text {
      font-size: 14px;
      line-height: 24px
   }

   img.bg_group1_2 {
      width: 100%;
      max-width: 142px;
      position: absolute;
      left: 49%;
      bottom: -4%
   }

   .sub-content .swiper-wrapper .swiper-slide {
      height: 100vh !important
   }



   .section-powerful-solutions {
      padding-top: 42px;
      padding-bottom: 42px
   }

   .section-logos-brands {
      padding-top: 38px;
      padding-bottom: 84px
   }

   .section-logos-brands h2.general-title {
      margin-bottom: 16px;
      font-size: 24px;
      line-height: 32px
   }

   .section-logos-brands p.text {
      font-size: 16px;
      line-height: 24px
   }

   .section-logos-brands .row-main {
      margin-top: 30px
   }

   .section-discover-solutions .row-intro h2.general-title {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 24px
   }

   .section-discover-solutions .row-intro p.text {
      font-size: 16px;
      line-height: 22px
   }

   .section-discover-solutions .solutions-img-grid {
      padding-top: 20px
   }

   .section-discover-solutions .solutions-img-grid img.solution-three,
   .section-discover-solutions .solutions-img-grid img.solution-four {
      margin-top: -8px
   }

   .section-discover-solutions .row-solutions {
      margin-top: 25px
   }

   .section-discover-solutions .specific-solution p.above-title {
      margin-bottom: 24px;
      font-size: 16px
   }

   .section-discover-solutions .specific-solution h2.general-title {
      margin-bottom: 12px
   }

   .section-discover-solutions .solutions-wrapper .specific-solution p.text {
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 23px
   }

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

   .section-planning-resources .row-intro h2.general-title {
      font-size: 24px;
      line-height: 32px
   }

   .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: #E8EDF9 !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-marketpage-centric-solutions {
      padding-top: 60px;
      padding-bottom: 60px
   }

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


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

@media (max-width: 480px) {
   .example-progress {
      width: 200px
   }

   .example-progress-click-wrap {
      width: 100%;
      max-width: 200px
   }

   .posts-navigation {
      overflow-y: scroll
   }

   .posts-navigation .item-nav {
      min-width: max-content
   }

   .marketpage-slider__container,
   .marketpage-slider__navigation {
      padding: 0 0
   }
}

body:not(#en) .marketpage-slider-box p.text {
   font-size: 16px
}

.section-discover-modules .row-new-modules {
   margin-top: 100px
}

.section-discover-modules .row-new-modules .modules-nav {
   flex-direction: column;
   gap: 0;
   align-items: flex-start;
   justify-content: flex-start
}


.row-new-modules .modules-nav-item p.title {
   text-align: left;
   font-size: 14px;
   letter-spacing: .42px;
   line-height: 20px;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
   padding-bottom: 0
}

.modules-nav-item {
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 27px;
   padding-bottom: 27px;
   max-width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px
}

.modules-nav-item p br {
   display: none
}

.modules-nav-item p.title {
   opacity: .6;
   transition: all 0.3s
}

.modules-nav-item.active p.title {
   font-weight: 600;
   opacity: 1
}

.modules-nav-item:hover p.title {
   opacity: 1
}

.modules-nav-item svg {
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s
}

.modules-nav-item.active svg,
.modules-nav-item:hover svg {
   opacity: 1;
   visibility: visible
}

.modules-nav-item.active,
.modules-nav-item:hover {
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 27px;
   padding-bottom: 27px;
   background: #0995E3;
   background: linear-gradient(267deg, #0995E3 0%, #096BE1 100%)
}

.modules-nav-item {
   display: none
}

.modules-nav-item.show {
   display: flex !important
}

.choose-tab-wrapper {
   margin-bottom: 40px;
   display: flex;
   border-bottom: 1px solid #333
}

.choose-tab-wrapper .choose-tab {
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: .4px;
   padding: 6px 24px 26px 24px;
   width: 100%;
   text-align: center;
   cursor: pointer;
   transition: all 0.3s;
   border-bottom: 4px solid #fff0
}

.choose-tab-wrapper .choose-tab.active {
   color: #1F7EF6
}

.choose-tab-wrapper .choose-tab.active,
.choose-tab-wrapper .choose-tab:hover {
   border-bottom: 4px solid #2785FF;
}



.row-main-content .col-content {
   padding-right: 45px
}

.row-main-content .col-content ul {
   padding-left: 10px
}

section .row-main-content ul li {
   background: none !important;
   position: relative;
   display: flex;
   align-items: flex-start
}

.row-main-content .col-content li {
   color: #fff;
   font-size: 16px;
   font-weight: 400;
   padding-left: 0
}

.row-main-content .col-content li:not(:last-child) {
   margin-bottom: 10px !important
}

.row-main-content .col-content li::before {
   content: '';
   display: block;
   width: 6px;
   min-width: 6px;
   height: 6px;
   min-height: 6px;
   background: #fff;
   border-radius: 50%;
   position: relative;
   top: 8px;
   margin-right: 10px
}


.row-main-content .row-inner {
   display: flex
}

.extra-content-wrapper {
   display: block;
   padding-top: 85px !important;
   margin-left: -50px;
   margin-right: -50px
}

.extra-content-wrapper .inner {
   background: rgb(255 255 255 / .06);
   padding: 30px 50px;
   display: flex;
   align-items: center;
   gap: 80px
}

.extra-content-wrapper img.logo-image {
   background: #fff;
   width: 100%;
   max-width: 93px;
   height: 93px;
   border-radius: 50%;
   padding: 15px
}

.extra-content-wrapper .text-wrapper .title-icon {
   width: 27px;
   min-width: 27px
}

.extra-content-wrapper .text-wrapper .title-icon.rotate-icon {
   transform: rotate(180deg)
}

.extra-content-wrapper .text-wrapper .title-advantage {
   font-size: 30px;
   font-style: normal;
   font-weight: 600;
   line-height: 38px;
   color: #0995E3;
   background: var(--Gradient, linear-gradient(267deg, #0995E3 0%, #1F7EF6 51.56%, #096BE1 100%));
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: #fff0
}

.extra-content-wrapper .text-wrapper .title-wrapper {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 14px
}

.extra-content-wrapper .text-wrapper .text-advantage {
   font-size: 12px;
   line-height: 20px
}

.extra-content-wrapper .border-vertical {
   width: 1px;
   opacity: .2;
   background: #FFF;
   display: block;
   height: 50px
}

@media (max-width: 1250px) {
   .row-main-content .row-inner {
      display: flex;
      flex-direction: column;
      gap: 30px
   }

   .row-main-content .col-content {
      padding-right: 0;
      padding-left: 0;
      width: 100%
   }

   .row-main-content .col-image {
      order: -1;
      width: 50%
   }

   .extra-content-wrapper {
      padding-top: 50px !important
   }

   .extra-content-wrapper .inner {
      gap: 60px
   }
}

@media (max-width: 991px) {
   .choose-tab-wrapper .choose-tab {
      font-size: 16px
   }

   .section-discover-modules .row-new-modules {
      margin-top: 50px
   }

   .section-discover-modules .row-new-modules .col-modules {
      display: none
   }


   .modules-nav-item p.title {
      opacity: 1
   }
}


.row-new-modules .modules-nav-item p.title {
   text-align: left;
   font-size: 14px;
   letter-spacing: .42px;
   line-height: 20px;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
   padding-bottom: 0
}

.modules-nav-item {
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 27px;
   padding-bottom: 27px;
   max-width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px
}

.modules-nav-item p br {
   display: none
}

.modules-nav-item p.title {
   transition: all 0.3s
}

.modules-nav-item.active p.title {
   font-weight: 600;
   opacity: 1;
   color: #1F7EF6;
}

.modules-nav-item:hover p.title {
   opacity: 1
}

.modules-nav-item svg {
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s
}

.modules-nav-item.active svg,
.modules-nav-item:hover svg {
   opacity: 1;
   visibility: visible
}

.modules-nav-item.active,
.modules-nav-item:hover {
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 27px;
   padding-bottom: 27px;
   background: #1B2028;
}

.modules-nav-item {
   display: none
}

.modules-nav-item.show {
   display: flex !important
}

.section-discover-modules .row-main-content {
   min-height: unset;
}

/* Modules v2 copy END */




.section-powerful-solutions .col-title {
   position: sticky;
   top: 40px;
   margin-bottom: 24px;
   /* padding-bottom: 55vh; */
}

.section-powerful-solutions .specific-solution {
   padding: 40px;
   background: #F1F2F5;
   display: flex;
   gap: 36px;
}

.section-powerful-solutions .specific-solution img {
   width: 64px;
   height: auto;
}


.section-powerful-solutions .specific-solution p.title {
   margin-bottom: 12px;
}


@media (max-width: 991px) {
   .section-powerful-solutions .container {
      flex-direction: column;
   }
}


.section-logos-brands {
   background: #FBFBFC;
}


.section-logos-brands .logo-brands-wrapper {
   display: flex;
   align-items: center;
   margin-top: 60px;
   margin-bottom: 60px;
   position: relative;
}


.section-logos-brands .logo-brands-wrapper img {
   max-height: 100px;
}

.visual-boards-logos.row-main {
   position: relative;
}

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

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

@media (max-width: 991px) {
   .section-logos-brands .logo-brands-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 40px;
      margin-bottom: 40px;
      position: relative;
   }

   .visual-boards-logos.row-main::before {
      background: linear-gradient(to right, #F7F7F9, #0000);
   }

   .visual-boards-logos.row-main::after {
      background: linear-gradient(to left, #F7F7F9, rgba(0, 0, 0, 0));
   }
}



/* Swiper logo section START */
.section-logos-brands .row-logos {
   max-width: 1200px;
   margin: 0 auto;
   margin-top: 35px;
   margin-bottom: 0px;
   position: relative;
}

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

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

.section-logos-brands .row-logos::before {
   background: linear-gradient(to right, #FBFBFC, rgb(255 255 255 / 0%));
}

.section-logos-brands .row-logos::after {
   background: linear-gradient(to left, #FBFBFC, rgb(255 255 255 / 0%));
}

.section-logos-brands .col-logos {
   display: flex;
   align-items: center;
}

.section-logos-brands .row-logos .swiper-slide img {
   margin: 0 auto;
   width: auto;
   max-height: 100px;
}

.section-logos-brands .row-logos .swiper-wrapper {
   -webkit-transition-timing-function: linear !important;
   -o-transition-timing-function: linear !important;
   transition-timing-function: linear !important;
   display: flex;
   align-items: center;
}


/* Swiper logo section END */



/* Resources START */

/*Flex component Content Row Whitepapers*/
.content-row.whitepapers {
   padding-top: 40px !important;
   padding-bottom: 40px !important;
}

.content-row.whitepapers .col-md-6 {
   margin-left: auto;
   margin-right: auto;
}

.content-row.whitepapers .pardot-wrapper {
   padding: 50px 40px;
   background: #F7F7F9;
}

section.dark .content-row.whitepapers .pardot-wrapper {
   border: 1px solid white;
   background: transparent;
}

section.dark .content-row.whitepapers .pardot-wrapper h2 {
   color: white;
}

@media (max-width:1550px) {
   .content-row.whitepapers .pardot-wrapper {
      margin-left: -15px;
   }
}

@media (max-width:1450px) {
   .content-row.whitepapers .pardot-wrapper {
      margin-left: -25px;
      margin-right: -10px;
   }
}

@media (min-width:992px) {
   .content-row.whitepapers .col-content.second-column {
      padding-left: 65px;
   }
}

.col-content .content-elm.text-area:not(:last-child),
.col-content .content-elm-list-items:not(:last-child) {
   margin-bottom: 40px;
}

.content-elm-list-items p.list-item {
   font-weight: 600;
}

.content-row.whitepapers .content-elm-list-items .list-item {
   margin-top: 0 !important;
   margin-bottom: 28px !important;
}

.content-row.whitepapers .content-elm-list-items .list-item.regular-list::before {
   content: '';
   display: block;
   width: 12px;
   height: 12px;
   min-width: 12px;
   min-height: 12px;
   background: rgb(9, 149, 227);
   background: linear-gradient(270deg, rgba(9, 149, 227, 1) 0%, rgba(9, 107, 225, 1) 100%);
   border-radius: 50%;
}

.popup-wrapper-pardot {
   display: none;
   pointer-events: none;
   visibility: hidden;
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 1000;
   background: rgb(6 19 34 / 70%);
   display: flex;
   align-items: center;
   justify-content: center;
}

.popup-wrapper-pardot.active {
   display: flex;
   pointer-events: all;
   visibility: visible;
}

.inner-popup {
   width: 100%;
   max-width: 750px;
   max-height: 730px;
   background: white;
   padding: 50px 50px;
   margin: 20px;
   position: relative;
   overflow: auto;
}

.inner-popup h2 {
   max-width: 90%;
}

.inner-popup h2 {
   color: black !important;
}

.inner-popup .close-popup {
   position: absolute;
   right: 50px;
   cursor: pointer;
}

.inner-popup #pardot_iFrame {
   overflow-y: auto;
}

.col-12 {
   width: 100%;
}

.col-12.limit-width {
   max-width: 720px;
   margin-left: auto;
   margin-right: auto;
}

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


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

.learn-more-post .dt-img::after {
   content: '';
   background: linear-gradient(180deg, rgba(41, 41, 41, 0.00) 0%, rgba(0, 0, 0, .8) 100%);
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.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: 0;
   margin: 0px 32px;
   top: 28px;
   margin-bottom: 0px;
   z-index: 1;
}

.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: 600;
   font-size: 24px !important;
   line-height: 32px;
   color: #FFF;
   margin: 0px 32px;
   margin-bottom: 0px;
   position: absolute;
   bottom: 75px;
   z-index: 1;
}

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

.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: 46px;
   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: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;
}

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

/*CTA Component*/
.row-cta {
   padding-top: 40px;
   padding-bottom: 40px;
   position: unset;
   overflow: hidden;
}

section:not(.blue) .row-cta {
   padding-top: 80px;
   padding-bottom: 80px;
}

.row-cta .col-12 {
   position: relative;
   z-index: 10;
}

section.black .row.row-intro.row-cta::before {
   content: '';
   display: block;
   width: 100%;
   height: 1461.211px;
   border-radius: 1866.667px;
   background: #071525;
   filter: blur(190px);
   position: absolute;
   left: 0;
   bottom: 0;
}

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

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

.row-cta .container {
   position: relative;
   z-index: 10;
   max-width: 1260px !important;
}


.row-cta h2.general-title {
   margin-bottom: 24px !important;
   color: #e1eeff;
   font-size: 34px !important;
   line-height: 45px;
}

section.black .row-cta h2.general-title,
section.white .row-cta h2.general-title,
section.light-grey .row-cta h2.general-title {
   font-size: 54px !important;
   line-height: 124%;
   color: white;
}

section.white .row-cta h2.general-title,
section.light-grey .row-cta h2.general-title {
   color: black;
}

section.black .row-cta p.text,
section.white .row-cta p.text,
section.light-grey .row-cta p.text {
   color: white;
   font-weight: 400;
   font-size: 18px !important;
   line-height: 26px !important;
}

section.white .row-cta p.text,
section.light-grey .row-cta p.text {
   color: black;
}

section.black .row-cta .request-demo-link,
section.white .row-cta .request-demo-link,
section.light-grey .row-cta .request-demo-link {
   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: 40px;
   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;
   cursor: pointer;
   text-transform: none;

}

section.black .row-cta .request-demo-link:hover,
section.white .row-cta .request-demo-link:hover,
section.light-grey .row-cta .request-demo-link:hover {
   transform: translateY(-3px);
}

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

.row-cta p.text {
   color: #e1eeff;
   font-weight: 600;
}

.row-cta p.text span {
   color: white;
}

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

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

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

@media (max-width: 991px) {

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

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

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

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

   h2.general-title,
   h2.general-title.smaller,
   .section-whitepapers-hero h2.general-title.subtitle,
   .section-whitepapers-hero h2.general-title.text,
   section.black .row-cta h2.general-title,
   section.white .row-cta h2.general-title,
   section.light-grey .row-cta h2.general-title,
   .row-cta h2.general-title,
   .content-elm-title h2,
   .text-area h2 {
      font-size: 24px !important;
      line-height: 32px !important;
   }

   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-whitepapers-hero h2.general-title.subtitle {
      margin-bottom: 0px !important;
   }

   .section-whitepapers-hero .bg-wrap {
      background-position: 30%;
   }

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

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

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

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

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

   .marketpage-slider-box.swiper-slide::after,
   .marketpage-slider-box.swiper-slide::before {
      display: none;
   }

   .marketpage-slider-box.swiper-slide {
      overflow: visible;
   }

   .marketpage-slider-box.swiper-slide {
      background-image: url(https://www.centricsoftware.com/wp-content/uploads/2019/01/call-out.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #000000;
   }

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

   .content-row .col-image {
      padding-top: 40px;
   }

   .content-row.reversed .col-image {
      /* padding-top: 0px;
       padding-bottom: 40px;*/
      order: 2;
   }


   .swiper-testimonials .swiper-button-next-custom {
      display: none;
   }


   .swiper-testimonials .swiper-slide {
      transition: all 0.3s;
   }

   .swiper-testimonials .swiper-slide.swiper-slide-next {
      opacity: 0.6;
   }

   .resources-component {
      padding-top: 80px;
      padding-bottom: 150px;
   }

   .learn-more-post p.title {
      font-size: 18px !important;
      line-height: 28px;
   }

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

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

   .row-cta,
   section:not(.blue) .row-cta {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .row-cta h2.general-title {
      margin-bottom: 16px !important;
   }

   .row-cta p.text br {
      display: none;
   }

   .content-boxes-wrapper {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
      gap: 15px;
   }

   .content-boxes-wrapper .icon-box {
      gap: 20px;
   }

   .content-boxes-wrapper .icon-box p.title {
      margin-bottom: 0px !important;
   }

   .section-whitepapers-hero #scroll-down-group {
      display: none;
   }

   .content-row.whitepapers {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
   }

   .content-row.whitepapers .col-md-6.second-column {
      order: -1;
      padding-bottom: 50px;
   }

   .content-row.whitepapers .pardot-wrapper {
      margin-left: 0;
      margin-right: 0;
   }

   .resources-component {
      padding-top: 0px;
      padding-bottom: 0px;
   }

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

   .pardot-component .bg-image {
      display: none;
   }

   .pardot-component {
      padding-top: 0px;
      padding-bottom: 0px;
   }

   .pardot-component .col-pardot {
      margin-top: 50px;
   }

   .pardot-component .seperator {
      margin: 30px 0px !important;
   }

   .logos-wrapper {
      margin-top: 45px;
      margin-left: 0px !important;
      gap: 45px 15px;
      width: 100%;
      max-width: 100%;
   }

   .content-row.whitepapers .pardot-wrapper h2,
   .inner-popup h2,
   .pardot-component .content-elm-title .pardot-wrapper h2 {
      margin-bottom: 0px !important;
   }


}

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

   p.larger,
   .section-marketpage-centric-solutions .row-intro p.larger {
      font-size: 16px;
      line-height: 24px;
   }

   .section-whitepapers-hero .bg-wrap {
      padding-top: 50px;
      padding-bottom: 50px;
      background-position: 50% 50%;
   }

   .registration-enabled .section-whitepapers-hero .bg-wrap {
      padding-bottom: 50px;
   }

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

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

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

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

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

   .content-toc section:not(#hero) {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .content-elm.quote.new {
      padding-left: 30px;
      margin-left: 0;
      margin-right: 0;
   }

   .content-row .col-image .video-thumbnail {
      width: 80px;
      height: 50px;
   }

   .content-row .col-image .video-thumbnail svg {
      width: 15px;
   }

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

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

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

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

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

   .posts-navigation .item-nav {
      min-width: max-content;
   }

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

   }

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

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

   section.black .row-cta .request-demo-link,
   section.white .row-cta .request-demo-link,
   section.light-grey .row-cta .request-demo-link {
      margin-top: 20px;
   }

   .row-cta,
   section:not(.blue) .row-cta {
      padding-top: 20px;
      padding-bottom: 20px;
   }

   .content-toc .row div.section-marketpage-centric-solutions:not(.toc-inner):first-child,
   .content-toc .row div.section-marketpage-centric-solutions:not(.story-title):first-child {
      margin-top: -40px !important;
      margin-bottom: -40px !important;
   }

   .section-whitepapers-hero .col-text .inner {
      gap: 15px;
   }

   .inner-popup {
      padding: 30px 20px;
   }

   .content-row.whitepapers .pardot-wrapper,
   .pardot-component .pardot-wrapper {
      padding: 30px 20px;
   }


   .learn-more-post p.title,
   .learn-more-post .read-more,
   .learn-more-post p.tag {
      margin: 0px 15px;
   }

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

   .inner-popup .close-popup {
      right: 20px;
   }

}

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

   .resources-component {
      padding-top: 0px;
      padding-bottom: 40px;
   }

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

   .logos-wrapper img {
      max-height: 35px;
   }

   .inner-popup {
      max-height: 450px;
   }
}

/* Resources end */

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

/* Planning */



.section-planning-resources {
   background-color: #000;
}






@media (max-width: 991px) {
   .section-powerful-solutions .specific-solution {
      flex-direction: column;
   }

   .section-powerful-solutions .specific-solution img {
      height: auto;
      width: auto;
      max-height: 60px;
   }

   .section-powerful-solutions .specific-solution p.title.mb-0 {
      margin-bottom: 20px !important;
   }

   .section-powerful-solutions h2.general-title {
      margin-bottom: 16px;
   }

   .section-powerful-solutions .specific-solution {
      gap: 10px;
   }

   .section-powerful-solutions .specific-solution {
      padding: 24px 16px 30px 24px;
   }

   .section-powerful-solutions .specific-solution p.title {
      margin-bottom: 20px;
   }
}

@media (max-width: 991px) {
   .marketpage-innovating__slider-new p.quote-author span.author-name {
      font-weight: 700;
      margin-bottom: 10px;
   }

   .marketpage-innovating__slider-new p.quote-text {
      margin-bottom: 32px;
   }

   .marketpage-innovating__slide {
      background: unset;
   }

   .section-logos-brands {
      background: #F7F7F9;
   }

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

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

@media (max-width: 991px) {

   .section-discover-modules .choose-tab-wrapper .choose-tab {
      background: #0C1219;
   }

   .section-discover-modules .choose-tab-wrapper .choose-tab.active,
   .choose-tab-wrapper .choose-tab:hover {
      background: linear-gradient(180deg, #fff0 0%, rgb(31 126 246 / .11) 100%), #0A0E14;
   }

   .section-discover-modules .row.row-intro .text-center.col.col-12 {
      text-align: left;
   }

   .section-discover-modules {
      padding-bottom: 30px;
   }
}


@media (max-width: 991px) {
   .section-logos-brands .row-main {
      margin-top: 0;
   }

   .section-logos-brands .row.row-intro .text-center.col.col-12 {
      text-align: left;
   }
}



@media (max-width: 768px) {
   .section-planning-resources {
      padding-top: 40px;
   }

   .section-planning-resources.dark .posts-navigation .item-nav .nav-title {
      font-size: 14px;
   }

}

@media (max-width: 549px) {

   .section-planning-resources .row-main {
      margin-right: -24px;
   }

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

@media (max-width: 440px) {
   .section-planning-resources .learn-more-post p.title {
      font-size: 16px !important;
      line-height: 25px;
   }

   .learn-more-post p.tag {
      top: 10px;
   }

   .learn-more-post p.title {
      bottom: 54px;
   }

   .learn-more-post .read-more {
      bottom: 20px;
   }
}



.btn--primary.request-demo.hardcoded {
   margin-top: 50px;
}


.btn--primary.request-demo.hardcoded.m-auto {
   margin-left: auto;
   margin-right: auto;
   margin-top: 80px;
}

@media (max-width: 991px) {
   .btn--primary.request-demo.hardcoded.m-auto {
      margin-top: 50px;
   }
}


.section-planning-resources .container {
   max-width: 1182px !important;
}


/* Section pardot */
.section-pardot {
   padding-top: 78px;
   padding-bottom: 78px;
   background: #000;
}

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

.section-pardot h2.general-title {
   font-size: 24px !important;
   line-height: 32px !important;
   margin-bottom: 20px;
   color: #B7BBBC;
   font-weight: 600;

}

.section-pardot h2.general-title strong {
   color: #fff;
   font-weight: 600;
}

@media (max-width: 991px) {
   .section-pardot h2.general-title {
      font-size: 20px !important;
      line-height: 28px !important;
   }
}