:root {
    --white: #fff;
    --grey-lighten: #eef1f3;
    --grey:#6b768b;
    --grey-darken: #55656C;

    --font: #2F0F4F;
    --font-grey:#593F72; 
    --black: #19052E;
 

    --primary-darken: #450B80;
    --primary: #5800B0;
    --primary-vivid: #7112FC;
    --primary-lighten: #DECCEF;
    --primary-lighter: #F2EDFB;

    --cyan : #78DED8;
    --cyan-lighten : #C1EEEB;
    --cyan-lighter : #DAF5F3;
    --cyan-darken : #48CDC5;

    --peach : #FEBE9E;
    --peach-lighten : #FFDFCF;
    --peach-lighter : #FFECE2;
    --peach-darken : #EFA580;

    --melon : #FEAE44;
    --melon-lighten : #FED7A2;
    --melon-lighter : #FFE7C8;


/*  Color states  */

    --danger-lighten: #ffe1de;
    --danger: #ff5a54;
    --danger-darken: #df493e;

    --success--lighten: #daf4ee;
    --success: #37c8a7;
    --success-darken: #32b295;

    --warning-lighten: #fff0d9;
    --warning: #fcb244;
    --warning-darken: #e78a00;

    /* --screen-md : 1044px;
    --container-width: 1044px; */
}

/* ------------------ FONT NUNITO ----------------- */

/* nunito-regular - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/nunito-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Nunito Regular'), local('Nunito-Regular'),
         url('../fonts/nunito-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/nunito-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/nunito-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/nunito-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/nunito-v12-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* nunito-600 - latin */
  @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/nunito-v12-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Nunito SemiBold'), local('Nunito-SemiBold'),
         url('../fonts/nunito-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/nunito-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/nunito-v12-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/nunito-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/nunito-v12-latin-600.svg#Nunito') format('svg'); /* Legacy iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
         U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* nunito-700 - latin */
  @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/nunito-v12-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Nunito Bold'), local('Nunito-Bold'),
         url('../fonts/nunito-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/nunito-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/nunito-v12-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/nunito-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/nunito-v12-latin-700.svg#Nunito') format('svg'); /* Legacy iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
         U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* nunito-900 - latin */
  @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/nunito-v12-latin-900.eot'); /* IE9 Compat Modes */
    src: local('Nunito Black'), local('Nunito-Black'),
         url('../fonts/nunito-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/nunito-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/nunito-v12-latin-900.woff') format('woff'), /* Modern Browsers */
         url('../fonts/nunito-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/nunito-v12-latin-900.svg#Nunito') format('svg'); /* Legacy iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face
  {
    font-family: "Dederon-Serif-Bold";
    src: url("../fonts/Dederon-Serif-Bold-3aea2fc75ee4b854f447063b663731d8.woff2") format("woff2"), url("../fonts/Dederon-Serif-Bold-3aea2fc75ee4b854f447063b663731d8.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

* {
    box-sizing: border-box;
}

:root, html, .root {
    font-size: 16px;
    line-height: 24px;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: "Nunito", "Sans-Serif";
    background: var(--white);
    color: var(--font);
}
body {
    font-size: 1.125em;
    line-height: 1.5em;
    position: relative;
}
a {
    color: var(--primary);
    text-decoration: none;
}
a:hover {
    color: var(--primary-vivid);
}
.with__before::before {
    content: url(../chevron.svg);
    color: var(--primary);
    margin-right: .5em;
}
.with__before.back::before  {
    content: url(../chevron-small-left.svg);
}
p, pre, table, blockquote {
    margin-top: 0em;
    margin-bottom: 1.5em;
}
ul ul, ol ol, ul ol, ol ul {
    margin-top: 0em;
    margin-bottom: 0em;
}

/* Let's make sure all's aligned */
hr, .hr {
    border: 1px solid;
    margin: -1px 0;
}
b, i, strong, em, small, code {
    line-height: 0;
}
sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

a.standardbtn, .standardbtn {
	display: block;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08)!important;
	text-decoration: none!important;
    font-family: "Nunito", "Sans-Serif";
    font-size: 1em;
	font-weight: 600!important;
    white-space: nowrap;
    background: var(--primary-vivid)!important;
    color: var(--white);
    padding: 8px 32px 8px 32px;
    margin: .5em auto;
    border-radius: 16px;
    letter-spacing: .025em!important;
    border: none;
    cursor: pointer;
}

a.standardbtn:hover, .standardbtn:hover {
    transform: translateY(-1px);
    background: #450B80!important;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.imput_checkbox_container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.imput_checkbox_item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    margin-right: 1rem;
}


/* --------------- HEADING SCALE ------------- */
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
    font-family:"Dederon-Serif-Bold","serif";
    scroll-margin-top: 3em ;
}

h1 {
    font-size: 2em;
    line-height: 1.25;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    letter-spacing: -2px;
}
h2, .h2 {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-top: 0.75em;
    margin-bottom: 1.5em;
    letter-spacing: -1px;
}
h3, .h3 {
    font-size: 1.25em;
    line-height: 1.5em;
    margin-top: 1em;
    margin-bottom: 0.75em;
    letter-spacing: -1px;
}
h4, .h4 {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 0em;
}
h5, .h5 {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 0em;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
main > p img {
    margin: 2em auto;
    border-radius: 0.5em;
    box-shadow: 0 0.5em 1em -0.5em var(--grey);
}

@media (min-width: 900px) {
    h1, .h1 {
        font-size: 3rem;
        line-height: 1.20;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
      }
    h2, .h2 {
        font-size: 2.25em;
        line-height: 1.35em;
        margin-top: 0.75em;
        margin-bottom: 0.5em;
      }
}

.d-none {
    display: none;
}

/* ----------------- LANDING PAGE ------------*/
.h2_landing {
    margin-bottom: 0.75em;
}

@media (min-width: 900px) {
    .h2_landing {
        font-size: 1.5em;
        margin: 0;
    }
}


/* Bannière déroulante Form Hubspot */ 

.leadin-preview-wrapper h4 {
    font-family: "Nunito", "Sans-Serif";
}

a.leadin-button.leadin-advance-button.leadin-button-secondary {
    font-weight: bold!important;
}


.header_bg {
    background-color: var(--cyan-lighter);
}

header {
    background-color: var(--primary);
    border-radius: 0 0 12px 12px;
}
.header {
	margin: 0;
    padding: 0;
    margin-bottom: 2em;
	/* box-shadow: 0px 0px 10px 2px #ccc; */
	display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "logo action"
                         "nav nav"
                         "cta cta";
    align-items: center;
    /*position: fixed;
    top: 0;
    width: 90%;
    max-width: 1230px;
    background-color: white;*/
}
.header__logo {
	display: flex;
    grid-area: logo;
}

.logo__partner {
    display: flex;
    flex-direction: row;
}
.logo__partner p {
    margin: auto 1em;
    font-size: 1.5em;
    font-weight: 900;
    color: var(--white);
}

.header__logo__img {
	display: block;
	height: 50px;
    margin: .5em 0;
    max-width: 140px;
}
.header__nav {
    display: none;
    grid-area: nav;
    /* margin: 1em 0 2em 0; */
}

.header__nav__menu {
	display: flex;
    flex-direction: column;
	justify-content: center;
	padding: 0;
    margin: auto 0;
}
.header__nav__menu__elem {
	list-style-type: none;
    margin: 2rem 0 0 0;
    font-size: 1.25rem;
}
.header__nav__popup {
    display: none;
}

.header__nav-toggle {
    grid-area: action;
	margin-left: auto;
}
.header__nav-toggle svg{
    fill: var(--white);
}
.header__nav-toggle__btn--show,
.header__nav-toggle__btn--hide {
	cursor: pointer;
	fill: var(--primary-darken);
}
.header__nav-toggle__btn--show {
	display: none;
}
#nav-toggle-hide:checked ~ .header__nav-toggle__btn--show {
	display: unset;
}
#nav-toggle-hide:checked ~ .header__nav-toggle__btn--hide {
	display: none;
}
#nav-toggle-show:checked ~ .header__nav {
	display: unset;
}

.header__cta {
	display: none;
    grid-area: action;
}
#nav-toggle-show:checked ~ .header__cta {
    display: flex;
    grid-area: cta;
    flex-direction: column;
    /* margin: 3em 0 2em 0; */
    padding-bottom: 2rem;
}
#nav-toggle-show:checked ~ .header__nav a {
    color: var(--white);
}

@media (min-width: 900px) {
    .lang-nav {
        color: var(--font)!important;
        margin-left: 24px!important;
        margin-top: 0!important;
    }
    .lang-nav a {
        color: var(--primary)!important;
    }
}

.lang-nav {
    color: var(--primary-lighten);
    margin-top: 24px;
}
.lang-nav a {
    color: var(--white);
}

.header__cta a.header__nav__link {
    margin: 4rem 0 1rem 0;
    font-size: 1.25rem;
    border: solid 1px var(--primary);
    background-color: var(--white);
    width: 100%;
    border-radius: .5rem;
    padding: .5rem;
    text-align: center;
}
a#cta_button_4247514_fbde7474-6cd6-43e2-9d17-dbcc21f545e4 {
    width: 100%!important;
    padding: .5rem!important;
    text-align: center;
}
a.hs_mainbtn_header p {
    font-size: 1.25rem!important;
}



/* -------------- CONTAINER ------------- */

.container {
    width: 90%;
    max-width: 1580px;
    margin: 0 auto;
    word-break: break-word;
}

body > footer {
    background-color: var(--white);
    padding: 2.5em 0;
}
body > footer .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.footer__logo__img {
    max-width: 100%;
}
.footer__logobox p {
    margin-top: 1em;
    font-size: .875rem;
    opacity: 0.7;
}
.footer__logobox a {
    margin-top: 1em;
    font-size: .875rem;
}
.footer__logobox .afoot::before {
    content: url(../chevron.svg);
    color: var(--primary);
    margin-right: .5em;
}
.footer__menu__box {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(1,1fr);
    width: 80%;
    margin-top: 1em;
}
.footer__menu__listheader {
    color: var(--font);
    font-weight: 700;
    font-size: .875rem;
    text-transform: uppercase;
    margin-bottom: 0;
}
.footer__menu__listitem a {
    padding: .5rem 0;
    display: inline-block;
    color: var(--font);
    font-weight: 400;
    font-size: .875rem;
    margin-bottom: 0;
}
.footer__menu__listitem a:hover {
    color: var(--primary);
}
.footer__menu__listitem {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.credit .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-top: 1px solid var(--cyan);
}
.credit__menu__listitem a {
    padding: .55rem 0;
    color: var(--font-grey);
    font-size: .875rem;
}
.credit__menu__listitem a:hover {
    color: var(--primary);
}
.credit__menu__listitem {
    list-style: none;
    padding-left: 0;
    display: inline-block;
    margin: 0;
}
.item__left {
    margin-right: 1rem;
    padding: 1.2rem 0
}
.item__right {
    margin-right: 1rem;
    padding: 1.3rem 0 1rem 0;
}

.credit__social__img {
    display: block;
    max-width: 40px;
}


.credit__line {
    background-color: var(--black);
    padding: 0.5em 0 0.4em 0;
}
.credit__credit {
    font-size: .875rem;
}
p.credit__credit {
    margin: 0;
    color: var(--font-grey);
}

/* TERMS PAGE */
.terms__img {
    margin-right: 0;
    margin-bottom: 2em;
    width: 100%;
}
svg.c-nav--footer__svgicon {
    fill: var(--primary);
}
svg.c-nav--footer__svgicon:hover {
    fill: var(--melon);
}
.terms__p {
    width: 100%;
}

