@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;400;500;600;700&display=swap');
@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://cdnjs.cloudflare.com/ajax/libs/animate.css/3.4.0/animate.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css');
@import url('https://cdn.jsdelivr.net/npm/lightgallery@2.0.0-beta.3/css/lightgallery-bundle.css');










/* 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,
.page-center{
    max-width: 1476px;
    width:95%;
}
.content-wrapper,
.page-center{
    padding-left:16px;
    padding-right:16px;
}


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



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

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





html {
    font-size: 16px;
}

body {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    background-color: #FFFFFF;
    color: #081C44;
    font-size: 16px;
    line-height:1.75;
}

/* Paragraphs */

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


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

/* Anchors */

a {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #63C389;
}

a:hover, a:focus {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #081c44;

}

a:active {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #586c94;
}

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

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #081C44;
    text-transform: none;
    font-weight: normal;
}



h1 {
    font-family: Syne, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #081C44;
    font-size: 80px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1;
}

h2 {
    font-family: Syne, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #081C44;
    font-size: 45px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1;
}



h3 {
    font-family: Syne, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #081C44;
    font-size: 48px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1;
}

h4 {
    font-family: Syne, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #081C44;
    font-size: 42px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1.2;
}

h5 {
    font-family: Syne, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #63C389;
    font-size: 28px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1.3;
}

h6 {
    font-family: Syne, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #081C44;
    font-size: 20px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1.25;
}



/* 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 { 
    font-size: 32px; 
    line-height: 1.25; 
    font-style: italic; 
    border: none; 
    padding: 0 0 0 133px;
    margin: 30px 0; 
    position: relative;
} 
blockquote:before { 
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 60px;
    background-image: url('https://content.rj.solutions/hubfs/Ungap_Theme_Assets-21/images/quote_green_icon.svg');
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 55px;
}
blockquote p{
    font-size: 16px;
    color: #081C44;
    font-style: normal;
    margin-top:32px;
}


.blockquoteVer2 blockquote:before{
    background-image: url('https://content.rj.solutions/hubfs/Ungap_Theme_Assets-21/images/quote_new.svg');
}

/* Horizontal Rules */

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





/* Primary Button */

button,
.button a,a.button,
.ias-trigger-next a,
.primarySubmitBtn form input[type='submit'],.primarySubmitBtn form .hs-button{
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(109, 79, 228, 1.0)

;
    border: 1px solid #6D4FE4;
    border-radius: 0px;
    color: #ffffff;
    fill: #ffffff;
    font-size: 16px;
    padding: 21px 32px;
    text-transform: none;
    display:inline-block;
    line-height:1;
    text-align:center;
}

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,
.primarySubmitBtn form input[type='submit']:hover,.primarySubmitBtn form .hs-button:hover,
.primarySubmitBtn form input[type='submit']:focus,.primarySubmitBtn form .hs-button:focus,
.primarySubmitBtn form input[type='submit']:active,.primarySubmitBtn form .hs-button:active{
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(89, 60, 202, 1.0)

;
    border: 1px solid #593cca;
    color: #fff;
}


button:active,
a.button:active,
.button a:active,
.primarySubmitBtn form input[type='submit']:active,.primarySubmitBtn form .hs-button:active{
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: #593cca;
    border: 1px solid #593cca;
    border-color: #593cca;
}

/* Secondary Button */

.button.button--secondary a,
a.button.button--secondary,
button.button--secondary,
.secondarySubmitBtn form input[type='submit'],.secondarySubmitBtn form .hs-button
{
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(8, 28, 68, 1.0)

;
    border: 1px solid #081c44;
    border-radius: 0px;
    color: #fff;
    fill: #fff;
    padding: 21px 32px;
    text-transform: none;
}

.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,
button.button--secondary:hover,
button.button--secondary:focus,
button.button--secondary:active,
.secondarySubmitBtn form input[type='submit']:hover,.secondarySubmitBtn form .hs-button:hover,
.secondarySubmitBtn form input[type='submit']:focus,.secondarySubmitBtn form .hs-button:focus,
.secondarySubmitBtn form input[type='submit']:active,.secondarySubmitBtn form .hs-button:active
{
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(49, 66, 99, 1.0)

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

.button.button--secondary a:active,
a.button.button--secondary:active,
button.button--secondary:active,
.secondarySubmitBtn form input[type='submit']:active,.secondarySubmitBtn form .hs-button:active{
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: rgba(49, 66, 99, 100);
    border: 1px solid #314263;
    border-color: #314263;
    color: #fff;
    fill: #fff;
}



/* tertiary Button */

.button.button--tertiary a,
a.button.button--tertiary,
.tertiarySubmitBtn form input[type='submit'],.tertiarySubmitBtn form .hs-button
{
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    border: 1px solid #fff;
    border-radius: 0px;
    color: #081C44;
    fill: #081C44;
    padding: 21px 32px;
    text-transform: none;
}

.button.button--tertiary a:hover,
.button.button--tertiary a:focus,
.button.button--tertiary a:active,
a.button.button--tertiary:hover,
a.button.button--tertiary:focus,
a.button.button--tertiary:active,
.ias-trigger-next a:hover,
.tertiarySubmitBtn form input[type='submit']:hover,.tertiarySubmitBtn form .hs-button:hover,
.tertiarySubmitBtn form input[type='submit']:active,.tertiarySubmitBtn form .hs-button:active,
.tertiarySubmitBtn form input[type='submit']:focus,.tertiarySubmitBtn form .hs-button:focus
{
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(219, 228, 236, 1.0)

;
    border: 1px solid #DBE4EC;
    color: #081C44;
    fill: #081C44;
}

.button.button--tertiary a:active,
a.button.button--tertiary:active,
.tertiarySubmitBtn form input[type='submit']:active,.tertiarySubmitBtn form .hs-button:active{
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: rgba(219, 228, 236, 100);
    border: 1px solid #314263;
    border-color: #DBE4EC;
    color: #081C44;
    fill: #081C44;
}


/* Simple Button */

.button.button--simple a,a.button.button--simple  {
    ;
    color: ;
    fill: ;
    text-transform: ;
    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 a:hover,
a.button.button--simple:hover,
.button.button--simple a:focus,
a.button.button--simple:focus{
    ;
    color: ;
    fill: ;
}


.button.button--simple a:active,
a.button.button--simple:active{
    ;
    color: ;
    fill: ;
}





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: Syne, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(8, 28, 68, 1.0)

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

/* Labels */

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

/* Help Text - Legends */

.hs-form-field legend {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #081C44;
    font-size: 14px;
}

/* Inputs */

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    border: 1px solid 

  
  
    
  


  rgba(8, 28, 68, 0.15)

;
    border-radius: 0px;
    color: #081C44;
    font-size: 16px;
    padding: 15px 24px;
    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:#081c44;
}



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

::-webkit-input-placeholder {
    color: 

  
  
    
  


  rgba(8, 28, 68, 0.8)

;
}

::-moz-placeholder {
    color: 

  
  
    
  


  rgba(8, 28, 68, 0.8)

;
}

:-ms-input-placeholder {
    color: 

  
  
    
  


  rgba(8, 28, 68, 0.8)

;
}

:-moz-placeholder {
    color: 

  
  
    
  


  rgba(8, 28, 68, 0.8)

;
}

::placeholder {
    color: 

  
  
    
  


  rgba(8, 28, 68, 0.8)

;
}

/* 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: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #081C44;
    font-size: 16px;
}

/* Inputs - Datepicker */

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

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

.hs-datepicker button.pika-button:hover {
    background-color: #081c44 !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: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #081C44;
}

/* GDPR Text */

.legal-consent-container,
.legal-consent-container .hs-richtext,
.legal-consent-container .hs-richtext p {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #081C44;
    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: #BE3C3C;
}

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

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

}




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

  
  
    
  


  rgba(8, 28, 68, 1.0)

;
    border: 1px solid #081c44;
    border-radius: 0px;
    color: #fff;
    fill: #fff;
    padding: 21px 32px;
    line-height:1;
    text-transform: none;
    width:auto;
    display:inline-block;
    background-image: url('https://content.rj.solutions/hubfs/Ungap_Theme_Assets-21/images/blank_img.png');
}

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

  
  
    
  


  rgba(49, 66, 99, 1.0)

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

form input[type='submit']:active,
form .hs-button:active {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: rgba(49, 66, 99, 100);
    border: 1px solid #314263;
    border-color: #314263;
    color: #fff;
    fill: #fff;
}




form input[type='submit'],
form .hs-button {
    font-size: 16px;
    padding: 21px 32px;

    line-height:1;
}



/* 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; */
}

span.hs-form-required {
    display: none !important;
}
form .field { padding: 0 0 16px;}
/* 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;}
form .inputs-list.hs-error-msgs>li{margin:0;}

textarea { height: 80px;}
.hs-form-field { margin-bottom: 0;}
.hs-error-msgs { list-style: none; margin: 5px 0 0px; padding: 0; font-size: 14px;}

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: #BE3C3C;
}
.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; }

.hs-form select {
    -webkit-appearance: none;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center right 20px;
}

/* Form Two Col Section */

.form-columns-2 , .form-columns-1{max-width:100% !important; width:100%;}
.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 

  
  
    
  


  rgba(8, 28, 68, 0.15)

; background-color: transparent; display: inline-block; border-radius: 100%; margin-right: 13px; transition: .5s ease all; position: absolute; left: -11px; top: 6px; }
.hs-form-radio label.hs-form-radio-display input:checked+span:before{background-color:#081c44; border-color:#081c44; }
.hs-form-radio label.hs-form-radio-display input:checked+span:after { content: ''; position: absolute; left: -5px; width: 8px; height: 8px; background-color:#FFFFFF; top: 12px; 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 

  
  
    
  


  rgba(8, 28, 68, 0.15)

; background-color: transparent; display: inline-block; margin-right: 13px; transition: .5s ease all; position: absolute; left:-11px; top: 6px; }
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:before{background-color:#081c44; border-color:#081c44;}
.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: 6px; border-radius: 100%; transition: .5s ease all; color:#FFFFFF; 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 #63C389; background-color:rgba(255, 255, 255,1); 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:#63C389; }

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:#081c44}

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


.whiteFooterActive .footerBottomForm input[type='email'].invalid.error { border-color: #BE3C3C;  }

@media(max-width:991px){



}

@media(max-width:767px){
    input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='number'], select, textarea {
        padding: 15px 24px 15px 16px;
        font-size: 14px;
        line-height: 1.14;
    }

    textarea { height: 180px; } 

    .hs-form-radio label.hs-form-radio-display input+span:before { top: 2px; width: 16px; height: 16px; } 
    .hs-form-radio label.hs-form-radio-display input:checked+span:after { top: 7px; width: 6px; height: 6px; left: -6px; } 
    .hs-form-checkbox label.hs-form-checkbox-display input+span:before { width: 16px; height: 16px; top: 3px; } 
    .hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after { top: 4px; font-size: 10px; left: -8px; }


    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;}
    .hs-form-checkbox label.hs-form-checkbox-display input+span, .hs-form-radio label.hs-form-radio-display input+span { font-size: 16px; }
    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;}

    .whiteFooterActive .footerBottomForm input[type='email'] { border: 1px solid 

  
  
    
  


  rgba(8, 28, 68, 0.15)

; background-color: transparent;}


}






table {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    border: 1px solid #D0D0D0;
}

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

thead th,
thead td {
    background-color: 

  
  
    
  


  rgba(8, 28, 68, 1.0)

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

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

tfoot td {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    color: #081C44;
}




.header{
    background-color:transparent;
    border-bottom: 1px solid 

  
  
    
  


  rgba(255, 255, 255, 0.2)

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;

}

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

/* 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: #081C44;
}

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

.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: #081c44;
}

.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: #586c94;
}

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

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

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

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

/* Logo */

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

/* Top Navigation and Language Switcher */

.header__container--upper {
    background-color: 

  
  
    
  


  rgba(8, 28, 68, 0.0)

;
}

.header__container--upper .navigation-primary .level-1 > li > a,
.header .header__language-switcher-label-current {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    color: #fff;
    font-size: 16px;
    text-transform: none;
}

.header__language-switcher .globe_class {
    background-color: #fff;
    height: 19px;
    width: 19px;
}

.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: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    color: #63C389;
}

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

.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: 'Work Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #63C389;
}

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

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

/* 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(240, 242, 244, 1)

;
}

.header__container--upper .navigation-primary .submenu:not(.level-1) .menu-link,
.header__language-switcher .lang_list_class a {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    color: #081c44;
    font-size: ;
    text-transform: none;
}

.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(99, 195, 137, 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: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    color: #fff;
}

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

  
  
    
  


  rgba(8, 28, 68, 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: 'Work Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    color: #fff;
}

/* Main Navigation */

.header__container--lower .navigation-primary .level-1 > li > a {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; 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(8, 28, 68, 1)

;
}

.header__container--lower .navigation-primary .level-1 > li:hover > a,
.header__container--lower .navigation-primary .level-1 > li:focus > a {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #081C44;
}

.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 #081C44 transparent;
}

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

  
  
    
  


  rgba(8, 28, 68, 1.0)

;
}

.header__container--lower .navigation-primary .level-1 > li:active > a {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #081C44;
}

.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 #081C44 transparent;
}

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

  
  
    
  


  rgba(8, 28, 68, 1)

;
}




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

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

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

/* Main Navigation - Child Menus */

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

  
  
    
  


  rgba(8, 28, 68, 1.0)

;
}

.navigation-primary .submenu:not(.level-1) .menu-link {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; 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: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; 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: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #FFFFFF;
}

/* Main Navigation - Mobile Menu */

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

  
  
    
  


  rgba(8, 28, 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;
    }
}


