@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;500;700&display=swap');




@font-face {
    font-family: 'Gridular';
    src: url('https://5652218.fs1.hubspotusercontent-na1.net/hubfs/5652218/Cuex_theme_assets_Oct-21/fonts/Gridular/Gridular-Regular.eot');
    src: local('https://5652218.fs1.hubspotusercontent-na1.net/hubfs/5652218/Cuex_theme_assets_Oct-21/fonts/Gridular/Gridular Regular'), local('Gridular-Regular'),
        url('https://5652218.fs1.hubspotusercontent-na1.net/hubfs/5652218/Cuex_theme_assets_Oct-21/fonts/Gridular/Gridular-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://5652218.fs1.hubspotusercontent-na1.net/hubfs/5652218/Cuex_theme_assets_Oct-21/fonts/Gridular/Gridular-Regular.woff2') format('woff2'),
        url('https://5652218.fs1.hubspotusercontent-na1.net/hubfs/5652218/Cuex_theme_assets_Oct-21/fonts/Gridular/Gridular-Regular.woff') format('woff'),
        url('https://5652218.fs1.hubspotusercontent-na1.net/hubfs/5652218/Cuex_theme_assets_Oct-21/fonts/Gridular/Gridular-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}










/* 1a. Containers */





/* 1b. Breakpoints */







/* 1c. Colors */

















/* 1d. Typography */











/* 1e. Border */



/* 1f. Corner Radius */



/* 1g. Lists */






/* 1h. Horizontal Rule */



/* 1i. Blockquote */




/* 1j. Buttons */








































/* 1k. Forms */















































/* 1l. Tables */











/* 1m. Site Header */


































/* 1n. Site Footer */












/* 1o. Blog */







.content-wrapper {
    max-width: 1212px;
}
.content-wrapper{
    padding-left:16px;
    padding-right:16px;
}


.content-wrapper--narrow {
    max-width: 818px;
}



.dnd-section,
.content-wrapper--blog-index,
.content-wrapper--blog-post {
    padding: 70px 16px;
}

.dnd-section > .row-fluid {
    max-width: 1212px;
}





html {
    font-size: 16px;
}

body {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 16px;
    line-height:1.5625;
    counter-reset: section;
}

/* Paragraphs */

p.lead,
p.intro {
    font-size: 1.25rem;
}


mark { 
    background-color: transparent; 
    
    font-weight: 700; 
    position:relative;
    z-index: 0;
}
mark:after {content: '';width: 100%;background-color:#FFE744;display: inline-block;position: absolute;bottom: 0;height: 7px;left: 0; z-index:-1; }

/* Anchors */

a {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #666665;
}

a:hover, a:focus {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #FFE744;

}

a:active {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #ffff94;
}

a.button:disabled {
    background-color: #F1F1F1;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #000000;
    text-transform: none;
}



h1 {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #000000;
    font-size: 41px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1.28;
}

h2 {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #000000;
    font-size: 36px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1.17;
}



h3 {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #000000;
    font-size: 30px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1.2;
}

h4 {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #000000;
    font-size: 20px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1.2;
}

h5 {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #000000;
    font-size: 15px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1.3;
}

h6 {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1.25;
}




u {text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

/* Lists */

ul,
ol {
    margin: 1.5rem 0;
    padding-left: 1.5rem;
}

ul li,
ol li {
    margin: 0.75rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin: 1.5rem;
}

/* Blockquote */

blockquote {
    border-left: 4px solid #FFE744;
    padding-left: 1.5rem;
}

/* Horizontal Rules */

hr {
    border-bottom-color: #D0D0D0;
}





/* Primary Button */

button,
.button a,a.button,
.ias-trigger-next a{
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(255, 231, 68, 1.0)

;
    border: 1px solid #FFE744;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #191919;
    fill: #191919;
    font-size: 14px;
    padding: 10px 20px;
    text-transform: none;
    display:inline-block;
}


.button a:after, a.button:after,.ias-trigger-next a:after {
    content: '';
    background-image: url('https://nextlevel.inbnd.nl/hubfs/Cuex_theme_assets_Oct-21/images/primary_btn_arrow.svg');
    background-size: 100% auto;
    background-position: center center;
    display: inline-block;
    width: 5px;
    height: 9px;
    vertical-align: middle;
    margin-left: 40px;
    position:relative;
    left:0;
    transition:all ease 0.3s;
}

button:disabled,
.button a:disabled,
a.button:disabled,
button:disabled:hover,
.button a:disabled:hover,
a.button:disabled:hover,
button:disabled:focus,
.button a:disabled:focus,
a.button:disabled:focus,
button:disabled:active,
.button a:disabled:active,
a.button:disabled:active {
    background-color: #D0D0D0 !important;
    border-color: #D0D0D0 !important;
    color: #F1F1F1 !important;
}

.button--simple:disabled,
.button--simple:disabled:hover,
.button--simple:disabled:focus,
.button--simple:disabled:active {
    background-color: transparent !important;
}

button:hover,
button:focus,
.button a:hover,
a.button:hover,
.button a:focus,
a.button:focus,
button:active,
.button a:active,
a.button:active,
.ias-trigger-next a:hover{
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(255, 231, 68, 1.0)

;
    border: 1px solid #FFE744;
    color: #191919;
}


button:hover:after,
button:focus:after,
.button a:hover:after,
a.button:hover:after,
.button a:focus:after,
a.button:focus:after,
button:active:after,
.button a:active:after,
a.button:active:after,
.ias-trigger-next a:hover:after{
    position:relative;
    left:5px;
    transition:all ease 0.3s;
}


button:active,
a.button:active,
.button a:active {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: #FFE744;
    border: 1px solid #FFE744;
    border-color: #FFE744;
}

/* Secondary Button */

.button.button--secondary a,
a.button.button--secondary
{
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
    border: 1px solid #000000;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
    fill: #fff;
    padding: 10px 20px;
    text-transform: none;
}


.button.button--secondary a:after, .button.button--secondary a:after
{
    background-image: url('https://nextlevel.inbnd.nl/hubfs/Cuex_theme_assets_Oct-21/images/secondary_btn_arrow.svg');
}

/* .button.button--secondary a:hover:after, .button.button--secondary a:hover:after{
background-image: url('https://nextlevel.inbnd.nl/hubfs/Cuex_theme_assets_Oct-21/images/primary_btn_arrow.svg');
} */

.button.button--secondary a:hover,
.button.button--secondary a:focus,
.button.button--secondary a:active,
a.button.button--secondary:hover,
a.button.button--secondary:focus,
a.button.button--secondary:active,
.ias-trigger-next a:hover
{
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
    border: 1px solid #000000;
    color: #fff;
    fill: #fff;
}

.button.button--secondary a:active,
a.button.button--secondary:active {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: rgba(80, 80, 80, 100);
    border: 1px solid #000000;
    border-color: #505050;
    color: #ffffff;
    fill: #ffffff;
}

/* Simple Button */

.button.button--simple a,a.button.button--simple  {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #000000;
    fill: #000000;
    text-transform: none;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    border: none;
    position:relative;
    font-size:16px;
}

.button.button--simple a:after,a.button.button--simple:after{
    content: '\f105';
    background-image: none;
    display: inline-block;
    width: auto;
    height: auto;
    vertical-align: middle;
    margin-left: 10px;
    font-family: 'FontAwesome';
    font-weight:900;
    transition:all ease 0.3s;
}

.button.button--simple.btn-simple-border a:before,a.button.button--simple.btn-simple-border:before {content: '';position: absolute;bottom: 6.5px;width: calc(100% - 20px);height: 1px;background-color: #000000;}
.button.button--simple.btn-simple-border a:hover:before,a.button.button--simple.btn-simple-border:hover:before{background-color: #000}

.button.button--simple a:hover:after,a.button.button--simple:after:hover{margin-left:15px;}


.button.button--simple a:hover,
a.button.button--simple:hover,
.button.button--simple a:focus,
a.button.button--simple:focus{
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #000;
    fill: #000;
}


.button.button--simple a:active,
a.button.button--simple:active{
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #000;
    fill: #000;
}

/* Button Sizing */

.button.button--small {
    font-size: px;
    padding: px px;
}

.button.button--large {
    font-size: px;
    padding: px px;
}





form {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    border: 2px solid #F1F1F1;
    border-radius: 0px;
    padding: 32px 32px;
}

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

/* Form Title */

.form-title {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(255, 231, 68, 1.0)

;
    border: 2px none #FFE744;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #FFFFFF;
    font-size: 30px;
    padding: 32px 32px;
    text-transform: uppercase;
}

/* Labels */

.hs-form-field > label,
.hs-form-field > label span {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #000000;
    font-size: 16px;
    padding: 6px 0px;
    display: block;
}

/* Help Text - Legends */

.hs-form-field legend {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #000000;
    font-size: 14px;
}

/* Inputs */

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
select,
textarea {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(218, 218, 217, 0.2)

;
    border: 1px solid 

  
  
    
  


  rgba(218, 218, 217, 0.2)

;
    border-radius: 0px;
    color: #000000;
    font-size: 26px;
    padding: 24px 18px;
    width:100% !important;
    outline: none !important;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='number']:focus,
select:focus,
textarea:focus{
    border-color:#FFE744;
}



input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
textarea{
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: #000000;
}

::-moz-placeholder {
    color: #000000;
}

:-ms-input-placeholder {
    color: #000000;
}

:-moz-placeholder {
    color: #000000;
}

::placeholder {
    color: #000000;
}

/* Inputs - Checkbox/Radio */

form .inputs-list:not(.no-list) label,
form .inputs-list:not(.no-list) label > span,
form .inputs-list:not(.no-list) label > span p {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #000000;
    font-size: 16px;
}

/* Inputs - Datepicker */

.fn-date-picker td.is-today .pika-button {
    color: #000000;
}

.hs-datepicker .is-selected button.pika-button {
    background-color: #000000;
}

.hs-datepicker button.pika-button:hover {
    background-color: #FFE744 !important;
}

/* Form Rich Text */

form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #000000;
}

/* GDPR Text */

.legal-consent-container,
.legal-consent-container .hs-richtext,
.legal-consent-container .hs-richtext p {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #000000;
    font-size: 16px;
    font-size: 10px; line-height: 12px;}
form .inputs-list>li.hs-form-booleancheckbox { margin: 10px 0;}
form .legal-consent-container .inputs-list:not(.no-list) label>span {
    font-size: 10px;
}


/* Validation */

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

.hs-error-msg {
    color: #EF6B51;
}

/* Submit */
form input[type='submit'],
form .hs-button{
    cursor: pointer;
    transition: all ease 0.3s; 
}




form input[type='submit'],
form .hs-button {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(255, 231, 68, 1.0)

;
    border: 1px solid #FFE744;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #191919;
    fill: #191919;
    padding: 10px 20px;
    padding-right: 65px;
    text-transform: none;
    width:auto;
    display:inline-block;
    background-image: url(https://nextlevel.inbnd.nl/hubfs/Cuex_theme_assets_Oct-21/images/primary_btn_arrow.svg);
    background-size: 5px auto;
    background-position: center right 23px;
    background-repeat: no-repeat;
}

form input[type='submit']:hover,
form input[type='submit']:focus,
form .hs-button:hover,
form .hs-button:focus {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(255, 231, 68, 1.0)

;
    border: 1px solid #FFE744;
    color: #191919;
    background-position: center right 17px;
}

form input[type='submit']:active,
form .hs-button:active {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: rgba(255, 255, 148, 100);
    border: 1px solid #FFE744;
    border-color: #ffff94;
}





form input[type='submit'],
form .hs-button {
    font-size: 14px;
    padding: 10px 20px;
    padding-right: 65px;
}



/* Inline Thank You Message */

.submitted-message {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    border: 2px solid #F1F1F1;
    border-radius: 0px;
    padding: 32px 32px;
}

form .input { margin-right: 0!important;}
form fieldset { max-width: inherit!important; 
    /*   margin: 0 -10px!important; */
}
/* form fieldset.form-columns-1 .field,form fieldset.form-columns-1 .hs-input { width: 100%!important;} */
/* form fieldset.form-columns-2 .field { width: 50%!important;} */
/* form fieldset.form-columns-3 .field { width: 33.33%!important;} */
form .field { padding: 0 0 20px;}
/* form fieldset .field { padding-left: 10px; padding-right: 10px;} */
form ul.multi-container { padding-top: 10px;}
form ul.multi-container li { margin: 5px 0;}
form .field>label { margin-bottom: 5px; display: block;}
textarea { height: 80px;}
.hs-form-field { margin-bottom: 0;}
.hs-error-msgs { list-style: none; margin: 10px 0 10px; padding: 0 0 0 10px; font-size: 12px;}

form fieldset input.hs-input[type=checkbox]  { width: auto !important;}
form fieldset input.hs-input[type=radio] { width: auto !important;}


.hs-form-field .input { display: table; width: 100%; margin: 0 !important; }
.hs-error-msgs { position: relative; }
.hs-error-msgs li label{
    font-size: 14px;
    line-height: 14px;
    color: #DA0000;
}
.hs-error-msgs li{ list-style-type:none; margin: 0; }
.hs-form-checkbox{
    width:100%;
    float:left;
    list-style-type:none;
}
.hs-form-radio{
    width:100%;
    float:left;
    list-style-type:none;
}
.hs-form-checkbox input, .hs-form-radio input{
    margin-right: 27px;
}
form .hs-richtext, form .hs-richtext p { text-align: left; font-size: 14px; line-height: 1.3; margin-bottom: 10px; color:; }
form{
    max-width:100%;
    width:100%;
    float: none !important;     padding-top: 44px;

}
form legend{
    color:#8B8B8B;
    font-size:18px;
    margin-bottom: 0;
}
.submitted-message { 
    text-align: center; 
    font-size: 20px; 
    overflow: hidden !important; 
    line-height: normal; 
    color:; margin-top: 40px;
}
.legal-consent-container .hs-form-booleancheckbox-display>span p, .legal-consent-container .hs-form-booleancheckbox-display>span { font-size: 10px; line-height:12px; color:;line-height: normal; margin-left: 0 !important; }

/* Form Two Col Section */

.form-columns-2 , .form-columns-1{max-width:100% !important;}
.form-columns-2 > div { width: 48.5% !important; }
.form-columns-2 > div:first-child{float:left !important;}
.form-columns-2 > div:last-child{float:right !important;}


/* Radio Button Style */

.hs-form-radio label.hs-form-radio-display {font-size: 16px; display:flex;flex-wrap:wrap; margin-bottom: 0; }
.hs-form-radio-display .hs-input { display: none; }
.hs-form-radio label.hs-form-radio-display input+span{display:flex;position:relative; padding-left: 25px; font-size: 18px;}
.hs-form-radio label.hs-form-radio-display input+span:before { width: 20px; height: 20px; content: ''; border: 1px solid #b7c5d4; background-color: transparent; display: inline-block; border-radius: 100%; margin-right: 13px; transition: .5s ease all; position: absolute; left: -11px; top: 4px; }
.hs-form-radio label.hs-form-radio-display input:checked+span:before{background-color:#FFE744; border-color:#000000; }
.hs-form-radio label.hs-form-radio-display input:checked+span:after { content: ''; position: absolute; left: -5px; width: 8px; height: 8px; background-color:#000000; top: 10px; border-radius: 100%; transition: .5s ease all; }

/* Checkbox Style */

/* .hs-form-checkbox:not(:last-child){margin-bottom:29px;} */
.hs-form-checkbox label.hs-form-checkbox-display { font-size: 16px; font-weight: 500; text-transform: inherit;display:flex;flex-wrap:wrap; margin-bottom: 0; }
.hs-form-checkbox-display .hs-input { display: none; }
.hs-form-checkbox label.hs-form-checkbox-display input+span{display:flex;position:relative; padding-left:30px; font-size: 18px; }
.hs-form-checkbox label.hs-form-checkbox-display input+span:before { width: 20px; height: 20px; content: ''; border: 1px solid #B7C5D4; background-color: transparent; display: inline-block; margin-right: 13px; transition: .5s ease all; position: absolute; left:-11px; top: 4px; }
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:before{background-color:#FFE744; border-color:#000000;}
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after { content: '\f00c'; font-family: FontAwesome; position: absolute; left:-7px; width: auto; height: auto; background-color: transparent; top: 5px; border-radius: 100%; transition: .5s ease all; color:; font-size: 12px; }

li.hs-form-booleancheckbox:not(:last-child){margin-bottom:29px;}
li.hs-form-booleancheckbox label.hs-form-checkbox-display { font-size: 14px; font-weight: 700; text-transform: uppercase;display:flex;flex-wrap:wrap; }
.hs-form-booleancheckbox-display .hs-input { display: none; }
li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span{display:flex;flex-wrap:wrap;align-items:center;position:relative; margin-left:25px !important; }
li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before { width: 10px; height: 10px; border-radius:2px;content: ''; border: 1px solid #000000; background-color:#fff; display: inline-block; margin-right: 13px; transition: .5s ease all; position: absolute; left: -25px; top: 2px; }
/* li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:before{background-color:#111d33;} */
li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after { content: '\f00c'; font-family: FontAwesome; position: absolute; left: -23px; width: auto; height: auto; background-color: transparent; top:4px; line-height: normal; border-radius: 100%; transition: .5s ease all; color: ; font-size:6px; color:#000000; }

form .inputs-list>li { margin: 0 0 10px 0; }
.legal-consent-container li.hs-form-booleancheckbox { padding-left: 0; }

span.hs-form-required {   margin: 0; color:; } 

li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:before{background-color:#FFE744}


.legal-consent-container ul.inputs-list { padding: 0; list-style-type: none; }
.legal-consent-container .field.hs-form-field {  margin-bottom: 8px; }
.hs-fieldtype-booleancheckbox {  padding: 0 !important; }


/* Contact Form */

.formResetStyling form { background-color: transparent; border-color: transparent; border-radius: 0; padding: 0;}
.formResetStyling h3 { padding: 0;}
.form-contact-srt form .field>label { padding: 0; margin: 0;}
.form-contact-srt .hs_submit { text-align: right;}



@media(max-width:991px){

    input[type='text'],input[type='email'],input[type='password'],input[type='tel'],input[type='number'],select,textarea{ font-size:20px;}

}

@media(max-width:767px){
    li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span{margin-left: 17px !important;}
    form fieldset.form-columns-2 .field,form fieldset.form-columns-3 .field{width:100% !important;}
}


/* form { background-color: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; }
form fieldset .field { padding-left: 0 !important; padding-right: 0 !important; }
body form fieldset { display: flex !important; flex-wrap: wrap !important;margin: 0 !important; }
form fieldset.form-columns-2 > div.field { width: calc(50% - 10px) !important; }
form fieldset .field label.is-empty { display: none; }
form fieldset.form-columns-2 > div.field:first-child { margin-right: 10px; }
form fieldset.form-columns-2 > div.field:last-child { margin-left: 10px; }
textarea { min-height: 80px !important; }
form input[type='submit'], form .hs-button { width: auto; margin: 0 0 auto !important; font-size: 15px !important; letter-spacing: 0; padding: 10px 65px 10px 20px !important; border-radius: 0px 0px 0px 10px !important; background-image: url(https://nextlevel.inbnd.nl/hubfs/Cuex_theme_assets_Oct-21/images/arrow-img.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) 15px !important; background-size: initial; }
form .hs-submit .actions { text-align: right; } */









table {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    border: 1px solid #D0D0D0;
}

th,
td {
    border: 1px solid #D0D0D0;
    color: #000000;
    padding: 12px 12px;
}

thead th,
thead td {
    background-color: 

  
  
    
  


  rgba(255, 231, 68, 1.0)

;
    border-bottom: 2px solid #D0D0D0;
    color: #000;
}

tbody + tbody {
    border-top: 2px solid #D0D0D0;
}

tfoot td {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    color: #000000;
}




.header{
    background-color:transparent;
}
.header.headerSticky {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    border-bottom: 1px none #FFFFFF;
}

.header__container-inner-wrapper {
    max-width: 1212px;
}

/* Header content */

.header p,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header a:not(.button),
.header span,
.header div,
.header li,
.header blockquote {
    color: #000000;
}

/* Header modules */

.header .icon svg {
    fill: #000000;
}

.header .news-listing__entry-row--author,
.header .news-listing__entry-summary,
.header .upcoming-events__event-date,
.header .event_details__date--small {
    color: #000000;
}

.header .news-listing__header a,
.header .upcoming-events__header a,
.header .news-listing__entry a,
.header a.icon-card__link {
    color: #666665;
}

.header .news-listing__header a:hover,
.header .news-listing__header a:focus
.header .upcoming-events__header a:hover,
.header .upcoming-events__header a:focus,
.header .news-listing__entry a:hover,
.header .news-listing__entry a:focus,
.header a.icon-card__link:hover,
.header a.icon-card__link:focus {
    color: #FFE744;
}

.header .news-listing__header a:active,
.header .upcoming-events__header a:active,
.header .news-listing__entry a:active,
.header a.icon-card__link:active {
    color: #ffff94;
}

.header h3.form-title {
    color: #FFFFFF;
}

.header .news-listing__header h3,
.header .upcoming-events__header h3 {
    color: #000000;
}

.header .news-listing__entry h4,
.header h4.upcoming-events__event-title {
    color: #000000;
}

.header h6.news-listing__entry-date,
.header .upcoming-events__event-subtitle h6 {
    color: #000000;
}

/* Logo */

.headerblackintegrationlogo { display: none; }
.header__logo .logo-company-name {
    color: #fff;
}

/* Top Navigation and Language Switcher */

.header__container--upper {
    background-color: 

  
  
    
  


  rgba(255, 231, 68, 0.0)

;
}

.header__container--upper .navigation-primary .level-1 > li > a,
.header .header__language-switcher-label-current {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #D7D3D1;
    font-size: 14px;
    text-transform: uppercase;
}

.header__language-switcher .globe_class {
    background-color: #D7D3D1;
    height: 17px;
    width: 17px;
}

.header__container--upper .navigation-primary .level-1 > li:hover,
.header__container--upper .navigation-primary .level-1 > li:focus,
.header__language-switcher:hover,
.header__language-switcher:focus {
    background-color: ;
}

.header__container--upper .navigation-primary .level-1 > li:hover > a,
.header__container--upper .navigation-primary .level-1 > li:focus > a,
.header__language-switcher:hover .header__language-switcher-label-current,
.header__language-switcher:focus .header__language-switcher-label-current {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #ffe744;
}

.header__language-switcher:hover .header__language-switcher .globe_class
.header__language-switcher:focus .header__language-switcher .globe_class {
    background-color: #ffe744;
}

.header__container--upper .navigation-primary .level-1 > li:active,
.header__language-switcher:active {
    background-color: ;
}

.header__container--upper .navigation-primary .level-1 > li:active > a,
.header__language-switcher:active .header__language-switcher-label-current {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #ffe744;
}

.header__language-switcher:active .header__language-switcher .globe_class {
    background-color: #ffe744;
}

.header__container--upper .navigation-primary .submenu.level-1 > li > a.active-item:after {
    background-color: #D7D3D1;
}

/* Top Navigation and Language Switcher - Child Menus */

.header__container--upper .navigation-primary .submenu:not(.level-1),
.header__language-switcher .lang_list_class,
.header__language-switcher .lang_list_class li {
    background-color: 

  
  
    
  


  rgba(255, 231, 68, 1)

;
}

.header__container--upper .navigation-primary .submenu:not(.level-1) .menu-link,
.header__language-switcher .lang_list_class a {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #D7D3D1;
    font-size: ;
    text-transform: uppercase;
}

.header__container--upper .navigation-primary .submenu:not(.level-1) .menu-item:hover,
.header__container--upper .navigation-primary .submenu:not(.level-1) .menu-item:focus,
.header__language-switcher .lang_list_class li:hover,
.header__language-switcher .lang_list_class li:focus {
    background-color: 

  
  
    
  


  rgba(0, 193, 92, 1.0)

;
}

.header__container--upper .navigation-primary .submenu:not(.level-1) .menu-item:hover > a,
.header__container--upper .navigation-primary .submenu:not(.level-1) .menu-item:focus > a,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li:focus a {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #D7D3D1;
}

.header__container--upper .navigation-primary .submenu:not(.level-1) .menu-item:active,
.header__language-switcher .lang_list_class li:active {
    background-color: 

  
  
    
  


  rgba(0, 193, 92, 1.0)

;
}

.header__container--upper .navigation-primary .submenu:not(.level-1) .menu-item:active > a,
.header__language-switcher .lang_list_class li:active a {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #D7D3D1;
}

/* Main Navigation */

.header__container--lower .navigation-primary .level-1 > li > a {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    font-size: 16px;
    color: #fff;
    text-transform: none;
}

.header__container--lower .navigation-primary .level-1 > .has-submenu:after {
    border-color: #fff transparent transparent transparent;
}

.header__container--lower .navigation-primary .level-1 > li:hover,
.header__container--lower .navigation-primary .level-1 > li:focus {
    background-color: 

  
  
    
  


  rgba(255, 231, 68, 1)

;
}

.header__container--lower .navigation-primary .level-1 > li:hover > a,
.header__container--lower .navigation-primary .level-1 > li:focus > a {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #FFFFFF;
}

.header__container--lower .navigation-primary .level-1 > .has-submenu:hover:after,
.header__container--lower .navigation-primary .level-1 > .has-submenu:focus:after,
.header__container--lower .navigation-primary .level-1 > li.has-submenu.active-item:hover:after,
.header__container--lower .navigation-primary .level-1 > li.has-submenu.active-item:focus:after {
    border-color: transparent transparent #FFFFFF transparent;
}

.header__container--lower .navigation-primary .level-1 > li:active {
    background-color: 

  
  
    
  


  rgba(255, 231, 68, 1.0)

;
}

.header__container--lower .navigation-primary .level-1 > li:active > a {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #FFFFFF;
}

.header__container--lower .navigation-primary .level-1 > .has-submenu:active:after,
.header__container--lower .navigation-primary .level-1 > li.has-submenu.active-item:active:after {
    border-color: transparent transparent #FFFFFF transparent;
}

.header__container--lower .navigation-primary .level-1 > li.active-item {
    background-color: 

  
  
    
  


  rgba(255, 231, 68, 1)

;
}

.header__container--lower .navigation-primary .level-1 > li.active-item > a {
    color: #FFFFFF;
}

.header__container--lower .navigation-primary .level-1 > li.has-submenu.active-item:after {
    border-color: #FFFFFF transparent transparent transparent;
}

.header__container--lower .navigation-primary .submenu.level-1 > li > a.active-item:after {
    background-color: #FFFFFF;
}

/* Main Navigation - Child Menus */

.navigation-primary .submenu:not(.level-1) {
    background-color: 

  
  
    
  


  rgba(255, 231, 68, 1.0)

;
}

.navigation-primary .submenu:not(.level-1) .menu-link {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #000;
    font-size: 16px;
    text-transform: none;
}

.navigation-primary .submenu:not(.level-1) .menu-item:hover,
.navigation-primary .submenu:not(.level-1) .menu-item:focus {
    background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

.navigation-primary .submenu:not(.level-1) .menu-item:hover > a,
.navigation-primary .submenu:not(.level-1) .menu-item:focus > a {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #FFFFFF;
}

.navigation-primary .submenu:not(.level-1) .menu-item:active {
    background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

.navigation-primary .submenu:not(.level-1) .menu-item:active > a {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #FFFFFF;
}

/* Main Navigation - Mobile Menu */

@media (max-width: 768px) {
    .header__navigation {
        background-color: 

  
  
    
  


  rgba(255, 231, 68, 1.0)

 !important;
    }

    .header__container--lower .navigation-primary .level-1 > li:hover,
    .header__container--lower .navigation-primary .level-1 > li:focus
    .navigation-primary .submenu:not(.level-1) .menu-item:hover,
    .navigation-primary .submenu:not(.level-1) .menu-item:focus {
        background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
    }

    .navigation-primary a {
        color: #000 !important;
    }

    body .header__mobile-menu-icon,
    body .header__mobile-menu-icon:after,
    body .header__mobile-menu-icon:before {
        background-color: #fff;
    }

    body .menu-arrow-icon,
    body .menu-arrow-icon:after {
        background-color: #000;
    }
}






.footer {
    background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

.footer__container--static,
.footer__container .dnd-section {
    max-width: 1212px;
}

.footer__bottom-section {
    border-color: #191919;
}

/* Footer Content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer a:not(.button),
.footer span,
.footer div,
.footer li,
.footer blockquote {
    color: #191919;
}

/* Header modules */


/* Footer Menu */

.footer .hs-menu-wrapper ul {
    margin:0;
    padding:0; 
    list-style-type:none;
    flex-direction: column; 
}

.footer .hs-menu-wrapper a {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    text-transform: none;

}

.footerContactInfo { display: flex; flex-wrap: wrap; justify-content: flex-end; }

.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #ffe744;
}

.footer .hs-menu-wrapper a:active {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #ffe744;
}

/* Footer Bottom Navigation */

.footer .footerBottomNavigation .hs-menu-wrapper a { 
    color: #ffe744;
}
.footer .footerBottomNavigation .hs-menu-wrapper a:hover,
.footer .footerBottomNavigation .hs-menu-wrapper a:focus{
    color: #ffffff;
}

.footer .footerBottomNavigation .hs-menu-wrapper ul { flex-direction: row; }
.footer .footerLowerNavigation .hs-menu-wrapper ul { flex-direction: row; }
.footer .footerAddress h4 { max-width: 268px; font-weight: 500; }

.footer .hubspotPartnerContent h4 { padding-top: 2px; padding-bottom: 8px; }

.footer .hubspotPartnerContent p,
.footer .hubspotPartnerContent a,
.footer .hubspotPartnerContent a span{
    color: #b1b2b0;
}

.hubspotPartnerContent a:hover {
    color: #ffe744;
}

.footer .footerSocialLink ul li a{
    color: #ffffff;
}
.footer  .footerSocialLink ul li a:hover{
    color: #ffe744;

}

.footer .footerLowerNavigation .hs-menu-wrapper ul li a{
    color:#B1B2B0;
    font-size:14px;
}
.footer .footerLowerNavigation .hs-menu-wrapper ul li a:hover{
    color: #ffe744;
}


.footer .footerBoxIcon{background-color:#191919;}





/* Blog Listing */

.blog-index__post-title,
.blog-index__post-title a,
.blog-index__author-name,
.blog-index__author-name a,
.blog-index__date,
.blog-index__post-summary {
    color: #000000;
}

.blog-filter {
    background-color: ;
    color: ;
}

.blog-filter,
body .blog-tag-filter__title,
body .blog-tag-filter__select,
body .blog-tag-filter__select-wrapper:after,
.blog-filter form input,
.blog-filter ul.hs-search-field__suggestions li,
.blog-filter ul.hs-search-field__suggestions li a {
    color: ;
}

body .blog-tag-filter__select,
.blog-filter form input,
.blog-filter ul.hs-search-field__suggestions li,
.blog-filter ul.hs-search-field__suggestions li a {
    background-color: ;
}

.blog-filter form input::placeholder {
    background-color: ;
    color: ;
}

.blog-filter form input::-moz-placeholder {
    background-color: ;
    color: ;
}

.blog-filter form input:-ms-input-placeholder {
    background-color: ;
    color: ;
}

/* Blog Tags */

.blog-index__post-header,
body .blog-related-posts__post-header {
    border-bottom-color: ;
}

.blog-index__topic,
body .blog-related-posts__topic {
    background-color: ;
}

.blog-index__topic-link,
.blog-index__topic-link:hover,
.blog-index__topic-link:focus,
.blog-index__topic-link:active,
body .blog-related-posts__topic-link,
body .blog-related-posts__topic-link:hover,
body .blog-related-posts__topic-link:focus,
body .blog-related-posts__topic-link:active,
.header a.blog-related-posts__topic-link,
.header a.blog-related-posts__topic-link:hover,
.header a.blog-related-posts__topic-link:focus,
.header a.blog-related-posts__topic-link:active {
    color: ;
}

/* Blog Pagination */

.blog-pagination__link {
    color: #666665;
}

.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
    fill: #666665;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
    color: #FFE744;
}

.blog-pagination__link:hover svg,
.blog-pagination__link:focus svg {
    fill: #FFE744;
}

.blog-pagination__link--active {
    background-color: #FFE744;
}

/* Blog Post */

.blog-post-header {
    background-image: url('');
        }


/* Blog Updates */

.blogIndexDate h5,.blogIndexTopicLink {color:#B1B2B0}
.blogRecentPostTitle h2 a,.blogRecentPostTitle h2 a:hover{font-weight:600}
.blogIndexPostTitle h3 a,.blogIndexTopic  a,.blogIndexTopic,.blogRecentPostTitle h2 a{color:#000000;}
.blogIndexPostTitle h3 a:hover,.blogIndexTopic  a:hover,.blogRecentPostTitle h2 a:hover{color:#666665;}
.loadMoreBta.button a{background-color:#DADAD9; border-color:#DADAD9; color:#000000;}
.loadMoreBta.button a:hover{background-color:#000000; border-color:#000000; color:#FFE744}
.loadMoreBta.button a:hover:after{
    background-image: url('https://nextlevel.inbnd.nl/hubfs/Cuex_theme_assets_Oct-21/images/secondary_btn_arrow.svg');
}


.ias-trigger-next a{background-color:#DADAD9; border-color:#DADAD9; color:#000000;}
.ias-trigger-next a:hover{background-color:#000000; border-color:#000000; color:#FFE744}
.ias-trigger-next a:hover:after{
    background-image: url('https://nextlevel.inbnd.nl/hubfs/Cuex_theme_assets_Oct-21/images/secondary_btn_arrow.svg');
}






/* Error Pages - Global */

.error-page:before {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #D0D0D0;
}

/* System Pages - Global */

.hs-search-results__title {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #000000;
}

.hs-search-results__title:hover {
    font-family: 'Space Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Forms in System Pages */

#email-prefs-form h3 {
    font-size: 20px;
}

/* Password Prompt */

.password-prompt input[type='password'] {
    margin-bottom: 1.4rem;
}

/* Backup Unsubscribe */

.backup-unsubscribe input[type='email'] {
    margin-bottom: 1.4rem;
    padding: 24px 18px !important;
}





/* Blog Post Listing */

body .news-listing__header-icon > svg {
    fill: #FFE744;
}

/* Card */

body .icon-card__lower {
    border-top-color: #FFE744;
}

body .icon-card__icon {
    background-color: #FFE744;
}

/* Image Gallery */

body .image-gallery__selector:checked + .image-gallery__thumbnail {
    border-color: #FFE744;
}

/* Upcoming Events */

body .upcoming-events__header-icon > svg {
    fill: #FFE744;
}





body a.cta_button {
    box-sizing: border-box !important;
    display: inline-block;
}

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

span {
    text-decoration-thickness: 2px !important;
    text-underline-offset: 5px;
}
.ds-1{box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);}
.ebookRotateImg { max-width:250px; width:100%; transform: rotate(-3deg) translateX(24px); box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15); }


.font12{font-size:12px; }
.font14{font-size:14px; }
.font15{font-size:15px; }
.font16,.font16 a{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font20 { font-size: 20px; }
.font21{font-size:21px; line-height:1.33;}
.font24{font-size:24px; line-height:1.5;}
.font30,.font30 h3{ font-size:30px; line-height:1.2;}
.font48 h2{font-size:48px; line-height: 1.16; }
.font40 h2{font-size:40px; line-height: 1.2; }
.font60 h1{ font-size:60px; line-height: 1.2; }
.font66 h1{ font-size:66px; line-height: 1.21; }
.font72 h1{font-size:72px; line-height: 1.19; }
.font72 h2 { font-size:72px; line-height: 1.12; }
.font84 h2 { font-size:84px; line-height: 1; }
.font104 h1 { font-size: 100px; line-height: 1; }
.font110 h1 { font-size: 110px; line-height: 1; }
.font138 h1,.font138 h2 { font-size: 138px; line-height: 0.84; }
small,p small {font-size:14px; line-height:1.43;}
.largeText h2 { font-size:48px; line-height:1.17;}
.ctaHeading h3{font-size:40px;line-height:1.2 ;}
h4 strong{ font-size:18px; line-height:1.77;}

img { display: inline-block; max-width: 100%; height: auto; vertical-align: middle; }
.FullImageWidth img{width:100%;}

a { text-decoration: none!important; transition: all ease .3s; -moz-transition: all ease .3s; -webkit-transition: all ease .3s; -o-transition: all ease .3s;}

p { margin: 0;}
*+h1, *+h2 { margin-top: 35px;}
*+h3, *+h4 { margin-top: 30px;}
*+h5, *+h6 { margin-top: 25px;}
*+p { margin-top: 20px;}

.extrabold, .extrabold h1, .extrabold h2, .extrabold h3, .extrabold h4, .extrabold h5, .extrabold h6,.extrabold a { font-weight: 900;}
.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6,.bold p,.bold a { font-weight: 700;}
.semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6, .semibold a { font-weight: 600;}
.medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6, .medium a { font-weight: 500;}
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6, .normal a { font-weight: 400;}
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6.light a { font-weight: 300;}


.uppercase { text-transform: uppercase;}
.text-center { text-align: center;}
.text-right { text-align: right;}
.text-left { text-align: left;}
.text-capitalize { text-transform: capitalize;}

.parallaxEffect{background-attachment:fixed}
.bg, .overlay, .set-bg { background-size: cover; background-position: center; position: relative; background-repeat: no-repeat;}
.bg.bgTop{background-position: top center;}

.overlay { position: relative;}


/* color(theme.footer.background_color) */
.overlay>* { position: relative; z-index: 2;}
.whiteBg{background-color:}


.footerBg, .darkblackBg{background-color:

  
  
    
  


  rgba(0, 0, 0, 1.0)

}
.primaryBg{background-color:rgba(255, 231, 68,1)}
.secondaryBg{background-color:rgba(0, 0, 0,1)}
.lightBlack{background-color: ;}
.bodyBG{background-color:rgba(255, 255, 255,1)}

/* Font Color */
.fontWhite,.fontWhite h1,.fontWhite h2,.fontWhite h3,.fontWhite h4,.fontWhite h5,.fontWhite h6,.fontWhite a{color:#ffffff}
.fontPrimary,.fontPrimary h1,.fontPrimary h2,.fontPrimary h3,.fontPrimary h4,.fontPrimary h5,.fontPrimary h6{color:#FFE744}
.fontSecondary,.fontSecondary h1,.fontSecondary h2,.fontSecondary h3,.fontSecondary h4,.fontSecondary h5,.fontSecondary h6{color:#000000}
.fontBlack,.fontBlack h1,.fontBlack h2,.fontBlack h3,.fontBlack h4,.fontBlack h5,.fontBlack h6,.fontBlack a{color:#000000;}
.fontGrey1,.fontGrey1 h1,.fontGrey1 h2,.fontGrey1 h3,.fontGrey1 h4,.fontGrey1 h5,.fontGrey1 h6,.fontGrey1 a{color:#DADAD9;}
.fontGrey2,.fontGrey2 h1,.fontGrey2 h2,.fontGrey2 h3,.fontGrey2 h4,.fontGrey2 h5,.fontGrey2 h6,.fontGrey2 a{color:#B1B2B0;}
.fontGrey2,.fontGrey2 h1,.fontGrey2 h2,.fontGrey2 h3,.fontGrey2 h4,.fontGrey2 h5,.fontGrey2 h6,.fontGrey2 a{color:#666665;}




.listStyle ul, .nolistStyle ul { margin: 0; padding: 0; list-style: none;}
.nolistStyle ul li{margin:0;}
.listStyle *+ul { margin-top: 30px;}
.listStyle ul li { padding-left: 25px; position: relative; }
.listStyle ul li:before { position: absolute; left: 10px; font-weight: 400; top: 9px; font-size: 6px; content: '\f111'; font-family: fontAwesome; color: inherit; background-repeat: no-repeat; }
.bodylistStyle.listStyle ul li:before{color:#000000;}
ul { padding-left: 20px; margin:0;}
.listStyle  ul li + li{margin-top:15px;}
* + ul,* + ol { margin-top: 30px;}


.body-container-wrapper ul li,.body-container-wrapper ol li{list-style-position: outside;}


.hs_error_rollup{display:none !important;}
.fl { float: left;}
.fr { float: right;}
.ib{display:inline-block; vertical-align:middle; margin-right:-4px}
.ib.vt { vertical-align: top!important;}
.d-flex{display:flex; flex-wrap:wrap;}
.flex-center{align-items: center;}
.justify-content-center {justify-content: center;}
.flex-end{align-items: flex-end;}

.w10 { width: 10%}
.w20 { width: 20%}
.w25 { width: 25%}
.w30 { width: 30%}
.w33 { width: 33.33%}
.w34 { width: 34%}
.w35 { width: 35%}
.w40 { width: 40%}
.w42 { width: 42%}
.w45 { width: 45%}
.w50 { width: 50%}
.w55 { width: 55%}
.w58 { width: 58%}
.w60 { width: 60%}
.w65 { width: 65%}
.w66 { width: 66%}
.w66 { width: 66.66%}
.w70 { width: 70%}
.w75 { width: 75%}
.w80 { width: 80%}
.w100 { width: 100%}




/*unique paddings*/
.pl0, .p0, .plr0 { padding-left:0; }
.pl10, .p0-10 { padding-left:10px; }
.pl12, .p0-12 { padding-left:12px; }
.pl15, .p0-15 { padding-left:15px; }
.pl20, .p0-20 { padding-left:20px; }
.pl30 , .p0-30{ padding-left:30px; }
.pl35 , .p0-35{ padding-left:35px; }
.pr0, .p0, .plr0  { padding-right:0; }
.pr10, .p0-10 { padding-right:10px; }
.pr12, .p0-12 { padding-right:12px; }
.pr15, .p0-15 { padding-right:15px; }
.pr20, .p0-20 { padding-right:20px; }
.pr30, .p0-30 { padding-right:30px; }
.pr35, .p0-35 { padding-right:35px; }
.pt0, .p0, .ptb0 { padding-top:0;  }
.pb0,.p0, .ptb0 { padding-bottom:0;}
.pb5,.p5-0{ padding-bottom:5px; }  
.pb10,.p10-0 { padding-bottom:10px; }
.pb15,.p15-0 { padding-bottom:15px; }
.pb20,.p20-0 { padding-bottom:20px;}
.pb25,.p25-0 { padding-bottom:25px;}
.pb30,.p30-0 { padding-bottom:30px;}
.pb35,.p35-0 { padding-bottom:35px;}
.pb40,.p40-0 { padding-bottom:40px; }
.pb45,.p45-0 { padding-bottom:45px; }
.pb50,.p50-0 { padding-bottom:50px; }
.pb55,.p55-0 { padding-bottom:55px; }
.pb60,.p60-0 { padding-bottom:60px; }
.pb65,.p65-0 { padding-bottom:65px; }
.pb70,.p70-0 { padding-bottom:70px; }
.pb75,.p75-0 { padding-bottom:75px; }
.pb80,.p80-0 { padding-bottom:80px; }
.pb85,.p85-0 { padding-bottom:85px; }
.pb90,.p90-0 { padding-bottom:90px; }
.pb95,.p95-0 { padding-bottom:95px; }
.pb100,.p100-0 { padding-bottom:100px; }
.pb105,.p105-0 { padding-bottom:105px; }
.pb110,.p110-0 { padding-bottom:110px; }
.pb115,.p115-0 { padding-bottom:115px; }
.pb120,.p120-0 { padding-bottom:120px; }
.pb125,.p125-0 { padding-bottom:125px; }
.pb130,.p130-0 { padding-bottom:130px; }
.pb135,.p135-0 { padding-bottom:135px; }
.pb140,.p140-0 { padding-bottom:140px; }
.pb145,.p145-0 { padding-bottom:145px; }
.pb150,.p150-0 { padding-bottom:150px; }
.pb155,.p155-0 { padding-bottom:155px; }
.pb160,.p160-0 { padding-bottom:160px; }
.pb165,.p165-0 { padding-bottom:165px; }
.pb170,.p170-0 { padding-bottom:170px; }
.pb175,.p175-0 { padding-bottom:175px; }
.pb180,.p180-0 { padding-bottom:180px; }
.pb185,.p185-0 { padding-bottom:185px; }
.pb190,.p190-0 { padding-bottom:190px; }
.pb195,.p195-0 { padding-bottom:195px; }
.pb200,.p200-0 { padding-bottom:200px; }
.pb205,.p205-0 { padding-bottom:205px; }
.pb210,.p210-0 { padding-bottom:210px; }
.pb205,.p205-0 { padding-bottom:205px; }
.pb210,.p210-0 { padding-bottom:210px; }
.pb205,.p205-0 { padding-bottom:205px; }
.pb210,.p210-0 { padding-bottom:210px; }
.pb215,.p215-0 { padding-bottom:215px; }
.pb220,.p220-0 { padding-bottom:220px; }
.pb225,.p225-0 { padding-bottom:225px; }
.pb230,.p230-0 { padding-bottom:230px; }
.pb235,.p235-0 { padding-bottom:235px; }
.pb240,.p240-0 { padding-bottom:240px; }
.pb245,.p245-0 { padding-bottom:245px; }
.pb250,.p250-0 { padding-bottom:250px; }

.pt5,.p5-0{ padding-top:5px; }  
.pt10,.p10-0 { padding-top:10px; }
.pt15,.p15-0 { padding-top:15px; }
.pt20,.p20-0 { padding-top:20px; }
.pt25,.p25-0 { padding-top:25px; }
.pt30,.p30-0 { padding-top:30px  }
.pt35,.p35-0 { padding-top:35px  }
.pt40,.p40-0 { padding-top:40px; }
.pt45,.p45-0 { padding-top:45px; }
.pt50,.p50-0 { padding-top:50px; }
.pt55,.p55-0 { padding-top:55px; }
.pt60,.p60-0 { padding-top:60px; }
.pt65,.p65-0 { padding-top:65px; }
.pt70,.p70-0 { padding-top:70px; }
.pt75,.p75-0 { padding-top:75px; }
.pt80,.p80-0 { padding-top:80px; }
.pt85,.p85-0 { padding-top:85px; }
.pt90,.p90-0 { padding-top:90px; }
.pt95,.p95-0 { padding-top:95px; }
.pt100,.p100-0 { padding-top:100px; }
.pt105,.p105-0 { padding-top:105px; }
.pt110,.p110-0 { padding-top:110px; }
.pt115,.p115-0 { padding-top:115px; }
.pt120,.p120-0 { padding-top:120px; }
.pt125,.p125-0 { padding-top:125px; }
.pt130,.p130-0 { padding-top:130px; }
.pt135,.p135-0 { padding-top:135px; }
.pt140,.p140-0 { padding-top:140px; }
.pt145,.p145-0 { padding-top:145px; }
.pt150,.p150-0 { padding-top:150px; }
.pt155,.p155-0 { padding-top:155px; }
.pt160,.p160-0 { padding-top:160px; }
.pt165,.p165-0 { padding-top:165px; }
.pt170,.p170-0 { padding-top:170px; }
.pt175,.p175-0 { padding-top:175px; }
.pt180,.p180-0 { padding-top:180px; }
.pt185,.p185-0 { padding-top:185px; }
.pt190,.p190-0 { padding-top:190px; }
.pt200,.p200-0 { padding-top:200px; }
.pt205,.p205-0 { padding-top:205px; }
.pt210,.p210-0 { padding-top:210px; }
.pt205,.p205-0 { padding-top:205px; }
.pt210,.p210-0 { padding-top:210px; }
.pt205,.p205-0 { padding-top:205px; }
.pt210,.p210-0 { padding-top:210px; }
.pt215,.p215-0 { padding-top:215px; }
.pt220,.p220-0 { padding-top:220px; }
.pt225,.p225-0 { padding-top:225px; }
.pt230,.p230-0 { padding-top:230px; }
.pt235,.p235-0 { padding-top:235px; }
.pt240,.p240-0 { padding-top:240px; }
.pt245,.p245-0 { padding-top:245px; }
.pt250,.p250-0 { padding-top:250px; }


.p10-0, .pl10 { padding-left: 10px;}
.p10-0, .pr10 { padding-right: 10px;}
.p15-0, .pl15 { padding-left: 15px;}
.p15-0, .pr15 { padding-right: 15px;}

.p0-24{padding-left:24px; padding-right:24px}
.m0-24{margin-left:-24px; margin-right:-24px;}
.p0-20{padding-left:20px; padding-right:20px}
.m0-20{margin-left:-20px; margin-right:-20px;}
.ps0-15{padding-left:15px; padding-right:15px}
.ms0-15{margin-left:-15px; margin-right:-15px;}

.ps0-10{padding-left:10px; padding-right:10px}
.ms0-10{margin-left:-10px; margin-right:-10px;}


.pr110 { padding-right:110px; }


.ml0, .m0, .mlr0 { margin-left:0; }
.ml10, .m0-10 { margin-left:10px; }
.ml12, .m0-12 { margin-left:12px; }
.ml15, .m0-15 { margin-left:15px; }
.ml20, .m0-20 { margin-left:20px; }
.ml30 , .m0-30{ margin-left:30px; }
.ml35 , .m0-35{ margin-left:35px; }
.mr0, .m0, .mlr0  { margin-right:0; }
.mr10, .m0-10 { margin-right:10px; }
.mr12, .m0-12 { margin-right:12px; }
.mr15, .m0-15 { margin-right:15px; }
.mr20, .m0-20 { margin-right:20px; }
.mr30, .m0-30 { margin-right:30px; }
.mr35, .m0-35 { margin-right:35px; }

.mt0, .m0, .mtb0 { margin-top:0; }
.mb0, .m0, .mtb0 { margin-bottom:0; }
.mb5, .m5-0 { margin-bottom:5px; }
.mb10, .m10-0 { margin-bottom:10px; }
.mb15, .m15-0 { margin-bottom:15px; }
.mb20, .m20-0 { margin-bottom:20px; }
.mb25, .m25-0 { margin-bottom:25px; }
.mb30, .m30-0 { margin-bottom:30px; }
.mb35, .m35-0 { margin-bottom:35px; }
.mb40, .m40-0 { margin-bottom:40px; }
.mb45, .m45-0 { margin-bottom:45px; }
.mb50, .m50-0 { margin-bottom:50px; }
.mb55, .m55-0 { margin-bottom:55px; }
.mb60, .m60-0 { margin-bottom:60px; }
.mb65, .m65-0 { margin-bottom:65px; }
.mb70, .m70-0 { margin-bottom:70px; }
.mb75, .m75-0 { margin-bottom:75px; }
.mb80, .m80-0 { margin-bottom:80px; }
.mb85, .m85-0 { margin-bottom:85px; }
.mb90, .m90-0 { margin-bottom:90px; }
.mb95, .m95-0 { margin-bottom:95px; }
.mb100, .m100-0 { margin-bottom:100px; }
.mb105, .m105-0 { margin-bottom:105px; }
.mb110, .m110-0 { margin-bottom:110px; }
.mb115, .m115-0 { margin-bottom:115px; }
.mb120, .m120-0 { margin-bottom:120px; }
.mb125, .m125-0 { margin-bottom:125px; }
.mb130, .m130-0 { margin-bottom:130px; }
.mb135, .m135-0 { margin-bottom:135px; }
.mb140, .m140-0 { margin-bottom:140px; }
.mb145, .m145-0 { margin-bottom:145px; }
.mb150, .m150-0 { margin-bottom:150px; }
.mb155, .m155-0 { margin-bottom:155px; }
.mb160, .m160-0 { margin-bottom:160px; }
.mb165, .m165-0 { margin-bottom:165px; }
.mb170, .m170-0 { margin-bottom:170px; }
.mb175, .m175-0 { margin-bottom:175px; }
.mb180, .m180-0 { margin-bottom:180px; }
.mb185, .m185-0 { margin-bottom:185px; }
.mb190, .m190-0 { margin-bottom:190px; }
.mb195, .m195-0 { margin-bottom:195px; }
.mb200, .m200-0 { margin-bottom:200px; }
.mb205, .m205-0 { margin-bottom:205px; }
.mb210, .m210-0 { margin-bottom:210px; }
.mb215, .m215-0 { margin-bottom:215px; }
.mb220, .m220-0 { margin-bottom:220px; }
.mb225, .m225-0 { margin-bottom:225px; }
.mb230, .m230-0 { margin-bottom:230px; }
.mb235, .m235-0 { margin-bottom:235px; }
.mb240, .m240-0 { margin-bottom:240px; }
.mb245, .m245-0 { margin-bottom:245px; }
.mb250, .m250-0 { margin-bottom:250px; }

.mt5, .m5-0 { margin-top:5px; }
.mt10, .m10-0 { margin-top:10px; }
.mt15, .m15-0 { margin-top:15px; }
.mt20, .m20-0 { margin-top:20px; }
.mt25, .m25-0 { margin-top:25px; }
.mt30, .m30-0 { margin-top:30px; }
.mt35, .m35-0 { margin-top:35px; }
.mt40, .m40-0 { margin-top:40px; }
.mt45, .m45-0 { margin-top:45px; }
.mt50, .m50-0 { margin-top:50px; }
.mt55, .m55-0 { margin-top:55px; }
.mt60, .m60-0 { margin-top:60px; }
.mt65, .m65-0 { margin-top:65px; }
.mt70, .m70-0 { margin-top:70px; }
.mt75, .m75-0 { margin-top:75px; }
.mt80, .m80-0 { margin-top:80px; }
.mt85, .m85-0 { margin-top:85px; }
.mt90, .m90-0 { margin-top:90px; }
.mt95, .m95-0 { margin-top:95px; }
.mt100, .m100-0 { margin-top:100px; }
.mt105, .m105-0 { margin-top:105px; }
.mt110, .m110-0 { margin-top:110px; }
.mt115, .m115-0 { margin-top:115px; }
.mt120, .m120-0 { margin-top:120px; }
.mt125, .m125-0 { margin-top:125px; }
.mt130, .m130-0 { margin-top:130px; }
.mt135, .m135-0 { margin-top:135px; }
.mt140, .m140-0 { margin-top:140px; }
.mt145, .m145-0 { margin-top:145px; }
.mt150, .m150-0 { margin-top:150px; }
.mt155, .m155-0 { margin-top:155px; }
.mt160, .m160-0 { margin-top:160px; }
.mt165, .m165-0 { margin-top:165px; }
.mt170, .m170-0 { margin-top:170px; }
.mt175, .m175-0 { margin-top:175px; }
.mt180, .m180-0 { margin-top:180px; }
.mt185, .m185-0 { margin-top:185px; }
.mt190, .m190-0 { margin-top:190px; }
.mt200, .m200-0 { margin-top:200px; }
.mt205, .m205-0 { margin-top:205px; }
.mt210, .m210-0 { margin-top:210px; }
.mt215, .m215-0 { margin-top:215px; }
.mt220, .m220-0 { margin-top:220px; }
.mt225, .m225-0 { margin-top:225px; }
.mt230, .m230-0 { margin-top:230px; }
.mt235, .m235-0 { margin-top:235px; }
.mt240, .m240-0 { margin-top:240px; }
.mt245, .m245-0 { margin-top:245px; }
.mt250, .m250-0 { margin-top:250px; }


/*****************************
form style
****************************  */





/*****************************
Slick slider
****************************  */

.slick-dotted.slick-slider { margin-bottom: 0}
.slick-dots { bottom: -30px; z-index:1; margin:0; padding:0;}
.slick-dots li { width: 16px;height: 16px; vertical-align: middle; border-radius: 50%}
.slick-dots li button { width: 16px; height: 16px; padding: 8px 0; border-radius: 50%}
/* ..slick-dots li button  { padding: 8px 0; } */
.slick-dots li button:before { width: 16px; height: 16px; line-height: 16px; content: ''; border-radius: 50%; opacity: 1}
.slick-dots li button:before { background-color: #ccc; }

.slick-dots li.slick-active button:before { background-color: rgba(255, 231, 68,1); opacity: 1}
.slick-dots li button:before,.slick-dots li button:before { transition: all ease .4s; -weblit-transition: all ease .4s}
.slick-dots li button:focus:before,.slick-dots li button:hover:before {opacity: 1; background-color: rgba(255, 231, 68,1); transition: all ease .4s; -weblit-transition: all ease .4s}

.testinomial-slider .slick-dots { bottom:-65px; }
.testinomial-slider .slick-dots li.slick-active button:before  {  background-color: rgba(255, 231, 68,1); opacity: 1; width: 8px;  height: 8px;  }
.testinomial-slider .slick-dots li button { width: 16px; height: 16px; padding: 7px 0; border-radius: 50%; }
.testinomial-slider .slick-dots li.slick-active button { border: 1px solid  #B1B2B0; }
.testinomial-slider .slick-dots li button:before { width: 10px; height: 10px; line-height: 8px; content: ''; border-radius: 50%; opacity: 1; top:4px; left:4px; }

.Ontwikkeling-testinomial .testinomial-slider .slick-dots li.slick-active button:before  {  background-color: #B1B2B0 !important;; opacity: 1; width: 8px;  height: 8px !important;}
.Ontwikkeling-testinomial .slick-dots li button:focus:before,.Ontwikkeling-testinomial .slick-dots li button:hover:before { background-color:  #B1B2B0 !important;}



/* Arrows */

.testinomial-slider .slick-next{ right: -125px !important;  z-index: 99; }
.testinomial-slider .slick-prev { left: -128px !important; visibility: hidden; }
.testinomial-slider .slick-next:focus,.testinomial-slider .slick-next:hover,.testinomial-slider .slick-prev:focus,.testinomial-slider .slick-prev:hover { background-color: #FFE744; border-color:#FFE744;}
.testimonialSection {  overflow: hidden; }
.testimonialSectionWithSlider .star { padding-right: 8px; }


.slick-prev { left: 30px; z-index: 10 !important;}
.slick-next { right: 30px;}

button.slick-next,button.slick-prev{background: #DADAD9}
.testinomial-slider button.slick-next,.testinomial-slider button.slick-prev{ background-color: #DADAD9; }
.slick-next:before,.slick-prev:before { color: #29333c;}
.slick-prev:after,.slick-next:after { display: none;}
.slick-next,.slick-prev { width: 46px; height: 46px; border-radius: 0; z-index: 1; transition: all ease .4s; -weblit-transition: all ease .2s; top: inherit; bottom: -20px; border-radius: 0px 0px 10px 0px; }
.slick-next:before,.slick-prev:before { font-family: fontawesome; font-size: 0; background-repeat:no-repeat; }
.slick-next:before { content: ''; color : #FFE744; background-image:url('https://nextlevel.inbnd.nl/hubfs/Cuex_theme_assets_Oct-21/images/slider-arrow-right.svg');}
.slick-prev:before { content: ''; color : #FFE744; background-image:url('https://nextlevel.inbnd.nl/hubfs/Cuex_theme_assets_Oct-21/images/slider-arrow-left.svg')}
.slick-next:before,.slick-prev:before { width: 8px; height: 17px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1; background-repeat: no-repeat; font-size: 0; line-height: 1; }
.slick-next:before {background-position: center center;}
.slick-arrow.slick-disabled { opacity: 0; visibility: hidden;}

.slick-slide:focus { outline: none;}

.sliderStyleVer2 .slick-prev { opacity: 0; visibility: hidden; } 
/* White Arrow */
.slickwhiteArrow .slick-prev:before { color: #fff;}
.slickwhiteArrow .slick-next:before { color: #fff;}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { background-color: #FFE744; border-color: #FFE744; }



/*****************************
Magnific Popup
****************************  */
.mfp-iframe-holder .mfp-close { width: 40px; height: 40px; padding-right: 0; right: 0; top: -40px; background-color: #8dc63f; color: #fff; text-align: center; border-radius: 5px 5px 0 0; }

button.mfp-close:after {  display: none;}
.mfp-close-btn-in .iframeStyleing .mfp-close { color: #000; width: 40px; height: 40px; background-color: #fff; right: 30px; top: -10px; border-radius: 5px 5px 0 0; } 
.popplayParent { position: relative; } 
.popplayIcon { width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; background-color: #ff146d; box-shadow: 0px 10px 30px rgba(88, 89, 91, 0.7); -webkit-box-shadow: 0px 10px 30px rgba(88, 89, 91, 0.7); display: inline-block; border-radius: 50%; line-height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; vertical-align: middle; } .popplayIcon:hover { background-color: rgba(65, 35, 137, 0.9); } .popplayIcon svg { width: 50px; height: 50px; display: inline-block; vertical-align: middle; fill: #fff; position: relative; left: 3px; } .popplayIcon { width: 100px; height: 100px; } .roundshape, .roundshape.shapeGray { position: relative; overflow: hidden; } .roundshape:after { content: ''; position: absolute; z-index: 5; right: -1px; bottom: -1px; background-image: url('https://4738149.fs1.hubspotusercontent-na1.net/hubfs/4738149/2steps_Theme_Images_Sep-2019/shapeWhite.svg'); background-size: 100% 100%; width: 150px; height: 150px; background-repeat: no-repeat; } 
.iframeStyleing { max-width: 830px; margin: 0 auto; padding: 30px; position: relative;}
.iframeStyleinner { border-radius: 10px 0 10px 10px; overflow: hidden;}

/* Max-width */
.max476{max-width:476px; width:100%; }
.max530{max-width:530px; width:100%; }
.max600{max-width:600px; width:100%; }
.max630{max-width:630px; width:100%; }
.max650{max-width:650px; width:100%; }
.max670{max-width:670px; width:100%; }
.max700{max-width:700px; width:100%; }
.max710{max-width:710px; width:100%; }
.max800 { max-width: 800px; width: 100%;}
.maxCenter{margin:0 auto}
.maxRight{margin:0 0 0 auto}

blockquote { font-size: 18px; }

.bannerShape{text-align:right;}
/******************
Global Module
********************  */

.header { position: absolute; left: 0; top: 0; width: 100%; z-index:1001; padding-top:55px; }
.headerParent { display: flex; flex-wrap: wrap; align-items: flex-start; }
.headerleftSection { width: 118px; padding-top:10px; }
.headerrightSection { width: calc(100% - 118px); padding-left:20px;  }
.headernavigationSection { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap;}
.navigation .hs-menu-wrapper ul li a{color:#fff; text-decoration:none;font-weight:600;}
.navIconParent{display:flex;flex-wrap:wrap;align-items:center;}
.megaMenuNavImage{width:70px;height:70px;background-color:#000000;text-align:center;line-height:70px;border-radius:50%;  display: flex;
    align-items: center;
    justify-content: center;}

.megaMenuNavImage img{display:inline-block;vertical-align:middle;width:40px;}
.megaMenuNavDetail{width:calc(100% - 70px);padding-left:25px;}
.megaMenuNavContent{padding-top:10px; font-size:12px;}
.megaMenuNavContent{font-weight:normal;}
.navigation .hs-menu-wrapper .megaMenuTopButton.button a { padding: 0; font-weight: 400; font-size:16px; color:#000000 !important;}
.headerSticky.header { animation: headerAnim 0.5s; left: 0; padding=top: 55px; position: fixed; top: 0; width: 100%; }
@keyframes headerAnim { from {transform : translateY(-100%) } to {transform : translateY(0%)}}


/*******************
** Language Switcher
*********************/

.headerLanguageSwitcher .lang-box .globe_class { background-image: none !important; width: 0; height: 0;}
.topNavigationAlign { display: flex; justify-content: flex-end; align-items: center; padding-right:20px;}
.headerLanguageSwitcher .lang-box { line-height: 0;}
.headerLanguageSwitcher span#hs_cos_wrapper_language_switcher { font-size: 0;}
.headerLanguageCurrent{cursor:pointer;}
.headerLanguageSwitcher { position: relative; line-height: 0; height: 32px; } 
.headerLanguageSwitcher ul.lang_list_class { display:none;width: 215px !important; border: 0 0 0 16px; top: 35px; left: -85px; } 
.headerLanguageSwitcher ul.lang_list_class li a { display: flex !important; flex-direction: row-reverse; justify-content: start; align-items: center; width: 100% !important; padding: 12px 12px 12px 16px; font-size: 14px; font-weight: 500; }
.headerLanguageSwitcher ul.lang_list_class li a:first-child { width: 100%; }
.headerLanguageSwitcher ul.lang_list_class li a:hover { color: black; }


.headerLanguageSwitcher ul.lang_list_class li { font-size: 0; text-align:left; padding: 0 !important; border-top: 0; border-right: 0; border-bottom: 1px solid #DADAD9 !important; border-left: 0; background-color: transparent; }
.headerLanguageSwitcher ul.lang_list_class li:hover { background-color: #E0E0E0; color: black; }
.headerLanguageSwitcher .lang_switcher_link img { width: 20px; height: 20px; margin-right: 12px; } 
.headerLanguageSwitcher .header__language-switcher-label-current img { width: 16px; height: 16px; } 
.headerLanguageSwitcher .lang_list_class:after,.headerLanguageSwitcher  .lang_list_class:before { display: none; } 
.headerLanguageSwitcher .lang_list_class li:first-child { border: none; } 
.headerLanguageSwitcher .lang_list_class li:last-child { border-bottom: none !important; border-radius: 0 0 0 16px !important; }

.headerLanguageSwitcher .headerLanguageCurrent { padding: 8px 7px;}
.headerLanguageSwitcher ul.lang_list_class { width: 30px; border: none; top: 32px; background: #EAEAEA; border-radius: 0 0 0 16px;}
.whiteHeaderSection .headerLanguageSwitcher .langBoxOpen { background-color: rgba(208, 208, 208,100%);}

.whiteHeaderSection .headerLanguageSwitcher ul.lang_list_class{ background-color: rgba(208, 208, 208,100%);}
.header.headerSticky .headerLanguageSwitcher ul.lang_list_class,
.header.headerSticky .headerLanguageSwitcher .langBoxOpen{ background: rgba(208, 208, 208,100%);}
.headerLanguageSwitcher .lang_switcher_class{position: inherit;}
.HomeTestinomial .testinomial-slider { padding-left: 40px; }





@media(min-width:1366px){
    .testimonialSection.testimonialSectionWithSlider .sectionShape {  width: 196px; }
    .testinomial-slider { padding-left: 57px; }
    .testimonialSectionWithSlider.testimonialSection .sectionShape { transform: translateY(-53%); }
    .HomeTestinomial.testimonialSectionWithSlider.testimonialSection .sectionShape { transform: translateY(-60%); }
    .HomeTestinomial .testinomial-slider .slick-next { right: 0px!important; }
    .HomeTestinomial .customWidthOption { max-width:100% !important;     padding-left: 160px; } 

}

/******************
Home Page
********************  */

.hero-section { padding-top: 416px; }
.hero-section .dnd_area-module-1.baseModuleStyle { background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.50) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 20%), lightgray 0px -25.049px / 100% 129.348%; }
.hero-section .hero-subheading { color: #DADAD9; font-size: 24px; font-weight: 600; line-height: 32px; width: 556.02px; height: 35.647px; margin-bottom: 17px; }
.hero-section .hero-title h1 { color: #ffffff; font-size: 64px; font-weight: 600; line-height: 70px; width: 710.303px; height: 142.702px; margin-bottom: 36px; }
.hero-section .hero-cta-button a {display: inline-flex; padding: 10px 20px; align-items: center; border-radius: 0px 0px 0px 10px; background: #FFE744; color: #000000; font-size: 14.207px; font-weight: 600; }
.hero-section .hero-cta-button a svg { display: flex; padding-left: 40px; justify-content: flex-end; align-items: center; width: 45px; height: 9px; }

.bannerSection {min-height: 742px; display: flex; width: 100%; flex-wrap: wrap; justify-content: center; align-items: center; padding-top: 240px; padding-bottom:90px;}
.bannerSection.homeBannerSection {padding-bottom:25px;}
.homeBannerSection.bannerSection{min-height:742px;}
.bannerParent { width: 100%;}
.bannerTitle h5 + h1 { margin-top: 15px;}
.bannerShape { position: absolute; bottom: -84px; right: 0;}
.bannerShape img { height: 410px;}  /* 554 */
.bannerStripSection { padding: 7px 0;}
.bannerStripParent {display: flex;flex-wrap: wrap;max-width: 520px;width: 100%;margin: 0 auto; align-items: center;}
.bannerStripIcon img { width: 9px;}
.bannerStripContent { width: calc(100% - 9px); padding-left: 10px;}

.scroll-container { max-width: 1212px; padding: 0 16px 0 16px; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto; }
.scroll-container .nextSectionScroll { position: absolute; left: -32px; bottom: -40px; display: flex; justify-content: center; align-items: center; max-width: 100%; }
.scroll-container .scroll-mask { position: relative; width: 80px;  height: 80px;  background-color: #ffffff; border-radius: 50%; overflow: hidden; }
.scroll-container .scroll-element { position: absolute; width: 80px; height: 80px; background-color: #FFE744; border-radius: 50%; top: -80px; left: 0; display: flex; justify-content: center; align-items: center; z-index: 0; animation: slideDown 2.5s infinite ease-in-out; opacity: 1; }
.scroll-container .arrow-img { max-width: 50%; height: auto; z-index: 1; fill: #000000; }

@keyframes slideDown {
  0% {
    top: -80px; 
  }
  100% {
    top: 80px; 
    opacity: 1;
  }
}

.customer-section .customer { display: flex; }
.customer-section .customer-text-block,
.customer-section .logo-grid { flex: 1; }
.customer-section .customer-text-block { padding-right: 50px; }
.customer-section .customer-text-block h1 { font-size: 128px; margin: 0; color: #000000; font-weight: 600; position: relative; display: inline-block; padding-bottom: 10px; }
.customer-section .customer-text-block h1::after { content: ''; position: absolute; left: 0; bottom: 8px; width: 100%; height: 16px; background-color: #FFE744; z-index: -1; }
.customer-section .customer-text-block p { font-size: 18px; color: #000000; margin-top: 20px; margin-bottom: 20px; }
.customer-section .customer-text-row { display: flex; align-items: flex-start; }
.customer-section .customer-text-row h1 { font-size: 102px; margin: 0; color: #000000; font-weight: bold; position: relative; margin-right: 20px; line-height: 102px; height: 102px; width: 242px; }
.customer-section .customer-description { width: 250px; height: 84px; margin-top: 12px; line-height: 26px; }
.customer-section .customer-description p { font-size: 20px; font-weight: 600; color: #000000; margin: 0; }
.customer-section .customer-reviews-link { color: #000000; text-decoration: none; font-size: 16px; font-weight: 400; display: inline-block; margin-top: 32px; line-height: 24px; height: 40px; }
.customer-section .customer-reviews-link:hover { text-decoration: customer-underline; }
.customer-section .customer-logo-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 16px; margin-top: 16px; }
.customer-section .customer-logo-item { display: flex; justify-content: center; align-items: center; width: 134px; height: 134px; border: 1px solid #DADAD9; transition: all 0.2s; }
.customer-section .customer-logo-item:hover { border-radius: 0 0 40px 0; }
.customer-section.customer-logo-item img { max-width: 80%; max-height: 80%; }

.foldable-info-section .foldable-info h1 { margin: 0; font-weight: 500; font-size: 48px; width: 1082px; height: 228px; line-height: 56px; }
.foldable-info-section .foldable-info h2 { color: #B1B2B0; font-weight: 600; font-size: 16px; line-height: 20px; margin: 0 0 8px 0; height: 35px; }
.foldable-info-section .foldable-info h3 { font-weight: 600; font-size: 36px; line-height: 42px; margin: 0; }
.foldable-info-section .extra-info { display: none; margin: auto; flex: 2; color: #000; max-width: 480px !important; }
.foldable-info-section .extra-info-header { font-size: 20px !important; font-weight: 600 !important; line-height: 26px !important; }
.foldable-info-section .extra-info p { font-size: 16px; font-weight: 400; line-height: 24px; margin: 0; }
.foldable-info-section .toggle-section { background-color: #DADAD9; padding: 19px; margin-bottom: 16px; cursor: pointer; transition: all 0.3s ease; }
.foldable-info-section .toggle-section:hover { background-color: #eeeeee; }
.foldable-info-section .toggle-header { display: flex; align-items: center; justify-content: space-between; height: 100%; padding-left: 24px; }
.foldable-info-section .toggle-header h3 { margin: 0; font-size: 24px; color: #000; flex: 1; }
.foldable-info-section .toggle-title { font-size: 24px; font-weight: 600; line-height: 36px; width: 312px; margin-left: 16px; transition: all 0.3s ease; }
.foldable-info-section .toggle-title-holder { display: flex; align-items: center; align-self: start; }
.foldable-info-section .toggle-title-holder img { width: 56px; height: 56px; }
.foldable-info-section .toggle-section.active .extra-info { display: block; }
.foldable-info-section .toggle-section.active .toggle-title { font-size: 28px; margin-left: 0; transition: all 0.3s ease; }
.foldable-info-section .toggle-section.active { background-color: #FFE744; }
.foldable-info-section .toggle-section.active .toggle-header { padding-top: 48px; padding-left: 0; }
.foldable-info-section .toggle-section.active .toggle-title-holder img { width: 72px; height: 72px; }
.foldable-info-section .toggle-section.active .toggle-title-holder img { margin-right: 40px; margin-left: 48px; max-width: 72px; max-height: 72px; transition: all 0.3s ease; } 
.foldable-info-section .toggle-section.active { padding: 0; }


.diagram-section .diagram-container { max-width: 1152px; display: flex; flex-direction: column; align-items: center; }
.diagram-section .diagram-header-wrapper { display: flex; align-items: flex-start; width: 100%; padding-bottom: 60px; }
.diagram-section .diagram-header { display: flex; flex-direction: column; text-align: left; margin-right: 40px; margin-bottom: 55px; line-height: 92px; }
.diagram-section .diagram-header h1 { font-size: 104px; font-weight: 700; position: relative; margin: 0; z-index: 1; display: inline-block;  align-self: flex-start; height: 105px; }
.diagram-section .diagram-header h1::after { content: ''; position: absolute; left: 0; bottom: -6px; width: 100%; height: 20px; background-color: #FFE744; z-index: -1; display: inline-block; }
.diagram-section .header-svg { margin-top: auto; }
.diagram-section .header-svg svg { display: block;  margin-top: 60px; margin-left: 28px; }
.diagram-section .diagram-content-wrapper { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0; gap: 100px; height: 440px; }
.diagram-section .diagram-text-content { width: 50%; max-width: 496px; max-height: 332px; margin-top: -80px; }
.diagram-section .diagram-text-content h2 { font-size: 36px; font-weight: 600; line-height: 42px; margin: 0 0 16px 0; height: 144px; width: 497px; }
.diagram-section .diagram-text-content p { font-size: 16px; font-weight: 400; line-height: 24px; margin: 0; width: 480px; }
.diagram-section .venn-diagram { width: 50%; }
.diagram-section .venn-diagram img { max-width: unset !important; }

.cases-section { overflow: hidden; }
.cases-section .casesCenterRightSide {  padding-right: 70px;}
.cases-section .casesCenterRightIcon { width: 46px; } 
.cases-section .casesCenterRightDecription { width: calc(100% - 46px ); padding-left: 50px; } 
.cases-section .casesBottomTitle h5 + h2 { margin-top: 20px;}
.cases-section .circleShape {position: absolute; left: 0; top: 0; width: 1400px; height: 1400px; border-radius: 50%; }
.casesBottomMainSection { border-radius: 120px 0 0 0; background-color: #ffffff; height: 554px; }
.cases-section .casesCenterTopBtn { display: flex; flex-wrap: wrap; align-items: center;}
.cases-section .casesAllBtn { padding-left: 24px;}
.cases-section .casesSectionTitle { color: #ffffff; font-size: 36px; font-weight: 600; line-height: 42px; }
.cases-section .cases-container { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 680px; margin-top: 30px; }
.cases-section .case-card { width: 480px; height: 480px; position: absolute; overflow: hidden; transition: transform 0.3s ease; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: lightgray; }
.cases-section  .case-card img { width: 100%; height: 100%; object-fit: cover; }
.cases-section  .case-card:nth-child(1) { left: 0; top: 100px; z-index: 1; } 
.cases-section  .case-card:nth-child(1):hover { transform: scale(1.05); z-index: 1000; cursor: pointer; }
.cases-section  .case-card:nth-child(2) { left: 350px; top: 200px; z-index: 2; }
.cases-section  .case-card:nth-child(2):hover { transform: scale(1.05); z-index: 1000; }
.cases-section  .case-card:nth-child(3) { left: 700px; top: 0; z-index: 3; }
.cases-section  .case-card:nth-child(3):hover { transform: scale(1.05); z-index: 1000; }
.gradient-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%); pointer-events: none; }
.cases-section .case-overlay { position: absolute; color: #ffffff; font-size: 30px; font-weight: 600; line-height: 36px; top: 40px; left: 40px; z-index: 2; }
.cases-section .sub-link { align-content: center; text-decoration: underline; }
.cases-section .sub-link a { color: #000000; }
.cases-section .casesAllBtn { position: absolute; top: 522px;  right: 0; }
.cases-section .casesAllBtn a { text-decoration-line: underline; color: #000000; font-size: 16px; font-weight: 400; }
.cases-section .slider-navigation { display: flex; justify-content: space-between; align-items: center; position: relative; max-width: 152px;  margin: 0 auto; }
.cases-section .nav-btn { transition: all 0.2s ease-in-out; background-color: #D9D9D9; border: none; padding: 0; width: 46px; height: 46px; cursor: pointer; font-size: 18px; position: relative; }
.cases-section .nav-btn:hover { background-color: #FFE744; }
.cases-section .nav-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.cases-section .nav-btn svg { width: 36px; padding-top: 1px; }
.cases-section #slider-index { color: #000000; font-size: 14px; font-weight: 600; line-height: 25px; position: absolute; left: 50%; transform: translateX(-50%); }
.cases-section .content-item { display: none; opacity: 0; position: relative; transition: opacity 0.3s ease; }
.cases-section .slide-in-right { animation: slideInRight 0.5s forwards; }
.cases-section .slide-in-left { animation: slideInLeft 0.5s forwards; }
.cases-section .right-container { max-width: 478px; }

.two-col-text-icon .two-col-text { margin-left: 50px; color: #000000; font-size: 48px; font-weight: 600; line-height: 56px; align-content: center; }
.two-col-with-icone.v2 .two-col-text { margin-left: 50px; color: #000000; font-size: 48px; font-weight: 600; line-height: 56px; align-content: center; padding: 0; width: unset; }
.two-col-text-icon.v2 .two-col-icone { width: unset; }
.twoColIntegrationSection .tagStyling h2 { max-width: 447px; }
.twoColIntegrationSection .swapPositionDesktop .twoColCrmTecRightSide { padding-right: 90px; }
.twoColIntegrationSection span.twoColIntegrationShape { position: absolute; right: 0; top: -147px; }
.twoColCrmTechnologySection.twoColIntegrationSection { overflow: visible; }
.twoColIntegrationSection span.twoColIntegrationShape img { height: 680px; }
.twoColIntegrationSection .twoColCrmTecLeftSide img { object-fit: cover; height:580px; margin-left: 118px; }
.twoColIntegrationSection.swapPositionDesktop .twoColCrmTecLeftSide { padding-left: 10px; }
.twoColIntegrationSection .twoColCrmTecRightSide p { color: #000000; font-size: 16px; font-weight: 400; line-height: 25px; }
.twoColIntegrationSection .twoColCrmTecRightSide { max-width: 477px; align-content: center; }
.twoColIntegrationSection .sub-title { color: #B1B2B0; font-size: 15px; font-weight: 600; line-height: 19px; height: 35.364px; margin-bottom: 5.64px; }

.promoter-section { border-radius: 100px 0 0 0; }
.PromotersHome .IconwithTwoColHome .two-col-with-icone .two-col-text { padding-left: 116px; width: calc(100% - 83px); }
.PromotersHome .titleBox h2 {font-size: 72px; font-weight: 400;  line-height: 1.13;}
.PromotersHome.twoColumnContent .leftContentBox{ padding-left: 0;  width: 100%; }
.PromotersHome.twoColumnContent .rightBox {  padding: 100px; background-color: transparent; border: 1px solid #DADAD9; }
.PromotersHome .SmileIconContent h3 {color: #000000; }
.PromotersHome .minus h5 { color: #000000; padding: 10px 0 8px 0; text-align: right; font-size: 18px; line-height: 1.16; font-weight: 500; }
.PromotersHome .SmileIconContent {  text-align: right;   width: calc(100% - 34px);}
.SmileFirstIcon {width: 34px;}
.PromotersHome .SmileIconContent {  width: calc(100% - 34px);  text-align: right;}
.PromotersHome .bottomRight {font-size: 52px; color: #000000; line-height: 1.19; border-top: 1px solid #DADAD9; text-align: right; padding: 50px 100px 100px 0; font-weight: 600;  }
.PromotersHome .topRight {  padding: 100px 100px 64px 100px;}
.PromotersHome.twoColumnContent .rightBox {padding:0; border-radius: 0 0 100px 0; width: calc(50% - 10px); }
.PromotersHome .rightInner {  border-radius: 0 0 100px 0;}
.PromotersHome.twoColumnContent .button--simple a:after{display: inline-block !important;}
.PromotersHome .leftBox { align-content: center; }
.PromotersHome .titleBox h1 { color: #000000; font-size: 72px; font-weight: 600; line-height: 82px; max-width: 549px; }

.testimonialSection {  overflow: hidden; }
.testimonialSectionWithSlider .star { padding-right: 8px; }
.testimonialSection .testimonialBottomBox {  display: flex;  flex-wrap: wrap; align-items: center;}
.testimonialSection .authorName_organization {  margin-left: 15px;}
.testimonialSection .sectionShape {width: 175px;  position: absolute; left: 0;  top: 50%;  transform: translateY(-50%);}
.HomeTestinomial.testimonialSectionWithSlider.testimonialSection .sectionShape { width: 209px; }

@keyframes slideInRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
    }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@media (min-width: 2000px) {

  html{
  zoom: 120%;
  }
}

@media (min-width:1500px ) {
    .circleShape { transform: translateX(-33%);}
    
    .footer.baseModuleStyle { padding-top:145px; }
    
    .whitepaper_wrap { position:inherit; }
    .whitepaper_wrap .whitehero_img { margin-right:-158px; }
/*     .whitepaper_wrap .whitehero_img { margin-right: 0; margin-top: 0; position: absolute; right: 200px; bottom: -50px; } */
    
    
}
@media (min-width:1700px ) {
    .circleShape { transform: translateX(-32%);}
    .lpBannerShape{ top: -350px;}
    .lpBannerShape svg { width: 120%; height: 100%;}

    /* LP - CRM Implementatie */
    .shapebg .lpBannerShape { top: -520px !important; left: -210px !important; }
    .shapebg .circleShape { height: 1880px !important; width: 1908px !important; transform: translateX(-24%) translateY(4%); }
     
    
}
@media (min-width:1920px ) {
    .circleShape { transform: translateX(-25%);}
}
@media (min-width:2100px ) {
    .circleShape { transform: translateX(-17%);  }
}
@media (min-width:2300px ) {
    .circleShape { transform: translateX(-5%);}
}
@media (min-width: 1580px){
    .thankyou-banner .bannerShape { height: 90%; top: 188px; z-index: 1; bottom: -130px; }
    .thankyou-banner.contact-banner-srt .bannerShape img { height: 100%; }
}

@media (min-width: 1230px) and (max-width: 1500px) {
    .three-row-sec .bannerShape { max-width: 800px; width: 100%;}
    .HomeTwoCol .twoColCrmTecLeftSide img { height: 580px !important; width: auto; }
    .HomeTwoCol.swapPositionDesktop .twoColCrmTecLeftSide { text-align: right; }
}

@media (max-width: 1580px){
    /*  Contact Us Page  */
    .contact-banner-srt .bannerShape { top: auto; bottom: 18vw; }
    .contact-banner-srt .bannerShape img { height: 35vw; }
  
    .cases-section .circleShape { transform: translateX(-50%); }
}
@media (min-width: 1200px) and (max-width: 1579px){
    .thankyou-banner .bannerShape { height: 90%; top: 200px; z-index: 1; bottom: -130px; }
    .thankyou-banner.contact-banner-srt .bannerShape img { height: 100%; }

}

@media(min-width:1025px){
    /*************
    Global Module
    ****************  */
    a.expandMenu { display: none !important;}
    .childExpand { display: none !important;}
    .headerInnerParent { display: flex; justify-content: flex-end; align-items: center; }
    .headerrightSection{position:relative;}
    .navigation .hs-menu-wrapper { display: block !important;}
    .navigation .hs-menu-wrapper > ul li { display: inline-block; vertical-align: middle; position: relative; }
    .navigation .hs-menu-wrapper>ul .hs-menu-children-wrapper li { display: block;}
    /*   .navigation a { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; } */
    .navigation > span > .hs-menu-wrapper>ul>li:hover>a { color:#FFE744;}

    .navigation .hs-item-has-children > a:after {font-family: fontAwesome; content: "\f107"; font-size: 16px; margin-left:10px; }
    .navigation .hs-menu-depth-1.hs-item-has-children:hover>a:before { transform: rotate(180deg); position: relative; display: inline-block;}
    .navigation > span >.hs-menu-wrapper > ul > li > a { padding: 10px 20px 50px; display: block; font-size:18px; }
    .jobHeader .navigation>span>.hs-menu-wrapper>ul>li>a { padding-right:0; padding-top:0; }
    .jobHeader .navigation>span>.hs-menu-wrapper>ul>li + li >a { padding-left:60px; } 
    .jobBlackSection .jobHeader .navigation>span>.hs-menu-wrapper>ul>li>a { color: #000; }
    .navigation .hs-item-has-children > .hs-menu-children-wrapper { position: absolute; top: 100%; opacity: 0; left: 0; visibility: hidden; transition: opacity ease 0.3s; background-color: rgba(255, 231, 68,1); width: 240px; padding: 0px 0; border-radius: 0 0 0 10px; overflow: hidden; }
    .headerlogoSec a { position: relative; display: block;}

    .navigation .hs-item-has-children > a:hover{ color:#FFFFFF;}
    .navigation .hs-item-has-children > .hs-menu-children-wrapper li a { padding: 12px 20px; display:block;transition: none; }
    .navigation .hs-item-has-children > .hs-menu-children-wrapper li a{color: #000}
    .navigation .hs-item-has-children > .hs-menu-children-wrapper li a:hover{color:#FFFFFF}
    .navigation .hs-item-has-children > .hs-menu-children-wrapper li a:hover{ background-color:#000;}
    .navigation .hs-item-has-children:hover>.hs-menu-children-wrapper { opacity: 1 !important; visibility: visible!important; }
    .navigation .hs-menu-depth-1.active > a{color: rgba(255, 231, 68,1); }

    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .left-content li a { color: #000; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .left-content li a { transition: 0.3s color ease-in-out; -webkit-transition: 0.3s color ease-in-out; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .left-content li a:hover { color: #666665; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu { border-radius: 0 0 70px 0; padding: 50px; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent { display: flex; gap: 50px; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .left-content,
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .right-content { width: 50%; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .right-content a { padding: 0; transition: none; -webkit-transition: none; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .left-content .title,
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .right-content .title { color: #B1B2B0; }
    .header.v2 .megaMenuLowerNavigation>span>div>ul { flex-direction: column; align-items: flex-start; gap: 16px; margin: 0; }
    .header.v2 .megaMenuLowerNavigation > span > div > ul > li { width: 100%; padding: 0; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .cases { display: flex; flex-direction: column; gap: 20px; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .cases .case { display: flex; gap: 32px; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .cases .case .image-container { width: 160px; height: 104px; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .cases .case .image-container img { width: 100%; height: 100% !important; object-fit: cover; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .cases .case .content { max-width: 191px; display: flex; align-items: center; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .cases .case .content h5 { font-size: 15px; line-height: 1.26; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu a { font-size: 15px; line-height: 1.26; }
  
    /*  header Sticky  */
    .headerSticky .navigation .hs-menu-wrapper ul li a{color: #000; padding: 10px 20px 40px;}

    .whiteHeaderSection .navigation .hs-menu-wrapper ul li a {color: #000;}
    .whiteHeaderSection .header .headerTopNavigation ul li a,.whiteHeaderSection .header.headerSticky .headerTopNavigation ul li a {color:#666666}

    .headerSticky .navigation .hs-menu-wrapper ul li .megaMenuLowerNavigation>span>div>ul>li>a, 
    .navigation .hs-menu-wrapper ul li .megaMenuLowerNavigation>span>div>ul>li>a { display: block; width: 100%; padding: 0; opacity:1;}
    .megaMenuNavTitle h5{transition: all ease 0.3s;}
    .headerSticky .navigation .hs-menu-wrapper ul li .megaMenuLowerNavigation>span>div>ul>li>a:hover .megaMenuNavTitle h5, 
    .navigation .hs-menu-wrapper ul li .megaMenuLowerNavigation>span>div>ul>li>a:hover .megaMenuNavTitle h5{ color:#666665;  }
    /*  Mega Menu  */
    /*  Mega Menu Default  */
    .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.ActivatedMenu .megaMenu { max-width: 980px; width: 100%;opacity: 0; visibility: hidden; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; transition: all ease 0.4s; display: block !important;}
    .navigation .hs-menu-wrapper>ul li.ActivatedMenu { position: initial;}
    .megaMenu { position: absolute; left: 0; width: 100%; margin-left: 0; text-align: left; top: 100%; z-index: 50; }
    .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.ActivatedMenu:hover .megaMenu { opacity: 1; visibility: visible;}
    /*  Mega Menu Style  */
    .megaMenu{background-color:#EAEAEA; padding:50px 50px 30px; border-radius:0 0 0 70px; box-shadow: 0px 60px 100px rgb(0 0 0 / 12%);}
    .megaMenuLowerNavigation > span > div > ul{display:flex;flex-wrap:wrap;align-items:center;margin:0 -12px;}
    .megaMenuLowerNavigation > span > div > ul > li{width:33.33%;padding:12px;}
    .megaMenuLowerSide{border-top:1px solid #DADAD9;}

    /*  Top Navigation  */
    .headerTopNavigation ul{display:flex; flex-wrap:wrap; justify-content: flex-end}
    .headerTopNavigation ul li{padding:0 20px;}
    .header .headerTopNavigation ul li a{ color: #D7D3D1;font-size: 14px;font-family: 'Space Grotesk', sans-serif; font-weight: 600;; }
    .header.headerSticky .headerTopNavigation ul li a {color:#d7d3d1}
    .header .headerTopNavigation ul li a:hover{ color: #ffe744;font-family: 'Space Grotesk', sans-serif; font-weight: 600;; }
    .header .headerTopNavigation ul li a:active{ color: #ffe744;font-family: 'Space Grotesk', sans-serif; font-weight: 600;; }
    .headerTopNavigation.mobilectaButton { display: none;}
    .megaMenuMobileImg { display: none!important;}

    .headerLanguageSwitcher.mobileLangButton { display: none;}
    .headerLanguageSwitcher { display: block ;}
    /*  black header     */
    .BlackHeaderSection .headerSticky .navigation .hs-menu-wrapper ul li a { color:#fff; }
    .BlackHeaderSection.header.headerSticky .headerTopNavigation ul li a { color: #d7d3d1; } 
    .Ontwikkeling-ban .bannerTitle { padding-top: 80px; }
    .accordion-container { max-width: 980px; }



    .headerLanguageSwitcher ul.lang_list_class { display: block; opacity: 0; visibility: hidden; transition:all ease 0.3s;}
    .headerLanguageSwitcher .lang-box.langSwitcher_hover ul.lang_list_class{ opacity: 1; visibility: visible;}

    /*  Integration header changes  */
    .IntegarionBlackSection .header .headerTopNavigation ul li a, .IntegarionBlackSection .header.headerSticky .headerTopNavigation ul li a { color: #666665; }
    .jobBlackSection .jobHeader.headerSticky .navigation>span>.hs-menu-wrapper>ul>li>a { padding-bottom: 0; }


    .headerTest .navigation .hs-menu-wrapper ul>li a { font-size: 18px; padding: 10px 20px 50px; display: block; }
    .headerTest .navigation .hs-menu-wrapper ul li { display: inline-block; }
    .headerTest .megaMenu { opacity:0; visibility: hidden; }
    .headerTest .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu { opacity: 1; visibility: visible; }
    .header.headerTest { opacity: 0;visibility: hidden;}
    .HeaderBlack .header.headerTest { opacity: 1; visibility: visible;  }
}

  
@media (min-width:1500px ) {
    .circleShape { transform: translateX(-33%);}
    
    .footer.baseModuleStyle { padding-top:145px; }
    
    .whitepaper_wrap { position:inherit; }
    .whitepaper_wrap .whitehero_img { margin-right:-158px; }
/*     .whitepaper_wrap .whitehero_img { margin-right: 0; margin-top: 0; position: absolute; right: 200px; bottom: -50px; } */
    
    
}
@media (min-width:1700px ) {
    .circleShape { transform: translateX(-32%);}
    .lpBannerShape{ top: -350px;}
    .lpBannerShape svg { width: 120%; height: 100%;}

    /* LP - CRM Implementatie */
    .shapebg .lpBannerShape { top: -520px !important; left: -210px !important; }
    .shapebg .circleShape { height: 1880px !important; width: 1908px !important; transform: translateX(-24%) translateY(4%); }
     
    
}
@media (min-width:1920px ) {
    .circleShape { transform: translateX(-25%);}
}
@media (min-width:2100px ) {
    .circleShape { transform: translateX(-17%);  }
}
@media (min-width:2300px ) {
    .circleShape { transform: translateX(-5%);}
}
@media (min-width: 1580px){
    .thankyou-banner .bannerShape { height: 90%; top: 188px; z-index: 1; bottom: -130px; }
    .thankyou-banner.contact-banner-srt .bannerShape img { height: 100%; }
}

@media (min-width: 1230px) and (max-width: 1500px) {
    .three-row-sec .bannerShape { max-width: 800px; width: 100%;}
    .HomeTwoCol .twoColCrmTecLeftSide img { height: 580px !important; width: auto; }
    .HomeTwoCol.swapPositionDesktop .twoColCrmTecLeftSide { text-align: right; }
}

@media (max-width: 1580px){
    /*  Contact Us Page  */
    .contact-banner-srt .bannerShape { top: auto; bottom: 18vw; }
    .contact-banner-srt .bannerShape img { height: 35vw; }
}
@media (min-width: 1200px) and (max-width: 1579px){
    .thankyou-banner .bannerShape { height: 90%; top: 200px; z-index: 1; bottom: -130px; }
    .thankyou-banner.contact-banner-srt .bannerShape img { height: 100%; }

}
@media (min-width: 992px) and (max-width: 1199px){
    .contact-banner-srt .bannerShape { top: 60%; bottom: inherit; transform: translateY(-50%);}
}


@media(max-width:1366px){
    .circleShape {transform: translateX(-45%);}
    .shapebg .circleShape {transform: translateX(-49%) translateY(-20%);}

    /*  Lp CRM    */
    .formModuleLpCrm .formLeft { width: 700px; }
    .formModuleLpCrm .formRight {width: calc(100% - 700px); padding-left: 50px; }
    .formModuleLpCrm .bottomForm .content-wrapper{ max-width: fit-content; padding: initial; padding-left: 16px; padding-right: 16px; }
    .testimonialSection .sectionShape {top: 40%;  width: 120px; }
    .accordian .bottomInfo .rightBottom p { margin: 0; }
    .twoColLpCrm .itemBoxes { padding-top:25px !important; padding-bottom:25px !important; }
    .Lp-Crm .bannerSection { padding-bottom: 40px; }

    /*   home New    */
    .TechnoStyle .tagStyling h2 {font-size: 80px;}
    .PromotersHome .titleBox h2 {font-size: 55px;}
    .IconwithTwoColHome .largeText h2 {font-size: 40px;}
    .HomeTwoCol .twoColCrmTecRightSide { padding-left: 50px; }
    .HomeTwoCol.swapPositionDesktop .twoColCrmTecRightSide { padding-right: 50px; }
    .HomeTestinomial.testimonialSectionWithSlider.testimonialSection .sectionShape { width: 135px; }

    /*  Ontwikkeling   */
    .cuexHomeAccordian span.realizeImg img { height: 680px; opacity: 0.5; }
    
    /**/
    .whitetopTitle h1 { font-size:64px; }
    .whitetopTitle { margin-bottom:60px; }
    .whitepaper_hero.thankyou-banner .bannerShape { max-width:580px; }
    .whitepaper_hero .whitepaper_inwap { margin-left: 0; }
    
    
    
    
}

@media(max-width:1280px){
    .applicationModule .applicationBlockInner { padding-left: 42px; }
    .applicationModule .applicationImg { margin-left: -35px; }
    .contact-banner-srt.contact-ver2 .bannerShape { top: auto; bottom: 10vw; }
    .contact-banner-srt.contact-ver2 .bannerShape img { height: 39vw; }
    .contact-ver2 .contact-add-list { margin:0; }
    .contact-ver2 .contact-info-items:first-child { margin-left:0; }
}

@media(max-width:1230px){
    .font138 h1,.font138 h2 { font-size:105px; }
    .bannerShape img { height: 300px;}
    .casesCenterRightSide {  padding-right: 40px;}

    /*  Solution Page  */
    .twoColumnContent .leftBox{width: calc(55% - 30px);}
    .twoColumnContent .rightBox { width: calc(45% - 30px);}
    .pr110{padding-right:70px;}
    /*   about-us */
    .bottom-video-text-box { padding-left: 60px; }

    .testimonialSection .sectionShape {  width: 100px;  transform: translateY(0px);   top: 0;  }
    .oneColContent_image .responsiveLinkBox {  display: block;}
    .oneColContent_image .backLink{display:none;}
    .oneColContent_image .imageShape>img, .only_image .imageShape>img {width: 145px;}

    /****************
    Landing Page Ver1
    *********/
    .lpBannerShape svg { width: 90%;}

    /*  Lp CRM    */
    .formModuleLpCrm .form-contact-info { padding: 50px; }
    .formModuleLpCrm .formLeft { width: 620px; }
    .formModuleLpCrm .formRight { width: calc(100% - 620px);  }
    .testimonialSectionWithSlider.testimonialSection .sectionShape { top: 0; width: 120px; right: 0; left: unset; transform: rotate(179deg); }
    .Lp-Crm .testimonialTitle  { padding-right:70px; }
    .relevantCases .test img { width: 490px !important; }

    .relevantCases  .twoColCrmTecRightSide { width: 50%; padding: 0; }
    .relevantCases  .twoColCrmTecLeftSide { padding-right: 0; width: 50%; }
    .accordian .bottomInfo .rightBottom p { padding-left:0; }
    .relevantCases .test img { width:430px !important; }

    .testinomial-slider .slick-next{ right: -10px !important; }
    .testinomial-slider .slick-prev { left: -80px !important; }
    .shapebg .circleShape {transform: translateX(-53%) translateY(-20%);}
    .bannerSectionVer2 .bannerImg img { right: -19px; }
    .accordian.shapebg .bottomInfo .rightBottom p { margin:0; }
    .IconwithTwoColHome .two-col-icone img { position: relative; z-index: 2; }
    span.image-gradient { position: absolute; left: 50%; top: 39%; background: radial-gradient(50% 50% at 50% 50%, #10B8E0 0%, rgba(22, 22, 23, 0) 100%); opacity: 0.2; width: 176px; height: 234px; transform: translate(-50%, -65%); display: block; z-index: 1; }
    .IconwithTwoColHome .two-col-icone { position: relative; }

    /*   home New    */
    .IconwithTwoColHome .two-col-with-icone .two-col-text {padding-left: 50px;} 
    .PromotersHome.twoColumnContent .twoColInner { flex-wrap:nowrap; } 
    .TabbingHomeNew .tab button {padding: 30px 0 64px;}
    .TabbingHomeNew .tab button:before {margin-bottom: 10px;}
    .TabbingHomeNew .TabInner {padding: 52px 52px;}
    .PromotersHome .bottomRight {padding: 40px;}
    .PromotersHome .topRight { padding:48px; }
    .TabbingHomeNew .TabInner { padding: 52px 52px; }
    .TabbingHomeNew .tab button.active:after  {top: 58%;}
    .HomeNewLp .bannerShape img { height: 300px; }
    /*   home New    */

    /*  Ontwikkeling    */
    .Ontwikkeling-ban img { height: 520px; }
    /*  Ontwikkeling    */

    /* Integration Banner */
    .IntegrationBanner .bannerIntegrationShape img { height: 870px; }
    .twoColIntegrationSection span.twoColIntegrationShape img { height: 500px; }
    /* providers with accordian lp2 */
    .providersWithAccordian .providerBlock { padding: 25px; }
    .providersWithAccordian .providerinfoBlock { padding-left: 27px; }
    .providersWithAccordian .providerShape { left: -985px; }
    /* FormWithImageModule */
    .FormWithImageModule span.FormAccordianShape { left: -701px; }
    .jobPostBanner .bannerShape img { height: 590px; }

    
    
}

@media(max-width:1400px){
    
/*     .whitepaper_hero.thankyou-banner.contact-banner-srt .bannerShape { top:300px; } */
    .whitepaper_hero.thankyou-banner.contact-banner-srt .bannerShape { top: 260px; max-width: 430px; }
    .whitepaper_news.blogSubscriptionFormSection { padding-bottom:80px;  } 
    .whitepaper_hero.bannerSection.contact-banner-srt { padding-bottom: 0; }
   .whitepaper_wrap .whitehero_img { margin-right: 143px; margin-top: -110px; }
     
}

@media(max-width:1212px){
    .applicationModule .content-wrapper,.bannerSectionVer3 .content-wrapper,.TeamSliderModule .content-wrapper { padding-left:16px; }
}

/* Home New LP */
@media screen and (max-width: 1080px) and (min-width: 992px) {
    .bannerSection.homeBannerSection.HomeNewLp { padding: 150px 0 190px 0; }
}
@media(max-width: 1199px) {
    .bannerSectionVer3 .banner-content {padding-right: 30px;}
    .bannerSectionVer3 .font66 h1 {font-size: 55px;}
    /*     .bannerSectionVer3{padding: 80px 0 120px!important;} */
    /*     .bannerSectionVer3 .banner-image img{width: 100%;height:740px;object-fit:cover;} */
    
    .threeColModule .threeColBlockInner { padding:70px 58px 65px; }
    
    .font110 h1 { font-size: 90px; }
    .lp-banner-v2 .bannerTitle h2 {font-size: 34px;}
    .lp-banner-v2 .bannerShape img { height: 400px; width: auto; }
    .signup-twoCol.swapPositionDesktop .twoColCrmTecRightSide { padding-right: 60px; }
    .CTASection_withImage.thankyouCTA_withImg .parentBox {padding: 83px 45px 100px;}
    .signupThankyouBanner.thankyou-banner .bannerShape {width: auto; height: auto;}
    .signupThankyouBanner.generalBanner {min-height: auto;}
     
    .whitetopTitle { margin-bottom:40px; }
    .whitetopTitle h1 { font-size:54px; }
    .whitepaper_hero.thankyou-banner .bannerShape { max-width:500px; }
/*     .contact-banner-srt.whitepaper_hero .customWidthOption { max-width:430px !important; } */
    .whitepaper_wrap .whitehero_img { margin-top: -22px;  max-width: 330px; margin-right: 115px; }
    .whitepaper_hero.bannerSection.contact-banner-srt { padding-top: 120px; padding-bottom:0; min-height: auto; }
    .whitepaper_hero.thankyou-banner.contact-banner-srt .bannerShape { top:430px; } 
    
    .customer-section .customer-logo-grid { width: 100%; }
    .customer-section .customer-logo-item { width: 100%; }
    .customer-section .customer-text-block { max-width: 550px; } 
  
    .scroll-container .nextSectionScroll { left: 18px; }
  
  
    .diagram-section .diagram-header { margin-right: 15px; }
    .diagram-section .venn-diagram img { max-width: 100% !important; }
  
    .cases-section .case-card { height: 400px; width: 400px; }
  
   .twoColIntegrationSection .twoColCrmTecLeftSide img { margin-left: 90px; }
}

@media(max-width: 1027px) {
  .headerLanguageSwitcher .lang-box .globe_class { background-image: none !important; width: 0; height: 0;}
  .topNavigationAlign { display: flex; justify-content: flex-end; align-items: center; padding-right:20px;}
  .headerLanguageSwitcher .lang-box { line-height: 0;}
  .headerLanguageSwitcher span#hs_cos_wrapper_language_switcher { font-size: 0;}
  .headerLanguageCurrent{cursor:pointer;}
  .headerLanguageSwitcher { position: relative; line-height: 0; height: 32px; } 
  .headerLanguageSwitcher ul.lang_list_class { display:none;width: 30px; border: none; top: 32px; } 
  .headerLanguageSwitcher ul.lang_list_class.activeLangBox { display: block; }
  
  .headerLanguageSwitcher ul.lang_list_class li { font-size: 0; text-align:center;padding: 8px 4px !important; border-bottom: unset !important; background-color: transparent; }
  .headerLanguageSwitcher .lang_switcher_link img { width: 16px; height: 16px; } 
  .headerLanguageSwitcher .header__language-switcher-label-current img { width: 16px; height: 16px; } 
  .headerLanguageSwitcher .lang_list_class:after,.headerLanguageSwitcher  .lang_list_class:before { display: none; } 
  .headerLanguageSwitcher .lang_list_class li:first-child { border: none; padding-top: 8px; } 
  .headerLanguageSwitcher .lang_list_class li:last-child { padding-bottom: 8px; border-bottom: none; }

  .headerLanguageSwitcher .headerLanguageCurrent { padding: 8px 7px;}
  .headerLanguageSwitcher ul.lang_list_class { width: 30px; border: none; top: 32px; background: #DADAD9; border-radius: 0 0 16px 16px;}
  .whiteHeaderSection .headerLanguageSwitcher .langBoxOpen { background-color: rgba(208, 208, 208,100%);}
  .whiteHeaderSection .headerLanguageSwitcher ul.lang_list_class{ background-color: rgba(208, 208, 208,100%);}
  .header.headerSticky .headerLanguageSwitcher ul.lang_list_class,
  .header.headerSticky .headerLanguageSwitcher .langBoxOpen{ background: rgba(208, 208, 208,100%);}
  .headerLanguageSwitcher .lang_switcher_class{position: inherit;}
  .HomeTestinomial .testinomial-slider { padding-left: 40px; } 
  

.headerLanguageSwitcher ul.lang_list_class li a { display: unset !important; flex-direction: unset; justify-content: unset; align-items: unset; width: unset !important; padding: unset; font-size: unset; font-weight: unset; }
.headerLanguageSwitcher ul.lang_list_class li a:first-child { width: unset; }
.headerLanguageSwitcher ul.lang_list_class li a:hover { color: unset; }

.headerLanguageSwitcher ul.lang_list_class li:hover { background-color: unset; color: unset; }
.headerLanguageSwitcher .lang_switcher_link img { margin-right: unset; } 
.headerLanguageSwitcher .lang_list_class li:last-child { border-radius: unset !important; }

}

@media(max-width: 991px) {
    
    .whitepaper_hero.thankyou-banner.contact-banner-srt .bannerShape { top:150px; max-width:350px; } 
    .whitepap_list a { font-size: 16px; line-height: 1.44; margin-right: 30px; }
    
    
     
}


@media(max-width:1080px){
    .bannerSection.homeBannerSection { min-height: 668px !important; padding: 150px 0 190px;}
    /* Two Column Section */
    /*     .swapPositionDesktop .twoColCrmTecLeftSide { padding-right: 25px;} */
    .swapPositionDesktop .twoColCrmTecLeftSide{padding-left:25px;}
    .swapPositionDesktop .twoColCrmTecRightSide{padding-right: 25px;}
    .jobTwoColModule .twoColCrmTecLeftSide{padding-right: 25px;}
    /*  Logo Module  */
    .logoGroupRepeat { width: 25%;}
    .circleShape { transform: translateX(-53%);}
    /****** Two Column Section ******/
    .twoColCrmShape { max-width: 100px;}

    /****** Landing Page Ver1 ******/
    .lpBannerTopLeftSide { padding-right: 40px;}
    .bannerLpMaxWidth { padding-left: 0;}
    .lpBannerTopRightSide { width: 300px;}
    .lpBannerTopLeftSide { width: calc(100% - 300px);}
    .lpBannerShape svg { width: 90%;}

    /*  Lp Crm    */
    .formModuleLpCrm .formRight { width:100%;} 
    .formModuleLpCrm  .bottomContentForm {  flex-direction: column;}
    .formModuleLpCrm .formRight { padding-left: 0; padding-top: 80px; }
    .formModuleLpCrm  .help-you-info-sec { padding-top: 40px; } 
    .accordian .twoColCrmTecLeftSide { width:50%; }
    .accordian .twoColCrmTecRightSide { width:50% }
    .testinomial-slider .slick-next,.testinomial-slider .slick-prev {  bottom: -80px; }
    .testinomial-slider .slick-prev { left:0 !important; }
    .testinomial-slider .slick-next { right: 0 !important; }
    .shapebg .lpBannerBottomSection { padding: 100px 80px 100px; } 
    .formModuleLpCrm .topContent h2, .formModuleLpCrm .topContent p { max-width:1080px;  }
    .formModuleLpCrm .topContent { padding-bottom:80px; }
    .shapebg .circleShape {transform: translateX(-55%) translateY(-20%);}

    /*  Ontwikkeling    */
    .Ontwikkeling-ban img { height: 460px; }
    .Ontwikkeling-ban.homeBannerSection.bannerSection { padding-bottom: 80px; }
  
    .scroll-container .nextSectionScroll { left: 18px; }
  
    .customer-section .customer { flex-direction: column; }
    .customer-section .customer-logo-item { width: 100%; }
  
  
    .foldable-info-section .foldable-info h1 { width: 750px; height: unset; }
    .foldable-info-section .toggle-section.active .toggle-title { font-size: 24px; text-align: center; }
    .foldable-info-section .toggle-section .toggle-title { font-size: 20px; }
    .foldable-info-section .toggle-section.active .toggle-title-holder { flex-direction: column; }
  
    .diagram-section .diagram-text-content { margin-top: 0; width: 100%; max-width: unset; }
    .diagram-section .diagram-text-content h2 { width: 100%; height: unset; margin-bottom: 24px; }
    .diagram-section .diagram-text-content p { width: 100%; }
    .diagram-section .diagram-content-wrapper { flex-direction: column; align-items: start; gap: 0; width: 100%; height: unset; }
    .diagram-section .header-svg { display: none; }
    .diagram-section .venn-diagram { width: 100%; text-align: center; }
    .diagram-section .diagram-header-wrapper { padding-bottom: 0; }
  
    .cases-section .case-card { width: 380px; height: 380px; }
    .cases-section .case-card:nth-child(3) { top: 460px; left: 50px; }
    .cases-section .case-overlay { top: 30px; left: 30px; font-size: 24px; }
    .cases-section .cases-container { height: 840px; margin-top: 0; }
    .cases-section .casesAllBtn { top: unset; bottom: 0; }
    .cases-section .casesSectionTitle { padding-top: 60px; }
  
    .two-col-text-icon .two-col-text { width: 75%; align-content: center; }
    .two-col-text-icon .largeText h2 { font-size: 24px; }
    .twoColIntegrationSection .twoColCrmTecRightSide p { width: 100%; }
    .twoColIntegrationSection .twoColCrmTecRightSide { width: 49%; max-width: 49%; }
    .twoColIntegrationSection .twoColCrmTecLeftSide { width: 49%; }
    .twoColIntegrationSection .twoColCrmTecLeftSide img { height: unset; margin-left: 0; }
  
    .PromotersHome .titleBox h1 { font-size: 50px; line-height: 56px; }
  
    .footer .footerAddress { margin-right: 0; }
    .twoColCrmTechnologyParent { gap: 14px; }
  
    .casesBottomMainSection { height: 492px; }
}

@media(max-width: 1024px){
    .font110 h1 { font-size: 80px; }
    
    .circleShape { transform: translateX(-54%);}
    /****** Contact Page ******/
    .contact-info-items { margin: 0px 10px; }
    .contact-add-list { margin: 0px -10px; }
    /****** End Contact Page ******/
    
    a.expandMenu {width: 32px; height: 32px; display: block; cursor: pointer; padding: 3px; position: absolute; top: 54px; right: 24px; border-radius:50%; background-color: #FFE744; text-align: center; line-height: 32px; }
    a.expandMenu i { position: absolute; left: calc(50% + 0.5px); top: calc(50% + 1px); transform: translate(-50% , -50%); transform-origin: center center; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; color:#000;}
    .expandMenu.active i { left:calc(50% - 0.5px);transform: translate(-50% , -50%)rotate(45deg);}
    a.expandMenu img {
        position: absolute;
        left: 0;
        top: 0;
        width: 32px;
        height: 32px;
        transition: all ease 0.3s;
    }
  
    .BlackNavIcon { display: none; }
  .HeaderBlack .BlackNavIcon { display: block; }
  .white-expand-icon.HeaderBlack .BlackNavIcon { display: none; }

    a.expandMenu.active img {
        transform: rotate(45deg);
    }
    .headerSticky.header{padding-top:20px; padding-bottom:20px;}
    .headerSticky a.expandMenu { top: 16px;}
    .headerSticky .navigation>.hs_cos_wrapper>.hs-menu-wrapper { top: 60.3px; height: calc(100vh - 60.3px);}
    /*   a.expandMenu i { position: relative; width: 30px;  left: 0; height: 4px; opacity: 1; display: block; background: #79adc5; margin: 5px 0; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; } */
    /*   a.expandMenu i:first-child { margin-top: 0; }
    a.expandMenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 10px; position: relative;}
    a.expandMenu.active i:nth-child(2) { position: relative; left: -46px; opacity: 0;}
    a.expandMenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative;} */
    .childExpand { position: absolute; top: 18px; right: 22px; width: 30px; text-align: center; height: 30px; margin: 0; padding: 5px; cursor: pointer; }
    .childExpand i { position: absolute; width: 26px; height: 18px; left: 0;opacity: 1; display: inline-block; margin: 0; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; font-size: 35px; line-height: 0.5; vertical-align: middle; }
    /*   .childExpand i+i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top: -7px;} */
    .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
    /*   .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg);} */

    .header{padding-bottom:20px; transition:none;}

    .headerlogoSec a { display: block; position: relative; } 
    .headernavigationSection { padding-right: 70px;}
    .navigation > .hs_cos_wrapper > .hs-menu-wrapper{position:absolute;top:95.3px;width:100%;left:0; display:none; z-index:501; background-color: #000000; height: calc(100vh - 95.3px); padding-bottom: 80px; padding-top:15px; overflow: auto;}
    .navigation .hs-menu-wrapper ul{display:block;width:100%;}
    .menuOpen .header { background-color: #000000;}
    body.menuOpen { overflow: hidden;}
    .navigation .hs-menu-wrapper ul li a { color: #fff;  }
    .header p, .header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .header a:not(.button), .header span, .header div, .header li, .header blockquote{color:#ffffff;}
    .navigation .hs-menu-wrapper ul .hs-menu-children-wrapper,.navigation .hs-menu-wrapper ul .megaMenu { position: static; display: none;  width: 100%;}
    .navigation>.hs_cos_wrapper>.hs-menu-wrapper ul li { position: relative; }
    .navigation .hs-menu-wrapper ul li a { padding: 14px 15px; display: block; }
    .navigation>span>.hs-menu-wrapper>ul>li>a{font-size:45px; line-height:1.11; padding: 6px 15px; display:inline-block;}
    .jobHeader .navigation > span >.hs-menu-wrapper>ul>li>a { position:relative; }
    .headerleftSection { padding-top: 0; width: 84px;}

    .megaMenuTopSide { margin: 0; display: none;} 
    .megaMenuNavImage { width: 26px; height: 26px; line-height: 24px; } 
    .megaMenuNavImage{background-color:#FFE744;}
    .megaMenuNavImage img {width: 15px;} 
    .navigation .hs-menu-wrapper ul .megaMenu { padding:0px 16px 15px;  } 
    .megaMenuNavContent { display: none; } 
    .navigation .hs-menu-wrapper .megaMenuLowerNavigation ul li a {padding: 9px 0;} 
    .navigation .hs-menu-wrapper .megaMenuLowerNavigation { padding-top: 10px; }
    .headerTest .navigation .hs-menu-wrapper .megaMenuLowerNavigation { padding-top: 0px; }

    .navigation .hs-item-has-children > a:after {content: '';display:none;}

    /*  Navigation Button  */
    .headerTopNavigation.mobilectaButton { display: block; padding: 20px 20px 0;}
    .headerTest .headerTopNavigation.mobilectaButton { padding: 8px 17px 0; }
    .header.jobHeader.headerSticky { padding-top:20px; }
    .navigation .hs-menu-wrapper .headerTopNavigation ul li a { padding: 6px 0;  color: #B1B2B0; font-size:18px;}
    .headerTest .navigation .hs-menu-wrapper .headerTopNavigation ul li a { padding: 4px 0; }
    .navigation .hs-menu-wrapper .headerTopNavigation ul li a:hover{color:#FFE744;}
    .megaMenuNavTitle h5 { font-size: 20px; line-height: 1.66;}

    .headerTopNavigation{display:none;}

    .megaMenuNavDetail{padding-left:18px;}

    /*********
    Language Switcher
    ************/
    .headerLanguageSwitcher.mobileLangButton { padding:20px; }
    .headerTest .headerLanguageSwitcher.mobileLangButton { padding: 26px 16px 26px 16px; }
    .navigation .hs-menu-wrapper ul li a.lang_switcher_link { padding: 0; } 
    .defultLangText { width: 28px; } 
    .headerLanguageSwitcher span#hs_cos_wrapper_module_163341385539614_language_switcher { width: calc(100% - 28px); } 
    .headerLanguageSwitcher.mobileLangButton .headerLanguageCurrent { padding: 8px 8px ; width: 32px ; height: 32px ; border-radius: 16px 0 0 16px ; text-align: center; display: flex; justify-content: center; align-items: center; } 
    .headerLanguageSwitcher.mobileLangButton .headerLanguageCurrent.langBoxOpen { background: #666665;}
    .headerLanguageSwitcher.mobileLangButton .headerLanguageCurrent img { width: 16px; height: 16px; } 
    .headerLanguageSwitcher ul.lang_list_class { top: 0; display:none; border-radius: 0 16px 16px 0; position: inherit; transform: inherit; left: 0; padding-left: 2px; padding-right: 4px; width: auto !important; background: #666665; } 
    .headerLanguageSwitcher .lang-box { display: flex; align-items: center; }
    .headerLanguageSwitcher .lang-box .globe_class { width: auto; height: auto; }

    .headerLanguageSwitcher { display: none;}
    .headerLanguageSwitcher.mobileLangButton { display: block;}

    .headerLanguageSwitcher.mobileLangButton { height: auto;}
    .headerLanguageSwitcher ul.lang_list_class li { display: inline-block; vertical-align: middle;}

    .megaMenuDesktopImg{display:none!important;}
    .megaMenuLowerSideParent{padding-top:0;}

    /* job header */
    .header.jobHeader { padding: 55px 0 20px 0; }
    .jobHeader .headerleftSection { width: 84px; }
    .jobHeader a.expandMenu { right: 16px; top:54px; background-color: transparent; }
    .jobHeader.headerSticky a.expandMenu { top: 19px; }
    .JobhemburgerHeader .JobIcon { display: block; }
    .jobBlackSection  .navigation>.hs_cos_wrapper>.hs-menu-wrapper { background-color: #FFF;}
    .jobBlackSection  .jobHeader .navigation>span>.hs-menu-wrapper>ul>li>a { color: #000; }
    /*      .headerTest .navigation>.hs_cos_wrapper>.hs-menu-wrapper { overflow: auto; } */
    /*  .headerTest .navigation>.hs_cos_wrapper>.hs-menu-wrapper>div { width: 100%; display: flex !important; flex-direction: column; justify-content: center; flex-wrap: wrap; height: 100%;overflow: auto;  } */
    /*  .headerTest .navigation>.hs_cos_wrapper>.hs-menu-wrapper>div { width: 100%; display: flex !important; flex-direction: column; justify-content: center; flex-wrap: wrap; height: 100%;overflow: auto;  } */
    .headerTest .navigation>.hs_cos_wrapper>.hs-menu-wrapper>div { width: 100%; margin-top: 70px; }
    .headerTest .navigation>.hs_cos_wrapper>.hs-menu-wrapper>div>ul>li>a { display: inline-block; font-size: 36px; line-height: 1.167; padding: 12px 5px 12px 15px; }
    .headerTest.workHeader .navigation>.hs_cos_wrapper>.hs-menu-wrapper>div>ul>li>a { position: relative; }
    .headerTest .childExpand { display: inline-block; height: 35px; position: relative; right: auto; top: 5px; width: 35px; margin: 0; padding: 0; }
    .headerTest .megaMenuNavTitle h5 { line-height: 1.1; }
    .headerTest .navigation .hs-menu-wrapper ul .megaMenu { padding-bottom: 10px; }
    .headerTest .megaMenuNavImage { width:25px; height: 25px; }
    .headerTest .childExpand i { height: 100%; left: 0; line-height: normal; top: 0px; width: 100%; }
    .headerTest a.expandMenu { right: 17px; }  
}

@media(max-width:991px){
    h1{font-size:32px; line-height:1.19;}
    h2{font-size:28px; line-height:1.21;}
    .largeText h2 { font-size:32px; line-height:1.19; }
    h3, .ctaHeading h3,h3.form-title{font-size:20px; line-height:1.3;}
    h4{font-size:18px; line-height:1.22;}
    h5{font-size:15px; line-height:1.66;}
    h6{font-size:16px; line-height:1.25;}
    .font104 h1 { font-size: 84px; }
    .font110 h1 { font-size: 70px; }
    .font138 h1,.font138 h2 { font-size:85px; }
    .tabw30{width:30%}
    .tabw33{width:33.33%}
    .tabw40{width:40%}
    .tabw50{width:50%}
    .tabw60{width:60%}
    .tabw66{width:66.66%}
    .tabw70{width:70%}
    .tabw100{width:100%}
    .tabMax100{max-width:100%;}

    .tabtop10 {margin-top: 10px;}
    .tabtop20 {margin-top: 20px;}
    .tabtop30 {margin-top: 30px;}

    .pb35,.p35-0 { padding-bottom:30px;}
    .pb40,.p40-0 { padding-bottom:25px; }
    .pb45,.p45-0 { padding-bottom:25px; }
    .pb50,.p50-0 { padding-bottom:35px; }
    .pb55,.p55-0 { padding-bottom:35px; }
    .pb60,.p60-0 { padding-bottom:40px; }
    .pb65,.p65-0 { padding-bottom:40px; }
    .pb70,.p70-0 { padding-bottom:50px; }
    .pb75,.p75-0 { padding-bottom:50px; }
    .pb80,.p80-0 { padding-bottom:55px; }
    .pb85,.p85-0 { padding-bottom:55px; }
    .pb90,.p90-0 { padding-bottom:55px; }
    .pb95,.p95-0 { padding-bottom:55px; }
    .pb100,.p100-0 { padding-bottom:55px; }
    .pb105,.p105-0 { padding-bottom:60px; }
    .pb110,.p110-0 { padding-bottom:60px; }
    .pb115,.p115-0 { padding-bottom:60px; }
    .pb120,.p120-0 { padding-bottom:60px; }
    .pb125,.p125-0 { padding-bottom:60px; }
    .pb130,.p130-0 { padding-bottom:60px; }
    .pb135,.p135-0 { padding-bottom:60px; }
    .pb140,.p140-0 { padding-bottom:60px; }
    .pb145,.p145-0 { padding-bottom:60px; }
    .pb150,.p150-0 { padding-bottom:60px; }
    .pb155,.p155-0 { padding-bottom:60px; }
    .pb160,.p160-0 { padding-bottom:60px; }
    .pb165,.p165-0 { padding-bottom:60px; }
    .pb170,.p170-0 { padding-bottom:60px; }
    .pb175,.p175-0 { padding-bottom:60px; }
    .pb180,.p180-0 { padding-bottom:60px; }
    .pb185,.p185-0 { padding-bottom:60px; }
    .pb190,.p190-0 { padding-bottom:60px; }
    .pb200,.p200-0 { padding-bottom:60px; }
    .pb205,.p205-0 { padding-bottom:60px; }
    .pb210,.p210-0 { padding-bottom:60px; }
    .pb205,.p205-0 { padding-bottom:60px; }
    .pb210,.p210-0 { padding-bottom:60px; }
    .pb205,.p205-0 { padding-bottom:60px; }
    .pb210,.p210-0 { padding-bottom:60px; }
    .pb215,.p215-0 { padding-bottom:60px; }
    .pb220,.p220-0 { padding-bottom:60px; }
    .pb225,.p225-0 { padding-bottom:60px; }
    .pb230,.p230-0 { padding-bottom:60px; }
    .pb235,.p235-0 { padding-bottom:60px; }
    .pb240,.p240-0 { padding-bottom:60px; }
    .pb245,.p245-0 { padding-bottom:60px; }
    .pb250,.p250-0 { padding-bottom:60px; }

    .pt35,.p35-0 { padding-top:30px  }
    .pt40,.p40-0 { padding-top:25px; }
    .pt45,.p45-0 { padding-top:25px; }
    .pt50,.p50-0 { padding-top:35px; }
    .pt55,.p55-0 { padding-top:35px; }
    .pt60,.p60-0 { padding-top:40px; }
    .pt65,.p65-0 { padding-top:40px; }
    .pt70,.p70-0 { padding-top:50px; }
    .pt75,.p75-0 { padding-top:50px; }
    .pt80,.p80-0 { padding-top:55px; }
    .pt85,.p85-0 { padding-top:55px; }
    .pt90,.p90-0 { padding-top:55px; }
    .pt95,.p95-0 { padding-top:55px; }
    .pt100,.p100-0 { padding-top:55px; }
    .pt105,.p105-0 { padding-top:60px; }
    .pt110,.p110-0 { padding-top:60px; }
    .pt115,.p115-0 { padding-top:60px; }
    .pt120,.p120-0 { padding-top:60px; }
    .pt125,.p125-0 { padding-top:60px; }
    .pt130,.p130-0 { padding-top:60px; }
    .pt135,.p135-0 { padding-top:60px; }
    .pt140,.p140-0 { padding-top:60px; }
    .pt145,.p145-0 { padding-top:60px; }
    .pt150,.p150-0 { padding-top:60px; }
    .pt155,.p155-0 { padding-top:60px; }
    .pt160,.p160-0 { padding-top:60px; }
    .pt165,.p165-0 { padding-top:60px; }
    .pt170,.p170-0 { padding-top:60px; }
    .pt175,.p175-0 { padding-top:60px; }
    .pt180,.p180-0 { padding-top:60px; }
    .pt185,.p185-0 { padding-top:60px; }
    .pt190,.p190-0 { padding-top:60px; }
    .pt200,.p200-0 { padding-top:60px; }
    .pt205,.p205-0 { padding-top:60px; }
    .pt210,.p210-0 { padding-top:60px; }
    .pt205,.p205-0 { padding-top:60px; }
    .pt210,.p210-0 { padding-top:60px; }
    .pt205,.p205-0 { padding-top:60px; }
    .pt210,.p210-0 { padding-top:60px; }
    .pt215,.p215-0 { padding-top:60px; }
    .pt220,.p220-0 { padding-top:60px; }
    .pt225,.p225-0 { padding-top:60px; }
    .pt230,.p230-0 { padding-top:60px; }
    .pt235,.p235-0 { padding-top:60px; }
    .pt240,.p240-0 { padding-top:60px; }
    .pt245,.p245-0 { padding-top:60px; }
    .pt250,.p250-0 { padding-top:60px; }

    .tabpl0{padding-left:0;}
    .tabpr0{padding-right:0;}
    .tabtop0{padding-top:0}
    .tabbottom0{padding-bottom:0}
    .tabpb5,.tabp5-0{ padding-bottom:5px;}  
    .tabpb10,.tabp10-0 { padding-bottom:10px;}
    .tabpb15,.tabp15-0 { padding-bottom:15px;}
    .tabpb20,.tabp20-0 { padding-bottom:20px;}
    .tabpb25,.tabp25-0 { padding-bottom:25px;}
    .tabpb30,.tabp30-0 { padding-bottom:30px;}
    .tabpb35,.tabp35-0 { padding-bottom:35px;}
    .tabpb40,.tabp40-0 { padding-bottom:40px;}
    .tabpb45,.tabp45-0 { padding-bottom:45px;}
    .tabpb50,.tabp50-0 { padding-bottom:50px;}
    .tabpb55,.tabp55-0 { padding-bottom:55px;}
    .tabpb60,.tabp60-0 { padding-bottom:60px;}
    .tabpb65,.tabp65-0 { padding-bottom:65px;}
    .tabpb70,.tabp70-0 { padding-bottom:70px;}
    .tabpb75,.tabp75-0 { padding-bottom:75px;}
    .tabpb80,.tabp80-0 { padding-bottom:80px;}
    .tabpb85,.tabp85-0 { padding-bottom:85px;}
    .tabpb90,.tabp90-0 { padding-bottom:90px;}
    .tabpb95,.tabp95-0 { padding-bottom:95px;}
    .tabpb100,.tabp100-0 { padding-bottom:100px;}
    .tabpb105,.tabp105-0 { padding-bottom:105px;}
    .tabpb110,.tabp110-0 { padding-bottom:110px;}
    .tabpb115,.tabp115-0 { padding-bottom:115px;}
    .tabpb120,.tabp120-0 { padding-bottom:120px;}
    .tabpb125,.tabp125-0 { padding-bottom:125px;}
    .tabpb130,.tabp130-0 { padding-bottom:130px;}
    .tabpb135,.tabp135-0 { padding-bottom:135px;}
    .tabpb140,.tabp140-0 { padding-bottom:140px;}
    .tabpb145,.tabp145-0 { padding-bottom:145px;}
    .tabpb150,.tabp150-0 { padding-bottom:150px;}
    .tabpb155,.tabp155-0 { padding-bottom:155px;}
    .tabpb160,.tabp160-0 { padding-bottom:160px;}
    .tabpb175,.tabp175-0 { padding-bottom:175px;}
    .tabpb200,.tabp200-0 { padding-bottom:200px;}
    .tabpb245,.tabp245-0 { padding-bottom:245px;}
    .tabpb250,.tabp250-0 { padding-bottom:250px;}
    .tabpb300,.tabp300-0 { padding-bottom:300px;}

    .tabpt5,.tabp5-0{ padding-top:5px;}  
    .tabpt10,.tabp10-0 { padding-top:10px;}
    .tabpt15,.tabp15-0 { padding-top:15px;}
    .tabpt20,.tabp20-0 { padding-top:20px;}
    .tabpt25,.tabp25-0 { padding-top:25px;}
    .tabpt30,.tabp30-0 { padding-top:30px;}
    .tabpt35,.tabp35-0 { padding-top:35px;}
    .tabpt40,.tabp40-0 { padding-top:40px;}
    .tabpt45,.tabp45-0 { padding-top:45px;}
    .tabpt50,.tabp50-0 { padding-top:50px;}
    .tabpt55,.tabp55-0 { padding-top:55px;}
    .tabpt60,.tabp60-0 { padding-top:60px;}
    .tabpt65,.tabp65-0 { padding-top:65px;}
    .tabpt70,.tabp70-0 { padding-top:70px;}
    .tabpt75,.tabp75-0 { padding-top:75px;}
    .tabpt80,.tabp80-0 { padding-top:80px;}
    .tabpt85,.tabp85-0 { padding-top:85px;}
    .tabpt90,.tabp90-0 { padding-top:90px;}
    .tabpt95,.tabp95-0 { padding-top:95px;}
    .tabpt100,.tabp100-0 { padding-top:100px;}
    .tabpt105,.tabp105-0 { padding-top:105px;}
    .tabpt110,.tabp110-0 { padding-top:110px;}
    .tabpt115,.tabp115-0 { padding-top:115px;}
    .tabpt120,.tabp120-0 { padding-top:120px;}
    .tabpt125,.tabp125-0 { padding-top:125px;}
    .tabpt130,.tabp130-0 { padding-top:130px;}
    .tabpt135,.tabp135-0 { padding-top:135px;}
    .tabpt140,.tabp140-0 { padding-top:140px;}
    .tabpt145,.tabp145-0 { padding-top:145px;}
    .tabpt150,.tabp150-0 { padding-top:150px;}
    .tabpt155,.tabp155-0 { padding-top:155px;}
    .tabpt160,.tabp160-0 { padding-top:160px;}
    .tabpt240 { padding-top:240px;}


    .tabResImage{padding-bottom:56.25%;}
    .tab-right{text-align:right}
    .tab-left{text-align:left}

    .tabw50 {width: 50%}
    .tabw100 {width: 100%}
    .tabBlock{display:block; margin-right:0;}
    .tabTop10 { padding-top: 10px; }
    .tabTop20 { padding-top: 20px; }
    .tabTop30 { padding-top: 30px; }

    /*  Slick slider  */

    .slick-prev { left: 15px;}
    .slick-next { right: 15px;}
    .slick-next, .slick-prev { bottom: 0px;  }

    .pr110{padding-right:30px;}

    

    /****** Banner Section ******/
    .homeBannerSection.bannerSection { min-height: 378px; padding-top: 140px; padding-bottom: 140px;}
    .bannerStripContent { font-size: 14px;}
    /****** End Banner Section ******/

    /****** Two Column Section ******/
    .twoColCrmShape { max-width: 100px;}

    /*****  What We Do  ******/
    .whatWeBoxInner { padding: 34px;}


    .knowledgeHubSliderMain button.slick-next,.knowledgeHubSliderMain button .slick-prev { top: 320px; bottom: inherit; }


    .circleShape { width: 1000px; height: 1000px;}
    .knowledgeHubSliderMain .slick-slide.slick-current+.slick-slide .knowledgeHubSliderContent { opacity: 0; visibility: hidden; } 
    .knowledgeHubSliderGroup { padding-right: 15px;}

    /*****  Solution Page  ******/
    .generalBanner .navInner {  display: block;}
    .generalBanner .navList {  margin: 10px 0 0 0;}
    .generalBanner .customWidthOption{min-height:200px;}
    .generalBanner.bannerNav {  padding-top: 130px; min-height: auto; padding-bottom: 70px;}

    .twoColumnContent .rightBox {  padding: 44px 31px 45px 24px;}
    .twoColumnContent .iconBox>div { height: 56px; width: 56px;  line-height: 56px;}
    .twoColumnContent .rightBox {   width: 100%;}
    .twoColumnContent .leftInner , .twoColumnContent .leftBox{padding:0px;}
    .twoColumnContent .rightBox {  margin-top: 50px;}

    .CTASection_withImage .parentBox {  padding: 50px 30px 60px;}
    .CTASection_withImage .contentBox{min-height:auto;}
    /*****  End Solution Page  ******/

    /***** Solution Inner Page  ******/
    .body-container--solution-inner {  padding-top: 180px;}
    .oneColContent_image .titleIcon{display:none;}
    .oneColContent_image .responsiveIconBox {  display: inline-block; position: relative; left: inherit; top: inherit; margin-bottom: 22px;}  
    .oneColContent_image .imageShape>img, .only_image .imageShape>img { width: 100px;}
    .oneColContent_image .imageShape, .only_image .imageShape   { top: 20px;}
    /*****  End Solution Page  ******/

    /*****  About Page  ******/

    /*  About Banner Section  */
    .aboutBannerSection.generalBanner { min-height: 600px;}
    .bottom-video-text-box { padding-left: 30px; }
    .team-information *+h6 { margin-top: 15px;}
    .bottom-video-text-sec { border-top-left-radius: 70px; }
    /*****  End About Page  ******/

    /*****  * Technology Page  ******/

    /*  Technology Banner Section  */
    .technologyBannerSection.generalBanner {min-height: 600px;}

    /*****   Case Study Page  ******/

    /*  Case Study Banner Section  */
    .caseStudyBannerSection.generalBanner {min-height: 600px;}

    /*****   Case Study Inner Page  ******/
    .three-row-sec .bannerShape { max-width: 610px; width: 100%; top: 100px;}
    .cd-back-text { width: 140px; }
    .cd-two-col-text {  width: calc(100% - 140px); }
    .row-sec-full-img { margin-left: -16px; margin-right: -16px; }


    /*****   Landing Pages  ******/

    /*  Landing Page 2  */
    .lpVer2FormStyling.formResetStyling { padding: 47px 25px 54px;}
    .lpBannerVer2RightSide { width: 380px;}
    .lpBannerVer2LeftSide { width: calc(100% - 380px);}

    .recent-post .blogIndexPostImageWrapper img {height: 250px;} 
    /* Lp CRM      */
    .testinomial-slider .slick-dots { bottom: -50px;}
    .shapebg .lpBannerBottomSection { padding: 100px 60px 150px 60px !important;  }
    .accordian .accordion-container .accordion-title { font-size: 26px; }
    .shapebg .lpBannerTopSection { padding-bottom: 100px; }
    .twoColLpCrm   .leftBox .titleBox h2 { font-size:28px  !important; }
    .relevantCases .twoColCrmTecLeftSide img { margin-top: -332px; }
    .shapebg .leftBottom { display: none; }
    .accordian .bottomInfo .rightBottom p { max-width:100%; }
    .relevantCases .twoColCrmTecRightSide { width:100%; padding-top: 50px; }
    .bannerSectionVer2.homeBannerSection.bannerSection  {  padding-bottom: 70px;  }


    .shapebg .circleShape {transform: translateX(-63%) translateY(-30%);}
    .font66 h1,.font60 h1 { font-size: 50px; }
    /*     .font60 h1{ font-size: 46px; } */
    .accordian.shapebg .bottomInfo .rightBottom p { margin: inherit; padding-bottom:20px; }
    /*  Home New Lp    */
    .TextLeftSection .largeText h2 { font-size: 32px; line-height: 1.19; }

    /*  Home New */
    .TabbingHomeNew .TabbbingRight {  padding-left: 0; padding-top: 40px;}
    .TabbingHomeNew .tab {max-width:100%;}
    .TabbingHomeNew .font48 h2 {font-size: 40px; } 
    .IconwithTwoColHome .largeText h2{  font-size: 32px;}
    .PromotersHome .itemBoxes { padding-top:0; } 
    .PromotersHome .titleBox h2 {font-size: 42px;}
    .PromotersHome .bottomRight { padding: 40px; }   
    .PromotersHome .bottomRight {  font-size: 42px; line-height: 1.19; }
    .PromotersHome.twoColumnContent .rightBox { margin-top: 80px; }
    .HomeTwoCol .twoColCrmTecRightSide { padding-left: 20px; }
    .HomeTwoCol.swapPositionDesktop .twoColCrmTecRightSide { padding-right: 20px; }
    .TechnoStyle .tagStyling h2 { font-size: 60px; }
    .HomeTestinomial.testimonialSectionWithSlider.testimonialSection .sectionShape { width: 85px; }
    .HomeTestinomial .customWidthOption {   max-width: 100%!important; }
    .HomeTestinomial .testinomial-slider { padding-left: 0px; }

    /*  Ontwikkeling   */
    .cuexHomeAccordian span.realizeImg img { height: 510px; opacity: 0.5; }
    .Ontwikkeling-ban img { height: 470px; opacity: 0.4; }
    .OntwikkelingAccordian .twoColCrmShape { left:-250px; }


    /*  footer Above Markup */

    .SingleColModule .IntegrationParent>div>img { width: 50px;  height: 50px;} 


    .SingleColModule .IntegrationParent>div { padding: 35px; }
    .SingleColModule .IntegrationParent { max-width:240px; }
    .contentFormating h2 { font-size: 32px; line-height: 1.25; }
    .formLpIntegration .formRight .left-help-you-sec { max-width: 100%; margin-top: 80px; }

    /*  Integration Banner */
    /* Providers with accordian */
    .providersWithAccordian .providerTitle { text-align: center; }
    .formLpIntegration .form-integration-info .form-info-title small { padding-top: 32px; }
    .providersWithAccordian .accordian.shapebg .accordion-container .accordion-title { font-size: 25px; }
    /* cuexlp2 */
    .bannerSection.LpIntegrationBanner { padding: 100px 0 65px 0; }
    .twoColIntegrationSection span.twoColIntegrationShape { top: -100px; }
    .twoColIntegrationSection span.twoColIntegrationShape img { height: 430px; }
    .IntegrationBanner .bannerIntegrationShape img { height: 640px; }
    .bannerSection.IntegrationBanner { padding-bottom:130px; }
    .SingleColModule .two-col-text h2 { margin-top: 34px; }
    .SingleColModule .IntegrationParent .IntegrationMiddleImg img { height: 23px; width: 23px; }
    .providersWithAccordian .shapebg { border-radius: 0; } 
    .providersWithAccordian .providerShape { left: 50%; top: -130px; transform: translateX(-50%); }
    .providersWithAccordian .providerBlock { margin:0 auto; }
    .formLpIntegration .form-integration-info .form-info-title h3 { font-size:24px; }
    .FormWithImageModule .CuexLpForm { max-width: 100%;padding: 60px; }
    .FormWithImageModule .formRightSideInner { flex-direction: column-reverse;padding-top: 60px; padding-bottom: 60px; }
    .FormWithImageModule .formRightContent { text-align: center; }
    .FormWithImageModule .faqAccordian .leftIcon img { height: 55px; }
    .FormWithImageModule .faqAccordian .leftIcon { width: 55px; }
    .FormWithImageModule .faqAccordian .RightContent { padding-left: 20px; width: calc(100% - 55px); }
    .CuexLpForm h3 { font-size: 32px; }
    .FormWithImageModule .CuexLpForm .form-title { margin-bottom:32px; }
    .providersWithAccordian .accordian.shapebg .accordion-container .accordion-title.open:after { top: 10px; }
    .providersWithAccordian .accordian.shapebg .accordion-container .accordion-title:after { top: 10px; }

    .jobPostBanner .bannerShape img { height: 490px; } 
    .multiStepFormModuleForJob .form-info-title h3 { font-size: 24px; line-height: 1.07;}
    .multiStepFormModuleForJob .form-job-info .ms-form-steps { margin-bottom: 29px; }
    /*     .applicationSlider .slick-next { right:30px; }
    .TeamSliderModule .slick-next { right:30px; } */

    /*bannerver3-css*/
    .bannerSectionVer3 .banner-image{border-radius: 0 0 0 200px;} 
    .bannerSectionVer3 .font66 h1 {font-size: 48px;}
    .teamBlock.slick-slide.slick-current.slick-active + .teamBlock.slick-slide.slick-active + .teamBlock .teamBlockInner .temMemberInformation  { display:none;}
    /*     .bannerSectionVer3 .banner-image img{height:570px;} */
    .bannerSectionVer3 .banner-image { height: 580px; }
    .heroSectionJobListingModule { padding:155px 0 240px 0; }
    .heroSectionJobListingModule .heroSectionJobListShape img { height: 540px; object-fit: cover; }

    /* job footer */
    .jobFooter .footerAddress ul li { font-size: 16px; line-height: 1.125; margin-top: 9px; }
    .jobFooter .footerContactInfo { display:block; } 
    .jobFooter .footerRightMain { max-width: 400px; }
    .jobFooter .footerAddress ul li:not(:first-child) { margin-top: 18px; }
    .footerContactInfo { display:block;}
    
    .multiStepFormModuleForJob fieldset.form-columns-1 .hs-input { width:100% !important; }
    .jobPostBanner .bannerLeft { width: 150px; }
    .jobPostBanner .bannerRight { width: calc(100% - 150px); }
    .multiStepFormModuleForJob .form-job-info .ctaWrapper .right .StepText { padding-left: 10px; padding-right: 10px; }
    .multiStepFormModuleForJob .hs_a.hs-a.hs-fieldtype-file.field.hs-form-field { padding: 50px 50px 0; }
    /*     .multiStepFormModuleForJob .hs-form-field legend { width: calc(100% - 88px)!important; top: 39%; left: 44px; } */

    .contact-ver2 .bannerParent { padding-top: 85px; }

    /* three column module  */
    .threeColModule .threeColOutter { justify-content: center; }
    .contact-ver2 .ContentVer2Parent { padding-bottom: 85px; }
    .contact-ver2 .contact-binfo { padding-bottom: 120px;  }
    .contact-form-ver2 input[type=email], .contact-form-ver2 input[type=number], .contact-form-ver2 input[type=password], .contact-form-ver2 input[type=tel], .contact-form-ver2 input[type=text], .contact-form-ver2 select, .contact-form-ver2 textarea { font-size: 20px; line-height:2.1; padding: 13px 15px; }
    
    
    .lp-banner-v2.generalBanner { min-height: 600px; }
    .lp-banner-v2 .bannerTitle h1 {margin-top: 20px;}
    .lp-banner-v2 .bannerTitle h2 {font-size: 28px; margin-top: 20px;}
    .lp-banner-v2 .bannerShape img {height: 200px;}
    .lp-banner-v2 .eventBannerSubtitle h5:first-child:after {height: 30px; top: -3px;}
    .signup-event-section .twoColCrmTecRightSide {padding-left: 60px;}
    .signup-event-section .twoColCrmShape {height: 300px; max-width: 320px;}
    .faqSection .shapebg .accordion-container {padding-top: 10px;}
    .signupThankyouBanner.generalBanner {min-height: auto;}
    .signupThankyouBanner.contact-banner-srt .bannerShape {bottom: -17vw; height: auto; width: auto;}
    .articlesModule .articlesWrap {padding-bottom: 0;}
    .thankyouCTA_withImg form { flex-direction: column; align-items: flex-start; }
    .thankyouCTA_withImg form .hs_email { margin-bottom: 0; }
    .thankyouCTA_withImg.CTASection_withImage .singleColCTARightSide { width: 190px; }
    .thankyouCTA_withImg.CTASection_withImage .singleColCTALeftSide { width: calc(100% - 190px); }
    .thankyouCTA_withImg.CTASection_withImage .contentBox h3 { font-size: 20px; }
    .thankyouCTA_withImg.CTASection_withImage .contentBox { min-height: 55px; }
    .CTASection_withImage.thankyouCTA_withImg .parentBox { padding: 85px 45px; }
    .thankyouCTA_withImg form ul.no-list.hs-error-msgs { position: static; }
    .thankyouCTA_withImg form .hs_submit {margin-top: 30px;}
    .signupThankyouBanner.thankyou-banner .bannerTitle h1 {font-size: 32px;}
    .lp-banner-v2 .boxCtaAnim a { font-size: 18px; line-height: 1.3; padding: 12px 20px; }
    .lp-banner-v2 .boxCtaAnim a:after { height: 11px; margin-left: 25px; width: 7px; top: -2px; }
    .three-col-team-sec-v2 .teamBlock.slick-slide.slick-current.slick-active+.teamBlock.slick-slide.slick-active+.teamBlock .teamBlockInner .team-information {
        display: none;
    }
    .three-col-team-sec-v2::before {height: 330px;}
    .TeamSliderModule.three-col-team-sec-v2 .slick-next {bottom: 35px;}
    
    
    .whitetopTitle h1 { font-size:50px; }
/*     .contact-banner-srt.whitepaper_hero .customWidthOption { max-width:380px!important; }  */
    .whitepaper_hero.thankyou-banner .bannerShape { max-width:370px; } 
    .whitepaper_hero .whitepaper_inwap { max-width:360px!important; }
    .whitepaper_wrap .whitehero_img { margin-right: 123px;  margin-top: 45px;  max-width: 240px; }
      
       
}


@media(max-width:767px){

    h1,.mobileHeading1{font-size:32px; line-height:1.19;}
    h2,.mobileHeading2{font-size:28px; line-height:1.21;}
    .two-col-text-icon .largeText h2 { font-size:32px; line-height:1.19; }
    h3, .ctaHeading h3, .ctaHeading h3 span, .mobileHeading3{font-size:20px !important; line-height:1.3 !important;}
    h4, .mobileHeading4 {font-size:18px; line-height:1.22;}
    h5, .mobileHeading5{font-size:15px; line-height:1.66;}
    h6, .mobileHeading6{font-size:16px; line-height:1.25;}
    .font30,.font30 h3{ font-size:20px; line-height:1.3;}
    .font84 h2 { font-size:56px; line-height: 0.78; }
    .mobileHeading1,.mobileHeading2,.mobileHeading3,.mobileHeading4,.mobileHeading5,.mobileHeading6{font-weight:600;}

    .mobileFont19,.mobileFont19 h4{ font-size:19px; line-height:1.23 }
    .mobileFont14,.mobileFont14 h5{ font-size:14px; }
    .mobileFont24 h2 {font-size:24px; line-height:1.25;}
    .mobileFont20 { font-size: 20px; line-height:1.3; }

    .mtop10{margin-top:10px;}
    .mtop20{margin-top:20px;}
    .mtop30{margin-top:30px;}
    .mbottom30{margin-bottom:30px;}
    .mp0,.mpt0{padding-top:0!important}
    .mp0,.mpb0{padding-bottom:0!important}
    .mpl0,.mp0-0{padding-left:0!important;}
    .mpr0,.mp0-0{padding-right:0!important;}
    .mobile-left{text-align:left;}
    .mobile-center{text-align:center;}
    .mobile-center.text-right{text-align:center;}
    .mobilMax100{max-width:100%; width:100%;}
    .mw50{width:50%;}
    .mw100,.row-fluid .forTabw50{width:100%;}
    .mBlock{display:block;margin-right:0;}
    .mobileHide{display:none; }
    .OntwikkelingBgImg  .mobileHide { display:none !important; }

    .reversOrderMobile .twoColCrmTecLeftSide{order:1;}
    .reversOrderMobile .twoColCrmTecRightSide{order:2;}
    /*   .swapPositionDesktop.swapPositionDesktopOn .twoColCrmTecRightSide {order:1}
    .swapPositionDesktop.swapPositionDesktopOn .twoColCrmTecLeftSide {order:2} */
    .font48 h2 { font-size:32px; line-height:1.18; }
    .font138 h1,.font138 h2 { font-size: 74px; line-height: 0.91; }
    .font110 h1 { font-size: 32px; }

    .mobilept0,.mobilep0-0{ padding-top:0px;}
    .mobilept5,.mobilep5-0{ padding-top:5px;}  
    .mobilept10,.mobilep10-0 { padding-top:10px;}
    .mobilept15,.mobilep15-0 { padding-top:15px;}
    .mobilept20,.mobilep20-0 { padding-top:20px;}
    .mobilept25,.mobilep25-0 { padding-top:25px;}
    .mobilept30,.mobilep30-0 { padding-top:30px;}
    .mobilept35,.mobilep35-0 { padding-top:35px;}
    .mobilept40,.mobilep40-0 { padding-top:40px;}
    .mobilept45,.mobilep45-0 { padding-top:45px;}
    .mobilept50,.mobilep50-0 { padding-top:50px;}
    .mobilept55,.mobilep55-0 { padding-top:55px;}
    .mobilept60,.mobilep60-0 { padding-top:60px;}
    .mobilept65,.mobilep65-0 { padding-top:65px;}
    .mobilept70,.mobilep70-0 { padding-top:70px;}
    .mobilept75,.mobilep75-0 { padding-top:75px;}
    .mobilept80,.mobilep80-0 { padding-top:80px;}
    .mobilept85,.mobilep85-0 { padding-top:85px;}
    .mobilept90,.mobilep90-0 { padding-top:90px;}
    .mobilept95,.mobilep95-0 { padding-top:95px;}
    .mobilept100,.mobilep100-0 { padding-top:100px;}
    .mobilept105,.mobilep105-0 { padding-top:105px;}
    .mobilept110,.mobilep110-0 { padding-top:110px;}
    .mobilept115,.mobilep115-0 { padding-top:115px;}
    .mobilept120,.mobilep120-0 { padding-top:120px;}
    .mobilept125,.mobilep125-0 { padding-top:125px;}
    .mobilept130,.mobilep130-0 { padding-top:130px;}
    .mobilept140,.mobilep140-0 { padding-top:140px;}


    .mobilepb0,.mobilep0-0{ padding-bottom:0px;}  
    .mobilepb5,.mobilep5-0{ padding-bottom:5px;}  
    .mobilepb10,.mobilep10-0 { padding-bottom:10px;}
    .mobilepb15,.mobilep15-0 { padding-bottom:15px;}
    .mobilepb20,.mobilep20-0 { padding-bottom:20px;}
    .mobilepb25,.mobilep25-0 { padding-bottom:25px;}
    .mobilepb30,.mobilep30-0 { padding-bottom:30px;}
    .mobilepb35,.mobilep35-0 { padding-bottom:35px;}
    .mobilepb40,.mobilep40-0 { padding-bottom:40px;}
    .mobilepb45,.mobilep45-0 { padding-bottom:45px;}
    .mobilepb50,.mobilep50-0 { padding-bottom:50px;}
    .mobilepb55,.mobilep55-0 { padding-bottom:55px;}
    .mobilepb60,.mobilep60-0 { padding-bottom:60px;}
    .mobilepb65,.mobilep65-0 { padding-bottom:65px;}
    .mobilepb70,.mobilep70-0 { padding-bottom:70px;}
    .mobilepb75,.mobilep75-0 { padding-bottom:75px;}
    .mobilepb80,.mobilep80-0 { padding-bottom:80px;}
    .mobilepb85,.mobilep85-0 { padding-bottom:85px;}
    .mobilepb90,.mobilep90-0 { padding-bottom:90px;}
    .mobilepb95,.mobilep95-0 { padding-bottom:95px;}
    .mobilepb100,.mobilep100-0 { padding-bottom:100px;}
    .mobilepb105,.mobilep105-0 { padding-bottom:105px;}
    .mobilepb110,.mobilep110-0 { padding-bottom:110px;}
    .mobilepb115,.mobilep115-0 { padding-bottom:115px;}
    .mobilepb120,.mobilep120-0 { padding-bottom:120px;}
    .mobilepb125,.mobilep125-0 { padding-bottom:125px;}
    .mobilepb130,.mobilep130-0 { padding-bottom:130px;}
    .mobilepb140,.mobilep140-0 { padding-bottom:140px;}

    .mobilepl16,.mobilep16-0 { padding-left:16px;}
    .mobilepr16,.mobilep16-0 { padding-right:16px;}

    .pr110{padding-right:16px;}
    .font104 h1 { font-size: 48px; }
    /*  Footer Section  */
    .footerDetailRightSide,.footerCopyRight { font-size: 14px;}


    /* Two Column Section */
    .relevantCases  .twoColCrmTecLeftSide { padding-right: 0px;}
    .twoColCrmTecRightSide { padding-left: 0px;}
    /****** Two Column Section ******/
    .swapPositionDesktop .twoColCrmTecRightSide { padding-left: 0; padding-right: 0px;}
    .swapPositionDesktop .twoColCrmTecLeftSide { padding-right: 0; padding-left: 0px;}
    .swapPositionDesktop.swapPositionDesktopOn .twoColCrmTecLeftSide{padding-top:0;}
    .swapPositionDesktop.swapPositionDesktopOn .twoColCrmTecRightSide{padding-top:60px;}
    .twoColCrmTechnologySection.defaultPositionSwaping .twoColCrmTecLeftSide { order: 1; padding-top: 0;}
    .twoColCrmTechnologySection.defaultPositionSwaping .twoColCrmTecRightSide { order: 2; padding-top: 60px;}
    .case-alternate.defaultPositionSwaping .twoColCrmTecLeftSide { order: 1; padding-top: 0;}
    .case-alternate.defaultPositionSwaping .twoColCrmTecRightSide { order: 2; padding-top: 45px;}

    .imageFull{margin:0 -16px;}
    .imageFull img{width:100%;}


    /************
    Home Page  
    ***************/
  
  
    .baseModuleStyle { overflow: hidden; }
    .baseModuleStyle.bannerSection { overflow: unset; }
  .bannerShape { transform: translateY(50%); bottom: 0; }
 
    .homeBannerSection .bannerTitle h4 { font-size: 20px !important; font-weight: 500 !important; line-height: 28px !important; width: 200px; }
    .homeBannerSection .overFlowHiddenItem h1 { font-size: 44px !important; font-weight: 500 !important; line-height: 52px !important; width: 326.983px; }
    .scroll-container .nextSectionScroll { bottom: -32px; left: 16px !important; }
    .scroll-container .scroll-mask { width: 64px;  height: 64px; }
    .scroll-container .scroll-element { width: 64px; height: 64px; }
   
    .customer-section .customer-text-block { padding-right: 0; }
     .customer-section .customer-text-block h1::after { height: 11px; bottom: 3px; }
    .customer-section .customer-text-row { flex-direction: column; }
    .customer-section .customer-text-row h1 { font-size: 80px; font-weight: 700; line-height: 73px; max-height: 73px; max-width: 189px; }
    .customer-section .customer-text-row p { margin: 0; font-size: 18px; font-weight: 600; line-height: 22px; }
    .customer-section .customer { flex-direction: column; }
    .customer-section .customer-logo-grid { grid-template-columns: repeat(2, 1fr); }
    .customer-section .customer-description { width: 100%; height: 44px; }
    .customer-section .customer-logo-item { width: 100%; height: 120px; }
    .customer-section .customer-reviews-link { margin-top: 20px; }
    .customer-section .customer-logo-grid { margin-top: 0; }
    
  
    .foldable-info-section { border-radius: 0 50px 0 0 !important; }
    .foldable-info-section .foldable-info h1 { width: 100%; height: 399px; font-size: 32px; font-weight: 500; line-height: 36px; }
    .foldable-info-section .foldable-info h3 { font-size: 28px !important; font-weight: 600; line-height: 34px !important; }
    .foldable-info-section .toggle-title-holder img { width: 50px; height: 50px; }
    .foldable-info-section .toggle-header { flex-direction: column; padding-left: 0; }
    .foldable-info-section .toggle-section.active { border-radius: 60px 0 0 0; }
    .foldable-info-section .toggle-section.active .toggle-header { padding-left: 30px; }
    .foldable-info-section .toggle-section.active .toggle-title-holder img { max-width: 64px; max-height: 64px; margin: 0; } 
    .foldable-info-section .toggle-section.active .toggle-title-holder { flex-direction: column; align-items: start; }
    .foldable-info-section .toggle-section.active .toggle-title { text-align: left; line-height: 26px; margin-top: 28px; } 
    .foldable-info-section .toggle-section.active .extra-info { width: 264px; align-self: start; margin: 40px 0 0 0; }
    .foldable-info-section .extra-info-header { font-size: 18px; font-weight: 600; line-height: 22px; }
  
    .diagram-section .diagram-header { max-height: 113px; }
    .diagram-section .diagram-header h1 { font-size: 54px; font-weight: 700;line-height: 47.687px; }
    .diagram-section .diagram-header h1:after { height: 10px; bottom: 10px; } 
    .diagram-section .header-svg { display: none; }
    .diagram-section .diagram-content-wrapper { flex-direction: column; align-items: start; gap: 0; }
    .diagram-section .diagram-text-content h2 { font-size: 28px; font-weight: 600; line-height: 34px; max-width: 100%; margin-bottom: 28px; }
    .diagram-section .diagram-text-content { width: 100%; max-width: 326px; max-height: unset; margin-top: 0; }
    .diagram-section .diagram-text-content p { font-size: 16px; font-weight: 400; line-height: 25px; width: 100%; }
    .diagram-section .venn-diagram { width: 100%; height: 330px; }
    .diagram-section .venn-diagram img { max-width: 100% !important; }
    .diagram-section .diagram-header-wrapper { padding-bottom: 0; }
    
    .cases-section .casesSectionTitle { font-size: 28px; line-height: 34px; }
    .cases-section .circleShape { transform: translateX(-50%); max-height: 1123px; max-width: 1123px; }
    .cases-section .casesBottomSection { padding: 0; }
    .cases-section .cases-container { margin: 0; max-height: 650px; }
    .cases-section .case-card:first-child { width: 280px; height: 280px; top: 50px; }
    .cases-section .case-card:nth-child(2) { width: 280px; height: 280px; left: 48px; top: 278px; }
    .cases-section .case-card:nth-child(3) { width: 280px; height: 280px; left: 24px; top: 508px; }
    .cases-section .casesAllBtn { top: 790px; }
    .eBookCenterImageResize img {box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);}
    .ebookRotateImg { transform: rotate(-3deg); }
    .cases-section .case-overlay { top: 24px; left: 24px; font-size: 18.667px; }
    .cases-section .sub-link { padding-right: 0; }
    .cases-section .casesBottomMainSection { height: 1030px; }
  
  
    .two-col-text-icon .two-col-text { margin: 0; }
  
    .twoColIntegrationSection .twoColCrmTecRightSide { width: 100%; max-width: 100%; }
    .twoColIntegrationSection .twoColCrmTecLeftSide { width: 100%; max-width: 100%; }
    .twoColIntegrationSection .twoColCrmTecLeftSide img { margin: 0; }
  
    .twoColumnContent .leftBox { width: 100%;}


    .footer .footerBottomNavigation .hs-menu-wrapper ul { flex-direction: column; }
  
  
    .PromotersHome .titleBox h1 { font-size: 42px; font-weight: 600; line-height: 48px; width: 328px; }
    .PromotersHome.twoColumnContent .rightBox { margin-top: 70px; }
    .PromotersHome.twoColumnContent .twoColInner { flex-direction: column; }
  
    .promoter-section { border-radius: 50px 0 0 0; }
  
    .footer .footerAddress { margin-right: 0; }
    .footer .footerLowerNavigation .hs-menu-wrapper ul { flex-direction: column; }
    /*****  Banner Section  ******/
    .bannerShape img { height: 221px;}
    .generalBanner .bannerShape img { height: 180px;}
    .nextSectionScroll{display:none;}

    .twoColCrmTecLeftSide{position:relative;}
    .twoColCrmShape { left: -16px;}
    .swapPositionDesktop .twoColCrmShape { left: inherit; right: -16px;}
    .twoColCrmTecLeftSide { order: 2;}
    .twoColCrmTecRightSide { order: 1;}

    .swapPositionDesktop.swapPositionDesktopOn .twoColCrmTecLeftSide { order: 1;}
    .swapPositionDesktop.swapPositionDesktopOn .twoColCrmTecRightSide { order: 2;}


    /*****  Logo Module  ******/
    .logoGroupRepeat { width: 33.33%;}

    /*****  What We Do Module  ******/
    .whatWeBoxIconMobile { width: 55px; height: 55px; line-height: 55px; text-align: center; border-radius: 50%; } 
    .whatWeBoxIconMobile img { max-width: 35px; } .whatWeBoxTitle { width: calc(100% - 55px); padding-right: 10px; }

    /*****  Cases Module  ******/
    .casesCenterRightDecription { width: 100%; padding-left: 0;}
    .casesCenterRightSide { padding-left: 15px; padding-right: 15px; padding-top: 80px;}
    .casesBottomSection .content-wrapper { padding-left: 0; padding-right: 0; } 
    .casesBottomMainSection { padding-left: 16px; padding-right: 16px; border-radius:80px 0 0 0; padding-top: 200px; } 
    .circleShape { transform: translateX(-35%);}
    .casesSectionMainImg { margin: 0 -16px;  }
    .knowledgeHubLeftInner{min-height:auto;}

    /************
    Case Study Inner Page  
    ***************/
    .three-row-sec .bannerShape { max-width: 300px; top: 220px; left: -60px;}


    /************
    About Page  
    ***************/

    .mobilefont16 { font-size: 16px;}

    /*****  About Banner Section  ******/
    .aboutBannerSection.generalBanner .bannerShape img { height: 220px;}

    .video-sec, .bottom-video-text-sec, .bottom-video-text-title { margin-left: -16px; margin-right: -16px; }
    .bottom-video-text-sec {  border-top-left-radius: 0; }
    .bottom-video-text-box { padding: 20px 16px; }
    .bottom-video-text-title {  background-color:#FFFFFF;  border-top-left-radius: 50px; }
    .bottom-video-sec { margin-top: 70px; }
    .team-information *+h6 {  margin-top: 5px; }
    .two-col-with-icone .two-col-text { padding-left: 0; width: 100%; }
    .two-col-icone { width:100px; margin-bottom: 40px; }
    .two-col-text * + h2 { margin-top: 25px;}

    /************
    * Technology Page
    ***************/

    /*  Technology Banner Section  */

    /************
    Solution Page  
    ***************/
    .twoColumnContent .leftInner { display: block;  }
    .twoColumnContent .iconBox {padding:0px;}
    .twoColumnContent .iconBox>div img{width:32px;}
    .twoColumnContent .leftContentBox { width: 100%;  margin: 24px 0 0 0; padding-left: 0px;  }

    .CTASection_withImage {padding-bottom:0px;}
    .CTASection_withImage .parentBox{padding-left:16px;padding-right:16px;margin: 0px -16px;}
    .CTASection_withImage .singleColCTARightSide ,
    .CTASection_withImage .singleColCTALeftSide {  width: 100%;}
    .CTASection_withImage .singleColCTALeftSide {  padding-right: 0px;}



    /************
    Solution Inner Page  
    ***************/
    .body-container--solution-inner { padding-top: 105px;}
    .oneColContent_image .bottomBoxDetail *+h4{margin-top: 50px;}
    .oneColContent_image .imageShape.mb-hide-shape, .only_image .imageShape.mb-hide-shape { display:none;}
    .singleColImageBox img{max-width:150px; width:100%;}

    .blogSubscriptionFormParent .form_btn2 form input[type='email']{padding:13px; font-size:18px;}


    .bannerTitle { padding-top: 120px; }
.custom-gradient .baseModuleOverlay {   background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 78.97%, rgba(0, 0, 0, 0.70) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 50%) !important; }
 
  
    /* Blog Tags */
    .tagBaseLeftInner.nolistStyle li a{font-size:18px;}
    /* 50 hubspot hacks  */
    .twoColCrmTecLeftSide { padding-right: 0; }

    /************
    Contact Us Page  
    ***************/
    .contact-banner-srt.generalBanner { padding-top: 125px;  }
    input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='number'], select, textarea {font-size: 20px; }
    .contact-add-list { justify-content: flex-start;}

    .contact-add-list .contact-info-items { width: 100%; margin-bottom: 25px; margin-left:0; margin-right:0; }
    .contact-add-list .contact-info-items:last-child { margin-bottom: 0; }
    .content-wrapper.cont-banner-info-gr { padding-left: 0; padding-right: 0; }
    .contact-banner-srt .bannerShape { top: 57%; transform: translateY(-50%); bottom: auto; }
    .contact-banner-srt .bannerShape img { height: 220px; }
    .form-contact-srt .hs_submit{text-align:left;}

    /************
    Case Detail Page  
    ***************/

    .mpl0{padding-left:0!important}
    .mpr0{padding-right:0!important} 

    .cd-back-text, .cd-two-col-text, .outter-top-col-content, .row-top-col-logo { width:100%; }
    .only_image .imageShape>img { width: 118px; }
    .only_image .imageShape { top: 40px; }
    .outter-top-col-content { padding-left:0px; }
    .right-help-box {  padding-left: 20px; padding-right: 20px; padding-bottom: 50px; padding-top:60px; }


    .oneColContent_image .titleIcon, .oneColContent_image .responsiveIconBox{height: 56px; width: 56px; line-height: 56px;}
    .responsiveIconBox img { max-width: 28px;}
    .cd-two-col-text-Inner-Img img{max-width:max-content;max-height: 60px; width:100%}


    form fieldset {  margin: 0 !important; }
    form fieldset .field { padding-left: 0; padding-right: 0; }

        .header.v2 .navigation .hs-menu-wrapper .megaMenu .megaMenuParent .right-content { display: none; }
    .header.v2 .navigation .hs-menu-wrapper .megaMenu .megaMenuParent .left-content .title { display: none; }

    /************
    Landing Page  
    ***************/

    /*  Footer Section  */
    .lpFooterSection { text-align: center; }
    .lpFooterMainSection {display: inline-block;margin: 0 auto;vertical-align: middle;justify-content: inherit;align-items: inherit;} 
    .footerLpLogo { display: block; width: 100%; } 
    .footerLpLogo img { max-width: 170px;}
    .footerHubspotDiamondLogo{display: inline-block; line-height: 1.2;}
    .footerLpRightSide { width: 100%; padding-left: 0; padding-top: 55px; } 

    .header.v2 .navigation .hs-menu-wrapper ul { 
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .left-content li a { transition: 0.3s color ease-in-out; -webkit-transition: 0.3s color ease-in-out; }
    .header.v2 .navigation .hs-menu-wrapper ul li.ActivatedMenu:hover .megaMenu .megaMenuParent .left-content li a:hover { color: #666665; }
  
    /*  Landing Page 1  */
    .lpHubspotHacksForm .form-info-title.pb60 { padding-bottom: 20px;}
    .lpHubspotHacksForm .form-info-title *+p { margin-top: 15px;  }

    /* Landing Page ver2 */
    .headerLPSection{padding-top:60px;}
    .lpHeaderSpacing {padding-top:110px;}

    .lpBannerTopRightSide { width: 100%; text-align: center;}
    .lpBannerTopLeftSide { width: 100%; padding-right:0;}
    .lpBannerShape svg { width: 918px; height: 918px; overflow:visible; }
    .lpBannerShape { left: 50%;top: -215px; transform: translateX(-50%); }
    .lpBannerTopRightImage img { max-width: 201px !important; width: 100%;}

    /*  Landing Page Ver2  */
    .lpBannerVer2LeftSide,.lpBannerVer2RightSide { width: 100%;}
    .lpBannerVer2 { padding: 140px 0 70px;}
    .lpBannerVer2LeftSideInner { max-width: 100%;}
    .lpVer2FormStyling.formResetStyling { padding: 60px 16px;}
    .lpVer2FormStyling.formResetStyling h3{margin-bottom:30px;}

    .recent-post .blogIndexPostImageWrapper img {height: 180px;}
    .recent-post .blogIndexSectionGroup{padding-bottom:80px;}
    .recent-post .blogIndexRepeat { width: 100%;}

    .thankyou-banner .bannerShape { top: 92%; bottom: inherit; } 
    .thankyou-banner.generalBanner { min-height: inherit; }
    .contact-banner-srt .bannerShape img { height: 250px; }
    /*  Home New    */
    .TextLeftSection .largeText h2 { font-size: 28px; line-height: 1.21; }
    .HomeTwoCol .twoColCrmTecLeftSide {  padding-top: 80px; padding-right:0; }
    .TextLeftSection .two-col-text { padding-left:0; }
    .formModuleLpCrm .formLeft { width: 100%; }
    .HomeTwoCol.swapPositionDesktop .twoColCrmTecRightSide { padding-right:0; }
    /*  Lp Crm   */
    .formModuleLpCrm .formLeft {width: 100%; }
    .formModuleLpCrm .bottomForm .content-wrapper { max-width: 100%;  padding-left: 0;  padding-right: 0; }
    .formModuleLpCrm .form-contact-info { padding: 80px 16px 80px 16px; }
    .formModuleLpCrm   .form-contact-srt .hs_submit { text-align: right; }
    .formModuleLpCrm .formRight { padding-left: 16px; padding-bottom: 30px; }
    .relevantCases .twoColCrmTecLeftSide img { margin-top: -1012px; }
    .Lp-Crm .logoGroupRepeat { width: 50%; }
    .bannerSectionVer2 .bannerImg img { max-width: none !important; }
    .Lp-Crm .font72 h1 { font-size: 44px !important; }
    .Lp-Crm .shapebg .circleShape { transform: translateX(-18%) !important; }    
    .lpBannerTopSection { position: relative; z-index: 1; padding-bottom: 0;  padding: 0 16px;}
    .mobileTopCircleShap {  position: absolute;  bottom: 100%;  width: 100%;left: 0; line-height: 0;}
    .mobileTopCircleShap svg { line-height: 0; width: 100%;}
    .mobileBottomCircleShap { position: absolute; top: calc(100% - 80px); width: 100%; left: 0; line-height: 0;  z-index: 5;}
    .lpBannerTopRightSide { position: relative;  z-index: 5;  padding-bottom: 40px; overflow: hidden;  }
    .accordian .bookShap { right: -30px; }
    .bookShap {position: absolute;bottom: -60px;width: 60%;right: 0;line-height: 0;z-index: -1;height: 100%;}
    .lpBannerForm.formResetStyling.pt40.mobilept45 {  z-index: 2;}
    .bookShap svg { line-height: 0;}
    .shapebg .lpBannerTopSection:after {  content: '';   position: absolute; top: -1px; left: 0;  width: 100%; height: calc(100% - 80px); background-color: #333333; z-index: -1;}
    .lpBannerTopLeftSide {  position: relative;  z-index: 3; }
    .lpBannerTopRightImage { position: relative; z-index: 5; }
    .mobileBottomCircleShap svg {width: 100%;line-height: 0;}
    /* .lpVer1BannerTitle { padding-top: 160px; } */
    .mobileTopCircleShap{ display:block; }

    .shapebg .content-wrapper {  padding: 0; }
    /* .lpBannerShape { display:none; } */
    .shapebg { padding-top:0; }
    .bookShap , .mobileBottomCircleShap { display: block;} 
    .shapebg .lpBannerBottomSection {padding: 120px 16px 0 16px !important; z-index: 0; position: relative; }
    .shapebg  .bottomSection { padding: 119px 16px 0; }
    .accordian .accordianContent p { max-width:100%;  }
    .relevantCases .twoColCrmTecLeftSide { width:100%; }
    .relevantCases .twoColCrmTecLeftSide img { margin-top: -317px; }
    .formModuleLpCrm .left-help-you-sec { padding-right:0;  }
    .shapebg .lpVer1BannerTitle { padding-top: 115px;}
    .shapebg  .lpVer1BannerContent,.shapebg .formResetStyling form   {padding-right:16px;}
    .shapebg .lpBannerTopSection { padding: 0 0 0 16px; }
    .formModuleLpCrm .form-info-title h3 { font-size: 24px; line-height:1.08; }
    .formModuleLpCrm form .field { padding: 0 0 16px; }
    .formModuleLpCrm .form-contact-srt .hs_submit { padding-top:12px; }
    .formModuleLpCrm .topContent { padding-bottom: 120px; padding-top: 80px; }
    .formModuleLpCrm .topContent p { margin-top: 35px; }
    .bannerSectionVer2 .bannerImg img { right:0px; }
    .bannerSectionVer2 .bannerContent P { max-width: 100%; }
    .bannerSectionVer2.homeBannerSection.bannerSection { padding-bottom: 60px; }
    .twoColLpCrm .itemBoxes:first-child { padding-top: 75px !important; }
    .twoColLpCrm .itemBoxes { padding-top: 80px !important; padding-bottom: 0 !important; padding-left: 0; padding-right: 0; }
    .twoColLpCrm .titleTwoCol h2 { margin-top: 15px; }
    .accordianParentLp { overflow: visible !important }
    .twoColLpCrm .twoColumnParent {   margin: 0 0px; }
    .shapebg .accordion-container { padding-top: 35px; }
    .accordian.shapebg .accordion-content { padding: 20px 0 0px 0; }
    .accordian.shapebg .accordion-container .accordion-title { font-size:20px; line-height:1.3; }
    .accordian.shapebg .accordion-container .accordion-title.open::after { top:62%; }
    .shapebg { border-radius: 0 0 0 0px; }
    .testimonialSectionWithSlider.testimonialSection .sectionShape { width:74px; }
    .testimonialSectionWithSlider.testimonialSection .sectionShape.mobileShow { width:auto; transform: none; top: 7px; }
    .Lp-Crm .testimonialTitle {  padding-right: 0; }
    .twoColLpCrm .titleTwoCol h2 br { display: none; }
    .accordian.shapebg .bottomInfo .rightBottom p { padding-bottom: 0px; }
    .HomeNewLp .bannerShape img { height: 204px; position: relative; right: -50px; }
    .HomeNewLp { overflow: hidden; }
    .HomeNewLp .button a { padding: 10px 18px; }
    span.image-gradient { background: radial-gradient(50% 50% at 50% 50%, #10B8E0 0%, rgba(22, 22, 23, 0) 100%); height: 130px; transform: translate(-50%,-50%); width: 97.78px;   }

    /*  Home New    */
    .IconwithTwoColHome .two-col-with-icone .two-col-text { width:100%; padding-left:0 }
    .HomeTwoCol  *+p { margin-top: 15px; }
    .TechnoStyle .tagStyling h2 {  font-size: 56px; line-height: 1.10; }
    .TechnoStyle .twoColCrmTecLeftSide { padding-top: 16px; }
    .TabbingHomeNew p{  font-weight:400; }
    .TabbingHomeNew .font48 h2 { font-size: 32px; line-height: 1.18; }
    .TabbingHomeNew .tab button {  padding: 20px 0 16px; font-size: 20px; line-height: 1.3; }
    .TabbingHomeNew .tab button.active:after { top: 70%; }
    /*  .Ontwikkeling    */
    .cuexHomeAccordian  .realizeTabbbingParent  { display:none; }
    .accordion-container { display:block !important; }
    .cuexHomeAccordian .accordion-container { border-bottom: 1px solid hsla(0,0%,100%,.2); }
    .cuexHomeAccordian .rightIcon img { height: 55px; width: auto; }
    .cuexHomeAccordian.TabbingHomeNew{  padding-bottom: 65px;  } 
    .HomeTwoCol .twoColCrmTecRightSide { padding-left: 0px; }
    .HomeTestinomial.testimonialSectionWithSlider.testimonialSection .sectionShape { width: 78px; top: 8px; right: -2px; transform: none; }
    .PromotersHome.twoColumnContent .rightBox { width: 100%; }
    .PromotersHome .topRight { padding: 50px 30px 34px 34px; }
    .HomeCases .casesBottomSection { padding-top: 110px; }
    .HomeCases .casesBottomMainSection { padding-top: 85px; }
    .HomeCases .button { padding-top: 26px; }
    .SmileFirstIcon { width: 28px; }
    .SmileIconContent { width: calc(100% - 28px); }
    .SmileIconContent h3 { font-size: 24px; line-height: 1.167; } 
    .minus h5 { font-size: 14px; line-height: 1.14; }
    .IconwithTwoColHome .two-col-icone { width: 46px; }
    .Ontwikkeling-ban img { height: 100%; padding-top: 80px; }
    .Ontwikkeling-ban.homeBannerSection.bannerSection { padding-bottom: 60px;  }
    .Ontwikkeling-ban .customWidthOption { max-width:100% !important; }
    .Ontwikkeling-ban .bannerTitle h5+h1 { margin-top: 16px; }
    .Ontwikkeling-ban .button { padding-top: 24px; }
    .cuexHomeAccordian span.realizeImg img  { display:none;  }
    .PromotersHome .bottomRight { padding: 27px 29px 47px 29px; }
    .HomeTestinomial .testimonialTitle { padding-top: 14px; } 
    .PromotersHome.twoColumnContent .rightBox { border-radius: 0 0 60px 0; }
    .CrmCms .whatWeContent p { font-size: 16px; font-weight: 400; line-height: 1.56; }
    .cuexHomeAccordian .font48 h2 {  font-weight: 600;font-size: 32px;line-height: 1.187; margin-top: 20px; }
    .twoColCrmTechnologyParent { flex-direction: row-reverse; }
    .OntwikkelingAccordian .faqAccordian { position: relative;  z-index: 990; }
    .OntwikkelingAccordian .FullImageWidth {  position: relative;  z-index: 990; }
    .OntwikkelingAccordian .twoColCrmTecLeftSide { padding-right: 0; }
    .OntwikkelingAccordian .twoColCrmShape { left: 0; }
    .Ontwikkeling-form.formModuleLpCrm .topContent p { margin-top: 35px; }
    .Ontwikkeling-ban .bannerTitle {  padding-top: 10px; }
    .OntwikkelingAccordian .accordionTitle h3 { font-size:20px; line-height:1.3; }


    /*  footer Above Markup */
    .providersWithAccordian .providerBlock {margin: 0 auto;}
    .providerTitle {text-align: center;}

    /* .providersWithAccordian .shapebg {padding-top: 50px;} */
    .accordianParentLp.providersWithAccordian {overflow: visible !important;}

    .providersWithAccordian .providerImg{width:66px;height:66px;}
    .providersWithAccordian .providerinfoBlock{width:calc(100% - 66px);}
    .providersWithAccordian .providerBlock{padding:28px;}
    /* .lpBannerParentVer1 .content-wrapper{padding:0 16px;}  */ 


    /*  Integration Banner */
    .IntegrationBanner .bannerIntegrationShape img { height: 700px; }
    .IntegrationBanner .bannerIntegrationShape { right: -458px; top: -150px; }
    .IntegrationBanner .bannerSection { padding-top:150px; }
    .IntegrationBanner .IntegartionBanImg.mobileShow img { width: 100%; object-fit: contain; }
    .IntegrationBanner .IntegartionBanImg.mobileShow { margin: 0 -20px; }
    .IntegrationBanner .shapebg { padding-top:120px; border-radius: inherit; }
    .providersWithAccordian .shapebg { border-radius: inherit !important;  }
    .providersWithAccordian .providerShape { background-color: #f0f0f0; border-radius: 50%; bottom: unset; height: unset; left: unset; position: unset; top: 0; width: unset; }
    .providersWithAccordian .shapebg .lpBannerBottomSection { border-radius:0; }
    .formLpIntegration .form-contact-srt .hs_submit { text-align: right; }
    /* cuexlp2 */
    .twoColIntegrationSection span.twoColIntegrationShape img { height: 220px; }
    .twoColIntegrationSection.swapPositionDesktop .twoColCrmTecLeftSide { padding-left:0; }
    .twoColIntegrationSection span.twoColIntegrationShape { left: -113px; right: unset; top: unset; bottom: 3px; }
    .providersWithAccordian .lpBannerBottomParentSection:before { z-index:0; }
    .providersWithAccordian .accordian.shapebg .accordion-container .accordion-title { font-size: 20px; line-height: 1.3; }
    .providersWithAccordian .accordian.shapebg .accordion-container .accordion-title { padding-right: 40px; }
    .SingleColModule .bottomContent { max-width: 400px; width: 100%; margin: 0 auto; }
    .providersWithAccordian .providerShape img { position: absolute; height: 865px; width:100%; top: -40px; left: 50%; transform: translateX(-50%); z-index:2; }
    .providersWithAccordian::after { content: ''; height: 20%; width: 100%; background-color: #FFF; position: absolute; left: 0; top: 0; z-index: 1; } 
    .providersWithAccordian .shapebg .accordion-container .accodianParent { padding: 28px 0; }
    .formLpIntegration input[type='text'], .formLpIntegration input[type='email'], input[type='password'], .formLpIntegration input[type='tel'], .formLpIntegration input[type='number'], select, .formLpIntegration textarea { font-size: 18px;}
    .lpIntegrationModule .footerLpRightSide { padding-top: 44px; }
    span.formlpShape.mobileShow { height: 700px; width: 700px; top: 87px; bottom: 0; right: calc(100% - 71vw); position: absolute; margin: auto; }
    .formLpIntegration span.formlpShape img { height: 100%; width: 100%; }
    .formLpIntegration .formlpShape.mobileShow img { bottom: unset; height: unset; left: unset; width: unset; }
    .providersWithAccordian .accordian.shapebg .accordion-content { padding-top:16px; }

    /* Two Column Left Image Right Content Module v2  */
    .twoColIntegrationSection .twoColCrmTecRightSide p { padding-right: 0px; }
    .SynchronizeObjectsModule .two-col-text h2 { margin-top: 23px; }
    .SynchronizeObjectsOutter { margin-top: 40px; margin:0 -16px; }

    /*  SynchronizeObjectsModule  */
    .SynchronizeObjectsModule .SynchroniseerobjectRepeater .SynchroniseerobjectInner {  min-height: 160px; height: 100%; flex-wrap: wrap; padding: 37px 10px; justify-content: center; }
    .SynchronizeObjectsModule .SynchroniseerobjectRepeater { align-items: inherit; } 
    .SynchronizeObjectsModule .SynchroniseerObjectContent { padding:14px 0 0 0;font-size: 18px; width: 100%; line-height:1.22; }
    .SynchronizeObjectsModule .SynchroniseerobjectRepeater .SynchroniseerIcon,.SynchronizeObjectsModule .SynchroniseerObjectContent { text-align:center; }
    .SynchronizeObjectsModule .SynchroniseerobjectRepeater .SynchroniseerIcon { height: 44px; }
    .SynchronizeObjectsModule .SynchroniseerobjectRepeater .SynchroniseerIcon img { max-height:44px; }

    .SynchronizeObjectsOutter { border:none; border-radius:0; }
    .SynchronizeObjectsModule .bottomContent { padding-left: 16px; padding-right: 16px; }
    .SynchronizeObjectsModule .SynchronizeObjectsParent>div {  border-radius:0; }  
    .SynchronizeObjectsModule .SynchroniseerobjectRepeater>div { padding: 0 8px;}
    .SynchronizeObjectsModule .SynchroniseerobjectConnectivity { position: absolute; padding:0 !important; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0; z-index: 200; max-width: max-content; }
    .SynchronizeObjectsModule .SynchroniseerobjectRepeater { position: relative; margin: 0 -8px; }
    .SynchroniseerobjectRepeater .SynchroniseerobjectLeft, .SynchroniseerobjectRepeater .SynchroniseerobjectRight { width:50%; }
    .SynchronizeObjectsModule .SynchroniseerobjectRepeater .SynchroniseerobjectRight .SynchroniseerobjectInner .SynchroniseerObjectContent { padding-left:0; }

    .lpAccordianOutter.providersWithAccordian::after { content: none; }
    .FormWithImageModule .faqAccordian .leftIcon { width: 100%; }
    .FormWithImageModule .faqAccordian .RightContent { width: 100%; padding: 34px 0 0 0; }
    .FormWithImageModule .faqAccordian { padding: 0 16px; }
    .FormWithImageModule .lpAccordianOutter .faqContent p { font-weight: 600; }
    .FormWithImageModule .CuexLpForm { padding-left:16px; padding-right:16px; }
    .FormWithImageModule .hs-submit { padding-top: 12px; }
    .FormWithImageModule span.FormAccordianShape { display:none; }
    .FormWithImageModule .RightImage img { height: 135px; }
    .FormWithImageModule .formRightContent h3 { font-size: 23px; line-height: 1.17; font-weight: 700; }
    .SynchroniseerobjectConnectivity.mobileShow img { height: 17px; object-fit: cover; }
    .FormWithImageModule .contentParentBox { flex-direction: column-reverse; }
    .LpIntegrationBanner .IntegrationParent { margin-top: 39px; }
    .LpIntegrationBanner .IntegrationParent > div { padding-top: 35px ; padding-bottom:35px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
    .LpIntegrationBanner .IntegrationParent > div > img { height: 50px; width: 50px; }
    .LpIntegrationBanner .IntegrationParent { max-width:240px; }
    .LpIntegrationBanner .IntegrationRightImageWrapper,.SynchronizeObjectsParent .IntegrationRightImageWrapper { height:50px; width:50px; }
    /* .LpIntegrationBanner .IntegrationRightImageWrapper img { height:9px; } */
    .LpIntegrationBanner .IntegrationParent .IntegrationMiddleImg img,.SynchronizeObjectsModule .SynchronizeObjectsParent .IntegrationMiddleImg img { height: 22px; width: 22px; }
    .SynchronizeObjectsModule .SynchronizeObjectsParent>div>img { width:50px; height:50px; }
    .SynchronizeObjectsModule .SynchronizeObjectsParent>div { padding:34px; }
    .FormWithImageModule .CuexLpForm input[type=email], .FormWithImageModule .CuexLpForm input[type=number], .FormWithImageModule .CuexLpForm input[type=password], .FormWithImageModule .CuexLpForm input[type=tel], .FormWithImageModule .CuexLpForm input[type=text], .FormWithImageModule .CuexLpForm textarea { font-size:18px; padding-top:14px; padding-bottom:14px; } 
    .FormWithImageModule .CuexLpForm form { padding-right:0;  }

    .jobPostBanner .bannerShape img { display:none; }
    .jobPostBanner .rightIcon img { width: 32px; height: 32px; }
    .blog-post-banner-sec { flex-direction: column; } 
    .jobPostBanner .bannerRight { padding-top: 55px; }
    .bannerSection.jobPostBanner { padding-top: 105px; } 
    .bannerSection.jobPostBanner { padding-bottom: 250px; }
    .cuex-job-post p+h4 { margin-top: 41px; line-height: 1.22; }
    .BenefitsModule .BenefitsBlock { padding:20px 8px; }
    .BenefitsModule .BenefitsBlockRepeater { margin:0 -8px; }
    .BenefitsModule .BenefitsBlock .BenefitsBlockInner .BenefitsImage img { height: 34px !important; object-fit: contain; }
    .BenefitsModule .BenefitsBlock .BenefitsBlockInner .BenefitsImage { padding-top:33px; padding-bottom:33px;  }
    .jobTwoColModule .twoColCrmTechnologyParent { flex-direction: column-reverse; }
    .jobPostBanner .bannerLeft,.jobPostBanner .bannerRight { width:100%; }

    .applicationModule .applicationTitle h2 { margin-top:23px; }
    .applicationSlider .slick-dots { bottom: -66px;}
    .multiStepFormModuleForJob .topContent span { padding-left: 0 !important; }
    .multiStepFormModuleForJob span.formJobShape.mobileShow { bottom: 171px; }
    .multiStepFormModuleForJob input[type=email], .multiStepFormModuleForJob input[type=number], .multiStepFormModuleForJob input[type=password], .multiStepFormModuleForJob input[type=tel], .multiStepFormModuleForJob input[type=text], .multiStepFormModuleForJob select{ font-size: 18px;line-height: 1.22; }


    /*bannerver3-css*/
    .bannerSectionVer3 .banner-img-section {display: flex;flex-wrap: wrap;}
    .bannerSectionVer3 .banner-image-part {justify-content: normal;order: 2;margin-top: 60px;}
    .bannerSectionVer3 .banner-detail {position: static;transform: none;} 
    .bannerSectionVer3 .banner-content {padding-right: 0;}
    .bannerSectionVer3 .banner-image {border-radius: 0 0 0 150px;}
    .bannerSectionVer3 .banner-image {   height: 440px;}
    .multiStepFormModuleForJob .form-job-info .ctaWrapper { margin-top: 8px;}
    .multiStepFormModuleForJob .left-help-you-sec h3 {font-size:21px;line-height: 30px;font-weight: 600;}
    .multiStepFormModuleForJob .left-help-you-sec { max-width: 100%; border: none; padding-left: 0; padding-right: 0; }
    .multiStepFormModuleForJob .help-you-text {padding-left: 32px;}

    .applicationSlider .slick-next { right: calc(17.5% - 46px); z-index: 10; }
    .TeamSliderModule .slick-next { right: calc(18.5% - 46px); } 

    /* applicationModule Light */
    .applicationModuleLight .blogPostBlockInformation { flex-direction: column; text-align: center; }
    .applicationModuleLight .blogPostBlockInformation .blogPostName h3+h5 { margin-top: 12px; }
    .applicationModuleLight .blogPostBlockInformation { padding:44px; }
    .applicationModuleLight .blog-post__tags ul li,.applicationModuleLight .vacancies { padding-right: 40px; }
    .applicationModuleLight .blog-post__tags ul li a { font-size:18px;line-height: 1.22;  }
    .heroSectionJobListingModule .heroSectionJobListingParent h1 { font-size:32px; line-height:1.18; }


    /* job footer */
    .jobFooter .footerLeftSide { padding-right:0; }
    .multiStepFormModuleForJob h2 {text-align:right;}
    .jobFooter .footerLowerNavigation .hs-menu-wrapper ul li a { font-size:15px; line-height:1.66; }

    .teamSlider .slick-list { padding: 0 18.5% 0 0; }
    .applicationSlider .slick-list { padding: 0 18.5% 0 0; }
    .TeamSliderModule .teamBlockInner { padding: 0 16px 0 0; }
    .applicationModule { border-radius: 0 50px; }
    .TeamSliderModule .teamMemberName h4 { line-height: 1.22; }
    .form-job-info form .field { padding-bottom: 16px; }
    .multiStepFormModuleForJob .form-job-info { padding-right:0;  }
    .form-job-info form .hs-button { padding: 10px 42px 10px 17px; }
    .multiStepFormModuleForJob .form-job-info .ctaWrapper .right .StepText { padding: 0 10px; }

    .applicationModule .applicationShape { left: -377px; top: -139px; }
    .applicationModuleLight .filter { font-size: 18px; line-height: 1.22; }
    .applicationModuleLight .vacanciesList { justify-content: flex-start; }
    .applicationModuleLight .blog-post__tags ul li { padding-top: 8px; padding-bottom: 8px; }
    .applicationModuleLight .vacanciesList { padding-bottom: 4px; }
    .applicationModule .applicationShapeMobile { position: absolute;right: 0; top: -80px;z-index: 1; }
    .threeColModule .threeColBlock { padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px; }

    .contact-banner-srt.contact-ver2 .bannerShape img { height: 220px;  }
    .threeColModule .contactVer2BannerImg img { margin-top:0; }
    .contact-banner-srt.contact-ver2 .bannerShape { bottom: 270px; right: -49px; }
    .contact-ver2 .bannerParent { padding-top:0; } 
    .contact-banner-srt.generalBanner { padding-bottom: 120px; } 
    .threeColModule  { overflow:hidden; } 
    .threeColModule .contactVer2BannerImg { margin: 0 -20px; }
    .threeColModule .contactVer2BannerImg img { margin-top: auto; } 
    .threeColModule .threeColOutter { margin:0; }
    .heroSectionJobListingModule .bannerTitle h5+h1 { margin-top: 7px; }
    .applicationModuleLight .blogPostBlockInformation > div { max-width: 280px;width: 100%;text-align: left; }
    .jobFooter .footerRightMain { max-width: 230px; }
    .contact-ver2.contact-banner-srt.generalBanner { padding-bottom:0; }
    .threeColModule .threeColBlockInner{padding: 50px 40px 50px; height:calc(100% - 216px); } 
    .contact-form-ver2 { border-radius: 0 0 50px 0; }
    .contact-form-ver2 .form-info-title h3 { font-size: 20px; line-height:1.3; }
    .threeColImage img {border-radius: 0 0 25px 0; height:216px; }
    .contact-ver2 .bannerTitle h5+h1 { margin-top: 5px; }
    .changeresizeIcon form textarea { background: url('https://5652218.fs1.hubspotusercontent-na1.net/hubfs/5652218/Cuex_theme_assets_Oct-21/images/resizeMobileIcon.svg');background-repeat:no-repeat; background-position: bottom right; }
    .contact-form-ver2 .actions { text-align: right; }
    .contact-form-ver2 .form-info-title { text-align: center; }
    .lpJobModule .footerLpJobRightSide img { height: 28px; }
    .lpJobModule .footerLpJobLogo img { height: 29px; }
    .lpJobModule .lpFooterJobSection { justify-content: center; align-items: center; gap: 13px; }
    .providersWithAccordian .providerRepeater { margin:0; }
    .providersWithAccordian .providerBlockOutter { padding-left:16px; padding-right:16px; }
    .twoColIntegrationSection .twoColCrmTecLeftSide img { width: 100%; object-fit: contain; }
    .font66 h1 , .font60 h1{ font-size: 44px; }
    /*     .font60 h1{ font-size: 44px; line-height: 1.27; } */
    .IntegrationBanner.bannerSection { padding-top: 150px; }
    .IntegrationBanner .IntegartionBanImg.mobileShow img { height: auto; object-fit: cover;  }
    .providersWithAccordian .accordian.shapebg .accordion-container .accordion-title.open:after, .providersWithAccordian .accordian.shapebg .accordion-container .accordion-title:after { right:0; }
    .providersWithAccordian .shapebg .accordion-container { padding-top: 30px; }
    .FormWithImageModule .CuexLpForm .form-title { font-size: 32px; line-height: 1.25; }
    
    
    .headerLPLogo a svg path {fill: #000000;}
    .lp-banner-v2 .eventBannerSubtitle h5 {font-size: 16px;}
    .lp-banner-v2 .eventBannerSubtitle h5:first-child:after {height: 25px; right: 12px;}
    .lp-banner-v2 .eventBannerSubtitle h5:first-child {padding-right: 30px;}
    .lp-banner-v2 .bannerTitle h2 {font-size: 20px;}
    .lp-banner-v2.generalBanner {min-height: 530px;}
    .lp-banner-v2 .bannerShape img { height: 180px; }
    
    .faqSection .providersWithAccordian::after {display:none;}
    .signup-event-section.multiStepFormModuleForJob h2 { text-align: left; }
    .signup-event-section .twoColCrmTecRightSide { padding-left: 0; }
    .faqSection .shapebg .lpBannerBottomSection { padding: 70px 16px 0 !important; }
    .signup-event-section .twoColCrmTecLeftSide .FullImageWidth {padding: 0 16px; position: relative;}
    .signup-event-section .twoColCrmShape { height: auto; max-width: 100px; left: -20px; top: calc(50% + 30px); transform: translateY(-50%); }
    .faqSection.faqSeperateModule .shapebg .lpBannerBottomSection { padding: 70px 16px 80px !important; }
    .signup-event-section .twoColCrmTechnologySection {overflow: unset;}
    .signup-twoCol.swapPositionDesktop .twoColCrmTecRightSide { padding-right: 0; }
    .signup-twoCol.swapPositionDesktop .twoColCrmTecLeftSide { padding-left: 0;}
    .signupThankyouBanner.contact-banner-srt.generalBanner { padding-bottom: 0; }
    .articlesWrap { flex-direction: column; align-items: center; }
    .inner-team-sec.p40-0 { padding-bottom: 20px; padding-top: 20px; }
    .signup-event-section.multiStepFormModuleForJob .form-columns-2>div { width: 100% !important; }
    .signup-event-section .form-contact-srt.formResetStyling.lpFormNew Form input[type=email],
    .signup-event-section .form-contact-srt.formResetStyling.lpFormNew Form input[type=number],
    .signup-event-section .form-contact-srt.formResetStyling.lpFormNew Form input[type=password],
    .signup-event-section .form-contact-srt.formResetStyling.lpFormNew Form input[type=tel],
    .signup-event-section .form-contact-srt.formResetStyling.lpFormNew Form input[type=text],
    .form-contact-srt.formResetStyling.lpFormNew .hs-fieldtype-checkbox>label span { font-size: 18px; }
    .thankyouCTA_withImg.CTASection_withImage .contentParentBox { flex-direction: column; }
    .thankyouCTA_withImg.CTASection_withImage .singleColCTALeftSide { width: 100%; padding: 0; }
    .thankyouCTA_withImg.CTASection_withImage .singleColCTARightSide { width: 100%; }
    .thankyouCTA_withImg form input[type=email] { max-width: 341px; width: 100% !important; }
    .thankyouCTA_withImg form .hs_email { padding: 0 0 0 0; }
    .thankyouCTA_withImg form input[type=email],
    .thankyouCTA_withImg form input[type=number],
    .thankyouCTA_withImg form input[type=password],
    .thankyouCTA_withImg form input[type=tel],
    .thankyouCTA_withImg form input[type=text],
    .thankyouCTA_withImg form select,
    .thankyouCTA_withImg form textarea { font-size: 18px; }
    .CTASection_withImage.thankyouCTA_withImg .parentBox { padding: 60px 30px; }
    .articlesModule .articlesRepeater {margin: 0; padding: 15px 0;}
    .signupThankyouBanner .bannerTitle h1 br {display: none;}
    .lp-banner-v2 .bannerTitle h1 { font-size: 72px; }
    .lp-banner-v2 .bannerTitle h2 { font-size: 32px; }
    .TeamSliderModule.three-col-team-sec-v2 .team-main-title {padding-right: 16px;}
    .articlesModule .articleMainGroup .articleTitle {padding: 0 25px;}
    .articlesModule .articleMainGroup .articleTitle span {width: 100%; display: block;}
    
    /**/
    .whitetopTitle h1 { font-size:44px; }
    .whitepaper_hero.thankyou-banner { padding-bottom:190px; margin-bottom:120px; }
    .whitepaper_hero.thankyou-banner.contact-banner-srt .bannerShape { max-width: 90%; top: auto; bottom: 0; transform: translateY(0); width:100%; display: inline-block; }
    .whitepaper_hero.thankyou-banner.contact-banner-srt .bannerShape img { max-width: 350px; width: 100%; }
    .whitepaper_hero.bannerSection.contact-banner-srt { margin-bottom:0; }
    .whitepap_box { width:100%; position:relative; z-index:1;  margin: 0 auto 20px;  max-width: 350px; }
    .whitepap_box .selectlabel { width:100%;  display:block; color: #000; text-align: left; font-weight:500; border:1px solid #ccc; padding:14px 30px 14px 19px; font-size: 16px; line-height: 24px; background:#fff; position:relative; }
    .whitepap_box .selectlabel:before { position:absolute; content:"\f107"; font-family:'fontAwesome'; font-weight:bold; right: 18px; top: 50%; transform: translateY(-50%); font-size: 18px; line-height:0; margin-top: 0;  transition:all .6s ease; }
    .whitepap_box .selectlabel.active:before { transform: translateY(-50%) rotate(180deg); margin-top: 3px; transition:all .6s ease; }  
    .whitepap_box .whitepap_list { position:absolute; content:""; left:0; top:100%; border:1px solid #ccc; display:none; background:#fff; padding:0; margin:6px 0 0; }
    .whitepap_box .whitepap_list a { width:100%; margin:0; display:inline-block; padding:10px 15px; }
    .morebtn { margin-top:50px; }
    .whitepaper_hero .whitepaper_inwap { max-width:100%!important; }
    .whitepaper_hero.contact-banner-srt.whitepaper_hero .customWidthOption { max-width:100%!important; } 
    
    .whitepaper_news.blogSubscriptionFormSection { padding-bottom:0; } 
    .whitepaper_wrap .whitehero_img { margin:40px auto 0; width:100%; max-width:300px; }
    .whitepaper_hero.contact-banner-srt.whitepaper_hero .customWidthOption { padding-bottom:0; } 
    
    
    
}   
 

@media(max-width:630px){
    .form-contact-srt.formResetStyling.lpFormNew form ul.multi-container li{ padding-right: 0; width: 100%;}
    .form-contact-srt.formResetStyling.lpFormNew Form .hs-fieldtype-checkbox{ padding: 20px 20px; }
    .Ontwikkeling-ban .bannerShape { width: 100%; position: unset; } 
    .Ontwikkeling-ban img {opacity: 1;  width:100%; }
    .signup-event-section {overflow: hidden;}
    .articlesModule .articlesRepeater {width: 100%;}
}
@media(max-width:600px){
    .BenefitsModule .BenefitsBlock { width:50%; }
    .teamBlock.slick-slide.slick-current.slick-active + .teamBlock .teamBlockInner .temMemberInformation  { display:none;}
    .three-col-team-sec-v2 .teamBlock.slick-slide.slick-current.slick-active+.teamBlock .teamBlockInner .team-information {
        display: none;
    }
}

@media(max-width:575px){
    .generalBanner .navList ul li {  display: block;  padding: 0px;}
    .generalBanner .navList ul {  margin: 0px;}
    .lp-banner-v2 .bannerShape img { height: 140px; }
    .lp-banner-v2.bannerSection { padding-top: 120px; }
}

@media(max-width:480px){
    
    /*  Logo Module  */
    .logoGroupRepeat { width: 50%;}
    .circleShape { transform: translateX(-50%);}
    .bannerStripParent { justify-content: center;}
    .bannerStripContent { width: calc(80% - 9px);}

    .generalBanner { min-height: 90vh; padding-top:140px; padding-bottom: 140px;}
    .generalBanner .bannerNavigation {  padding-bottom: 0px; padding-top: 20px;  }
    .generalBanner.bannerNav {  padding-bottom: 200px;  }
    .generalBanner.bannerNav{min-height:90vh; padding-bottom:100px;}
    .generalBanner .customWidthOption {  min-height: auto;  }


    .casesCenterTopBtn{justify-content: space-between;}


    .testimonialSection .sectionShape {  width: 100px;  transform: translateY(0px);  top: 0;}
    .testimonialSection .testimonialBottomBox {   display: block;}
    .testimonialSection .authorName_organization {  margin-left: 0px;  margin-top: 20px;}
    .testimonialSection .sectionShape {  width: 80px;}
    .testimonialSection .testimonialBottomBox {  padding-top: 30px;}
    .team-img { height: 328px; background-position: top center;}
    /*   .team-img-hover{background-position: top -40px center;} */

    /*  About Banner Section  */
    .aboutBannerSection.generalBanner { min-height: 90vh;}
    .technologyBannerSection.generalBanner { min-height: 90vh;}
    .videoContentSection .circleShape { transform: translateX(-40%); width: 500px; height: 500px;}

    /*  Case Study Banner Section  */
    .generalBanner{min-height:90vh;}
    .caseStudyBannerSection.generalBanner {min-height: 90vh;}
    /************
    Case Study Inner Page  
    ***************/
    .three-row-sec .bannerShape { top: 300px;}
    .row-services-box li:first-child {    display: block; width: 100%; padding-bottom: 5px;}
    .row-services-box li:nth-child(2) { padding-left: 0;}

    input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='number'], select, textarea{ width: 100% !important; }

    .eBookCenterImageResize img { max-width: 201px; width:100%; }
    .HomeCases .eBookCenterImageResize img  { max-width: 195px;  } 
    /*  Landing Page   */

    .lpBannerShape {top:-19%;} 
    /*   .lpBannerShape svg { width: 850px; height: 850px;} */
    .HomeNewLp.baseModuleStyle { background-position: 45%center !important; }
    .HomeCases .casesSectionMainChangeHeight img { object-position: 44%center !important; }
    .HomeCases .casesCenterSection { padding-top: 45px; }


    .formLpIntegration .formRight .left-help-you-sec {  padding: 0; border: none; }
    .applicationModule .applicationTitle {max-width: 330px;}
    .applicationSlider .slick-dots { left: -20px; }
    .heroSectionJobListingModule .heroSectionJobListShape img { height: 341px; }  
    .heroSectionJobListingModule { padding-bottom: 90px; }
    .form-job-info .submitted-message { font-size: 18px; padding: 30px; }
}


@media(max-width:399px){
    .lpBannerShape { top: -14%; }
}
@media(max-width:360px){
    .videoContentSection .circleShape { transform: translateX(-50%); }


    .bannerSectionVer2 .bannerImg img {  right: 0; }
    /* Lp CRM     */
    .bannerSectionVer2 .bannerImg img { width: 410px; }

    .Lp-Crm .bannerSectionVer2 .bannerSubTitle h5 { margin-bottom: 10px; }
    .Lp-Crm .bannerSubTitle { padding-top: 10px; }
    .testimonialSectionWithSlider .testimonialTitle h3 { word-break: break-all; }  
    .formModuleLpCrm .topContent h2 { max-width: 260px; margin: 0 auto; }
    .HomeCases .circleShape {  transform: translateX(-45%); }
    .cuexHomeAccordian { padding-top: 10px; }
    .cuexHomeAccordian .accordion-container .accordion-title.open:after, .cuexHomeAccordian .accordion-container .accordion-title:after { top: 46%; }
    .HomeNewLp.baseModuleStyle { background-position: 42%center!important; }
    .HomeNewLp .baseModuleOverlay { background: linear-gradient(156deg, rgba(0, 0, 0, 0.63) 51.57%, rgba(0, 0, 0, 0.3) 67.52%, rgba(0, 0, 0, 0.08) 83.08%) !important; }
    .HomeTwoCol .twoColCrmTecRightSide .pt20 { padding-top: 18px; }
    .HomeCases .casesSectionMainImg.pt50 { padding-top: 40px; }
    .OntwikkelingAccordian .leftTopFaqIcon img { width: 55px; height: 55px !important; }
    .OntwikkelingAccordian .twoColCrmShape { bottom: 540px; }

    /* Integration Banner */
    .bannerSection { padding-top: 150px; }
    .SingleColModule .two-col-text h2 { margin-top: 23px; }
    .formLpIntegration span.formlpShape img { bottom: 290px; left: -160px; width: 700px; height: 700px; }
    .SingleColModule .bottomContent { max-width: 260px; width: 100%; margin: 0 auto; }
    .providersWithAccordian::after { display:none; }
    .formLpIntegration .formRight .left-help-you-sec h3 , .multiStepFormModuleForJob .left-help-you-sec h3 { font-size:21px; }


    .CuexLpForm form .field { padding: 0 0 16px; }
    .FormWithImageModule .formRightContent h3 { max-width: 156px; }
    .lpBannerTopRightSide { padding-top:82px; }
    .lpBannerShape {top:-12%;} 
    .applicationModule .applicationShape { top: -79px; left: -607px; }

    /* applicationModule Light */
    .applicationModuleLight .vacanciesList { flex-direction: column; align-items: flex-start; }
    .applicationModule .applicationBlockInner { padding-left: 32px; }
    .applicationModule .applicationImg { margin-left: -27px; }
    .multiStepFormModuleForJob .hs-richtext.hs-main-font-element h5 { margin-bottom:24px; }
    .multiStepFormModuleForJob .form-job-info .ctaWrapper { position:relative; }
    .multiStepFormModuleForJob .form-job-info .ctaWrapper .left a { padding-left:15px; padding-right:15px; }
    .jobFooter .hubspotPartnerParent { max-width: 270px; }
    .contact-ver2 .bannerTitle{ max-width:300px; }
    .contact-ver2 .cont-banner-img { background-position: 53% center; }
    .contact-form-ver2 input[type=email], .contact-form-ver2 input[type=number], .contact-form-ver2 input[type=password], .contact-form-ver2 input[type=tel], .contact-form-ver2 input[type=text], .contact-form-ver2 select, .contact-form-ver2 textarea { font-weight: 400; }
    .contact-form-ver2 form .field { padding: 0 0 17px; }
    /* integraties */
    .IntegrationBanner .IntegartionBanImg.mobileShow img { height: 221px; }
} 
@media(max-width:350px){
    .navigation>span>.hs-menu-wrapper>ul>li>a { font-size:32px; }
    .bannerStripContent { width: calc(100% - 9px);}
    .font138 h1, .font138 h2 { font-size: 65px; }
    .multiStepFormModuleForJob .form-job-info .ctaWrapper { display: block; }
    .multiStepFormModuleForJob .form-job-info .ctaWrapper .right { justify-content: space-between; }
    /*     .headerTest .navigation>.hs_cos_wrapper>.hs-menu-wrapper>div>ul>li>a { font-size: 32px; } */
    .headerTest .childExpand { top:10px; }
}

@keyframes trackBallSlide{
    0%{opacity:1;transform:scale(1) translateY(-10px)}
    6%{opacity:1;transform:scale(.9) translateY(2.5px)}
    14%{opacity:0;transform:scale(.4) translateY(20px)}
    15%,19%{opacity:0;transform:scale(.4) translateY(-10px)}
    28%,29.99%{opacity:1;transform:scale(1) translateY(-10px)}
    30%{opacity:1;transform:scale(1) translateY(-10px)}
    36%{opacity:1;transform:scale(.9) translateY(2.5px)}
    44%{opacity:0;transform:scale(.4) translateY(20px)}
    45%,49%{opacity:0;transform:scale(.4) translateY(-10px)}
    58%,59.99%{opacity:1;transform:scale(1) translateY(-10px)}
    60%{opacity:1;transform:scale(1) translateY(-10px)}
    66%{opacity:1;transform:scale(.9) translateY(2.5px)}
    74%{opacity:0;transform:scale(.4) translateY(20px)}
    75%,79%{opacity:0;transform:scale(.4) translateY(-10px)}
    100%,88%{opacity:1;transform:scale(1) translateY(-10px)}
}



#CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay * {font-family: 'Space Grotesk',sans-serif;}
#CybotCookiebotDialogBodyContentText { font-weight: 400 !important;}
#CookiebotWidget { z-index: 480 !important; }
.hs-form select {
    -webkit-appearance: none;
    background-image: url(https://nextlevel.inbnd.nl/hubfs/Cuex_theme_assets_Oct-21/images/down-arrow%20%281%29.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center right 20px;
}

@media (max-width: 767px){  
    .hs-form-checkbox label.hs-form-checkbox-display input+span, .hs-form-radio label.hs-form-radio-display input+span { font-size: 16px; }
    input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='number'], select, textarea {      padding: 22.5px 18px; }
    textarea { height: 70px; }
    .legal-consent-container, .legal-consent-container .hs-richtext, .legal-consent-container .hs-richtext p, 
    form .inputs-list:not(.no-list) label, form .inputs-list:not(.no-list) label>span, form .inputs-list:not(.no-list) label>span p { font-size: 14px;  }
    /*   li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before { width: 14px;  height: 14px; } */
    /*   li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after { font-size: 10px; } */
    .legal-consent-container, .legal-consent-container .hs-richtext, .legal-consent-container .hs-richtext p { font-size: 10px; line-height: 12px;}
    form .inputs-list>li.hs-form-booleancheckbox { margin: 10px 0;}
    form .legal-consent-container .inputs-list:not(.no-list) label>span { font-size: 10px;}
    li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before { top: 1px; left: -16px;}
    li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after { top: 3px; left: -14px;}

    .testimonialTitle  { font-size:20px;  }
    .lpBannerTopSection {  flex-direction: column;padding:0; }
    .lpBannerTopLeftSide {width:100%;  }


    /* application module */

    .applicationModule.mbsliderDisabled .applicationBlockInner{ padding-left: 50px;}
    .applicationModule.mbsliderDisabled .applicationOutter{position:relative;flex-direction:column; }  
    .applicationModule.mbsliderDisabled .applicationOutter:before {background: url(https://5652218.fs1.hubspotusercontent-na1.net/hubfs/5652218/Cuex_theme_assets_Oct-21/images/dotApplication.svg); background-position: top; background-repeat: repeat; background-size: 2px 6px; content: ""; height: calc(100% - 120px); left: 20px; position: absolute; top: 105px; width: 2px;}
    .applicationModule.mbsliderDisabled .applicationOutter:after { background: url(https://5652218.fs1.hubspotusercontent-na1.net/hubfs/5652218/Cuex_theme_assets_Oct-21/images/topTraingleApplication.svg); bottom: 0px; content: ""; position: absolute; height: 18px; width: 12px; left:15px; background-position: top; background-repeat: no-repeat;background-size: contain;transform: rotate(180deg); }
    .applicationModule.mbsliderDisabled .applicationBlock:after{ content:none; }
    .applicationModule.mbsliderDisabled .applicationBlock:before{ content:none; }
    .applicationModule.mbsliderDisabled .applicationImg{position: absolute; top: -11px; left: 0; width: 40px; height: 40px; margin: 0; background-color: rgba(22,22,23,1.0); z-index: 2; }
    .applicationModule.mbsliderDisabled .applicationImg img {height: 15px!important;width: auto; }
    .applicationModule.mbsliderDisabled .applicationBlockContent{ max-width:100%; }
    .applicationModule.mbsliderDisabled .applicationBlock:last-child p:last-child{ padding-bottom: 0; }
    .applicationModule.mbsliderDisabled .applicationShapeMobile{ display:none; }
    .applicationModule.mbsliderDisabled .applicationBlockContent p:last-child{  padding-bottom: 26px;  }
    .applicationModule.mbsliderDisabled .applicationBlockTitle{ padding-top:16px; }
    .applicationModule.mbsliderDisabled .applicationBlockContent{ padding-top:12px;}
    .applicationModule.mbsliderDisabled .content-wrapper{ padding-left:17px; }
    .applicationModule.mbsliderDisabled .applicationBlockInner{ padding-right:20px;}
}



.twoColumnStyleChange.twoColumnContent .leftBox{width:100%;}



/********* Animation *********/

/*   @keyframes swift-up {0%{ top: 65px;} 100%{ top: 0; } }
.bannerAnimTitle h1,.bannerAnimTitle h5,.bannerAnimBlogTitle { color: #fff;opacity:0;  }
.loaderAnimStart .bannerAnimTitle h1,.loaderAnimStart .bannerAnimTitle h5,.bannerAnimBlogTitle{opacity:1;}
.bannerAnimTitle h1 span,.bannerAnimTitle h5 span,.bannerAnimBlogTitle span { display: inline-block; overflow: hidden;}
.loaderAnimStart .bannerAnimTitle h1 i,.loaderAnimStart .bannerAnimTitle h5 i,.bannerAnimBlogTitle i { font-style: inherit; position: relative; top: 65px; }
.loaderAnimStart .bannerAnimTitle h1 i,.loaderAnimStart .bannerAnimTitle h5 i,.bannerAnimBlogTitle i {display: inline-block;animation: 0.4s swift-up ease-in-out forwards;}


@-webkit-keyframes fadeInItem {
from {opacity: 0;-webkit-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0);}
to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInItem {
from { opacity: 0;-webkit-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
} 






.overFlowHiddenItem{overflow:hidden;}
.boxContentAnim,.boxCtaAnim { opacity: 0;}
.loaderAnimStart .boxContentAnim,
.loaderAnimStart .boxCtaAnim  {
-webkit-animation-name: fadeInItem; 
animation-name: fadeInItem; -webkit-animation-duration: 0.8s; 
animation-duration: 0.8s; -webkit-animation-fill-mode: both; 
animation-fill-mode: both;
}   */