.pagination {
	display: flex;
    justify-content: center;
    margin: 1em 0 3em 0;
}
.page-item {
	list-style-type: none;
	margin-left: 1em;
}
.page-item.active a {
    /*pointer-events: none;*/
    /*cursor: default;*/
    color: var(--primary)
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

ul.header__nav__submenu {
    display: flex;
    flex-wrap: wrap;
}

span.chevron::before {
    content: url(../chevron.svg);
    color: var(--primary);
    margin-right: .2em;
}
@media (min-width: 900px) and (max-width:1439px) {
    .flexcolmenu .adiv {
        flex-direction: column;
    }
}

@media (min-width: 900px) {
	header {
      position: fixed;
      z-index: 4;
      top: 0;
      right: 0;
      left: 0;  
      background-color: #E5F6F5;
    }
    header.scrolled {
        background-color: var(--primary) !important;
        transition: background-color 200ms linear;
    }
   
    header.scrolled .header__nav__menu__elem > a {
        color: var(--white);
    }
    .header__nav__menu__elem > a:hover {
        color: var(--primary-vivid);
    }
    header.scrolled .header__cta > a {
        color: var(--white);
    }
    header.scrolled .header__cta > .lang-nav {
        color: var(--white)!important;
    }

    header.scrolled .header__cta > .lang-nav a {
        color: var(--primary-lighten)!important;
    }
    
    header.scrolled .header__nav__menu__elem > a:hover {
        color: var(--primary-lighten);
    }
    .header__nav {
        display: block;
        margin: unset;
	}
    .header__nav__menu {
        flex-direction: row;
    }
    .header__nav__menu__elem {
        list-style-type: none;
        margin: 1rem;
        font-size: unset;
    }
    .header__cta a.header__nav__link {
        font-size: unset;
        margin-right: 1rem;
        margin: 0 2em 0 0;
        border: unset;
        background-color: unset;
        width: unset;
        border-radius: unset;
        padding: unset;
        text-align: unset;
    }
    a#cta_button_4247514_fbde7474-6cd6-43e2-9d17-dbcc21f545e4 {
        width: auto!important;
        padding: 2px 16px!important;
        text-align: center;
    }
    a.hs_mainbtn_header p {
        font-size: .7em!important;
    }

    .header__nav__menu__elem:hover .header__nav__popup {
        visibility: visible;
    }
    .header__nav__popup {
        display: block;
        position: absolute;
        visibility: hidden;
        z-index: 1000;
        width: 100vw;
        left: 0px;
    }

    span.nav-sub-category {
        font-weight: bold;
    }

    .header__nav__popup > ul {
        display: flex;
        background-color: var(--white);
        padding: 0.5em 3em;
        margin: 1em 0 0 0;
        box-shadow: 0px 12px 20px -16px var(--grey);
        justify-content: center;
    }

    .header__nav__popup > ul > .container {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        padding-top: 8px;
    }

    .header__nav__popup li {
        list-style-type: none;
        font-size: 1rem;
        flex: 1;
        margin : 0 10px;
    }
    .header__nav__link {
        font-size: 1rem;
    }

    .header__nav__submenu {
        margin: 0 0 .5em 0;
        padding: 0;
        font-size: 1rem;
        max-width: 620px;
    }

    
    .grid .header__nav__submenu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 16px;
    }
    

    .header__nav__submenu li {
        display: flex;
        flex-direction: column;
        margin: 10px 10px 10px 0;
        min-width: 200px;
    }

    .header__nav__submenu li img {
        margin-right: 16px;
        display: block;
        max-height: 172px;
        max-width: 160px;
        height: auto;
        width: auto;
    }

    .header__nav__submenu li div {
        display: flex;
        flex: 1;
    }

    .header__nav__submenu li .adiv {
        display: flex;
        margin-bottom: -5px;
    }

    .header__nav__submenu li .item_desc {
        margin-top: -6px;
        font-size: 0.875rem;
        color: var(--grey);
    }

    .nav-cta-desc {
        display: flex;
        flex-direction: column;
        align-self: center;
    }

    /* .nav-cta-desc span {
        max-width: 10rem;
        font-size: 0.875rem;
        margin-bottom: 8px; 
        line-height: 1.2rem; 
    } */

    .nav-cta-desc span.ctadesc {
        margin-top: 6px;
        margin-bottom: 20px;
        font-size: 0.875rem;
        color: var(--font);
        line-height: 1.2rem;
    }

	.header__nav-toggle__btn--show,
	.header__nav-toggle__btn--hide {
		display: none !important;
	}
    .header__cta__a {
        display: inline-flex;
        align-items: center;
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        font-weight: 600;
        color: white;
        background-color: var(--font);
    }
    .header__cta__a:hover {
        color: white;
        background-color: var(--grey-darken);
    }
    .header__cta__a *:not(:first-child) {
        cursor: pointer;
        margin-left: 1em;
    }
    body > footer .container {
        flex-direction: unset;
    }
    .container {
        padding: 0 1em 0 1em;
    }
    .container .header__nav__popup {
        width: 100%;
    }
    .footer__logobox {
        max-width: 30%;
    }
    .footer__menu__box {
        grid-template-columns: repeat(5,1fr);
        width: 66%;
        margin-top: 0;
    }
    .credit .container {
        flex-direction: row;
    }
    .terms__img {
        margin-right: 2em;
        width: 30%;
    }
    .terms__p {
        width: 70%;
    }
}
@media (min-width: 900px) and (max-width:1150px) {
    .header {
        /*padding: 1em 0 0.5em 0;*/
        grid-template-areas:    "logo action"
                                "nav nav"
        ;
    }
    .header__cta {
        /* display: block;
        margin-left: auto; */
        display: flex;
        align-items: center;
        margin-left: auto;
    }
}

@media (min-width: 1151px) {
    .header {
        padding: 0 0 0em 0;
        grid-template-areas: "logo nav action";
        margin-bottom: auto;
    }
    .header__cta {
        display: flex;
        align-items: center;
        margin-left: unset;
    }
}


/* ------------------- HEADER LANDING -------------------*/
.div_header_landing {
    margin: 0;
    padding: 0;
	display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "logo action"
                         "nav nav"
                         "cta cta";
    align-items: center;
}

.div_header_landing > p, .logo_wrapper {
    display: none;
}

.header_landing {
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
}

.logo_wrapper_mobile {
    display: block;
    order: 3;
}

.trial__button__mobile__landing {
    display: block;
    color: var(--white);
    border: 1px solid var(--white);
    padding: 8px 16px;
    border-radius: 8px;
}

.trial__button__mobile__landing:hover {
    color: var(--white);
}

@media (min-width: 900px) {
    .header_landing {
        position: relative;
        background-color: var(--primary)
    }

    .header_landing__partner {
        position: sticky;
        background-color: var(--primary)
    }

    .header_landing strong {
        color: #7CFFCE;
    }

    .div_header_landing {
        grid-template-columns: auto 1fr auto;
    }
    .logo_wrapper {
        margin-left: 5%;
    }
    .logo_wrapper_mobile {
        display: none;
    }
    .div_header_landing > p {
        color: white;
        margin: 1rem auto;
    }
    .logo_wrapper .cta__col__flex p {
        color: white;
        min-width: fit-content;
    }
    .div_header_landing > p, .logo_wrapper {
        display: block;
    }
    .trial__button__mobile__landing {
        display: none;
    }
    
}
.nobg {
    background-color: transparent!important;
}

/* ------------------- HERO COL -------------------*/
.hero__col {
    text-align: center;
    margin: 2.5em 0 4em 0;
}
.hero__col__img {
    margin: 0 auto;
}

/* ------------------- HERO ROW -------------------*/
.hero__row {
    /*margin: 2.5em 0 4em 0;*/
    margin: -2em 0 4em 0;
    padding-top: 1em;
    background-color: var(--cyan-lighter);
}
.hero__row__img {
    margin: 0 auto;
}
.flex_row {
    display: flex;
    flex-direction: column;
}
.hero__order__img {
    order: 1;
}
.hero__order__text {
    order: 2;
}
.card_text {
    margin-top: 2rem;
}

@media (min-width: 900px) {
    .hero__row {
        margin: -2em 0 0 0;
        padding: 6.5em 0 1.5em 0;
    }
    .flex_row {
        display: flex;
        flex-direction: row;
    }
    .flex_row > .card_text {
        max-width: 50%;
    }
    .hero__row__img {
        margin: 0 0 0 2.5em;
    }
    .hero__row .bigger {
        font-size: 1.5rem;
        line-height: 1.5em;
    }
    .hero__order__img {
        order: 2;
    }
    .hero__order__text {
        order: 1;
    }
}
@media (min-width: 1540px) {
    .hero__row {
        margin: -2em 0 0 0;
        padding: 9.5em 0 3.5em 0;
}
}

