/*
LVMH Landing
*/
body {
   background-color: #fff;
}


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

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

html {
   scroll-behavior: smooth;
}


/*General styles*/


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;
   margin-left: auto;
   margin-right: auto;
}

.btn--primary.request-demo svg {
   margin-left: 10px;
}

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

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

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

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

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

.btn--primary.btn-transparent img,
.btn--primary.btn-transparent svg {
   margin-left: 12px;
   position: relative;
   left: 0;
   transition: 300ms;
}

.btn--primary.btn-transparent:hover {
   transform: translateY(0px);
}

.btn--primary.btn-transparent:hover img,
.btn--primary.btn-transparent:hover svg {
   left: 10px;
}


a.learn-more-transparent,
div.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;
   cursor: pointer;
}

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

a.learn-more-transparent:hover img,
a.learn-more-transparent:hover svg,
div.learn-more-transparent:hover img,
div.learn-more-transparent:hover svg,
.swiper-slide:hover .learn-more-transparent img,
.swiper-slide:hover .learn-more-transparent svg {
   left: 10px;
}

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

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

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

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

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: 13px;
}

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

p.larger {
   font-size: 18px;
   line-height: 28px;
}

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

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

@media (min-width: 1201px) and (max-width: 1600px) {

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

@media (min-width: 1201px) and (max-width: 1550px) {
   .container {
      padding-left: 50px;
      padding-right: 50px;
   }
}

@media (min-width: 1200px) {

   .container {
      width: 100% !important;
      max-width: 1470px !important;
   }

   .container.container-small {
      width: 100% !important;
      max-width: 1025px !important;
      margin-left: auto;
      margin-right: auto;
   }
}


@media (min-width: 992px) and (max-width: 1060px) {
   div.container {
      width: 100% !important;
   }
}

@media (min-width: 992px) {
   .container {
      width: 100% !important;
   }
}

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

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

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

.section-overflowed-blur {
   overflow: hidden;
}

.section-overflowed-blur .container {
   position: relative;
   z-index: 10;
}

.section-overflowed-blur::before {
   content: '';
   opacity: 0.24;
   background: linear-gradient(267deg, #0995E3 0%, #096BE1 100%);
   filter: blur(225px);
   width: 1399px;
   height: 843px;
   position: absolute;
   top: -423px;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
}


.tooltip {
   text-align: center;
   display: flex;
   padding: 7px 10px 8px 10px;
   justify-content: center;
   align-items: center;
   border-radius: 2px;
   background: #676767;
   color: white;
   font-size: 12px;
   line-height: 14.4px;
   font-weight: 400;
   position: absolute;
   top: 33px;
   left: auto;
   right: -10px;
   margin: 0 auto;
   min-width: 130px;
   opacity: 0;
   visibility: hidden;
}

.tooltip.tooltip-new.general-tooltip,
a.tooltip.tooltip-new {
   font-weight: 600;
   background: rgb(43, 48, 57);
   border-width: 2px;
   border-style: solid;
   border-color: white;
   border-image: initial;
   padding: 12px 16px;
   border-radius: 15px;
   color: #DBDBDB !important;
   font-size: 14px;
   line-height: 130%;
   letter-spacing: 0.28px;
   gap: 6px;
   top: 70px;
   left: auto;
   right: 0px;
   min-width: max-content;
   box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.20);
}

a.tooltip.tooltip-new::before {
   width: 19px;
   background: rgb(43, 48, 57);
}

.tooltip.tooltip-new::before {
   top: -5px;
   right: 13px;
   width: 12px;
   height: 16px;
   background: rgb(75, 75, 75);
   border-radius: 1px;
}

.tooltip.tooltip-new::after {
   content: '';
   position: absolute;
   height: 50px;
   width: 100%;
   bottom: 100%;
}

.tooltip::before {
   content: '';
   display: flex;
   justify-content: center;
   align-items: center;
   background: #676767;
   color: white;
   font-weight: 400;
   position: absolute;
   top: -5px;
   right: 9px;
   width: 20px;
   height: 20px;
   transform: rotate(45deg);
   z-index: -1;
}

.tooltip-trigger,
.tooltip-trigger-click {
   position: relative;
   cursor: pointer;
}

.tooltip-trigger:hover .tooltip,
.tooltip.active {
   opacity: 1;
   visibility: visible;
}

/*Section hero*/
.section-lvmh-hero {
   padding-top: 86px;
   padding-bottom: 86px;
   background: #000;
   background-position: 50% 50%;
   background-size: cover;
   background-repeat: no-repeat;
}

.section-lvmh-hero h1.general-title {
   margin-bottom: 30px;
}

.section-lvmh-hero .btn--primary.request-demo {
   margin-top: 30px;
}

/*Section ten years*/
.section-ten-years {
   padding-top: 120px;
   padding-bottom: 120px;
   background: #021E33;
   overflow: hidden;
}

.section-ten-years .container {
   position: relative;
   z-index: 10;
}


.section-ten-years h2.general-title {
   margin-bottom: 24px;
}

.col-boxes .inner {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   gap: 20px;
}

.box {
   min-height: 144px;
   background: rgba(33, 47, 65, 0.50);
   box-shadow: 0 68.225px 191.03px 0 #000;
   backdrop-filter: blur(85px);
   padding: 24px 28px;
   display: flex;
   align-items: flex-start;
   align-content: flex-start;
   justify-content: space-between;
   gap: 35px;
   cursor: pointer;
   transition: all 0.3s;
}

.box p {
   font-weight: 600
}

.box svg {
   width: 9px;
   min-width: 9px;
   max-width: 9px;
   position: relative;
   top: 5px;
   left: 0px;
   transition: all 0.3s;
}

.box:hover svg {
   left: 5px;
}

/*Section partnership*/
.section-partnership {
   padding-top: 120px;
   padding-bottom: 120px;
   background: #000;
   overflow: hidden;
}

.section-partnership .row-main {
   margin-top: 60px;
}

/*PDF EMBED*/
.pdf-swiper {
   background: #0e0e1a;
   color: #d7e0ff;
   border-radius: 0;
   overflow: hidden;
   position: relative
}

.pdf-stage {
   position: relative;
   aspect-ratio: var(--pdf-aspect, 16/9);
   background: #111;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}

.pdf-canvas {
   max-width: 100%;
   /* clamp to stage width */
   max-height: 100%;
   /* clamp to stage height */
   height: auto;
   display: block
}

.pdf-nav {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 72px;
   height: 72px;
   border: none;
   border-radius: 999px;
   background: #212f41;
   display: grid;
   place-items: center;
   cursor: pointer;
   opacity: 0;
   transition: all 0.3s;
}

.pdf-stage:hover .pdf-nav {
   opacity: 1;
}

.pdf-nav:hover {
   opacity: 0.8;
}

.pdf-prev {
   left: 16px
}

.pdf-next {
   right: 16px
}

.pdf-toolbar {
   display: grid;
   grid-template-columns: auto 1fr auto;
   gap: 18px;
   align-items: center;
   padding: 20px 40px;
   background: rgba(33, 47, 65, 0.70);
   backdrop-filter: blur(85px);
}

.pdf-pages {
   min-width: 70px;
   font-weight: 600
}

.pdf-slider {
   width: 100%;
   -webkit-appearance: none;
   height: 2px;
   background: #757e8f;
   outline: none;
}

.pdf-slider::-webkit-slider-thumb {
   -webkit-appearance: none;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   background: #fff;
   border: 2px solid #fff;
}

.pdf-tools {
   display: flex;
   gap: 8px
}

.pdf-tools button {
   background: #1f243a;
   color: #cfe0ff;
   border: none;
   border-radius: 10px;
   padding: 8px 10px;
   cursor: pointer
}

.pdf-zoom-out,
.pdf-zoom-in {
   display: none;
}

.pdf-tools button:hover {
   background: #283056
}

.pdf-topbar {
   background: rgba(33, 47, 65, 0.70);
   backdrop-filter: blur(85px);
   padding-bottom: 0;
   position: relative;
   z-index: 10;
}

.pdf-topbar-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 20px 39px;
   /*margin-bottom: 10px*/
}

.pdf-topbar-title,
.pdf-page-total {
   color: #F4F3F1;
   font-size: 20px;
   font-weight: 600;
   line-height: 140%;
   display: flex;
   gap: 8px;
   align-items: center
}

.pdf-top-sep {
   opacity: .75 color: #F4F3F1;
}

.pdf-top-total {
   display: flex;
   gap: 5px;
}

.pdf-progress {
   height: 15px;
   width: 100%;
   background: transparent;
   overflow: hidden;
   position: absolute;
   bottom: -15px;
}

.pdf-progress-bar {
   display: block;
   height: 100%;
   width: 0%;
   background: linear-gradient(267deg, #0995E3 0%, #096BE1 100%);
   transition: width .25s ease
}

.pdf-pages {
   display: flex;
}

.pdf-pages,
.pdf-pages * {
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: 140%;
   color: #F4F3F1;
}



.pdf-swiper:fullscreen,
.pdf-swiper:-webkit-full-screen {
   width: 100vw;
   height: 100vh;
   display: flex;
   flex-direction: column;
}

.pdf-swiper:fullscreen .pdf-stage,
.pdf-swiper:-webkit-full-screen .pdf-stage {
   flex: 1 1 auto;
}

.pdf-swiper:fullscreen .pdf-canvas,
.pdf-swiper:-webkit-full-screen .pdf-canvas {
   max-height: 100vh;
}

/* Fallback fullscreen (when API not available) */
.pdf-swiper.pdf-fs-fallback {
   position: fixed !important;
   inset: 0 !important;
   width: 100vw !important;
   height: 100vh !important;
   z-index: 2147483647 !important;
   display: flex;
   flex-direction: column;
   background: #0e0e1a;
}

.pdf-swiper.pdf-fs-fallback .pdf-stage {
   flex: 1 1 auto;
}

.pdf-swiper.pdf-fs-fallback .pdf-canvas {
   max-height: 100vh;
}

@media screen and (max-height: 1000px) {
   .pdf-stage {
      max-height: 650px;
      margin-left: auto;
      margin-right: auto;
   }
}


.pdf-tabs-nav {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 20px;
   margin: 0 0 50px;
}

.pdf-tabs-nav .tab-btn {
   background: transparent;
   border: 0;
   color: #FFF;
   padding: 6px 5px;
   cursor: pointer;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 140%;
   text-transform: uppercase;
   border-bottom: 2px solid #3d4d5b;
}

.pdf-tabs-nav .tab-btn.is-active {
   opacity: 1;
   border-bottom-color: #1F7EF6;
}

.pdf-pane {
   display: none
}

.pdf-pane.is-active {
   display: block
}

.pane-text {
   max-width: 655px;
   margin-bottom: 50px;
}

.pane-text.button-right {
   display: flex;
   align-items: flex-start;
   gap: 20px;
   justify-content: space-between;
   width: 100%;
   max-width: 100%;
}

.pane-text.button-right .inner-text-wrapper {
   max-width: 655px;
}

.pane-text .btn--primary.request-demo {
   margin-right: auto;
   margin-left: 0;
   margin-top: 24px;
}

.pane-text.button-right .btn--primary.request-demo {
   margin-left: auto;
   margin-right: 0;
}

/*Section project development*/
.section-project-development {
   padding-top: 120px;
   padding-bottom: 120px;
   background: #000;
   overflow: hidden;
}

.section-project-development::after {
   content: '';
   border-radius: 2025px;
   opacity: 0.24;
   background: linear-gradient(267deg, #0995E3 0%, #096BE1 100%);
   filter: blur(225px);
   width: 2025px;
   height: 631px;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -76px;
   margin-left: auto;
   margin-right: auto;
}

.section-project-development .row-main {
   margin-top: 50px;
}

.col-presentation-tabs .inner {
   background: rgba(98, 122, 153, 0.30);
   background: linear-gradient(0deg, rgba(15 19 25) 0%, rgba(14 39 65) 100%), #000;
   padding: 40px;
}

/*Library*/
.section-project-development .row-library {
   margin-top: 50px;
}

.library-wrapper {
   margin-top: 14px;
   display: flex;
   flex-direction: column;
   gap: 14px;
}

.library-wrapper .library-box {
   display: flex;
   justify-content: space-between;
   align-items: center;
   align-self: stretch;
   cursor: pointer;
   gap: 20px;
   padding: 26px;
   color: #FFF;
   font-size: 20px;
   font-weight: 600;
   line-height: 140%;
   border: 1px solid #212F41;
   background: linear-gradient(0deg, rgba(98, 122, 153, 0.30) 0%, rgba(98, 122, 153, 0.30) 100%), #000;
   border: 1px solid transparent;
   transition: all 0.3s;
}

.library-wrapper .library-box:hover {
   border: 1px solid #787878;
}

.library-wrapper .library-box:hover .btn--primary.btn-transparent svg,
.library-wrapper .library-box:hover .btn--primary.btn-transparent img {
   left: 10px;
}

.library-wrapper .library-box .text {
   flex-basis: 70%;
}

.library-wrapper .library-box .logo {
   flex-basis: 20%;
}

.library-wrapper .library-box .read {
   flex-basis: 10%;
}


.library-wrapper .library-box p {
   font-size: 20px;
   font-weight: 600;
   line-height: 140%;
}

.library-wrapper .library-box .btn--primary.btn-transparent.request-demo {
   margin-top: 0px;
   font-size: 20px;
   font-weight: 600;
   line-height: 140%;
   text-transform: uppercase;
}

/*Section case studies*/
.section-case-studies {
   padding-top: 120px;
   padding-bottom: 120px;
   overflow: hidden;
}

/*
.section-case-studies .row-intro {
   margin-top: 50px;
}*/



.section-case-studies .row-main {
   margin-top: 50px;
   position: relative;
}

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

}

.section-case-studies .container-swiper {
   max-width: 1470px;
   margin: 0 auto;
   padding-left: 15px;
   padding-right: 15px;
   overflow: hidden;
   position: relative;
}

.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: #096BE1;
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   filter: blur(180px);
   opacity: 0.3;
   position: absolute;
   height: 100%;
   width: 100%;
   right: 0;
   bottom: -62%;
   pointer-events: none;
}

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

.marketpage-slider-box {
   background: #0F1821;
   padding: 24px;
   min-height: 540px;
   color: white;
}

.marketpage-slider-box .background-image {
   position: absolute;
   inset: 0;
   top: -10%;
   margin: auto;
   display: flex;
   align-items: center;
   justify-content: center;
}

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

.marketpage-slider-box p.above-title {
   margin-bottom: 0;
}

.marketpage-slider-box p {
   color: #fff;
}

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

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

.marketpage-slider__navigation {
   margin-left: auto;
   margin-right: auto;
   max-width: 1200px;
   display: flex;
   justify-content: space-between;
   width: 100%;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   right: 0;
   z-index: 10000;
   pointer-events: none;
}

.marketpage-slider__navigation img {
   cursor: pointer;
   max-width: 72px;
   z-index: 1001;
   transition: all 0.3s;
   background: #212f41;
   border: 1px solid white;
   width: 72px;
   height: 72px;
   border-radius: 50%;
   padding: 21px;
   pointer-events: all;
}

.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;
   max-height: max-content;
   margin-top: auto;
   margin-right: auto;
}

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

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

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

