/* Theme base styles */
/* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100;0,200;0,300;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,500;1,600;1,700;1,800;1,900&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 */
/*Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/


*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */


  :root {
/*      --column-gap: 0.35rem; */
     --column-gap: 0%;
     --column-width-multiplier: 8.333;
  }


/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction:column;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  min-height: 0px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 1024px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction:row;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}


.widget-type-linked_image{
/*   font-size:0; */
}
.content-wrapper {
  margin: 0 auto;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}
.dnd-section {
  padding:0rem;
  
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 1rem 2rem;
}

@media (max-width: 1024px) {
  .dnd-section {
    
  }
  .dnd-section .dnd-column {
   
  }
}

/*-------------------------------table-----------------------------------*//



.blog-post_container-new table {
    border-collapse: collapse !important;
    border: 1px solid black !important;
}

.blog-post_container-new th {
  border: 1px solid black ;
  padding: 4px !important;
}


.blog-post_container-new td{
  border: 1px solid #ccc ;
  padding: 4px !important;
}

.blog-post_container-new table thead tr {
  background-color:var(--purple_alt);
  color:white;
}
.blog-post_container-new table tbody tr:nth-child(even) {
  background-color: rgb(233, 236, 242);
}

/*================================blog card index && similar================*/
.blog-related-post-container{
    display: grid;
    margin: 0 auto;
    width: 100%;
    gap: 1rem;
}

.post__item {
    position:relative;
    text-decoration: none !important;
}
    
.post__container{
    position:relative;
    display: flex;
    flex-direction: column;
    height:100%;
    border-radius: var(--border-radius-small);
    overflow:hidden;
    box-shadow: var(--box-shadow);
    background-color: white;
}
._small .post__container{
    flex-direction: row;
    min-height: 120px;
   
}

.post__image_body{
    width: 100%;
    position:relative;
}
._small .post__image_body{
    width: 25%;
    margin: 0.25rem;
    display:flex;
    justify-content:center;
    align-items:center;
}

.post__image_body:before{
    content: '';
    display:block;
    margin-bottom:58.33%;
}
._small .post__image_body:before{
    margin-bottom: 100%;
}


.post__item:hover .post__image{
    transition: transform 180ms ease;
    transform:scale(1.04);
}

.post__image{
    position:relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    z-index:1;
    transition: transform 180ms ease;
}
._small .post__image{
    border-radius: 50%;
    box-shadow: 0px 1px 3px -2px rgba(1,1,1,1);
    position:relative;
    top:unset;
    left:unset;
    height:unset;
    display: flex;
}

._small .post__image:after{
    content: '';
    display:block;
    margin-bottom:100%;
}



.post__infos {
    padding: 1.2rem 1.2rem 2rem 1.2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    
    z-index: 3;
}
._small .post__infos{
    padding: 0.5rem;
    flex:2;
}
.post__headline{
    font-size: 0.875rem;
    line-height: 1.1rem;
    font-weight: 600;
    color: black;
    padding: 0.25rem 0px;
    flex:123;
  
}
._small .post__headline{
   font-size: 0.675rem;
    line-height:0.775rem;
 
    align-items: center;
  display: flex;
}

.post__date{
    font-size: 0.65rem;
    line-height:0.5rem;
    color: #5b5b5b;
    font-weight: 700;
    flex:1;
}

._small .post__date{
   font-size: 0.45rem;
    line-height:0.5rem;
} 


.post__tag__bar{
    position:absolute;
    z-index:2;
    top:0.25rem;
    left:0.25rem;
    display:none;
    flex-direction:row;
    flex-wrap: wrap;
}

.post__tag__bar._original{
  display:flex;
}
.post__tag__bar._clone{
 position:relative;
}
 
._small ._original{
  display:none;
}
._small ._clone{
  display:flex;
 
}


/*--------------------Blog post ----------------------------------------*/


.blog-post_container-new {
    font-family: Inter Tight,sans-serif;
    overflow-wrap: break-word;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    font-weight:400;
    font-size:18px;
    color:rgb(72, 72, 77);
    line-height:1.5;
    background:white;
    padding: 1rem; 
}

.blog-post_container-new  .blog-post__header{
    margin: 1rem auto;
    max-width: 720px;
    width: 100%;
}

.blog-post_container-new  .blog-post__header .blog-post__date{
    color: #909090;
    font-size: .625em;
    font-weight: 800;
    line-height: .625em;
    margin: 0;
}

.blog-post_container-new  .blog-post__header .blog-post__h1,
.blog-post_container-new  .blog-post__header .blog-post__h1 * {
    font-size: 1.5em;
    line-height:1.1;
    margin: 0;
}

@media (max-width: 767px) {
  .blog-post_container-new  .blog-post__header .blog-post__h1,
  .blog-post_container-new  .blog-post__header .blog-post__h1 * {
    font-size: 1.3em;
  }
}



.DS_blog_author_container{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
}

.blog-post_container-new  .content-post-body{
    max-width: 720px;
    margin: auto;
}

.blog-post_container-new p, 
.blog-post_container-new span, 
.blog-post_container-new ul, 
.blog-post_container-new li, 
.blog-post_container-new ol {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;

}

.blog-post_container-new h1{
    margin-block-start: 0.5em;
    color:black;
    margin-block-end: 0.5em;
    font-size:1.15rem;
}

.blog-post_container-new h2, 
.blog-post_container-new h3, 
.blog-post_container-new h4, 
.blog-post_container-new h5 {
    margin-block-start: 0.5em;
    color:black;
    margin-block-end: 0.5em;
}

.blog-post_container-new h2{
    border-top:0.5em solid #5d5ac3;
    padding-top: 2em;
    position: relative;
    font-size: 1.7em;
    line-height: 1;
}

.blog-post_container-new h2 *{
    font-size: 1.7em;
    line-height: 1.1;
}

.blog-post_container-new h2:before{
    content:"";
    height:0.5em;
    position: absolute;
    top:-0.5em;
    background:rgb(211, 220, 240);
    width:65%
}

.blog-post_container-new h2:after{
    content:"";
    position: absolute;
    height:0.5em;
    top:-0.5em;;
    background:#ff9601;
    width:15%;
    left:85%
}

.blog-post_container-new h3,
.blog-post_container-new h3 *{
    font-size: 1.5em;
    line-height: 1.1;
    color: var(--orange);
}

.blog-post_container-new h4,
.blog-post_container-new h4 *{
    font-size: 1.2em;
    line-height: 1.1;
}

.blog-post_container-new  ul li li,
.blog-post_container-new  ol li li {
    list-style-type: square;
}

.blog-post_container-new .content-post-body img{
  border-radius: var(--border-radius-small);
  margin:0.5rem 0;
  border: 0.5px solid rgba(1,1,1,0.2)
}


/*----------------------------------------tag----------------------------------------------*/

.blog-post__tag{
    display:flex;
    flex-direction:row;
    padding:0.5rem;
}

.post__tag{
    background: var(--purple);
    border: 0px;
    border-radius: 0.20rem;
    color: white;
    display: inline-block;
    font-size: 0.45rem;
    font-weight: 700;
    margin: 0 2px 2px 0;
    padding: 2px 8px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 0.85rem;
}

/*------------------------video container in blog post------------*/
.blog-post_container-new .hs-video-wrapper iframe{
  border-radius:0.5rem;
}
/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

a, a:hover, a:link, a:visited {
    color:var(--purple);
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}


/* Paragraphs */

.hs_cos_wrapper_type_rich_text>p,
.hs_cos_wrapper_type_rich_text>p span,
.hs_cos_wrapper_type_rich_text>p ul,
.hs_cos_wrapper_type_rich_text>p li,
.hs_cos_wrapper_type_rich_text>p ol
{
/*   -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align:justify; */
}
/* Anchors */

a {
  cursor: pointer;
}

/* Headings */
h1, h1 span{
  font-size:2.25rem;
  line-height:2.25rem;
  font-weight:800;
  -webkit-hyphens: none ;
  -moz-hyphens: none ;
  -ms-hyphens: none;
  hyphens: none;
  text-align:none;
}
h2, h2 span {
  font-size:1.85rem;
/*   line-height:1.85rem; */
  line-height:2rem;
  font-weight:800;
   -webkit-hyphens: none ;
  -moz-hyphens: none ;
  -ms-hyphens: none;
  hyphens: none;
  text-align:none;
}
h3, h3 span{
  font-size:1.25rem;
/*   line-height:1.35rem; */
  line-height:1.5rem;
  font-weight:800;
  -webkit-hyphens: none ;
  -moz-hyphens: none ;
  -ms-hyphens: none;
  hyphens: none;
  text-align:none;
}