/* ------------------ MAIN LANDING ----------------- */
main {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

/* ------------------- HERO LANDING -------------------*/
.hero__row__landing {
    padding: 4em 0 2em 0;
    background-color: var(--cyan-lighter);
}
.hero__row__landing strong {
    font-size: 1.5rem;
    line-height: normal;
    font-weight: 500;
}

.hero__row__img__landing {
    margin: 0 auto;
}

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

.hero__row__img__landing video {
    border-radius: 1rem;
    max-width: 100%;
    box-shadow: 0px 12px 20px -16px var(--grey);
    margin: auto;
}

@media (min-width: 900px) {
    .flex_column {
        max-width: 68%;
    }
    .hero__row__landing {
        margin: -2em 0 0 0;
        padding: 3.5em 0 4em 0;
    }
    .hero__row__img__landing {
        margin: 0;
    }
    .hero__row__img__landing > img {
        max-width: 80%;
        margin: auto;
    }
    .section.hero__simple.no_bg.pricing_landing, .price__section__landing {
        max-width: 68%!important;
        margin: 0 0!important;
    }
    .smallpricinglanding { 
        font-size: 2rem!important;
    }
    .table__switcher.landing {
        margin-top: 0;
    }

}


/* ------------ FORM LANDING ----------------*/
.form_container {
    order: 2;
    margin: 2em 0 1.5em 0;
}

.form_flex_order {
    order: 10;
}

@media (min-width: 900px) {

    .form_container {
        position: fixed;
        min-width: 20%;
        height: 70vh;
        left: 70%;
        top: 15vh;
        z-index: 2;
        margin: 0;
    }

    .form_sticky {
        padding: 2em 1.5em 1.5em 1.5em;
        background-color: var(--white);
        border-radius: .5em;
        border: solid 1px var(--cyan-lighter);
        box-shadow: 0px 5px 13px rgba(150, 183, 199, 0.25);
    }
    .tryoffer {
        font-size: .725em;
        color: var(--font-get);
    }

}

@media (max-height: 780px) {
    .form_sticky {
        padding: 0.6em 1.5em;
    }
}


/* ------------------- HERO ASIDE -------------------*/
.hero__aside {
    margin: -2em 0 0 0;
    padding: 0 0 4em 0;
    background-color: #E5F6F5;
    position: relative;
    overflow: hidden;
}

.hero__aside__copy {
    z-index: 0;
    background-color: #E5F6F5;
}

.hero__aside__copy.long h1 {
    font-size: 1.75em;
}

.hero__aside__modal {
    z-index: 10000000000000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    max-width:none;
    background-color:#000000d2;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.stop-scrolling {
    overflow: hidden;
    height: 100%;
}

.hidden {
    display: none;
}

.hero__aside__modal__container {
    display: flex;
    align-content: center;
    justify-content: center;
    height: -webkit-fill-available;
    padding: 2rem;
}

.hero__aside__modal__container__close {
    position:absolute;
    top: 60px;
    right:0;
    width: 2rem;
    margin: 1em;
}

.hero__aside__modal__container iframe {
    margin: auto;
    width: 100%;
}
.hero__aside__copy h1 span
{
    color: var(--primary);
}
.hero__aside__copy__subtitle {
    margin-bottom: .5em;
}

.hero__aside__copy__subtitle.alternative {
    margin-top: 1.5rem;
    margin-bottom: 0;
    color: var(--primary);
    font-size: 1.5rem;
}

.h1_alternative {
    margin-top: 0.75rem;
}

.hero__aside__copy__p
{
    font-size: 1.15rem;
}

.hero__aside__img {
    margin: 1em auto 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

button.hero__aside__img__btn {
    background-color: var(--cyan-darken);
    padding: .5em 1em;
    border-radius: 2em;
    border-width: 0;
    color: var(--white);
    opacity: 85%;
    display: inline-flex;
    align-items: center;
    position: absolute;
}

button.hero__aside__img__btn:hover {
    opacity: 100%;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    transition: all 0.25s ease;
    cursor: pointer;
}

.hero__aside__img__btn img {
    display: inline-block;
    margin-right: .5em;
}

.hero__aside .card_text {
    font-size: 1.125em;
}

.lottie__animation {
    z-index: 3;
}

.lottie__animation__background {
    z-index: 2;
    position: absolute;
    max-width: -webkit-fill-available;
    max-height: -webkit-fill-available;
    margin : 1em -3em 8em 6em;
    display: none;
}

.lottie__animation__sparkles {
    position: absolute;
}

.lottie__animation__sparkles img {
    transform: rotate(165deg);
}

@media (min-width: 900px) {
    .hero__aside__copy {
        padding-right: 2em;
        max-width: 70%;
        order: 1;
    }

    .hero__aside__copy.long h1 {
        font-size: 3rem;
    }

    .hero__aside {
        margin: -2em 0 0 0;
        padding: 6.5em 0 1.5em 0;
    }
    .hero__aside__img {
        max-width: 45%;
        order: 2;
    }
    .hero__aside__modal__container iframe {
        margin: auto;
        width: 80%;
        height: 80%;
    }
    .lottie__animation__background {
        margin-bottom: 200px;
        margin-left: 120px;
        max-width: -webkit-fill-available;
        display: flex;
    }
    .lottie__animation__sparkles {
        right: -65px;
        bottom: 40px;
        max-width: 700px;
    }
}
@media (min-width: 1540px) {
        .hero__aside {
            margin: -2em 0 0 0;
            padding: 7.5em 0 3.5em 0;
    }
}

/* ------------------- HERO SIMPLE ------------------- */
/*.hero__simple {
    text-align: center;
    margin-top: 4em ;
    padding: 2em 0 2em 0;
}*/
/* .hero__simple h1 {
    color: var(--font);
} */
.hero__simple p {
    font-size: 1.5rem;
}


@media (min-width: 900px) { 
    .hero__simple {
        text-align: center;
        margin-top: 4em ;
        padding: 2em 0 2em 0;
    }
}

/* ------------------- LOGO LIST -------------------*/

.logo__list__section {
    background: var(--peach-lighter);
    margin: 3em 0 5em 0;
}
.logo__list h3 {
    text-align: center;
}
.logo__list__logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.logo__list img {
    width: 50%;
    padding: 1em;
}
.logo__list p {
    text-align: center;
    font-weight: bold;
    margin: 10px 0 0 0;
}

.logo__list__section.nobg.alternative {
    margin-top: 0;
    margin-bottom: 1rem;
}
@media (min-width: 900px) {
    .logo__list__section {
        margin: 2.5em 0;
    }
    .logo__list img {
        width: 20%;
    }
    .logo__list__logos {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

/* ------------------- LOGO LIST LANDING -------------------*/
.logo__list__landing {
    padding: 2em 0;
}
.logo__list__landing p {
    text-align: center;
    font-weight: bold;
    margin: 10px 0 20px 0;
}
.logo__list__landing img {
    width: 30%;
    margin: 0.75em;
    background-color: var(--white);
    border-radius: 8px;
}
.logo__list__logos__landing {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.logo__list__section__landing {
    background: var(--peach-lighter);
    margin: 3em 0 3em 0;
}

@media (min-width: 900px) {
    .logo__list__section__landing {
        margin: 4em 0 2.5em 0;
    }
    .logo__list__logos__landing {
        justify-content: center;
    }
    .logo__list__landing {
        display: flex;
        flex-direction: column;
        max-width: 55%;
    }
    .logo__list__landing img {
        width: 27%;
    }
}


/* ------------------- LOGO LIST CONTAINED -------------------*/
.logo__list__section.contained {
    background-color: var(--cyan-lighter);
    padding: 3em 0;
}
.logo__list__section.contained h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 1em;
}


/* ------------------- FEATURE INTRO -------------------*/
.feature__intro {
    margin: 1em 0 0 0;
    text-align: center;
}

.feature__intro h2 {
    color: var(--primary);
    margin-bottom: 0;
}

@media (min-width: 900px) {
    .feature__intro {
        margin: 5em 0 0 0;
        text-align: center;
    }  
}

/* ------------------- FEATURE LIST -------------------*/

.feature__list {
    margin: 3.5em 0;
    text-align: center;
}
.feature__list>h2 {
    margin-bottom: .5em;
}

.feature__list h2 {
    color: var(--primary);
}

.feature__list__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2em 0 0 0;
    align-items: baseline;
}

.feature__list__colored {
    background-color: var(--cyan-lighten);
    padding: 1em 0 2em 0;
}
.feature__list__colored.purple {
    background-color: white;
    color: var(--font);
}

.item_text {
    margin-bottom: 1em;
}

@media (min-width: 900px) {
    .feature__list {
        margin: 7.5em 0;
    }
    .feature__list__colored {
        padding: 3em 0 5em 0;
    }
    .feature__list__colored .feature__list {
        margin: 0;
    }
}

/* ------------------- FEATURE LIST CONTAINED -------------------*/
.feature__list.contained {
    padding: 1em 1em 2em 1em;
    margin: 2em 0 4em 0;
    background-color: var(--peach-lighter);
    border-radius: .5em;
}
.feature__list.contained h2 {
    margin: 0 0 1em 0;
    color: var(--primary-darken);
}
.feature__list.contained .feature__item img { 
    margin-top: 0;
    margin-right: auto;
    margin-left: 0;
}
/* .feature__list.contained .item_text {
    opacity: 80%;
} */
/* .feature__list.contained .item_text h3{
    color: var(--white);
} */
.feature__list.contained .feature__item {
    margin-top: 3em;
}
.feature__list.contained .feature__item:first-child {
    margin-top: 0;
}
@media (min-width: 900px) {
    .feature__list.contained .feature__item {
        margin-top: 0;
    }
    .feature__list.contained {
        padding: 2em;
    }
}

/* ------------------- FEATURE ITEM HOME -------------------*/

.feature__item__home {
    text-align: center;
}
.feature__item__home img {
    margin: 2em auto;
    max-width: 80%;
}

@media (min-width: 900px) {
    .feature__item__home {
        max-width: calc((100% / 3) - 3em);
    }
    .feature__item__home img {
        max-width: 100%;
    }
}

/* ------------------- FEATURE ITEM -------------------*/

.feature__item {
    text-align: left;
}
.feature__item img {
    margin: 2em auto;
    max-width: 80%;
}

@media (min-width: 900px) {
    .feature__item {
        max-width: calc((100% / 3) - 3em);
    }
    .feature__item img {
        max-width: 100%;
    }
}

/* ------------------- FEATURE DEMI BLOC -------------------*/

.feature__demibloc {
    text-align: center;
    margin-bottom: 2em;
}
.feature__demibloc img {
    margin: 1em auto;
}
.feature__demibloc a {
    margin-left: auto;
}

@media (min-width: 900px) {
    .feature__demibloc {
        max-width: calc((100% / 2) - 3em);
        margin-bottom: 0em;
    }
}



/* ------------------- FEATURE CARD  -------------------*/

.feature__card {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1.5em 0;
}
.feature__card p {
    margin-top: 10px;
}
.card__text h2 {
    margin-bottom: .5em;
    margin-top: .5rem;
    font-size: 2rem;
}
.feature__card__img video {
    border-radius: 1rem;
}
.feature__card__img {
    margin-bottom: 1rem;
}

.order1 {
    order: 2;
}

.order2 {
    order: 1;
}

@media (min-width: 900px) {
    .feature__card {
        justify-content: space-between;
        margin: 3.5em 0;
        align-items: center;
    }
    .feature__card__img {
        width: calc(50% - 2em);
        max-width: 650px;
    }
    .card__text {
        width: 50%;
        padding: 0 2rem;
    }
    .card_text h2 {
        margin-bottom: .75em;
    }
    .card__order1 {
        order: 1;
    }
    .card__order2 {
        order: 2;
    }
    .order1 {
        order: 1;
    }
    
    .order2 {
        order: 2;
    }

}

/* ---------------- FEATURE CARD LANDING ----------------*/
.feature__card__landing {
    display: grid;
    margin: 1.5em 0 0 0;
}

.feature__card__img__landing video {
    border-radius: 1rem;
}

@media (min-width: 900px) {
    .feature__card__landing {
        grid-template-columns: repeat(2, 1fr);
        max-width: 68%;
        margin: 4em 0 1em 0;
        align-items: center;
    }
    .feature__card__img__landing {
        width: 100%;
        max-width: 650px;
    }
    .card__text__landing {
        width: 100%;
        padding-right: 10%;
    }
    .card__text__landing p {
        margin: 1em 0 0 0;
    }
}


/* ------------------- CTA COL -------------------*/

.cta__col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cta__first {
    display: flex;
    justify-content: center;
}

.cta__col .hs-cta-wrapper {
    margin: 5px auto;
}
.cta__col__flex {
    display: flex;
    align-items: center;
    margin: 1rem auto;
}
p.cta__col__flex__p {
    margin-bottom: 0;
    color: var(--grey-darken);
}
p.cta__col__flex__p__none {
    margin-bottom: 0;
    color: var(--grey-darken);
}
.cta__logo__slack {
    display: block;
    max-width: 100px;
    margin: 0 1em;
}
.cta__col h2 {
    text-align: center;
}
.cta__col .tryoffer {
    font-size: .725em;
    color: var(--font-get);
    text-align: center;
    margin: .5em 0 .3em 0;
}

@media (min-width: 900px) {

    .cta__first {
        display: flex;
        justify-content: center;
        flex-direction: row;
        max-width: 600px;
        margin: auto;
    }
    
    .cta__col .hs-cta-wrapper {
        margin: 0 8px;
    }
}

@media (max-width: 375px) {
    .cta__col__flex__p__none {
        display: none;
    }
}

/* ------------------- CTA FINAL -------------------*/
#cta__final {
    background-color: var(--cyan-lighter);
    z-index: 1;
    position: relative;
}
.cta__final h2 {
    color: var(--primary-darken);
}

.cta__final {
    padding: 3em 0;
}

.cta__final #hs-cta-wrapper-67fc207f-9080-4205-be04-d495b26be1e7 {
    margin: .5em auto;
}
/* .cta__final .cta__logo__slack {
    margin-top: .75em;
} */

/* ------------------- CTA FULL WIDTH -------------------*/
.cta__ful__width {
    background-color: var(--peach-lighten);
    padding: 3em 0;
}
.cta__ful__width.cyan {
    background-color: var(--cyan-lighten);
}
.cta__full__width__flex {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.cta__full__width__flex img {
    max-width: 162px;
    margin: 0 auto;
}
.cta__ful__width h2 {
    color: var(--primary-darken);
    text-align: center;
}
.cta__ful__width__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
article.cta__ful__width__link span.hs-cta-wrapper {
    margin: 0 auto .75em auto;
}

.cta__ful__width__link a {
    font-weight: 600;
    padding: 0.5em 2em;
    border-radius: 1.5em;
    background-color: var(--white);
    color: var(--primary-darken);
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}

.cta__ful__width__link .hs-cta-wrapper a {
    font-weight: unset;
    padding: unset;
    border-radius: unset;
    background-color: unset;
    color: unset;
    margin: unset;
    display: unset;
    flex-direction: unset;
}

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

.cta__ful__width__link img {
    display: block;
    /* max-width: 100px; */
    margin: 0 auto;
}
@media (min-width: 900px) {
    .cta__ful__width {
        padding: 4em 0;
    }
    .cta__full__width__flex {
        display: flex;
        flex-direction: row;
        text-align: left;
    }

    .cta__full__width__flex__content {
        flex-direction: row;
    }

    .cta__ful__width h2 {
        max-width: 860px;
        margin: 0 1em;
        text-align: left;
    }
    /* .cta__ful__width__link {
        min-width: 250px;
    } */
}


/* ------------------- VIDEO BLOC -------------------*/
.video__bloc {
    background-color: var(--cyan-lighten);
    padding: 2em 0 ;
}

.video__bloc h2 {
    text-align: center;
    color: var(--primary-darken);
}
.video__bloc p {
    text-align: center;
    margin: 1em 0;
}
@media (min-width: 900px) {
    .video__bloc {
        padding: 4em 0  ;
    }
    .yt-video {
        max-width: 50%;
        margin: 3em auto 0 auto;
    }
}

/* ------------------- VIDEO BLOC CONTAINED -------------------*/
.video__bloc__contained {
    background-color: var(--cyan-lighten);
    padding: 3em 0 3.5em 0;
}
.video__bloc__contained__flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.video__bloc__contained h2 {
    color: var(--primary-darken);
}
@media (min-width: 900px) {
    .video__bloc__contained__flex {
        display: flex;
        flex-direction: row;
        text-align: left;
    }
    .video__bloc__contained {
        padding: 4em 0;
    }
    .video__bloc__contained h2 {
        margin-right: 2em;
        max-width: 40%;
    }
    .video__bloc__contained__player {
        max-width: 60%;
        flex: 1;
    }
    .video__bloc__contained__player:first-child {
        width: 100%;
    }
}

/* ------------------- VIDEO LOCAL -------------------*/
.video__local h2 {
    text-align: center;
}
.video__local p {
    text-align: center;
    margin: 1em 0;
}
.video__local video {
    display: block;
    margin: 1em auto;
    width: 100%;
}


/* ------------------- TESTIMONIAL LIST -------------------*/

.testimonial__list {
    background: var(--peach-lighter);
    padding: 2em 0 6em 0;
}
.testimonial__list.video {
    padding: 1em 0; 
}

.testimonial__list h2 {
    text-align: center;
}
@media (min-width: 900px) {
    .testimonial__list {
        background: var(--peach-lighter);
        padding: 3em 0 6em 0;
    }
    .testimonial__list.video {
        padding: 1em 0; 
    }
}

/* ------------------- TESTIMONIAL MONO -------------------*/

.testimonial__mono {
    background-color: var(--primary);
    padding: 2em 0;
}
.testimonial__mono__catchphrase h2 {
    color: var(--white);
}
.testimonial__mono .container {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 3em;
    padding-bottom: 5em;
}
.testimonial__mono__catchphrase__p {
    color: var(--white);
    margin: 1.5em 0 0 0;
}
.testimonial__mono hr {
    /* color: var(--grey); */
    width: 30%;
    border: solid 2px var(--grey);
    border-radius: 2px;
    margin-inline-start: 0;
    margin-top: 1.5em;
}
.testimonial__mono__logo__customer {
    top: -2em;
    right: 0;
    position: absolute;
    width: 225px;
    z-index: 200;
}
.testimonial__mono__logo__customer img {
    max-width: 225px;
    max-height: 88px;
    padding: 1em;
    background-color: var(--white);
    border-radius: .5em;
    box-shadow: 0px 5px 13px rgba(150, 183, 199, 0.25);
    margin-left: auto;
}
.testimonial__mono__container {
    display: flex;
    padding: 2em 1em;
    background-color: var(--peach-lighter);
    opacity: 100%;
    border-radius: .5em;
    box-shadow: 0px 5px 13px rgba(150, 183, 199, 0.25);
    color: var(--primary-darken);
    font-style: italic;
    margin: 0 2em 1em 0em;
    position: relative;
}
.testimonial__mono__photo__customer {
    position: absolute;
    right: -2em;
    bottom: -6em;
}
.testimonial__mono__photo__customer img {
    max-width: 150px;
}
.opening_quote,
.closing_quote {
    font-size: 3.5em;
}
.opening_quote {
    margin: 0 0 0 0;
}
.closing_quote {
    text-align: right;
    padding-right: 1.5em;
    margin: 0 0 1rem 0
}
.testimonial__mono__content_txt {
    line-height: 1.85rem;
}
.testimonial__mono__content__signature {
    color: var(--primary-darken);
    margin: 0 0 0 0.5em;
    /*margin-top: -1em;
    max-width: 160px;*/
}
.testimonial__mono__content__signature p {
    margin: 0;
    font-style: normal;
}
.testimonial__mono__article {
    position: relative;
    z-index: 1;
}
.testimonial__mono__pattern {
    position: absolute;
    display: block;
    bottom: 0em;
    right: -6em;
    z-index: -1;
}
.testimonial__mono__pattern img {
    width: 70%;
}
.testimonial__mono__usecase {
    margin-left: 0em;
    color: var(--white);
}
.testimonial__mono__usecase:hover {
    opacity: 80%;
    color: var(--white);
}
.testimonial__mono__usecase:before {
    content: url(../chevron-white.svg);
    color: var(--primary);
    margin-right: .5em;
}

@media (min-width: 900px) {
    .testimonial__mono .container {
        grid-template-columns: repeat(2,1fr);
        padding-top: 4em;
        grid-gap: 1em;
    }
    .testimonial__mono__container {
        margin: 0 2em 1em 2em;
    }
    .testimonial__mono__photo__customer {
        position: absolute;
        right: unset;
        bottom: unset;
        top: 4em;
        left: -4em
    }
    .testimonial__mono__pattern {
        bottom: -1em;
        right: -6.5em;
    }
    .testimonial__mono__catchphrase {
        padding-right: 6em;
    }
    .testimonial__mono__content__signature {
        margin : 0.5em 0 0 1em;
        max-width: unset;
    }
    .testimonial__mono__content {
        padding-right: 0;
        padding-left: 4em;
    }
    .closing_quote {
        margin: 0 0 0 0
    }
    .testimonial__mono__usecase {
        margin-left: 2em;
    }
}

/* ------------------- TESTIMONIAL LANDING -------------------*/
.testimonial__mono__landing {
    background-color: var(--primary);
    padding: 2em 0;
    margin: 3em 0 0 0;
}

.testimonial__mono__container__landing {
    display: flex;
    padding: 2em 1em 0 1em;
    color: var(--primary);
    font-style: italic;
    margin: 1em 2em 2em 1em;
    order: 2;
    background-color: var(--peach-lighter);
    opacity: 100%;
    border-radius: .5em;
}

.testimonial__mono__catchphrase__p__landing {
    color: var(--white);
    margin: 1.5em 0 0 0;
    display: none;
}

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

.opening_quote__landing {
    margin: 0 0 0 0;
}

.opening_quote__landing, .closing_quote__landing {
    font-size: 3.5em;
}

.closing_quote__landing {
    text-align: right;
    padding : 0.5em 0.5em 0 0;
    margin: 0
}
.testimonial__mono__customer__landing {
    display: flex;
    align-items: center;
    margin: 0;
    order: 3;
}
.testimonial__mono__customer__landing img {
    width: 25%;
}
.testimonial__intro__landing {
    order: 1;
}
.testimonial_landing .testimonial__mono__content__signature, .testimonial__intro__landing > h2 {
    color: var(--white);
}
.testimonial_landing .testimonial__mono__content__signature a {
    color: var(--white);
}
.testimonial__mono__content_txt__landing {
    line-height: 1.85rem;
    margin-bottom: 0;
}

@media (min-width: 900px) {
    
    .testimonial__mono__customer__landing img {
        width: 15%;
    }
    .testimonial_landing {
        max-width: 65%;
    }
    .opening_quote__landing {
        margin: 0 0 0 -0.5em;
    }
    .closing_quote__landing {
        margin: 0 -0.7em 0 0;
    }
    .testimonial__mono__catchphrase__p__landing {
        display: block;
    }
    .testimonial__mono__customer__landing {
        order: 1;
        margin: 5% 0 5% 0;
    }
    .testimonial__intro__landing {
        order: 2;
    }
    .testimonial__mono__container__landing {
        order: 3;
        padding: 2em 5em 2em 2em;
        color: var(--grey-lighten);
        background-color: var(--primary);
    }
    .testimonial__mono__content_txt__landing {
        line-height: 1.85rem;
    }
    .testimonial__mono__landing {
        padding: 0;
        margin-top: 4em;
    }
    .badge__list__landing {
        max-width: 68%;
    }
    .feature__intro.landing {
        max-width: 68%;
    }
}



/* ------------------- TESTIMONIAL MONO RIGHT -------------------*/
.testimonial__mono.whitebg h2,.testimonial__mono.whitebg .testimonial__mono__catchphrase__p {
    color: var(--font);
}
.testimonial__mono.whitebg .testimonial__mono__catchphrase__p {
    margin: 1.5em 0 2em 0;
}
.testimonial__mono.whitebg .testimonial__mono__usecase {
    color: var(--primary);
}
.testimonial__mono.whitebg .testimonial__mono__usecase:before {
    content: url(../chevron.svg);
    color: var(--primary);
    margin-right: .5em;
}

.testimonial__mono.whitebg {
    background-color: var(--white);
    padding: 0;
}
.testimonial__mono__usecase.alt {
    margin-left: 0;
    background-color: unset;
    margin-top: 2em;
}
.testimonial__mono hr {
    margin-bottom: 2em;
}

@media (min-width: 900px) {
    .testimonial__mono__article.left {
        order: 1;
    }
    .testimonial__mono__catchphrase.left {
        order: 2;
        padding-right: 0;
        padding-left: 4em;
    }
}

/* ------------------- APPVIZER -------------------*/

.appvizer {
    text-align: center;
    padding: 2em;
    background-color: var(--cyan-lighter);
}
.appvizer img {
    margin: 0 auto;
}
.logoappvizer {
    max-width: 300px
}
.appvizer p {
    margin-top: 1em;
}

/* ------------------- LEYTON PARTNERBOX -------------------*/
.leyton__partnerbox {
    background-color: #002060;
    padding: 2em 0 3em 0;
}
.leyton__partnerbox h2 {
    color: var(--white);
}
.partnerbox__content {
    margin-top: 1em;
}
.partnerbox__content img {
    margin: 0 auto;
}
.partnerbox__content__copy {
    color: var(--white);
    margin-top: 1em;
}
.partnerbox__content .cta__row a {
    background-color: var(--white);
    color: #002060;
}
@media (min-width: 900px) {
    .leyton__partnerbox {
        padding: 4em 0 5em 0;
    }
    .partnerbox__content img {
        margin: 0 2em 0 0;
        width: 80%;
    }
    .partnerbox__content__copy {
        color: var(--white);
        width: 60%;
        margin-top: 0;
    }
}

/* ------------------- CONTENT FULL -------------------*/

.content__full__h1 {
    margin-top: 3em;
}

.content__full__img {
    width: 100%;
    margin: 2em 0;
}
video {
    max-width: 100%;
}

@media (min-width: 900px) {
    img {
        max-width: 100%;
    }
    video {
        max-width: 100%;
    }
    .hero__aside__img video {
        max-width: 100%;
        min-width: 540px;
    }
}

/* ------------------- USECASE -------------------*/

.usecase__section {
    background-color: var(--white);
    padding: 2em 0;
    text-align: center;
}

.usecase_grid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    padding: 1.5em 0;
}
.usecase__card {
    padding: .75em;
    text-align: left;
    border-bottom: 1px solid var(--cyan-lighten);
    border-right: none;
}

.usecase__home__card.nohome {
    background-color: unset;
    padding: 1em;
    margin: 0;
}

.usecase__home__card__desc, .usecase__home__card h4 {
    color: var(--font);
}

.usecase__home__card p.with__before {
    color: var(--primary);
    margin-bottom: 0;
    font-weight: 700;
}

.usecase__card:nth-last-child(-n+1) {
    border-bottom: none;
}
@media (min-width: 900px) {
    .usecase_grid {
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
    .usecase__card:nth-last-child(-n+3) {
        border-bottom: none;
    }
    .usecase__card:nth-child(3n) {
        border-right: none;
    }
    .usecase__card {
        border-right: 1px solid var(--cyan-lighten);
        padding: 1.5em;
    }
}

/* ------------------- USECASE HOME -------------------*/
.usecase__home__section {
    /*margin: 3.5em 0;*/
    margin: 0 0 3.5em 0;
}

.usecase__home__title p {
    text-align: center;
    margin-bottom: 2em;
}

.usecase__home__title.home {
    margin-top: 2em;
}

.usecase__home__title h2 {
    text-align: center;
    margin-bottom: .5em;
    color: var(--primary);
}
.usecase__home__type {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.5em;
}

.usecase__home__card__txt__pre-title {
    font-size: 0.75em;
    font-weight: 700;
    color: var(--grey-darken);
    text-transform: uppercase;
}

.usecase__home__type h3 {
    text-align: left;
    width: 100%;
    margin-bottom: .25em;
    margin-top: -.25em;
    color: var(--primary);
}
.usecase__home__type__container {
    padding-left: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.usecase__home__type__container a, .usecase__home__type__container div {
    color: var(--font);
    width: 100%;
    flex: 1;
    min-width: 250px;
}
.usecase__home__card {
    margin: .25em .25em .25em 0;

    border-radius: 0.5em;
}

.usecase__home__first__card{
    background-color: var(--peach-lighter);
}

.usecase__home__second__card{
    background-color: var(--cyan-lighter);
}

.usecase__home__third__card{
    background-color: var(--primary-lighter);
}

.usecase__home__card:hover {
    border-radius: 1em;
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    transition: all 0.25s ease;
}

.usecase__home__card__img img {
    padding: 1em;
    width: -webkit-fill-available; 
}

.usecase__home__card__img.alternative img {
    padding: 1em 1em 0 1em;
}


.usecase__home__card__txt {
    padding: 1.2em;
}
.usecase__home__card__txt p{
    margin-bottom: .5em;
}

.usecase__home__card p.usecase__home__card__main_cta {
    margin-top: 1em;
    /*border-radius: 8px!important;
	padding: 8px 32px!important;*/
	text-decoration: none!important;
	font-weight: 700!important;
    letter-spacing: .025em!important;
    color: var(--primary);
    /*background-color: var(--primary-vivid);
    text-align: center;*/
}
/* .usecase__home__card p.usecase__home__card__main_cta:hover {
    transform: translateY(-1px);
    background: #450B80!important;
} */

.usecase__home__card p.usecase__home__card__main_cta span:before {
    content: url(../chevron.svg);
    color: var(--primary);
    margin-right: .5em;
}


.call_clic {
    color: var(--primary);
    margin-bottom: 0;
}
@media (min-width: 900px) {
    /*.usecase__home__section {
        margin: 4.5em 0;
    }*/

    .usecase__home__card {
        margin: 0;
    }

    .usecase__home__section.short.alternative {
        margin-bottom: 0;
    }

    .usecase__home__type {
        margin-bottom: 3em;
    }

    .usecase__home__usescase_type:first-of-type {
        margin-right: 1.25em;
    }
    .usecase__home__usescase_type:last-of-type {
        margin-left: 1.25em;
    }

    .usecase__home__type__container a {
        width: 25%;
    }
    .usecase__home__usescase_type.nolink {
        width: 25%;
    }
    .usecase__home__type h3 {
        text-align: left;
    }
}


/* ------------------- PRICING HERO SECTION -------------------*/

.pricing__hero__arguments {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}
.pricing__hero__arguments__item:not(:first-child):before {
    content: none;
    margin: none;
}
@media (min-width: 900px) {
    .pricing__hero__arguments__item:not(:first-child):before {
        content: "•";
        margin: 0 1.5em;
        color: var(--grey);
    }
    .pricing__hero__arguments {
        flex-direction: row;
    }
}

/* ------------------- PRICING SWITCH -------------------*/

.price__section {
    /* background-color: var(--primary-lighter); */
    margin-bottom: 6em;
    margin-top: 0em;
    width: 90%;
    margin: 0 auto;
}

.table__switcher__annual-offer {
    text-align: center;
}
.table__switcher__annual-offer strong {
    color: var(--primary-vivid);
}

.centerer {
    margin: 1em 0 1em 0;
    display: flex;
    justify-content: center;     
}
.table__switcher {
    margin: 2em 0 0 0;
}
.switcher {
    display: inline-block;
    height: 40px;
    margin: 0 auto;
    padding: 4px;
    background: var(--melon-lighten);
    border-radius: 2px;
    width: 400px;
    border-radius: 30px;
    border: solid 1px var(--melon-lighten);
    position: relative;
}

.switcher__input {
    display: none;
}

.switcher__label {
    float: left;
    width: 50%;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    color: var(--primary-darken);
    text-align: center;
    cursor: pointer;
    position: inherit;
    z-index: 10;
    transition: color 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
    will-change: transform;
}

.switcher__toggle {
    position: absolute;
    float: left;
    height: 30px;
    width: 50%;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
    background-color: var(--melon);
    border-radius: 30px;
    left: 5px;
    top: 4px;
    transition: left 0.25s cubic-bezier(0.4, 0.0, 0.2, 1);
    will-change: transform;
}

.switcher__input:checked + .switcher__label {
    color: var(--primary-darken);
}

.switcher__input--yearly:checked ~ .switcher__toggle {
    left: 195px;
}

/* ------------------- PRICING OFFERS -------------------*/

.pricing__table {
    margin-bottom: 3em;
}

.table__offer {
    /* text-align: center; */
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: auto;
    padding: 1.5em 0 1.5em 0;
    /* background-color: var(--white); */
    border-radius: 1em;
    /* border: solid 1px var(--grey-lighten);
    box-shadow: 0px 5px 13px rgba(150, 183, 199, 0.25); */
    grid-template-areas:
        "offer-timetracking1 offer-timetracking2 offer-module offer-enterprise"
        "title-basic title-pro title-module title-enterprise"
        "desc-basic desc-pro desc-module desc-enterprise"

        "price-basic price-pro price-module price-enterprise"
        "price-details-basic price-details-pro price-details-module price-details-enterprise"
        "small-features-title-basic small-features-title-pro small-features-title-module small-features-title-enterprise"
        "small-features-basic small-features-pro small-features-module small-features-enterprise"
        /* "trial-info-basic trial-info-pro trial-info-module" */
        "upgrade-btn-basic-2 upgrade-btn-pro-2 upgrade-btn-module-2 upgrade-btn-enterprise-2";
}

.table__offer>* {
    border-right: 1px solid var(--grey-lighten);
    padding: 0 16px;
}
@media (max-width: 900px) {
    .table__offer {
        display: block;
        /*padding-left: 20px;
        padding-right: 20px;*/
    }
    .table__offer>* {
        border: none;
        max-width: 320px;
        margin: 0 auto;
        /* padding-left: 0;
        padding-right: 0; */
    }
    .cta__row {
        display: flex;
        justify-content: center;
    }
    .table__offer__title--enterprise h3 {
        padding-top: 1em;
    }
    .pricing__table {
        margin-bottom: 0;
    }

}

/* ------- OFFRE BASIC ------- */

.table__offer__type--basic {
    grid-area: offer-timetracking1;
}
.table__offer__title--basic {
    grid-area: title-basic;
}
.table__offer__desc--basic {
    grid-area: desc-basic;
}
.table__offer__price--basic {
    grid-area: price-basic;
}
.table__offer__price_details--basic {
    grid-area: price-details-basic;
}
/* .table__offer__small_features_title--basic {
    grid-area: small-features-title-basic;
} */
.table__offer__small_features--basic {
    grid-area: small-features-basic;
}
.table__offer__trial_info--basic {
    grid-area: trial-info-basic;
}
/* .table__offer__upgrade-btn--basic {
    grid-area: upgrade-btn-basic;
} */
.table__offer__upgrade-btn--basic-2 {
    grid-area: upgrade-btn-basic-2;
}

/* ------- OFFRE PRO ------- */

.table__offer__type--pro {
    grid-area: offer-timetracking2;
}
.table__offer__title--pro {
    grid-area: title-pro;
}
.table__offer__desc--pro {
    grid-area: desc-pro;
}
.table__offer__price--pro {
    grid-area: price-pro;
}
.table__offer__price_details--pro {
    grid-area: price-details-pro;
}
/* .table__offer__small_features_title--pro {
    grid-area: small-features-title-pro;
} */
.table__offer__small_features--pro {
    grid-area: small-features-pro;
}
.table__offer__trial_info--pro {
    grid-area: trial-info-pro;
}
/* .table__offer__upgrade-btn--pro {
    grid-area: upgrade-btn-pro;
} */
.table__offer__upgrade-btn--pro-2 {
    grid-area: upgrade-btn-pro-2;
}

/* ------- OFFRE MODULE ------- */

.table__offer__type--module {
    grid-area: offer-module;
    border-right: none;
}
.table__offer__title--module {
    grid-area: title-module;
    border-right: none;
}
.table__offer__desc--module {
    grid-area: desc-module;
    border-right: none;
}
.table__offer__price--module {
    grid-area: price-module;
    border-right: none;
}
.table__offer__price_details--module {
    grid-area: price-details-module;
    border-right: none;
}
/* .table__offer__small_features_title--module {
    grid-area: small-features-title-module;
    border-right: none;
} */
.table__offer__small_features--module {
    grid-area: small-features-module;
    border-right: none;
}
.table__offer__trial_info--module {
    grid-area: trial-info-module;
    border-right: none;
}
/* .table__offer__upgrade-btn--module {
    grid-area: upgrade-btn-module;
    border-right: none;
    padding-bottom: 2em;
} */
.table__offer__upgrade-btn--module-2 {
    grid-area: upgrade-btn-module-2;
    border-right: none;
}

/* ------- OFFRE enterprise ------- */

.table__offer__type--enterprise {
    grid-area: offer-enterprise;
    border-right: none;
}
.table__offer__title--enterprise {
    grid-area: title-enterprise;
    border-right: none;
}
.table__offer__desc--enterprise {
    grid-area: desc-enterprise;
    border-right: none;
}
.table__offer__price--enterprise {
    grid-area: price-enterprise;
    border-right: none;
}
.table__offer__price_details--enterprise {
    grid-area: price-details-enterprise;
    border-right: none;
}
.table__offer__small_features_title--enterprise {
    grid-area: small-features-title-enterprise;
    border-right: none;
}
.table__offer__small_features--enterprise {
    grid-area: small-features-enterprise;
    border-right: none;
}
.table__offer__trial_info--enterprise {
    grid-area: trial-info-enterprise;
    border-right: none;
}
/* .table__offer__upgrade-btn--enterprise {
    grid-area: upgrade-btn-enterprise;
    border-right: none;
    padding-bottom: 2em;
} */
.table__offer__upgrade-btn--enterprise-2 {
    grid-area: upgrade-btn-enterprise-2;
    border-right: none;
}

/* Pricing Table styling */

.table__offer__type {
    text-transform: uppercase;
    color: var(--grey);
    font-weight: 600;
    display: none;
}
.table__offer__title--basic {
    color: var(--peach-darken);
}
.table__offer__title--pro {
    color: var(--cyan-darken);
}
.table__offer__title--module {
    color: var(--primary-vivid);
}

.table__offer__title h3 {
    margin-bottom: 0.5em;
    font-family: "Nunito", "Sans-Serif";
    letter-spacing: 0.01em;
}
.table__offer__desc {
    font-size: 0.875em;
    padding-bottom: 2em;
}

/* .pricing__flex p{
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--success-darken);
    margin: 0 0 0 1rem;
} */
.pricing {
    font-size: 2.5em;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 1rem;
}
.pricing__free {
    color: var(--peach-darken);
}
.pricing__time {
    color: var(--cyan-darken);
}
.pricing__budget {
    color: var(--primary-vivid);
}
.table__offer__price {
    padding-bottom: 0.5rem;
}
.table__offer__price sup {
    font-size: 0.6em;
}
/* .table__offer__price p:last-child{
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--success-darken);
    margin: 0 0 0 0;
} */
.table__offer__price_details {
    font-size: 0.875em;
    color: var(--grey);
}
/* .table__offer__small_features_title {
    font-weight: 600;
    margin: 0.5rem 0;
} */
.table__offer__small_features {
    padding-bottom: 2em;
    border-top: var(--grey-lighten) solid 1px;
}
.argument-flex {
    display: flex;
    justify-content: left;
}
.priceargument {
    display: flex;
    flex-direction: row;
    font-size: 0.9em;
}
.priceargument img {
    margin-right: 0.75em;
    /* width: 18px; */
}
.priceargument.unchecked img {
    display: none;
}
.priceargument.unchecked p {
    color: var(--grey);
    margin-left: 30px;
    text-decoration: line-through;
}
.priceargument.free_unchecked p{
    color: red;
    text-decoration: none;
}
.featuretable p {
    font-size: 1em;
    margin: 0.5rem 0 0.5rem 0;
}
/* .table__offer__img {
    border: red solid 1px;
} */
.table__offer__detailled {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    margin-top: -0.75em;
}

.table__offer__trial_info {
    font-size: 0.9em;
    text-align: center;
    padding-bottom: 2em;
}
.table__offer__upgrade-btn .cta__col .hs-cta-wrapper {
    margin: 0 auto;
}
.yearly__flex {
    display: flex;
    flex-wrap: wrap;
}
.card__offer__enterprise {
    background-color: #374461;
    border-radius: 8px;
    color: var(--white);
}
.table__offer__img {
    width: 50px;
    margin-right: 1em;
}
.card__offer__enterprise .table__offer__price_details {
    color: var(--white);
}
.table__offer__small_features.table__offer__small_features--enterprise {
    margin-top: 1.21em;
}

@media (max-width: 900px) {
    .table__offer__upgrade-btn {
        border-bottom: 1px solid var(--grey-lighten);
        margin-bottom: 2em;
    }
}

/* --------------- ENTERPRISE OFFER & HELP CENTER ----------------- */

.enterprise {
    padding: 3em 0 4em 0;
    color: var(--font);
    text-align: center;
    margin-bottom: 2em;
    background-color: var(--cyan-lighten);
}
.helpcenter {
    padding: 3em 0 4em 0;
    color: var(--font);
    text-align: center;
    margin-bottom: 0;
}
.enterprise h3, .helpcenter h2 {
    color: var(--primary-darken);
}
.enterprise .cta__row a,.helpcenter .cta__row {
    margin-bottom: 0;
}
.enterprise .cta__row a,.helpcenter .cta__row a {
    color: var(--primary);
}


/* -------------- CONTACT FORM ------------------- */

.contact {
    padding:  0 0 2em 0;
    background-color: var(--peach-lighten);
    margin-top: 4em;
}

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

.contact .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: auto;
    padding-bottom: 1em;
}
.contact__form {
    padding: 2em 1.5em 1.5em 2em;
    background-color: var(--white);
    border-radius: .5em;
    border: solid 1px var(--cyan-lighter);
    box-shadow: 0px 5px 13px rgba(150, 183, 199, 0.25);
    margin-top: -3em;
}
.contact__form.demo {
    /* padding: 2em 0.5em 1.5em 0.5em; */
    background-color: var(--white);
    border-radius: .5em;
    border: solid 1px var(--cyan-lighter);
    box-shadow: 0px 5px 13px rgba(150, 183, 199, 0.25);
    margin-top: -3em;
}
.contact__form h2 {
    margin-top: 0;
}
.contact__side {
    align-self: center;
    max-width: 40%;
}
.contact__side img {
    margin: 2em 0 0 0;
    border-radius: 1rem;
}

img.avatar-applause {
    max-width: 200px;
    margin :  1em auto; 
}

h3.demo-booking {
    text-align: center;
    margin: 0 2em;
    font-size: 1em;
}
img.avatar-applause-consulting {
    max-width: 200px;
    margin :  1em auto; 
}

@media (min-width: 900px) {
    .team_size_choice_h2 {
        font-size: 1.75rem;
    }
}

.team_size_choice_a {
    border-radius: 24px;
    border: solid 1px;
    background-color: rgba(255, 255, 255, 0.74);
	padding: 16px 16px;
	white-space: nowrap;
	/* box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);*/
	text-decoration: none;
	font-weight: 700;
    margin-bottom: 1rem;
}

.team_size_choice_a:hover {
    transform: translateY(-1px);
    /* box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);*/
  	background-color: #DAF5F3;
}

.team_size_choice_div {
    display: flex;
    flex-direction: column;
    text-align: center;
}

@media (min-width: 900px) {
    .contact {
        padding: 0 0 2em 0;
        margin-top: 2em;
    }
    .contact .container {
        padding-top: 4em;
    }
    .contact__form {
        margin-top: -7em;
        padding: 2em 1.5em 1.5em 3.5em;
        width: 50%;
    }
    .contact__side {
        align-self: center;
        margin-top: -2em;
    }
    .contact__side img {
        margin: 0 2em;
    }
    img.ms-teams {
        max-width: 500px;
    }
    img.avatar-applause {
        max-width: 300px;
        margin :  1em auto; 
    }
    h3.demo-booking {
        text-align: center;
        margin: 0 2em;
    }
    img.avatar-applause-consulting {
        max-width: 250px;
        margin :  1em auto; 
    }
}

/* ----------------- SOCIAL STRIP ----------------- */
.socialstrip {
    text-align: center;
    padding: 3em 0;
    background-color: var(--cyan-lighten);
}
.socialstrip h2 {
    color: var(--primary-darken);
}
.socialstrip .item__right:first-child {
    margin-left: 0;
}
.socialstrip svg {
    width: 3em;
    height: 3em;
}

/* ----------------- WHITEBOOK COVER ----------------- */

.book__cover {
    padding:  0 0 2em 0;
    margin-top: -4em;
}
.book__cover .container {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 1em;
    padding-bottom: 1em;
}
.book__cover__img {
    max-width: 100%;
    padding: 1em;
}
.book__cover__img img {
    margin: 0 auto;
    box-shadow: 0px 5px 13px 0 rgba(0,0,0,.3);
}
.book__cover__side {
    align-self: center;
}
.book__cover__side .cta__col {
    margin: 2em 0;
}

@media (min-width: 900px) {
    .book__cover .container {
        grid-template-columns: repeat(2,1fr);
        padding-top: 4em;
    }
    .book__cover {
        padding:  0 0 2em 0;
        margin-top: -7em;
    }
}

/* ----------------- WHITEBOOK INSIDE ----------------- */

.book__inside {
    padding-top: 3em;
    padding-bottom: 3em;
    background-color: var(--peach-lighten);
}
.book__inside .container {
    text-align: center;
}
.book__inside h2 {
    text-align: center;
    color: var(--primary-darken);
}
.book__inside__content {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 1em;
}
.book__inside__side {
    margin-top: 1em;
    text-align: left;
}
.book__inside__img img {
    max-width: 80%;
    margin: 0 auto;
    box-shadow: 0px 5px 13px 0 rgba(0,0,0,.3);
}
.book__inside__side .cta__col {
    margin: 2em 0;
}
@media (min-width: 900px) {
    .book__inside__content {
        grid-template-columns: repeat(2,1fr);
        margin-top: 2em;
    }
    .book__inside__side {
        margin-top: 0;
    }
}

/* ----------------- WHITEBOOK WHO ----------------- */
.book__who {
    margin: 3em 0;
}

.book__who h2 {
    text-align: center;
}
.book__who__content {
    display: flex;
    margin-top: .5em;
    flex-direction: column;
}
.book__who__img {
    margin: 1em 0;
}

.book__who__img img {
    border-radius: 1rem;
}

@media (min-width: 900px) {
    .book__who__content.last > .book__who__img {
        margin-left: 2rem;
    }
    
    .book__who__content {
        flex-direction: row;
        padding: 1em 4em;
    }

    .book__who__img {
        max-width: 50%;
    }

    .book__who__img:first-child {
        margin: 0 2em 0 0;
    }
    .book__who__img:last-child {
        margin: 0 0 0 2em;
    }
    .book__who__side {
        max-width: 50%;
    }
    .last .book__who__img {
        order: 2;
    }
    .last .book__who__side {
        order: 1;
    }
}

/* ----------------- WHITEBOOK EXTRACT ----------------- */

.book__extract {
    padding: 7em 0 8em 0;
    background-color: var(--cyan-lighten);
}
.book__extract h2 {
    margin: .5rem 0 1rem 0;
}
.book__extract__container {
    display: flex;
    flex-direction: column;
    padding: 1em;
    background-color: var(--white);
    border-radius: 1em;
    box-shadow: 0px 5px 13px rgba(150, 183, 199, 0.25);
}
.book__type {
    font-size: .875em;
    color: var(--grey);
    font-weight: 600;
    text-transform: uppercase;
}
.book__extract__side a {
    margin-left: auto;
}
.book__extract__img {
    margin-top: -3.5em;
    margin-bottom: 1em;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease;
}
.book__extract__img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.book__extract__img img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    border-radius: .5em;
    box-shadow: 0px 5px 13px 0 rgba(0,0,0,.3);
}

@media (min-width: 900px) {
    .book__extract__container {
        flex-direction: row;
        padding: 1em 1em 0em 2em ;
    }
    .book__extract__side {
        width: 66%;
        padding: 1em 2em 2em 2em;
    }
    .book__extract__img {
        width: 33%;
        margin-bottom: -2em;
    }
    .book__extract__img.right {
        order: 2;
    }
    .book__extract__side.right {
        order: 1;
    }
}

/* ----------------- PRESS PARUTION TABLE ----------------- */
.press {
    padding: 4em 0;
    margin-bottom: 3.5em;
    background-color: var(--peach-lighten);
}

.press .container {
    background-color: var(--white);
    border-radius: 1em;
    box-shadow: 0px 5px 13px rgba(150, 183, 199, 0.25);
    padding: 1em 3em;
}
.press h2 {
    text-align: center;
}
.press__article {
    border-top: solid 1px var(--grey);
    padding-top: 1em;
    margin-top: 1em;
}
.press__article p {
    margin: 0;
}

/* --------------------- TEAM VIEW ----------------------- */

.team, .about {
    padding: 1em 0 3.5em 0;
    text-align: center;
}

.tl1 {
    margin: 2em auto 1em auto;
}

.team__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1em;
}