.section-case-studies .container-swiper.grid-type {
   max-width: 1262px;
}

.section-case-studies .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-case-studies .container-swiper.grid-type {
      padding: 0px 40px;
   }
}

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

/*Section News*/
.section-news {
   padding-top: 120px;
   padding-bottom: 120px;
   background: #F1F2F5;
}

.section-news .row-main {
   margin-top: 60px;
}

/*Section Solutions LVMH*/
.section-solutions-lvmh {
   padding-top: 120px;
   padding-bottom: 120px;
   background: #000;
   overflow: hidden;
}

.section-solutions-lvmh .row-main {
   margin-top: 50px;
}

/*Section Resources*/
.section-resources {
   padding-top: 120px;
   padding-bottom: 120px;
}

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

.specific-posts-parent-wrapper {
   padding: 40px;
   background: #F1F2F5;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

.specific-posts .specific-posts-wrapper {
   margin-top: 40px;
}

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

.swiper-pagination {
   position: absolute;
   text-align: center;
   transition: .3s opacity;
   transform: translate3d(0, 0, 0);
   z-index: 10;
}

@media (max-width: 991px) {
   .learn-more-post p.title {
      font-size: 18px;
      line-height: 28px;
      margin-top: 24px;
   }

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

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

}

@media (max-width: 768px) {
   .specific-posts.mobile.active {
      display: block !important;
   }

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

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

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

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

   .swiper-related-posts .swiper-pagination .swiper-pagination-bullet: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;
   }

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

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

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

@media (max-width: 576px) {
   .posts-navigation {
      overflow-x: auto;
   }
}

/*Section events*/
.section-events {
   padding-top: 80px;
   padding-bottom: 80px;
   background: #F1F2F5;
}

/*Section Pardot*/
.section-pardot {
   padding-top: 120px;
   padding-bottom: 120px;
   background: #000;
}

.section-pardot h2.general-title {
   margin-bottom: 24px;
}

.section-pardot p.text {
   max-width: 540px;
}

/* Modal shell */
.dt-pdf-modal {
   position: fixed;
   inset: 0;
   z-index: 99999;
   display: none;
   background: rgb(0 0 0 / 50%);
}

.dt-pdf-modal.is-open {
   display: block;
}

.dt-pdf-backdrop {
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, .6);
   backdrop-filter: blur(2px);
   opacity: 0;
   transition: opacity .2s ease;
}

