@font-face {
  font-family: 'Garamond';
  src: url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Regular/Garamond.eot');
  src: url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Regular/Garamond.eot?#iefix') format('embedded-opentype'),
    url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Regular/Garamond.woff2') format('woff2'),
    url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Regular/Garamond.woff') format('woff'),
    url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Regular/Garamond.ttf') format('truetype'),
    url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Regular/Garamond.svg#Garamond') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Garamond';
  src: url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Bold/Garamond-Bold.eot');
  src: url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Bold/Garamond-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Bold/Garamond-Bold.woff2') format('woff2'),
    url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Bold/Garamond-Bold.woff') format('woff'),
    url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Bold/Garamond-Bold.ttf') format('truetype'),
    url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Bold/Garamond-Bold.svg#Garamond-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Garamond';
  src: url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Italic/Garamond-Italic.eot');
  src: url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Italic/Garamond-Italic.eot?#iefix') format('embedded-opentype'),
    url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Italic/Garamond-Italic.woff2') format('woff2'),
    url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Italic/Garamond-Italic.woff') format('woff'),
    url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Italic/Garamond-Italic.ttf') format('truetype'),
    url('https://info.eclaro.com/hubfs/Eclaro%202024/Fonts/Garmond/Italic/Garamond-Italic.svg#Garamond-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}


/*********************************************** intial declartaion of css **********************************************/
*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,select,input,option,textarea{margin:0;padding:0;border:0;outline:0;font-size:100%;box-sizing:border-box;}
html{-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em;}
sub{bottom:-0.55em}
nav ul,nav ol{list-style:none;list-style-image:none;}

/*********************************************** remember to define focus styles! **********************************************/
:focus{outline:0;}

/********************************** tables still need 'cellspacing="0"' in the markup ****************************************/
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
table{border:0 none;border-collapse:collapse;border-spacing:0;}
td{vertical-align:top;}
img{border:0 none;max-width:100%;vertical-align:middle;height:auto}
a{outline:none;cursor:pointer;transition:all 0.5s ease;}

/**************************************** End hide from IE Mac ***************************************************************/
*:before,*:after{box-sizing:border-box;}

/************************************************** End Clearfix *************************************************/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
.clear{clear:both;}

/************************************************** For modern browsers ******************************************/
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both;}
li{list-style:none;}
::selection{background:#2375BC;color:var(--white_color);}
::-moz-selection{background:#2375BC;color:var(--white_color);}

/*************************************** display table and table cell ***************************************************/
.tbl{display:table;width:100%;height:100%;}
.tbl-cell{display:table-cell;vertical-align:middle}
.dis-flex{display:flex;flex-wrap:wrap;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;}








/* 1a. Containers */




/* 1b. Colors */
















/* 1c. Typography */


























/* 1d. Buttons */















/* 1e. Forms */






























/* 1f. Tables */














:root{
  --primary_color:#012060;
  --secondary_color:#98CB0E;
  --tertiary_color : #BDD3E9;
  --black_color:#000000;
  --body_color:#012060;
  --white_color:#FFFFFF;
  --anchor_font_color:#98CB0E;
  --primary_font:Arial;
  --secondary_font:'Garamond';

  --footer_bg_color:

  
  
    
  


  rgba(1, 32, 96, 1.0)

;

  --nav_font_color:#FFFFFF;
  --nav_drop_down_font_color:#012060;
  --nav_drop_down_bg_color:

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  --header_bg_color:

  
  
    
  


  rgba(1, 32, 96, 1.0)

;
  --footer_font_color:#FFFFFF;
  --big_p_size : 20px;

}






.content-wrapper, .container {
  max-width: 1290px;
  padding:0 20px;
  margin:0 auto;
  width:100%;
}








body, p {
  font-family: Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-weight:400;
  color: #012060;
  font-size: 18px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;
}
body:not(.custom-background-image)::before,body:not(.custom-background-image)::after{display:none!important;}

/* Paragraphs */

p {

  margin:0 0 30px;
}

/* Anchors */
a{text-decoration:none;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}

a:focus{outline:none;text-decoration:none;}
/*******************************************hubspot******************************************************************/
.row-fluid [class*="span"]{min-height:0px;}

/**************************************** logo ***************************/
.h-logo img,.f-logo img{cursor:pointer;}


/* Anchors */

a {
  color: #98CB0E;

}

a:hover,
a:focus {
  color: #70a300;
}

a:active {
  color: #c0f336;
}

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

/* Headings */

h1,
.h1 {
  font-family:var(--secondary_font);
  font-weight:700;
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal;
  line-height:1.07;
  color: #012060;
  font-size: 70px;
  text-transform: none;

}

h2,
.h2 {
  font-family:var(--secondary_font);
  font-weight:700;
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal;
  line-height:1.18;
  color: #012060;
  font-size: 55px;
  text-transform: none;

}

h3,
.h3 {
  font-family:var(--secondary_font);
  font-weight:700;
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal;
  line-height:1.26;
  color: #012060;
  font-size: 38px;
  text-transform: none;

}

h4,
.h4 {
  font-family:var(--secondary_font);
  font-weight:700;
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal;
  line-height:1.35;
  color: #012060;
  font-size: 28px;
  text-transform: none;

}

h5,
.h5 {
  font-family:var(--secondary_font);
  font-weight:700;
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal;
  line-height:1.41;
  color: #012060;
  font-size: 24px;
  text-transform: none;

}

h6,
.h6 {
  font-family:var(--secondary_font);
  font-weight:700;
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal;
  line-height:1.5;
  color: #012060;
  font-size: 20px;
  text-transform: none;

}

/* Blockquote */

blockquote {
  border-left-color: #98CB0E;
}




.hs-submit .actions { position:relative; }
button, a.button,
.button,
.hs-button,
.hs-blog-post-listing__post-button, .btn-1 a,a.btn-1, .cta_button  {
  border: 1px solid #98CB0E;

  padding-top: 12px;
padding-right: 57px;
padding-bottom: 12px;
padding-left: 30px;

  font-family: Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(152, 203, 14, 1.0)

;
  border-radius: 0px;
  color: #012060;
  font-size: 16px;
  text-transform: none;
  display:inline-block;
  position: relative;
  font-weight:700;
}



.btn-1 a:before, a.btn-1:before, .hs-submit .actions:before, .hs-blog-post-listing__post-button:before, .cta_button:before, a.button:before,.button:before  {
  background: rgba(0, 0, 0, .1);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.btn-1 a:hover:before, a.btn-1:hover:before, button:hover:before, a.button:hover:before, .button:hover:before, .hs-submit .actions:hover:before, .hs-blog-post-listing__post-button:hover:before, .cta_button:hover:before {
  opacity: 1;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus, .btn-1 a:hover,a.btn-1:hover,.btn-1 a:focus,a.btn-1:focus, .cta_button:hover, .cta_button:focus {
  background-color: 

  
  
    
  


  rgba(152, 203, 14, 1.0)

;
  color: #012060;

}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active, .btn-1 a:active,a.btn-1:active {

  background-color: 

  
  
    
  


  rgba(152, 203, 14, 1.0)

;
  color:#012060;
}


.btn-wrapper>div a:after, .hs-submit .actions:after, .hs-blog-post-listing__post-button:after, .cta_button:after, a.button:after, .button:after {
  content: "";
  height: 10px;
  -webkit-mask: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Vector%20%2882%29.svg') no-repeat 50% 50%;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
}
.btn-wrapper>.btn-1 a:after, .btn-wrapper>a.btn-1:after, button:after, a.button:after, .button:after, .hs-submit .actions:after, .hs-blog-post-listing__post-button:after, .cta_button:after {
  background-color: #012060;
}

.btn-2 a,a.btn-2 {
  border: 1px solid #012060;

  padding-top: 12px;
padding-right: 57px;
padding-bottom: 12px;
padding-left: 30px;

  font-family: Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(1, 32, 96, 1.0)

;
  border-radius: 0px;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: none;
  display:inline-block;
  font-weight:700;
  position:relative;
}

.btn-2 a:before, a.btn-2:before {
  background: rgba(255, 255, 255, 0.1);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.btn-2 a:hover:before, a.btn-2:hover:before {
  opacity: 1;
}


.btn-2 a:hover,a.btn-2:hover, .btn-2 a:focus, a.btn-2:focus, .btn-2 a:active, a.btn-2:active  { 
  color: #FFFFFF;
  background-color: 

  
  
    
  


  rgba(1, 32, 96, 1.0)

;
}
.btn-wrapper>.btn-2 a:after, .btn-wrapper>a.btn-2:after {
  background-color: #FFFFFF;
}


/* banner btn css  */

.banner-btn a { padding: 8px 20px; display: inline-block; text-align: center; color: var(--primary_color); background: var(--secondary_color); border: 2px solid var(--white_color); position: relative; }
.banner-btn a p { margin: 0; font-weight: 900; font-size:16px; line-height:1.6; }
.banner-btn a span { font-size: 12px; line-height: 2.1; font-weight: 700; font-family: var(--primary_font); display: inline-block; }
.banner-btn a:before { background: rgba(0, 0, 0, .1); content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; }
.banner-btn a:hover:before { opacity: 1; }
.banner-btn a:after { display: none; }







form,
.submitted-message {
  font-family: Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  ;
  border-top-left-radius: px;
  border-top-right-radius: px;
  border-bottom-left-radius: px;
  border-bottom-right-radius: px;
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  ;
}

/* Form title */

.form-title {
  ;
  ;
  font-family: ; font-style: normal; font-weight: 700; text-decoration: none;
  border-top-left-radius: ;
  border-top-right-radius: ;
  border-bottom-left-radius: ;
  border-bottom-right-radius: ;
  font-size: 38px;
  color: #012060;
  background-color: ;
}


/* Labels */

form label {
  color: #012060;
}

/* Help text */

form legend {
  color: #012060;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 1px solid #BDD3E9;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #012060;
  border-radius: 0px;
}

/* Form placeholder text */

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

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

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

::placeholder {
  color: #012060;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #012060;
}

.fn-date-picker td.is-selected .pika-button {
  background: #012060;
}

.fn-date-picker td .pika-button:hover {
  background-color: #012060 !important;
}

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

/* Submit button */

form input[type=submit],
form .hs-button {
  ;
  padding-top: 15px;
padding-right: 57px;
padding-bottom: 15px;
padding-left: 30px;
;
  ;
  color: #012060;
  font-size: 16px;
  background-color: 

  
  
    
  


  rgba(152, 203, 14, 1.0)

;
  border-radius: 0px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: ;
  color: ;
  ;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(192, 243, 54, 1.0);
  border-color: #c0f336;
}







header.head-sticky {
  background-color: 

  
  
    
  


  rgba(1, 32, 96, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #FFFFFF;
  font-family: Arial;
}

.menu__child-toggle-icon {
  border-top-color: #FFFFFF;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #d7d7d7;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #d7d7d7;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #ffffff;
}

.menu__child-toggle-icon:active {
  border-top-color: #ffffff;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #FFFFFF;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #012060;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(1, 32, 96, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(1, 32, 96, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Arial;
}

.header__language-switcher-label-current:after {
  border-top-color: #FFFFFF;
}

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

  
  
    
  


  rgba(1, 32, 96, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #FFFFFF;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(1, 32, 96, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #FFFFFF;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #012060;
}

.blog-post__tag-link {
  color: #012060;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000038;
}

.blog-post__tag-link:active {
  color: #294888;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #012060;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000038;
}

.blog-related-posts__title-link:active {
  color: #294888;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #98CB0E;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #70a300;
}

#comments-listing .comment-reply-to:active {
  color: #c0f336;
}





.hs-search-results__title {
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal;
  color: #012060;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #012060;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #000038;
}

.hs-blog-post-listing__post-title-link:active {
  color: #294888;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #012060;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #012060;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #000038;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #294888;
}

.hs-pagination__link-icon svg {
  fill: #012060;
}

/* Pricing card */

.card__price {
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal;
  color: #012060;
  font-size: 38px;
}

.card__body svg {
  fill: #012060;
}

/* Social follow */

.social-links__icon {
  background-color: #012060;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #000038;
}

.social-links__icon:active {
  background-color: #294888;
  font-weight: 700; text-decoration: none; font-family: ; font-style: normal;
  color: #012060;
  font-size: 38px;
}



/****************************************************Placeholder opacity cross browsers*****************************************/

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

/* WebKit browsers */
input:-moz-placeholder{color:#012060;}

/* Mozilla Firefox 4 to 18 */
input::-moz-placeholder{color:#012060;}

/* Mozilla Firefox 19+ */
input:-ms-input-placeholder{color:#012060;}

/* Internet Explorer 10+ */
textarea::-webkit-input-placeholder{color:#012060;}

/* WebKit browsers */
textarea:-moz-placeholder{color:#012060;}

/* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder{color:#012060;}

/* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder{color:#012060;}

/* Internet Explorer 10+ */

/****************************************************** IE *********************************************************/

select::-ms-expand{display:none;}
input::-ms-clear{display:none;}

/*********************************************** remove auto fill yellow color ************************************/
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fff inset;-moz-box-shadow:0 0 0 100px #fff inset;box-shadow:0 0 0 100px #fff inset;color:#333;}

/*********************************************** Form CSS **********************************************/
/*********************************************** Form CSS **********************************************/


.hs_error_rollup { display: none; }
form .hs-form-field { position: relative;width:100% !important; }
form ul.hs-error-msgs.inputs-list { list-style-type: none; margin: 0; position: relative; right: 0; bottom: 0; margin-top: 4px; }
form ul.hs-error-msgs.inputs-list > li > label { color: #cc4b37 !important; font-weight: 400; position: relative; z-index: 9; margin: 0; }
form ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: none; left: 50%; background: #ff0000; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; top: 0; }
input, textarea, select { border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
button, input, select, textarea, option { font-size: 100%; margin: 0; vertical-align: baseline;}
input[type="text"], input[type="tel"], input[type="email"] { -webkit-appearance: none !important; }
input[type="submit"] { cursor: pointer; transition: all 0.5s ease; }
textarea { overflow: auto; vertical-align: top; resize: none; }



/* -------- Forms --------- */
.hs-form textarea,.hs-form input[type="text"],.hs-form input[type="password"],.hs-form input[type="datetime"],.hs-form input[type="datetime-local"],.hs-form input[type="date"],.hs-form input[type="month"],.hs-form input[type="time"],.hs-form input[type="week"],.hs-form input[type="number"],.hs-form input[type="email"],.hs-form input[type="url"],.hs-form input[type="search"],.hs-form input[type="tel"],.hs-form input[type="color"],.hs-form input[type="file"], .hs-form select{
  width:100% !important;
  border: 1px solid #BDD3E9;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #012060;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  padding: 11px 20px;


}


.hs-form textarea:focus,.hs-form input[type="text"]:focus,.hs-form input[type="password"]:focus,.hs-form input[type="datetime"]:focus,.hs-form input[type="datetime-local"]:focus,.hs-form input[type="date"]:focus,.hs-form input[type="month"]:focus,.hs-form input[type="time"]:focus,.hs-form input[type="week"]:focus,.hs-form input[type="number"]:focus,.hs-form input[type="email"]:focus,.hs-form input[type="url"]:focus,.hs-form input[type="search"]:focus,.hs-form input[type="tel"]:focus,.hs-form input[type="color"]:focus,.hs-form select:focus{
  outline: none;
  /*border: 1px solid var(--white_color);*/
  /*background-color: #fff;*/
  /*     box-shadow: 0 0 5px #7f7f7f; */
  transition: box-shadow .5s, border-color .25s ease-in-out;
}



.hs-form-required { color: inherit; }
.hs-form input:focus{outline:0;}
.hs-form select { -webkit-appearance: none; background-image: url(https://info.eclaro.com/hubfs/Eclaro%202024/Images/Vector%20%2895%29.svg); background-position: right 20px center; background-repeat: no-repeat; background-size: 20px 11px; padding-right: 41px; color: var(--primary_color); }
.hs-form-field > label{font-size:16px;font-weight:400;color:#012060!important;display:block; margin:0 0 5px 0; line-height:1.625; }
.hs-recaptcha{margin-bottom:30px;}
.hs-form-field{position:relative;margin-bottom:15px;}
.hs-form input[type="checkbox"]{margin-right:25px;}
.hs-form textarea{height:97px!important;resize:none!important;resize:none;width:100%!important;}
input[type="submit"]{-webkit-appearance:none;;
  padding-top: 15px;
padding-right: 57px;
padding-bottom: 15px;
padding-left: 30px;
;
  ;
  color: #012060;
  font-size: 16px;
  background-color: 

  
  
    
  


  rgba(152, 203, 14, 1.0)

;
  border-radius: 0px;
  display:inline-block; }
/* input[type="submit"]:hover{background-color: 

  
  
    
  


  rgba(152, 203, 14, 1.0)

;
color: #e1e1e1;} */
.hs-form-field .input{display:table;width:100%;margin:0!important;}
.hs-input.invalid.error {
  border-color:var(--tertiary_color);
}
.hs_submit.hs-submit {
  width: auto;
  display: inline-block;
  margin-top:15px;
}
.form-columns-1 .hs-input {
  width: 100% !important;
}
/* .invalid.error{
border-bottom: 1px solid #DA0000;
} */
.hs-error-msgs{position:relative;}
.hs-error-msgs li label{font-size:14px;line-height:14px;color:#DA0000;}
.hs-error-msgs li{list-style-type:none; margin:0 !important; }
.hs-form-checkbox{width:100%;float:left;list-style-type:none;}
.hs-form-radio{width:33.3%;float:left;list-style-type:none;}
/* .hs-form-checkbox input,.hs-form-radio input{margin-right:px;} */
form .hs-richtext{text-align:center;}
form{max-width:100%;width:100%;float:none!important;}
form legend{color:#8B8B8B;font-size:18px;margin-bottom:0;}
.submitted-message p { color: var(--white_color); font-size: 24px; font-weight: 400; line-height: normal; text-align:center; overflow: hidden !important; margin: 30px 0; }
.submitted-message { text-align:center; }

/* Form Two Col Section */
.form-columns-2,.form-columns-1{max-width:100%!important;display:flex; flex-wrap:wrap; gap:0 40px;}
.form-columns-2 > div{width: calc(50% - 20px) !important;}
.form-columns-2 > div:first-child{float:left!important;}
.form-columns-2 > div:last-child{float:right!important;}

.form-columns-3{max-width:100%!important;display:flex; flex-wrap:wrap; gap:0 40px;}
.form-columns-3 > div{width: calc(33.33% - 27px) !important;}
.hs-dependent-field {
  width: 100%;
}


/* .hs-form-checkbox { margin-bottom: 10px; } */
.hs-form-checkbox label.hs-form-checkbox-display { font-size: 14px; display: flex; flex-wrap: wrap; line-height: 1.1; margin: 0; padding-right: 20px; margin-bottom:15px; }
.hs-form-checkbox-display .hs-input { display: none; }
.hs-form-checkbox label.hs-form-checkbox-display input+span { position: relative; padding-left: 25px; }
.hs-form-checkbox label.hs-form-checkbox-display input+span:before { width: 15px; height: 15px; content: ''; background-color: var(--white_color); display: inline-block; transition: 0.5s ease all; position: absolute; left: 0; top: 0; border: 1px solid var(--tertiary_color); }
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:before { background-color: var(--white_color); }
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after { content: ''; position: absolute; left: 2px; width: 12px; height: 9px; top: 2px; border-radius: 100%; transition: 0.5s ease all; background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/bluetringle.svg'); background-repeat: no-repeat; background-size: contain; }
form .hs-fieldtype-checkbox > label { display: inline-block; }
.hs-fieldtype-checkbox.field.hs-form-field { padding: 0; }


.hs-form-radio label.hs-form-radio-display { display: flex; flex-wrap: wrap; font-size: 14px; line-height: 15px; margin-bottom:15px; }
.hs-form-radio-display .hs-input { display: none; }
.hs-form-radio label.hs-form-radio-display input+span { align-items: center; position: relative; padding-left: 25px; }
.hs-form-radio label.hs-form-radio-display input+span:before { width: 15px; height: 15px; content: ''; background-color: var(--white_color); display: inline-block; border-radius: 100%; transition: 0.5s ease all; position: absolute; left: 0; border: 1px solid #767676; }
.hs-form-radio label.hs-form-radio-display input:checked+span:before { background-color: var(--white_color); }
.hs-form-radio label.hs-form-radio-display input:checked+span:after { content: ''; position: absolute; left: 4px; width: 7px; height: 7px;background-color: #98CB0E; top: 4px; border-radius: 100%; transition: 0.5s ease all; }
.hs-form-radio { width: 25%; margin-bottom: 26px; }
.hs-fieldtype-radio.field.hs-form-field { padding: 0; }
form .hs-fieldtype-radio>label { display: inline-block; margin-bottom: 10px; }


.hs-form-booleancheckbox:not(:last-child) { margin-bottom: 29px; }
.hs-form-booleancheckbox label.hs-form-booleancheckbox-display { font-size: 14px; line-height: 1.6; margin-bottom: 0; }
.hs-form-booleancheckbox-display .hs-input { display: none; }
.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span { position: relative; margin: 0; padding-left: 20px; margin-left: 0 !important; }
.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before { width: 15px; height: 15px; content: ''; background-color: var(--white_color); display: inline-block; transition: 0.5s ease all; position: absolute; left: 0; top: 3px; border: 1px solid #767676; border-radius: 3px; }
.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:before { background-color: var(--white_color); }
.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after { background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/bluetringle.svg'); background-repeat: no-repeat; background-size: contain; border-radius: 100%; content: ""; height: 9px; left: 2px; position: absolute; top: 5px; transition: all .5s ease; width: 12px; }


.legal-consent-container .field.hs-form-field { padding: 0; }
.legal-consent-container .hs-form-booleancheckbox-display p a { text-decoration: underline; }
.inputs-list { padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.hs-form-checkbox { width: 25%; margin: 0 0 15px 0 !important; }
.contact-form-main .hs-fieldtype-checkbox>label { font-weight: 700; margin-bottom: 10px;color: #012060 !important; }
li.hs-form-booleancheckbox { margin: 0 !important; }
.legal-consent-container .hs-form-booleancheckbox-display>span, .legal-consent-container .hs-form-booleancheckbox-display>span p { margin: 0 !important; }
.legal-consent-container .hs-form-booleancheckbox-display p { color: #000; }
.grecaptcha-badge {margin-left: 0 !important;}
form .inputs-list>li { margin:0 !important; }
input[type="file"]::-webkit-file-upload-button {font-family: Arial; font-size: 16px; font-weight: 700; line-height: 1.625; text-align: left; background: #98CB0E; border: none; padding: 6px 30px; margin-right: 10px; color: var(--primary_color); }


.hs-form input[type="file"] {padding: 5px 20px 5px 5px;}
.hs-dateinput:before {content: '';background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/calendar-icon%201.svg');width: 24px;height: 26px;position: absolute;left: 20px;}
.hs-dateinput>input {padding-left: 50px !important;}


/* General styling for the file input button */
.hs-form input[type="file"] {
  appearance: none; /* Resets default styles */
  -moz-appearance: none; /* Firefox-specific reset */
  -webkit-appearance: none; /* Webkit-specific reset */
  display: inline-block;
  background-color: #007bff; /* Button background color */
  color: #fff; /* Text color */
  padding: 10px 20px; /* Button padding */
  font-size: 16px; /* Text size */
  border: none; /* Removes default border */
  border-radius: 5px; /* Rounded corners */
  cursor: pointer; /* Pointer cursor on hover */
  text-align: center;
}

/* Add hover effect */


/* Add focus effect */
.hs-form input[type="file"]:focus {
  outline: 0px solid #0056b3; /* Highlight on focus */
  outline-offset: 0px;
}

/* Adjust the file input width to fit the form's design */
.hs-form input[type="file"] {
  width: auto; /* Adjust to desired size */
  max-width: 100%; /* Ensures responsiveness */
  background-color: rgba(255, 255, 255, 1.0);
  padding: 11px 20px;
  border: 1px solid var(--tertiary_color);
  color: #012060 !important;
  text-align:left !important;
}



/* Style the entire file input field */
.hs-form input[type="file"] {
  width: auto; /* Ensure it's sized appropriately */
  padding: 0; /* Reset padding */
  border: none; /* Remove borders */
  background: none; /* Remove default background */
  cursor: pointer; /* Pointer cursor for better UX */
  background-color: rgba(255, 255, 255, 1.0);
  padding: 11px 20px;
  border: 1px solid var(--tertiary_color);
  color: #012060 !important;
  text-align:left !important;
}


/* Target the Browse button specifically */
.hs-form input[type="file"]::file-selector-button {
  background-color: var(--secondary_color); /* Add background color */
  color: #fff; /* Set text color */
  border: none; /* Remove default borders */
  padding: 10px 20px; /* Add padding for button size */
  font-size: 16px; /* Adjust font size */
  border-radius: 5px; /* Add rounded corners */
  cursor: pointer; /* Pointer cursor on hover */
  text-align: left; /* Center-align text */
}

/* Add hover effect for the Browse button */
.hs-form input[type="file"]::file-selector-button:hover {
  background-color:  var(--secondary_color); /* Darker blue on hover */
}

/* Add focus effect for accessibility */
.hs-form input[type="file"]::file-selector-button:focus {
  outline: 2px solid #0056b3; /* Highlight on focus */
  outline-offset: 2px;
}
.hs-form input[type="file"] span{color: #012060 !important;}



/* Header css  */





.menu-icon { display: none; cursor: pointer; color: var(--white_color); text-transform: uppercase; text-align: center; font-weight: bold; line-height: 33px; font-size: 22px; padding: 10px 0; }
.menu-icon .menu-box { height: 34px; margin-right: 15px; padding: 5px; position: absolute; right: 0; top: 23px; width: 40px; }
.menu-icon.active .menu-box { position: absolute; right: 0; z-index: 111; transition: all 0.5s ease 0s; }
.menu-icon .menu-box span { background: var(--secondary_color); border-radius: 0; display: block; height: 3px; margin-bottom: 6px; transition: all .4s ease 0s; -webkit-transition: all .4s; width: 100%; }
.menu-icon.active span:nth-child(1) { transform: rrotate(45deg) translateY(8px) translateX(6px); -webkit-transform: rotate(45deg) translateY(8px) translateX(6px); }
.menu-icon.active span:nth-child(2) { opacity: 0; }
.menu-icon.active span:nth-child(3) { rotate(-45deg) translateY(-7px) translateX(5px); -webkit-transform: rotate(-45deg) translateY(-7px) translateX(5px); }
.enumenu_ul .hs-menu-wrapper ul { padding: 0px; margin: 0; list-style: none; justify-content: flex-end; }
.enumenu_ul .hs-menu-wrapper ul > li { display: inline-block; vertical-align: top; padding-bottom: 34px; padding-top: 34px; position: relative }
.enumenu_ul .hs-menu-wrapper > ul > li > a { text-transform: uppercase;font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--nav_font_color); }
.enumenu_ul .hs-menu-wrapper > ul > li > a:hover, .enumenu_ul .hs-menu-wrapper > ul > li.active > a { color: var(--secondary_color); }
.enumenu_ul .hs-menu-wrapper > ul > li ul a:hover { color: var(--secondary_color); }
.enumenu_ul .hs-menu-wrapper > ul > li ul { display: none }
.enumenu_ul .hs-menu-wrapper > ul > li ul li { width: 100%; margin: 0; list-style: none; position: relative; padding: 0; }
.enumenu_ul.desk .hs-menu-wrapper > ul > li ul { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; top: 100%; z-index: 999; list-style: none; left: 0px; background: var(--nav_drop_down_bg_color); position: absolute; min-width:330px; padding:15px 0px;}
.enumenu_ul.desk .hs-menu-wrapper > ul > li > ul { left:50%; transform:translateX(-50%); }
.enumenu_ul .hs-menu-wrapper ul>li>ul>li.hs-item-has-children .menubelow:hover:after { filter: invert(59%) sepia(32%) saturate(5338%) hue-rotate(45deg) brightness(94%) contrast(101%); }
/* .enumenu_ul.desk .hs-menu-wrapper > ul > li > ul:after { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid var(--secondary_color); top: -20px; content: ''; position: absolute; left: 50%; transform: translateX(-50%); } */
.enumenu_ul .hs-menu-wrapper ul>li.hs-item-has-children >ul li .menubelow { padding-right: 30px; }
header { position: fixed; right: 0; top: 0; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; width: 100%; z-index: 111; }
/*Sub menu styles*/
.enumenu_ul.desk .hs-menu-wrapper > ul > li:hover > ul { display: block; opacity: 1;  }
.enumenu_ul.desk .hs-menu-wrapper > ul .sb-menu .sb-menu { left:100%; top:0; height:100%;min-width:327px; }
.enumenu_ul.desk .hs-menu-wrapper > ul > li:hover > ul li:hover ul { opacity: 1; display: block;  }
.enumenu_ul.desk .hs-menu-wrapper > ul ul li a { height:100%; padding: 15px 25px; display: block; color: var(--nav_drop_down_font_color); font-size: 16px; text-align: left;}
.enumenu_ul.desk .hs-menu-wrapper > ul ul li a:hover { background: var(--secondary_color); }
.enumenu_ul.desk .hs-menu-wrapper > ul ul li:last-child a { border: none;}
/* .enumenu_ul.desk .hs-menu-wrapper > ul ul li:hover > a { color: var(--secondary_color); } */
.enumenu_ul .hs-menu-wrapper ul>li>ul>li.hs-item-has-children .menubelow:after { right: 13px; top: 23px; transform: rotate(-90deg); background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/eclaro-right.svg');  }
.enumenu_ul .arrow { position: absolute; right: 20px; top: 5px; width: 30px; height: 30px; background: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/%EF%84%87.svg') no-repeat center center; cursor: pointer; z-index: 999 }
.enumenu_ul .arrow.up { background: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/%EF%84%87.svg') no-repeat center center; transform: rotate(180deg); }
/* .site-header {  padding: 11px 0; } */
.site-header-wrap { display: flex; flex-wrap: wrap; align-items: center; }
.site-header-logo { width: 215px; height: 36px; overflow:hidden; }
.site-header-logo img { width: 215px; height: 100%;     object-fit: cover; object-position: center center; }
.site-header-logo a { display: inline-block; width:100%; height:100%; }
.site-header-menu { width: calc(100% - 215px); padding-left:80px; }
.enumenu_ul .hs-menu-wrapper ul>li { margin-right:40px; cursor: pointer; }
.enumenu_ul .hs-menu-wrapper ul>li:last-child { margin-right: 0; }
.enumenu_ul .hs-menu-wrapper ul>li.hs-item-has-children .menubelow { padding-right: 20px; position: relative; }
.enumenu_ul .hs-menu-wrapper ul>li.hs-item-has-children .menubelow:after { background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/%EF%84%87.svg'); content: ''; position: absolute; width: 14px; height: 8px; top: 50%; right: 0; transform: translateY(-50%); }
.enumenu_ul .hs-menu-wrapper ul>li:hover > a {color: var(--secondary_color);}
.enumenu_ul .hs-menu-wrapper > ul li.active-branch > a { color: var(--secondary_color)!important; }
 .enumenu_ul .hs-menu-wrapper ul > li:last-child > .sb-menu > li:hover .sb-menu { left: -99%; } 

/********** Footer Module 2024 ****************/


.site-footer-top { display: flex; flex-wrap: wrap; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #FFFFFF33; }
.site-footer-logo { width: 162px; height: 89px; }
.site-footer-logo img { width: 100%; height: 100%;    object-fit: cover; object-position: center center; }
.site-footer-address { width: calc(100% - 162px); }
.site-footer-logo a { display: inline-block; width:100%; height:100%; }
.site-footer-address { display: flex; flex-wrap: wrap; gap: 20px 50px; padding-left: 229px; }
.footer-add-main { width: calc(33.37% - 34px); display: flex; flex-wrap: wrap; }
.footer-add-cont { width: calc(100% - 40px); padding-left: 10px; }
.footer-add-icon img { width: 16px; height: 22px; }
.footer-add-icon { width: 40px; height: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: var(--secondary_color); }
.footer-add-cont h6 { font-size: 16px; line-height: 1.6; margin-bottom: 5px; font-family: var(--primary_font); }
.footer-add-cont p { font-size: 14px; line-height: 1.4; margin: 0; }
.site-footer { padding: 80px 0 30px 0; }
.site-footer-menu { display: flex; flex-wrap: wrap; margin: 0 -10px; padding-bottom: 40px; gap: 20px 0; }
.site-footermenu-wrap { width: 20%; padding: 0 10px; }
.footer-main-title h6 { text-transform: uppercase; font-size:18px; line-height:1.5; }
.footer-main-title a:hover h6 {color: var(--secondary_color);}
.footer-main-title { margin-bottom: 38px; position: relative; }
.footer-main-title:after { content: ''; position: absolute; width: 40px; height: 3px; background: var(--white_color); bottom: -10px; }
.site-footer-contact-inner { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 15px; }
.footer-contact-icon { width: 40px; height: 40px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: var(--secondary_color); }
.footer-contact-icon img { width: 22px; height: 22px; object-fit: contain; object-position: center center; }
.footer-contact-link { padding-left: 10px; width:calc(100% - 40px); }
.footer-contact-link a { color: var(--white_color); }
.footer-inner-links li, .footer-contact-link p { list-style-type: square; margin-bottom: 10px; font-size: 14px; line-height: 1.6; font-weight: 400; }
.site-footer-logo.mob { display: none; }
.footer-inner-links ul { padding-left: 20px; }
.footer-contact-link p { margin: 0; }
.footer-inner-links a:hover li { color: var(--secondary_color); }
.footer-contact-link a:hover p { color: var(--secondary_color); }
.footer-bottom-copyright { display: flex; flex-wrap: wrap; align-items: center; }
.footer-copyright-text p { font-size: 16px; line-height: 1.15; margin: 0; }
.footer-privacy-text a { font-size: 16px; line-height: 1.5; color: #FFFFFF }
.footer-copyright-text { padding-right: 20px; margin-right: 20px; border-right: 1px solid var(--white_color); }
.site-footer-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding-top: 31px; border-top: 1px solid #FFFFFF33; }
.footer-social-wrap { display: flex; flex-wrap: wrap; gap: 7px; width:100%; align-items:center;}
.footer-social-wrap a { width: 36px; height: 36px; background: var(--white_color); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.footer-solcial-icon { width: auto; height: auto; margin: 0 auto; padding: 4px; }
.footer-solcial-icon img { width: 100%; height: 100%; object-fit: contain; object-position: center center; }
.footer-social-wrap a:hover { background: var(--secondary_color); }
.footer-privacy-text a:hover { color: var(--secondary_color); }
.footerright{display: flex ; justify-content: flex-end; flex-wrap: wrap;}
.footer-social-wrap p { margin: 0; font-size:14px; }
.footer-privacy-text:not(:last-child) a{ padding-right: 20px;  margin-right: 20px; border-right: 1px solid var(--white_color);}


/* common heading  */
.bigp p{font-size:var(--big_p_size)}
.heading-block p,
.heading-block .heading-content p{font-size:var(--big_p_size);line-height:1.5;}

/* Hero Banner Section  */

.site-hero-banner-sec { padding-bottom: 93px;padding-top: 95px; }
.site-hero-banner-group { padding-top: 29px; }
.hero-banner-content { max-width: 277px;  }
.hero-banner-btnwrap { display: flex; flex-wrap: wrap; gap: 17px; }
.hero-banner-content h1 { margin-bottom: 30px; }
.site-hero-banner-sec sup { top: 0; font-size: 20px; font-family: var(--primary_font); display: inline-flex; right: 12px; height: 100%; vertical-align: super; }


/* Full Width Image With Content */

.full-width-img {width: 100%;height: 502px; position: sticky; top: 95px;z-index:-1;}
.full-width-img-with-content .content-box * {color: var(--white_color);}
.full-width-img-with-content .content-box {padding: 60px 0;}
.full-width-img-with-content .content-box .left-side {max-width: 396px;width: 100%;}
.full-width-img-with-content .content-box .left-side .title h2 {margin-bottom: 0;}
.full-width-img-with-content .content-box .left-side .title h2 span {color: var(--secondary_color) !important;}
.full-width-img-with-content .content-box .right-side {max-width: calc( 100% - 396px );width: 100%;padding-left: 30px;}
.full-width-img-with-content .content-box .right-side p,
.full-width-img-with-content .content-box .right-side li {font-size: 20px;}
.full-width-img-with-content .content-box .right-side p:last-child {margin-bottom: 0;}
.full-width-img-with-content .content-box .right-side ul {margin: 30px 0;padding-left: 48px;}
.full-width-img-with-content .content-box .right-side li {position: relative;list-style: none;margin-bottom: 20px;}
.full-width-img-with-content .content-box .right-side li:after { position: absolute; content: ''; background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Frame%201597882242.svg'); width: 28px; height: 28px; left: -48px; background-position: center center; background-repeat: no-repeat; top: 1px; }
.full-width-img-with-content .content-box .right-side .btn-wrapper .btn-block {margin-top: 30px;}

/* Home - Our Blog Module */

.our-blog-recent-blog-slider{margin:0 -15px 30px;}
.our-blog-recent-sec{display:flex;flex-wrap:wrap;width:100%;}
.our-blog-top-part{display:flex;flex-wrap:wrap;width:100%;align-items:center;margin:0 0 30px;}
.our-blog-logo {width: 50%;height: auto;margin-bottom: 30px;text-align: center;overflow:hidden;}
.our-blog-logo img {width: auto;height: auto;max-height: 80px;object-fit: contain;object-position: center center;}
.our-blog-recent-sec .baseModuleParent{width:100%;}
.our-blog-top-part h2{width:70%;margin:0;}
.our-blog-top-part .btn-wrapper{width:calc(100% - 70%);display:flex;justify-content:flex-end;flex-wrap:wrap;}
.our-blog-recent-wrapper{display:block;width:100%;}
.our-blog-recent-blog-slider .slick-track{display:flex;flex-wrap:wrap;}
.our-blog-recent-blog-slider .slick-slide{display:block;margin:0 15px;height:auto;}
.our-blog-recent-blog-slider button.slide-arrow{background:transparent;border:0;padding:0;margin:0;font-size:0;line-height:0;}
.our-blog-recent-item{padding:20px;border:1px solid var(--tertiary_color);position:relative;display:flex;flex-wrap:wrap;height:100%;}
.our-blog-recent-item:hover .our-blog-feat-img { transform: scale(1.1); }
.our-blog-recent-blog-slider button.slide-arrow:after,.our-blog-recent-blog-slider button.slide-arrow:before{display:none;}
a.global_link{position:absolute;left:0;right:0;width:100%;height:100%;top:0;bottom:0;z-index:1;}
.our-blog-recent-cont{display:flex;flex-wrap:wrap;width:100%;height:calc(100% - 233px);}
.our-blog-feat-img-wrapper {width: 100%;height: 233px; overflow:hidden;}
.our-blog-recent-cont h4{margin:0 0 40px;}
label.read-btn, a.read-btn{display:flex;flex-wrap:wrap;line-height:1.625;font-size:16px;font-weight:700;align-items:center;margin-top:auto;margin-bottom:20px;color:var(--body_color);}
label.read-btn span, a.read-btn span{margin-left:10px;display:flex;flex-wrap:wrap;}
.our-blog-feat-img{width:100%;height:233px;background-size:cover;background-position:center center;background-repeat:no-repeat;transition: all 0.5s ease;}
.our-blog-recent-sec{padding:100px 0 50px 0;}
button.slide-arrow:hover svg{fill:var(--secondary_color);}
button.slide-arrow:hover  rect{fill:var(--secondary_color);stroke:var(--secondary_color);}
button.slide-arrow:hover path{fill:var(--white_color);}
button.slide-arrow.prev-arrow.slick-arrow{position:absolute;left:calc(50% - 45px);bottom:-105px;margin-left:-10px;}
button.slide-arrow.next-arrow.slick-arrow{position:absolute;right:calc(50% - 45px);bottom:-105px;margin-right:-10px;}
.slick-arrow.slick-disabled {opacity: 0.2;pointer-events: none;}
button.slide-arrow { background: transparent; border: 0; padding: 0; margin: 0; font-size: 0; line-height: 0; }
.our-blog-recent-blog-slidebtm{justify-content:space-between;}
.our-blog-logo:last-child { text-align: right; }
.our-blog-logo:first-child{padding-right:20px; text-align:left;}
/* Service Module */

.service-section { padding: 100px 0 70px; }
.service-section .heading-block { margin-bottom: 60px; align-items: center; }
.service-section .heading-block p:last-child {margin: 0;}
.service-section .heading-block .right-content { max-width: 290px; width: 100%; text-align: right; }
.service-section .heading-block .left-content { max-width: calc(100% - 290px); width: 100%; padding-right: 30px; }
.service-section .heading-block .left-content h2 { margin-bottom: 0; }
.service-section .heading-block .left-content .heading-content { margin-top: 20px; }
.service-section .content-box { margin: 0 -15px; }
.service-section .content-box .content-block { width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px; }
.service-section .content-box .content-block.col1 { width: calc(100% / 1); }
.service-section .content-box .content-block.col2 { width: calc(100% / 2); }
.service-section .content-box .content-block.col3 { width: calc(100% / 3); }
.service-section .content-box .content-block .content-inner-block { display: flex; flex-direction: column; justify-content: space-between; padding: 40px; height: 100%; border: 1px solid var(--tertiary_color); background: var(--white_color); transition: 0.5s all; }
.service-section .content-box .content-block .content-inner-block .img-block { margin-bottom: 30px; width: 50px; height: 50px; }
.service-section .content-box .content-block .content-inner-block .img-block img { object-fit: cover; }
.service-section .content-box .content-block .content-inner-block .content { margin-bottom: 30px; }
.service-section .content-box .content-block .content-inner-block .content p:last-child { margin-bottom: 0; }
.service-section .content-box .content-block .content-inner-block .btn-block a { color: var(--primary_color); position: relative; font-size: 16px; line-height: 1.6; font-weight: 700; }
.service-section .content-box .content-block .content-inner-block .btn-block a:after { position: absolute; content: ""; background: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Vector%20%2882%29.svg'); width: 22px; height: 22px; top: 50%; transform: translateY(-50%); right: -32px; background-repeat: no-repeat; background-position: center; background-size: contain;     transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.newexpertise .heading-block .left-content { max-width: 100%; }

/* Slider Module */

.slider-section { padding: 100px 0; }
.slider-section .title { margin-bottom: 60px; text-align: center; }
.slider-section .title h2 { color: var(--white_color); }
.slider-section .slider-box { margin-bottom: 105px; }
.slider-section .slick-list.draggable { margin: 0 -15px; }
.slider-section .slick-slide { display: block; height: auto; margin: 0 15px; }
.slider-section .content-block { padding: 40px 30px; height: 100%; background: var(--white_color); text-align: center; display:flex; flex-direction:column; }
.slider-name-wrap {margin-top: auto;}
.slider-section .content-block .icon { width: 42px; height: 30px; margin:0 auto; margin-bottom: 40px; }
.slider-section .content-block .content { margin-bottom: 40px; }
.slider-section .content-block p:last-child { margin-bottom: 0; }
.slider-section .content-block .text p { margin-bottom: 5px; }
.slider-section .content-block h5 { margin-bottom: 0; }
.slider-section button.slide-arrow { background: transparent; border: 0; padding: 0; margin: 0; font-size: 0; line-height: 0; }
.slider-section button.slide-arrow:after, .slider-section button.slide-arrow:before { display: none; }
.slider-section .slick-track { display: flex; flex-wrap: wrap; }
.slider-section .content-block .icon svg { width: 100%; height: 100%; }
.slider-section .content-block .icon svg path {stroke: var(--primary_color);}

/* Three Column Module */


.three-column-section { padding: 100px 0 70px; }
.three-column-section p:last-child { margin-bottom: 0; }
.three-column-section .heading-block { margin-bottom: 60px; margin-left: auto; margin-right: auto; text-align: center; }
.three-column-section .content-box .content-block { display: flex; flex-direction: column; justify-content: space-between; width: 33.33%; margin-bottom: 30px; padding: 0 30px; border-right: 1px solid var(--tertiary_color); }
.three-column-section .content-box .content-block:nth-child(3n), .three-column-section .content-box .content-block:last-child { border-right: none; }
.three-column-section .content-box .content-block .title { min-height: 114px; }
.three-column-section .content-box .content-block .content ul { margin-left: 20px; }
.three-column-section .content-box .content-block .content li { margin-bottom: 20px; list-style: disc; }
.three-column-section .content-box .content-block .content p { margin-bottom:20px;   }
.three-column-section .content-box .content-block .content li::marker {color: var(--secondary_color); font-size: 19px; line-height: 0; }
.three-column-section .top-content { display: flex; flex-direction: column; height: 100%; }

/* Two Column Module */

.two-column-section {padding: 50px 0 100px;}
.two-column-section .content-box {margin:0 -15px;}
.two-column-section-main { width:100%; flex:2 0 50%; padding:0 15px; }
.two-column-section .content-box .content-block {padding: 30px;display: flex;justify-content: space-between;flex-direction: column; height:100%; }
.two-column-section .content-box .content-block .sub-title h5 {margin-bottom: 10px;}
.two-column-section .content-box .content-block .title h3 {margin-bottom: 10px;}
.two-column-section .content-box .content-block .top-content {margin-bottom: 40px;}
.two-column-section-head {text-align: center; margin-bottom: 60px;}
.two-col-sec-box-cont p:last-child { margin:0; }

/* Company Overview Banner Module */

/* .company-overview-banner .baseModuleOverlay { background:linear-gradient(87.05deg, #012060 20.93%, rgba(1, 32, 96, 0) 97.74%);  } */
.company-overview-banner { min-height: 810px; display: flex;flex-direction: column; justify-content: center; padding:75px 0; }
/* .company-overview-title { max-width: 456px; } */
.company-overview-title * { color: var(--white_color); }
.company-overview-title p { font-weight:700; }
.company-two-col-cont-wrap { display: flex; flex-wrap: wrap; }
.company-two-col-cont-left { width: 390px; display: flex; flex-direction: column; justify-content: space-between; gap: 30px 0; }
.company-two-col-cont-right { width: calc(100% - 390px); padding-left: 30px; }
.company-two-col-cont-right ul li { list-style-type: disc; margin-bottom: 20px; }
.company-two-col-cont-right ol li { list-style-type: auto; margin-bottom: 20px; }
.company-two-col-cont-right ul, .company-two-col-cont-right ol { padding-left: 18px; margin: 0 0 30px 0; }
.company-two-col-content-sec {padding: 100px 0;}
.company-two-colimg {width: 299px;height: 288px;}
.company-two-colimg img {width: 100%;height: 100%;object-fit: contain;object-position: center center;}
.company-two-col-cont-right  p:last-child { margin:0; }
.company-two-col-cont-right p {font-size: 20px;line-height: 1.5;}
.company-two-col-cont-left h2:last-child{margin-bottom:0;}

/* Company Overview - Certifications Module */

.company-certification-head { text-align: center; margin-bottom:60px;  }
.company-certi-group h3 { text-align: center; margin-bottom: 30px; }
.company-certi-wrap { display: flex; flex-wrap: wrap; gap: 30px 0; margin: 0 -15px; justify-content: center; }
.company-certi-main { width: 33.33%; padding: 0 15px; }
.company-certi-inner { text-align: center; border: 1px solid var(--tertiary_color); padding: 10px; height: 180px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; overflow:hidden;  }
.company-certi-inner img { width: auto; height: auto; object-fit: contain; object-position: center; max-height:140px; }
.company-awards-group h3 { text-align: center; margin-bottom: 30px; }
.company-awards-wrap { display: flex; flex-wrap: wrap; margin: 0 -15px; gap: 30px 0; justify-content: center; }
.company-awards-main { width: 25%; padding: 0 15px; }
.company-awards-inner { text-align: center; border: 1px solid var(--tertiary_color); padding: 10px; height: 180px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; overflow:hidden; }
.company-awards-inner img { width: auto; height: auto; object-fit: contain; object-position: center center; max-height:140px; }
.company-partner-group h3 { text-align: center; margin-bottom: 30px; }
.company-partner-wrap { display: flex; flex-wrap: wrap; margin: 0 -15px; gap: 30px 0; justify-content: center; }
.company-partner-main { width: 25%; padding: 0 15px; }
.company-partner-inner { text-align: center; padding: 10px; height: 120px; border: 1px solid var(--tertiary_color); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; overflow:hidden; }
.company-partner-inner img { width: auto; height: auto; object-fit: contain; object-position: center center; max-height:90px; }
.company-cirtification-sec { padding: 100px 0; }
.company-certi-group h3, .company-awards-group h3, .company-partner-group h3 { font-size: 45px; font-weight: 700; line-height: 1.2; letter-spacing: 0.03em; text-align: center; }
.company-certification-group { display: flex ; flex-direction: column; gap: 100px 0; }


/* Company Overview - Number Counter Module */


.number-counter-sec { padding: 100px 0; margin-bottom:100px; }
.number-counter-head { text-align: center; margin-bottom: 60px; }
.number-counter-head h3 {font-size: 45px; font-weight: 700; line-height: 1.2;  text-align: center;  }
.number-counter-wrap { display: flex; flex-wrap: wrap; gap: 20px 0; justify-content:center; }
.number-counter-main { width: 33.33%; }
.number-counter-inner { border: 1px solid var(--tertiary_color); padding: 39px; background: var(--white_color); min-height: 180px; height: 100%; }
.number-counter-inner p { margin: 0; font-size: 20px; font-weight: 400; line-height: 1.5; }
.number-counter-box h2 { display: inline-block; margin:0; }    
.number-counter-box {margin-bottom: 10px;}

/* Company Overview - Location Module */

.location-head { text-align: center; margin-bottom: 60px; }
.location-sec { padding: 100px 0; }
.loaction-wrap { display: flex; flex-wrap: wrap; margin: 0 -15px; gap: 30px 0; }
.location-main { width: 33.33%; padding: 0 15px; }
.location-inner { overflow: hidden; position: relative; height: 100%; padding-top: 70px; min-height: 358px; background-position: center center; background-size: cover; background-repeat: no-repeat; display: flex; flex-wrap: wrap; align-items: end; transition: transform 0.3s ease-out; flex-direction: column; justify-content: flex-end; }
.location-box { width: 100%; background: var(--white_color); padding: 15px; transition: all 0.5s ease; }
.location-inner h5 { margin: 0; color: var(--black_color); }
.location-inner p, .location-inner p a { margin: 0; color: var(--black_color); }
.location-box.hover-box { position: absolute; transform: translateY(100%); transition: all 0.5s ease; max-height: 200px; overflow: auto; }
.location-inner:hover .location-box.hover-box { transform: translateY(0); opacity: 1; }
.location-inner:hover .location-box { opacity: 0; }
.location-box.hover-box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6); background-color: #CCCCCC; }
.location-box.hover-box::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
.location-box.hover-box::-webkit-scrollbar-thumb { background-color: #FFF; background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 25%, transparent 100%, rgba(0, 0, 0, 1) 75%, transparent) }

/* Services Skill Module */

.services-skill-sec .content-wrapper {max-width: 1359px;}
.services-skill-sec { padding: 60px 0; }
.services-skill-wrap { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.services-skill-left { padding: 0 20px; width: 40%; }
.services-skill-right { padding: 0 20px; width: calc(100% - 40%); }
.services-skill-InnerWrap { background: var(--white_color); height:100%; }
.services-box-title { background: var(--primary_color); padding: 20px 40px; text-align: center; }
.services-box-title h5 { color: var(--white_color); margin: 0; }
.services-box-contentWrp { padding: 40px; height: auto; gap: 29px 0; }
.services-skill-right .services-box-contentWrp { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.services-skill-right .services-box-contentInner { padding: 0 20px; width: 33.33%; }
.services-box-contentInner li { list-style-type: disc; font-size: 16px; margin: 0; line-height: 1.6; }
.services-box-contentInner ul { padding-left: 25px; }
.services-box-contentInner * { color: var(--black_color); }
.services-box-contentInner h5 { margin: 0; text-decoration: underline; }
.services-skill-left .services-box-contentWrp { display: flex; flex-flow: column; }
.services-skill-head {text-align: center; margin-bottom: 60px;}

/* Full Width Content Module */

.fullwidth-content-sec { padding: 60px 0; }
.fullwidth-content-wrap h2 { margin-bottom: 30px; }
.fullwidth-content-wrap li { font-size: 20px; line-height: 1.5; margin-bottom: 20px; position: relative; }
.fullwidth-content-wrap li:last-child { margin: 0; }
.fullwidth-content-wrap ul { padding-left: 48px; }
.fullwidth-content-wrap li:after { background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Frame%201597882242.png'); content: ''; position: absolute; width: 28px; height: 28px; left: -48px; top: 0; background-position: center center; background-repeat: no-repeat; }
.fullwidth-content-wrap p:last-child { margin:0; }
.fullwidth-content-sec .btn-wrapper { margin-top: 30px; }

/* Content CTA Module */
.content-cta-wrapper { display: flex; flex-wrap: wrap; background: var(--primary_color); padding: 50px; justify-content: space-between; gap: 25px; align-items: center; }
.content-cta-wrapper.full-width { gap:50px; }
.content-cta-text * { color: var(--white_color); }
.content-cta-text h3 { margin: 0; }
.content-cta-text { width: 80%; }
.cont-cta-wrapper { gap: 10px 40px; display: flex; flex-wrap: wrap; width:auto; justify-content: center; }
.content-cta-wrapper.full-width .content-cta-text {width: 100%;text-align: center;}
.content-cta-wrapper.full-width .cont-cta-wrapper {justify-content: center;width: 100%;}
/* Accordian Module */

.accordion-mainInner { padding-left: 20px; border-left: 1px solid var(--tertiary_color); }
.accordion-title h4 { margin: 0; line-height: 2.89; padding-right: 25px; }
.accordion-title { cursor: pointer; position: relative; }
.accordion-content p:last-child { margin: 0; }
.accordion-mainInner.active { border-color: #012060; }
.accordion-content { padding-bottom: 40px; }
.accordion-heading { max-width:980px; margin:0 auto;text-align: center; margin-bottom: 60px; }
.site-according-module { padding: 100px 0; }
.accordion-title:after { right: 0; content: ''; position: absolute; background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Union%20%281%29.svg'); width: 20px; height: 20px; top: 50%; transform: translateY(-50%); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.accordion-title.open:after { background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Union.svg'); height: 5px; width: 20px; }

/* Multiple Box Module */

.multiple-box-section .multiple-box-heading { text-align: center; margin-bottom: 60px; }
.multiple-box-section .multiple-box-wrap { display: flex; flex-wrap: wrap; margin: 0 -15px; gap: 30px 0; }
.multiple-box-section .multiple-box-main { flex: 3 0 33.33%; padding: 0 15px; }
.multiple-box-section .multiple-box-inner { padding: 40px; border: 1px solid var(--tertiary_color); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; height: 100%; }
.multiple-box-section .multiple-box-inner:hover * { color: var(--white_color); }
.multiple-box-section .multiple-box-inner:hover { background: var(--primary_color); }
.multiple-box-section { padding: 100px 0; }
.multiple-box-section .multiple-box-inner p:last-child { margin: 0; }


/*  Outsourcing Risk Content Module  */

.outsourcing-risk-wrap { display: flex; flex-direction: column; }
.outsourcing-risk-inner { display: flex; flex-wrap: wrap; padding-bottom: 50px; border-bottom: 1px solid var(--tertiary_color); margin-bottom: 50px; }
.outsourcing-risk-innerLeft { width: 37%; padding-right: 25px; }
.outsourcing-risk-innerRight { width: calc(100% - 37%); padding-left: 25px; }
.outsourcing-risk-innerRight p:last-child { margin: 0; }
.outsourcing-risk-inner:last-child { margin: 0; padding: 0; border: none; }
.outsourcing-risk-sec { padding: 100px 0; }
.outsourcingsec-title { text-align: center; max-width: 1040px; margin: 0 auto 60px; }

/*  New Services Module */

.site-services-wrap { padding: 100px 0; }
.site-services-wrap .heading-block { text-align: center; margin: 0 0 60px; }
.site-services-wrap .content-box { margin: 0 -15px;row-gap:30px;justify-content: center; }
.site-services-wrap .content-box .content-block { width:33.33%; padding: 0 15px;  }
.site-services-wrap .content-box .content-block .content-inner-block { display: flex; flex-direction: column;padding: 40px; height: 100%; border: 1px solid var(--tertiary_color); background: var(--white_color); transition: 0.5s all ease; }

.site-services-wrap .content-box .content-block .content-inner-block .content p:last-child { margin-bottom: 0; }
.site-services-wrap .content-box .content-block .content-inner-block .btn-block a {width:90%;display:inline-block; color: var(--primary_color); position: relative; font-size: 16px; line-height: 1.6; font-weight: 700; }
.site-services-wrap .content-box .content-block .content-inner-block .btn-block a:after { position: absolute; content: ""; background: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Vector%20%2882%29.svg'); width: 22px; height: 22px; top: 50%; transform: translateY(-50%); margin-left:15px; background-repeat: no-repeat; background-position: center; background-size: contain;     transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.site-services-wrap .content-box .content-block .content-inner-block:hover .btn-block a { color: var(--secondary_color); }
.site-services-wrap .content-box .content-block .content-inner-block:hover .btn-block a:after{ filter: brightness(0) saturate(100%) invert(64%) sepia(94%) saturate(910%) hue-rotate(30deg) brightness(100%) contrast(89%); }
.site-services-wrap .content-box .content-block .content-inner-block:hover { background: var(--primary_color); }
.site-services-wrap .content-box .content-block .content-inner-block:hover h4, .site-services-wrap .content-box .content-block .content-inner-block:hover p { color: var(--white_color); }
.site-services-wrap .content-box .content-block .bottom-content { margin-top: auto; }
.site-services-wrap .content-box .content-block .bottom-content .btn-block {margin-top: 30px; }
/* List Content Card Module */

.site-listcard-wrap { padding: 100px 0; }
.site-listcard-wrap .heading-block *,.site-listcard-wrap .heading-block {color:#fff;}
.site-listcard-wrap .heading-block{margin:0 0 60px;text-align:center;}
.site-listcard-wrap .content-box { margin: 0 -15px; row-gap: 30px;justify-content: center; }
.site-listcard-wrap .content-box .content-block { width:33.33%; padding: 0 15px;  }
.site-listcard-wrap .content-box .content-block .content-inner-block { display: flex; flex-direction: column; padding: 40px; height: 100%; border: 1px solid var(--tertiary_color); background: var(--white_color);  }
.site-listcard-wrap .listcontent-row .listtxt{padding:0 20px;width: 100%;font-size:16px;line-height:1.625;position:relative;}
.site-listcard-wrap .listcontent-row .listtxt a { color: #012060; }
.site-listcard-wrap .listcontent-row .listtxt a:hover { color: #98CB0E; }

.site-listcard-wrap .listcontent-row .listtxt::before { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #98CB0E; top:7px; left: 0;}
.site-listcard-wrap .content-box .content-block.content-block-threecol{width:33.33%}
.site-listcard-wrap .content-box .content-block.content-block-twocol{width:50%}
.site-listcard-wrap .content-box .content-block.content-block-onecol{width:100%}
.site-listcard-wrap .content-box .listcontent-row {row-gap: 15px; }
.site-listcard-wrap .listcontent-row .listtxt.list-onecol{width: 100%;}
.site-listcard-wrap .listcontent-row .listtxt.list-twocol{width: 50%;}
.site-listcard-wrap .listcontent-row .listtxt.list-threecol{width:33.33%;}
.site-listcard-wrap .listcontent-row .listtxt.list-fourcol{width:25%;}
.site-listcard-wrap .heading-block .title { max-width: 1050px; margin: 0 auto; }
.site-listcard-wrap .heading-block .heading-content { max-width: 1190px; margin: 0 auto; }

/*  Image With Content Module */
.site-imgcontent-wrap .heading-block { text-align: center; margin-bottom: 60px; }
.site-imgcontent-wrap .heading-block *{color: var(--white_color);}
.site-imgcontent-wrap { padding: 100px 0; }
.site-imgcontent-wrap .imgleftcol { width: 50%;padding-right:15px;} 
.site-imgcontent-wrap .contentrightcol { width: 50%;padding-left:15px;align-self: center;}
.site-imgcontent-wrap .imgleftcol img { width: 100%; }
.site-imgcontent-wrap .contentrightcol .title,.site-imgcontent-wrap .contentrightcol .title *,
.site-imgcontent-wrap .contentrightcol .content,.site-imgcontent-wrap .contentrightcol .content * { color: var(--white_color); }
.site-imgcontent-wrap .contentrightcol p { font-size: 20px; line-height: 1.5; } 
.site-imgcontent-wrap .contentrightcol p:last-child{margin:0;}
.site-imgcontent-wrap .contentrightcol .title { margin-bottom: 30px; }
.company-culture-diversity .contentrightcol .title {margin-bottom: 15px;}
.company-culture-diversity .contentrightcol .title h3 ,.company-culture-diversity .contentrightcol .content h3 {margin-bottom: 15px;}
.site-imgcontent-wrap .contentrightcol .btn-wrapper a { margin-top:30px; }
.site-imgcontent-wrap.companyculture .contentrightcol,.mul-imgcontent-wrap.companyculture .mulimgcontentrow .mulcontentrightcol{align-self: flex-start;}
.site-imgcontent-wrap .imgcontentrow.imgcontentrowswap {flex-direction:row-reverse}
.site-imgcontent-wrap .imgcontentrow.imgcontentrowswap .contentrightcol{padding-left:0;padding-right:15px;}
.site-imgcontent-wrap .imgcontentrow.imgcontentrowswap .imgleftcol{padding-left:15px;padding-right:0px;}

/*  content module */

.sitecontentwrap{padding:100px 0;}
.sitecontentwrap .contentinner ol li{list-style:unset;}
.sitecontentwrap .contentinner ul li{list-style:disc}
.sitecontentwrap .contentinner ul,.sitecontentwrap .contentinner ol{padding-left:20px;}
.sitecontentwrap .contentinner ul:last-child{margin:0}
.sitecontentwrap .contentinner ul+ h2,
.sitecontentwrap .contentinner ul+ h3,
.sitecontentwrap .contentinner ul+ h4,
.sitecontentwrap .contentinner ul+ h5,
.sitecontentwrap .contentinner ul+ h6,
.sitecontentwrap .contentinner ol+ h2,
.sitecontentwrap .contentinner ol+ h3,
.sitecontentwrap .contentinner ol+ h4,
.sitecontentwrap .contentinner ol+ h5,
.sitecontentwrap .contentinner ol+ h6{margin-top:60px;}
.sitecontentwrap .contentinner p + h2,
.sitecontentwrap .contentinner p + h3,
.sitecontentwrap .contentinner p + h4,
.sitecontentwrap .contentinner p + h5,
.sitecontentwrap .contentinner p + h6{margin-top:60px;}
.sitecontentwrap .contentinner ul li:not(:last-child),
.sitecontentwrap .contentinner ol li:not(:last-child){margin:0  0 15px;}
.sitecontentwrap .contentinner h2,.sitecontentwrap .contentinner h3,.sitecontentwrap .contentinner h4,
.sitecontentwrap .contentinner h5,.sitecontentwrap .contentinner h6{margin-bottom:30px}
.sitecontentwrap .contentinner ul,
.sitecontentwrap .contentinner ol{margin-bottom:30px}
.sitecontentwrap .contentinner,
.sitecontentwrap .contentinner p,
.sitecontentwrap .contentinner ul li,
.sitecontentwrap .contentinner ol li{font-size:var(--big_p_size)}

/* Two Column Box Module */

.sitetwocolwrap{padding:100px 0}
.sitetwocolwrap .sitetwocol-box-row{display:flex;flex-wrap:wrap;margin:0 -15px;row-gap:30px;justify-content:center;}
.sitetwocolwrap .sitetwocol-box-row .sitetwocol-box-col{width:50%;padding:0 15px}
.sitetwocolwrap .sitetwocol-box-col .sitetwocol-box-inner{padding:40px;background:var(--white_color);border:1px solid var(--tertiary_color);height:100%;}
.sitetwocolwrap .sitetwocol-box-col .sitetwocol-box-inner .content p:last-child{margin:0}

/*  Multiple Row Image With Content Module */

.mul-imgcontent-wrap{padding:100px 0;}
.mul-imgcontent-wrap .heading-block{text-align:center;margin-bottom:60px;}
.mul-imgcontent-wrap .heading-block *{color:#fff;}
.mul-imgcontent-wrap .mulimgcontentrow{display:flex;flex-wrap:wrap;margin:0 -15px 60px;}
.mul-imgcontent-wrap .mulimgcontentrow:last-child{margin-bottom:0;}
.mul-imgcontent-wrap .mulimgcontentrow .mulimgconcol{padding:0 15px;width:50%;}
.mul-imgcontent-wrap .mulimgcontentrow .mulcontentrightcol{align-self: center}
.mul-imgcontent-wrap .mulimgcontentrow .imgleftcol img{width:100%}
.mul-imgcontent-wrap .mulimgcontentrow .mulcontentrightcol .title *,
.mul-imgcontent-wrap .mulimgcontentrow .mulcontentrightcol .content *{color:var(--white_color)}
.mul-imgcontent-wrap .mulimgcontentrow .mulcontentrightcol .content *:last-child{margin-bottom:0;}
.mul-imgcontent-wrap .mulimgcontentswapcol { flex-direction: row-reverse; }
.mul-imgcontent-wrap .mulimgcontentrow .btn-wrapper { margin: 30px 0 0; }
.mul-imgcontent-wrap .mulimgcontentrow .mulcontentrightcol .title { margin-bottom: 30px; }

/* Box Module */

.site-mulbox-wrap .heading-block { text-align: center; margin-bottom: 60px; }
.site-mulbox-wrap .multiple-box-row { display: flex; flex-wrap: wrap; margin: 0 -15px; row-gap: 30px; }
.site-mulbox-wrap .multiple-box-main { flex: 3 0 33.33%; padding: 0 15px; }
.site-mulbox-wrap .multiple-box-inner { background-color:var(--white_color);padding: 40px; border: 1px solid var(--tertiary_color); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; height: 100%; }
.site-mulbox-wrap .multiple-box-inner:hover * { color: var(--white_color); }
.site-mulbox-wrap .multiple-box-inner:hover { background: var(--primary_color); }
.site-mulbox-wrap{ padding: 100px 0; }
.site-mulbox-wrap .multiple-box-inner .bxcontent p:last-child { margin: 0; }
.site-mulbox-wrap .multiple-box-row .bxsubtitle :last-child{margin:0}
.site-mulbox-wrap .multiple-box-row .bxcontent{padding:10px 0 0;border-top:1px solid var(--primary_color);transition:all 0.5s ease;}
.site-mulbox-wrap .multiple-box-inner:hover .bxcontent{border-top:1px solid var(--tertiary_color);}
.site-mulbox-wrap .multiple-box-row .bxsubtitle{padding:0 0 10px}


/* Two Column With Box Content Link Module */

.site-bxlink-wrap{padding:100px 0}
.site-bxlink-wrap .site-bxlink-row{display:flex;flex-wrap:wrap}
.site-bxlink-wrap .bxlinkleftcol{width:52%}
.site-bxlink-wrap .bxlinkrightcol{width:48%;padding-left: 20px;}
.site-bxlink-wrap .bxlinkleftcol *{color:var(--white_color)}
.site-bxlink-wrap .bxlinkrightcol .bxlinkrightinner{background:var(--white_color);border:1px solid var(--white_color);padding:58px 50px;max-width:502px;margin-left:auto}
.site-bxlink-wrap .bxlinkrightcol .bxlinkrightinner h6,.site-bxlink-wrap .bxlinkrightcol .bxlinkrightinner *{font-family:var(--primary_font);font-weight:400;margin:0}
.site-bxlink-wrap .bxlinkrightcontent{border-top:1px solid #84add6;padding:30px 0}
.site-bxlink-wrap .bxlinkrightcontent:first-child{border-top:0;padding-top:0;}
.site-bxlink-wrap .bxlinkrightcontent:last-child{padding-bottom:0;}
.site-bxlink-wrap .bxlinkrightcontent > a::after{content:"";position:absolute;width:18px;height:30px;right:-18px;top:0;background-image:url(https://info.eclaro.com/hubfs/Eclaro%202024/Images/linkicon.svg);background-position:center;background-repeat:no-repeat;background-size:contain}
.site-bxlink-wrap .bxlinkrightcontent>a{position:relative;display:block;width:calc(100% - 18px);padding-right:24px}
.site-bxlink-wrap .bxlinkleftcol .bxlinktitle { margin-bottom: 30px; }
.site-bxlink-wrap .bxlinkleftcontent P:last-child { margin-bottom: 0; }
.site-bxlink-wrap .bxlinkrightcontent a:hover { opacity: 0.8; }


/* Content Card Module */

.content-card-head { text-align: center; margin-bottom: 60px; }
.content-card-wrap { display: flex; flex-wrap: wrap; margin: 0 -15px; gap: 30px 0; }
.content-card-main { width: 33.33%; padding: 0 10px; }
.content-card-main.threecol { width: 33.33%; }
.content-card-main.twocol { width: 50%; }
.content-card-main.onecol { width: 100%; }
.content-card-inner { padding: 40px 25px; background: var(--white_color); height: 100%; }
.content-card-inner p:last-child { margin: 0; }
.content-card-sec { padding: 100px 0; }
.content-card-sec .content-card-inner { display: flex; flex-wrap: wrap; flex-direction: column; }
.content-card-sec .bottom-content { margin-top: auto; } 
.content-card-sec .btn-block {margin-top: 30px;}

/* Two Column Experience Module */

.two-col-experience-wrap { display: flex; flex-wrap: wrap;}
.two-col-experience-left { width: 50%; padding-right: 15px; }
.two-col-experience-right { width: 50%; padding-left: 15px; }
.two-col-experience-left img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.two-col-experience-right p { margin: 0; }
.two-col-experience-right hr { border: 1px solid var(--tertiary_color); margin: 19px 0; }
.two-col-experience-right h2 { margin-bottom: 30px; }
.two-col-experience { padding: 100px 0; }

/* Two Column Slider Module  */

.site-twocol-slider-wrap {padding: 100px 0;}
.site-twocol-slider-wrap .topheadingrow {display: flex;flex-wrap: wrap;align-items:center;margin-bottom:60px;}
.site-twocol-slider-wrap .sliderrightinner{display:flex;flex-wrap:wrap;justify-content:end}
.site-twocol-slider-wrap .sliderrightinner .arrow_next{margin-left:21px}
.site-twocol-slider-wrap .slick-arrow svg{cursor:pointer;display:block}
.site-twocol-slider-wrap .heading-block{width:80%}
.site-twocol-slider-wrap .heading-block .title :last-child{margin:0}
.site-twocol-slider-wrap .sliderarrowsright{width:20%}
.site-twocol-slider-wrap .slick-arrow:hover svg{fill:var(--secondary_color)}
.site-twocol-slider-wrap .slick-arrow:hover rect{fill:var(--secondary_color);stroke:var(--secondary_color)}
.site-twocol-slider-wrap .slick-arrow:hover path{fill:var(--white_color)}
.site-twocol-slider-wrap .twocol-slider-rowinner{display:flex;flex-wrap:wrap;}
.site-twocol-slider-wrap .twocol-slider-rowinner .sliderimgleftcol{width:50%;padding-right:15px}
.site-twocol-slider-wrap .twocol-slider-rowinner .sliderimgleftcol img{width:100%}
.site-twocol-slider-wrap .twocol-slider-rowinner .sliderrightcol{width:50%;padding-left:15px;align-self:center}
.site-twocol-slider-wrap .twocol-slider-rowinner .sliderrightcol .title.bigp p{margin-top:30px;color:#000;}
.site-twocol-slider-wrap .testimonialbx{background-color:var(--tertiary_color);padding:20px}
.site-twocol-slider-wrap .test-desg p{margin:0}
.site-twocol-slider-wrap .testimonialcontent{margin:20px 0}
.site-twocol-slider-wrap .testimonialcontent p{margin-bottom:20px}
.site-twocol-slider-wrap .testimonialbx .quoteimg img{width:42px;height:31px}
.site-twocol-slider-wrap .twocol-slider-row {padding: 0 15px;}
.site-twocol-slider-wrap .twocolslider-main {margin: 0 -15px;}
.site-twocol-slider-wrap .sliderarrowsright-mbl{display:none}

/*  Cards With CTA Module */

.site-mulservicecard-wrap { padding: 100px 0 70px; }
.site-mulservicecard-wrap .heading-block { margin-bottom: 60px; align-items: center; }
.site-mulservicecard-wrap .heading-block .title *{color: var(--white_color);}
.site-mulservicecard-wrap .heading-block .heading-content *{ color: var(--white_color);}
.site-mulservicecard-wrap .heading-block p:last-child {margin: 0;}
.site-mulservicecard-wrap .heading-block .right-content {  width: 30%; text-align: right; }
.site-mulservicecard-wrap .heading-block .left-content { width:70%;  padding-right: 30px; }
.site-mulservicecard-wrap .heading-block .left-content h2:last-child { margin-bottom: 0; }
.site-mulservicecard-wrap .heading-block .left-content .heading-content { margin-top: 20px; }
.site-mulservicecard-wrap .content-box { margin: 0 -15px;row-gap:30px; }
.site-mulservicecard-wrap .content-box .content-block { width: calc(100% / 3); padding: 0 15px; }
.site-mulservicecard-wrap .content-box .content-block.col1 { width: calc(100% / 1); }
.site-mulservicecard-wrap .content-box .content-block.col2 { width: calc(100% / 2); }
.site-mulservicecard-wrap .content-box .content-block.col3 { width: calc(100% / 3); }
.site-mulservicecard-wrap .content-box .content-block .content-inner-block { display: flex; flex-direction: column; justify-content: space-between; padding: 40px; height: 100%; border: 1px solid var(--tertiary_color); background: var(--white_color); transition: 0.5s all; }
.site-mulservicecard-wrap .content-box .content-block .content-inner-block .img-block { margin-bottom: 30px; width: 50px; height: 50px; }
.site-mulservicecard-wrap .content-box .content-block .content-inner-block .img-block img { object-fit: cover; }
.site-mulservicecard-wrap .content-box .content-block .content-inner-block .content { margin-bottom: 30px; }
.site-mulservicecard-wrap .content-box .content-block .content-inner-block .content p:last-child { margin-bottom: 0; }
.site-mulservicecard-wrap .content-box .content-block .content-inner-block .btn-block a { color: var(--primary_color); position: relative; font-size: 16px; line-height: 1.6; font-weight: 700; }
.site-mulservicecard-wrap .content-box .content-block .content-inner-block .btn-block a:after { position: absolute; content: ""; background: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Vector%20%2882%29.svg'); width: 22px; height: 22px; top: 50%; transform: translateY(-50%); right: -32px; background-repeat: no-repeat; background-position: center; background-size: contain;     transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

/*  Two Column Card With Content Module */

.site-twocontentcard-wrap{padding:100px 0}
.site-twocontentcard-wrap .cardcontentrow{display:flex;flex-wrap:wrap;}
.site-twocontentcard-wrap .cardleftcol{width:50%;padding-right:15px}
.site-twocontentcard-wrap .contentrightcol{width:50%;padding-left: 15px;}
.site-twocontentcard-wrap .cardleftinner{background-color:var(--white_color);padding:100px 0;}
.site-twocontentcard-wrap .cardleftinner .cardtitle{text-align:center;margin:0 auto;padding:0 15px 30px;border-bottom:1px solid #012060}
.site-twocontentcard-wrap .cardleftinner .cardlistcontentmain{padding:50px 20px 0}
.site-twocontentcard-wrap .cardleftinner .cardcontent{text-align:center;margin-bottom:48px;}
.site-twocontentcard-wrap .cardleftinner ul.cardlistrow{display:flex;flex-wrap:wrap;column-gap:5px;row-gap:20px;padding:0 13px;}
.site-twocontentcard-wrap .cardleftinner ul.cardlistrow li{width:50%;position:relative;width:calc(50% - 2.5px);position:relative;padding-left:20px}
.site-twocontentcard-wrap .cardleftinner ul.cardlistrow li::before{content:"";content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#98cb0e;top:8px;left:0}
.site-twocontentcard-wrap .cardleftinner .cardtitle sup,.site-twocontentcard-wrap .cardleftinner .cardcontent sup{font-size: 12px;top: -18px;}
.site-twocontentcard-wrap .cardleftinner .cardcontent sub{font-size: 12px;bottom: -3px;}
.site-twocontentcard-wrap .contentrightcol .content * { color: var(--white_color); } 
.site-twocontentcard-wrap .contentrightcol h2 + p { margin-top: 30px; }
.site-twocontentcard-wrap .contentrightcol .btn-wrapper { margin-top: 30px; }
.site-imgcontent-wrap#capacit-e .contentrightcol { align-self: flex-start; }

/*  One Column Image With Content Module */

.site-onecolimgcontent-wrap { padding: 100px 0; } 
.site-onecolimgcontent-wrap .content * { color: var(--white_color); }
.site-onecolimgcontent-wrap .btn-wrapper a { margin-top: 30px; }
.site-onecolimgcontent-wrap .btn-wrapper a{margin-top:30px}
.site-onecolimgcontent-wrap .content li{position:relative;padding-left:20px;margin-bottom:30px}
.site-onecolimgcontent-wrap .content li:last-child{margin:0}
.site-onecolimgcontent-wrap .content li::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#98cb0e;top:8px;left:0}
.site-onecolimgcontent-wrap .imgleftcol{margin-bottom:60px;}
.site-onecolimgcontent-wrap .imgleftcol img{width:100%;object-fit:cover;object-position:center;}
.site-onecolimgcontent-wrap .content h2 +p, .site-onecolimgcontent-wrap .content h3 + p { margin-top: 30px;}


/* Awards Slider Module */

/* .award-slider-wrap-rtl { direction: rtl; } */
.award-slider-img {  /*     width: 290px; */ width: auto; text-align: center; border: 1px solid var(--tertiary_color); padding: 10px; height: 180px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; overflow: hidden; }
.award-slider-img img { width: auto; height: auto; object-fit: contain; object-position: center center; max-height: 140px; }
.award-slider-wrap-rtl .award-slider-img { height: 120px; }
.award-slider-wrap-rtl .award-slider-img img { max-height: 90px; }
.award-slider-wrap { padding: 0 0 50px 0; }
.award-slider-heading { text-align: center; margin-bottom: 60px; }
.award-slider-main.slick-slide { padding: 0px 15px; }
.award-slider-sec { padding: 100px 0; }


/* Talk to a Recruiter Form Module */

.talk-recruiter-form-wrap { display: flex; flex-wrap: wrap; }
.talk-recruiter-form-content { width: 50%; padding-right: 73px; }
.recruiter-form { width: 50%; padding-left: 15px; }
.talk-recruiter-form-sec { padding: 100px 0; }
input[type="date"]::-webkit-calendar-picker-indicator { position: absolute; left: 18px; background: transparent; width: 24px; height: 26px; pointer-events: auto; }
input::-webkit-datetime-edit-fields-wrapper { font-family: Arial !important; font-size: 16px !important; font-weight: 400 !important; line-height: 16px !important; text-align: left; display: inline-block; text-transform: uppercase; padding: 0 !important; }



/* Resources Filter Module */

.resources-filter-inner { position: relative; }
.resources-filter-top-panel select#select { background: #012060; border-radius: 0; color: #fff; display: inline-block; overflow: hidden; padding: 10px 45px 10px 20px; text-align: left; text-overflow: ellipsis; text-transform: capitalize; white-space: nowrap; width: 359px; font-size: 18px; font-weight: 400; line-height: 1.56; text-align: left; background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Group%20%2826%29.svg'); background-repeat: no-repeat; background-position: right 20px center; background-size: 20px 11px; cursor: pointer; -webkit-appearance: none; }
.resources-filter-search { width: calc(100% - 359px); padding-left: 30px; position: relative; }
.resources-filter-search input[type="text"] { font-family: Arial; font-size: 18px; font-weight: 400; line-height: 1.56; text-align: left; border: 1px solid var(--tertiary_color); padding: 9px 45px 9px 20px !important; position: relative; width: 100%; }
.resources-filter-top-sec button.search-btn { padding: 0; margin: 0; background: transparent; border: none; width: 20px; height: 20px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.resources-filter-top-panel { display: flex; flex-wrap: wrap; align-items: center; }
.resources-filter-wrap { display: flex; flex-wrap: wrap; margin: 0 -15px; gap: 30px 0; }
.resources-filter-main { width: 33.33%; padding: 0 15px; }
.resources-filter-img-wrap { width: 100%; height: 233px; overflow: hidden; margin-bottom: 19px; }
.resources-filter-img { width: 100%; height: 233px; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all 0.5s ease; background-color: var(--tertiary_color); }
.resources-filter-inner { padding: 19px; border: 1px solid var(--tertiary_color); background-color: var(--white_color); height: 100%; }
.resources-filter-inner:hover .resources-filter-img { transform: scale(1.1); }
.resources-filter-content-wrap p.theme { margin: 0; }
.resources-filter-content-wrap p.theme>span { font-family: Arial; font-size: 16px; font-weight: 400; line-height: 1.625; padding: 5px 10px; margin-bottom: 10px; display: inline-block; background: var(--tertiary_color); }
.resources-filter-sec { padding: 100px 0; }
.resources-filter-top-sec { padding: 100px 0 60px 0; }
.resources-filter-content-wrap { display: flex; flex-direction: column; height: calc(100% - 252px); }
.resources-filter-content-wrap .title { min-height: 114px; }
.resources-filter-content-wrap label.read-btn { margin-bottom: 0; }
.resources-filter-sec button.jplist-first, .resources-filter-sec button.jplist-last { display: none !important; }
.resources-filter-sec .jplist-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 5px; padding-top: 60px; }
.resources-filter-sec .jplist-pagination button { width: 40px; height: 40px; padding: 0; margin: 0; background: transparent; border: 1px solid var(--primary_color); font-family: Arial; font-size: 16px; font-weight: 400; line-height: 1.625; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.resources-filter-sec .jplist-pagingmid { display: flex; flex-wrap: wrap; }
.resources-filter-sec .jplist-pagesbox { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.resources-filter-sec .jplist-pagingprev { display: flex; flex-wrap: wrap; align-items: center; }
.resources-filter-sec .jplist-pagingnext { display: flex; flex-wrap: wrap; align-items: center; }
.resources-filter-sec button.jplist-prev { font-size: 0 !important; background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Vector-3.svg'); background-size: 5px 8px; background-repeat: no-repeat; background-position: center center; }
.resources-filter-sec button.jplist-next { background-size: 5px 8px; background-repeat: no-repeat; background-position: center center; background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Vector-2.svg'); font-size: 0 !important; }
.resources-filter-sec .jplist-pagination button:hover, .resources-filter-sec .jplist-pagination button.jplist-current { background: var(--primary_color); color: var(--white_color); }
.resources-filter-sec button.jplist-prev:hover { background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Vector-Nov-12-2024-06-53-47-9857-AM.svg'); font-size: 0; background-size: 5px 8px; background-repeat: no-repeat; background-position: center center; }
.resources-filter-sec button.jplist-next:hover { background-image: url('https://info.eclaro.com/hubfs/Eclaro%202024/Images/Vector-4.svg'); font-size: 0; background-size: 5px 8px; background-repeat: no-repeat; background-position: center center; }
.resources-filter-heading { margin-bottom: 100px; }
.resources-filter-sec .jplist-hidden { display: none !important; }
.resources-filter-sec .jplist-no-results { text-align: center; }
.resources-filter-sec .jplist-no-results p { margin: 0; font-weight: 600; }

/* Academy Slider Module */


.academy-slider-inner { padding: 0 15px; height: auto; }
.academy-slider-inner img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.academy-slider-wrapper svg rect { fill: var(--tertiary_color); }
.academy-slider-wrapper button.slide-arrow.prev-arrow.slick-arrow, .academy-slider-wrapper button.slide-arrow.next-arrow.slick-arrow { bottom: -75px; }
.academy-slider-wrapper .slick-track { display: flex; flex-wrap: wrap; margin: 0; }
.academy-slider-sec { padding: 100px 0 175px 0; }
.academy-slider-sec .content-wrapper { max-width: 100%; padding: 0; }


/* Academy Story Module */

.academy-story-logo-wrap { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; gap: 15px; }
.academy-story-logo-inner { height: 80px; flex: 4 0 calc(25% - 23px); }
.academy-story-content h2 { text-align: center; margin-bottom: 30px; }
.academy-story-logo { width: 406px; height: 145px; margin: 0 auto 30px; }
.academy-story-logo img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.academy-story-logo-inner img { width: auto; height: 100%; }
.academy-story-sec { padding: 100px 0 70px 0; }

.our-blog-logoparent{justify-content:space-between;}
.our-blog-recent-sec .sliderarrow { margin-right: 10px; }
.footer-contact-link a { text-transform: lowercase; }
/*************** responsive CSS  ***************/

@media ( min-width:992px){

  .enumenu_ul.desk .hs-menu-wrapper>ul ul li a:hover{background:unset;color:var(--secondary_color)}
/*   .enumenu_ul .hs-menu-wrapper ul > li:last-child > .sb-menu >li:hover .sb-menu { left: -100%; }
  .enumenu_ul .hs-menu-wrapper ul>li:last-child>ul>li.hs-item-has-children .menubelow:after{transform: rotate(90deg);} */
  .enumenu_ul.desk .hs-menu-wrapper>ul .sb-menu .sb-menu{padding-right:11px}
  .enumenu_ul.desk .hs-menu-wrapper > ul .sb-menu .sb-menu {max-height:300px;overflow-y:auto;height:auto}
 


}


@media (min-width: 992px) and (max-width: 1800px) {
  
    .enumenu_ul .hs-menu-wrapper ul > li:nth-last-child(-n+3) > .sb-menu > li:hover .sb-menu { left: -99%; } 
  
}


@media ( max-width:1360px ){

  .enumenu_ul .hs-menu-wrapper ul>li { margin-right:40px; }
  .site-header-menu { padding-left:40px; }
  .site-footer-menu { margin-left: -20px; margin-right: -20px; }
  .site-footermenu-wrap { padding: 0 20px; }
/*   .our-blog-recent-blog-slider{margin:0 -20px 80px;} */
  .our-blog-recent-blog-slider .slick-slide{margin:0 10px;}
  .enumenu_ul.desk .hs-menu-wrapper > ul > li:last-child ul {left: 15px;}
  .enumenu_ul.desk .hs-menu-wrapper > ul > li:last-child ul:after { left: 122px; transform: none;}
  .company-overview-banner { min-height: 630px; }
  .two-column-section-head { margin-bottom: 40px;}
  .company-certification-group { gap:60px 0; }
  .number-counter-head { margin-bottom:40px; }
  .location-head { margin-bottom:40px; }
  .services-box-contentWrp { padding: 30px; }
  .services-skill-right .services-box-contentWrp { margin: 0 -10px; }
  .services-skill-right .services-box-contentInner { padding: 0 10px; }
  .services-skill-left { width:40%; }
  .services-skill-right { width:60%; }
  .site-bxlink-wrap .bxlinkrightcontent>a{padding-right:20px;}
  .enumenu_ul.desk .hs-menu-wrapper > ul > li ul{min-width: 300px;}
  .enumenu_ul.desk .hs-menu-wrapper > ul .sb-menu .sb-menu{min-width: 300px;}

}

@media (max-width:1280px){

  .form-columns-3 { gap: 15px; }
  .form-columns-3 > div { width: calc(33.33% - 10px) !important; }
  .form-columns-2, .form-columns-1 { gap: 0 15px; }
  .form-columns-2 > div { width: calc(50% - 8px) !important; }


  h1, .h1 { font-size:65px; }
  h2, .h2 { font-size:50px; }
  h3, .h3 { font-size:34px; }
  h4, .h4 { font-size:25px;  }
  h5, .h5 { font-size:20px; }
  /*   h6, .h6 { font-size:18px; } */

  .content-wrapper, .container { padding:0 40px; }
  .site-footer-address { padding-left: 100px; }
  .site-footer { padding: 60px 0 20px 0; }
  .site-footer-top { padding-bottom: 30px; margin-bottom: 30px; }
  .site-footer-menu { padding-bottom: 20px; }
  .footer-inner-links ul { padding-left: 15px; }
  .site-footer-bottom { padding-top: 15px; }
/*   .our-blog-recent-blog-slider{margin:0px -10px 80px;} */
  .our-blog-recent-cont{height:calc(100% - 200px);}
  .our-blog-feat-img-wrapper { height:200px; }
  button.slide-arrow.next-arrow.slick-arrow{bottom:-80px;}
  button.slide-arrow.prev-arrow.slick-arrow{bottom:-80px;}
  .slider-section .slider-box { margin-bottom: 80px;}
  .three-column-section .content-box .content-block .title {min-height: auto;}
  .company-overview-banner {min-height: 550px; }
  .company-certification-group { gap:40px 0; }
  .company-certi-group h3, .company-awards-group h3, .company-partner-group h3,.number-counter-head h3 { font-size:40px; }

  .services-skill-right .services-box-contentInner { width:50%; }
  .services-skill-head { margin-bottom: 40px;}
  .company-two-colimg {width: 270px;height: 255px;}
  .fullwidth-content-wrap li { font-size: 18px; }
  .fullwidth-content-wrap ul { padding-left: 35px; }
  .fullwidth-content-wrap li:after { left: -35px; }
  .content-cta-wrapper { padding: 35px; }
  .content-cta-wrapper.full-width { gap:35px; }
  .content-cta-text { width: 66%; }
  .site-according-module { padding: 70px 0; }
  .accordion-content { padding-bottom: 20px; }
  .multiple-box-inner { padding: 35px; }
  .site-listcard-wrap .content-box .content-block .content-inner-block{padding:25px;}
  .site-twocontentcard-wrap .cardleftinner ul.cardlistrow{padding:0}
  .resources-filter-img, .resources-filter-img-wrap { height: 200px; }
  .resources-filter-content-wrap { height: calc(100% - 219px); }
  .resources-filter-heading { margin-bottom: 70px; }
  .enumenu_ul .hs-menu-wrapper ul>li { margin-right: 20px; }
  .enumenu_ul.desk .hs-menu-wrapper > ul ul li a{font-size:14px;}
    .enumenu_ul.desk .hs-menu-wrapper > ul > li ul{min-width:250px;}
  .enumenu_ul.desk .hs-menu-wrapper > ul .sb-menu .sb-menu{min-width:250px;}

}




@media  (max-width:1150px){

  h1, .h1 { font-size:55px; }
  h2, .h2 { font-size:42px; }
  h3, .h3 { font-size:30px; }
  h4, .h4 { font-size:22px;  }
  /*   h5, .h5 { font-size:18px; } */
  .enumenu_ul .hs-menu-wrapper > ul > li > a{font-size:12px;}
  .company-overview-banner .company-overview-title { max-width: 770px; }
  .site-imgcontent-wrap .heading-block {margin-bottom:40px; }
  .site-mulbox-wrap .heading-block{margin-bottom:40px;}
  .enumenu_ul .hs-menu-wrapper ul>li { margin-right:16px;  }
  .site-header-menu { padding-left: 20px;}
  .footer-add-icon { width: 30px; height: 30px; }
  .footer-add-icon img { width: 12px; height: auto; }
  .footer-contact-icon { width: 30px; height: 30px; }
  .footer-contact-link { width: calc(100% - 30px); }
  .footer-add-cont { width: calc(100% - 30px); }
  .footer-contact-icon img { width: 16px; height: auto; }
  .site-footermenu-wrap { padding: 0 5px; }
  .site-footer-menu { margin-left: -5px; margin-right: -5px; }
  .site-footer-address { padding-left: 40px; gap: 20px; }
  .footer-add-main { width: calc(33.33% - 14px); }

  .full-width-img-with-content .content-box .left-side {max-width: 320px;}
  .full-width-img-with-content .content-box .right-side {max-width: calc(100% - 320px);}
  .full-width-img {height: 430px;}
  .service-section .content-box .content-block .content-inner-block { padding: 30px; }
  .site-mulservicecard-wrap .content-box .content-block .content-inner-block { padding: 30px; }

  .three-column-section { padding: 70px 0 40px 0; }
  .three-column-section .heading-block,
  .service-section .heading-block,
  .slider-section .title { margin-bottom: 40px; }
  .site-mulservicecard-wrap .heading-block { margin-bottom: 40px; }

  .footer-add-cont br { display:none; }
  .hero-banner-content { max-width:300px; }
  .site-hero-banner-sec sup { right:8px; }
  .company-overview-banner {min-height: 500px;}
  .number-counter-inner { padding:30px; min-height:100%; }
  .location-inner { min-height:320px; }
  .company-certi-group h3, .company-awards-group h3, .company-partner-group h3,.number-counter-head h3 { font-size:35px; }
  .services-skill-left { padding: 0 10px; }
  .services-skill-right { padding: 0 10px; }
  .services-skill-wrap { margin: 0 -10px; }
  .services-skill-head { margin-bottom: 30px;}
  .accordion-heading { margin-bottom: 40px; }
  .multiple-box-heading { margin-bottom: 40px; }
  .outsourcingsec-title { margin-bottom: 40px; }

  .outsourcing-risk-inner { margin-bottom: 30px; padding-bottom: 30px; }
  .site-services-wrap .heading-block{margin:0 0 40px}

  .site-services-wrap .content-box .content-block .content-inner-block{padding:30px;}

  .site-listcard-wrap .heading-block{margin:0 0 40px}
  .site-listcard-wrap .listcontent-row .listtxt.list-fourcol{width:33.33%;}
  .sitecontentwrap .contentinner ul+ h2,
  .sitecontentwrap .contentinner ul+ h3,
  .sitecontentwrap .contentinner ul+ h4,
  .sitecontentwrap .contentinner ul+ h5,
  .sitecontentwrap .contentinner ul+ h6,
  .sitecontentwrap .contentinner ol+ h2,
  .sitecontentwrap .contentinner ol+ h3,
  .sitecontentwrap .contentinner ol+ h4,
  .sitecontentwrap .contentinner ol+ h5,
  .sitecontentwrap .contentinner ol+ h6{margin-top:40px;}

  .sitecontentwrap .contentinner p + h2,
  .sitecontentwrap .contentinner p + h3,
  .sitecontentwrap .contentinner p + h4,
  .sitecontentwrap .contentinner p + h5,
  .sitecontentwrap .contentinner p + h6{margin-top:40px;}
  .sitetwocolwrap .sitetwocol-box-col .sitetwocol-box-inner{padding:30px;}
  .mul-imgcontent-wrap .heading-block{margin-bottom:40px;}
  .site-mulbox-wrap .multiple-box-inner{padding:30px;}
  .site-mulbox-wrap .multiple-box-main{ flex:2 0 50%;}
  .site-bxlink-wrap .bxlinkrightcol .bxlinkrightinner{padding:40px;}
  .site-bxlink-wrap .bxlinkrightcontent>a{padding-right:15px;}

  .content-card-inner { padding: 30px; }
  .content-card-head { margin-bottom: 40px; }
  .two-col-experience-right h2 { margin-bottom: 20px; }
  .site-mulservicecard-wrap .heading-block .right-content {  width:40%; }
  .site-mulservicecard-wrap .heading-block .left-content { width:60%; }

  .company-certification-head { margin-bottom:40px; }
  .company-two-col-cont-left { width:320px; }
  .company-two-col-cont-right { width: calc(100% - 320px); }

  .award-slider-sec { padding: 70px 0; }
  .award-slider-heading { margin-bottom: 40px; }
  .talk-recruiter-form-sec { padding: 70px 0; }
  .jplist-pagination { padding-top: 40px; }
  .resources-filter-sec { padding: 70px 0; }
  .resources-filter-top-sec { padding: 70px 0 60px 0; }
  .resources-filter-heading { margin-bottom: 60px; }
  .resources-filter-content-wrap .title { min-height: 70px; }
  .academy-slider-sec { padding: 70px 0 145px; }
  .academy-story-sec { padding: 70px 0 40px; }

}

@media (max-width:1024px){

  .content-wrapper, .container {padding: 0 20px;}
  h1, .h1 { font-size:44px; }
  h2, .h2 { font-size:35px; }
  h3, .h3 { font-size:28px; }
  h4, .h4 { font-size:20px; }
  /*   h5, .h5 { font-size:16px; } */

  Body , p { font-size:16px; }
  p {margin:0 0 20px;}
  .bigp p{font-size:18px;}
  .heading-block p,
  .heading-block .heading-content p{font-size:18px;}
  .sitecontentwrap .contentinner,
  .sitecontentwrap .contentinner p,
  .sitecontentwrap .contentinner ul li,
  .sitecontentwrap .contentinner ol li{font-size:18px;}
  .site-header-logo img { width: 180px;height: auto; }
  .site-header-logo {width: 180px;height: 31px;}
  .site-header-menu { width: calc(100% - 180px);}
  .site-header-menu { padding-left: 20px;}
  .full-width-img-with-content .content-box .left-side {max-width: 230px;}
  .full-width-img-with-content .content-box .right-side {max-width: calc(100% - 230px);}
  .full-width-img-with-content .content-box .right-side p, .full-width-img-with-content .content-box .right-side li {font-size: 18px;}
  .company-two-col-cont-right p {font-size: 18px;} 
  .full-width-img { top:92px; }
  .three-column-section .content-box .content-block { padding: 0 20px; }
  .two-column-section .content-box .content-block .top-content {margin-bottom: 30px;}
  .company-overview-banner {min-height: 430px;}
  .company-awards-main {width: 33.33%;}
  .company-partner-main { width: 33.33%;}
  .number-counter-inner p { font-size:18px; }
  .location-inner {min-height: 270px;}
  .company-certi-group h3, .company-awards-group h3, .company-partner-group h3 ,.number-counter-head h3{ font-size:30px; }
  .footer-main-title h6 { font-size:16px; }
  .company-two-colimg {width: 235px;height: 225px; }
  .fullwidth-content-wrap li { font-size: 16px; }
  .content-cta-wrapper { padding: 25px; }
  .content-cta-wrapper.full-width { gap:25px; }
  .multiple-box-inner { padding: 25px; }
  .site-imgcontent-wrap .contentrightcol p{font-size:18px;}

}


@media ( max-width:991px ){

  .hs-form-checkbox,  .hs-form-radio {width: 33.33%;}


  .company-overview-banner .company-overview-title  br{display:none;}
  .company-overview-banner .company-overview-title {max-width:600px; }
  .enumenu_ul { display: none }
  .menu-block { height: auto; }
  .menu-icon { display: block }
  .enumenu_ul .hs-menu-wrapper > ul > li { display: block; margin: 0px; padding: 0px; width:100%; }
  .enumenu_ul .hs-menu-wrapper > ul > li > a { display: block; text-align: left; padding: 10px 20px; }
  .enumenu_ul { width: 100%; }
  .enumenu_ul .hs-menu-wrapper > ul > li ul {/*     background: #D1D1D1; */
    padding: 10px 0; }
  .enumenu_ul .hs-menu-wrapper > ul > li ul a { text-align: center; display: block; text-align: left; color: var(--white_color); padding: 5px 20px 5px 35px; }
  .enumenu_ul .hs-menu-wrapper > ul > li ul li > ul li a { padding-left: 60px; }
  .enumenu_ul .hs-menu-wrapper > ul > li > a{font-size:14px;}
  /* Push Menu */
  body.menuslide_push { position: relative; }
  body.menuslide_push.slidemenuLeft { left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; }
  body.menuslide_push.slidemenuRight { right: 0; transition: right 0.5s; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; }
  body.slidemenuRight .enumenu_ul { right: -500px; }
  body.slidemenuRight.menu-open .enumenu_ul { right: 0; }
  body.slidemenuLeft .enumenu_ul { left: -300px; }
  body.slidemenuLeft.menu-open .enumenu_ul { left: 0; }
  body.menuslide_push.slidemenuLeft.menu-open { left: 300px }
  body.menuslide_push.slidemenuRight.menu-open { right: 300px }
  body.menuslide_push .enumenu_ul, body.menuOverlap .enumenu_ul { background: var(--primary_color); display: block; height: 100%; max-height: 100%; width: 500px; overflow: auto; position: fixed; transition: all 0.5s ease 0s; max-width: 100%; top: 0; z-index: 11; padding-top: 85px; }
  .site-header-logo img { width: 160px; height: 27px; }
  .site-header-logo { width: 160px; height: auto; }
  .site-header { padding: 25px 0; }
  .enumenu_ul .hs-menu-wrapper ul>li.hs-item-has-children .menubelow:after { display: none; }
  .enumenu_ul .hs-menu-wrapper ul>li.hs-item-has-children .menubelow { padding-right: 40px !important; }
  .menuOverlap.menu-open .body-wrapper  { position: relative;}
  .menuOverlap.menu-open { overflow: hidden;}
  .menuOverlap.menu-open .body-wrapper:before {width: 100%; height: 100%; content: ''; background: var(--black_color); opacity: 0.5; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 11; }
  .site-footer-group { display: flex; flex-wrap: wrap; flex-direction: column; }
  .site-footer-menu { order: 1; }
  .site-footer-top { order: 2; border-top: 1px solid #ffffff33; border-bottom: none; padding: 20px 0 0 0; margin: 0 0 20px 0; }
  .site-footer-bottom { order: 3; }
  .site-footer-logo.mob { display: block; }
  .site-footer-logo { display: none; }
  .site-footer-logo.mob { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #FFFFFF33; width: 100%; }
  .site-footermenu-wrap { width: 33.33%; }
  .site-footer-address { width: 100%; padding: 0; }
  .site-footer-logo.mob img { width: 124px; height: 100%; }

  .full-width-img {height: 350px; top: 77px; }
  .our-blog-top-part h2{width:60%;}
  .our-blog-top-part .btn-wrapper{width:calc(100% - 60%);}

  .service-section .content-box .content-block { width: calc(100% / 2); }
  .service-section .content-box .content-block.col3 { width: calc(100% / 2); }
  .service-section { padding: 50px 0 20px 0; }
  .service-section .heading-block { margin-bottom: 30px; }

  .site-mulservicecard-wrap .content-box .content-block { width: calc(100% / 2); }
  .site-mulservicecard-wrap .content-box .content-block.col3 { width: calc(100% / 2); }
  .site-mulservicecard-wrap { padding: 60px 0; }
  .site-mulservicecard-wrap .heading-block { margin-bottom: 30px; }


  .slider-section .title {margin-bottom: 30px;}
  .three-column-section .content-box .content-block { width: 50%; }
  .three-column-section .content-box .content-block:nth-child(3n) { border-right: 1px solid var(--tertiary_color); }
  .three-column-section .content-box .content-block:nth-child(2n), .three-column-section .content-box .content-block:last-child { border-right: none; }

  .three-column-section .heading-block { margin-bottom: 30px; }

  /*   .two-column-section .content-box {gap: 20px;} */
  .two-column-section .content-box .content-block {padding: 25px;}
  .our-blog-recent-cont h4 { margin: 0 0 25px;}
  .company-overview-banner { padding:50px 0; }
  .company-two-col-content-sec { padding:60px 0; }

  .two-column-section-head { margin-bottom: 30px;}
  .company-cirtification-sec { padding:60px 0; }

  .number-counter-head { margin-bottom:30px; }
  .number-counter-sec { padding:60px 0; margin-bottom:60px;}

  .number-counter-inner { padding: 30px 20px; min-height: 100%; }
  .location-head { margin-bottom:30px; } 
  .location-sec { padding:60px 0; }
  .company-certification-head { margin-bottom: 30px;}
  .services-skill-right .services-box-contentWrp { margin: 0; }
  .services-skill-right .services-box-contentInner { padding: 0; width: 100%; }
  .services-skill-left { width: 50%; }
  .services-skill-right { width: 50%; }
  .fullwidth-content-wrap li:after { width: 20px; height: 20px; }
  .site-according-module { padding: 50px 0; }
  .accordion-heading { margin-bottom: 30px; }
  .multiple-box-section  .multiple-box-main { flex: 2 0 50%; }
  .multiple-box-section  .multiple-box-main { flex: 2 0 50%; }
  .multiple-box-section { padding: 60px 0; }
  .multiple-box-heading { margin-bottom: 30px; }
  .site-services-wrap .heading-block{margin:0 0 30px}
  .site-services-wrap {padding:60px 0;}
  .site-services-wrap .content-box .content-block{width:50%;}
  .site-listcard-wrap .content-box{margin:0 auto;}
  .site-listcard-wrap .content-box .content-block{padding:0;}
  .site-listcard-wrap .content-box .content-block,
  .site-listcard-wrap .content-box .content-block.content-block-threecol{width:100%}
  .site-listcard-wrap .content-box .content-block.content-block-twocol{width:100%}
  .site-listcard-wrap .content-box .content-block.content-block-onecol{width:100%}
  .site-listcard-wrap .listcontent-row .listtxt.list-onecol{width: 100%;}
  .site-listcard-wrap .listcontent-row .listtxt.list-twocol{width: 100%;}
  .site-listcard-wrap .listcontent-row .listtxt.list-threecol{width:100%;}
  .site-listcard-wrap .listcontent-row .listtxt.list-fourcol{width:100%;}
  .site-listcard-wrap{padding:60px 0;}
  .site-listcard-wrap .heading-block{margin:0 0 30px}
  .site-listcard-wrap .content-box .content-block .content-inner-block{padding:30px;}
  .site-imgcontent-wrap { padding:60px 0; }
  .outsourcingsec-title { margin-bottom: 30px; }
  .outsourcing-risk-sec { padding: 60px 0; }
  .full-width-img-with-content .content-box {padding:60px 0;}
  .service-section { padding: 60px 0 30px 0; }
  .slider-section { padding: 60px 0; }
  .our-blog-recent-sec{padding:60px 0 25px 0;}
  .two-column-section {padding: 35px 0 60px;}
  .sitecontentwrap .contentinner ul+ h2,
  .sitecontentwrap .contentinner ul+ h3,
  .sitecontentwrap .contentinner ul+ h4,
  .sitecontentwrap .contentinner ul+ h5,
  .sitecontentwrap .contentinner ul+ h6,
  .sitecontentwrap .contentinner ol+ h2,
  .sitecontentwrap .contentinner ol+ h3,
  .sitecontentwrap .contentinner ol+ h4,
  .sitecontentwrap .contentinner ol+ h5,
  .sitecontentwrap .contentinner ol+ h6{margin-top:30px;}
  .sitecontentwrap .contentinner p + h2,
  .sitecontentwrap .contentinner p + h3,
  .sitecontentwrap .contentinner p + h4,
  .sitecontentwrap .contentinner p + h5,
  .sitecontentwrap .contentinner p + h6{margin-top:30px;}
  .sitecontentwrap{padding:60px 0;}
  .sitetwocolwrap{padding:60px 0}
  .mul-imgcontent-wrap{padding:60px 0;}
  .site-mulbox-wrap{padding:60px 0;}
  .site-bxlink-wrap{padding:60px 0;}
  .site-bxlink-wrap .bxlinkleftcol{width:100%;}
  .site-bxlink-wrap .bxlinkrightcol{margin-top:50px;width:100%;padding-left:0;}
  .site-bxlink-wrap .bxlinkrightcol .bxlinkrightinner{margin:0 auto;}
  .mul-imgcontent-wrap .mulimgcontentrow{margin:0 0px 60px;}
  .content-card-main.threecol { width: 50%; }
  .content-card-main { width: 50%; }
  .content-card-head { margin-bottom: 30px; }
  .content-card-sec { padding: 60px 0 }
  .two-col-experience { padding: 60px 0; }
  .two-col-experience-right hr { margin: 9px 0; }
  .site-imgcontent-wrap .contentrightcol .btn-wrapper a { margin-top:20px; } 
  .site-twocol-slider-wrap {padding: 60px 0;}
  .site-twocol-slider-wrap .topheadingrow{margin-bottom:40px;}
  .site-twocol-slider-wrap .slick-arrow svg{width:36px;height:36px;}
  .site-twocol-slider-wrap .testimonialbx{margin-top:20px;}
  .site-twocol-slider-wrap .twocol-slider-rowinner .sliderrightcol{width:100%;padding:0}
  .site-twocol-slider-wrap .twocol-slider-rowinner .sliderimgleftcol{width:100%;padding:0;margin-bottom:40px}
  .site-twocol-slider-wrap .twocol-slider-rowinner .sliderimgleftcol .imgbx{max-width:600px;margin:0 auto}
  .site-twocol-slider-wrap .twocol-slider-rowinner .sliderrightcol .title.bigp p{margin-top:20px;}
  .site-twocontentcard-wrap .cardleftcol{width:100%;padding:0}
  .site-twocontentcard-wrap{padding:60px 0}
  .site-twocontentcard-wrap .contentrightcol{width:100%;padding:0;margin-top:50px}
  .site-twocontentcard-wrap .cardleftinner{padding:50px 0}
  .site-imgcontent-wrap .imgleftcol { width:100%;padding-right:0px;} 
  .site-imgcontent-wrap .contentrightcol { width:100%;padding-left:0px;margin:50px 0 0;}
  .site-imgcontent-wrap .imgleftcol .imgbx{max-width:610px;margin:0 auto;}
  .site-imgcontent-wrap .imgcontentrow.imgcontentrowswap .imgleftcol{padding-left:0;}
  .site-imgcontent-wrap .imgcontentrow.imgcontentrowswap .contentrightcol{padding-right:0}
  .mul-imgcontent-wrap .mulimgcontentrow:last-child{margin:0;}
  .mul-imgcontent-wrap .mulimgcontentrow .imgleftcol{order:1;margin-bottom:50px;}
  .mul-imgcontent-wrap .mulimgcontentrow .mulimgconcol{padding:0;width:100%;}
  .mul-imgcontent-wrap .mulimgcontentrow .mulcontentrightcol{order:2}
  .mul-imgcontent-wrap .mulimgcontentrow .imgbx{max-width:610px;margin:0 auto;}
  .site-onecolimgcontent-wrap { padding: 60px 0; } 
  .site-onecolimgcontent-wrap .imgleftcol{margin-bottom:50px;}

  .award-slider-sec { padding: 60px 0; }
  .award-slider-heading { margin-bottom: 30px; }
  .talk-recruiter-form-sec { padding: 60px 0; }
  .talk-recruiter-form-content { padding-right: 30px; }
  .recruiter-form { padding-left: 0; }
  .jplist-pagination { padding-top: 30px; }
  .resources-filter-sec { padding: 60px 0; }
  .resources-filter-top-sec { padding: 60px 0 60px 0; }
  .resources-filter-main { width: 50%; }
  .resources-filter-heading { margin-bottom: 40px; }
  .resources-filter-content-wrap .title { min-height: 50px; }
  .academy-slider-sec { padding: 60px 0 125px; }
  .academy-slider-wrapper svg { height: 35px; width: 36px; }
  .academy-slider-wrapper button.slide-arrow.prev-arrow.slick-arrow { left: calc(50% - 35px); }
  .academy-slider-wrapper button.slide-arrow.next-arrow.slick-arrow { right: calc(50% - 35px); }

  .academy-story-logo { height: 114px; width: 330px; }
  .academy-story-sec { padding: 60px 0 40px; }
  .academy-story-content h2 { margin-bottom: 20px; }
  .academy-story-logo { margin-bottom: 20px; }
  .academy-story-logo-inner { height: 65px; }
  .footer-social-wrap{justify-content:flex-start;}
}



@media (max-width:767px){

  .company-two-col-cont-left{margin-bottom:20px;}
  .form-columns-3 > div { width: 100% !important;}
  .form-columns-3 { gap: 0; }
  .form-columns-2, .form-columns-1 { gap: 0; }
  .form-columns-2 > div { width: 100% !important;}
  .hs-form-checkbox, .hs-form-radio { width: 100%; }
  .hs-form textarea, .hs-form input[type="text"], .hs-form input[type="password"], .hs-form input[type="datetime"], .hs-form input[type="datetime-local"], .hs-form input[type="date"], .hs-form input[type="month"], .hs-form input[type="time"], .hs-form input[type="week"], .hs-form input[type="number"], .hs-form input[type="email"], .hs-form input[type="url"], .hs-form input[type="search"], .hs-form input[type="tel"], .hs-form input[type="color"], .hs-form select {
    line-height:1.2;}

  h1, .h1 { font-size:32px; }
  h2, .h2 { font-size:28px; }
  h3, .h3 { font-size:25px; }
  h4, .h4 { font-size:19px; }
  button, a.button, .button, .hs-button, .hs-blog-post-listing__post-button, .btn-1 a, a.btn-1, .btn-2 a, a.btn-2, a.button, .button {font-size: 14px;padding: 10px 40px 10px 15px;}
  .btn-wrapper>div a:after, button:after, .hs-button:after, .hs-blog-post-listing__post-button:after, .btn-2 a:before, a.btn-2:before, a.button:after, .button:after {right: 12px;}
  .banner-btn a span { font-size:11px; }
  .banner-btn a p { font-size:12px; }
  .company-overview-banner .company-overview-title {max-width:500px; }
  .hero-banner-content { max-width: 100%;}
  .hero-banner-content h1 {margin-bottom: 20px;}
  .hero-banner-content { margin-bottom: 20px;}
  .site-hero-banner-group {padding-top: 20px;}
  .hero-banner-btnwrap .btn-wrapper {width: 100%;}
  .site-footermenu-wrap { width: 100%; padding: 0; }
  .site-footer-menu { margin-left: 0; margin-right: 0; padding-bottom: 10px; gap: 10px 0; }
  .footer-main-title { margin-bottom: 20px; }
  .footer-add-main { width: 100%; }
  .footer-bottom-copyright { width: 100%; }
  .footer-social-wrap { width: 100%; justify-content:center;}
  .footer-copyright-text { width: 100%; padding: 0 0 15px 0; border-right: none; }
  .site-footer-top { margin-bottom: 0; padding-bottom: 15px; }
  .site-footer { padding: 40px 0px 30px 0px; text-align:center; }
  .full-width-img-with-content .content-box .left-side {max-width: 100%;}
  .full-width-img-with-content .content-box .right-side {max-width: 100%;padding-left: 0;margin-top: 25px;}
  .full-width-img-with-content .content-box {padding: 50px 0;}
  .full-width-img-with-content .content-box .right-side p, .full-width-img-with-content .content-box .right-side li {font-size: 16px;}
  .company-two-col-cont-right p, .company-two-col-cont-right li {font-size: 16px;} 
  .full-width-img { height:290px; }
  .full-width-img-with-content .content-box .right-side li:after { left:-35px; width:20px; height:20px; }
  .full-width-img-with-content .content-box .right-side ul { padding-left:35px; margin:20px 0; }
  .service-section { padding: 50px 0; }
  .service-section .content-box .content-block .content-inner-block { padding: 25px; }
  .service-section .content-box .content-block { width: 100%; margin-left: auto; margin-right: auto; }
  .service-section .content-box .content-block.col2 { width: calc(100% / 1); }
  .service-section .content-box .content-block.col3 { width: calc(100% / 1); }
  .service-section .content-box .content-block:last-child { margin-bottom: 0; }
  .service-section .content-box .content-block .content-inner-block .content, .service-section .content-box .content-block .content-inner-block .img-block { margin-bottom: 25px; }

  .site-mulservicecard-wrap{ padding: 50px 0; }
  .site-mulservicecard-wrap .content-box .content-block .content-inner-block { padding: 25px; }
  .site-mulservicecard-wrap .content-box .content-block { width: 100%; margin-left: auto; margin-right: auto; }
  .site-mulservicecard-wrap .content-box .content-block.col2 { width: calc(100% / 1); }
  .site-mulservicecard-wrap .content-box .content-block.col3 { width: calc(100% / 1); }
  .site-mulservicecard-wrap  .content-box .content-block:last-child { margin-bottom: 0; }
  .site-mulservicecard-wrap .content-box .content-block .content-inner-block .content, .site-mulservicecard-wrap .content-box .content-block .content-inner-block .img-block { margin-bottom: 25px; }
  .site-mulservicecard-wrap .content-box{margin:0;}
  .site-mulservicecard-wrap .content-box .content-block{padding:0;}



  .slider-section .content-block {padding: 30px 25px;}
  .slider-section .content-block .content {margin-bottom: 25px;}
  .slider-section .content-block .icon {margin-bottom: 25px;}
  .three-column-section { padding: 50px 0; }
  .three-column-section .heading-block { margin-bottom: 30px; }
  .three-column-section .content-box .content-block { position: relative; width: 100%; padding: 0; margin-left: auto; margin-right: auto; border-right: none; }
  .three-column-section .content-box .content-block:last-child { margin-bottom: 0; }
  .three-column-section .content-box .content-block+.content-block:after { position: absolute; content: ""; width: 100%; height: 1px; background: var(--tertiary_color); top: -12px; left: 0; }
  .three-column-section .content-box .content-block .content li { margin-bottom: 15px; }
  /*   .two-column-section .content-box .content-block {max-width: 100%;} */
  .site-hero-banner-sec {padding-bottom: 60px;}
  .company-overview-banner {min-height: 325px;}
  .company-two-col-cont-left { width: 100%; gap:0; }
  .company-two-colimg {margin-bottom: 20px;}
  .company-two-col-cont-right { width: 100%; padding-left: 0; }
  .company-certi-main { width: 50%; }
  .company-awards-main { width: 50%; }
  .company-partner-main { width: 50%; }
  .number-counter-inner { padding:15px; }
  .number-counter-inner p { font-size:16px; }
  .location-main {width: 50%;}
  .company-certi-group h3, .company-awards-group h3, .company-partner-group h3,.number-counter-head h3 { font-size:25px; }
  .services-skill-left { width: 100%; padding: 0 0 30px 0; }
  .services-skill-right { width: 100%; padding: 0; }
  .services-skill-wrap { margin: 0; }
  .services-box-contentWrp { padding: 20px; }
  .accordion-title h4 { line-height: 2.4; }
  .accordion-title:after { width: 10px; height: 10px; }
  .accordion-title.open:after { width: 10px; height: 2px; }
  .accordion-mainInner { padding-left: 10px; }
  .site-services-wrap .content-box .content-block{width:100%;padding:0;}
  .site-services-wrap .content-box{margin:0;}
  .site-imgcontent-wrap .contentrightcol p{font-size:16px;}

  .site-imgcontent-wrap .imgleftcol .imgbx { max-width: 400px; margin: 0 auto; }
  .outsourcing-risk-innerLeft { width: 100%; padding: 0; }
  .outsourcing-risk-innerRight { width: 100%; padding: 0; }
  .outsourcing-risk-inner { margin-bottom: 20px; padding-bottom: 20px; }
  .three-column-section { padding: 50px 0 20px; }
  .full-width-img-with-content .content-box {padding: 50px 0;}
  .slider-section  {padding: 50px 0;}
  .our-blog-recent-sec{padding:50px 0 25px 0;}
  .two-column-section {padding: 25px 0 50px;}
  .company-two-col-content-sec { padding:50px 0; }
  .site-listcard-wrap{padding:50px 0;}
  .site-services-wrap {padding:50px 0;}
  .company-cirtification-sec { padding:50px 0;  }
  .number-counter-sec { padding:50px 0; margin-bottom:50px; }
  .location-sec { padding:50px 0; }
  .multiple-box-section { padding: 50px 0; }
  .outsourcing-risk-sec { padding: 50px 0; }
  .site-imgcontent-wrap { padding:50px 0; }
  .sitecontentwrap{padding:50px 0;}
  .sitetwocolwrap{padding:50px 0}
  .sitetwocolwrap .sitetwocol-box-row{margin:0;}
  .sitetwocolwrap .sitetwocol-box-row .sitetwocol-box-col{width:100%;padding:0}
  .mul-imgcontent-wrap{padding:50px 0;}
  .mul-imgcontent-wrap .mulimgcontentrow{margin:0 0 50px;}
  .mul-imgcontent-wrap .mulimgcontentrow .imgbx{max-width:450px;margin:0 auto;}
  .site-mulbox-wrap{padding:50px 0;}
  .site-mulbox-wrap .multiple-box-main {flex: 1 0 100%;padding:0;}
  .site-mulbox-wrap .multiple-box-row{margin:0;}
  .site-bxlink-wrap{padding:50px 0;}
  .content-card-main.threecol, .content-card-main.twocol, .content-card-main.onecol { width: 100%; }
  .content-card-main { width: 100%; }
  .content-card-sec { padding: 50px 0 }
  .two-col-experience { padding: 50px 0; }
  .two-col-experience-left { width: 100%; padding: 0 0 30px 0; }
  .two-col-experience-right { width: 100%; padding: 0; }
  .site-twocol-slider-wrap .sliderarrowsright-mbl{display:block}
  .site-twocol-slider-wrap .sliderarrowsright-desk{display:none;}
  .site-twocol-slider-wrap {padding:50px 0;}
  .site-twocol-slider-wrap .sliderarrowsright{width:100%;margin-top:20px;}
  .site-twocol-slider-wrap .sliderrightinner{justify-content:center;margin-top: 40px;}
  .site-twocol-slider-wrap .heading-block{width:100%;}
  .footer-main-title h6 { margin-bottom:30px; }
  .site-mulservicecard-wrap .heading-block .left-content { max-width: 100%; width: 100%; padding-right: 0px; }
  .site-mulservicecard-wrap .heading-block .right-content { max-width: 100%; width: 100%; text-align: left; margin-top: 20px; }
  .site-twocontentcard-wrap{padding:50px 0}
  .site-onecolimgcontent-wrap { padding: 50px 0; } 

  .award-slider-sec { padding: 50px 0; }
  .award-slider-wrap { padding: 0 0 30px; }
  .talk-recruiter-form-sec { padding: 50px 0; }
  .talk-recruiter-form-content { width: 100%; padding: 0; }
  .recruiter-form { width: 100%; }
  .two-column-section-main {width: 100%;padding: 0; flex:1 0 100%; }
  .two-column-section .content-box { margin: 0; gap: 20px 0;}
  .resources-filter-sec .jplist-pagination button { width: 30px; height: 30px; }
  .resources-filter-sec { padding: 50px 0; }
  .resources-filter-top-sec { padding: 50px 0 50px 0; }
  .resources-filter-search { width: 50%; padding-left: 20px; }
  .resources-filter-top-panel select#select { width: 50%; }
  .academy-slider-inner { padding: 0 20px; min-height: 300px; }
  .academy-slider-sec { padding: 50px 0 100px; }
  .academy-slider-wrapper button.slide-arrow.next-arrow.slick-arrow, .academy-slider-wrapper button.slide-arrow.prev-arrow.slick-arrow { bottom: -60px; }
  .academy-story-sec { padding: 50px 0 30px; }
  .academy-story-logo-inner { flex: 2 0 calc(50% - 8px); height: 60px; }
  .footer-inner-links li{list-style-position: inside;}
  .footer-inner-links ul{padding:0px;}
  .footer-main-title:after{left:0; right:0; margin:0 auto;}
  .site-footer-bottom ,.footer-bottom-copyright{ justify-content: center; }
  .site-footer-contact-inner { max-width: max-content; margin: 0 auto 15px; }
  .footer-contact-link,.footer-add-cont{text-align:left;}
  .footer-add-main{max-width:400px; margin:0 auto;}
  .our-blog-logo:first-child{padding-right:0px;}
  .our-blog-logo{width:100%; text-align:center !important;}
}

@media(max-width:640px){

  .our-blog-top-part .btn-wrapper{width:100%;justify-content:center;}
  .our-blog-top-part h2{width:100%;margin:0 0 20px;text-align:center;}
  .service-section .heading-block .left-content { max-width: 100%; width: 100%; padding-right: 0px; }
  .service-section .heading-block .right-content { max-width: 100%; width: 100%; text-align: left; margin-top: 20px; }


  .slider-section button svg {width: 36px;height: 35px;}
  .slider-section button.slide-arrow.next-arrow.slick-arrow {right: calc(50% - 37px);}
  .slider-section button.slide-arrow.prev-arrow.slick-arrow {left: calc(50% - 37px);}
  .our-blog-recent-sec button svg {width: 36px;height: 35px;}
  .our-blog-recent-sec button.slide-arrow.next-arrow.slick-arrow {right: calc(50% - 37px);}
  .our-blog-recent-sec button.slide-arrow.prev-arrow.slick-arrow {left: calc(50% - 37px);}
  .site-hero-banner-sec sup { right:0; }
  .company-certi-main { width: 100%; padding: 0; }
  .company-certi-wrap { margin: 0; }
  .company-awards-main { width: 100%; padding: 0; }
  .company-awards-wrap { margin: 0; }
  .company-partner-main { width: 100%; padding: 0; }
  .company-partner-wrap { margin: 0; }
  .number-counter-main { width: 100%; }
  .number-counter-wrap { gap: 0; }
  .location-main {width: 100%;}
  .location-inner {min-height: 375px; }
  .our-blog-logo { margin:0 auto 30px; }
  .content-cta-text { width: 100%; }
  .multiple-box-section .multiple-box-main { width: 100%; flex: 1 0 100%; padding: 0; }
  .multiple-box-section .multiple-box-wrap { margin: 0; }
  .site-twocontentcard-wrap .cardleftinner ul.cardlistrow li{width: 100%;}
  .site-twocontentcard-wrap .cardleftinner .cardcontent{margin-bottom:30px;}
  .resources-filter-main { width: 100%; padding: 0; }
  .resources-filter-wrap { margin: 0; }

}


@media ( max-width:480px ){

  body.slidemenuRight .enumenu_ul { right: -100%; }
  body.menuslide_push .enumenu_ul, body.menuOverlap .enumenu_ul { width:100%; }
  .three-column-section .heading-block { max-width: 100%; }
  .location-inner {min-height: 300px;}
  .resources-filter-sec .jplist-pagination button { width: 25px; height: 25px; font-size: 15px; }
  .resources-filter-top-panel select#select { width: 100%; }
  .resources-filter-search { width: 100%; padding: 0; margin-top: 20px; }
  .academy-story-logo { height: auto; width: auto; }
  .academy-story-logo-inner { height: 50px; }

}

@media ( max-width:380px ){

  .full-width-img-with-content .content-box .right-side li {margin-bottom: 15px;}

}


.footer-contact-icon {
    width: 30px;
    height: 30px;
}

.footer-add-icon {
    width: 30px;
    height: 30px;
}