.team__picture {
    margin: 2em 0 0 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.team__picture__profile {
    margin: 0.5em;
    max-width: 130px;
}

.team__picture__profile__img {
    max-height: 150px;
}

.team__picture__profile__desc p {
    margin: 8px 0 0 0;
}

.value {
    background-color: var(--melon-lighter);
    padding: 3.5em 0 4.5em 0;
    text-align: center;
    position: relative;
    z-index: 1;
}
.value__list {
    margin: 2em 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-around;
}
.value__list__item {
    background-color: var(--white);
    box-shadow: 0px 5px 13px rgba(150, 183, 199, 0.25);
    border-radius: .5rem;
    max-width: 300px;
    padding: 1.5rem;
    margin: 1rem;
    text-align: left;
}
.value__list__item img {
    max-width: 3em;
}
.value__list__item p {
    margin-bottom: 0;
}

@media (min-width: 900px) {
    .value__list__item {
        max-width: 220px;
        padding: 1.5rem;
        margin: 1rem .5rem;
    }

    .team__container {
        justify-content: space-around;
    }
    
    .team__picture {
        max-width: 50%;
        padding-right: 1em;
    }

    .team__picture__profile {
        margin: 1em;
        max-width: 180px;
    }

    .team__picture__profile__desc p {
        margin: 8px 0 0 0;
    }

    .team__picture__profile__img {
        max-height: 200px;
    }
}


.career {
    padding: 5em 0;
    z-index: 0;
    overflow: hidden;
}
.career__copy {
    position: relative;
}
.career__pattern {
    position: absolute;
    bottom: -360px;
    left: 160px;
}
.career__pattern img {
    max-width: 500px;
}

@media (min-width: 900px) {
    .career__copy {
        display: flex;
        flex-wrap: wrap;
        max-width: 80%;
    }
    .career__copy__txt {
        width: 377px;
    }
    .career__copy h2 {
        margin-top: 0;
        margin-right: 1.5em;
        width: 450px;
    }
    .career__pattern {
        position: absolute;
        right: -850px;
        top: -200px;
        bottom: unset;
        left: unset;
    }
    .career__pattern img {
        max-width: 850px;
    }
    .career__copy {
        text-align: left;
    }
}

.reduction .container {
    display: flex;
}

.reduction p {
    background-color: var(--peach-lighter);
    color: var(--primary);
    padding: .5em 1em;
    margin: -1em auto -1em 0 ;
    border-radius: 20px;
    display: flex;
}
.reduction strong {
    line-height: unset;
    margin-right: .5em;
    /*margin-left: .5em;*/
}

p.hero__aside__copy__subtitle.reduction {
    background-color: var(--peach-lighter);
    color: var(--primary);
    padding: 0.5em 1em;
    border-radius: 20px;
}

/* --------------------- TEAM VIEW ----------------------- */
.edito {
    padding: 2em 0;
}
.edito__content {
    max-width: 750px;
    padding: .5rem;
    margin: 0 auto;
}

.edito__content h2 {
    font-size: 2rem;
}

.edito__content p {
    font-size: 1.2rem;
    line-height: 170%;
    font-weight: 300;
}
.edito__content ul {
    font-size: 1.2rem;
    line-height: 180%;
    font-weight: 300;
    margin-top: -1.25rem;
}

.edito__content h3 {
    margin-top: 2em;
}

/* ----------------- LEADMAGNET ----------------- */
.leadmagnet {
    display: flex;
    flex-direction: column;
    background-color: var(--peach-lighter);
    border-radius: 1rem;
    padding: 1rem 2rem;
    margin: 1rem -1rem;
}

.leadmagnet__img {
    max-width: 100%;
    margin: 0 auto;
}
.leadmagnet__content__desc {
    font-size: 1rem!important
}

@media (min-width: 900px) {
    
    .leadmagnet__img {
        max-width: 80%;
    }
}

/* ----------------- HOME ----------------- */
#definition {
    background-color: var(--peach-lighter);
    padding: 4em 0;
}