.quote{
  font-family: 'Architects Daughter', cursive;
  font-size:2rem;
  line-height:2rem;
  color:var(--purple);

}
@media (max-width: 1200px) {
  
    h1, h1 span{
      font-size:2rem;
      line-height:2rem;
    }
    h2, h2 span{
      font-size:1.75rem;
      line-height:1.75rem;
    }
    h3, h3 span{
      font-size:1.15rem;
      line-height:1.25rem;
    }
  

}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 ;
}




/* Lists */

ul,
ol {
   padding-left: 1rem;
}


ul.no-list {
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

/* blockquote{
  font-style:italic;
  position:relative;
  font-size: 0.925rem;
  border-radius: 2px;
  color: #555555;
  padding:1.5rem 1.5rem 1.5rem 2rem;
  border-left:8px solid orange ;
  background:#EDEDED;
  margin:0;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:orange;
  font-size:4em;
  position: absolute;
  left: 10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
} */

blockquote{
  --accent-color: rgb(32 32 54);
  --bg-color: rgb(30 145 254);
  --dot-color: rgb(255 255 255 / .15);
  --text-color: rgb(243 243 243);
  --text-color-author: rgb(243 243 243);
}

blockquote{
    padding: 2.5rem;
    position:relative;
    color:  var(--orange);
    font-weight: 600;
    margin:0 !important;
}

blockquote::before{
    content: "\7b";
    color:  #6e6e73;
    font-family: 'DALIM_ICON' !important;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    width: 3rem;
    position: absolute;
    left: 0px;
    top: 0px;
}

blockquote > div{
  color:  var(--orange);
  margin-top:1rem;
  font-weight:900;
  font-size: 0.75em;  
}

blockquote > div::before{
  content: "- "
}




/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
button,
.button,
.hs-button {
      cursor: pointer;
      display: inline-block;
      text-align: center;
      transition: all 0.15s linear;
      white-space: normal;
      text-decoration:none;
 
}

button:disabled,
.button:disabled,
.hs-button:disabled {
     
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
      background: none;
      border: none;
      border-radius: 0;
      color: initial;
      font-family: inherit;
      font-size: inherit;
      font-style: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      margin-bottom: 0;
      padding: 0;
      text-align: left;
      text-decoration: none;
      transition: none;
}

a.cta_button {
  display:flex;
  align-items:center;
  text-decoration:none;
   font-weight:600;
}
a.cta_button:hover{
  
}
a.cta_button:hover:after,
.cta_button:after{
    content: "\7c";
    font-family: DALIM_ICON!important;
    padding-left: 0.25rem;
    font-weight:600;
  
}


/*----------------------specila arrow in block text---------*/
a.button_arrow{
  display:inline-flex;
  text-decoration:none;
}
a.button_arrow:after{
      content: "\7c";
      font-family: DALIM_ICON!important;
      margin-left: .35rem;
 }
/* Labels */

form label {
    display: block;
    color: black;
    font-size: 0.725rem;
    font-weight: 700;
    margin-bottom:0;
    line-height: 0.725rem;
    margin-bottom:0.15rem;
}

.hs-form-checkbox label,
form  legend,
.inputs-list .hs-form-radio label{
  font-size: 0.725rem;
  line-height: 0.825rem;
  font-weight: 500;
}

/* Help text - legends */

form legend {
/*   font-size: 0.875rem; */
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form input[type=search],
form select,
form textarea {
    background: #e0e0e7;
    border: 0px solid #303038;
    border-radius: .25rem;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    font-size: 0.825rem;
    height: 2rem ;
    padding: .5rem;
    width: 100%;
    appearance:none;
}
form textarea {
    min-height:3rem
}

form select {
  background-repeat: no-repeat;
    background-position:  center right +12px;
    background-image:url('//8542029.fs1.hubspotusercontent-na1.net/hubfs/8542029/raw_assets/public/DALIM%20SOFTWARE/images/module-icons/uniF107.svg')
}


.hs-search-field__bar{
    line-height:1;
}

.hs-search-field__bar form input[type=text],
.hs-search-field__bar form input[type=email],
.hs-search-field__bar form input[type=password],
.hs-search-field__bar form input[type=tel],
.hs-search-field__bar form input[type=number],
.hs-search-field__bar form input[type=file],
.hs-search-field__bar form input[type=search],
.hs-search-field__bar form select{
    background-color: rgba(1,1,1,0.1);
    border: 1px solid #ddd;
    border-radius: 3px; 
    display: inline-block;
    font-size: 0.575rem; 
    padding: 0.25rem 0.5rem;
    width: 240px;
    height:28px;
    color:black;
    font-weight:bold;
   
}


form fieldset {
    max-width: 100% !important;
}

.hs-form-field{
    margin-bottom:1rem;
}


.button--primary, 
.cta_button, 
.cta_button:hover, 
.hs-button, 
.hs-button.primary.large, 
.hs-button:hover {
    background-color: var(--purple);
    border:none;
    border-radius: 0.15rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-family: Inter,sans-serif;
    font-weight: 700;
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    margin:auto;
    margin-bottom:0.15rem;
    width: 100%;
}

@media (max-width: 767px) {
 fieldset .hs-form-field {
    width: 100% !important;
  }
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0; 
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 6px;
}

/* Inputs - datepicker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
/*   font-size: 0.875rem; */
/*   margin: 0 0 1.4rem; */
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
/*   margin-left: 1rem !important; */
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  font-size: 0.625rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    transition: all 0.15s linear;
    white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}

body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview {
    line-height: 14px;
    font-size: 12px;
}


.legal-consent-container{
  font-size:12px;
  font-weight:500;
  line-height: 16px;
  
}
.legal-consent-container p{
 margin-bottom:0.5rem;
  
}




legend.hs-field-desc{
  font-size: 0.525rem;
  font-style: oblique;
  font-weight:bold;
  color: #909090;

}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}
.hs-image__grid__list__item,
.hs-logo-grid__logo-wrapper{
  border-radius:8px;
  box-shadow:0px 3px 5px -2px rgba(1,1,1,.2);
}
/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header DND sections */
.header__container {
  display: flex;
  flex-direction:column;
}

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

}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */


@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}



  .hs-search-field__form {
    position: relative;
  }

  .header__search .hs-search-field__label {
    flex-basis: auto;
  }



.header__search .hs-search-field__input {
  
    color: white;
    font-weight: 600;
    background-repeat: no-repeat;
    height: 2rem;
    padding: 0 .7rem;
    background-color: #454555;
}



  .header__search .hs-search-field__button {
    padding: 0;
    fill: #000;
    background-color: transparent;
    border: none;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header__search .hs-search-field__button svg {
    height: 25px;
  }




.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}







/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
/*-----------------------------header-------------------------------*/

.header{
    position: fixed;
/*     width: 100%; */
    left:0rem;
    right:0rem;
    z-index:99;
    top:0rem;
}

.menu--desktop {
    background-color: #fff;
    box-shadow: 0 1px 10px -9px #010101;
    z-index: 99;
    display: flex;
}


.menu--desktop .menu{
    height: var(--desktop-menu-height);
    width: var(--maxWidth);
    text-align: center;
    z-index:10;
    background:white;
    font-size: 0; /*hack safari bug*/
    white-space: nowrap;
    overflow: auto;
}



/*-----------------------------button book a demo header----------*/
.menu--desktop .interactive-button{
    background: var(--orange);
    background: -webkit-linear-gradient(131deg,, var(--orange) 0%, var(--orange_alt) 100%);
    background: -o-linear-gradient(131deg, var(--orange) 0%, var(--orange_alt) 100%);
    background: linear-gradient(131deg, var(--orange) 0%, var(--orange_alt) 100%);
    color:white;
    display: flex;
    font-size: var(--desktop-menu-font-size);
    font-weight: 700;
    justify-content: center;
    align-items: center;
    height: var(--desktop-menu-height);
    padding: 0px 12px;
    text-decoration: none;
    margin-left: auto;
    white-space:nowrap;
    text-transform: uppercase;
}

/*/////////////////GENERIC ////////////*/

.menu--desktop .menu a{
    text-decoration: none;
  
}