.dt-pdf-modal.is-open .dt-pdf-backdrop {
   opacity: 1;
}

.dt-pdf-dialog {
   position: absolute;
   inset: 0;
   margin: auto;
   width: min(92vw, 1200px);
   height: min(86vh, 900px);
   background: #0B0B0C;
   /* dark theme friendly */
   border-radius: 14px;
   box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
   overflow: hidden;
   transform: translateY(10px);
   opacity: 0;
   transition: transform .2s ease, opacity .2s ease;
}

.dt-pdf-modal.is-open .dt-pdf-dialog {
   transform: none;
   opacity: 1;
}

.dt-pdf-close {
   position: absolute;
   top: 10px;
   right: 10px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 38px;
   height: 38px;
   border-radius: 50%;
   border: 1px solid rgba(255, 255, 255, .2);
   background: rgb(60 60 60);
   color: #fff;
   cursor: pointer;
   transition: background .15s ease, transform .08s ease;
   z-index: 2;
}

.dt-pdf-close:hover {
   background: rgb(52 52 52);
}

.dt-pdf-close:active {
   transform: scale(.98);
}

.dt-pdf-body {
   width: 100%;
   height: 100%;
   display: grid;
   place-items: center;
   background: #111;
}

.dt-pdf-frame {
   width: 100%;
   height: 100%;
   border: 0;
   /* shown after load */
   background: #111;
}