#definition h2.title {
    text-align: center;
    color: var(--primary);
}

.container.tldr {
    max-width: 800px;
}

.container.tldr p {
    text-align: center;
}

.definition__avatar img {
    margin-top: -2em;
    margin-left: -1em;
    width: 80px;
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 #FFDFCF;
}

.definition__card {
    max-width: 710px;
    margin: 0 auto;
    background-color: var(--white) ;
    padding: 2em;
    border-radius: 16px 16px 16px 4px;
    box-shadow: 0 4px 16px 0 #FFDFCF;
}

.definition__card__p {
    margin-bottom: 0;
}

.bg-image.bottom {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 10%;
}

.bg-image {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: -1000;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
/* #predefinition {
    background: linear-gradient(#fff 25%, #FFECE2 75%);
    height: 5em;
}
#postdefinition {
    background: linear-gradient(#FFECE2 75%, #fff);
    height: 5em;
} */

#definition .feature__card {
    margin: 2em 0 3em 0;
    flex-direction: row;
    align-items: center;
}
/*#definition .feature__card h2{
    font-size: 2em;
    letter-spacing: -1.3px;
    line-height: 1.4em;
}*/
.text-highlight {
    display: inline;
    background-color: var(--cyan-lighten);
    padding: 0 .5rem;
    /* margin: 0 -.5rem; */
}