/*/////////////////DECORATION MENU ////////////*/

.menu--desktop .menu_decoration_start{
    display: flex;
    flex: 1;
    background:var(--grey_blue);
    justify-content: flex-end;
    z-index:10;
}
.menu--desktop .menu_decoration_start:before{
    content: "";
    min-width: 44px;
    width: 20%;
    background:var(--grey_blue_2);
}

.menu--desktop .menu_decoration_end{
    display: flex;
    flex: 1;
    background:white;
    justify-content: flex-start;
   z-index:10;
}


/*///////////////// LOGO LEVEL TOP  ////////////*/

.menu--desktop .header__logo {
    height:var(--desktop-menu-height);
    width: 88px;
    background:var(--purple);
    background: -webkit-linear-gradient(131deg, var(--purple) 0%, var(--purple_alt) 100%);
    background: -o-linear-gradient(131deg, var(--purple) 0%, var(--purple_alt) 100%);
    background:  linear-gradient( 131deg, var(--purple) 0%, var(--purple_alt) 100%);
    background-repeat: no-repeat;
    background-position:center center;
    color:var(--txt_light);
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu--desktop .header__logo img{
    max-width:70% !important
}


/*///////////////// MENU LEVEL TOP LEVEL ////////////*/




.menu--desktop .menu__item {
    display: inline-block;
}

.menu--desktop .menu__item >.menu__link{
    display: flex;
    justify-content: center;
    align-items: center;
    height:var(--desktop-menu-height);
    cursor: pointer;
    font-size: var(--desktop-menu-font-size);
    font-weight: 600;
    padding: 0 20px;  
    color:black;
    transition: all 0.3s;
}

.menu--desktop .menu__item:hover>.menu__link,
.menu--desktop .menu__item._show>.menu__link{
    background: var(--grey);
    transition: all 0.3s;
}


.menu--desktop .menu__item._show .menu__link{
    color: var(--purple);
}


/*----------arrows------*/

.menu--desktop .menu__item.menu__item--has-submenu>.menu__link:after {
    content: "±";
    font-family: DALIM_ICON!important;
    font-size: 16px;
    margin: 0 0 0 3px;
    transform: rotate(0deg);
    transition: transform .3s;
}

.menu--desktop .menu__item._show>.menu__link:after {
   transform: rotate(-180deg);
}



/*///////////////// SUBMENU  ////////////*/

.menu--desktop .submenu{
    top:var(--desktop-menu-height);
    position:absolute;
    display:block;
    left:0;
    width:100%;
    height:1px;
    background:white;
    overflow:hidden;
    z-index:9;
    transform: translateY(-100%);
    transition:  transform  .5s var(--tds-bezier) ;
}
.menu--desktop .submenu._show{
    transform: translateY(0);
    transition: transform   .5s var(--tds-bezier);
}

.menu--desktop .menu__submenu  {
    display: flex;
    opacity:0;
    position: absolute;
    left: 0;
    width: 100%;
    flex-direction:row;
    text-align: left;
    z-index:-1;
    overflow:hidden;
    transition: all  .5s var(--tds-bezier) ;
}

.menu--desktop .submenu .menu__submenu._show{
    z-index:1;
    opacity:1;
    transition: all  .5s var(--tds-bezier) ;
}

.menu--desktop .menu__submenu_grid_decoration{
    flex:1
}





/*///////////////// SUBMENU GRID DEFINITION ////////////*/

.menu--desktop .menu__submenu_grid{
    width:100%;
    display: grid;
    grid-template-rows: 1fr ;
    max-width:var(--maxWidthSmall);
    margin:auto;
}

.menu--desktop .menu__submenu_grid.grid-1{
    grid-template-rows: 1fr ;
/*     grid-template-columns:  minmax(min-content, 1fr); */
    grid-template-columns:  minmax(min-content, max-content);
    grid-template-areas: 
      "block_A"
}
.menu--desktop .menu__submenu_grid.grid-2{
/*     grid-template-columns:  minmax(min-content, 1fr) minmax(min-content, 1fr); */
    grid-template-columns:  minmax(min-content, max-content) minmax(min-content, max-content);
    grid-template-areas: 
      "block_A block_B"
}
.menu--desktop .menu__submenu_grid.grid-3{
    grid-template-rows: 1fr ;
/*     grid-template-columns:  minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr); */
    grid-template-columns:  minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content);
    grid-template-areas: 
      "block_A block_A block_A block_B block_B block_B block_C block_C"
}
.menu--desktop .menu__submenu_grid.grid-4{
    grid-template-rows: 1fr  ;
/*     grid-template-columns:  minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr); */
    grid-template-columns:  minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content);
    grid-template-areas: "block_A block_B block_C block_D"
}
.menu--desktop .menu__submenu_grid.grid-4 .sub_menu__item_grid:nth-child(3){
/*   padding-bottom:0px !important; */
}

.menu--desktop .menu__submenu_grid.grid-5{
    grid-template-rows: auto 1fr ;
/*     grid-template-columns:  minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr); */
    grid-template-columns:  minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content);
    grid-template-areas: 
      "block_A block_A block_B block_B block_C block_C"
      "block_A block_A block_B block_B block_D block_E"
}
.menu--desktop .menu__submenu_grid.grid-8{
    grid-template-rows: auto 1fr ;
/*     grid-template-columns:  minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr); */
    grid-template-columns:  minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content);
    grid-template-areas: 
      "block_A block_B block_B block_E block_F block_H"
      "block_A block_C block_D block_E block_G block_G"
}


/*///////////////// SUBMENU ITEM GRID DEFINITION ////////////*/


.menu--desktop .sub_menu__item_grid {
    padding: 12px 44px 44px 12px;
}
.menu--desktop .sub_menu__item_grid:nth-child(1){grid-area: block_A;}
.menu--desktop .sub_menu__item_grid:nth-child(2){grid-area: block_B;}
.menu--desktop .sub_menu__item_grid:nth-child(3){grid-area: block_C;}
.menu--desktop .sub_menu__item_grid:nth-child(4){grid-area: block_D;}
.menu--desktop .sub_menu__item_grid:nth-child(5){grid-area: block_E;}
.menu--desktop .sub_menu__item_grid:nth-child(6){grid-area: block_F;}
.menu--desktop .sub_menu__item_grid:nth-child(7){grid-area: block_G;}
.menu--desktop .sub_menu__item_grid:nth-child(8){grid-area: block_H;}



/*///////////////// SUBMENU ITEM STYLE DEFINITION ////////////*/

.menu--desktop .sub_menu__minititle,
.menu--desktop .sub_menu__minititle:hover{
    display: inline-block;
    background: none !important;
    font-size: 12px;
    line-height: 16px;
    padding-left:0;
    text-decoration:none;
    color: var(--purple);
    font-weight: 600;
    cursor:default;
}
.menu--desktop .sub_menu__minititle[href]{
    cursor:pointer;
}

.menu--desktop .sub_menu__link{
    width: 100%;
   display:block;
    cursor:pointer;
    padding: 6px 12px;
    border-radius: 3px;
    transition: color .32s cubic-bezier(.4,0,.6,1);
    text-decoration:none !important;
    color:black;
}

.menu--desktop .sub_menu__link:hover{
     background: var(--grey);
}

/* .menu--desktop .sub_menu__link.menu__link--active-link,
.menu--desktop .sub_menu__link.menu__link--active-branch,
.menu--desktop .sub_menu__link.menu__link--active-link:hover,
.menu--desktop .sub_menu__link.menu__link--active-branch:hover{
    background:var(--purple);
    color:white; 
}
.menu--desktop .sub_menu__link.menu__link--active-link.menu__link--resources{
    background:unset;
    color:unset; 
} */


.menu--desktop .sub_menu__title{
    display:flex;
    font-size:var(--desktop-menu-font-size);
    font-weight:600;
    text-decoration:none;
    line-height: 16px;
    align-items: flex-start;
    justify-content: space-between;
   
}
.menu--desktop .sub_menu__description{
    display:block;
    font-size: 12px;
    font-weight: 500;
    text-decoration:none;
    line-height: 16px;
}




/*///////////////// COMMON ////////////*/

.sub_menu_EN_only{
      align-items: center;
      background-color: #606060;
      border-radius: 3px;
      color: #fff;
      display: flex;
      font-size: 9px;
      line-height: 16px;
      margin-left: 3px;
      padding: 0 5px;
}