.dt-pdf-loader {
   color: #fff;
   font-size: 14px;
   letter-spacing: .02em;
   padding: 12px 16px;
   border-radius: 10px;
   background: rgba(255, 255, 255, .08);
   position: relative;
}

.dt-pdf-loader::before {
   content: "";
   position: absolute;
   left: -9999px;
   /* hide for screen readers */
}

@media (max-width: 600px) {
   .dt-pdf-dialog {
      width: 96vw;
      height: 80vh;
      border-radius: 12px;
   }
}

body.dt-modal-open {
   overflow: hidden;
}

/* Lock scroll on open */
html.dt-modal-open,
body.dt-modal-open {
   overflow: hidden;
}

/*Terms Modal*/
.cs-no-scroll {
   overflow: hidden;
}

.cs-terms-modal {
   position: fixed;
   inset: 0;
   z-index: 9999;
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgba(0, 0, 0, .55);
   padding: 20px;
}

.cs-terms-dialog {
   background: #fff;
   color: #111;
   width: min(820px, 92vw);
   max-height: 86vh;
   border-radius: 14px;
   box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
   display: grid;
   grid-template-rows: auto minmax(0, 1fr) auto;
   overflow: hidden;
}

.cs-terms-header {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 20px 22px;
   border-bottom: 1px solid #eee;
}