.card__text__feedback {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.card__text__feedback p {
    margin: 0;
    font-weight: bold;
}

.card__text__feedback img {
    margin-right: 10px;
    max-width: 80px;
}

.card__text__quote {
    margin-bottom: -2em;
}

.card__text p {
    margin-bottom: 0;
}

@media (min-width: 900px) {   
    #definition .card__text {
        width: 50%;
    }

    #definition .feature__card__img {
        width: calc(50% - 2em);
        max-width: 650px;
    }
}

/*
@media (min-width: 900px) and (max-width:1239px) {
    #definition .feature__card h2{
        font-size: 2.5em;
        letter-spacing: -1.3px;
        line-height: 1.4em;
    }
}

@media (min-width: 1240px) {
    #definition .feature__card h2{
        font-size: 3.15em;
        letter-spacing: -1.3px;
        line-height: 1.4em;
    }
}
*/

/* ----------------- HOME CLIENT SLIDER ----------------- */

.client__section {
    overflow: hidden;
    background-color: var(--peach-lighter);
    padding: 2em 0;
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    position: relative;
}

.client__section h2 {
    text-align: center;
    color: var(--primary);
    margin-bottom: 0;
    margin-top: 1rem;
}

.client__slider {
    background-color: var(--peach-lighter);
    padding: 1em 0;
}

/* Animation */
@keyframes scroll-right {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-480px * 5))}
}

@keyframes scroll-right-2 {
	0% { transform: translateX(-200px); }
	100% { transform: translateX(calc((-480px * 5) 
        - 200px))}
}

@keyframes scroll-left {
	0% { transform: translateX(calc(-480px * 5)); }
	100% { transform: translateX(0)}
}

.client__slider__row {
    display: flex;
    width: calc(480px * 10);
}

.client__slider__row.right {
    animation: scroll-right 120s linear infinite;
}

.client__slider__row.left {
    animation: scroll-left 120s linear infinite;
    
}

.client__slider__row.right-2 {
    animation: scroll-right-2 120s linear infinite;
}

.client__slider__card {
    background-color: var(--white) ;
    padding: 1rem;
    border-radius: .5rem;
    display: flex;
    width: 480px;
    margin: 8px 8px;
}

.client__slider__card__left {
    width: 80%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    margin-right: 8px;
}
.client__slider__card__right {
    width: 20%;
}

.client__slider__card__right img {
    max-width: 60px;
}

.client__slider__card__left p {
    font-size: .95rem;
    margin-top: .5rem;
    margin-bottom: 0;
}
.client__slider__card__left img {
    max-width: 100px;
}

.client__name {
    font-size: .875rem;
    font-weight: 700;
    color: var(--font-grey);
    margin-bottom: 0;
    line-height: 1rem;
    margin-bottom: 4px;
}
.client__job {
    font-size: .875rem;
    color: var(--grey);
    margin-bottom: 0;
    line-height: 1rem;
}

.testimonial__link {
    text-align: center;
}

.testimonial__link::before {
    content: url(../chevron.svg);
    color: var(--primary);
    margin-right: .5em; 
}

.client__section .container {
    margin-top: 1em;
    width: 100%;
}

/* ----------------- BADGES ----------------- */

.badges {
    background-color: var(--cyan-lighten);
    padding: 3em 1em;
}

.badges H2 {
    text-align: center;
}

.badge__list {
    display: flex;
    justify-content: space-evenly;
    max-width: 1240px;
    margin: 2.5rem auto;
    flex-wrap: wrap;
}
.badge__list__img {
    max-width: 150px;
    width: 33%;
}

.badge__list__img.landing {
    max-width: 110px;
    width: 33%;
}

.contact__side svg {
    width: 3em;
    height: 3em;
    margin: 1em auto;
    display: block;
}

/* ----------------- WEBSUMMIT ----------------- */

.cta__websummit {
    display: flex;
    justify-content: center;
}

.websummit_booth {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    color: var(--primary);
    text-align: center;
    line-height: initial;
}

.hero__aside.ws22 {
    text-align: center;
}
.hero__aside.ws22.token {
    padding-top: 0em;
    text-align: center;
}

.feature__item__home.ws22 {
    max-width: 300px;
    margin: auto;
}

@media (max-width: 900px) {   
    .feature__item__home.ws22 {
        max-width: 220px;
    }
}

/* ----------------- CALCULATEUR SUMMIT ----------------- */

.savings {
    margin-top: 2em;
    margin-bottom: 8em;
}

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

.calculator h1 {
    margin-top: 2.5em;
    margin-bottom: 1.5em;
 } 

.calculator h2 {
    color: var(--primary);
}

.calculator__inputs {
    background-color: var(--cyan-lighter);
    border-radius: 8px;
    padding: 1em;
}

