/* HOMEPAGE */
body.page-template-tpl-homepage {background-color: #F6F8FE}
/* SECTIONS - Hero */
.module-hero {padding: 8vh 0 0;background-image: linear-gradient(to bottom, #f5f7fe, #f8f9fe, #fbfbfe, #fdfdff, #fff);}
.module-hero .module-wrapper {z-index:1;position: relative;}
.module-hero .module-wrapper-inner {margin:0 30px;}
.module-hero .hero-content {display:flex;width:100%;gap:30px;flex-direction: column;justify-content: center}
.module-hero h1 {font-size:3.4rem;padding:0;margin:0 auto;line-height: 100%;color:var(--color-purple-ml);font-weight: 700;text-align: center;text-wrap: balance;max-width:1020px;}
.module-hero .image {text-align: center;}
.module-hero .image img,
.module-hero .image svg {max-width:100%;margin:0 auto;}
.module-hero .media {
flex: 1 1 100%;    /* allow it to grow/shrink but start at 100% width */
}
.module-hero .video {
width: 100%;
max-width:640px;
margin: 0 auto;
}
.module-hero .video > div {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;   /* native aspect ratio control */
}
.module-hero .video iframe {
position: absolute;
inset: 0;                /* shorthand for top:0; right:0; bottom:0; left:0 */
width: 100%;
height: 100%;
border-radius:6px;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.module-hero .row-flex {gap:30px;display:flex;align-items: center;width: 100%; justify-content: center;margin-bottom:3vh;}
.module-hero .hero-subtitle {}
.module-hero .hero-subtitle p {font-size: 1.48rem;font-weight:400;text-align: center;max-width:800px;text-wrap: balance;line-height: 160%;margin:0 auto;}
.module-hero .buttons {text-align: center;}
.module-hero .button {background-color:#38AFE5;line-height: 49px;color:#fff;font-size:1.2rem;padding:0 20px;border-radius: 24px;display:inline-block;text-decoration: none;font-weight: 600;margin:0 auto;white-space: nowrap;}
.module-hero .button:hover {background-color:var(--color-purple-ml)}
@media (min-width: 1px) and (max-width: 1023px){
	.module-hero .row-flex {flex-direction: column}
}
.module-hero .parralax-intro {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	width: 70%;
	max-width:1120px;
}
@media (min-width: 1px) and (max-width: 767px){
	.module-hero .row-flex {flex-direction: column;gap:30px}
}
/* SECTIONS - Intro */
.intro-banner {min-height: 60vh;position: relative;background-image: linear-gradient(to bottom, #f5f7fe, #f8f9fe, #fbfbfe, #fdfdff, #ffffff);background-repeat: no-repeat;background-size: auto 100%;background-position: right center;background-attachment:scroll;position: relative;}
.intro-banner .intro-banner-inner {position:relative;top:0;left:0;width:100%;z-index:2;}
.intro-banner .parralax-intro {position: absolute;top:0;right:0;z-index:-1;width:70%;}
.intro-banner .parralax-intro img {width:100%;height:auto;display:block;}
.intro-banner .table {height:60vh;width:96%;max-width:1280px;margin:0 auto;}
.intro-banner .td {vertical-align: middle;}
.intro-banner .td.content {width:55%;}
.intro-banner .td.video {text-align: right;width:45%;}
.intro-banner .text {padding:30px 30px 0 0;}
.intro-banner .text h2 {font-size:3.6rem;padding:0 0 15px;margin:0;line-height: 100%;color:var(--color-purple-ml);font-weight: 700;}
.intro-banner .text p {font-size: 1.6rem;padding:0;margin:0;line-height: 130%;}
.intro-banner .buttons {padding:30px 0;}
.intro-banner .buttons a {background-color:var(--color-bleu-ml);line-height: 40px;color:#fff;font-size:1em;padding:0 20px;border-radius:20px;display:inline-block;text-decoration: none;text-transform: uppercase;font-weight: 600;}
.intro-banner .buttons a:hover {background-color:var(--color-yellow-ml)}
.intro-banner .video-placeholder {position: relative;display:block;max-width:90%;}
.intro-banner .video-placeholder div {border-radius:6px;overflow: hidden;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}
.intro-banner .video-placeholder a.purple-bg-cover {/*display:inline-block;*/display:none;width:100%;background-image: linear-gradient(to right top, var(--color-purple-ml), #4f5cab, #4175be, #388ccc, #3da3d6);position: relative;border-radius:6px;overflow: hidden;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}
.intro-banner .video-placeholder a.purple-bg-cover img {width:100%;height:auto;display:block;}
.intro-banner .video-placeholder a.purple-bg-cover .play {position: absolute;top: 50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;color:var(--color-yellow-ml);text-decoration: none;display: block;z-index:2;}
.intro-banner .video-placeholder a.purple-bg-cover .play svg {width:100%;height:auto;display:block;}
.intro-banner .video-placeholder a.purple-bg-cover:hover .play-triangle {fill:var(--color-purple-ml)}
/* SECTIONS - Trust */
.trust {padding:0 0 60px;text-align: center;}
.trust h2 {font-size:1.2rem;padding:0 0 20px;margin:0;line-height: 100%;font-weight: 600;}
.home-clients-theme .owl-nav {position:absolute;top:50%;transform: translateY(-50%);left:0;width:100%;-webkit-tap-highlight-color: transparent;height:30px;}
.home-clients-theme .owl-nav .owl-prev {position:absolute;left:-30px;top:0;width:30px;height:30px;color: #DDE3F1 !important}
.home-clients-theme .owl-nav .owl-next {position:absolute;right:-30px;top:0;width:30px;height:30px;color: #DDE3F1 !important}
.home-clients-theme .owl-nav .disabled {opacity: 0.5;cursor: default;}

/* SECTIONS - Challenges */
.offers {padding:30px 0 60px;background:#fff url(../img/stars.svg);background-repeat: no-repeat;background-size: 100% auto;background-position: center top;background-attachment:scroll;}
.offers h2 {font-size:3rem;padding:0 0 20px;margin:0;line-height: 100%;font-weight: 700;text-align: center;color:var(--color-purple-ml)}
.offers p {font-size: 1.1rem;padding:0 0 20px;margin:0;line-height: 130%;text-align: center}
.offers-items {margin:0 10px;padding:20px 0 0;vertical-align: top;}
.offers-items .offers-item-wrapper {float:left;width:33.33%;padding-bottom:30px;}
.offers-item {background-color: #f5f7fe;border-radius:6px;margin:0 20px;padding:30px 0 60px;position: relative}
.offers-item .picto {width:200px;height:200px;background-color: #fff;border-radius:100px;line-height: 200px;vertical-align: middle;margin:0 auto;}
.offers-item .picto img {margin:0 auto;width:200px;vertical-align: middle;display: block;vertical-align: middle;}
.offers-item h3 {text-align: center;color:var(--color-purple-ml);text-transform: uppercase;font-weight:700;padding:15px 0 16px;font-size:1.2rem;text-wrap: balance}
.offers-item h4 {font-weight: 600;font-size:1rem;padding:0 20px 12px;}
.offers-item p {padding:0 20px 15px;line-height: 130%;text-align:justify;font-size: 1rem;}
.offers-item .bt {text-align: center;position: absolute;bottom:0;left:0;width:100%;}
.offers-item .bt a {background-color:var(--color-purple-ml);line-height:50px;color:#fff;font-size:0.9em;padding:0 15px;display:block;text-decoration: none;text-transform: uppercase;font-weight: 600;text-align: center;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.offers-item .bt a:hover {background-color:var(--color-blue-ml)}

/* SECTIONS - EXPERTISES */
.expertises {padding:60px 0 60px;background-repeat: no-repeat;background-size: 100% auto;background-position: right top;background-attachment:scroll;}
.expertises h2 {font-size:3rem;padding:0 0 20px;margin:0;line-height: 100%;font-weight: 700;text-align: center;color:var(--color-purple-ml)}
.expertises p {font-size: 1.1rem;padding:0 0 20px;margin:0;line-height: 130%;text-align: center}
.expertises-items-wrapper {margin:0 30px;}
.expertises-items {width: 100%;display:flex;flex-direction: column;gap:30px;}
.expertise-item {display:flex; gap:30px;align-items: center;width: 100%}
/*
.expertise-item:nth-child(odd) .col-img {order:2}
.expertise-item:nth-child(odd) .col-text {order:1}
*/
.expertise-item .col-img {width:200px;justify-content: center;flex-grow:0;flex-shrink:0;}
.expertise-item .col-text {flex-grow: 1}
.expertise-item .picto {width:200px;background-color: #fff;border-radius:100px;line-height: 200px;vertical-align: middle;margin:0 auto;}
.expertise-item .picto img {width:200px;display: block;}
.content-wrapper {display:flex;flex-direction: column;}
.expertise-item h3 {color:var(--color-purple-ml);text-transform: uppercase;font-weight:700;padding:15px 0 16px;font-size:1.2rem;margin:0;}
.expertise-item h4 {font-weight: 600;font-size:1.2rem;padding:0 0 12px;margin:0;}
.expertise-item p {padding:0 0 15px;line-height: 130%;font-size: 1rem;text-align: left;margin:0;}
.expertise-item .bt {width:100%;}
.expertise-item .bt a {background-color:var(--color-bleu-ml);line-height: 40px;color:#fff;font-size:1em;padding:0 20px;border-radius:20px;display:inline-block;text-decoration: none;text-transform: uppercase;font-weight: 600;}
.expertise-item .bt a:hover {background-color:var(--color-yellow-ml)}
@media (min-width: 1px) and (max-width: 767px){
	.expertise-item {flex-direction: column;gap:30px;}
	.expertise-item h3,
	.expertise-item h4,
	.expertise-item p,
	.expertise-item .bt {text-align: center;}
}
/* SECTIONS - MARTCH */
.martech {background-color: #f5f7fe;padding:60px 0 90px;background-image: url(../img/bg-left-1.svg), linear-gradient(to top, #f5f7fe, #f8f9fe, #fbfbfe, #fdfdff, #ffffff);background-repeat: no-repeat;background-size: auto 100%;background-position: left bottom;background-attachment:scroll;}
.martech .td {vertical-align: middle;}
.martech .td.marketo {width:380px;}
.martech .text h2 {font-size:3rem;padding:0 0 20px;margin:0;line-height: 100%;font-weight: 700;text-align:left;color:var(--color-purple-ml)}
.martech .text h3 {font-size: 1.6rem;padding:0;margin:0;line-height: 130%;padding-bottom:30px;font-weight: 400;font-family: 'Source Sans Pro', sans-serif;}
.martech .text p {font-size: 1rem;margin:0;line-height: 130%;padding:0 0 30px;}
.martech .buttons a {background-color:var(--color-bleu-ml);line-height: 40px;color:#fff;font-size:1em;padding:0 20px;border-radius:20px;display:inline-block;text-decoration: none;text-transform: uppercase;font-weight: 600;}
.martech .buttons a:hover {background-color:var(--color-yellow-ml)}
.providers-items-wrapper {background-color: #fff;border-radius:6px;padding:30px 15px 0;margin-right:30px;position:relative;}
.providers-items-wrapper ul {list-style: none;margin:0;padding:0;}
.providers-items-wrapper ul li {float:left;width:50%;}
.providers-items-wrapper ul li .ref {margin:0 15px;padding-bottom:30px;}
.providers-items-wrapper ul li .ref img {width: 100%;height:auto;}
.martech .dots {text-align: center;padding-top:12px;margin-right:30px;}
.martech .dots span {display:inline-block;width:10px;height:10px;border-radius:5px;background-color:#DCE3F1;margin:0 6px;}
.martech .dots span:first-child {background-color: var(--color-blue-ml);}
.martech .certif {padding-bottom:30px;margin-right:30px;}
.martech .certif .table {background-color:#5C488F;border-radius:6px;overflow: hidden;color:#fff;}
.martech .certif span {display: block;padding-left:12px;}
.martech .certif span.level {font-size: 0.7em;text-transform: uppercase;padding-bottom:2px;}
.martech .certif span.title {font-size: 1em;font-weight: 600;padding-bottom:2px;}
.martech .certif span.tool {font-size: 0.9em;}
.martech .td.adobe {width:70px;}
.martech .td.adobe img {width: 100%;height:auto;}
.home-martech-theme .owl-nav {display:none !important}
.home-martech-theme .owl-dots {text-align: center;-webkit-tap-highlight-color: transparent;position:absolute;bottom:-30px;left:0;width:100%;}
.home-martech-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;*display: inline; }
.home-martech-theme .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 7px;background:var(--color-purple-ml);display: block;-webkit-backface-visibility: visible;transition: opacity 200ms ease;border-radius: 30px; }
.home-martech-theme .owl-dots .owl-dot.active span, 
.home-martech-theme .owl-dots .owl-dot:hover span {background: var(--color-blue-ml); }

/* SECTIONS - Testimonials */
.testimonials {padding:60px 0;background-color:#fff;background-image: url(../img/stars-2.svg);background-repeat: no-repeat;background-size: 100% auto;background-position: center top;background-attachment:scroll;}
.testimonials h2 {font-size:3rem;padding:0 0 20px;margin:0;line-height: 100%;font-weight: 700;text-align:left;color:var(--color-purple-ml)}
.testimonials h3 {font-size: 1.6rem;padding:0;margin:0;line-height: 130%;padding:60px 0 30px;font-weight: 400;font-family: 'Source Sans Pro', sans-serif;}
.testimonials p {font-size: 1rem;padding:0 0 30px;margin:0;line-height: 130%;}
.testimonials-items {list-style: none;margin:0 10px;padding:0;vertical-align: top;}
.testimonials-items li {float:left;width:33.33%;}
.testimonials-item {margin:0 20px;}
.testimonials-item a {position: relative;display: block;width:100%;background-color:var(--color-purple-ml);display:inline-block;position: relative;border-radius:6px;overflow: hidden;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.testimonials-item .video-placeholder-as-img span {display: block;}
.testimonials-item .video-placeholder-as-img .play {position: absolute;top: 50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;color:var(--color-yellow-ml);text-decoration: none;display: block;z-index:2;}
.testimonials-item .video-placeholder-as-img .play svg {width:100%;height:auto;display:block;}
.testimonials-item .video-placeholder-as-img img {width:100%;height:auto;display:block;}
.focus-items {list-style: none;margin:0 10px;padding:0;vertical-align: top;}
.focus-items li {float:left;width:25%;}
.focus-item {margin:0 20px;background-color: #F5F7FE;border-radius:6px;}
.focus-item .td.picto {width:80px;text-align:right;vertical-align: middle;}
.focus-item .td.picto .picto-wrap {width:60px;height:60px;text-align: center;line-height: 60px;background-color: #fff;border-radius:30px;margin:0 auto;color: var(--color-blue-ml);font-size:2em;padding-top:10px;}
.focus-item .td.picto .picto-wrap img {width:40px;height:40px;display:block;margin:0 auto;}
.focus-item .td.content div {padding:20px 15px 20px 0;}
.focus-item .td.content div h4 {font-size:1rem;padding:0 0 10px;margin:0;line-height: 100%;font-weight: 700;text-align:left;color:var(--color-purple-ml);text-transform: uppercase}
.focus-item .td.content div p {padding-bottom:0 !important;}
/* SECTIONS - Blog */
.blog {background-color: #f5f7fe;padding:60px 0;background-image: url(../img/merlin.png);background-repeat: no-repeat;background-size:auto;background-position: left bottom;background-attachment:scroll;}
.blog h2 {font-size:3rem;padding:0 0 10px;margin:0;line-height: 100%;font-weight: 700;text-align:center;color:var(--color-purple-ml)}
.blog p {font-size: 1rem;padding:0 0 10px;margin:0;line-height: 130%;text-align:center}
.blog-items {list-style: none;margin:0 10px;padding:20px 0 0;vertical-align: top;}
.blog-items li {float:left;width:33.33%;padding-bottom:40px;}
.blog-item {margin:0 20px;background-color: #fff;border-radius:6px;position: relative;padding-bottom:50px;}
.blog-item .cover {background-color: var(--color-purple-ml);-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;text-align: center}
.blog-item .cover img {width:100%;height:auto;display:block;}
.blog-item .cover a {display: block}
.blog-item .cover a img {opacity:1;}
.blog-item .cover a:hover img {opacity:0.7;}
.blog-item-inner h3 {color:#5C488F;padding:0 0 10px;margin:0;text-transform: uppercase;font-size:1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight:700}
.blog-item-inner h4 {font-size:0.9em;padding:0 0 6px;margin:0;line-height: 130%;font-weight:600;font-family: 'Source Sans Pro', sans-serif;}
.blog-item-inner h4 a {color: inherit}
.blog-item-inner h4 a:hover {color: var(--color-blue-ml)}
.blog-item-inner {margin:0 20px;padding:20px 0 0;}
.blog-item-inner p {font-size:0.9rem;padding:0 0 30px;margin:0;line-height: 130%;text-align: justify}
.blog-item-inner .buttons {text-align: center;position: absolute;bottom:0;left:0;width:100%;}
.blog-item-inner .buttons a {background-color:var(--color-purple-ml);line-height:50px;color:#fff;font-size:0.9em;padding:0 15px;display:block;text-decoration: none;text-transform: uppercase;font-weight: 600;text-align: center;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.blog-item-inner .buttons a:hover {background-color:var(--color-blue-ml)}
.blog-more {text-align: center;}
.blog-more a {background-color:var(--color-bleu-ml);line-height: 40px;color:#fff;font-size:1em;padding:0 20px;border-radius:20px;display:inline-block;text-decoration: none;text-transform: uppercase;font-weight: 600;}
.blog-more a:hover {background-color:var(--color-yellow-ml)}
/*
	.section-2 .row {display: flex;flex-direction: column;}
	.section-2 .cell-l {order: 2;flex-shrink: 0;display:block;padding:0;}
	.section-2 .cell-r {order: 1;flex-shrink: 0;display:block;padding:0;}
*/
/* RESPONSIVE - GLOBAL */
@media (min-width: 1920px) {
	.intro-banner .parralax-intro {width:60%;}
}
@media (min-width: 1680px) and (max-width: 1919px){
	.intro-banner .parralax-intro {width:60%;}
}
@media (min-width: 1366px) and (max-width: 1679px){
	.intro-banner .parralax-intro {width:60%;}
}
@media (min-width: 1024px) and (max-width: 1365px){
	.intro-banner .parralax-intro {width:60%;}
}
@media (min-width: 768px) and (max-width: 1023px){
	.home-clients-theme .owl-nav {display: none;}
	.offers-items .offers-item-wrapper {float:none;width:100%;}
}
@media (min-width: 1px) and (max-width: 767px){
	.home-clients-theme .owl-nav {display: none;}
	.offers-items .offers-item-wrapper {float:none;width:100%;}
	
	.intro-banner .table {height:auto;width:94%;max-width:1280px;margin:0 auto;display:block;}
	.intro-banner .tr {display: flex;flex-direction: column;}
	.intro-banner .td {vertical-align:top;}
	.intro-banner .td.content {width:100%;order: 2;flex-shrink: 0;display:block;padding:0;}
	.intro-banner .td.video {text-align:center;width:100%;order: 1;flex-shrink: 0;display:block;padding:30px 0 0;}
	.intro-banner .video-placeholder {max-width:100%;}
	.intro-banner .parralax-intro {display: none}
	.intro-banner .text {padding:30px 0 0 0;}
	.intro-banner .text h2 {font-size:2rem;text-align: center}
	.intro-banner .text p {font-size: 1.2rem;padding:0;margin:0;line-height: 130%;text-align: center}
	.intro-banner .buttons {padding:30px 0 60px;text-align: center}
	
	.offers h2 {font-size:1.8rem;}
	.offers p {font-size: 1rem;}
	.offers .boxed-l-pad {margin:0;}
	.offers-items {margin: 0;}
	.offers-item {margin:0;}
	
	.martech {background-size: 100% auto;}
	.martech .table-content {display:block;}
	.martech .table-content-tr {display: flex;flex-direction: column;}
	.martech .td.content {vertical-align:top;width:100%;order: 1;flex-shrink: 0;}
	.martech .td.marketo {vertical-align:top;width:100%;order: 2;flex-shrink: 0;padding-top:60px;}
	.martech .certif {margin-right:0;}
	.martech .text h2 {font-size:1.8rem;}
	.martech .text h3 {font-size: 1.2rem;}
	.martech .text p {font-size: 1rem;}
	.martech .buttons {text-align: center;}
	.martech .buttons a {font-size:0.8rem;}
	.providers-items-wrapper {margin-right: 0;}
	
	.testimonials .boxed-l-pad {margin:0;}
	.testimonials h2 {font-size:1.8rem;}
	.testimonials h3 {font-size: 1.2rem;padding-top:0;font-weight:600;}
	.testimonials p {font-size: 1rem;}
	.testimonials-items {margin:0;}
	.testimonials-items li {float:none;width:100%;padding-bottom:30px;}
	.testimonials-item {margin:0;}
	
	.focus-items {margin:0;}
	.focus-items li {float:none;width:100%;padding-bottom:30px;}
	.focus-items li:last-child {padding-bottom:0;}
	.focus-item {margin:0;}
	
	.blog .boxed-l-pad {margin:0;}
	.blog h2 {font-size:1.8rem;}
	.blog-items {margin:0;}
	.blog-items li {float:none;width:100%;padding-bottom:30px;}
	.blog-items li:last-child {padding-bottom:30px;}
	.blog-item {margin:0;}
}