/*///////////////// TODO FInde a solution for the resources menu??? ////////////*/
.hs_cos_wrapper_type_language_switcher{
    position:absolute;
    height:100%;
    width:100%;
}

.header__language-switcher {
    cursor: pointer;
    position: relative;
    background:var(--purple);
    width: 60px;
}

.header__language-switcher:hover{
}

.globe_class{
    background-image: none !important;
    width: 0px !important;
    height: 0px !important;
    position: absolute;
    height: var(--desktop-menu-height) !important;
    width:100%;
    border-radius:0px !important;
    cursor: pointer;
    border: 0px solid white;
    width:100% !important;
    top: 0px;
    visibility: hidden;
}

.header__language-switcher--label-current{
    align-items: center;
    background: none;
    background-position: 16px 50%;
    background-repeat: no-repeat;
    background-size: 35%;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 0;
    font-weight: 600;
    height: var(--desktop-menu-height);
    padding: 0 12px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}



.header__language-switcher--label-current:after{
    color: #fff;
    content: "±";
    font-family: DALIM_ICON !important;
    font-size: 16px; 
    margin-left: 30px;
    transform: rotate(-90deg);
    transition: transform .3s;
}
.header__language-switcher:hover .header__language-switcher--label-current:after {
    transform: rotate(0deg);
}
.header__language-switcher--label--no--arrow .header__language-switcher--label-current:after{
    opacity:0 !important; /* special class, remove arrow on language button if there's no others languages available */
}
.header__language-switcher .lang_switcher_class {
    position: static;
}