.cs-terms-header svg {
   flex: 0 0 auto;
}

.cs-terms-title {
   margin: 0;
   font-size: 20px;
   line-height: 1.2;
   font-weight: 700;
}

.cs-terms-body {
   padding: 20px 22px;
   overflow: auto;
   max-height: 300px;
}

.cs-terms-body p {
   margin: 0 0 14px;
   line-height: 1.55;
   font-size: 14px;
}

.cs-terms-actions {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
   padding: 16px 22px;
   border-top: 1px solid #eee;
}

.cs-terms-actions .left a {
   font-size: 14px;
   color: #666;
   text-decoration: none;
}

.cs-terms-actions .left a:hover {
   text-decoration: underline;
}

.cs-btn-primary {
   appearance: none;
   border: 0;
   border-radius: 10px;
   padding: 10px 16px;
   font-size: 15px;
   font-weight: 600;
   cursor: pointer;
   background: #1F7EF6;
   color: #fff;
   transition: transform .03s ease-in-out, opacity .2s ease;
}

.cs-btn-primary:disabled {
   opacity: .55;
   cursor: default;
}

.cs-btn-primary:active {
   transform: translateY(1px);
}

.cs-no-scroll {
   overflow: hidden;
}

.cs-terms-body {
   overflow: auto;
}