/********
Sub Navigation
******************  */
.headerSubNavigation > span >.hs-menu-wrapper > ul > li > a { color: #fff;font-size: 16px;font-family: 'Work Sans', sans-serif; font-weight: 400;;}
.headerSubNavigation .hs-item-has-children > a:hover{ color:#081C44;}
.darkBannerChangeNav .headerSubNavigation .hs-item-has-children>a:hover { color: #ffffff;}
.whiteNavigationSection.darkBannerChangeNav .headerSubNavigation .hs-item-has-children>a:hover { color: #081c44;}
.darkBannerChangeNav.headerSticky .headerSubNavigation>span>.hs-menu-wrapper>ul>li>a{color: #081c44;}
.headerSubNavigation .hs-item-has-children > .hs-menu-children-wrapper li a{ color: #081c44;font-family: 'Work Sans', sans-serif; font-weight: 400;; background-color:

  
  
    
  


  rgba(240, 242, 244, 1)

; }
.headerSubNavigation .hs-item-has-children > .hs-menu-children-wrapper li a:hover{ color: #fff;font-family: 'Work Sans', sans-serif; font-weight: 400;; }
.headerSubNavigation .hs-item-has-children > .hs-menu-children-wrapper li a:hover{ background-color:

  
  
    
  


  rgba(99, 195, 137, 1.0)

;}

.headerSubNavigation .hs-menu-depth-1.active > a{  color: rgba(8, 28, 68,1); }





/* Header Sticky Color */
.changeLogoColor path { fill: #ffffff;}
.headerSticky .changeLogoColor path { fill: rgb(99, 195, 137);}
.megaMenuActive .navigationLogo svg path { fill: #ffffff;}
.headerSticky .headerSubNavigation>span>.hs-menu-wrapper>ul>li>a { color: #081c44; } 
.headerSticky .navigationLogo svg path[fill="white"] {fill: #081c44;} 

.headerSticky .expandNavigation span { color:#081c44 !important; } 
.headerSticky .navBtnStyle i { background-color: #081c44; }

/* Navigation Active and Sticky */
.megaMenuActive .headerOuter.headerSticky .header{background-color: #63C389;}
.megaMenuActive .headerSticky .headerSubNavigation>span>.hs-menu-wrapper>ul>li>a { color: #ffffff; } 
.megaMenuActive .headerSticky .navigationLogo svg path[fill="white"] {fill: #ffffff;} 
.megaMenuActive .headerSticky .headerBtnGrp a.button { border-color: #ffffff; color: #ffffff; } 
.megaMenuActive .headerSticky .headerBtnGrp a.button:hover { background-color: #ffffff; color: #081c44; } 
.megaMenuActive .headerSticky .expandNavigation span { color:#ffffff !important; } 
.megaMenuActive .headerSticky .navBtnStyle i { background-color: #ffffff; }

.megaMenuActive .headerSticky .navigationLogo svg path {fill: #ffffff;}

.megaMenuActive header.header { position: fixed;}


@media(min-width:1025px){
    .navigation>span>.hs-menu-wrapper>ul>li>a{color: #fff;}
    .navigation>span>.hs-menu-wrapper>ul>li>a:hover,
    .navigation>span>.hs-menu-wrapper>ul>li>a:active,
    .navigation>span>.hs-menu-wrapper>ul>li>a:focus{
        color: #081C44;
    }
    .navigation .hs-item-has-children>.hs-menu-children-wrapper li a{
        color: #081C44;
    }

    .navigation>span>.hs-menu-wrapper>ul>li:hover>a{
        color: #081C44;
    }

}








.footer {
    background-color: rgba(255, 255, 255,1);
    border-top: 1px none #F0F2F4;
}

.footerInnerBoxSection {
    background-color: 

  
  
    
  


  rgba(240, 242, 244, 1.0)

;
}

.footerInnerBoxGrpSection{
    background-color: 

  
  
    
  


  rgba(240, 242, 244, 1.0)

;
}

.whiteFooterActive .footerMainBox,.whiteFooterActive .footerInnerBoxGrpSection {
    background-color: rgba(255, 255, 255,1);
}

.footerOuterBoxGrp.whiteFooterActive{
    background-color:#f0f2f4;
}

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

.footer__bottom-section {
    border-top: 1px solid #d0d0d0;
    border-color: #081C44;
}

/* 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: #081C44;
}

/* Header modules */


/* Footer Menu */

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

.footer .hs-menu-wrapper a {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #081C44;
    font-size: 16px;
    text-transform: none;

}

.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #63C389;
}

.footer .hs-menu-wrapper a:active {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #63C389;
}

/* Footer Bottom Navigation */

.footer .footerBottomNavigation .hs-menu-wrapper a { 
    color: #63C389;
}
.footer .footerBottomNavigation .hs-menu-wrapper a:hover,
.footer .footerBottomNavigation .hs-menu-wrapper a:focus{
    color: #081C44;
}

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

.hubspotPartnerContent a:hover {
    color: #63C389;
}

.footer .footerSocialLink ul li a{
    color: #081C44;
}
.footer  .footerSocialLink ul li a:hover{
    color: #63C389;

}

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


.footer .footerBoxIcon{background-color:#081C44;}

.footerBottompMainSection{border-top: 1px solid rgb(8,28,68,0.1);}
.footer .footerSocialLink ul li a{border: 1px solid rgba(8, 28, 68,0.15);}
.footerBottomSection{border-top: 1px solid rgba(8, 28, 68,0.1);}
.footer .footerSocialLink ul li a:hover { background-color: #081c44; color: #ffffff; }
.footerCopyRightBoxLeft ul li:after{background-color: rgba(8, 28, 68,0.4);}
.footer .footerCopyRightBoxLeft ul li,
.footer .footerCopyRightBoxLeft ul li a,.footer .copyRightParentBox .copyRightTextBox,.footer .footerCopyBoxRight p { color: rgba(8, 28, 68,0.4); } 
.footer .footerCopyRightBoxLeft ul li:hover,
.footer .footerCopyRightBoxLeft ul li a:hover { color: #081c44; } 
.footerCopyBoxRight, .footerCopyBoxRight p, 
.footerCopyBoxRight a { color: rgba(8, 28, 68,0.4); } 
.footerCopyBoxRight a:hover { color: #081c44; }









/* 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: #081C44;
}

.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: #63C389;
}

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

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

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

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

/* Blog Post */

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


/* Blog Updates */
.blogIndexTopicLink {color:;}
.blogIndexPostTitle h6 a,.blogIndexPostTitle h5 a,.blogIndexTopic  a,.blogIndexTopic,.blogIndexAuthorName a{color:#081c44; color: #081C44;font-family: Syne, sans-serif; }
.blogIndexPostTitle h6 a:hover,.blogIndexPostTitle h5 a:hover,.blogIndexTopic  a:hover,.blogIndexAuthorName a:hover,
.blogIndexRepeatInner:hover .blogIndexPostTitle h6 a,.blogIndexRepeatInner:hover .blogIndexPostTitle h5 a{color:#63C389;}

/* Blog Topic */
.blogIndexTopic a { border: 1px solid rgba(8, 28, 68,0.15);  background-color: #FFFFFF;}



/* Blog Pagination */
.blog-pagination ul li a { background-color: #FFFFFF; color:rgba(8, 28, 68,1); border: 1px solid rgba(8, 28, 68,0.15); } 
.blog-pagination ul li.active a,
.blog-pagination ul li a:hover { background-color: #63C389; color: #f0f2f4; border-color: #63C389; }


/* Blog Post Top */
.blogPostBottomBg{background-color:#f0f2f4;} 
.blogPostTopInner,.blogPostTopInner a { color: rgba(255, 255, 255,0.6);}
.blogPostTopInner a:hover{ color:#63C389; }

.sharingLinks li a{ background-color:#f0f2f4;border: 1px solid rgba(8, 28, 68,0.15); color:rgba(8, 28, 68,1);}
.sharingLinks li a:hover { color: #f0f2f4; background-color: rgba(8, 28, 68,1); border-color: rgba(8, 28, 68,1);}

.blog-post__body h1, .blog-post__body h2, .blog-post__body h3, .blog-post__body h4, .blog-post__body h5, .blog-post__body h6,
.blogPostBottomContent h1, .blogPostBottomContent h2, .blogPostBottomContent h3, .blogPostBottomContent h4, .blogPostBottomContent h5, .blogPostBottomContent h6{color: #081c44;}

.postListBannerSection .merkScrollBtnBox path,.postListBannerSection .merkScrollBtnBox line { stroke: #081c44;}


.blogPostHeaderSection {background-color:rgba(8, 28, 68,1) }






/* Error Pages - Global */

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

/* System Pages - Global */

.hs-search-results__title {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #081C44;
}

.hs-search-results__title:hover {
    font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;

}

/* Forms in System Pages */



/* Password Prompt */

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

/* Backup Unsubscribe */

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


/* System Pages */
.searchResultParent .hs-search-results li + li { border-top: 1px solid rgba(8, 28, 68,0.1);} 
.searchResultParent .hs-search-results__title:hover {  color: rgba(99, 195, 137,1); } 
.searchResultParent .hs-search-highlight.hs-highlight-html {color: rgba(99, 195, 137,1);}
.blogResultTag { background-color: rgba(240, 242, 244,1); border: 1px solid rgba(8, 28, 68,0.15);}
.hs-search-results__pagination > a{background-color:rgba(99, 195, 137,1);}
.hs-search-results__pagination>a:hover {  background-color: 

  
  
    
  


  rgba(89, 60, 202, 1.0)

;}








/* Blog Post Listing */

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

/* Card */

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

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

/* Image Gallery */

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

/* Upcoming Events */

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








body{
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

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


.altFont h1,.altFont h2,.altFont h3,.altFont h4,.altFont h5,.altFont h6 { font-family:'Work Sans', sans-serif }





.font14,.font14 p{font-size:14px;}
.font20,.font20 h6,.font20 p{font-size:20px;}
.font18,.font18 h6,.font18 p{font-size:18px;}
.font24,.font24 h5,.font24 h4{font-size:24px;}
.font40,.font40 h5,.font40 h4{font-size:40px;}
.font32,.font32 h5,.font32 h6{font-size:32px;}
.font36 h5,.font36 h6{font-size:36px;}
.font60 h1,.font60 h2{font-size:60px}
.font64 h1,.font64 h2{font-size:64px}

.lineHeight156{line-height:1.56;}

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(240, 242, 244, 1.0)

}
.primaryBg{background-color:rgba(8, 28, 68,1)}
.secondaryBg{background-color:rgba(99, 195, 137,1)}
.iceBg{background-color: rgba(240, 242, 244,1);}
.bodyBG{background-color:rgba(255, 255, 255,1)}

.purpleBg{background-color:rgba(109, 79, 228,1)}


/* Font Color */
.fontWhite,.fontWhite h1,.fontWhite h2,.fontWhite h3,.fontWhite h4,.fontWhite h5,.fontWhite h6,.fontWhite a{color:#ffffff}
.fontPrimary,.fontPrimary a, .fontPrimary h1,.fontPrimary h2,.fontPrimary h3,.fontPrimary h4,.fontPrimary h5,.fontPrimary h6{color:#081c44}
.fontSecondary,.fontSecondary h1,.fontSecondary h2,.fontSecondary h3,.fontSecondary h4,.fontSecondary h5,.fontSecondary h6{color:#63C389}
.fontIce,.fontIce h1,.fontIce h2,.fontIce h3,.fontIce h4,.fontIce h5,.fontIce h6,.fontIce a{color:#f0f2f4;}


.opacity80{opacity:0.8;}




.listStyle ul, .nolistStyle ul { margin: 0; padding: 0; list-style: none;}
.nolistStyle ul li{margin:0;}
.listStyle *+ul { margin-top: 24px;}
.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:#081C44;}
ul { padding-left: 20px; margin:0;}
.listStyle  ul li + li{margin-top:15px;}
* + ul,* + ol { margin-top: 30px;}

.dashListStyle *+ul { margin-top: 24px;}
.dashListStyle ul li::before { position: absolute; left: 0; top: 14px; font-size: 6px; content: ''; font-family: fontAwesome; color: inherit; background-repeat: no-repeat; width: 16px; height: 1px; background-color: #63C389; } 
.dashListStyle ul li { position: relative;padding-left: 32px; }


.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-start{align-items: flex-start;}
.flex-center{align-items: center;}
.justify-center{justify-content: center;}
.flex-end{align-items: flex-end;}

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




.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-16{padding-left:16px; padding-right:16px}
.ms0-16{margin-left:-16px; margin-right:-16px;}

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

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


/*****************************
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: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(8, 28, 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(8, 28, 68,1); transition: all ease .4s; -weblit-transition: all ease .4s}

/* Arrows */


.slick-prev { left: 30px; z-index: 10 !important}
.slick-next { right: 30px}
button.slick-next,button.slick-prev{background: #081c44; border-color:#081c44;}
.slick-next:before,.slick-prev:before { color: #29333c;}
.slick-prev:after,.slick-next:after { display: none;}
.slick-next,.slick-prev { width: 60px; height: 60px; border-radius: 0; z-index: 1; transition: all ease .4s; -weblit-transition: all ease .4s; top: inherit; bottom: -20px;}
.slick-next:before,.slick-prev:before { font-family: fontawesome; font-size: 0; background-repeat:no-repeat; }
.slick-next:before { content: ''; color : #081c44; background-image:url('https://content.rj.solutions/hubfs/Ungap_Theme_Assets-21/images/sliderArrow_right.svg');}
.slick-prev:before { content: ''; color : #081c44; background-image:url('')}
.slick-next:before,.slick-prev:before { width: 24px; height: 24px; 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-prev:focus,.slick-next:focus{background: #081c44; border-color:#081c44;}
.slick-next:hover, .slick-prev:hover
/* .slick-prev:focus,.slick-next:focus */
{ background-color: #63C389; border-color: #63C389;}


/*****************************
Magnific Popup
****************************  */
.mfp-iframe-holder .mfp-close { font-family: inherit; border: none !important; font-size: 24px;  width: 44px; height: 44px; padding-right: 0; right: 0; top: -44px; opacity:1; background-color:#63C389; color: #fff; text-align: center; border-radius: 0px 0px 0 0; }

button.mfp-close:after {  display: none;}
.mfp-close-btn-in .iframeStyleing .mfp-close { font-family: inherit; border: none !important; font-size: 24px; opacity:1;  color: #fff; width: 40px; height: 40px; background-color: #63C389; right: 30px; top: -10px; border-radius: 0px 0px 0 0; } 
.popplayParent { position: relative; } 
.iframeStyleing { max-width: 830px; margin: 0 auto; padding: 30px; position: relative;}
.iframeStyleinner { border-radius: 10px 0 10px 10px; overflow: hidden;}
.mfp-iframe-holder .mfp-close:hover { border: none !important; padding: 0;}
/* Max-width */
.max476{max-width:476px; width:100%; }
.max530{max-width:530px; width:100%; }
.max570{max-width:570px; width:100%; }
.max600{max-width:600px; width:100%; }
.max615{max-width:615px; width:100%; }
.max630{max-width:630px; width:100%; }
.max650{max-width:650px; width:100%; }
.max944{max-width:944px; width:100%; }
.max985{max-width:985px; width:100%; }
.maxCenter{margin:0 auto}
.maxRight{margin:0 0 0 auto}




.subTitleFormat,.subTitleFormat p{ font-size:20px; line-height:1.5;}

.bannerTagStyling{font-size:20px; line-height:1.2; font-weight:400;}
.bannerTagVer2Styling{color:#63C389;}
.bannerTagStyling:before { content: ''; display: inline-block; vertical-align: middle; margin-right:16px; width: 16px; height: 1px; background-color:#63C389; position: relative; top: -1px;  }

.positionRelative{position:reltive;}



/*************
Header Color  
**********************/
/***************
White Header Section
*************************  */
.whiteNavigationSection .headerSubNavigation>span>.hs-menu-wrapper>ul>li>a { color: #081c44; } 
.whiteNavigationSection .expandNavigation span { color:#081c44 !important; } 
.whiteNavigationSection .navBtnStyle i { background-color: #081c44; } 
.whiteNavigationSection .navigationLogo svg path { fill: #081c44; } 

.whiteNavigationSection .headerBtnGrp .button a:hover, .whiteNavigationSection .headerBtnGrp a.button:hover { background-color:#081c44; color: #ffffff;; border-color:#081c44; }
.whiteNavigationSection .navigationLogo svg path.navigationLogoDot { fill: #63C389;}
.whiteNavigationSection .header { border-bottom-color: rgba(8, 28, 68,0.2);}

.megaMenuActive .whiteNavigationSection .expandNavigation span { color:#ffffff !important; } 
.megaMenuActive .whiteNavigationSection .navBtnStyle i { background-color: #ffffff; } 
.megaMenuActive .whiteNavigationSection .headerBtnGrp .button a,.megaMenuActive .whiteNavigationSection .headerBtnGrp a.button { border-color: #ffffff; color: #ffffff; } 
.megaMenuActive .whiteNavigationSection .headerBtnGrp .button a:hover,.megaMenuActive .whiteNavigationSection .headerBtnGrp a.button:hover { background-color:#ffffff; color: #081c44;; border-color:#ffffff; }
.megaMenuActive .whiteNavigationSection .navigationLogo svg path.navigationLogoDot {fill: #ffffff;}

.megaMenuActive .whiteNavigationSection .header { border-bottom-color: rgba(255, 255, 255,0.2);}

.generalBannerSection .hs-breadcrumb-menu-item a,
.generalBannerSection .hs-breadcrumb-menu-item span
.generalBannerSection .hs-breadcrumb-menu-item a:hover
.productBannerSection .hs-breadcrumb-menu-item a,
.productBannerSection .hs-breadcrumb-menu-item span{ color: rgba(8, 28, 68,0.6);}
.productBannerSection .hs-breadcrumb-menu-item a:hover{ color: rgba(99, 195, 137,0.6);}




.headerLanguageSwicher .lang_list_class li a{color: rgba(8, 28, 68,1); }
.headerLanguageSwicher .lang_list_class li a:hover{ color: rgba(8, 28, 68,1);}
.headerLanguageSwicher .lang_list_class li + li:before{color:  rgba(8, 28, 68,1); }


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

/* Section-1 */
.homeBannerSection{padding:200px 0 120px; overflow:hidden;}
.homeBannerTopLeftSection { width: calc(100% - 487px); padding:0 80px;}
.homeBannerTopLeftImage img {border-radius: 0 120px 0 0; height: 714px; object-fit: cover; 
    /*   object-position: 65% center;   */
    width: 100%;}
.homeBannerTopRightSection {width: 487px; padding:150px 0 230px;}
.homeBannerTopRightSection p {font-size: 20px; line-height:1.5;}
.bannerTagBoxRepeatInner { background-color: #ffffff; padding: 32px; position: relative; transition: background-color ease 0.3s; height:100%; } 
.bannerTagTitle h6,.bannerTagText{ transition: color ease 0.3s; }
.bannerTagText { font-size: 14px; color: rgba(8, 28, 68,0.5); line-height:1;}
.bannerTagBoxMain { margin: 0 -20px; } 
.bannerTagBoxRepeat{ padding: 20px; } 
.bannerTagTitle { position: relative; } 
.bannerTagArrowIcon { width: 20px; height: 20px; position: absolute; bottom: 0; right: 0; transition: right ease 0.5s; } 
.bannerTagArrowIcon svg{width: 20px; height: 20px;}
.bannerTagBoxRepeatInner:hover .bannerTagArrowIcon { right: -10px;}
.bannerTagTitle h6 { width: calc(100% - 20px ); padding-right: 20px; font-size:18px; line-height:1.22; }
.homeBannerCenter { overflow: hidden; margin-top:-200px; padding-bottom:40px; }
.bannerTagBoxRepeatInner:hover { background-color: #63C389; } 
.bannerTagBoxRepeatInner:hover .bannerTagTitle h6,
.bannerTagBoxRepeatInner:hover .bannerTagText { color: #ffffff; }
.bannerTagBoxRepeatInner:hover .bannerTagArrowIcon svg path{stroke:#ffffff}
.bannerTagBoxLink { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
.ourExpertiseBoxIcon img { height: 56px;}



.homeBannerCenter{position:relative; z-index:2;}
.homeBannerShape { position: absolute; right: 0; top: 0;}
.bannerBottomTitle { position: relative; z-index: 2;}
.ourExpertiseBoxMain {position: relative;z-index: 3; max-width:1130px;width:100%; margin:0 auto;}
.bannerBottomGradient { position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; z-index: 1; background: linear-gradient(192.23deg, rgba(8, 28, 68,0) 6.69%, #081c44 50.17%);;}
.homeBannerBottom:before {content: '';background: radial-gradient(50% 50% at 50% 50%, #081c44 0%, #081c44 0%, rgba(8, 28, 68,0) 100%);left: 50%; bottom: -120px; transform: translateX(-50%); position: absolute; width: 1102px; height: 800px; z-index: 1;}
.homeBannerTopSection .content-wrapper { position: relative; } 
.scrollToSection { position: absolute; left: 15px; top: 390px;width: 32px; height: 36px; } 
.scrollToSection a { display: block; } 
.scrollToSection a svg { width: 32px; height: 36px; }


/* Our Expertise */
.ourExpertiseBoxInner { max-width: 206px; margin: 0 auto;}
.ourExpertiseBoxRepeat { padding: 40px 15px; position: relative;}



/* End Section-1 */

/* Section-2 */
.ourSolutionRight { padding-left: 30px;}
/* End Section-2 */
.ourSolutionServiceParent { margin: 0 -20px; }
.ourSolutionServiceParent ul { display: flex; flex-wrap: wrap; } 
.ourSolutionServiceParent ul li { width: calc(50% - 40px); margin: 0 20px; position: relative; border-top: 1px solid rgba(8, 28, 68,0.1); padding: 16px 0; } 

/* Section-3 */
.ourPartnerImageBox img { margin-top: -120px; } 
.ourPartnerLogoBoxRepeat { padding: 20px; } 
.ourPartnerLogoBoxRepeatInner {  position:relative; text-align: center; height: 122px; display: flex; justify-content: center; align-items: center; padding: 20px; border: 1px solid transparent;} 
.ourPartnerLogoBoxSection .logoLink .ourPartnerLogoBoxRepeatInner:hover { background-color: #081c44!important; }
.ourPartnerLogoBoxRepeatInner.logoLink:hover { border: 1px solid #63c389; }
.logoLink a {  position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
/* Section-4 */
/* .twoColBestPeopleSection .customWidthOption{padding-right:50px;} */
.twoColBestPeopleShape { position: absolute; right: 0; top: 0;}
.twoColBestPeopleRight { padding-left: 93px;}


/* Section-5 */

.checkYourselfWrapRight { padding-left: 15%;}
.checkYourSliderMain .slick-list.draggable { padding-right: 20%;}
.checkYourSliderRepeat { padding-right: 80px;}
.checkYourSliderRepeatInner img { height: 445px; object-fit: cover; object-position: top left; width: 100%;}
.checkYourSliderMain .slick-prev{ opacity:0; display:none !important; }
.checkYourSliderMain .slick-next { right: calc(20% - 30px); top: 50%; transform: translateY(calc(-50% - 30px));}
.checkYourSliderRepeatInner { cursor: pointer; position:relative; }
.checkYourSliderImage { overflow: hidden; } 
.checkYourSliderImage img { transition: all ease 0.5s; }
.checkYourSliderRepeatInner:hover .checkYourSliderImage img { transform: scale(1.05); } 
.checkYourSliderBoxLink{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}



/* Recent Blog Post */
.recentBlogPostSection .customWidthOption{padding-left:10px;}
.recentPostRepeatBox { padding: 0 40px; width: 50%; } 
.recentPostMainGrpParent { margin: 0 -40px; } 
.recentBlogFeatureImg img { width: 100%; height: 320px; object-fit: cover; object-position: top left; }
.recentBlogFeatureImg { position: relative; } 
.blogRecentTopicRepeat { position: absolute; top: 16px; left: 16px; background-color: rgba(255, 255, 255,1); font-size: 14px; line-height: 1; font-weight: 400; padding: 10px 12px; color: rgba(8, 28, 68,1); z-index: 5; } 
.blogRecentTopicRepeat:hover { font-weight: 400; color:#63C389 } 
.blogRecentFeatureImgLink { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.recentPostRepeatInnerBox {position: relative;}
.recentBlogUrl { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; } 
.recentPostRepeatInnerBox .recentBlogFeatureImg{overflow:hidden;}
.recentPostRepeatInnerBox .recentBlogFeatureImg img { transition: all ease 0.4s;}
.recentPostRepeatInnerBox:hover .recentBlogFeatureImg img { transform: scale(1.05);}




/*  */




/******************
Solution Page 
*******************/
.solutionOverviewBannerSection {padding:228px 0 270px; }
.solutiomOverviewBannerShape { position: absolute; right: 0; top: 0; width:100%; height:100%;}
.solutiomOverviewBannerShape img { object-fit: cover; width: 100%; height:100%;}

.allSolutionParentBox { display: flex; flex-wrap: wrap; }
.allSolutionBoxRepeatTitle { padding: 16px 0 24px; }
.allSolutionBoxRepeat { width: 50%; padding-top: 32px; } 
.allSolutionBoxRepeat:nth-child(even) { padding-left: 20px; } 
.allSolutionBoxRepeat:nth-child(odd) { padding-right: 40px; } 
.allSolutionListItemParent li { padding-top: 16px; padding-bottom: 24px; border-top: 1px solid rgba(8, 28, 68,0.1); font-size: 16px; line-height: 1.25; } 
.allSolutionListItemParent li a { color: rgba(8, 28, 68,1); } 
.allSolutionListItemParent li a:hover { color: #63C389; }

.solutionOverviewBannerSection .content-wrapper { position: relative;}
.solutionOverviewBannerSection .scrollToSection { bottom: -230px; top: inherit;}

/* Image Mapping Section */
.imageMappingParentSection { position:relative; overflow:hidden; margin-top: -285px;}
.mappingParent{position: relative;  width: 100%; margin: 0 auto; }
/* .mappingParent img { width: 100%; object-fit: contain; object-position: center;} */
.mappingParent img{height:640px; object-fit: cover; object-position: center;}
.circlePoints { position: absolute; width: 48px; height: 48px; background-color: rgba(255, 255, 255,1); border-radius: 50%; transform: translate(-50% , -50%); cursor: pointer; transition: background-color ease .5s;}
.circlePoints:before {-webkit-animation:grow 4s infinite;transform-origin: left top;content: '';width: 64px;height: 64px;border-radius: 50%;background-color: rgb(255 255 255 / 40%);position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);z-index: 0;     border: 1px solid transparent;}

.circlePoints:hover { background-color: #6D4FE4;}
.circlePoints:hover:before { background-color: rgba(255,255,255,0); border-color: #6D4FE4;}
.circlePoints:after { content: ''; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url('https://content.rj.solutions/hubfs/Ungap_Theme_Assets-21/images/Open_color.svg'); background-size: 24px 24px; background-position: center center; background-repeat: no-repeat; } 
.circlePoints:hover:after { background-image: url(https://content.rj.solutions/hubfs/Ungap_Theme_Assets-21/images/Open_white.svg); }


/* Image Mapping Popup */
.mappingImageDetailGrp { position: absolute; right: 30px; top: 36px; width: 313px; } 
.mappingImgDetailRepeat { background-color: rgba(255, 255, 255,1); padding: 24px 16px 16px; transform: translateX(150%);
    -webkit-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out; 
    position: absolute; width: 100%; }
.mappingImgDetailTopSection { padding: 24px 24px 0 24px;}
.mappingImgDetailRepeat.active { transform: translateX(0);}
.mappingImgRepeatTopContent h5 { color: #081c44; line-height: 1.17; font-size:34px;}
.mappingImgRepeatTopContent h5 + p { margin: 0;}

.mappingImgBtn a { display: block; width: 100%;}

.mappingBoxCloseIcon { width: 24px; height: 24px; position: absolute; right: 24px; top: 24px; line-height: 1; text-align: center; cursor: pointer; } 
.mappingBoxCloseIcon img { max-width: 24px; }
.mappingBoxCloseIcon svg { width: 24px; height:24px; }


.mappingImgMoreItem { cursor: pointer;}
.mappingImgListItems ul { height: 100px; overflow: hidden;}
.mappingImgListItems ul li:nth-child(n+4) { display: none;}
.mappingImgListItems ul.mappingListOpen{overflow: auto;}
.mappingImgListItems li { font-size: 14px;}
.mappingImgListItems ul.mappingListOpen li:nth-child(n+4) { display: block;}
.mappingImgListItems ul::-webkit-scrollbar-track{background-color: rgba(240, 242, 244,1);}
.mappingImgListItems ul::-webkit-scrollbar{	width: 6px;	background-color: rgba(240, 242, 244,1);}
.mappingImgListItems ul::-webkit-scrollbar-thumb{ background-color: rgba(99, 195, 137,1);}

/* End Image Mapping Section */
@-webkit-keyframes grow {
    0% {
        -webkit-transform: scale(0) translate(-50%,-50%);
        -moz-transform: scale(0) translate(-50%,-50%);
        -o-transform: scale(0) translate(-50%,-50%);
        -ms-transform: scale(0) translate(-50%,-50%);
        transform: scale(0) translate(-50%,-50%);
    }

    50% {
        -webkit-transform: scale(1) translate(-50%,-50%);
        -moz-transform: scale(1) translate(-50%,-50%);
        -o-transform: scale(1) translate(-50%,-50%);
        -ms-transform: scale(1) translate(-50%,-50%);
        transform: scale(1) translate(-50%,-50%);
    }

    100% {
        -webkit-transform: scale(0) translate(-50%,-50%);
        -moz-transform: scale(0) translate(-50%,-50%);
        -o-transform: scale(0) translate(-50%,-50%);
        -ms-transform: scale(0) translate(-50%,-50%);
        transform: scale(0) translate(-50%,-50%);
    }
}

/*******************
Solution Detail
********************  */
.generalBannerSection { display: flex; width: 100%; flex-wrap: wrap; flex-direction: column; justify-content: center; padding: 230px 0 105px; }

.scrollToNextSecBtnParent { position: absolute; left: 0; bottom: -36px; width: 100%;}
.scrollToNextSecBtn { width: 32px; height: 36px; display: block;}
.scrollToNextSecBtn a { display: block; line-height: 1;}


/*  Section // -2 */
.wrappingFullImage{ max-width: 1313px; width: 100%; text-align: left; margin: 0 0 0 auto; position: relative; z-index: 5; }
.allInOneCardMainSectionGrp { padding-top: 176px; overflow-x: hidden;}
.allInOneCardMainGrp { background-color: #f0f2f4;}
.wrappingFullImageParent { position: relative;}
.wrappingFullImageOverlay { width: 90vw; height: 100%; position: absolute; background-color: rgba(255, 255, 255,1); right: -75vw; top: 0; z-index: 2;}
.allInOneFullImg img { margin-top: -176px; border-radius: 0 120px 0 0;}

/* .twoColAllInOneSection, .twoColAllInOnePopupSection,.twoColAllInOneCardSection { padding-right: 16px;} */
/********* Two Column Popup Section **********/
.twoColAllInOnePopupMainSection { padding: 40px; }
.twoColAllInOnePopupLeftBg { position: relative; min-height: 215px; }  
.twoColAllInOnePopupWithOutContent .twoColAllInOnePopupLeftBg { min-height: auto; padding-bottom: 56.25%;}
.caseDetailMediaBoxParent .popUpIconStyling img{border-radius:0;}
.popUpIconStyling { width: 56px; height: 56px; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); text-align: center; line-height: 56px; background-color:; border-radius:50%; z-index:2; } 
.popUpIconStyling img { width: 32px; height: 32px;    position: relative; top: -1px; }
.twoColAllInOnePopupHref { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;}
.popUpIconStyling.largePlayIcon{ width: 80px; height: 80px; line-height:80px;}
.popUpIconStyling.largePlayIcon img { width: 48px; height: 48px; }
/********* Two Column Card Section **********/
.twoColAllInOneCardLeftSide { width: 329px; border-radius: 0 0 0 60px; overflow: hidden;}
.twoColAllInOneCardRightSide { width: calc(100% - 329px); padding: 72px; overflow: hidden;}

.twoColAllInOneCardRightSide { position: relative; } 
.twoColAllInOneCardRightSideInner { position: relative; z-index: 3; } 
.twoColAllInOneCardRightSideShape { position: absolute; right: 0; top: 0; height: 100%; } 
.twoColAllInOneCardRightSideShape img { object-fit: cover; height: 100%; }

.twoColAllInOneCardLeftSideInner { position: relative; height: 100%;}
.twoColAllInOneCardRightTag span { display: inline-block; vertical-align: middle; line-height: 1; } 
.twoColCardTagLine { width: 16px; height: 1px; margin-right: 16px; }
.twoColAllInOneCardRightContent {font-size:18px; line-height:1.56;}
.allInOneCardBottomSpacing{padding-bottom:170px;background-color: #f0f2f4; margin-top: -130px; position: relative;}

.twoColAllInOneCardRightForm form { display: flex; flex-wrap:wrap;}
.twoColAllInOneCardRightForm form .field { padding-bottom: 0; width: calc(100% - 180px);}
.twoColAllInOneCardRightForm .hs_submit { width: 180px; text-align: right;}
.twoColAllInOneCardRightForm  input[type='email'] { background-image: url('https://content.rj.solutions/hubfs/Ungap_Theme_Assets-21/images/input_Arrow.png'); background-size: 20px 16px; background-position: center right 15px; background-repeat: no-repeat;}
.twoColAllInOneCardRightForm form input[type='submit'],.twoColAllInOneCardRightForm form .hs-button{text-align:center;}



.bgLineIllstrations { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.bgLineIllstrations img { width: 100%; height: 100%;}

/* Update 10-5-23 */

.cardModuleForPost .twoColAllInOneCardRightForm .hs-form-field legend, 
.cardModuleForPost .twoColAllInOneCardRightForm .hs-form-field>label, 
.cardModuleForPost .twoColAllInOneCardRightForm .hs-form-field>label span {
    color: #fff;
}

.cardModuleForPost .twoColAllInOneCardRightForm form .field { padding-bottom: 16px; width: 100%;}
.cardModuleForPost .twoColAllInOneCardRightForm .hs_submit { width: auto; text-align: right;}
.cardModuleForPost form .inputs-list:not(.no-list) label, 
.cardModuleForPost form .inputs-list:not(.no-list) label>span, 
.cardModuleForPost form .inputs-list:not(.no-list) label>span p{color:#fff;}



/********* Three Column Icon With Content Section **********/
.threeColSimpleIconBoxRepeatInner { position: relative; } 
.threeColSimpleIconBoxRepeatInner:after { position: absolute; right: 0; top: 0; width: 1px; height: 100%; content: '';background-color:rgba(8, 28, 68,0.2); }

/********* Single Column Image with content and Logo Module **********/
.singleColFlexITopImgBox img { height: 540px; width: 100%; object-fit: cover; object-position: left 28%;}
.singleColFlexITop { position: relative; z-index: 6; } 
.singleColFlexBoxParent { max-width: 820px; margin: 0 0 0 auto; position: relative; z-index: 6; } 
.singleColFlexBottom { margin-top: -288px; position: relative; } 
.singleColFlexBottomBackColor { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.singleColFlexBoxLeftSide {width: calc(100% - 246px); padding: 30px 52px 30px 72px; min-height: 410px; display: flex; flex-wrap: wrap;}
.singleColFlexBoxRightSide { width: 246px; }

.singleColFlexBoxLeftSide > div { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;}


.singleColFlexBoxRightParent { height: 410px; overflow-y: auto; display: flex; flex-wrap: wrap; } 
.singleColFlexBoxRightSide { position: relative; } 
.singleColFlexBoxRightSide:before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color:rgba(8, 28, 68,0.1); } 
.singleColFlexBoxRightLogoRepeat {padding: 15px 15px;width: 100%; height:33.33%;text-align: center;position: relative;} 
.singleColFlexBoxRightLogoRepeat:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background-color:rgba(8, 28, 68,0.1); } 
.singleColFlexBoxRightLogoRepeat:last-child:after { display: none; }
.singleColFlexBoxRightLogoRepeatInner { display: flex; justify-content: center; align-items: center; height: 100%; flex-wrap: wrap; } 
.singleColFlexBoxRightLogoRepeatInner img { max-width: 100px; margin: 0 auto;}

/********* Single Two Column Module **********/
.simpleTwoColFocusSection .customWidthOption { padding-right: 50px;}
.simpleTwoColFocusRightSide { padding-left: 93px;}


/*******************
Space Detail
********************  */
.ourSolutionListingGroup li { width: calc(50% - 40px); position: relative; border-top: 1px solid rgba(255, 255, 255,0.1); }
.ourSolutionListingGroup ul li a {padding: 16px 0 24px;display: inline-block;}
.ourSolutionListingGroup ul li a[href=""], .ourSolutionListingGroup ul li a[href^="?"], .ourSolutionListingGroup ul li a[href=" "] {pointer-events: none;cursor: default;}
.ourSolutionListingGroup  ul { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.ourSolutionListingSection { padding-right: 16px; }

/* .CTAStripSection{padding-right:16px;} */
.CTAStripBgShape { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


.twoColOnlyImageParent { display: flex; flex-wrap: wrap; justify-content: space-between; }
.twoColOnlyImageRepeat { width: calc(50% - 40px); position: relative; border-top: 1px solid rgba(255,255,255,0.1); padding: 40px 0; } 
.twoColOnlyImageRepeatInner img { width: 100%; height: 480px; object-fit: cover; object-position: center center;}

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

/********* Banner Section **********/
.aboutBannerSection {padding:228px 0 351px; }
.aboutBannerSection .content-wrapper { position: relative;}
.aboutScrollParent {position: absolute; left: 0; bottom: 215px; width: 100%; z-index:2;}
.aboutScrollInnerBox { width: 32px; height: 36px; display: block;}
.aboutScrollInnerBox a{ display: block; line-height: 1;}
/* added to this module */
.aboutBannerSection .blog-tag-filter {  background-color: transparent; border: 0; border-radius: 0; margin: 0 auto; padding: 0; max-width: 944px;}
.aboutBannerSection .blog-tag-filter__select li.current { background-color: #6d4fe4; }
.aboutBannerSection .blog-tag-filter__select li.current a { color: #FFF; }
.aboutBannerSection .blog-tag-filter__select li a { color: #081c44; font-weight: 400; }
.aboutBannerSection .blog-tag-filter__title { color: #fff; margin-right: 1.5rem; }
.aboutBannerSection .blog-tag-filter__select-wrapper { position: relative; }

.aboutBannerSection .blog-tag-filter__select { color: #fff; display: flex; flex-wrap: wrap; list-style: none; padding-left: 0; }

.aboutBannerSection .blog-tag-filter__select li { background-color: #FFF; padding: 5px 15px; margin: 0 15px 0 0; }
.aboutBannerSection.aboutBannerSectionv2 { padding: 228px 0 310px; }
.aboutBannerSectionv2 .blog-header__author-avatar { border-radius: 50%; width: 100px; height: 100px; border-radius: background-position: center; background-size: cover; }
.aboutBannerSectionv2 .blog-header__inner { display: flex; flex-wrap: wrap; }
.aboutBannerSectionv2 .blog-avtar { width: 100px; }
.aboutBannerSectionv2 .blog-author-info { width: calc(100% - 100px); padding-left: 20px; }
.aboutBannerSectionv2 .blog-author-info h5 { color: #FFF; }
.aboutBannerSectionv2 p.blog-header__subtitle { color: #FFF; margin-top: 12px; }
.aboutBannerSectionv2 .blog-header__author-social-links a span svg { width: 14px; height: 14px; }
.aboutBannerSectionv2 .blog-header__author-social-links a { padding: 10px; background-color: #FFF; border-radius: 50%; display: inline-block; vertical-align: middle; line-height: 0; margin-right: 5px; }
.aboutBannerSectionv2 .blog-header__author-social-links { padding-top: 15px; }
.aboutBannerSectionv2 .blog-header__author-social-links a:hover { fill: #FFF; background-color: #593cca; }



/********* Two Column Image Section **********/
.twoColOnlyImageVer2Parent { position: relative; top: -265px; margin-bottom: -265px;}

/********* Timeline Section **********/
.timeLineSliderParent .slick-list { position: relative; } 
.timeLineSliderParent .slick-list:before { content:''; position: absolute; left: 0; top: 0; width: calc(100% - 20px); height: 1px; background-color: rgba(8, 28, 68,0.3); z-index: 5; } 
.timeLineSliderParent .slick-slide { position: relative;} 
.timeLineSliderParent .slick-slide:before { content: ''; width: 1px; height: 8px; background-color: rgba(8, 28, 68,0.3); position: absolute; top: 0; } 
.timeLineSliderParent .slick-list:after { content: ''; width: 20px; right: 0; top: 0; border-top: 1px dashed rgba(8, 28, 68,0.3); position: absolute; }
.timeLineSliderRepeat { padding: 40px 40px 0 0;}
.timeLineSliderBoxYear h5{color:rgba(8, 28, 68,0.3);}
/********* Experience it yourself  **********/
.inspirationCenterParent { padding: 72px; max-width: 576px; width: 100%; margin: 0 0 0 auto; position: relative; z-index: 6;}
.inspirationCenterParentInner { position: relative; z-index: 3; }
.inspirationCenterShape { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
.inspirationCenterShape img { object-fit: cover; width: 100%; height: 100%; } 

/* Professinal Team Section */
.professionalTeamSection { overflow: hidden;}
.professionalTeamSliderMain{position:relative}
.professionalTeamSliderMain .slick-prev { opacity: 0; display: none !important;}
.professionalTeamSliderMain .slick-list.draggable{padding-right: 17%;}
.professionalTeamWrapRight { padding-left: 8.5%;}
.professionalTeamSliderRepeat { padding-right: 80px;}
.professionalTeamSliderImage img { width: 100%; height: 330px !important; object-fit: cover; object-position: center;}
.professionalTeamSliderImage { position: relative; } 
.professionalTeamSocialIcon { position: absolute; bottom: 0; left: 0; padding-left: 8px; padding-bottom: 8px; } 
.professionalTeamSocialIcon ul { display: flex; flex-wrap: wrap; } 
.professionalTeamSocialIcon ul li { padding: 8px; } 
.professionalTeamSocialIcon ul li a { width: 48px; height: 48px; line-height: 48px; background-color: #FFFFFF; display: block; text-align: center; color: #081c44; } 
.professionalTeamSocialIcon ul li a:hover { background-color: #63C389; color: #ffffff; }
.professionalTeamDesignaltion{font-size:20px; line-height:1.4;}
.professionalTeamSliderMain .slick-next { bottom: inherit; top: 165px; right: calc(17% - 30px);}

/******************
Method Page 
*******************/

.methodListingLeftSideInner { display: flex; flex-wrap: wrap; align-items: center;}
.methodListingNumber { width: 50px; font-size:18px; line-height:1; color:#63C389; } 

.methodListingHeading { width: calc(100% - 50px); } 
.methodListingRepeat { padding: 32px 0 56px; border-top: 1px solid rgba(255, 255, 255,0.2); }

/******************
Theme Page 
*******************/
.simpleTwoColListImgSection .customWidthOption{padding-left:115px;}
.simpleTwoColListBoxParent { max-width: 349px; width: 100%; padding-right: 20px; }
.simpleTwoColListRightSide { padding-left: 70px;}
/* Simple list content with Card Module */
.suitableSolutionListParent ul { display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; } 
.suitableSolutionListParent ul li { width: calc(50% - 40px); position: relative; border-top: 1px solid rgba(8, 28, 68,0.1); padding: 16px 0 24px; }

/******************
merk Page 
*******************/

/********* Banner Section **********/
.merkBannerSection{padding:228px 0 0;}

.markImageBoxParent { position: relative; } 
.merkScrollBtnBox { position: absolute; left: -120px; top: 105px; width: 32px; height: 36px; } 
.merkScrollBtnBox a { display: block; line-height: 1; } 

.markImageBoxParent { max-width: 1190px; margin: 0 auto;}
.markImageBoxParent img { width: 100%;}

.markBannerBottomStripBg{width: 100%; height: 136px; position: absolute; left: 0; bottom: 0; background-color: rgba(255, 255, 255,1);}
.markBannerBottomStrip { max-width: 1190px; margin: 0 auto; margin-top:-136px; } 
.markBannerBottomLogo { height: 136px; width: 247px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; 
    background-color: rgba(255, 255, 255,1); position: relative; z-index: 1;
    border-left: 1px solid rgba(8, 28, 68,0.1);
    border-bottom: 1px solid rgba(8, 28, 68,0.1);
}

.markBannerBottomStrip img { max-width: 98px; width: 100%; } 

/*  Product Module  */
.productItemParentBox { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.productItemRepeatBox { width: calc(50% - 40px); padding: 46px 0; } 
.productItemRepeatBox:nth-child(2n) { position: relative; top: 57px; }
.productItemRepeatBox.productItemLastEvenLoop { margin-bottom: 57px;}
.productItemTopBox { background-color: rgba(255, 255, 255,1); height: 320px; width: 100%; text-align: center; } 
.productItemImageBox { display: flex; position: relative; flex-wrap: wrap; width: 100%; height: 100%; align-items: center; } 
.productItemTag { position: absolute; left: 16px; top: 16px; z-index: 1; background-color: rgba(240, 242, 244,1); padding: 10px 12px; font-size: 14px; line-height: 1; border: 1px solid rgba(8, 28, 68,0.15); } 
.productItemImage { width: 100%; padding: 10px 20px; } 
.productItemImage img { max-width: 340px; width: 100%; margin: 0 auto; }
.productItemImage img { max-width: 230px; }

.productItemInnerBox { position: relative;}
.productItemBoxLink {    position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.productItemArrow svg { width: 27px; height: auto; line-height:1;}
.productItemArrow { width: 27px; transition: all ease 0.3s;}
.productItemInnerBox:hover .productItemArrow { margin-left: 10px;}


/*******************
Product Page
********************  */
.productBannerSection  { display: flex; width: 100%; flex-wrap: wrap; flex-direction: column; justify-content: center; padding: 230px 0 80px; }
.productTopTitle h1{font-size:60px;} 
.productGalleryBoxLeftSide li { width: 107px; height: 107px; background-color: rgba(255, 255, 255,1); display: flex; align-items: center; overflow: hidden; cursor:pointer; } 
.productGalleryBoxLeftSide li img { transform: scale(1.5); } 
.productGalleryBoxLeftSide li + li { margin-top: 16px; } 
.productGalleryBoxLeftSide { width: 107px; } 
.productGalleryBoxParent { display: flex; flex-wrap: wrap; } 
.productGalleryBoxRightSide { width: calc(100% - 107px); padding-left: 16px; } 
.productGalleryBoxRightInner { background-color: rgba(255, 255, 255,1); display: flex; height: 100%; justify-content: center; align-items: center; padding: 60px 40px; } 
.productGalleryBoxRepeat { display: none; } 
.productGalleryBoxRepeat.productGalleryItem1 { display: block; }

.productGalleryBoxLeftSide li.dynamicGalleryBoxStyle{background-color:rgba(8, 28, 68,1); color: #ffffff; text-align: center; font-family: Syne, sans-serif; font-size: 32px; line-height: 1; align-items: center; justify-content: center;}
.plusSymbol { line-height: 1; display: inline-block; vertical-align: middle;}

/* Download Button Cta */
.downloadButtonParent ul { display: flex; flex-wrap: wrap;}
.downloadButtonParent ul li { padding: 15px 40px 15px 0;}
.downloadButtonParent ul li a { color: rgba(8, 28, 68,1);}
.downloadButtonParent ul li a:hover{color:#63C389;}
.downloadBtnStyling { display: inline-block; vertical-align: middle; width: 18px; margin-left: 12px; overflow: hidden; position: relative;  } 
.downloadBtnStyling img { max-width: 17px;  transition: transform ease 0.4s; }
.downloadButtonParent ul li a:hover .downloadIconHoverState { transform: translateY(0);}
.downloadButtonParent ul li a:hover .downloadIconNormalState { transform: translateY(200%);}
.downloadIconHoverState {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;transform: translateY(-200%);}
.downloadButtonParent li a.mediumFontStyle,
.downloadButtonParent li a.mediumFontStyle:hover{font-weight:500;}

/* Simple Column Details */

.simpleColDetailBoxTitle h5{color:#081c44}

/* CTA Stript Ver2 */
.CTAStripVer2ParentSection{padding-left:40px;padding-right:40px;position: relative; }
.CTAStripVer2InnerParent{position:relative; z-index:2;}

/* Image Video Module */
.imageVideoParentBox{margin:0 -15px;}
.imageVideoRepeat { padding: 15px;}
.fullWidthSectionItem .simpleVideoBoxHeight { height: 505px } 
.simpleVideoBoxHeight { position: relative; height: 425px; } 
.simpleVideoBoxHref { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; }
.simpleImageBoxHeight img { height: 425px  !important; object-fit: cover; object-position: center center; width:100%; }
.fullWidthSectionItem .simpleImageBoxHeight img { height: 505px !important;}

/*******************
Case - overzicht / Case - overview
********************  */
/* banner Section */
.caseOverviewBanner .aboutScrollParent { bottom: 160px;}
.aboutBannerSection.caseOverviewBanner{padding:228px 0 320px;}

/* Cases Study Card Section */
.casesCardParentSection { justify-content: space-between;}
.casesCardRepeatBox { width: calc(50% - 40px); margin-bottom:120px;}
.casesCardMainBox { position: relative; top: -196px; margin-bottom: -196px;}
.casesCardRepeatBox:nth-child(even) { margin-top: 60px; margin-bottom: 60px;}
.casesCardRepeatBox.casesCardLastEvenLoop:nth-child(even) { margin-bottom: 120px;}

.casesCardImageBox { overflow: hidden; } 
.casesCardImageBox img { transition: all ease 0.3s; }
.casesCardRepeatInnerBox { position: relative; cursor: pointer; }
.casesCardRepeatInnerBox:hover .casesCardImageBox img {transform:scale(1.05)} 
a.casesCardRepeatLink { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* More Cases */

.moreCesesTopBox { justify-content: space-between;}
.moreCesesTopBoxLeft,.moreCesesTopBoxRight { width: calc(50% - 20px);}
.moreCesesBottomBoxParent{ justify-content: space-between;}
.moreCasesRepeatBox  { width: calc(33% - 20px);}
.moreCasesRepeatBoxInner { text-align: center; height: 122px; display: flex; justify-content: center; align-items: center; padding: 20px; }

/******************
Case-detail Page 
*******************/
/********* Banner Section **********/
.caseDetailBannerSection{padding:228px 0 0; overflow:hidden;}
.caseDetailMediaBoxParent { position: relative; max-width: 1190px; margin: 0 auto; } 
.caseDetailMediaBoxInner{ position: relative; }
.caseDetailMediaBoxParent img { width: 100%; border-radius:0 120px 0 0;}
.caseDetailMediaPopupHref { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
.caseDetailBannerBottomStripBg{width: 100%; height: 136px; position: absolute; left: 0; bottom: 0;}
/* Left Navigation Right Content */

.CTAIsAvailable .caseDetailBoxRight { width: 250px; align-self: flex-end;}
.CTAIsAvailable .caseDetailBoxLeft { width: calc(100% - 300px);}
.caseDetailBoxParent.CTAIsAvailable { justify-content: space-between;}
.CTANotAvailable .caseDetailBoxRight{display:none;}


.twoColScalableSecTitle h5{color:#081c44}

.twoColScalableParentBox { display: flex; flex-wrap: wrap; } 
.twoColScalableLeftSide { width: 33%; padding-right: 20px; } 
/* .twoColScalableClientLogo img{max-width:109px; width:100%;} */
.twoColScalableRightSide { width: 67%;} 
.twoColScalableNavigation ul{max-width: 206px;width: 100%;}
.twoColScalableNavigation ul li { display: block; width: 100%;}
.twoColScalableNavigation li.hs-menu-item.hs-menu-depth-1 > a { font-weight: 500; } 
.twoColScalableNavigation ul li a {color: rgb(8 28 68);font-size: 16px;line-height: 1.25;} 
.twoColScalableNavigation ul li.hs-menu-depth-2 { padding: 16px 0 24px; border-top: 1px solid rgba(8, 28, 68,0.1); } 
.twoColScalableNavigation ul li.hs-menu-depth-1 > a { font-size: 18px; line-height: 1; margin-bottom: 32px; display: block; }
/* .twoColScalableRightSideInner { max-width: 574px; width: 100%; } */


/******************
Contact Us Page 
*******************/
.aboutBannerSection.contactUsBanner { padding: 218px 0 240px;}

.contactUsBanner .aboutScrollInnerBox path,.contactUsBanner .aboutScrollInnerBox line { stroke: rgba(255, 255, 255,1);}
.contactUsBanner .aboutScrollParent { bottom: 102px;}


.contactBoxParent { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; top: -158px; margin-bottom: -158px; } 
.contactBoxRepeat { width: calc(50% - 20px); } 
.contactBoxRepeatInner { padding: 72px 80px; position:relative; }
.contactBoxRepeatInnerParent{position:relative;  z-index:3}
.contactBoxBgImg{position:absolute; left:0; top:0; width:100%; height:100%;}
.contactBoxBgImg img { width: 100%; height: 100%; object-fit: cover; object-position: center;}
.contactCTAInner { padding: 8px 0; } 
.contactCTAInner .button a { display: block; width: 100%; }
.contactBoxNumber { font-size: 18px; line-height: 1; color: #63C389; width: 30px; position: relative; top: 7px; } 
.contactBoxDescription { width: calc(100% - 30px); padding-left: 5px; }

.contactFormStyling .hs_submit{padding-top:15px;}

/******************
Inspiratiecenter Page 
*******************/

/********* inspiration Quote  **********/
.inspirationQuoteSection .singleColFlexBottom{margin-top:-178px;}
.inspirationQuoteParent { padding: 56px 66px 56px 56px; max-width: 809px; width: 100%; margin: 0 0 0 auto; position: relative; z-index: 6;}
.inspirationCenterParentInner { position: relative; z-index: 3; }

.scrolling_down .header {position: fixed; z-index: 999; top: 0; left: 0; transition: all ease 0.5s; opacity: 0; visibility: hidden;}


/*******************
Landing Pages 
********************  */
/* Webinar Page */
.headerLpPage{padding:40px 0;}
.LpBannerSection{padding:200px 0 100px;overflow:hidden;}
.LpBannerTopLeftSection{width:calc(100% - 615px);padding:0 80px;}
.LpBannerTopRightSection{width:615px;padding:100px 0 100px;}
.LpBannerTopSection .customWidthOption {position: relative;}
.lpBannerTopLeftImage img { border-radius: 0 120px 0 0; height: 540px; object-fit: cover; object-position: 65% center; width: 100%;}

.webinarBoxMain { position: relative; z-index: 3; max-width: 900px; width: 100%; margin: 0 auto; }
.webinarBoxRepeat { padding: 25px 15px; position: relative; }
.webinarBoxIcon img { height: 48px; }



.webinarBannerV2LeftInnerGrp {position: relative;}
.webinarBannerScrollSection {position: absolute;bottom: -20px;left: -115px;}


/* our Experts */
.ourExpertSpreakerParent{margin:0 -45px}
.ourExpertSpreakerRepeat{  padding: 25px 45px;}

/* Registration Card Section */
.registrationCardSection .twoColAllInOneCardLeftSide { width: 492px;}
.registrationCardSection .twoColAllInOneCardRightSide { width: calc(100% - 492px); padding:87px 123px;}


.registrationCardSection .hs-submit { margin-top: 24px;}
.registrationStrip {position: absolute;left: 0;top: 0;width: 100%;height: 160px;}

/* Webinar LP-2 */
.webinarBannerV2LeftSide {padding-right: 45px;}
.webinarBannerV2Icon img {height: 42px;width: auto;}
.webinarBannerV2LeftInner { max-width: 460px; margin: 0 auto;}
.lpWebinarBannerVer2 {padding: 204px 0 108px;}
.webinarBannerV2Parent {display: flex;flex-wrap: wrap;}
.webinarBannerV2Repeat {width: 33.33%;text-align: center;padding: 20px;position: relative;}
.webinarBannerV2RightSide {padding-left: 45px;}
.webinarBannerV2RightInnerSide {background-color:rgba(255, 255, 255,0.8);padding: 87px 25px;border-radius: 0 0 120px 0;}
.webinarBannerV2RightInnerGrp{max-width:452px; width:100%; margin:0 auto;}
.webinarBannerV2FormStyle .hs_submit {padding-top: 24px;}
.lpWebinarBannerShape {position: absolute; right: 0; top: 0;width: 100%; height: 100%;}
.lpWebinarBannerShape img { width: 100%; height: 100%; object-fit: cover;}


.recent-post-main .blogIndexSectionGroupParent { padding-top: 120px; max-width: 944px; margin: 0px auto 0;}
.recent-post-main .blogIndexSectionGroup{display: flex; flex-wrap: wrap; padding-top: 36px; padding-bottom:169px; position:relative;  justify-content: space-between;}
.recent-post-main .blogIndexSectionGroup.noPagination { padding-bottom: 0;}
.recent-post-main .blogIndexRepeat{ width: calc(50% - 40px); padding:48px 0; } 
.recent-post-main .blogIndexRepeatInner { position: relative;}
.recent-post-main .blogIndexPostImageWrapper{position:relative; overflow:hidden;}
.recent-post-main .blogIndexPostImageWrapper img {height: 320px !important;object-fit: cover;object-position: center;width: 100%; transition: all ease 0.4s;}
.recent-post-main .blogIndexPostTitle h6 a,
.recent-post-main .blogIndexPostTitle h6 a:hover,
.recent-post-main .blogIndexTopic a,
.recent-post-main .blogIndexTopic a:hover{font-weight:400}
.recent-post-main .blogIndexAuthorImg img { border-radius: 50%;  width: 44px; height: 44px;}
.recent-post-main .blogIndexAuthorName { padding-left: 20px;}
.recent-post-main .blogIndexRepeatInner:hover .blogIndexPostImageWrapper img { transform: scale(1.05);}
.recent-post-main .fullBlogListLink { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.recent-post-main .blogIndexRepeatInner:hover .readMoreBTNBlog{margin-left:10px;}
.recent-post-main .readMoreBTNBlog { width: 26px; height: 26px; display: inline-block; } 
.recent-post-main .readMoreBTNBlog svg { width: inherit; height: inherit; display: inline-block; vertical-align: middle; }
.recent-post-main .blogIndexTopic { position: absolute; left: 16px; top: 16px; z-index:2; display: flex; flex-wrap: wrap; } 
.recent-post-main .blogIndexTopic a { font-size: 14px; line-height: 1;  padding: 8px 10px; display:block; }
.recent-post-main .featureImageOverlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.recent-post-main .blogIndexRepeat:nth-child(even) { position: relative; top: 50px; }


.blogAuthorparent { display: none;}
.overlapBlogAuthor .blogAuthorparent { display:block;}

/**************
Thankyou Page
**************  */
.popUpImageOverlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.popUpIconStyling.thankyouPlayIcon {width: 120px;height: 120px;background-color: transparent;border: 1px solid #fff;line-height: 120px;}
.popUpIconStyling.thankyouPlayIcon img {width: 35px;position: relative;left: 4px;}
.iconHoverAnimation:hover .popUpIconStyling.thankyouPlayIcon{border-color:#081c44;}


/* Thankyou Page-2 */
.thankyouBannerVer2 .merkScrollBtnBox {top: 70px;}
.thankyouBannerVer2 .popUpImageOverlay { mix-blend-mode: normal; backdrop-filter: blur(4px);}
.thankyouBannerVer2 .caseDetailMediaBoxParent img{border-radius:0}






@media (min-width:768px ) {

    .mobileShow{display:none;}
    .CTAStripSection .customWidthOption {padding-right: 16px;}

    /******************
    Method Page 
    *******************/
    .methodListingLeftSide { padding-right: 20px;}
    .methodListingRightSideInner { padding-right: 24px;}
    .simpleColDetailBoxPArent.simpleDetailAlignmentFix{margin-left: -13px;}

    /******************
    Contact Us Page 
    *******************/
    /*  Two Column Left Content Right CTA  */
    .twoColSupportParent { justify-content: space-between; }
    .twoColSupportLeft { width: calc(65% - 20px);}
    .twoColSupportRight { width: calc(35% - 20px);}
    .twoColSupportLeft.rightNotAvailable { width: 100%;}

    /*  Updates  */
    /*  Case Detail  */
    .caseDetailBannerSection .solutiomOverviewBannerShape img { height: auto;}

    /* Webinar LP-2 */

    .webinarBannerV2Repeat:not(:nth-child(3n+1)):before {content: '';position: absolute;height: 100%;background-color:rgba(255, 255, 255,0.2);width: 1px;top: 0;left: 0;}


}


@media(min-width:992px){


    .tabShow{display:none}


    .ourExpertiseBoxRepeat:after {content: '';width: 1px;height: 100%; position: absolute;right: 0;top: 0; background-color:rgba(255, 255, 255,0.2); }
    .ourExpertiseBoxRepeat:nth-child(n+5):before {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 0;background-color:rgba(255, 255, 255,0.2);}
    .ourExpertiseBoxRepeat:nth-child(4n):after { display: none;}

    /********* Three Column Icon With Content Section **********/
    .threeColSimpleIconBoxRepeat:nth-child(3n) .threeColSimpleIconBoxRepeatInner:after { display: none;}
    .CTAStripSection .customWidthOption { padding-left: 8px; padding-right: 8px;}


    /*  Landing Page  */
    .webinarBoxRepeat:after { content: ''; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background-color:rgba(255, 255, 255,0.2); }
    .webinarBoxRepeat:nth-child(3n):after { display: none; }
    .webinarBoxRepeat:nth-child(n+4):before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 0; background-color:rgba(255, 255, 255,0.2); }


    .thankyouBannerVer2 .caseDetailBannerBottomStripBg{height:166px;}



}

.headerOuter.headerSticky .header{position:fixed; top:0; left:0; width:100%; animation:headerAnim 0.5s;}
@keyframes headerAnim { from {transform : translateY(-100%) } to {transform : translateY(0%)}}
@keyframes headerAnimReturn { from {transform : translateY(0%) } to {transform : translateY(-200px)}}

@media(min-width:1025px){

    /*************
    Global Module
    ****************  */
    a.expandMenu { display: none !important;}
    .childExpand { display: none !important;}

    .navigation .hs-menu-wrapper>ul .hs-menu-children-wrapper li{display:none;}

    /*   Thankyou Page   */
    .caseDetailBannerSection.thankyouBannerVer2 {padding: 232px 0 0;}


}



@media(min-width:1231px){

    .mappingPopOn .markerParent { opacity: 0; visibility: hidden;}
    .smallDeviceItem{display:none;}
    .mappingMobileImage{display:none;}

}



@media(min-width:1701px){

    .checkYourSliderImage img { height: 489px;}

}
@media(min-width:1500px){
    .professionalTeamWrapRight { padding-left: 8.5%;}
}
@media(min-width:1600px){
    .checkYourselfWrapRight { padding-left: 16%;}
    /********* Three Column Icon With Content Section **********/
    .threeColSimpleIconBoxRepeatInner {padding: 40px;} 
    .professionalTeamWrapRight { padding-left: 8%;}
    .professionalTeamSliderImage img {height: 330px !important;}
    .professionalTeamSliderMain .slick-next {top: 165px; }
}
@media(min-width:1700px){
    .checkYourselfWrapRight { padding-left: 15%;}
    .professionalTeamWrapRight {padding-left: 7.6%;}
    .professionalTeamSliderImage img {height: 380px;}
    .professionalTeamSliderMain .slick-next { bottom: inherit; top: 190px; }


}



@media (min-width: 992px) and (max-width: 1024px) {

    .ourPartnerDescriptionParent{padding-top:70px;}
    .ourPartnerLogoSection{padding-bottom:70px;}
    .twoColBestPeopleSection{padding:90px 0;}
    .checkYourselfSection{padding:80px 0;}
    .recentBlogPostSection { padding: 90px 0;}

    .bannerWithTowCol { padding-top: 150px; padding-bottom: 110px; }

}



@media (max-width: 1600px){


    h1 {font-size:76px;} 
    h2 {font-size:53px} 
    h3 {font-size:45px} 
    h4 {font-size:40px} 
    h5 {font-size:26px} 

    .checkYourselfWrapRight { padding-left: 17%;}
    .font64 h1,.font64 h2{font-size:58px}
    .font60 h1,.font60 h2{font-size:55px}

    /* Landing Page */
    .ourExpertSpreakerParent { margin: 0 -25px;}
    .ourExpertSpreakerRepeat { padding: 25px;}


}

@media (max-width: 1550px){

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

    .footerInnerBoxGrpSection{padding-left:50px !important;}
    .mappingImgRepeatTopContent h5{font-size:28px;}
    .professionalTeamSliderRepeat { padding-right: 40px;}



}

@media (max-width: 1480px){
    .scrollToNextSecBtnParent {bottom: 20px;}
    .aboutScrollParent { bottom: 265px;}
    .professionalTeamWrapRight { padding-left: 6.5%;}

    .merkScrollBtnBox { top: 0; left: -60px;}

    /*  Contact Us  */
    .contactBoxRepeatInner { padding: 60px 70px;}

    /*   Webinar Page   */
    .webinarBannerScrollSection {left: -60px;}




}
@media (max-width: 1440px){

    h1 {font-size:68px} 
    h2 {font-size:48px;} 
    h3 {font-size:41px} 
    h4 {font-size:36px} 
    h5 {font-size:24px} 
    .font40,.font40 h5,.font40 h4{font-size:36px;}
    .font36 h5,.font36 h6{font-size:32px;}
    .font64 h1,.font64 h2{font-size:53px}
    .font60 h1,.font60 h2{font-size:50px}

    blockquote { font-size: 27px; padding: 0 0 0 120px;}


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

    /* Section-1 */

    .homeBannerTopLeftSection { padding:0 40px;}
    .bannerTagTitle h6 { font-size: 16px;}
    .scrollToSection {top: 365px;}
    /* End Section-1 */

    /* Section-2 */
    .ourSolutionServiceParent ul li { width: calc(50% - 32px); margin: 0 16px;}
    .ourSolutionServiceParent { margin: 0 -16px;}


    .checkYourselfWrapRight { padding-left: 16%;}
    .checkYourSliderRepeatInner img { height: 387px;}

    /*******************
    Space Detail
    ********************  */

    /********* All In one Content With List  **********/
    .ourSolutionListingGroup ul li { width: calc(50% - 32px); }

    .professionalTeamWrapRight { padding-left: 5.2%;}

    /*  landing Page  */
    .LpBannerTopLeftSection { padding: 0 40px;}
    .LpBannerTopRightSection { width: 550px;}
    .LpBannerTopLeftSection { width: calc(100% - 550px);}
    .registrationCardSection .twoColAllInOneCardRightSide{padding:72px}
    .LpBannerSection .scrollToSection{left:0;}



}

@media(max-width:1400px){
    .solutionBannerScroll { display: none;}
}


@media(max-width:1366px){

    h1 {font-size:55px} 
    h2 {font-size:40px;} 
    h3 {font-size:36px} 
    h4 {font-size:30px} 
    h5 {font-size:24px} 
    .checkYourselfWrapRight { padding-left: 10%;}
    .font40,.font40 h5,.font40 h4{font-size:30px;}
    .font36 h5,.font36 h6{font-size:28px;}
    .font64 h1,.font64 h2{font-size:45px}
    .font60 h1,.font60 h2{font-size:42px}


    .homeBannerTopLeftImage img{height:600px; 
        /*     object-position: 70% center; */
    }
    .scrollToSection { top: 340px;}
    .professionalTeamWrapRight { padding-left: 3%;}
    /*   .professionalTeamSliderImage img{height:275px;} */
    .merkScrollBtnBox { left: 0; top: 20px;} 
    /*  aboutus banner module */
    .aboutBannerSection .tagModule { padding-top: 21px; }

}

@media(max-width:1280px){
    .professionalTeamWrapRight { padding-left: 0%;}
    .professionalTeamSliderMain .slick-list.draggable { padding-right: 30%;}
    .professionalTeamSliderMain .slick-next { right: calc(30% - 30px);}


    .popUpIconStyling.thankyouPlayIcon {width: 80px;height: 80px;line-height: 80px;}


}


@media(max-width:1230px){

    .smw45{width:45%}
    .smw55{width:55%}

    .p0-20{padding-left:16px; padding-right:16px}
    .m0-20{margin-left:-16px; margin-right:-16px;}


    .checkYourSliderRepeatInner img { height: 326px;}
    .recentPostRepeatBox { padding: 0 16px;}
    .recentPostMainGrpParent { margin: 0 -16px;}


    .bannerTagTitle h6 { font-size: 16px;}
    .bannerTagBoxRepeatInner {padding: 20px;}

    /*  Solution Page  */
    .solutionOverviewBannerSection { padding: 200px 0 200px;}
    .solutionBannerScroll{display:none;}



    .imageMappingParentSection { margin-top: -205px;}
    .circlePoints { width: 32px; height: 32px;}
    .circlePoints:before { width: 40px; height: 40px;}
    .mappingBoxCloseIcon { left: -50px;}
    .imageMappingSection { position: relative; z-index: 223;}
    .mappingImageDetailGrp { position: fixed; top: 0; right: -100%; height: 100vh; background-color: rgba(255, 255, 255,1); -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; z-index:3;  }
    body.mappingPopOn{overflow:hidden;}
    .mappingImgDetailRepeatInner { overflow: auto; }
    .mappingPopOn .mappingImageDetailGrp { right: 0;}
    .imageMappingOverlay { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(8, 28, 68,0.6); z-index: 2; transition:all ease 0.2s; opacity: 0; visibility: hidden; }  
    .mappingPopOn .imageMappingOverlay{ opacity: 1; visibility: visible;}
    .mappingBoxCloseIcon svg path { stroke: rgba(255, 255, 255,1);}
    .mappingBoxCloseIcon svg g { opacity: 1;}
    .defaultDeviceItem{position: absolute; left: 0; top: 0; z-index: -1;}

    .mappingImgDetailRepeatInner { padding: 24px;}
    .mappingImgDetailTopSection { padding: 0;}
    .mappingImgDetailRepeat { padding: 0;}

    .circlePoints:after { width: 16px; height: 16px;  }
    .mappingParent img { height: auto;}
    .mappingImgRepeatTopContent p { font-size: 16px; line-height: 1.125;}


    .megaMenuActive .imageMappingSection{z-index:5;}

    .header { z-index: 231;}
    .megaMenuSection { z-index: 230;}
    .mappingPopOn header.header { z-index: 210;}

    /********* Single Column Image with content and Logo Module **********/
    .singleColFlexBottom { margin-top: -200px;}

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

    /********* Banner Section **********/
    .aboutBannerSection { padding: 200px 0 280px;}

    .aboutScrollParent { bottom: 200px;}

    /********* Two Column Image Section **********/
    .twoColOnlyImageVer2Parent { top: -180px; margin-bottom: -180px;}

    /********* Timeline Section **********/
    .timeLineSliderRepeat { padding: 40px 15px 0 0;}

    .simpleTwoColListImgSection .customWidthOption{padding-left:0;}
    .simpleTwoColListRightSide { padding-left: 0px;}
    /*******************
    Case - overzicht / Case - overview
    ********************  */
    /* banner Section */
    .aboutBannerSection.caseOverviewBanner{padding:200px 0 280px;}
    .caseOverviewBanner .aboutScrollParent { bottom: 210px;}
    .aboutBannerSection.aboutBannerSectionv2 { padding: 200px 0 220px; }
    /*******************
    Contact Us
    ********************  */

    /* Contact Us Banner   */
    .contactBoxRepeatInner { padding: 50px 60px;}

    /******************
    Contact Us Page 
    *******************/
    .aboutBannerSection.contactUsBanner { padding: 200px 0 240px;}


    /*  Landing Page  */
    .headerLpPage { padding: 24px 0;}
    .LpBannerTopRightSection { width: 487px;}
    .LpBannerTopLeftSection { width: calc(100% - 487px);}
    .webinarBannerScrollSection{display:none;}



}


@media(max-width:1080px){


    .content-wrapper,
    .page-center{ width:100%;  }

    h1 {font-size:40px} 
    h2 {font-size:36px;} 
    h3 {font-size:32px} 
    h4 {font-size:28px} 
    h5 {font-size:22px} 
    .font24,.font24 h5,.font24 h4{font-size:22px;}
    .font40,.font40 h5,.font40 h4{font-size:28px;}
    .font36 h5,.font36 h6{font-size:26px;}
    .font60 h1,.font60 h2{font-size:38px}
    .font64 h1,.font64 h2{font-size:41px}

    blockquote { font-size: 22px; padding: 0 0 0 90px; } 
    blockquote:before { width: 40px; height: 40px; background-size: auto 35px; }


    .checkYourSliderRepeatInner img  { height: 296px;}

    .slick-next, .slick-prev { width: 40px; height: 40px;}


    .homeBannerTopParent { align-items: center;}
    .homeBannerTopLeftSection {padding-left: 0;padding-right: 25px;width: 50%;}
    .homeBannerTopLeftImage img { height: 400px;  /*     object-position: 80% center; */  }
    .homeBannerTopRightSection { padding: 30px 0; width: 50%;}
    .homeBannerCenter { margin-top: 20px;}
    .scrollToSection { display: none;}

    .checkYourSliderMain .slick-next { right: calc(20% - 20px); transform: translateY(calc(-50% - 20px));}
    .footerInnerBoxGrpSection{padding-left:20px !important;}


    .allSolutionBoxRepeat:nth-child(odd){padding-right: 20px;}
    .allSolutionBoxRepeat:nth-child(even){padding-Left: 20px;}

    .scrollToNextSecBtnParent {display:none;}

    /******************
    About Us Page 
    *******************/
    /********* Banner Section **********/
    .aboutScrollParent { display: none;}

    .professionalTeamSliderMain .slick-next { right: calc(30% - 20px);}


    .merkScrollBtnBox { display: none;}

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

    .LpBannerTopLeftSection { padding-left: 0; padding-right: 25px; width: 50%;}
    .lpBannerTopLeftImage img{height:400px;}
    .LpBannerTopRightSection { width: 50%; padding: 30px 0;}

    .ourExpertSpreakerParent { margin: 0 -16px;}
    .ourExpertSpreakerRepeat { padding: 25px 16px;}




}




@media(max-width:1024px){
    a.expandMenu {width: 32px; height: 32px; display: block; cursor: pointer; padding: 3px; position: absolute; top: 54px; right: 24px; border-radius:50%; background-color: #081c44; 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);}
    .childExpand { position: absolute; top: 5px; right: 0; width: 46px; text-align: center; height: 46px; margin: 0; padding: 10px; cursor: pointer; } 
    .childExpand i { position: relative; width: 16px; left: 0; top: 7px; height: 1px; opacity: 1; display: block; background: #081c44; margin: 6px auto; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; } 
    .childExpand i+i { position: relative; transform: rotate( 90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate( 90deg); top: 0px;} 
    .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);}

    h1 {font-size:40px} 
    h2 {font-size:32px;} 
    h3 {font-size:28px} 
    h4 {font-size:26px} 
    h5 {font-size:20px} 
    h6 {font-size:18px} 
    .font24,.font24 h5,.font24 h4{font-size:20px;}
    .font40,.font40 h5,.font40 h4{font-size:26px;}
    .font36 h5,.font36 h6{font-size:24px;}
    .font60 h1,.font60 h2{font-size:40px}
    .font64 h1,.font64 h2{font-size:40px}
    .checkYourSliderRepeatInner img { height: 283px;}

    .searchActiveOverlay a.expandNavigation {pointer-events: none;}




    /*  Banner Section  */
    .homeBannerSection { padding: 150px 0 80px;}
    .footerInnerBoxGrpSection{padding-left:16px !important;}


    /*******************
    Solution Page
    ********************  */
    .solutionOverviewBannerSection { padding: 150px 0 150px;}
    .allInOneFullImg img { border-radius: 0 60px 0 0;}
    /*******************
    Solution Detail
    ********************  */
    /************** General Banner Section **************** */
    .generalBannerSection { padding: 137px 0 50px;}

    /******************
    About Us Page 
    *******************/
    /********* Banner Section **********/
    .aboutBannerSection { padding: 150px 0 250px;}

    /******************
    Merk Page 
    *******************/
    .merkBannerSection { padding: 150px 0 0;}
    /*  product Module  */
    .productItemRepeatBox { width: calc(50% - 20px); padding: 32px 0;}

    /*******************
    Product Page
    ********************  */
    .productBannerSection{ padding: 137px 0 50px;}


    /******************
    Case-detail Page 
    *******************/
    .aboutBannerSection.caseOverviewBanner { padding: 150px 0 250px;}
    /********* Banner Section **********/
    .caseDetailBannerSection{ padding: 150px 0 0;}

    .caseDetailMediaBoxParent img {  border-radius:0 60px 0 0;}

    /******************
    Contact Us Page 
    *******************/
    .aboutBannerSection.contactUsBanner { padding: 150px 0 240px;}

    /*  Landing Page  */

    .LpBannerSection {padding:150px 0 80px}
    .headerLpPage { padding: 12px 0;}
    /*   Webinar Landing Page-2   */
    .lpWebinarBannerVer2 {padding: 150px 0 80px;}
    .webinarBannerV2RightInnerSide {padding: 50px 25px;border-radius: 0 0 60px 0;}
    .webinarBannerV2LeftSide {padding-right: 20px;}
    .webinarBannerV2RightSide {padding-left: 20px;}



}


@media(max-width:991px){


    h1{font-size:40px; }
    h2{font-size:28px; }
    .font60 h1,.font60 h2{font-size:40px}
    .font64 h1,.font64 h2{font-size:40px}
    /*   h3{font-size:20px; }
    h4{font-size:18px; }
    h5{font-size:15px; }
    h6{font-size:16px;} */

    .font24,.font24 h5,.font24 h4{font-size:18px;}
    .font20,.font20 h6,.font20 p{font-size:18px;}

    .tabFont28,.tabFont28 h5,.tabFont28 h4{font-size:28px;}

    blockquote { margin: 20px 0;}

    .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}
    .tabpt0{padding-top:0}
    .tabpb0{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;}



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



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

    .subTitleFormat,.subTitleFormat p{
        font-size:18px;
    }

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

    /* Section-1 */
    .bannerTagBoxParent { overflow-x: auto; flex-wrap: nowrap; } 
    .bannerTagBoxMain { margin: 0 -6px; } 
    .bannerTagBoxRepeat { width: 237px; padding: 15px 6px;}
    .bannerTagBoxRepeatInner { width: 225px;}
    .bannerTagTitle h6 { font-size: 14px; } 
    .homeBannerTopRightSection p{font-size:18px;}
    /*   .homeBannerTopLeftImage img { object-position: 75% center;} */

    .ourExpertiseBoxRepeat:nth-child(odd):after {content: '';width: 1px;height: 100%;background-color:rgba(255, 255, 255,0.2);position: absolute;right: 0;top: 0;}
    .ourExpertiseBoxRepeat:before{content: '';width: 100%;height: 1px;background-color:rgba(255, 255, 255,0.2);position: absolute;left: 0;top: 0;}
    .ourExpertiseBoxRepeat:first-child:before,.ourExpertiseBoxRepeat:nth-child(2):before{display:none}



    /* End Section-1 */

    /* Section-2 */
    .ourSolutionServiceParent ul li { width: calc(50% - 32px); margin: 0 16px;}
    .ourSolutionServiceParent { margin: 0 -16px;}



    /* Section-3 */
    .ourPartnerImageBox img { margin-top: -60px;}
    /* Section-4 */
    .checkYourSliderRepeat { padding-right: 40px;}
    .checkYourselfWrapRight { padding-left: 0;}
    .twoColBestPeopleSection .customWidthOption { padding-right: 0;}
    /* .checkYourSliderRepeatInner img { height: 300px;} */

    .checkYourSliderRepeatInner img { height: 346px;}

    .recentBlogPostSection .customWidthOption{padding-left:0;}


    /*  Onze Oplossingen // Our Solution Page  */
    .imageMappingParentSection { margin-top: -110px;}
    .solutionOverviewBannerSection { padding: 150px 0 100px;}

    .imageMappingGrpParent{height:90vh; overflow-y:auto;}

    /*******************
    Solution Detail
    ********************  */
    /********* Two Column Popup Section **********/
    .twoColAllInOnePopupMainSection { padding: 30px;}
    /********* Two Column Card Section **********/
    .twoColAllInOneCardRightSide { padding: 50px 30px;}
    .twoColAllInOneCardRightForm form .field { width: 100%;}
    .twoColAllInOneCardRightForm .hs_submit { width: 100%; text-align: left; margin-top: 10px;}

    /********* Three Column Icon With Content Section **********/
    .threeColSimpleIconBoxRepeat:nth-child(2n) .threeColSimpleIconBoxRepeatInner:after { display: none;}

    /********* Single Column Image with content and Logo Module **********/
    .singleColFlexBoxLeftSide { padding: 30px 30px 30px 40px;}
    .singleColFlexBottom { margin-top: -100px;}
    .singleColFlexITopImgBox img { height: 400px;}

    /********* Single Two Column Module **********/
    .simpleTwoColFocusSection .customWidthOption { padding-right: 0;}
    .simpleTwoColFocusRightSide { padding-left: 50px;}

    /*******************
    Space Detail
    ********************  */

    /********* All In one Content With List  **********/
    .ourSolutionListingGroup ul li { width: calc(50% - 32px);}

    .twoColOnlyImageRepeat { width: calc(50% - 20px); padding: 20px 0;}
    .twoColOnlyImageRepeatInner img { height: 450px;}

    .inspirationCenterParent { padding: 40px;}
    .professionalTeamSliderMain .slick-list.draggable { padding-right: 15%;  }
    .professionalTeamSliderMain .slick-next { right: calc(15% - 20px);}
    .professionalTeamDesignaltion{font-size:18px;}

    /******************
    Theme Page 
    *******************/
    .simpleTwoColListImgSection .customWidthOption{padding-right:0px;}


    /******************
    Merk Page 
    *******************/
    .markBannerBottomLogo { height: 100px; width: 160px; } 
    .markBannerBottomStrip { margin-top: -100px; } 
    .markBannerBottomStripBg { height: 100px; } 
    .markBannerBottomLogo img { max-width: 80px; }

    /*  Product Module  */

    /* Case Card Section */
    .casesCardRepeatBox { width: calc(50% - 25px);margin-bottom: 80px;}
    .casesCardRepeatBox:nth-child(even) { margin-top: 40px; margin-bottom: 40px;}
    .casesCardRepeatBox.casesCardLastEvenLoop:nth-child(even) { margin-bottom: 80px;}

    .caseDetailBannerBottomStripBg { height: 100px; } 

    /******************
    Contact Us Page 
    *******************/
    /*  Conatct Us Banner  */
    .contactBoxRepeatInner { padding: 32px 24px;}


    .inspirationQuoteSection .singleColFlexBottom { margin-top: -100px;}
    .inspirationQuoteParent {padding: 40px;}

    /*  Landing Page  */
    .webinarBoxRepeat:nth-child(odd):after { content: ''; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.2); position: absolute; right: 0; top: 0; }
    .webinarBoxRepeat:before { content: ''; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.2); position: absolute; left: 0; top: 0; }
    .webinarBoxRepeat:first-child:before,
    .webinarBoxRepeat:nth-child(2):before { display: none }

    .registrationCardSection .twoColAllInOneCardLeftSide { width: 329px;}
    .registrationCardSection .twoColAllInOneCardRightSide { width: calc(100% - 329px);padding:50px 30px;}

    .recent-post-main .blogIndexPostImageWrapper img {height: 250px !important;}

    .recent-post-main .blogIndexSectionGroupParent { padding-top: 80px; }
    .recent-post-main .blogIndexSectionGroup { padding-top: 16px; padding-bottom: 100px; }

}
@media(max-width:860px){

    .checkYourSliderRepeatInner img { height: 282px;}
    .recentBlogFeatureImg img { height: 250px;}

    .twoColOnlyImageRepeat { width: calc(50% - 20px); padding: 20px 0;}
    .twoColOnlyImageRepeatInner img { height: 380px;}

    /******************
    Merk Page 
    *******************/
    /*  Product   */
    .productItemTopBox { height: 280px !important;}

    .simpleImageBoxHeight img{height:265px !important;}


}

@media(max-width:767px){

    body{font-size:14px; line-height:1.57;}
    .dashListStyle ul li::before { top: 10px;}
    h5{font-size:16px;}

    blockquote { padding: 0 0 0 55px; font-size: 18px; line-height: 1.33;}
    blockquote:before { width: 34px; height: 34px; background-size: auto 30px;}
    blockquote p{font-size:14px; margin-top: 24px;}


    .font40,.font40 h5,.font40 h4{font-size:22px;}
    .mobileFont16{font-size:16px;}
    .mobileFont14,.mobileFont14 p{font-size:14px;}
    .mobileFont20, .mobileFont20 h5{font-size:20px;}
    .mobileOpacity100{opacity:100;}

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


    button, .button a, 
    a.button, .ias-trigger-next a, 
    .primarySubmitBtn form input[type='submit'], 
    .primarySubmitBtn form .hs-button,
    .button.button--secondary a, 
    a.button.button--secondary, 
    button.button--secondary, 
    .secondarySubmitBtn form input[type='submit'], 
    .secondarySubmitBtn form .hs-button,
    .button.button--tertiary a,
    a.button.button--tertiary,
    .tertiarySubmitBtn form input[type='submit'],
    .tertiarySubmitBtn form .hs-button{padding:16px 16px; font-size:14px;}

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


    .reversOrderMobile .twoColCrmTecLeftSide{order:1;}
    .reversOrderMobile .twoColCrmTecRightSide{order:2;}

    .mobilept0,.mobilep0-0{ padding-top:0px;}
    .mobilept5,.mobilep5-0{ padding-top:5px;}  
    .mobilept8,.mobilep8-0{ padding-top:8px;}  
    .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;}

    .mobilepb0,.mobilep0-0{ padding-bottom:0px;}  
    .mobilepb5,.mobilep5-0{ padding-bottom:5px;}  
    .mobilepb8,.mobilep8-0{ padding-bottom:8px;}  
    .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;}


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



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

    .mobileFont12{font-size:12px;}


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

    .footerBottomSection { border-top: none;}
    .footerBottomLogo { display: none;}
    .footerInnerBoxGrpSection{padding-left:0!important;}
    .subTitleFormat,.subTitleFormat p{ font-size:16px;  }

    .footer .footerCopyRightBoxLeft ul li,
    .footer .footerCopyRightBoxLeft ul li a{ color: rgba(8, 28, 68,1); } 
    .footer .copyRightTextBox ,.footer .footerCopyBoxRight p {color: rgba(8, 28, 68,0.6);}


    .bannerTagStyling:before { margin-right: 8px;}

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

    /* Section-1 */
    .homeBannerSection { padding: 80px 0 40px;}
    .homeBannerTopLeftSection,.homeBannerTopRightSection { width: 100%;}
    .homeBannerShape {top: 300px;right: 40px;width: 400px;} 
    .homeBannerTopSection { position: relative; } 
    .homeBannerTopSection:after {content: ''; width: 100%; height: 30%; background: linear-gradient( 192.23deg, rgba(8, 28, 68,0) 6.69%, #081c44 50.17%); position: absolute; bottom: 0;} 
    .homeBannerTopLeftSection { padding-right: 0;}
    .homeBannerTopLeftImage img { height: auto; border-radius: 0 30px 0 0;}
    .homeBannerTopRightSection { padding: 30px 0 0;}
    .homeBannerTopRightSection p{font-size:16px;}
    .homeBannerCenter { background-color:#081c44; margin-top: 0; padding-top: 20px; } 
    .homeBannerBottom { background-color:#081c44; } 
    .homeBannerTopParent { position: relative; z-index: 2; } 
    .homeBannerShape img { transform: scale(1.2); }
    .ourExpertiseBoxIcon img { height: 48px;}
    .ourExpertiseBoxRepeat { padding: 24px 15px;}
    .ourExpertiseBoxContent { display: none;}
    /* End Section-1 */

    /* Section-2 */
    .ourSolutionServiceParent ul li { width: calc(100% - 48px);}

    /*  Section-3  */
    .ourPartnerLogoBoxSection { padding-right: 0 !important;}
    .ourPartnerLogoSection { padding-left: 0 !important;}
    .ourPartnerImageBox img { margin-top: 0;}
    .ourPartnerLeftTitle { padding-top: 0; padding-bottom: 0;}
    .ourPartnerRightContent { padding-bottom: 0; padding-top: 15px;}
    .ourPartnerLogoBoxRepeatInner { height: 65px; padding: 5px; }
    .ourPartnerLogoBoxRepeat { padding: 6px;}
    .ourPartnerLogoBoxParent { padding: 10px; }
    .ourPartnerLogoImage img { height: 16px !important; width: auto;  }
    .twoColBestPeopleLeftInner { position: relative;}
    .twoColBestPeopleLeftTopImg { position: relative; z-index: 4; padding-right: 45%;}
    .twoColBestPeopleImgMobile { padding-left: 45%; position: absolute; bottom: -30px;}
    .checkYourSliderMain .slick-list.draggable { padding-right: 30%;}
    .checkYourSliderRepeat { padding-right: 24px;}
    .checkYourSliderRepeatInner img { height: 466px;}

    /*  Recent Post  */
    .recentBlogFeatureImg img{height:216px;}


    /*  Solution Overview Section  */
    /*  Section-1 //  Banner Section  */
    .solutionOverviewBannerSection { padding: 105px 0 90px;}

    /*  Section-2  */
    .allSolutionListItemParent li { padding: 8px 0 16px; font-size: 14px; line-height: 1.57; } 
    .allSolutionBoxRepeat { width: 100%; padding-right: 0; } 
    .allSolutionBoxRepeat:nth-child(odd) { padding-right: 0; } 
    .allSolutionBoxRepeat:nth-child(even) { padding-left: 0; } 
    .allSolutionBoxRepeatTitle { padding: 8px 0 12px; } 
    .allSolutionBoxRepeat { padding-top: 10px; }
    .mappingImgListItems ul { height: 75px;}

    /**************
    Solution Detail Page
    **************** */  
    .generalBannerSection.breadcrumbNavDisable { padding-top: 110px;}

    .bannerTagStyling { font-size: 14px; line-height: 14px; color: #63C389;};

    /*  Section - 2  */
    .allInOneCardMainGrp { background-color: #081c44;}
    .allInOneCardMainSectionGrp { padding-top: 42px;}  
    .allInOneFullImg img { margin-top: -41px; border-radius: 0 30px 0 0;}
    .wrappingFullImageOverlay { display: none;}
    .ourSolutionListingGroup li{padding:8px 0 16px;}

    /*   .twoColAllInOneSection, .twoColAllInOnePopupSection,.twoColAllInOneCardSection { padding-right: 0;} */
    .allInOneCardMainGrp { padding-right: 0 !important;}
    .wrappingFullImageParent{padding-right:16px;}

    .bgLineIllstrations{display:none;}
    /********* Two Column Popup Section **********/
    .twoColAllInOnePopupMainSection { padding: 24px;}

    /********* Two Column Card Section **********/
    .twoColAllInOneCardSection { position: relative; }
    .twoColAllInOneCardBgColor { position: absolute; left: -16px; bottom: 0; width: calc(100% + 32px); height: calc(100% - 40px); background-color: #ffffff; z-index: 1;}
    .twoColAllInOneCardMainSection { position: relative; z-index: 2;}
    .twoColAllInOneCardInnerSection { position: relative; z-index: 3; margin-top: -40px; }
    .twoColAllInOneCardLeftSide { width: 100%; border-radius: 0 30px 0 0;}
    .twoColAllInOneCardRightSide { width: 100%;}
    .twoColAllInOneCardLeftSideInner { padding-bottom: 56.25%;}
    .twoColAllInOneCardRightSide {padding: 24px;}
    .twoColCardTagLine { margin-right: 8px;}
    .twoColAllInOneCardRightContent { display: none;}
    .allInOneCardBottomSpacing { padding-bottom: 40px; margin-top: 0; background-color: #ffffff;}

    .twoColAllInOneSection, .twoColAllInOnePopupSection,.twoColAllInOneCardSection { padding-right: 16px;}
    /********* Three Column Icon With Content Section **********/
    .threeColSimpleIconBoxRepeat { padding: 0; } 

    .threeColSimpleIconBoxRepeat:nth-child(2n) .threeColSimpleIconBoxRepeatInner:after{display:block;} 
    .threeColSimpleIconBoxRepeatInner:after { width: calc(100% - 32px); height: 1px; top: inherit; bottom: 0; left: 50%; transform: translateX(-50%); background-color:rgba(8, 28, 68,0.1); } 
    .threeColSimpleIconBoxRepeat:last-child .threeColSimpleIconBoxRepeatInner:after { display: none; }

    /********* Single Column Image with content and Logo Module **********/
    .singleColFlexITopImgBox img { height: 300px; object-position: left top;}
    .singleColFlexBoxLeftSide { width: 100%;}
    .singleColFlexBoxRightSide { width: 100%; padding-bottom:36px;}
    .singleColFlexBoxRightParent { height: auto; flex-wrap:nowrap; padding-left:10px;}
    .singleColFlexBoxRightLogoRepeat { height: auto; width: 100%;  padding: 6px; }
    .singleColFlexBoxRightLogoRepeat:after { display: none; }
    .singleColFlexITop .content-wrapper { padding-left: 0; padding-right: 0; } 
    .singleColFlexBottom { margin-top: 0; } 
    .singleColFlexBottomBackColor { display: none; } 
    .singleColFlexBoxLeftSide {min-height: auto;} 
    .singleColFlexBottom .content-wrapper { padding-left: 0; padding-right: 0; } 
    .singleColFlexBoxLeftSide { padding: 24px 16px 24px; display: block; } 
    .singleColFlexBoxLeftSide>div { display: flex; flex-wrap: inherit; justify-content: inherit; flex-direction: inherit; }

    .singleColFlexBoxRightLogoRepeatInner {  width: 136px; border: 1px solid rgba(8, 28, 68,0.1); padding: 10px; height:63px; } 
    .singleColFlexBoxRightLogoRepeatInner img { max-width: 80px; margin: 0 auto;}

    .simpleTwoColFocusSection  .content-wrapper { padding-left: 0; padding-right: 0;}
    .simpleTwoColFocusRepeat:first-child { padding-top: 0;}
    .simpleTwoColFocusLeftSideInner { overflow: hidden;}
    .simpleTwoColFocusLeftSideInner img { height: 380px; width: 100%; object-fit: cover;}
    .simpleTwoColFocusRightSide { padding-left: 16px; padding-right: 16px;}

    /*******************
    Space Detail
    ********************  */
    /********* All In one Content With List  **********/
    .ourSolutionListingGroup ul li {  width: 100%;}

    .twoColOnlyImageRepeatInner img { height: 360px;}
    .CTAStripMainSection { padding-right: 0 !important;}
    .CTAStripSection{padding-right:16px;}

    /*******************
    About Us
    ********************  */

    /********* Banner Section  **********/
    .aboutBannerSection { padding: 105px 0 170px;}
    .aboutBannerSection .blog-tag-filter { margin-bottom: 1.5rem; text-align: center;  }
    .aboutBannerSection .blog-tag-filter__select li { margin: 0 7px 7px 0; }
    .aboutBannerSection.aboutBannerSectionv2 { padding: 100px 0 60px; }
    .aboutBannerSectionv2 .blog-author-info { padding: 15px 0 0 0; width: 100%; }
    .aboutBannerSectionv2 .blog-header__author-avatar { width: 70px; height: 70px; }
    .aboutBannerSectionv2 .blog-avtar { width: 100%; }

    /********* Two Column Image  **********/
    .twoColOnlyImageVer2Parent { top: -150px; margin-bottom: -150px;}
    .inspirationCenterParent { max-width: 100%; padding: 40px 16px;}

    /********* Timeline Section **********/
    .timeLineSliderRepeat { padding: 25px 15px 0 0;}

    .professionalTeamSliderMain .slick-list.draggable { padding-right: 5%;}
    .professionalTeamSliderMain .slick-next { right: calc(5% - 30px);}
    .professionalTeamDesignaltion{font-size:16px;}

    /*******************
    Method Page
    ********************  */
    .methodListingMainGrp { padding-right: 16px;}
    .methodListingRepeat { padding: 24px 0;}

    /*******************
    Theme Page
    ********************  */
    .simpleTwoColListRightSide {order:1}
    .simpleTwoColListLeftSide {order:2}
    .simpleTwoColListBoxParent{max-width:100%; padding-right:0;}

    /* Simple list content with Card Module */

    .suitableSolutionListParent ul li { padding: 8px 0 16px; width:100%; }
    .twoColAllInOneCardSection.suitableListCardSection {    padding-right: 0;}
    .suitableListCardSection .twoColAllInOneCardInnerSection { margin-top: 0;}

    /******************
    Merk Page 
    *******************/
    .merkBannerSection { padding: 110px 0 0;}
    .markBannerBottomStrip { margin-top: -50px; } 
    .markBannerBottomLogo { border: 1px solid rgba(8, 28, 68,0.1); }

    /* product Section */
    .productItemBottomContent h5{font-size:20px;}
    .productItemRepeatBox { width: 100%; padding: 20px 0;}
    .productItemRepeatBox:nth-child(2n) { margin-top: 0; top:0;}
    .productItemRepeatBox.productItemLastEvenLoop { margin-bottom: 0;}
    /*******************
    Product Page
    ********************  */
    .productBannerSection{ padding: 100px 0 40px;}
    .productBannerSection.breadcrumbNavDisable { padding-top: 110px;}

    .productGalleryBoxRightSide { width: 100%; padding-left: 0; padding-top: 15px; } 
    .productGalleryBoxLeftSide { width: 100%; } 
    .productGalleryBoxLeftSide .productGalleryBoxTab { display: flex; align-items: flex-start; flex-wrap:wrap; } 
    .productGalleryBoxLeftSide li+li { margin-top: 0; } 
    .productGalleryBoxLeftSide .productGalleryBoxTab li { margin-right: 16px; margin-bottom: 16px; }
    .productGalleryBoxLeftSide li { width: 80px; height: 80px;}
    .productGalleryBoxLeftSide li.dynamicGalleryBoxStyle { font-size: 22px;}

    .downloadButtonParent ul li { padding: 10px 40px 10px 0;}

    /*  CTAStrip Ver2  */
    .fullWidthSectionItem .simpleImageBoxHeight img{height:425px !important;}

    .CTAStripVer2ParentSection { padding-left: 20px; padding-right: 20px;}


    /* Image With Video Module  */
    /*   .fullWidthSectionItem .simpleVideoBoxHeight { height: 425px }  */
    .imageVideoRepeat:not(.fullWidthSectionItem) { padding: 8px 6px; } 
    .imageVideoSection .imageVideoParentBox { margin: 0 -6px; } 
    .imageVideoRepeat.fullWidthSectionItem { padding: 8px 0; } 
    .fullWidthSectionItem .simpleVideoBoxHeight { height: auto; padding-bottom: 56.25%; margin-left: -10px; margin-right: -10px; }


    /* Cases Card Section */
    .casesCardMainBox { top: -100px; margin-bottom: -100px; }
    .casesCardRepeatBox { width: calc(50% - 15px); margin-bottom: 60px; } 
    .casesCardRepeatBox:nth-child(even) { margin-top: 30px; margin-bottom: 30px; } 
    .casesCardRepeatBox.casesCardLastEvenLoop:nth-child(even) { margin-bottom: 60px;}

    /* More Cases Section */
    .moreCasesRepeatBox { width: calc(50% - 6px); padding: 6px 0; } 
    .moreCasesRepeatBoxInner { height: 65px; padding: 5px; }
    .moreCesesTopBoxLeft, .moreCesesTopBoxRight { width: 100%; }
    .moreCasesLogoImage img { height: 30px !important; width: auto;}


    /*  Case Overview Page  */
    .aboutBannerSection.caseOverviewBanner{ padding: 105px 0 170px;}

    /******************
    Case-detail Page 
    *******************/

    /********* Banner Section **********/
    .caseDetailBannerSection{ padding: 110px 0 0;}
    .caseDetailMediaBoxParent img {  border-radius:0 30px 0 0;}
    /********* Left Navigation Right Content Section **********/
    .twoColScalableLeftSide { width: 100%; padding-right:0;}
    /*   .twoColScalableClientLogo img{max-width:84px; width:100%;} */
    .twoColScalableRightSide { width: 100%;}
    .twoColScalableRightSideInner { max-width: 100%;}
    .twoColScalableNavigation ul { max-width: 100%;}
    .twoColScalableNavigation ul li a { font-size: 14px;}
    .twoColScalableNavigation ul li.hs-menu-depth-2 { padding: 8px 0 16px;}

    /******************
    Contact Us Page 
    *******************/

    /********* Contact Us Banner **********/
    .aboutBannerSection.contactUsBanner { padding: 105px 0 170px;}
    .contactBoxParent { top: -130px; margin-bottom: -130px;}
    .contactBoxRepeat { width: 100%;}

    .inspirationQuoteParent { padding: 20px 16px;}
    .inspirationQuoteSection .singleColFlexBottom{margin-top: 0px;}

    /*    */
    .CTAIsAvailable .caseDetailBoxRight { width: 100%; align-items: flex-start;}
    .CTAIsAvailable .caseDetailBoxLeft { width: 100%;}

    /* Play Icon */
    .popUpIconStyling.largePlayIcon { width: 56px; height: 56px; line-height: 56px;}
    .popUpIconStyling.largePlayIcon img { width: 32px; height: 32px;}



    .normalCardModule .twoColAllInOneCardInnerSection { margin-top: 0;}
    .normalCardModule .twoColAllInOneCardSection { padding-right: 0;}

    /*******************
    Landing Page
    ********************    */
    .headerLpPage { padding: 14px 16px;}
    .headerLpLogo { max-width: 106px; line-height: 1;}
    .headerLpLogo svg { width: 106px;}
    .LpBannerSection { padding: 80px 0 40px;}


    .LpBannerTopLeftSection { width: 100%; padding-right: 0;}
    .LpBannerTopRightSection { width: 100%;}
    .lpBannerTopLeftImage img { border-radius: 0 30px 0 0; height:auto;}

    /*  LP-Card Section  */
    .registrationCardSection .twoColAllInOneCardLeftSide { width: 100%;}
    .registrationCardSection .twoColAllInOneCardRightSide { width: 100%;}
    .registrationCardSection .twoColAllInOneCardRightSide{padding:24px;}

    /*   Webinar Landing Page-2   */
    .lpWebinarBannerVer2 {padding: 80px 0 40px;}
    .webinarBannerV2LeftSide {width: 100%;max-width: 100%;padding-right: 0;}
    .webinarBannerV2LeftInner {max-width: 100%;}
    .webinarBannerV2RightSide {width: 100%;padding-left: 0;padding-top: 30px;}
    .webinarBannerV2RightInnerGrp {max-width: 100%;}
    .lpWebinarBannerShape {height: 600px;top: 101px;opacity: 0.3;}

    .webinarBannerV2Repeat {width: 50%;}
    .webinarBannerV2Repeat:nth-child(2n):before {content: '';position: absolute;height: 100%;background-color:rgba(255, 255, 255,0.2);width: 1px;top: 0;left: 0;}


    .webinarCardSection .twoColAllInOneCardLeftSideInner{background-position:top center;}

    .recent-post-main .blogIndexSectionGroup{padding-bottom:20px;}
    .recent-post-main .blogIndexRepeat:nth-child(even) {  top: 0;}
    .recent-post-main .blogIndexRepeat { width: 100%; padding:20px 0;}
    .recent-post-main .blogIndexSectionGroup { padding-bottom: 70px;}


    /*   Thankyou Page   */
    .popUpIconStyling.thankyouPlayIcon {width: 56px;height: 56px;line-height: 54px;}
    .popUpIconStyling.thankyouPlayIcon img { width: 20px; height:22px; left: 3px;}


    .overlapBlogAuthor .blogAuthorparent { display: none;}
    .blogAuthorparent { display:block;}


}

@media(max-width:630px){

    /*  Section-1  */
    .bannerTagBoxRepeatInner { padding: 16px 12px 16px 16px;}
    /*  End Section-1  */
    .checkYourSliderRepeatInner img { height: 388px;}
    /*  Recent Post  */
    .recentBlogFeatureImg img{height:180px;}

    .recentPostRepeatBox { padding: 0 6px 20px; width: 231px;}
    .recentPostRepeatInnerBox { width: 219px;}
    .recentBlogPostSection .customWidthOption {padding-left: 0;}
    .recentPostMainGrp { flex-wrap: nowrap;}
    .recentPostMainGrpParent { margin: 0 -6px; overflow-x: auto;}
    .blogRecentTopicRepeat { font-size: 12px; padding: 8px;}
    .recentBlogFeatureImg img { height: 150px;}


    .singleColFlexITopImgBox img { height: 300px;}
    .twoColOnlyImageRepeatInner img { height: 300px;}

    .professionalTeamSliderMain .slick-list.draggable { padding-right: 30%;}


    /* Cases Card Section */
    .casesCardMainBox { top: -80px; margin-bottom: -80px;}
    .casesCardRepeatBox { width: 100%; margin: 20px 0;}
    .casesCardRepeatBox:nth-child(even) { margin-top: 20px; margin-bottom: 20px;}
    .casesCardRepeatBox.casesCardLastEvenLoop:nth-child(even) { margin-bottom: 40px;}

    .moreCasesLogoImage img { height: 24px !important; width: auto;}

    .simpleImageBoxHeight img { height: 209px !important;}

    .ourExpertSpreakerRepeat { width: 100%; padding: 20px 16px;}


}

@media(max-width:480px){


    .xsw100{width:100%;}
    .subTitleFormat, .subTitleFormat p { font-size: 14px;}
    /*  Home Page  */
    .homeBannerTopRightSection p{font-size:14px;}
    .checkYourSliderRepeatInner img { height: 270px;}
    .bannerTagBoxRepeatInner:hover .bannerTagArrowIcon { right: -5px;}
    /*  Home // Our Partner  */
    .ourPartnerImageBox img { height: 221px; object-fit: cover; object-position: center;}

    .singleColFlexITopImgBox img { height: 250px;}

    .simpleTwoColFocusLeftSideInner img { height: 280px;}

    .twoColOnlyImageRepeat { width: 100%; padding: 0; height: auto;}
    .twoColOnlyImageRepeat + .twoColOnlyImageRepeat { margin-top: 20px;}
    .twoColOnlyImageRepeatInner img { height: auto;}

    /*  About Page  */
    .aboutBannerSection { padding: 105px 0 100px;}

    .twoColOnlyImageVer2Parent { top: -110px; margin-bottom: -110px;}
    .professionalTeamSliderMain .slick-list.draggable { padding-right: 20%;}



    .markBannerBottomLogo img { max-width: 60px;}
    .markBannerBottomLogo { width: 120px; height: 80px;}
    .markBannerBottomStripBg { height: 80px;}
    .markBannerBottomStrip { margin-top: -20px;}

    .fullWidthSectionItem .simpleImageBoxHeight img{height:auto !important;}
    /*   .fullWidthSectionItem .simpleVideoBoxHeight { height: 360px }  */

    .moreCasesLogoImage img { height: 20px !important; width: auto;}

    .caseDetailBannerBottomStripBg { height: 80px;}
    /*  Contact Us  */
    .contactBoxParent { top: -48px; margin-bottom: -48px;}

    .aboutBannerSection.contactUsBanner { padding: 105px 0 100px;}

    /*  Case Overview  */
    .aboutBannerSection.caseOverviewBanner{ padding: 105px 0 100px;}

    .recent-post-main .blogIndexPostImageWrapper img {height: 180px !important;}

}

@media(max-width:420px){
    .professionalTeamSliderMain .slick-list.draggable { padding-right: 10%;}
    .professionalTeamSliderImage img{height:300px !important;}
    /*   .fullWidthSectionItem .simpleVideoBoxHeight { height: 300px }  */
}

@media(max-width:375px){

    .checkYourSliderRepeatInner img { height: 219px;}

    .singleColFlexITopImgBox img { height: 221px;}
    .simpleTwoColFocusLeftSideInner img { height: 221px;}
    /*   .fullWidthSectionItem .simpleVideoBoxHeight { height: 250px }  */
}
@media(max-width:350px){


    .mappingBoxCloseIcon { left: -35px;}
    .mappingImageDetailGrp { width: 280px;}

}




/* Arrow Animation Ver-1 */
.sliderArrowParent { width: 40px; display: inline-block; vertical-align: middle; position: relative; height: 25px; margin-left:8px;}
.sliderArrowCenter { width: 39px;}
.sliderArrowTop {width: 12px; top: 50%; right: 15px;transform-origin: top right;}
.sliderArrowBottom {  width: 12px; top: 11px; right: 15px;transform-origin: bottom right;}
.sliderArrowParent span { position: absolute; height: 1px; background-color: #63C389; transition: all ease 0.3s; top: 50%; transform: translateY(-50%) rotate(0deg);; } 
.sliderArrowTop,.sliderArrowBottom { opacity: 0;}
.sliderArrowAnimation:hover .sliderArrowTop,
.sliderArrowAnimation:hover .sliderArrowBottom{opacity:1;}
.sliderArrowAnimation:hover .sliderArrowCenter {width: 25px;}
.sliderArrowAnimation:hover .sliderArrowTop {transform: translateY(-50%) rotate(45deg);}
.sliderArrowAnimation:hover .sliderArrowBottom { transform: translateY(-50%) rotate(-45deg);}
/* End Arrow Animation Ver-1 */

/* Arrow Animation Ver-2 */
.recentBlogPostSection .blogArrowParent{top:-1px;}
.blogArrowParent { width: 25px; display: inline-block; vertical-align: middle; position: relative; height: 25px; margin-right:10px; transition:all ease .3s;}
.blogArrowCenter { width: 16px;}
.blogArrowTop {width: 12px; top: 50%; right: 0;transform-origin: top right;}
.blogArrowBottom {  width: 12px; top: 11px; right: 0;transform-origin: bottom right;}
.blogArrowParent span { position: absolute; height: 1px; background-color: #63C389; transition: all ease 0.3s; top: 50%; transform: translateY(-50%) rotate(0deg);; } 
.blogArrowTop,.blogArrowBottom { opacity: 0;}
.blogArrowAnimation:hover .blogArrowParent{margin-right:15px;}
.blogArrowAnimation:hover .blogArrowCenter { width: 25px;}
.blogArrowAnimation:hover .blogArrowTop,
.blogArrowAnimation:hover .blogArrowBottom{opacity:1;}

.blogArrowAnimation:hover .blogArrowTop {transform: translateY(-50%) rotate(45deg);}
.blogArrowAnimation:hover .blogArrowBottom { transform: translateY(-50%) rotate(-45deg);}
/* End Arrow Animation Ver-2 */

/* Icon Hover Animation */
.iconHoverAnimation:hover .popUpIconStyling {background-color:#081c44; transition:all ease 0.3s;}



.overflowHiddenAnimation{ overflow:hidden }

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeInAnim { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeInAnim { from { opacity:0; } to { opacity:1; } }
@keyframes fadeInAnim { from { opacity:0; } to { opacity:1; } }

.fadeInAnimation {
    opacity:0; 
    -webkit-animation:fadeInAnim ease-in 1;
    -moz-animation:fadeInAnim ease-in 1;
    animation:fadeInAnim ease-in 1;

    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

.fadeInUpAnim {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUpAnimation;
    animation-name: fadeInUpAnimation;
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUpAnimation {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
    to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInUpAnimation {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInAnimation.firstElementAnim,.fadeInUpAnim.firstElementAnim { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s;}
.fadeInAnimation.secondElementAnim,.fadeInUpAnim.secondElementAnim { -webkit-animation-delay: 1.2s; -moz-animation-delay:1.2s; animation-delay: 1.2s;}
.fadeInAnimation.thirdElementAnim,.fadeInUpAnim.thirdElementAnim { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s;}


/* LightGallery Plugin  */

.lg-on .lg-backdrop { background-color: rgba(255, 255, 255,1);}
.lg-on .lg-counter { display: none;}
.lg-on .lg-outer .lg-thumb-outer { background-color: #081c44; max-height: 150px;}
.lg-on .lg-outer .lg-thumb { padding: 24px 0;}
.lg-on .lg-next,.lg-on .lg-prev { width: 60px; height: 60px; background-color: transparent; border: 1px solid rgba(8, 28, 68,0.2); border-radius: 0; } 
.lg-on .lg-next:before { content: ''; background-image: url('https://content.rj.solutions/hubfs/Ungap_Theme_Assets-21/images/input-submit-Arrow.svg'); width: 24px; height: 24px; background-size: 24px auto; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); padding: 5px; } 
.lg-on .lg-prev::after { content: ''; background-image: url(https://content.rj.solutions/hubfs/Ungap_Theme_Assets-21/images/input-submit-Arrow.svg); width: 24px; height: 24px; background-size: 24px auto; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%) rotate(180deg); padding: 5px; }
.lg-toolbar .lg-zoom-in.lg-icon,
.lg-toolbar .lg-download.lg-icon{display:none;}
.lg-outer .lg-thumb-item { background-color: rgba(255, 255, 255,1); border: none; border-radius: 0;}

.lg-toolbar .lg-close:after { content: ''; background-image: url('https://content.rj.solutions/hubfs/Ungap_Theme_Assets-21/images/Close.svg'); width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); background-repeat: no-repeat; background-size: auto 28px; background-position: center center; } .lg-toolbar .lg-close { width: 40px; height: 40px; padding: 5px; position: relative; }

.lg-thumb-item { opacity: 0.4;}
.lg-thumb-item.active { opacity: 1;}

@media(min-width:768px){
    .lg-on .lg-outer .lg-thumb{width:auto !important;}
    .lg-outer .lg-thumb-item{margin-left:12px!important; margin-right:12px!important;}
}


.bannerTagBoxLink {z-index: 2;}
.bannerTagArrowIcon svg path {stroke: #6D4FE4;}
.bannerTagBoxRepeatInner:hover, .sliderArrowParent span {background-color: #6D4FE4;}

.button a, .button.button--secondary a {padding-right: 60px;}
.button a::after{position: absolute; background-image: url(https://6163800.fs1.hubspotusercontent-na1.net/hubfs/6163800/Ungap_Theme_Assets-21/images/sliderArrow_right.svg); background-position: 0; background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 15px; transition: all .3s ease; vertical-align: middle; width: 17px; margin-left: 10px; }
.button a:hover::after {margin-left: 15px;}

@media(max-width:767px){
    .lg-on .lg-next, .lg-on .lg-prev { width: 40px; height: 40px;}
    .button a, .button.button--secondary a {padding-right: 42px;}
}



/* .headerDesktop {display: block;}
.responsiveHeader {display: none;}

@media (max-width: 1199px) {
    .headerDesktop {display: none;}
    .responsiveHeader {display: block;}
} */