.header__language-switcher .lang_list_class {
    position:absolute;
    right:0px;
    left: unset !important; 
    -webkit-transform: translateX(0)!important; 
    transform: translateX(0)!important;
    display: block;
    opacity: 0;
    text-align: left;
    top: 100%;
    transition: opacity 0.3s;
    visibility: hidden;
    padding:0;
		background-color: #fff;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.header__language-switcher .lang_list_class:before,
.header__language-switcher .lang_list_class:after{
    display:none;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
    opacity: 1;
    transition: opacity 0s;
    visibility: visible;
}

.header__language-switcher .lang_list_class li{
    border: none !important ;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:0 !important;
    position:relative;
}

.lang_list_class{
    padding-bottom:4px;
}

.header__language-switcher--label {
    display: flex;
    position: relative;
}

.header__language-switcher .lang_list_class li a{
    align-items: center;
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 24px;
    display: flex;
    height: 32px;
    font-weight:600;
    width:100%;
    padding: 0 32px 0 36px;
    position: relative;
    white-space: nowrap;
}


.header__language-switcher .lang_list_class li:hover a{
    color:black;
    background-color:var(--grey);
}

/*-----------------------mobile menu ----------------*/
.sub_menu__link[data-language]{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px;
    display:flex;
    justify-content:center;
}
.sub_menu__link[data-language]:after{
    padding-left:32px;
    color:black;
    font-size: 16px;
    font-weight: 600;
}



/*---------definition langues-----_*/
.sub_menu__link[data-language="fr"],
.header__language-switcher  [data-language="Français"],
.header__language-switcher  [data-language="fr"]{
    background-image: url("https://8542029.fs1.hubspotusercontent-na1.net/hubfs/8542029/NEW%20WEBSITE/flags/fr.svg");

}

.sub_menu__link[data-language="en"],
.header__language-switcher  [data-language="English"],
.header__language-switcher  [data-language="en"]{
    background-image: url("https://8542029.fs1.hubspotusercontent-na1.net/hubfs/8542029/NEW%20WEBSITE/flags/gb.svg");
}

.sub_menu__link[data-language="de"],
.header__language-switcher  [data-language="Deutsch"],
.header__language-switcher  [data-language="de"]{
    background-image: url("https://8542029.fs1.hubspotusercontent-na1.net/hubfs/8542029/NEW%20WEBSITE/flags/de.svg");
}


.sub_menu__link[data-language="es"],
.header__language-switcher  [data-language="Español"],
.header__language-switcher  [data-language="es"]{
    background-image: url("https://8542029.fs1.hubspotusercontent-na1.net/hubfs/8542029/1-WEBSITE/ICS/flags/es.svg");
}




.sub_menu__link[data-language="fr"]:after{
    content:"Français";
}
.sub_menu__link[data-language="en"]:after{
    content:"English";
}
.sub_menu__link[data-language="de"]:after{
    content:"Deustch";color:black
}

.sub_menu__link[data-language="es"]:after{
    content:"Español";color:black
}


.sub_menu__minititle[data-language="fr"]:after{
    content:"Selectionnez votre langue";
}
.sub_menu__minititle[data-language="en"]:after{
    content:"Choose a language";
}
.sub_menu__minititle[data-language="de"]:after{
    content:"Wahlen Sie eine sprache";
}
.sub_menu__minititle[data-language="es"]:after{
    content:"Elija su idioma";
}
.search_template{
/*     background:white; */
}

.search_container{
    display:grid;
    max-width:1200px;
    margin:auto;
    grid-template-columns: 1fr 240px auto;
    grid-template-rows: 1rem;
    align-items: center;
    padding: 1rem 2rem;
}

.search_container h1{
    margin:0;
    font-size:  1rem;
}

.hs-search-field__bar{
    margin-right: 3px;
}
.hs-search-field__bar form{
   margin-block-end: 0;
}
.blog-search-container>h1{
/*     font-size:  1.35rem; */
} 
.blog-search-container>h1,
.hs-search-field__input{
    margin: 0 
}

.hs-search-field__input._special_search{
    font-size: 13px !important;
    padding: 0 0.25rem !important;
    height: 28px !important;
    font-weight: 600 !important;
    background:var(--grey) !important;
    border: 1px solid #e8eaed !important;
    border-radius: .15rem !important;
    box-sizing: border-box !important;
    color: black !important;
    display: inline-block !important;
    font-size: 0.575rem !important;
    width: 100% !important;
    padding: 0.25rem 0rem 0.25rem 0.5rem !important;
}








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

.filter__button{
    font-size: 13px;
    font-weight: 500 !important;
    display: flex;
    height: 28px;
    transition:  background-color  .3s;
    padding: 6px 6px 6px 10px;
    border-radius: 3px;
    cursor:pointer;
    align-items: center;
    margin-left:4px;
}
.filter__button:hover{
      background-color:var(--grey);
}

/*---filtering is active---*/

.filter__button_filtering{
      padding: 6px 6px 6px 10px;
      color:var(--purple);
      background:#e7e7e7;
}
.filter__button_filtering:before{
      content: "m";
      font-family: DALIM_ICON!important;
      font-size: 12px;
      height: 13px;
      display: flex;
      margin-right: 3px;
      justify-content: center;
      align-items: center;
      transform-origin: center;
      transition: transform .3s;
      width: 1rem;
}



/*---------------------*/


.filter__button:after{
      content: "±";
      font-family: DALIM_ICON!important;
      font-size: 18px;
      height: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      transform: rotate(0deg);
      transform-origin: center;
      transition: transform .3s;
      width: 16px;
}

.filter__button._active{
      transition: background-color .3s;
      background-color:rgba(1,1,1,0.1);
      background-color:var(--purple);
      color:white;
}
.filter__button._active:after{
      content: "±";
      font-family: DALIM_ICON!important;
      height:16px;
      width:16px;
      transform: rotate(-180deg);
      transition: transform 300ms;
}

/*///////////////////////PALETTE FILTER///////////////////////*/
.filters{
      max-height:0;
      position: absolute;
      background-color: #fff;
      width: 100%;
      overflow: auto;
      margin-top: -1px;
      right:0;
      z-index: 9;
      box-shadow: 0 6px 6px -3px rgba(1,1,1,.05);
      transition:all 0.3s ease;
}

.filters ul{
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      max-width: 960px;
      margin: 16px auto 40px auto;
}

.filters ul li{
      list-style-type: none;
      width: 25%; 
      transition:all 0.75s ease;
      transition-delay: 0.25s;
      opacity:0;
}

.filters ul li a{
      font-size: 12px;
      font-weight: 600;
      line-height: 28px;
      list-style-type: none;
      text-transform: uppercase;
      margin: 0 3px;
      padding: 6px 6px;
      text-decoration: none;
      color: black;
      border-radius: 3px;    
}
.filters ul li a:hover{
      background:var(--grey);
}
.filters ul li a.blog-tags-wrapper__current{
      transition: background-color .3s;
      background-color: var(--purple);
      color: #fff;
      font-weight: 600;
}
.show {
    max-height:400px;
    transition:all 0.2s ease-in;
}

.show.filters ul li  {
      opacity:1;
      transition:all 0.75s ease;
      margin-bottom:0;
}


@media (max-width: 767px) {
  .search_container{
    grid-template-areas: "block_A block_A " "block_B block_C ";
    grid-template-columns: 3fr auto;
    grid-template-rows: auto auto;
    padding-top:0.5rem;
    padding-bottom:1.5rem;
  }

  .search_container h1{
    font-size: 1rem;
    max-width: 100%;
    grid-area: block_A;
    margin-bottom: 0.35rem;
  }
  
  .hs-search-field{ grid-area: block_B;}
  .filter__button__bar{  grid-area: block_C;}
  
  .filter__button{
      font-size:0;
      padding: .35rem .3rem .35rem .4rem;
  }
  .filter__button:before{
      content: "m";
      font-family: DALIM_ICON!important;
      font-size: .725rem;
      height: 0.825rem;
      display: flex;
      margin-right: 0.15rem;
      justify-content: center;
      align-items: center;
      transform-origin: center;
      transition: transform .3s;
      width: 1rem;
  }
  .filters ul{
      display: flex;
      flex-flow: column;
      flex-wrap: wrap;
      padding: 1rem 2rem 1rem 2rem;
      margin: 0;
  }
  .filters ul li{
      list-style-type: none;
      width: 50%; 
      transition:all 0.75s ease;
      transition-delay: 0.25s;
      opacity:0;
  }
}

/*//////////////////////////////////////suggestion////////////////////////////////////*/
.hs-search-field__suggestions {
    margin-top:3px;
    overflow: auto;
    position: absolute;
    width: 100%;
    z-index: 100;
    display:none;
    padding:16px;
    background:#fff;
    border-radius:4px;
    max-width:300px;
    box-shadow: 0 6px 6px -3px rgba(1,1,1,.5);
}
.hs-search-field.hs-search-field--open .hs-search-field__suggestions{
    display:block;
}

.hs-search-field__suggestions .results-for{
    font-weight:800;
    font-size: 0.6rem;
  
}


.hs-search-field__suggestions a.result-item {
    padding: 0.25rem;
    text-decoration: none;
    line-height: 0.8rem;
    color: black;
    font-size: 0.7rem;
    display: block;
}

.hs-search-field__suggestions .result-item:hover,
.hs-search-field__suggestions .result-item:focus{
    background:rgba(1,1,1,0.05);
    border-radius:3px;
}







/*////////////////////////// PAGE SEARCH RESULT//////////////////////////////*/

.blog-list-search_template{
      background:var(--grey_light);
}

.blog-list-search_container{
      display: flex;
      flex-flow: column;
      max-width:var(--maxWidthSmall);
      margin: auto;
}


.blog-list-search_container .result__container{
      position:relative;
      display: flex;
      flex-direction: row;
      align-items:center;
      height:100%;
      overflow:hidden;
      padding: 32px 0; 
      border-top:1px solid #ccc;
}

@media (max-width: 767px) {
  .blog-list-search_container .result__container{
        padding: 1rem; 
    }
}

.blog-list-search_container .result__item:first-child .result__container{
      border-top:0px;
}

.blog-list-search_container .result__media{
      min-width: 288px;
      height: 160px;
      position:relative;
      border-radius:8px;
      overflow:hidden;
}

@media (max-width: 767px) {
  .blog-list-search_container a{
      padding:0 0px
  }
  .blog-list-search_container .result__media{
      min-width: 128px;
      height: 120px;
   }
  .blog-list-search_container .result__container{
      padding: 1rem 0;
  }
  
}
.blog-list-search_container .result__image{
      position:relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height:100%;
      width:100%;
      transition: transform 180ms ease;
}
.blog-list-search_container .result__item:hover .result__image {
      transform: scale(1.04);
      transition:transform 180ms ease;
}

.blog-list-search_container .result__infos{
      padding: 1em;
      display: flex;
      flex-direction: column;
      justify-content: center;
      color: black;
}

.blog-list-search_container .result__date{
      color: #5b5b5b;
      font-size: 13px;
      font-weight: 700;
}

.blog-list-search_container .result__headline,
.blog-list-search_container .result__headline *{
      font-size:1rem;
      line-height: 1.35rem;
  }
.blog-list-search_container .hs-search-highlight.hs-highlight-title{
      background:var(--purple);
      color:white;
      font-weight:700;
}
.blog-list-search_container a{
      text-decoration:none !important;
}
.pagination_template{
padding:2rem 0;
}

.pagination_container{
    max-width:var(maxWidthSmall);
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto
}

.blog-pagination__number-box {
    display: flex;
    flex-direction: row;  
}

a.blog-pagination__link {
    background: var(--purple);
    background: -webkit-linear-gradient(131deg, var(--purple) 0%, var(--purple_alt) 100%) ;
    background: -o-linear-gradient(131deg, var(--purple) 0%, var(--purple_alt) 100%);
    background: linear-gradient( 131deg, var(--purple) 0%, var(--purple_alt) 100%) ;
    color:white;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items:center;
    text-decoration:none;
    height: 3rem;
    padding: 0 1.5rem;
}



a.blog-pagination__link svg {
    margin:0 .5rem
}

a.blog-pagination__link--active {
    background: var(--orange);
    background: -webkit-linear-gradient(131deg,, var(--orange) 0%, var(--orange_alt) 100%);
    background: -o-linear-gradient(131deg, var(--orange) 0%, var(--orange_alt) 100%);
    background: linear-gradient(131deg, var(--orange) 0%, var(--orange_alt) 100%);
    color:white;
    text-shadow:0px 0px 1px black
}
.blog-pagination__next-link--disabled,
.blog-pagination__prev-link--disabled {
    opacity:0.3;
  pointer-events:none;
}
:root{
	--item-size: 6;
}


.bibliotheque{
  display: grid;
  grid-template-columns: repeat(var(--item-size), 1fr);
  gap: 1rem 1rem;
  margin: 0 auto 0 auto;
  max-width: 100%;
  position:relative;
  border-bottom:0.25em solid #5d5ac3;
  padding-bottom: 1rem;
}

@media (max-width: 767px) {
  .bibliotheque {
    grid-template-columns: repeat(calc(var(--item-size)/2),1fr);
  }
}


.bibliotheque .title_tab{
/*     border-top:0.25em solid #5d5ac3; */
    color: black;
    font-weight:bold;
    position:relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    grid-column: -1 / 1;
    font-size: 0.725rem;
    padding: 0.5rem 0 0 0;
    text-align: center;
}

.bibliotheque:before{
    content:"";
    height:0.25em;
    position: absolute;
    bottom:-0.25em;
    background:rgb(211, 220, 240);
    width:65%
}

.bibliotheque:after{
    content:"";
    position: absolute;
    height:0.25em;
    bottom:-0.25em;;
    background:#ff9601;
    width:15%;
    left:85%
}




.bibliotheque .item{
	position: relative;
	cursor: pointer;
  min-width:100%;
  display:flex;
  flex-direction:column;
	border-radius: var(--border-radius-tiny);
  text-decoration: none;
  line-height:0.7rem;
}

/*---------------------preview----------_*/
.bibliotheque .itemPreview{
	position: relative;
  width: 100%;
  display: inline-block;
  background: rgba(255,255,255,0.8);
  border-radius: var(--border-radius-tiny);
  border: 1px solid rgba(1,1,1,0.1);
}


.bibliotheque .itemPadder{
	margin-top:100%;
	width:100%;
	pointer-events: none;
}

.bibliotheque .itemImgFrame{
	width:100%;
	height:100%;
	position:absolute;
	display:flex;
	justify-content: center;
	align-items: center;
	top:0px;
	left:0px;
	box-sizing: border-box;
	padding: 0.5rem;
}


.bibliotheque .itemImg{
	max-width:100%;
	max-height:100%;
	pointer-events: none;
	object-fit: contain;
}


.bibliotheque .itemMenuButton{
	width:1.5rem;
	height:2rem;
	position:absolute;
	top:0px;
	right:0px;
  display:none;
	justify-content: center;
	align-items: center;
	border-radius:100%;
	z-index:10000;
}
.bibliotheque .itemFlag{
  position: absolute;
  top: 0.15rem;
  background-color: var(--purple);
  border-radius: var(--border-radius-tiny);
  color: #fff;
  font-size: .625rem;
  font-weight: 700;
  left: 0.15rem;
  padding: 0.15rem 0.25rem;
}

@media (hover: none) and (pointer: coarse) {
	.bibliotheque .itemMenuButton{
		display:flex;
	}
}


/*-----------info---------*/


.bibliotheque .itemName{
  color:black;
  text-decoration:none;
	text-align:center;
	font-size:0.65rem;
  font-weight:700;
	pointer-events: none;
  margin-top: 0.15rem;
}
.bibliotheque .itemInfos{
    display:none;
    flex-direction:column;
    padding:0.25rem 0;
    text-align: center;
    text-decoration: none;
    font-size:0.55rem;
}

 .bibliotheque .itemDescription{
        color:black;
        text-decoration:none;
        text-align:center;
        pointer-events: none;
        flex:222;
    }

 .bibliotheque .itemLanguage{
        color:black;
        text-decoration:none;
        text-align:center;
        font-weight:700;
        pointer-events: none;
    }
.bibliotheque .itemDownload{
        text-align:center;
        font-weight:700;
        color:var(--purple);
    }

.bibliotheque.Info .itemInfos{
	display:flex;
  flex:222;
}
@media (max-width: 767px) {
  .itemName {
   
  }
  .itemDescription{
 
  }
}

/*----------------- square view------------------_*/

.bibliotheque.Square .itemImg{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	object-fit: cover;
	pointer-events: none;
}

/*--------------------wall view---------------_*/
.bibliotheque.Wall.bibliotheque{
	width:100%;
	gap:1px;
	grid-gap:1px;
	transform: translateZ(0)
}
.bibliotheque.Wall.bibliotheque .itemPreview{
  border:0px;
  border-radius:0px;
}




.modal{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:10000;
    display:none;
    align-items: flex-start;	
    justify-content: center;
    animation:  pop-in-palette 150ms ease-in;
	  font-size:0.875rem;
    color:black;
}


.palette{
    position: relative;
    margin:auto 1rem;
    display:grid;
/*     border-radius:4px; */
    pointer-events: none; 
    z-index:1011;
    display: flex;
    box-shadow: 0px 6px 10px -2px rgba(1, 1, 1, 0.5);
    background: #fff;
    flex-flow: column;
    pointer-events: none !important;
    width:100%;
    max-width:24rem;
    padding:1rem;
    opacity:1;
   
}


@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .palette {
    background: rgba(255,255,255,0.86);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}

.palette * {
     pointer-events: auto;    
} 


.row_title{
    height:4rem;
    font-weight:700;
	font-size:1.25rem;
    line-height:3rem;
    text-align: center;
}

.row{
    padding:0.5rem;
    display:flex;
    flex-flow: row wrap;
    justify-content: space-between; 
    align-items: center;
    border-radius:var(--border-radius-tiny);
    margin-bottom:1rem;
}

.group{
	flex-direction: column;
	padding: 0 0.5em;
}
.sub{
	display: flex;
	width: 100%;
	border-bottom: 0.5px solid #333444;;
	height: 3rem;
	flex-flow: row  wrap;
	justify-content: space-between;
	align-items: center;
	
}
.sub:last-child{
	border:unset
}
.row_table{
	 align-items: flex-start;
}
.row_slider{
	padding:0px;
	background:unset;
}

.row .title{
	font-weight: 500;
	min-height: 2rem;
	display: flex;
	flex:1;
	align-items: center;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/*-----------------table---------*/
.table{
	display: flex;
	flex-direction: column;
	flex: 2;
	border-radius: 6px;
	background: #333444;
}

.table-row{
	position:relative;
	border-top: 0.5px solid rgba(1,1,1,0.4);
	height: 2rem;
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.table-row._select:before{
	font-family: 'DALIM_ICON' !important;
    content:"1";
	color:var(--grey);
	position:absolute;
	top:0px;
	left:0px;
	width:2rem;
	height:2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;   
}
.table-row:first-child{
	border-top:0px;
}

.Switch {
	position: 		relative;
	height: 		1.5rem;
	width: 			3rem;
	cursor: 		pointer;
	line-height: 	2rem;
}

.Switch input { 
	opacity: 		0;
	width: 			0;
	height: 		0;
}

.SwitchSlider {
	position: absolute;
	top: 			0;
	bottom: 		0;
	left: 			0;
	right: 			0;
	margin: 		auto;
	background: 	rgba(122,122,122,0.5);
	border-radius: 	50px;
	width: 			3rem;
	height: 		1.5rem;
	transition: 	.2s;
  box-shadow:inset 0px 3px 5px -4px black, inset 0px -2px 3px -4px black; ;
}

.SwitchSlider:before {
  position: absolute;
  content: "";
  top: 0;
  left: 1px;
  bottom: 0;
  margin: auto;
  height: 1.4rem;
  width: 1.4rem;
  background: rgba(255, 255, 255, 1);
  transition: .2s;
  border-radius: 50%;
  box-shadow: 0px 3px 5px -4px black;
}

.Switch input:checked + .SwitchSlider {
  	background-color: var(--grey_blue);
}

.Switch input:checked + .SwitchSlider:before {
	transform: 		translateX(1.5rem);
	background: 	var(--purple)
}





.row.grid{
	display: grid;
	grid-auto-columns: 1fr;
	grid-auto-rows: 1fr;
	padding:0px;
}
.buttonIcsSquare{
	display:flex;
	cursor: pointer;
	position: relative;
	color:#ccc;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	border-bottom:1px solid  #333444;
}

.buttonIcsSquare._active{
	background:var(--purple);
	color:white;
	
}
.buttonIcsSquare:before{
	font-size:1.5rem;
	height:3em;
	display:flex;
	justify-content: center;
	align-items: center;
	width:3rem;
}

.buttonIcsSquare:after{
	font-family: "Helvetica Neue", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans" ;
	content:attr(data-title);
	display:flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 0.875rem;
	font-weight: 500;
	padding-left:1rem;
	text-align: left;
	flex:1;
}


/*---------------------------slider-----------------------*/
/*---------------------------slider-----------------------*/
input[type=range] {
    -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
    width: 100%; /* Specific width is required for Firefox. */
    background: transparent; /* Otherwise white in Chrome */
    height:4rem;
    border-radius:6px;
    padding:0px;
    outline:0;
    overflow:hidden;
    clip:auto;
    background:rgba(122,122,122,0.5);
    box-shadow:inset 0px 3px 5px -4px black, inset 0px -2px 3px -4px black; 
}

input[type=range]::-moz-focus-outer {
    border: 0;
    }

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -2rem; 
}

input[type=range]:focus {
    outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
  /* Hides the slider so custom styles can be added */
    background: transparent; 
    border-color: transparent;
    color: transparent;
}


input[type=range]::-webkit-slider-thumb {
    cursor: pointer;
    width: 4rem;
    height: 4rem;
    cursor: pointer; 
    background-image:url('https://8542029.fs1.hubspotusercontent-na1.net/hubfs/8542029/WEBSITE/Fonts/zoom_white.svg');
    background-color:  var(--purple);
    background-size: 2rem 2rem !important;
    background-repeat: no-repeat;
    background-position: center center;
    border:0px;
    box-shadow: -1200px 0px 0px 1190px  rgba(110, 160, 255,0.5);  
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
    width: 4rem;
    height: 4rem;
    cursor: pointer; 
    background-image:url('https://8542029.fs1.hubspotusercontent-na1.net/hubfs/8542029/WEBSITE/Fonts/zoom_white.svg');
    background-color:  var(--purple);
    background-size: 2rem 2rem !important;
    background-repeat: no-repeat;
    background-position: center center;
    border:0px;
    box-shadow: -1200px 0px 0px 1190px  rgba(110, 160, 255,0.5);    

}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
    width: 4rem;
    height: 4rem;
    cursor: pointer; 
    background-image:url('https://8542029.fs1.hubspotusercontent-na1.net/hubfs/8542029/WEBSITE/Fonts/zoom_white.svg');
    background-color: var(--purple);
    background-size: 2rem 2rem !important;
    background-repeat: no-repeat;
    background-position: center center;
    border:0px;
    box-shadow: -1200px 0px 0px 1190px  rgba(110, 160, 255,0.5);    

}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 0px;
    cursor: pointer;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    outline:none;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 0px;
    cursor: pointer;
    outline:none;
    overflow:hidden;
    clip:auto;
 }