.cs-btn-primary:disabled {
   opacity: .55;
   cursor: not-allowed;
}

.cs-terms-modal {
   opacity: 1;
   transition: opacity .18s ease;
}

.cs-terms-modal.is-hiding {
   opacity: 0;
}

@media (max-width: 520px) {
   .cs-terms-dialog {
      width: 100%;
      max-height: 90vh;
   }

   .cs-terms-title {
      font-size: 18px;
   }
}

/* PDF OVERLAY MODAL */
/* Dialog: take the viewport width */
.dt-pdf-modal .dt-pdf-dialog {
   width: min(96vw, 1400px);
   max-height: 90vh;
   margin: auto;
   background: #111;
   /* or your color */
   padding: 0;
   /* important: so width is the full dialog width */
   border-radius: 12px;
   overflow: hidden;
}

/* Body and wrap should stretch */
.dt-pdf-body {
   padding: 0;
}

#pdfAllPages.pdf-all {
   width: 100%;
   max-height: 85vh;
   overflow: auto;
   margin-top: auto;
}

/* Each rendered page holder */
.pdf-page {
   margin: 16px auto;
   width: 100%;
   max-width: 1200px;
}

/* Canvas sizing: let width drive, keep aspect ratio */
.pdf-page canvas {
   display: block;
   width: 100% !important;
   height: auto !important;
   /* ← don't force 100% height */
   box-shadow: 0 1px 6px rgba(0, 0, 0, .08);
   background: #fff;
}

.dt-pdf-close {
   position: absolute;
   top: 10px;
   right: 23px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 42px;
   height: 42px;
   font-size: 24px;
   border-radius: 50%;
   border: 1px solid rgba(255, 255, 255, .2);
   background: rgb(60 60 60);
   color: #fff;
   cursor: pointer;
   transition: background .15s ease, transform .08s ease;
   z-index: 2;
}

/* PLM PDF chooser */
.pdf-chooser {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
   margin: 0px 0 20px;
   margin-top: -20px;
}

.pdf-chooser__label {
   color: #c2c2c2;
   font-size: 14px;
   font-weight: 400;
}

.pdf-chooser__select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: rgba(255, 255, 255, .08);
   color: #fff;
   border: 1px solid rgba(255, 255, 255, .18);
   border-radius: 10px;
   padding: 12px 42px 12px 14px;
   line-height: 1.2;
   font-size: 14px;
   min-height: 44px;
   min-width: 260px;
   outline: none;
   background-clip: padding-box;
   /* Safari */
}

.pdf-chooser__select:focus {
   outline: none;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, .15) inset;
}

/* Firefox quirks */
@-moz-document url-prefix() {
   .pdf-chooser__select {
      padding-right: 44px;
      text-indent: .01px;
      text-overflow: "";
   }
}

/* Option colors (some UAs ignore) */
.pdf-chooser__select option {
   background: #111b28;
   color: #fff;
}

/* small chevron */
.pdf-chooser {
   position: relative;
}

.plm-pdf-select-wrapper {
   position: relative;
}

/*
.plm-pdf-select-wrapper::after {
   content: "";
   position: absolute;
   right: 20px;
   width: 10px;
   height: 10px;
   top: 32%;
   bottom: auto;
   border-right: 2px solid rgba(255, 255, 255, .7);
   border-bottom: 2px solid rgba(255, 255, 255, .7);
   transform: rotate(45deg);
   pointer-events: none;
}
*/
/*Custom dropdown*/
.cs-select {
   position: relative;
   display: inline-block;
   min-width: 260px;
}

/* Button */
.cs-select__btn {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   background: rgba(255, 255, 255, .08);
   color: #fff;
   border: 1px solid rgba(255, 255, 255, .18);
   border-radius: 10px;
   padding: 12px 14px;
   line-height: 1.2;
   font-size: 14px;
   min-width: 260px;
}