.calculator__inputs h2 {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.calculator__inputs__list {
    margin-top: -1em;
    display: flex;
    justify-content: space-around;
}

@media (max-width: 670px) {   
    .calculator__inputs__list {
        flex-direction: column;
    }
}

.calculator__inputs__item {
    margin: 1em;
}

.calculator__inputs__item__imput {
    text-align: center;
    padding: 1em;
    margin-top: .75em;
    font-size: larger;
}

.calculator__results {
    background-color: var(--peach-lighter);
    border-radius: 8px;
    padding: 1em;
    margin: 2em 0;
}

.calculator__results__list {
    margin: 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

/* .calculator strong {
    font-size: 1.125em;
} */

.calculator__results__list__item .result__value {
    margin-top: .5em;
    font-size: 1.5em;
    color: var(--primary-darken);
    font-weight: 500;
}

.calculator form {
    margin-top: 3em;
}

.calculator__form__submit, .calculator__form__submit input[type="email"] {
    font-size: 1.25em;
}

.img_token_ws22 {
    max-width: 220px;
    margin: 2em auto 0em!important;
}

.ws__img {
    margin: 2em auto 1em auto!important;
    max-width: 90%;
    box-shadow: 0px 5px 13px rgba(150, 183, 199, 0.25);
}
.video__bloc.ws22 {
    margin-top: 0;
    background-color: var(--peach-lighter);
}

.hero__aside.ws22 {
    padding-bottom: 2em;
}

.ws__a {
    text-align: center;
    font-family: "Nunito", "Sans-Serif"!important;
    margin-bottom: 1em;
}

.landing__video {
    margin-bottom: 1rem;
}

@media (min-width: 900px) {
    .sticky__banner {
        display: none;
    }
    .landing__video {
        max-width: 840px;
    }
}

@media (max-width: 900px) {   
    .feature__intro.landing {
        text-align: left;
        margin: 3rem 0 2rem 0;
    }
    
    .sticky__banner {
        position: fixed;
        width: 100%;
        bottom: 0vh;
        z-index: 2;
        margin: 0;
        background-color: var(--primary);
        padding: 1em; 
        border-radius: 8px 8px 0 0;
    }
    .sticky__banner p {
        margin: 0;
        color: #7CFFCE; 
        text-align: center;
        font-size: .9em;
    }
    .sticky__banner .container {
        width: 100%!important;
    }
    .logo__partner p {
        margin: auto .5em;
        font-size: 1em;
        font-weight: 600;
    }
    .header__logo__img {
        max-width: 75px;
    }
    .header_landing {
        box-shadow: 0px 14px 13px rgba(150, 183, 199, 0.25);       
    }
}

/* ----------------- CALCULATEUR SUMMIT ----------------- */

.coming-soon-bg {
    background-color: #ffece2;
    padding: 1rem;
    border-radius: 1rem;
    margin-bottom: 5rem;
}
.coming-soon-bg>.feature__card {
    margin: 0;
    justify-content: space-around;
    align-items: center;
}
.coming-soon-bg .feature__card__img {
    max-width: 600px;
}

.coming-soon-badge {
    /* background: linear-gradient(90deg,#f9ddf1 .07%,#e5e1ff 16.73%,#daedff 34.48%,#e2f4e3 49.98%,#ebf5d8 66.12%,#faf2da 81.95%,#fbe5d8 99.9%); */
    background: var(--primary-vivid);
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    /* border: solid 2px #fff; */
    color: var(--white);
    font-weight: 600;
}

.ws23-banner {
    background: var(--peach-lighten);
    font-weight: 600;
    padding: 12px 16px;
    border-radius: 16px;
    margin: 1rem auto 0 auto;
    color: var(--primary);
    width: fit-content;
}
.ws23-banner p {
    margin: 0;
    text-align: center;
}

@media (min-width: 900px) {   
    .ws23-banner {
        font-size: 1.25rem;
    }
}

.hero__aside__copy .ws23 {
    background-color: unset!important;
}

.token_img {
    max-width: 300px;
}

/* ----------------- FAQ SECTION ----------------- */

section.faq {
    padding: 4rem 0;
}

.faq_container {
    margin: 1rem 0 3rem 0;
}

@media (min-width: 900px) {   
    .faq_container {
        width: 75%;
        max-width: 800px;
        margin: 0 auto;
    }
}

.transition, ul.faq li i:before, ul.faq li i:after, p {
    transition: all 0.25s ease-in-out;
  }
  
  .flipIn, ul.faq li, h1 {
    animation: flipdown 0.5s ease both;
  }
  
.no-select, h3.faq {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

h2.faq {
    text-align: center;
    margin-bottom: 0.5em;
    margin-top: 0;
    color: var(--primary);
}
  
h3.faq {
    margin: 0;
    font-family: nunito;
    font-weight: 600;
    letter-spacing: unset;
    font-size: 1.15rem;
    display: block;
    cursor: pointer;
    padding: 0 16px 0 0;
}

p.faq {
    position: relative;
    overflow: hidden;
    max-height: 800px;
    opacity: 1;
    transform: translate(0, 0);
    z-index: 2;
    margin-bottom: 1rem;
    margin-top: .5rem;
  }
  
ul.faq {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0;
  }
ul.faq li {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 4px;
    padding-top: 18px;
    border-top: 1px dotted #dce7eb;
  }
ul.faq li:nth-of-type(1) {
    animation-delay: 0.5s;
}
ul.faq li:nth-of-type(2) {
    animation-delay: 0.75s;
}
ul.faq li:nth-of-type(3) {
    animation-delay: 1s;
}
ul.faq li:nth-of-type(4) {
    animation-delay: 1.25s;
}
ul.faq li:last-of-type {
    padding-bottom: 0;
}
ul.faq li i {
    position: absolute;
    transform: translate(-6px, 0);
    margin-top: 16px;
    right: 0;
}
ul.faq li i:before, ul.faq li i:after {
    content: "";
    position: absolute;
    background-color: var(--primary);
    width: 3px;
    height: 9px;
}
ul.faq li i:before {
    transform: translate(-2px, 0) rotate(45deg);
}
ul.faq li i:after {
    transform: translate(2px, 0) rotate(-45deg);
}
ul.faq li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    left: 0;
}
ul.faq li input[type=checkbox]:checked ~ p {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translate(0, 50%);
}
ul.faq li input[type=checkbox]:checked ~ i:before {
    transform: translate(2px, 0) rotate(45deg);
}
ul.faq li input[type=checkbox]:checked ~ i:after {
    transform: translate(-2px, 0) rotate(-45deg);
}
  
@keyframes flipdown {
    0% {
      opacity: 0;
      transform-origin: top center;
      transform: rotateX(-90deg);
    }
    5% {
      opacity: 1;
    }
    80% {
      transform: rotateX(8deg);
    }
    83% {
      transform: rotateX(6deg);
    }
    92% {
      transform: rotateX(-3deg);
    }
    100% {
      transform-origin: top center;
      transform: rotateX(0deg);
    }
}


  /* ----------------- FEATURE BENTO SECTION ----------------- */

div.bento {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.5rem;
}

.bento_line {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.feature {
    width: 100%;
    margin: 1.5rem auto 0 auto;
    background-color: #E2E7F3;
    border-radius: 1rem;
    padding: 1rem 1rem 0 1rem;
    text-align: center;
}

.feature img {
    margin: 0 auto;
    width: 100%;
}
.line1 .feature.one {
    background-color: var(--peach-lighter);
}
.line1 .feature.two {
    background-color: var(--cyan-lighter);
}
.line2 .feature.one {
    background-color: var(--melon-lighter);
}
.line2 .feature.two {
    background-color: var(--primary-lighter);
}
.line3 .feature.one {
    background-color: var(--cyan-lighter);
}
.line3 .feature.two {
    background-color: var(--peach-lighter);
}

@media (min-width: 900px) {   
    div.bento {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
      }

    section.bento {
        margin-bottom: 4rem;
    }
    
    .bento_line {
        flex-direction: row;
      }

    .feature {
        margin: .5rem;
    }
    .line1 .feature.one {
        width: 65%;
    }
    .line1 .feature.two {
        width: 35%;
    }
    .line2 .feature.one {
        width: 50%;
    }
    .line2 .feature.two {
        width: 50%;
    }
    .line3 .feature.one {
        width: 65%;
    }
    .line3 .feature.two {
        width: 35%;
    }
    .feature img {
    width: 80%;
    }

    .line1 .feature.one img {
        max-width: 600px;
    }
    .line1 .feature.two img {
        max-width: 350px;
    }
    .line2 .feature.one img {
        max-width: 535px;
    }
    .line2 .feature.two img {
        max-width: 535px;
    }
    .line3 .feature.one img {
        max-width: 600px;
    }
    .line3 .feature.two img {
        max-width: 350px;
    }
}


/* ----------------- ALTERNATIVE TABLE SECTION ----------------- */

.alternative_table {
    background-color: var(--peach-lighter);
    padding: 4rem 0.5rem;
    margin: 3rem 0;
}

.alternative_table img {
    margin: auto;
}
  
.alt_table {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem auto;
    padding: 2rem;
    max-width: 1100px;
    background-color: var(--white);
    border-radius: 1rem;
}
  
.alt_table_cell {
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%;
    padding: 0.8em 1.2em;
    overflow: hidden;
    list-style-type: none;
    /* outline: 1px solid #ddd; */
    border-bottom: 1px solid #F4F5F7;
    text-align: center;
    font-weight: 300;
    margin: 1px 0 0 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.alt_table_cell strong {
    font-size: 1.25rem;
}
.alt_table_cell p+strong {
    margin-bottom: 4px;
}
.alt_table_cell p {
    margin-bottom: 0;
}

.alt_gryzzly img {
    width: 120px;
}

.alt_table_cell:first-child {
    outline: 1px solid #fff;
    background: transparent;
}

@media only screen and (max-width : 768px) {
    .alt_table_cell:first-child {
        display: none;
    }
}

.alt_table_cell:nth-child(-n+3) {
    padding: 40px 0;
}

.gryzlycell {
    background-color: #F4F5F7;
    border-bottom: none;
}

.alt_table_cell > h3 {
    font-size: 26px;
}
.alt_table_cell.alt_table_cell_feature {
    text-align: left;
    font-size: 18px;
}

  
  /* Table columns
  ================================== */
  .alt_table_cell  {
    width: calc(33.33% - 1px);
    &.alt_table_cell_feature {
        @media only screen and (max-width : 768px) {
            width: 100%;
            text-align: center;
        }
    }
  }
  
  svg.alt_competitor-check path {
    fill: #30305b !important;
  }


  /* ----------------- CALCULATOR ----------------- */
  .calculator2024__title {
    text-align: center;
  }

  .calculator2024__title p.hero__aside__copy__p {
    text-align: left;
    margin-bottom: .5rem;
  }

  .calculator2024 {
    margin: 2rem auto;
  }

  .calculator2024__data-card, .calculator2024__result-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .calculator2024__data-card__left {
    background-color: var(--primary);
    background-image: url(../calculator-bg.svg);
    padding: 2rem;
    border-radius: 3rem 3rem 0 0;
    display: flex;
  }
  .calculator2024__data-card__right {
    background-color: var(--white);
    border-radius: 0 0 3rem 3rem;

  }
  .calculator2024__result-card {
    background-color: var(--primary);
    background-image: url(../calculator-bg.svg);
    padding: 2rem;
    border-radius: 3rem;
    display: flex;
    flex-direction: column;
  }

  .calculator2024__flex {
    display: flex;
    flex-direction: column;
    align-content: center;
  }

  .calculator2024__data-card__left__hook {
    background-color: var(--white);
    border-radius: 2rem;
    margin: auto;
    max-width: 430px;
    padding: 1rem;
  }

  .calculator2024__data-card__right {
    padding: 1rem;
  }

  .calculator2024__data-card__right h2 {
    color: var(--primary);
    text-align: left;
    font-size: 2.25rem;
    margin-bottom: 1rem;
  }

  .calculator2024__data-card__left__hook__psub {
    color: var(--primary);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
  }

  .calculator2024__data-card__left__hook__pmain {
    color: var(--peach-darken);
    font-size: 3rem;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-content: space-around;
    flex-wrap: wrap;
    margin: auto;
  }
  .calculator2024__data-card__left__hook__pmain p {
    margin-bottom: .5rem;
    margin-top: .5rem;
  }

  .calculator2024__data-card__left__hook__pmain .small {
    font-size: 1.25rem;
  }

  .calculator2024 .cta__row {
    display: flex;
    flex-direction: column;
    margin: 1rem auto;
  }
  .calculator2024 .cta__row .hs-cta-wrapper {
    margin-top: 1rem;
  }

  .calculator2024__result-card .calculator2024__data-card__left__hook {
    max-width: none;
    min-width: 80%;
  }

  .calculator2024 form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .calculator2024 label {
    font-size: 1rem;
    color: #374461;
    margin-top: .75rem;
    min-width: fit-content;
  }

  .calculator2024 input.gform {
    background-clip: padding-box;
    padding: 10px 15px;
    -webkit-appearance: none;
    background-color: #f5f8fa;
    display: inline-block;
    width: 100%;
    height: 40px;
    /* padding: 9px 10px; */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #33475b;
    border: 1px solid #cbd6e2;
    box-sizing: border-box;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
  }

  .calculator2024 select {
    background-clip: padding-box;
    padding: 10px 15px;
    -webkit-appearance: none;
    background-color: #f5f8fa;
    display: inline-block;
    width: 100%;
    height: 40px;
    /* padding: 9px 10px; */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #33475b;
    border: 1px solid #cbd6e2;
    box-sizing: border-box;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
  }

  .calculator2024 select:after {
    content: '';
    display: inline-block;
    float: right;
    width: .5rem;
    height: .5rem;
    border-bottom: 1px solid currentColor;
    border-left: 1px solid currentColor;
    border-bottom-left-radius: 2px;
    transform: rotate(45deg) translate(50%, 0%);
    transform-origin: center center;
    transition: transform ease-in-out 100ms;
  }

  .calculator2024 button {
    margin-top: 2rem;
  }

  .Form_flex {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: column;
  }

  .whatis__section {
    background-color: var(--melon-lighter);
    margin-bottom: 3rem;
    text-align: center;
    padding: 1rem;
  }

  .whatis__section .subtitle {
    max-width: 900px;
    margin: 1rem auto;
  }

  .whatis__section .faq {
    padding: 0 0;
  }

  .whatis__section .faq p {
    padding: 1rem;
    background-color: #ffffffd2;
    border-radius: 1rem;
  }
  .whatis__section .faq h3 {
    padding: 1rem;
    background-color: #ffffffd2;
    border-radius: 1rem;
    width: 160px;
    margin: 0 auto;
  }

  .whatis__section ul.faq li i {
    position: relative;
    top: 44px;
}

.math_formula {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}

.math_explanation {
    background-color: var(--white);
    border-radius: 1rem;
    padding: 1rem;
    margin: 0 auto;
    min-width: 360px;
}
.math_explanation p {
    margin-bottom: 0;
    font-size: .8rem;
    line-height: normal;
}
.math_explanation h3 {
    margin: 0 auto;
}
.math_explanation h3.margin_bot  {
    margin-bottom: .75rem;
}

.math_explanation h3.purple  {
    color: var(--primary-vivid);
}
.math_explanation h3.melon  {
    color: #e78e00;
}
.math_explanation h3.cyan  {
    color: var(--cyan-darken);
}


.math_explanation p.colour {
    color: var(--primary-vivid);
}
.math_operation {
    color: var(--primary);
    font-size: 2rem;
    font-weight: 600;
    margin: 1rem auto;
}
.math_operation p {
    margin: 0;
}

  @media (min-width: 900px) {   
    
    .calculator2024__data-card {
        flex-direction: row;
      }
    .calculator2024__data-card__left {
        width: 40%;
        border-radius: 3rem 0 0 3rem;
    }
    .calculator2024__data-card__right {
        width: 60%;
        border-radius: 0 3rem 3rem 0;
        padding: 2rem;
    }
    .calculator2024 form {
        width: 80%;
      }
    .calculator2024__data-card__left__hook {
        padding: 2rem;
    }

      .whatis__section .img {
        max-width: 960px;
        margin: 0 auto;
    }
    .math_formula {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    .math_explanation {
        margin-bottom: 1rem;
    }
}

/* ----------------- CTA CALCULATOR ----------------- */

.cta__calculator {
    padding: 3em 0;
    background-color: var(--primary);
    color: var(--white);
    text-align: center;
}
.cta__calculator__flex {
    display: flex;
    flex-direction: column;
}
.calculator_chips {
    background-color: var(--cyan-lighter);
    color: var(--primary);
    padding: .25rem;
    border-radius: .5rem;
    transform: rotate(-5deg);
    display: inline-block;
}

a.calc.standardbtn {
    background: var(--peach-lighten)!important;
    color: var(--primary);
}
.cta__full__width__flex__content.right p {
    margin-bottom: 0;
}
.cta__calculator h2 {
    line-height: 1.35em;
}

.cta__calculator.blog {
    padding: 1.5em 0;
    border-radius: 1rem;
    margin-bottom: 2rem;
    margin: 2rem 1rem;
}

.cta__calculator.blog h2 {
    margin-top: .25em;
}

.cta__calculator.blog .cta__calculator__hook {
    margin-bottom: .25em;
}

@media (min-width: 900px) {   
    .cta__calculator__flex {
        flex-direction: row;
    }
    .cta__calculator {
        text-align: unset;
    }

    .cta__calculator h2 {
        margin: 1rem 4rem 1.5rem 0;
        font-size: 2em;
    }

    .cta__full__width__flex__content.right {
        display: flex;
        flex-direction: column;
        font-size: 1.35rem;
        text-align: center;
        justify-content: center;
    }
    .cta__full__width__flex__content.left {
        max-width: 60%;
    }
    .cta__calculator.blog {
        max-width: 1360px;
        margin: 3rem auto;
    }
}


/* ----------------- WEBINAR----------------- */

/* -----------------Rectangle---------------- */

.webinar-rectangle {
    background-color: #eaf6f7; 
    border-radius: 25px;
    padding: 30px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;

    img {
        border-radius: 50%;
        margin-right: 20px;
        width: 60px;
        height: 60px;
    }
 
    a {
        background-color: var(--primary-vivid); 
        color: #fff;
        padding: 10px 15px;
        text-decoration: none;
        border-radius: 10px;
        font-weight: bold;
        text-align: center;
    }

}

.webinar-rectangle-details {
    flex-grow: 1;

    h3 {
        font-size: 1.2rem;
        font-weight: bold;
        margin: 0;
        color: var(--primary); 
    }
    
    p {
        margin: 5px 0;
        color: var(--font);
    }
}
/* --------- LAYOUT --------- */

.sign-up-main-title {
    font-size: 2rem;
    color: var(--primary);
}

.divided-layer {
    display: flex;
    height: 100vh;
    width: 100%;
}
.divided-layer__left {
    padding: 2rem;
    width: 50%;
    display: flex;
    text-align: center;
    align-items: center;
}
.divided-layer__left__content {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: -webkit-fill-available;
}
.divided-layer__right {
    padding: 3em;
    width: 50%;
    display: flex;
    align-items: center;
    position: relative;
    background-color: var(--cyan-lighter);
    overflow: hidden;
}
.divided-layer__right__content {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    /* overflow: hidden; */
}
.layer__content {
    max-width: 1580px;
    width: 90%;
    margin: auto;
}
.divided-layer__right__content__intro {
   text-align: center;
}
.divided-layer__left__content h2 {
    margin-top: 0;
    margin-bottom: .75rem;
    color: var(--primary);
    font-size: 2rem;
}

/* .divided-layer__right__content p {
    text-align: left;
} */

.divided-layer__right__content .install-messagerie {
    margin-bottom: 2%;
}

.signup__bg {
    position: fixed;
    bottom: -380px;
    margin: auto;
    width: 50%;
    z-index: 1;
    opacity: 50%;
}

.lang-nav {
    position: fixed;
    top: 24px;
    right: 24px;
    background-color: #ffffffb4;
    padding: .25rem .5rem;
    border-radius: 4px;
}


/* --------- TESTIMONIAL RIGHT SECTION --------- */

.testimonial__signup {
    z-index: 2;
    position: relative;
}

.testimonial__signup__p  {
    font-size: 1.75rem;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: .5em;
}
.testimonial__signup__autor  {
    display: flex;
    flex-direction: row; 
    margin-bottom: 2rem;
}


/* --------- USECASE RIGHT SECTION --------- */
.cta__col {
    z-index: 2;
    position: relative;
    margin-bottom: 1rem;
}

.signup-usecase {
    z-index: 2;
    position: relative;
    margin-bottom: 2rem;
}

.usecase__box {
    display: flex;
    padding: 1rem 1.5rem;
    border-radius: .5rem;
    background-color: #ffffff9e;
    margin-bottom: 1rem;
}
.usecase__box__icon {
    margin-right: .25rem;
}
.usecase__box__txt {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
}
.usecase__box__txt__title {
    color: var(--primary);
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: 0;
}
.usecase__box__txt__description {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;

}

/* --------- DDL Left Section --------- */
.teamsadmin {
    margin-top: 1rem;
    margin-bottom: 0;
}

.teamsadmin__desc {
    margin-top: 0;
    margin-bottom: .5rem;
}

.install-wrong-choice {
    font-size: .9rem;
    color: var(--grey);
    margin-bottom: 0;
}
.install-wrong-choice p {
    margin-bottom: 0;
}

/* --------- DDL Right Section --------- */

.ddl-product-description {
    text-align: center;
    font-size: 1.75rem;
    line-height: 1.4;
    font-weight: 300;
    margin-bottom: .5em;
}

.testimonial__signup img {
    margin: auto;
}

.margin-bot {
    margin-bottom: 8rem;
}


.card__text__feedback {
    margin-right: 5em;
}

.install-messagerie__flexbox {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 2em;
}

.install-messagerie__box {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    height: -webkit-fill-available;
    box-shadow: 2px 2px 5px rgb(226, 231, 243);
    min-width: 300px;
    margin: 1em 0;
}

.slack_box {
    background-color: var(--peach-lighter);
}

.teams_box {
    background-color: var(--cyan-lighter);
}

.other_box {
    background-color: var(--primary-lighter);
}

.install-messagerie__box__p {
    margin-bottom: 0;
}

.install-messagerie__box__message {
    margin: 1em 0;
}

.install-messagerie__box__message__guide {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.install-messagerie__box__message__img {
    margin-right: 12px;
}

.form_container {
    margin-top: 2em;
}
.testimonial__capsule {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 1em auto;
    background-color: white;
    padding: 1em;
    border-radius: 8px;
    box-shadow: 0 7px 28px 0 rgba(150,183,199,0.40);
    align-content: center;
    max-width: 230px;
}
.testimonial__capsule p {
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 10px;
}
.testimonial__avatar {
    border-radius: 60px;
    margin-right: 1em;
    display: block;
    max-width: 60px;
    max-height: 60px;
}
.testimonial__capsule__content {
    margin-left: .5em;
}
.testimonial__copy {
    background-color: var(--primary-vivid);
    margin-bottom: -2em;
    padding: 1em 1em 1.5em 1em;
    border-radius: 8px;
}
.testimonial__copy p {
    color: white;
    font-weight: 600;
    margin: 0;
}
.accroche {
    font-size: 1.4em;
    font-weight: 600;
    color: var(--primary-darken);
    line-height: 35px;
}
.logo {
    display: block;
    max-width: 120px;
    margin: 0 auto 1.5em auto;
    width: 100%;
    height: auto;
}
.cta__container {
    background-color: var(--cyan-lighter);
    border: solid 1px var(--cyan-lighten);
    border-radius: 1rem;
    padding: 1rem;
    margin-bottom: 2rem;
}

span#hs-cta-wrapper-a603389e-b88b-40cb-8cb1-a287f870a98e {
    margin: 0.5em auto;
}
img#hs-cta-img-a603389e-b88b-40cb-8cb1-a287f870a98e {
    max-width: 230px;
}
#hs-cta-img-ea23afcc-e2bc-4153-a015-7b1cc1d3c77a {
    max-width: 358px;
}
span#hs-cta-wrapper-1696c444-c8b7-4d95-b0b0-ce5482a9d35e {
    margin-top: 1rem;
}
.mainbtn {
    margin-right: auto!important;
}
.cta-consultation {
    margin: .5em auto !important;
}
.transmit {
    margin: 1em auto;
}
.divided-consultation__copy h3 {
    margin-bottom: 1em;
}
.consultation {
    display: flex;
    justify-content: center;
    margin-top: 3em;
}
.consultation__copy {
    max-width: 60%;
    margin-right: 2em;
}
.img_container {
    display: flex;
    justify-content: center;
    max-width: 40%;
}
@media (max-width: 900px) {
    .divided-layer__left {
		width: 100%;
    }
    .divided-layer__right {
		display: none;
    }
    .testimonial__capsule__content {
        margin: auto;
    }
    .logo {
        max-width: 100px;
        margin: 0 auto 10% auto;
    }
    .consultation {
        flex-direction: column;
        margin-top: 5%;
    }
    .consultation__copy {
        max-width: 100%;
        margin-right: 0;
        order: 2;
        text-align: center;
    }
    .consultation__copy span {
        text-align: -webkit-center;
    }
    .img_container {
        max-width: 100%;
        order: 1;
    }
    .img_container > img {
        max-width: 70%;
    }
    .install-messagerie__flexbox {
        margin-top: 24px;
        flex-direction: column;
    }
    .cta_copy {
        width: 100%;
    }
    .install-messagerie__box {
        width: 100%;
        margin: 1em 0;
    }

}
@media (max-width: 1040px) {
    .install-messagerie__box {
        width: 100%;
        margin: 1em 0;
    }
}

@media (max-width: 1300px) {
    .divided-layer__right,.divided-layer__left  {
        padding: 1.5em;
    }
}

.installcard {
    padding: 16px 24px;
    margin-bottom: 16px;
    border-radius: 16px;
}

.installcard.slack {
    background-color: var(--peach-lighter);
}

.installcard.outlook {
    background-color: var(--cyan-lighter);
}

.installcard.teams {
    background-color: var(--melon-lighter);
}

.installcard.google {
    background-color: var(--primary-lighter);
}

.installflex {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.installcard_p {
    margin: 0;
}

.installcard_notteamsadmin p {
    margin: 8px 0 -8px 0;
    font-size: 1rem;
}

/* --------- Onboarding 2025 --------- */

.layout__fullpage {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
    align-content: center;
    text-align: center;
    margin: auto;
    padding: 2rem;
    max-width: 500px;
    min-width: 422px;
}

.layout__fullpage__content h1 {
    font-size: 1.75rem;
    font-weight: 400;
    color: var(--primary);
}

.layout__fullpage__content__cta {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.layout__fullpage__content__cta span {
    margin-bottom: .5rem;
}

.layout__fullpage__help .helptitle {
    margin-bottom: .5rem;
}

.yesno__btn {
    border-radius: .5rem;
    border: 1px solid var(--primary);
    color: var(--primary);
    padding: 8px 16px;
    margin-top: 1rem;
}