input[type=range]::-ms-track {
    width: 100%;
    height: 0px;
    cursor: pointer;
}


._anim{
   	animation:  pop-in-palette 150ms ease-in;
    opacity:1;
}
.r_anim{
    animation:  pop-out-palette 150ms ease-in;
    opacity:0;
    z-index:1000;
 }


 
@keyframes pop-in-palette {
    0% {
        opacity:0.1;
        transform: scale(1.5);
    }
    90% {
        opacity:0.8;
        transform: scale(1.1);
    }
    100% {
       opacity:1;
       transform: scale(1);
    }
}
.hs-vignette-grid {
    margin: auto;
    display: grid;
    gap:1rem;
}

.hs-vignette-grid__box{
    position: relative;
    padding-bottom: 60%;
    text-decoration:none;
    border-radius: var(--border-radius-small);
    box-shadow: var(--box-shadow);
    border: 1px solid rgba(255,255,255,0.3);
    overflow:hidden;
}

.hs-vignette-grid__image {
    transition: transform 120ms ease;
    background-color:#fff;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    top: 0;
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.hs-vignette-grid__last{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    color: black;
    font-size: 0.725rem;
    position: absolute;
    text-align: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.hs-vignette-grid__box:hover .hs-vignette-grid__image{
    transition: transform 180ms ease;
    transform:scale(1.04)  translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (max-width: 767px) {
  .hs-vignette-grid {
      max-width: var(--maxWidthSmall);
      margin: auto;
      display: grid;
      grid-template-columns: 1fr 1fr ;
  }
}
/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

.widget-type-linked_image{
  overflow:hidden;
  clip:auto;

}

.hs_cos_wrapper_type_linked_image{
    display:flex;
} 

/* Utilities
Helper classes with ability to override anything that comes before it
*/
/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}

:root{
		--purple:#5D5AC3;
		--purple_alt:#4542A1;
  	--orange:#e28500;
		--orange_alt:#ff9601;
	  --grey:#f5f5fa;
    --grey:#F5F5F7;
		--grey_alt:#E2E2E2;
/*     --grey_light:#f6f6fb; */
    --grey_light:#f5f5fa;
    --grey_blue: #D3DCF0;
    --grey_blue_2:rgb(150, 165, 211);
		--txt_light:rgba(255, 255, 255, 0.8);
		--txt_dark:rgba(1, 1, 1, 1);
    --desktop-menu-height: 44px;
    --desktop-menu-font-size: 13px;
    --mobile-menu-height: 64px;
    --maxWidth: 1200px;
    --maxWidthSmall: 960px;
    --maxWidthBlogBody:640px;
    --tds-bezier: cubic-bezier(0.5, 0, 0, 0.75);
    --border-radius-tiny: 4px;
    --border-radius-small: 8px;
    --border-radius-medium: 6px;
    --border-radius-big: 16rem;
    --box-shadow: 0 2px 4px -3px #000;
	} 

body, html {
    height:100%;
    font-weight:500;
    font-size: 21px;
    line-height: 30px;
}

pre.line-numbers{
      background: #272822 ;
}

body {
    background-color:var(--grey_light);
    overflow-wrap: break-word;
    font-family: 'Inter Tight', sans-serif;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}

@media (max-width: 767px) {
  html, body {
     font-size: 17px;
     line-height: 25px;
    }
}


.body-container-wrapper{
    padding-top: var(--desktop-menu-height);
}
.body-container-wrapper._centered{
    margin:auto 0;
}
@media (max-width: 767px) {

.body-container-wrapper{
      padding-top: var(--mobile-menu-height)  }
}

/*-------------------------special layout------------------*/
@media (max-width: 1200px) {
}

.hs-image__grid__list__item{
    overflow:unset; /* remove border bug */
}
.hs-site-page{
    display:flex;
    flex-direction:column;
    min-height: 100%;

}
.spacer{
    flex:222;
}

/*------hack for breaking lign in title on desktop that disapear on mobile----------*/
@media (max-width: 767px) {
  br.ligneBreakDesktop{
    display:none;
    height:0px;
  }
}

/*------hack for breaking lign in title on MOBILE that disapear on DESKTOP----------*/
  br.ligneBreakMobile{
    display:none;
  }
@media (max-width: 767px) {
  br.ligneBreakMobile{
    display:flex;
  }
}

/*------------------------------------------------------------------------------*/

.footer-container-wrapper{
    margin-top:auto;
}

/*------------------------------------------------------------*/
.menu--mobile {
    display: none;
}

@media (max-width: 767px) {
  .menu--desktop {
    display: none;
  }
  .menu--mobile {
    display: block;
  }
}


/*-----------------overlay blurry when menu is open--------------*/
/*.   the div object is on the base.html because of some hubspot bug in edition mode--------------*/

.menu__overlay{
    position:fixed;
    display:block;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:-1;
}

.menu__overlay .menu__overlay--texture{
    display:block;
    width:100%;
    height:100%;
    opacity:0;
    background-color:rgba(1,1,1,.5);
    transition: opacity 0.3s var(--tds-bezier);
}

.menu__overlay._show{
    z-index:8;
}

.menu__overlay._show .menu__overlay--texture{
    opacity:1;
    transition: opacity 0.3s var(--tds-bezier);
} 

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
.menu__overlay .menu__overlay--texture{
    background-color: rgba(222,222,222,0.4);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
	}
}


/*------------------------------------loader-------------------------------------------------------___*/
/* HTML: <div class="loader"></div> */
.loader {
  width: 60px;
  height: 16px;
  display: flex;
  justify-content: space-between;
  animation: l3-0 2s infinite alternate;
}
.loader:before,
.loader:after {
  content: "";
  width: 16px;
  border:0.5px solid white;
  background: var(--purple);
  animation: l3-1 1s infinite alternate;
}
.loader:after {
  background: var(--orange);
  --s:-1;
}
@keyframes l3-0 {
   0%,40%   {transform: rotate(0)}
   80%,100% {transform: rotate(.5turn)}
}
@keyframes l3-1 {
   80%,100% {transform: translate(calc(var(--s,1)*14px))}
}





/*--------------------------------font +icons------------------------------------*/

@font-face { 
  font-family: 'DALIM_ICON'; 
  src: url('https://8542029.fs1.hubspotusercontent-na1.net/hubfs/8542029/1-WEBSITE/UI/FONTS/DALIM_ICON.eot?') format('eot'), 
    url('https://8542029.fs1.hubspotusercontent-na1.net/hubfs/8542029/1-WEBSITE/UI/FONTS/DALIM_ICON.woff') format('woff'), 
    url('https://8542029.fs1.hubspotusercontent-na1.net/hubfs/8542029/1-WEBSITE/UI/FONTS/DALIM_ICON.ttf') format('truetype');
}



[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'DALIM_ICON' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-earth:before {
  content: "\e91b";
}
.icon-arrow-up-right2:before {
  content: "\ea3b";
}
.icon-undo:before {
  content: "\e965";
}
.icon-redo:before {
  content: "\e966";
}
.icon-stats-bars:before {
  content: "\e99c";
}
.icon-stats-bars2:before {
  content: "\e99d";
}
.icon-stack2:before {
  content: "\3c";
}
.icon-star:before {
  content: "\e60f";
}
.icon-star22:before {
  content: "\e610";
}
.icon-arrow-right:before {
  content: "\e611";
}
.icon-arrow-down:before {
  content: "\e612";
}
.icon-stopwatch:before {
  content: "\e62b";
}
.icon-upload:before {
  content: "\e613";
}
.icon-download2:before {
  content: "\e61b";
}
.icon-heart:before {
  content: "\e614";
}
.icon-heart2:before {
  content: "\e615";
}
.icon-heart-broken:before {
  content: "\e616";
}
.icon-warning:before {
  content: "\e61e";
}
.icon-droplet:before {
  content: "\e917";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-rss:before {
  content: "\ea9b";
}
.icon-pause:before {
  content: "\e91a";
}
.icon-61140:before {
  content: "\e918";
}
.icon-611402:before {
  content: "\e919";
}
.icon-opaque-copy:before {
  content: "\e914";
}
.icon-transp-copy:before {
  content: "\e915";
}
.icon-curseur:before {
  content: "\e912";
}
.icon-calendar:before {
  content: "\e916";
}
.icon-folder2:before {
  content: "\e913";
}
.icon-colums:before {
  content: "\e90f";
}
.icon-colums2:before {
  content: "\e910";
}
.icon-colums3:before {
  content: "\e911";
}
.icon-split:before {
  content: "\e90d";
}
.icon-insertInto:before {
  content: "\e90e";
}
.icon-barcode2:before {
  content: "\e90b";
}
.icon-simluation3:before {
  content: "\e90c";
}
.icon-color_viewing2:before {
  content: "\e90a";
}
.icon-uni43:before {
  content: "\43";
}
.icon-bottom:before {
  content: "\e900";
}
.icon-top:before {
  content: "\e901";
}
.icon-delete3:before {
  content: "\64";
}
.icon-sign1:before {
  content: "\e907";
}
.icon-sign2:before {
  content: "\e908";
}
.icon-sign3:before {
  content: "\e909";
}
.icon-double_crop:before {
  content: "\e903";
}
.icon-double_mar:before {
  content: "\e904";
}
.icon-double_mark_no_gap:before {
  content: "\e905";
}
.icon-simple_crop:before {
  content: "\e906";
}
.icon-simple_mark_new:before {
  content: "\e902";
}
.icon-coverage:before {
  content: "\e629";
}
.icon-hMirror:before {
  content: "\e627";
}
.icon-vMirror:before {
  content: "\e628";
}
.icon-uni79:before {
  content: "\79";
}
.icon-simple_mark:before {
  content: "\e622";
}
.icon-simple:before {
  content: "\e623";
}
.icon-dbl:before {
  content: "\e624";
}
.icon-dbl_mark:before {
  content: "\e625";
}
.icon-dbl_gap_mark:before {
  content: "\e626";
}
.icon-line:before {
  content: "\e61f";
}
.icon-paragraph:before {
  content: "\e620";
}
.icon-rectangle:before {
  content: "\e621";
}
.icon-folder:before {
  content: "\66";
}
.icon-tool:before {
  content: "\24";
}
.icon-remove:before {
  content: "\72";
}
.icon-add:before {
  content: "\61";
}
.icon-pins:before {
  content: "\6e";
}
.icon-dbl2:before {
  content: "\62";
}
.icon-stack:before {
  content: "\52";
}
.icon-approve:before {
  content: "\41";
}
.icon-star2:before {
  content: "\75";
}
.icon-cog:before {
  content: "\71";
}
.icon-eye:before {
  content: "\22";
}
.icon-forward:before {
  content: "\4e";
}
.icon-backward:before {
  content: "\50";
}
.icon-first:before {
  content: "\4b";
}
.icon-last:before {
  content: "\45";
}
.icon-unchecked:before {
  content: "\25";
}
.icon-bubbles:before {
  content: "\26";
}
.icon-cogs:before {
  content: "\27";
}
.icon-radio:before {
  content: "\28";
}
.icon-round:before {
  content: "\29";
}
.icon-trim:before {
  content: "\4d";
}
.icon-bold:before {
  content: "\42";
}
.icon-italic:before {
  content: "\49";
}
.icon-page:before {
  content: "\53";
}
.icon-image:before {
  content: "\33";
}
.icon-sidebyside:before {
  content: "\3b";
}
.icon-uni31:before {
  content: "\31";
}
.icon-reject:before {
  content: "\32";
}
.icon-close:before {
  content: "\63";
}
.icon-open:before {
  content: "\6f";
}
.icon-wall:before {
  content: "\4f";
}
.icon-vignette:before {
  content: "\76";
}
.icon-minizoom:before {
  content: "\7a";
}
.icon-zoom:before {
  content: "\5a";
}
.icon-zoom1:before {
  content: "\73";
}
.icon-info:before {
  content: "\69";
}
.icon-portraitVign:before {
  content: "\67";
}
.icon-paysageVign:before {
  content: "\47";
}
.icon-user:before {
  content: "\78";
}
.icon-uni7F2:before {
  content: "\51";
}
.icon-uni6B:before {
  content: "\6b";
}
.icon-text:before {
  content: "\2a";
}
.icon-spinner:before {
  content: "\2b";
}
.icon-target:before {
  content: "\2c";
}
.icon-user2:before {
  content: "\34";
}
.icon-100:before {
  content: "\35";
}
.icon-fullscreen:before {
  content: "\37";
}
.icon-fullscreen2:before {
  content: "\38";
}
.icon-simple2:before {
  content: "\56";
}
.icon-pencil:before {
  content: "\65";
}
.icon-tampon:before {
  content: "\54";
}
.icon-layers:before {
  content: "\6c";
}
.icon-trash:before {
  content: "\70";
}
.icon-tags:before {
  content: "\6d";
}
.icon-uni21:before {
  content: "\21";
}
.icon-bullet:before {
  content: "\30";
}
.icon-check:before {
  content: "\23";
}
.icon-uni2E:before {
  content: "\2e";
}
.icon-picture:before {
  content: "\2f";
}
.icon-dblpage:before {
  content: "\44";
}
.icon-sidebysideV:before {
  content: "\36";
}
.icon-showPins:before {
  content: "\57";
}
.icon-userNew:before {
  content: "\59";
}
.icon-users:before {
  content: "\77";
}
.icon-uniF0B0:before {
  content: "\a7";
}
.icon-uni3F:before {
  content: "\3f";
}
.icon-uniF0C1:before {
  content: "\5b";
}
.icon-uni40:before {
  content: "\40";
}
.icon-uni3E:before {
  content: "\3e";
}
.icon-uniF10E:before {
  content: "\5d";
}
.icon-uniF10D:before {
  content: "\7b";
}
.icon-uniF107:before {
  content: "\b1";
}
.icon-uniF106:before {
  content: "\f106";
}
.icon-uniF102:before {
  content: "\7d";
}
.icon-uniF104:before {
  content: "\5e";
}
.icon-uniF105:before {
  content: "\7c";
}
.icon-uniF103:before {
  content: "\5c";
}
.icon-uniF101:before {
  content: "\60";
}
.icon-uniF100:before {
  content: "\5f";
}
.icon-uni4A:before {
  content: "\4a";
}
.icon-uni46:before {
  content: "\46";
}
.icon-uni48:before {
  content: "\48";
}
.icon-uni4C:before {
  content: "\4c";
}
.icon-uni55:before {
  content: "\55";
}
.icon-triangle-copy:before {
  content: "\7e";
}
.icon-uni74:before {
  content: "\74";
}
.icon-x:before {
  content: "\58";
}
.icon-photo:before {
  content: "\e600";
}
.icon-uni7F:before {
  content: "\e601";
}
.icon-uni80:before {
  content: "\e602";
}
.icon-uni81:before {
  content: "\e603";
}
.icon-uni82:before {
  content: "\e604";
}
.icon-uni68:before {
  content: "\e605";
}
.icon-uni83:before {
  content: "\e606";
}
.icon-uni84:before {
  content: "\e607";
}
.icon-uni85:before {
  content: "\e608";
}
.icon-uni87:before {
  content: "\e60a";
}
.icon-uni88:before {
  content: "\e60b";
}
.icon-uni89:before {
  content: "\e60c";
}
.icon-uni2D:before {
  content: "\e60d";
}
.icon-uni8A:before {
  content: "\e60e";
}
.icon-untitled:before {
  content: "\e618";
}
.icon-rectangle2:before {
  content: "\e61a";
}
.icon-rapporteur:before {
  content: "\e61c";
}
.icon-ruler:before {
  content: "\e61d";
}
.icon-surface:before {
  content: "\e619";
}
.icon-untitled2:before {
  content: "\e617";
}
.icon-colorpicker-eyedropper:before {
  content: "\e609";
}
.icon-radar:before {
  content: "\3d";
}


/*-------------------animation highlight text--------------------------*/
.text_animation .delayed {
		opacity: 0;
		animation: leftRight .5s forwards;
		display: inline-block;
		font-weight:bold;
	}
a .text_animation .delayed{
  text-decoration:underline;
}


	@keyframes leftRight {
		40% {
			transform: translate(12px, 0) scale(.7);
			opacity: 1;
		}
		60% {
		}

		80% {
			transform: translate(0) scale(3);
			opacity: 0;
		}
		100% {
			transform: translate(0) scale(1);
			opacity: 1;
		}
	}