/* Arrow */
.cs-select__btn:after {
   content: "";
   width: 10px;
   height: 10px;
   margin-left: 10px;
   border-right: 2px solid rgba(255, 255, 255, .7);
   border-bottom: 2px solid rgba(255, 255, 255, .7);
   transform: rotate(45deg);
   top: -4px;
   position: relative;
}

/* Menu */
.cs-select__menu {
   position: absolute;
   left: 0;
   right: 0;
   top: calc(100% + 6px);
   z-index: 40;
   background: #0f1a27;
   border: 1px solid rgba(255, 255, 255, .18);
   border-radius: 10px;
   box-shadow: 0 6px 24px rgba(0, 0, 0, .35);
   max-height: 280px;
   overflow: auto;
   display: none;
}

.cs-select.is-open .cs-select__menu {
   display: block
}

/* Item */
.cs-select__item {
   padding: 10px 12px;
   color: #fff;
   font-size: 14px;
   cursor: pointer;
}

.cs-select__item:hover,
.cs-select__item[aria-selected="true"] {
   background: rgba(255, 255, 255, .12);
}

/* Hide the native select but keep it in DOM for a11y/events */
.pdf-chooser__select {
   position: absolute !important;
   left: -9999px;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden
}

/*General responsive*/

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

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

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

@media (min-width: 992px) {

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

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

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

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

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


@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: 1490px;
   }

   .container.container-small {
      width: 100% !important;
      max-width: 1025px;
      margin-left: auto;
      margin-right: auto;
   }
}

@media (max-width: 991px) {
   .row {
      margin-right: 0;
      margin-left: 0;
   }
}

@media (min-width: 992px) {
   .container {
      width: 100%;
      max-width: 970px;
   }
}

@media (max-width: 768px) {


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

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

@media (max-width: 1300px) {
   .section-resources .specific-posts .specific-posts-wrapper {
      gap: 24px;
   }

   .learn-more-post p.title {
      font-weight: 400;
      font-size: 16px;
      line-height: 140%;
      color: #212F41;
      margin-top: 20px;
      margin-bottom: 0px;
   }

   .learn-more-post .read-more {
      margin-top: 20px;
   }
}

@media (max-width: 991px) {

   h2 br,
   h1 br {
      display: none;
   }


   .section-ten-years,
   .section-partnership,
   .section-project-development,
   .section-case-studies,
   .section-news,
   .section-solutions-lvmh,
   .section-resources,
   .section-pardot {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .section-events {
      padding-bottom: 80px;
   }
}

@media (max-width: 768px) {
   html {
      overflow: auto;
   }

   h1.general-title,
   h2.general-title {
      font-size: 24px;
      line-height: 140%;
   }

   h2.general-title.smaller {
      font-size: 18px;
      line-height: 140%;
   }

   .library-wrapper {
      margin-top: 20px;
   }

   p.larger {
      font-size: 14px;
      line-height: 148%;
   }

   .section-lvmh-hero {
      padding-top: 75px;
      padding-bottom: 75px;
   }

   .section-lvmh-hero .text-center,
   .section-partnership .text-center,
   .section-news .text-center {
      text-align: left;
   }


   .section-lvmh-hero .btn--primary.request-demo {
      margin-right: auto;
      margin-left: 0;
      margin-top: 24px;
   }


   .section-lvmh-hero h1.general-title {
      margin-bottom: 12px;
   }

   p.above-title {
      font-weight: 400;
      font-size: 14px;
   }

   .section-ten-years .col-boxes {
      margin-top: 40px;
   }

   .col-boxes .inner {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
      gap: 16px;
   }

   .box {
      min-height: 96px;
   }


   .section-partnership .row-main {
      margin-top: 20px;
   }

   .pdf-topbar-row {
      padding: 12px 16px;
   }

   .pdf-topbar-title,
   .pdf-page-total {
      font-size: 14px;
   }

   .pdf-nav {
      width: 38px;
      height: 38px;
   }

   .pdf-nav svg {
      width: 22px;
   }

   .pdf-progress {
      height: 9px;
      bottom: -9px;
   }

   .pdf-toolbar {
      padding: 11px 16px;
      gap: 8px;
   }

   .pdf-tools button {
      padding: 0px 10px;
   }

   .pdf-pages,
   .pdf-pages * {
      font-size: 14px;
   }

   .pdf-pages {
      min-width: 30px;
   }

   .pdf-tools .pdf-zoom-out {
      display: none;
   }

   .pdf-tools .pdf-zoom-in,
   .pdf-fullscreen {
      display: none;
   }

   .pdf-swiper {
      margin-left: -24px;
      margin-right: -24px;
   }

   .col-presentation-tabs .inner {
      padding: 16px;
   }

   .col-presentation-tabs .inner {
      padding: 16px;
   }

   .col-presentation-tabs .pdf-swiper {
      margin-left: 0;
      margin-right: 0;
   }

   .pdf-tabs-nav {
      margin: 0 0 20px;
   }

   .pdf-tabs-nav .tab-btn {
      font-size: 14px;
   }

   .pdf-tabs-nav .tab-btn {
      text-align: left;
      padding-left: 0;
   }

   .section-project-development .row-main {
      margin-top: 40px;
   }

   .section-project-development .row-library {
      margin-top: 40px;
   }

   .library-wrapper .library-box {
      flex-wrap: wrap;
      padding: 20px;
      gap: 10px 20px;
      min-height: 124px;
   }

   .library-box .text,
   .library-box .logo {
      order: 1;
      flex: 0 1 auto;
   }

   .library-box .read {
      order: 2;
      flex: 0 0 100%;
      margin-top: 0;
      display: flex;
      justify-content: flex-start;
   }

   .library-wrapper .library-box .text {
      flex-basis: 60%;
      align-self: flex-start;
   }

   .library-wrapper .library-box .read {
      flex-basis: 100%;
   }

   .library-wrapper .library-box .btn--primary.btn-transparent.request-demo {
      margin-right: auto;
      margin-left: 0;
   }

   .library-wrapper .library-box p {
      font-size: 16px;
      font-weight: 600;
      line-height: 140%;
   }

   .library-wrapper .library-box .btn--primary.btn-transparent.request-demo {
      font-size: 14px;
   }

   .section-case-studies .row-main:not(.grid-type)::after {
      display: none;
   }

   .section-case-studies .container-swiper {
      padding-left: 0;
      padding-right: 0;
      margin-right: -24px;
      padding-right: 24px;
   }

   .section-case-studies .row-main {
      margin-top: 20px;
   }

   .marketpage-slider-box {
      min-height: 460px;
   }

   .marketpage-slider__navigation {
      top: 0;
      transform: none;
      position: relative;
      margin-top: 20px;
      width: 80px;
      max-width: max-content;
      margin-left: auto;
      margin-right: 0;
      gap: 9px;
   }

   .marketpage-slider__navigation img {
      cursor: pointer;
      max-width: 33px;
      z-index: 1001;
      transition: all 0.3s;
      background: #212f41;
      border: 1px solid white;
      width: 33px;
      height: 33px;
      border-radius: 50%;
      padding: 8px;
      pointer-events: all;
   }

   .marketpage-slider__arrow.swiper-button-disabled,
   .marketpage-slider__arrow.unactive {
      opacity: 0.5;
   }

   .section-news .row-main {
      margin-top: 20px;
   }

   .section-solutions-lvmh .row-main {
      margin-top: 40px;
   }

   .pdf-tabs-content h2.general-title {
      font-size: 20px;
   }

   .pdf-tabs-content p.text {
      font-size: 12px;
      line-height: 148%;
   }

   .section-resources h2.general-title {
      margin-bottom: 0px;
   }

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

   .section-resources .specific-posts .specific-posts-wrapper {
      display: block !important;
      margin-top: 30px;
   }

   .specific-posts-parent-wrapper {
      padding: 24px;
      padding-bottom: 50px;
   }

   .swiper-related-posts .swiper-pagination .swiper-pagination-bullet {
      background: #ffffff !important;
   }

   .marketpage-slider-box .background-image {
      top: -40%;
   }
}

@media (max-width: 575px) {
   #project-dev-tabs .pdf-tabs-nav {
      overflow-x: scroll;
      margin-right: -16px;
   }

   #project-dev-tabs .pdf-tabs-nav .tab-btn {
      min-width: max-content;
   }
}