@font-face { font-family: 'Segoe UI';  src: url('https://www.hunteed.com/hubfs/Fonts/Segoe%20UI.woff') format('woff');}
@font-face { font-family: 'Segoe UI Bold';  src: url('https://www.hunteed.com/hubfs/Fonts/Segoe%20UI%20Bold.woff') format('woff');}
@font-face { font-family: 'Segoe UI Italic';  src: url('https://www.hunteed.com/hubfs/Fonts/Segoe%20UI%20Italic.woff') format('woff');}
@font-face { font-family: 'Segoe UI Bold Italic';  src: url('https://www.hunteed.com/hubfs/Fonts/Segoe%20UI%20Bold%20Italic.woff') format('woff');}
@font-face { font-family: 'Segoe UI black';  src: url('https://www.hunteed.com/hubfs/Fonts/Segoe%20UI%20black.ttf') format('woff');}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/* Color styles */
:root {
--principale: #213063;
--principale-light: #F6F8FE;
--principale-medium: #D4DEFF;
--green: #00C4BB;
--green-medium: #A2EAE6;
--green-light: #EBFFFE;
--red: #FF536E;
--light-red: #FFF5F8;
--medium-red: #FF97A7;
--yellow: #FFD300;
--yellow-light: #FFF8DD;
--yellow-medium: #FFEE9A;
--blue: #2E74EA;
--blue-light: #ECF3FF;
--blue-medium: #C9DDFF;
--white: #FFFFFF;
--alert: #EAA728;
--grey: #9E9E9E;
}

/* Text-size styles */
html, body {height: 100%;}
html {font-family: "Segoe UI", Arial, Helvetica, sans-serif; height: 100%}

h1 { font-family: 'Segoe UI black';
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 54px; 
      color: var(--principale);
  }

h2 { font-family: 'Segoe UI black';
  color: var(--principale);
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
  line-height: 50px;
 }

h3 { font-family: 'Segoe UI bold';
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 39px;
color: var(--principale);
}

h4 { font-family: 'Segoe UI bold';
font-style: normal;
font-weight: 700;
font-size: 20px;
 line-height: 30px;
margin: 0;
color: var(--principale)}


h5 { font-family: 'Segoe UI';
font-style: normal;
font-weight: 700;
font-size: 14px;
  line-height: 24px;
color: var(--principale)}


body { font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  min-width: 380px;
  height: 100%
}

.header-container-wrapper, .body-container-wrapper {min-width: 380px;}

.body-light { font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 24px;}

.body-accent { font-family: 'Segoe UI Bold';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px; }

.body-light-accent { font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;}

a, a:hover, a:focus { text-decoration: none; color: var(--green) }

p, ul {font-family: 'Segoe UI';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;color: var(--principale);margin: 12px 0;}
  input,button {
    cursor: inherit;    
  }

b, strong { font-family: 'Segoe UI Bold';
  font-style: normal;
  font-weight: 700;
  line-height: 24px;}







/* Text-size styles responsive */
@media (max-width: 900px) {
  
  h1{
  font-weight: 900;
  font-size: 38px;
  line-height: 45px;} 

h2  {
font-weight: 900;
font-size: 28px;
  line-height: 32px;} 

h3 { 
  font-family: 'Segoe UI bold';
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 26px;}

body { 
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;}

body-accent {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px; }

}

p, ul, ol {font-family: 'Segoe UI';
font-size: 18px;
  }


@media (max-width: 600px) {
h1 { 
  font-weight: 900;
  font-size: 36px;
  line-height: 45px;} 

h2  {
font-weight: 900;
font-size: 24px;
  line-height: 24px;} 

h3 { 
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;}
  
  h4 {
font-style: normal;
font-weight: 700;
font-size: 16px;
    line-height: 30px;}

body { 
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;}

body-accent {
  font-family: 'Segoe UI';Le 15 qu
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px; }
  
  p, ul, ol {font-family: 'Segoe UI';
    font-size: 16px;}

}


/* bootstrap */
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {padding-right: 0; padding-left: 0}


/*****************************************/
/* Global classes    */
/*****************************************/
@media (min-width: 1400px) {
.page-center.large {margin: 0 auto !important; float: none !important;max-width: 1440px;padding: 0 20px 0 140px}
}
.page-center.small {max-width: 1000px;}
 
@media (min-width: 1600px) {
.page-center.large {margin: 0 auto !important; float: none !important;max-width: 1640px;padding: 0 20px 0 220px}
}
.page-center {margin: 0 auto !important; float: none !important;max-width: 1240px;padding: 0 20px}
div.clear {clear: both; height: 0;}
.page-center.small {max-width: 1000px;}

/* General style */
.bold {font-weight: 700; font-family: 'Segoe UI bold';}

/* Colors */
.principale {color: var(--principale)}
.principale-light {color: var(--principale-light)}
.principale-medium {color: var(--principale-medium)}
.green {color: var(--green)}
.green-light {color: var(--green-light)}
.green-medium {color: var(--green-medium)}
.red {color: var(--red)}
.red-light {color: var(--red-light)}
.red-medium {color: var(--red-medium)}
.yellow {color: var(--yellow)}
.yellow-light {color: var(--yellow-light)}
.yellow-medium {color: var(--yellow-medium)}
.blue {color: var(--blue)}
.blue-light {color: var(--blue-light)}
.blue-medium {color: var(--blue-medium)}
.white {color: var(--white)}
.alert {color: var(--alert)}
.grey {color: var(--grey)}

/* Background */
.principale-bg {background-color: var(--principale)}
.principale-light-bg {background-color: var(--principale-light)}
.principale-medium-bg {background-color: var(--principale-medium)}
.green-bg {background-color: var(--green)}
.green-light-bg {background-color: var(--green-light)}
.green-medium-bg {background-color: var(--green-medium)}
.red-bg {background-color: var(--red)}
.red-light-bg {background-color: var(--red-light)}
.red-medium-bg {background-color: var(--red-medium)}
.yellow-bg {background-color: var(--yellow)}
.yellow-light-bg {background-color: var(--yellow-light)}
.yellow-medium-bg {background-color: var(--yellow-medium)}
.blue-bg {background-color: var(--blue)}
.blue-light-bg {background-color: var(--blue-light)}
.blue-medium-bg {background-color: var(--blue-medium)}
.white-bg {background-color: var(--white)}
.alert-bg {background-color: var(--alert)}
.grey-bg {background-color: var(--grey)}


/*****************************************/
/* Global modules   */
/*****************************************/

/* Cookie banner */
 div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {background-color: #fff!important;border: 1.5px solid #00c4bb!important;color: #00c4bb!important;    font-size: 14px;font-weight: 600!important;}


/* dropdown */
.dropdown-content {
  display: none;
  position: absolute;
  z-index: 999;
  overflow: auto; 
  padding: 0; 
  border: 1px solid rgba(0,0,0,.05);
  max-height: calc(100vh - 48px);
    outline: 0;
    min-height: 64px; 
background: #FFFFFF;
box-shadow: 10px 10px 30px rgba(33, 48, 99, 0.1);
border-radius: 0px 0px 10px 10px;
}

.dropdown-content a {
  text-decoration: none;
  display: block;
}

.show {display: inline-block;}
.active .material-icons.expand {    transform: rotateX(180deg);}

/* CTA */

.cta-wrapper {margin: 20px 0}

a.cta_button {
    text-decoration: none;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 700;
   font-size: 18px;
    line-height: 24px; 
    border-radius: 5px; 
  padding: 10px 17px;
display: inline-block}

a.cta_button.blue { 
   color:#fff;
  background-color: var(--blue);}

a.cta_button.blue.hd-hero { border: 1.5px solid var(--blue);}

a.cta_button.transparent-blue { 
   color: var(--blue);
  background-color: #FFFFFF;
  border: 1px solid var(--blue);}

a.cta_button.text { font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  padding: 20px 10px 0px 0px;}


a.cta_button.green { 
   color:#fff;
  background-color: var(--green);
}
a.cta_button.transparent-green { 
   color: var(--green);
  background-color: #FFFFFF;
  border: 1px solid var(--green);}

a.cta_button.transparent-green { font-family: 'Segoe UI';
   color:var(--green);
  background-color: #FFFFFF;
  border: 1px solid var(--green);}

.inline-cta a {color: #2E74EA;font-weight: 700; font-family: 'Segoe UI bold'; display: flex; margin-top: 20px; font-size: 20px;}

 .mobile-cta a {color: var(--blue); display:flex; font-family: 'Segoe UI'}


/* Inline-Form */
form.inline-form {display: flex;justify-content: center;
    align-items: center;}
form input.hs-input {background: #FFFFFF;border: 1px solid var(--blue-light);border-radius: 5px 0px 0px 5px;padding: 10px 20px;
    min-width: 250px; }
form.inline-form .actions input.primary {padding: 10px 17px;background-color: var(--blue); color: #fff; font-family: 'Segoe UI bold'; border: none; border-radius: 0 5px 5px 0}

/* Form */

form .form-columns-2 input {max-width: 180px;}
@media (max-width: 992px) {
  fieldset.form-columns-2 .hs-form-field {width: 100% !important} 
    fieldset.form-columns-2 .hs-form-field:first-child {margin-bottom: 10px} 
}

ul.hs-error-msgs, .download-banner form label {display: none !important;}
input.hs-input, div.input textarea, .inline-form div.input select {background: #fff; min-width: 180px; width: 100% ;    padding: 1em 0.5em;   margin: 1em 0; border: solid 1px #ddd; border-radius: 4px}
form div.input input.hs-input:focus {border: solid 2px var(--blue);}
.hs-input.invalid.error {border: solid 2px red}
input.hs-button.primary.large  {font-size: 18px;font-weight: 700;cursor: pointer;
    color: #fff;
    background-color: var(--blue);
    min-width: 64px;
    padding: 15px 37px;
    border-radius: 4px;height: 36px;border-color: var(--blue);border-width: 1px;     border-style: none;min-height: 46px}
form legend {margin-top: 10px; font-size: 14px; font-family: 'Segoe UI'; color:var(--principale);  }


/* search input */

.full-search-form {
 width: 100%;
    z-index: 100;
    background: rgba(255,255,255,0.95);
       padding: 0 2em 2em;
}
.full-search-form .hs-search-field {max-width: 500px;
  margin: 0 auto;}
.full-search-form form {display: inline-flex; font-size: 30px; color: #222; font-weight: 300; background: transparent; border: none;width: 100%;}
.full-search-form input.hs-search-field__input {background: #fff;border: solid 1px #eee;
    border-radius: 4px;
    padding-left: 10px;
    font-size: 16px;margin-right: 3px; }
.full-search-form button {background-color: var(--blue);
    padding: 10px;
    color: #fff;
    border: none;
    font-size: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;float:right;
cursor: pointer}


.full-search-form button span {display: none;}
.full-search-container .hs-search-field__suggestions, .hs-search-field--open .hs-search-field__suggestions {border: none;}
.hs-search-field__suggestions {background: #fff; position: absolute; top: 3em;box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;z-index: 1;width: 100%; border-radius: 0 0 5px 5px;}
.hs-search-field__suggestions #results-for {display:none;}
ul.hs-search-field__suggestions  li {
    display: block;
    margin-top: 0 !important;
    padding: 0;
}
ul.hs-search-field__suggestions  li a {color: #00a4a6;
    font-weight: 600;
    padding: 12px 16px;
    text-decoration: none;
    display: block;font-size: 14px;
    line-height: 1.42857143;}

.hs-search-field__suggestions a:hover, .hs-search-field__suggestions a:focus {
    background-color: rgba(0,0,0,0.04);
    outline: 0;
}

/* Search results pagination */

.search .hs-search-results .hs-search-results__pagination  {max-width: 350px; width: 100%;
text-align: center;
    padding-bottom: 5em;
    display: table;
margin: 0 auto; color:var(--main-color); font-weight: 600; }

.search .hs-search-results .hs-search-results__pagination a.hs-search-results__prev-page, 
.search .hs-search-results .hs-search-results__pagination a.hs-search-results__next-page {font-size: 0;border: solid 1px var(--main-color);
border-radius: 5px; padding: 10px 20px;}
.search .hs-search-results .hs-search-results__pagination a.hs-search-results__prev-page:after {content: '< Précédent'; color:var(--main-color); font-size: 16px;}
.search .hs-search-results .hs-search-results__pagination a.hs-search-results__next-page:after {content: "Suivant >"; color:var(--main-color);font-size: 16px;}

 

/* collapse sections */


.collapsible-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin: 0}

.active .collapsible-content {max-height: 100%}

@media (min-width: 768px) {
.collapsible-content {
  max-height:100%
}
}


/* Pop up */
.popup-button {cursor: pointer}
a.popup-button.cta_button.blue {margin-right:20px;}
      .modal {
        display: none;
        position: fixed;
        z-index: 8;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
        
      }
      .modal-content {
        margin: 50px auto;
        border: 1px solid #999;
        max-width: 900px;
        width: 100%;
        display: table;
    background-color: var(--principale-light);
        border-radius: 10px;
        padding: 20px 20px 2em;
      }

.signup-popup-wrapper {    position: absolute;
    z-index: 999;}
.modal-content .signup-popup {padding: 0 1em; display: inline-block;} 
      .close {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
      }
      .close:hover,
      .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
      }

.signup-popup .col-xs-12 {    display: flex;
    align-items: stretch;}
.signup-popup .signup-section {    display: flex;
    flex-direction: column;
    justify-content: space-between;}
.signup-popup .signup-section h4{font-size: 21px;}
.signup-popup .company-signup {padding-right: 20px; margin-right: 20px; border-right: solid 1px #eee}
.signup-popup .signup-section p{font-size: 17px;}


@media (max-width: 650px) {
  .modal-content .signup-popup { padding: 0;}
  .signup-popup .signup-section h4 { font-size: 18px; line-height:24px;} 
  .signup-popup .signup-section a {font-size: 16px;}
  .signup-popup .signup-section p{font-size: 16px;}
} 



/* Modale Newsletter */
 .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body .leadin-preview-wrapper {display: flex;
    flex-direction: column;
    text-align: center;}
.leadinModal-v3.leadinModal .leadinModal-content-wrapper {background-color:#213163 }
.leadinModal-v3.leadinModal .leadinModal-content {max-height: none;}
.leadinModal-v3 .leadinModal-close:before {color: #fff !important}
.leadinModal-v3.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4, 
.leadinModal-v3.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p,
.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .advance-wrapper {margin-left: 0 !important; color: #fff !important; text-align: center;}
.leadinModal.leadinModal-v3 .dyno-image img {max-width: 250px}
.leadinModal.leadinModal-theme-default.leadinModal-v3 .dyno-image {width: 100% !important;float: none; }
.leadinModal-v3.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p {font-size:16px;}
.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button {max-width: 200px;}
.leadinModal.leadinModal-v3 .leadin-preview-wrapper .advance-wrapper .leadin-button {font-weight: bold;letter-spacing: 0;
    text-align: center;
    display: inline-block;
    padding: 4px 16px;    font-size: 16px;}


/* Modale demo */



/* Tooltip */
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: var(--green);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


/*****************************************/
/* Header   */
/*****************************************/


.header-container-wrapper {border-bottom: solid 1px var(--principale-medium); background-color: #fff;     position: fixed;
    width: 100%;
    z-index: 9999;top: 0}

#header {
    padding: 10px 30px 10px 30px;
    box-sizing: border-box;
    min-width: 100%;
    height: 72px;
}
#header .col-sm-6 {width: fit-content}
#header .col-sm-6.desktop-menu {float: right}
#header .left-links a { 
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  padding: 12px 15px;
  color: var(--principale);
  display:inline-flex}

#header .left-links a .material-icons {pointer-events: none;line-height: 24px}

#header .left-links a:active, #header .left-links a:hover  {color: var(--green)}

#header .right-links {text-align: right; padding-top: 3px;}
#header .right-links .cta_button.inline-cta { color: var(--principale) ;
    font-weight: 700;
    font-family: 'Segoe UI';
  font-size: 18px;}
#header .right-links .cta_button.inline-cta:active, #header .right-links .cta_button.inline-cta:hover {color: var(--green)}
#header .right-links a.cta_button.transparent-blue { margin-right: 20px;}


.logo, .left-links {display: inline-block;}
.logo {margin-right: 15px;}



#header .dropdown-content {margin-top: 62px; margin-left: -10em;min-width: 175px}
#header .dropdown-content#toggleRessources {margin-left:-8em}
#header .left-links .dropdown-content a {display: flex;    justify-content: center;    align-items: center;padding: 14px 10px 12px}
#header .left-links .dropdown-content a:not(:last-child) {border-bottom: solid 1px var(--principale-medium)}
#header .left-links .dropdown-content img {margin-right: 6px}


@media (max-width: 1175px) {
  #header .right-links a.cta_button, #header .right-links .cta_button.inline-cta {font-size: 16px}
    #header .right-links a.cta_button.transparent-blue, a.popup-button.cta_button.blue {margin-right: 10px}

  
}
@media (max-width: 1150px) {
  #header .col-sm-9 {max-width: 720px}
  #header .left-links a {padding: 15px 5px;}
  .logo {padding-right: 10px;margin-right: 0}
  #header .col-sm-3 {float: right; min-width: 265px}

}

@media (max-width: 1100px) {
  .logo img {width: 150px !important}
  #header .left-links a, #header .left-links .material-icons {font-size: 16px;}
  #header a.cta_button {padding: 10px; } 
  #header .col-sm-3 {min-width: 0}
  
}
@media (max-width: 1050px) {
#header .right-links a.cta_button, #header .right-links .cta_button.inline-cta  { font-size: 14px} 
}


/* Mobile menu */


#header .mobile-menu {display: none;}

@media (max-width: 900px) {
  #header {padding: 10px 15px}
  #header .left-links a, #header .left-links .material-icons {font-size: 14px;}
  #header a.cta_button {font-size: 14px;  padding: 10px 17px;}
  .logo img {width: 125px !important}
  #header a.cta_button.transparent-blue.hunter { display:none ;}
  
}

@media (max-width: 768px) {
   .logo img {width: 200px !important; padding-top: 10px}
  #header .left-links, #header .right-links {display: none;}
   #header .mobile-menu {display: inline-block;float: right;padding-top: 2px; text-align: right;     width: fit-content;}
  #header .mobile-menu .dropdown {display: inline-block;}
  #header .mobile-menu .dropdown-content { left: -310px; z-index: 99; padding: 20px; min-width: 380px; -webkit-overflow-scrolling: touch; max-height: calc(100vh - 48px);
    border-radius: 4px; outline: 0; min-height: 64px; background-color: #fff; margin-left: 0; margin-top: 51px; text-align: left;}
  #header .mobile-menu  .language {padding-left: 7px}
  #header .mobile-menu .language .dropdown-content {width: 100px;left: -55px;z-index: 50 } 
    #header .mobile-menu .dropdown-content ul {list-style-type: none; padding: 0 16px;}
  #header .mobile-menu .dropdown-content ul  li a {width: 100%;}
  #header .mobile-menu .dropdown-content a.signup-cta {    white-space: break-spaces;
    font-weight: 400;
    font-stretch: normal;
    line-height: normal;
    line-height: 34px;
    text-decoration: none;
    color: rgba(0,0,0,.87);
    font: 400 14px/normal Open Sans,Arial,Helvetica,sans-serif;
    letter-spacing: normal;padding:0; border: none}
  

  
  
   #header .mobile-menu .dropdown-submenu .dropdown-content {left:0;overflow: initial;transform-origin: right top;min-width: 112px; max-width: 280px;border-radius: 4px; outline: 0; min-height: 64px;padding: 10px;  left: -198px;  top: 215px; position: absolute;}
  #header .mobile-menu .dropdown-submenu .dropdown-content ul li {padding: 10px 0}
  #header .mobile-menu .dropdown-submenu .dropdown-content li a {height:20px;margin: 10px 0;}
  #header .mobile-menu .btn {min-width: 0;background-color: transparent;height: 38px}
  #header .mobile-menu .btn span {pointer-events: none;}
  #header .mobile-menu a {font-weight: 300;font-size: 18px;line-height: 24px;color: var(--principale);padding: 20px 0;}
  #header .mobile-menu a:not(:last-child),  #header .mobile-menu .tab-solution {border-bottom: 3px solid var(--green-medium)}
  #header .mobile-menu .tab-title {display: inline-flex;    width: 100%; margin-bottom: 0}
    #header .mobile-menu .tab.active a.tab-title {padding-bottom: 0;color: var(--green)}
  #header .mobile-menu .tabcontent {padding: 20px 20px 0}
  #header .mobile-menu .tabcontent a, #header .mobile-menu .tab a {border-bottom: 0}
  #header .mobile-menu .tabcontent a {padding-bottom: 20px;padding-top: 0}
  #header .mobile-menu a.cta_button {
    text-decoration: none;
   font-size: 16px;
    line-height: 24px; 
    border-radius: 5px; 
  padding: 10px 17px;
    display: inline-block;
    font-weight: 700;
font-size: 14px;
  }
  #header .mobile-menu .cta-wrapper {margin: 0}
  #header .mobile-menu .cta-wrapper a {display: block; text-align: center;margin-bottom: 20px; font-size: 16px;  }
    #header .mobile-menu .cta_button.blue {color: #fff}
  #header .mobile-menu .cta_button.transparent-blue {   color: var(--blue);}
}

@media (max-width: 400px) {  
  #header .mobile-menu .cta_button.blue.demo { display:none; } }


.body-container-wrapper {padding-top: 5em}


/*****************************************/
/* Footer  */
/*****************************************/

.footer-container-wrapper {position: relative; z-index: 999}


#footer {background: var(--principale); padding: 60px 40px 0;bottom: 0;     display: inline-block; width: 100%; border-top: 1px solid #dcdada;color: #fff; margin-bottom: -1em}

#footer-content {    margin: 0 auto 40px;
    max-width: 1200px;
    float: none;
    display: flow-root;
}

#footer  h4 {    font-size: 18px;
    font-weight: 600;    margin: 0 0 16px;    color: #fff;}

#footer ul {
    list-style-type: none;padding: 0; margin: 0; color: rgba(0,0,0,.87);display: inline-block;
}

#footer a {font-family: 'Segoe UI';
font-weight: 300;
font-size: 16px;
line-height: 24px;
color: #fff}

#footer p {font-family: 'Segoe UI light';
font-size: 16px;
line-height: 24px;
color: #fff;
display: block}

#footer p span {
font-weight: 700;}

#footer li {padding-bottom: 8px; font-size: 16px}

#footer .footer-logo {padding-right: 2em}
#footer .footer-logo img {max-width: 235px;    width: 100%; height: auto}
#footer .footer-cta {
padding: 10px 17px;
background: var(--green);
border-radius: 5px;
line-height: 24px;
margin-top: 15px;
font-weight: 500;}
#footer .footer-cta.contact {display: flex}
#footer .hunter-footer-section {margin-top: 2em}


#footer .social-network{    display: inline-flex; margin: 20px 0}
#footer .social-network img {margin-right: 20px;}
#footer .social-network img:last-child {margin-right: 0}
#footer .language-switcher a.dropbtn  {margin:0; padding: 10px 17px; border: solid 1px #fff;display: inline-flex; border-radius:5px; height: 50px; width: 140px}
#footer .language-switcher img {padding-right: 10px;}
#footer .language-switcher img, #footer .language-switcher i {padding-right: 10px; pointer-events: none;}
#footer .language-switcher .language-dropdown {background: var(--principale); 
  padding: 10px 17px; 
  border: solid 1px #fff; 
  border-radius: 5px; 
  min-height: 0;
  height: 50px;
  width: 140px; 
  bottom: -50px;
  left: 0px; }

@media (max-width: 992px) { 
  #footer {padding: 3em 10%}
  #footer .col-xs-12 {min-height: 350px; padding: 0 2em}
}


@media (max-width: 800px) {
  #footer {padding: 0 5%}
  #footer .hunteed-contact {display: none;}
    #footer .col-xs-12 {min-height: 0;margin: 1em 0;}
}


/*****************************************/
/* System pages   */
/*****************************************/

.error-page .body-container-wrapper {text-align: center;padding-bottom: 3em;}
.error-page .hd-hero h2 {text-align: center; margin: 0 auto}
.error-page ul {text-align: left}




/*****************************************/
/* Homepage   */
/*****************************************/



/* Hero banner  */

.hd-hero {margin: 2em 0 0; }
.hd-hero .title {padding: 1em 0}
.hd-hero h2 {max-width: 860px;font-family: 'Segoe UI'; color: var(--principale);font-size: 20px; line-height: 30px}
.hd-hero.split p {max-width: 480px; }
.hd-hero img {width: 90%}
.hd-hero p {max-width: 860px;font-family: 'Segoe UI'; color: var(--principale);font-size: 20px; line-height: 30px}

.hd-hero .title a.cta_button.transparent-blue { ; border: 1.5px solid var(--blue); }
.hd-hero-cta {margin: 2em 10px 0 0;}


.hd-hero-wrapper .mobile-cta {display: none}

.homepage h3 { font-size: 27px;}

/* Customers logo */
.customers-logo {margin: 0 auto 45px;    display: inline-block;    text-align: center;    width: 100%;}
.customers-logo h3 {text-align:left; margin: 30px 0 20px;color : #616C91;}
.customers-logo .logo-list {    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;}
.customers-logo img {padding: 0 10px;}

/* advantages */

.homepage .cta_button.inline-cta {padding:0;}

.homepage .advantages {padding: 50px 0px 50px; display: inline-block; margin: 50px 0px 90px}
.homepage .advantages .advantage {margin: 64px 0 0;     display: inline-flex;    align-items: center;cursor: pointer}
.homepage .advantages .advantage .col-xs-9 {padding-right: 40px;     display: flex;
    flex-direction: column;
        justify-content: space-around;
    min-height: 110px;}
.homepage .advantages h2 {text-align: left; max-width: 1100px; margin: 0 0 }
.homepage .advantages h3 { margin-top: 40px; margin-bottom:0;}
.homepage .advantages {display: inline-flex; }
.homepage .advantages .inline-cta a {position: absolute;
    bottom: -40px;}

.homepage .expertise h2 {text-align: left; max-width: 1100px; margin: 0 0 }
.homepage .expertise h3 {line-height: 30px;}

@media (max-width: 992px) {
.homepage .advantages .inline-cta a {
    position: relative;
    bottom: 0;
}  
  .homepage .advantages .advantage .col-xs-9 {
    justify-content: center;
    min-height: 0; 
}
  
}



/* Customer slider */

/*Logo carousel*/
#clients {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#clients .clients-wrap {
	display: block;
	width: 95%;
  height: 110px;
	margin: 0 auto;
	overflow: hidden;
}

#clients .clients-wrap ul {
	display: block;
	list-style: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 220px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 200px;
  max-height: 80px;
  width: 100%;
  height: 100%;
  -webkit-transition: 0 linear left;
  -moz-transition: 0 linear left;
  transition: 0 linear left;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65); 
  opacity: 0.65;
}
#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}




/* Benefits */

.homepage .benefits .two-col {margin: 35px 0;}
.homepage .benefits .two-col .image {text-align: center;}
.homepage .benefits .two-col .image img {width: 85%; height: auto}
.homepage .benefits h2 {margin-top: 30px;}
.gardient-blue-light-bg {background: linear-gradient(180deg, #ECF3FF 0%, rgba(246, 248, 254, 0) 50%)}



@media (min-width: 799px) {
.two-col {display: flex;}
.inverted .two-col .text {order: 2;}
.inverted .two-col .image, .inverted .two-col .video {order: 1;}
}






/* Expertise */
.expertise {display: inline-block; padding: 50px 0px 50px; margin: 50px 0px 20px;}
.expertise .three-col-images .col-sm-4 {padding: 0 1em;}

.expertise .three-col-images img {display: block; margin: 30px auto 0;}
.homepage .expertise .col-xs-9 {padding-right: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;padding-left: 10px}
.homepage .expertise .col-xs-9 .section-title, .homepage .advantages .advantage .col-xs-9 .section-title  {display: flex;
    justify-content: space-between;
    align-items: center;}


/* Full width banner */
.full-banner-wrapper {display: inline-block; width: 100%;    justify-content: center;
    flex-direction: row;
    align-items: center;
    align-content: center;
    padding: 50px 0 0px;}
.principale-bg.full-banner-wrapper {margin-top: 2em; padding-top: 30px;}
.principale-light-bg.full-banner-wrapper {margin-top: -1em;}
.principale-light-bg.full-banner-wrapper p {color: var(--principale);}



/* Inline-block banner */

.banner-wrapper {display: inline-block;width: 100%;    justify-content: center;
    flex-direction: row;
    align-items: center;
    align-content: center;
    padding: 5% 4%;
    margin: 3em 0;
    border-radius: 16px;
}

.banner-wrapper .inline-banner {    max-width: 900px;
    margin: 0 auto;
    float: none;}

.banner-wrapper .inline-banner .phone-number {margin-left: 5px}

.center .inline-banner {    display: flex;
    flex-direction: column;
    align-items: center;
    text-align:center;}


/* Inline block banner with principale background */ 

.principale-bg.full-banner-wrapper .white {color: #fff }
.principale-bg.full-banner-wrapper h2 {display: inline-block; margin-top: 50px; margin-bottom: 5px; color: #fff}
.homepage-bg-gradient {background: linear-gradient(140deg,#c9ddff 10%,rgba(246,248,254,0) 120%);}

/* Hunter benefits */
.hunter-benefits {display: inline-block;width: 100%}
.hunter-benefits .three-col-images {display: flex;
    justify-content: space-between;margin: 120px 0 85px}
.hunter-benefits .col-sm-4 {background: #FFFFFF; border-radius: 10px; max-width: 350px;height: 380px; padding: 2em; margin: 0 10px;width: 100%}
.hunter-benefits .col-sm-4 img {   position: absolute;
    top: -50px;
    left: 37%;
max-width: 100px;}
.hunter-benefits .col-sm-4 h3 {color: var(--green);font-weight: 900;
font-size: 24px;line-height: 32px;}
.hunter-benefits .col-sm-4 h4 {font-weight: 700;
font-size: 18px;
line-height: 24px;}
.hunter-benefits .col-sm-4 p {font-weight: 300; font-size: 18px; line-height: 24px; color: var(--principale);margin: 0;
}

.hunter-benefits .col-sm-4 .inline-cta {position: absolute; bottom: 20px; width: 100%}
.hunter-benefits .dot {background: #F6F8FE;opacity: 0.7;width: 16px;height: 16px;display: none;border-radius: 150px;}
.hunter-benefits .dot.active {width: 20px;height: 20px;opacity: 1}





/* Hunteed data */
.split-blue-light-principale-light-bg {background: linear-gradient(0deg, var(--principale-light) 21%, var(--blue-light)  0%); }

.hunteed-data .rounded-div {height: 255px; width: 255px;border-radius: 200px;background-color: #fff;     display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-content: space-around;
    align-items: center;}

.hunteed-data .rounded-div h3 {margin: 0; font-size: 40px; line-height: 39px; color: var(--green)}
.hunteed-data .rounded-div span {font-weight: 300;font-size: 18px;line-height: 24px;max-width: 180px; text-align: center}
.hunteed-kpi {    display: flex;justify-content: space-evenly;margin: 5em 0 0; flex-direction: row;
    flex-wrap: wrap;}


.hunteed-data .round-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
}




/* Hunteed customers */
.our-customers {margin-top: -1em}
.our-customers img {padding-top: 5em; background: radial-gradient(50% 50% at 50% 50%, rgba(246, 248, 254, 0) 77.17%, #F6F8FE 100%);}
.our-customers p{ color:var(--principale)} 
.our-customers h2 {padding-top: 2em; margin-bottom:0px;}

.customers-cover-img {height: 460px; display: block; margin: 2em 0; background-image:url('https://www.hunteed.com/hubfs/New%20website/Home%20Page/Logos-Home%20Page.png');
    background-size: contain;
    background-repeat: no-repeat;background-position-y: center;background-position-x: center;
}



/* Testimonial */

.testimonial-section {padding-bottom: 3em}
.testimonial-section .inline-cta a{ font-size:16px;}
.testimonial {margin: -2em auto 0px; padding: 50px 0px 0px;}
.testim {
		width: 100%;
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px 10px;;
    margin: auto;
}

.testim .arrow {
    display: none;
}

.testim .quote-icon img {width: 100%; max-width: 40px; height: auto}


.testim .dots, .hunter-testimonials-section .dots  {
    text-align: center;
    position: relative;
    width: 100%;
    left: 0;
    display: block;
    z-index: 3333;
  padding-top:  25px;
  display: inline-flex;
    justify-content: space-between;
      padding-inline-start: 0;
}

.testim .dots .dot, .hunter-testimonials-section .dots .dot {
    list-style-type: none;
    display: inline-flex;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
      align-items: center;
}

.arrow-down{
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
      position: absolute;
    top: -40px;
    right: 80px;
  display: none;
}
 


.testim .dots .dot img {display: inline-block; height: 70px; width: 70px}
.testim p.testimonial-name {display: none;color: #18191F;font-size: 16px; line-height: 24px;text-align: left; margin: 0; padding-left: 10px; }
.testim .dot.active p.testimonial-name {display: inline-block}
.testim .dot.active .arrow-down {display: inline-block}
.testim .cont {
    position: relative;
		overflow: hidden;
  background-color: #fff;box-shadow: 0px 30px 40px rgba(212, 217, 232, 0.2);border-radius: 10px;
  padding:40px 30px 40px 10px;
  
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}


    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #ea830e;
    font-size: 1em;
    margin: 15px 0;
}

.testim div p {
    font-size: 1.15em;
    color: #eee;
    width: 80%;
    margin: auto;
}

.mobile-testimonial {display: none}
.mobile-testimonial img { height : 46px; width: 46px;}
.mobile-testimonial .other-testimonial {display: flex;  align-items: flex-start;justify-content: center; }
/*
  .mobile-testimonial .other-testimonial img {height: 60%; width: auto}
*/



/* homepage FAQ tabs */

.faq-collapse {margin: 5em 0}

.faq-collapse .main-tab { box-shadow: none;
  border: none;
  border-bottom: solid 3px var(--green);
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  padding: 1em 2em;}
.faq-collapse .main-tab:not(.active) {border-bottom:  solid 3px var(--green-light);}
.faq-collapse .main-tab:not(.active) h4 {font-weight: 300;font-family: 'Segoe UI light'; }
.faq-collapse .main-tab:not(.active) {opacity: 0.5}

.faq-collapse .tab {
  background-color: #fff;
border: 1px solid var(--principale-light);
box-shadow: 0px 4px 20px rgba(29, 0, 98, 0.08);
border-radius: 16px;
  min-width: 75px;
  padding: 2em;
  margin: 2em 0;
  cursor: pointer;
}
.faq-collapse .tab-header {    display: flex;
    justify-content: space-between;
    align-items: center;}

.faq-collapse .main-tabs .main-tab h3 { font-size:20px; font-weight: 700; line-height:30px;}
    font-size: 20px;

.faq-collapse .tab h4 {
font-family: 'Segoe UI bold';
font-style: normal;
font-weight: 700;
font-size: 20px;
  color: var(--principale);
display: inline-block;
  max-width: 95%;
}

.faq-collapse .tab .tab-icon.remove, .tab.active .tab-icon.add {display: none}
.faq-collapse .tab .tab-icon, .tab.active .tab-icon.remove {float: right; display: inline-block; height: 24px; width: 24px}


@media (max-width: 768px)
.faq-page .faq-collapse .main-tabs {
    display: flex;
    flex-direction: column;
    justify-content: center;}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 0 20px;
  font-weight: 300;
font-size: 18px;
line-height: 24px;
}

.faq-collapse .main-tabcontent {  display: none;padding: 0;}

.main-tabcontent.active {display: block }




/*****************************************/
/* Contact   */
/*****************************************/

.contact.body {padding-top: 5em;}
.contact .body p {    margin: 0 0 12px;    font-size: 14px;line-height: 1.44; }
.contact .body p span {font-size: 12px;}
.contact .two-col img {width: 90%;}
.contact .two-col form {min-width: 415px;}
.contact input[type="file"] {background-color: transparent; border: none; margin-top: 0;}



@media (min-width: 992px) {
.contact .two-col {display: flex;}
.contact .inverted .two-col .col-2 {order: 2;}
.contact .inverted .two-col .col-1 {order: 1;}
}

@media (max-width: 991px) {
  .contact .two-col {float: none;
    display: inline-block;
    margin: 0 auto;}
    .contact form {    margin: 0 auto;
      display: inline-block;text-align: center;}
  
  .contact form div.input {margin-right: 0 !important; }
  .contact .two-col .col-1 {margin: 0 auto;clear: both; padding-top: 3em;float: none;}
  .contact .two-col .col-2 {    margin: 0 auto;
    float: none;
    max-width: 480px;}
}

@media (max-width: 480px) {
  .contact .two-col form {min-width: 100%;  }
    .contact form .form-columns-2 input {max-width: none;}
}



/* One pager Download banner */
.download-banner {display: inline-block;
    width: 100%;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    align-content: center;
  padding: 2em 0 4em;
    margin: 3em 0;
    border-radius: 16px;    background-color: var(--principale-light); 
text-align:center;}
.download-banner form.inline-form {padding: 1em 0}
.download-banner h3 {color: var(--principale); margin: 0}
.download-banner .inline-form.consent .hs_submit, form.inline-form .hs_email {z-index: 999}
.download-banner form.consent .legal-consent-container {    position: absolute;
    display: inline-block !important;
    float: left;
    padding-top: 100px;
    z-index: 9;} 

.download-banner form.consent .legal-consent-container ul {list-style-type: none;    padding-inline-start: 0;}
.download-banner form.consent .legal-consent-container p {font-size: 12px}

.download-banner .inline-form.consent .hs-form-booleancheckbox-display {
    display: inline-flex!important;
    flex-direction: row;
    align-items: center;
}

.download-banner .inline-form.consent .hs-form-booleancheckbox-display input {
    min-width: 0;
    width: auto;
}
.download-banner .legal-consent-container .hs-form-booleancheckbox-display>span {margin-left: 5px}

/* responsive */


/* Contact banner */

.banner-wrapper .contact-banner .cta_button.phone-number {display: inline-flex;justify-content: center;pointer-events: none }
.banner-wrapper .contact-banner .phone-number .material-icons {margin-right: 5px}

/* Mobile */
@media (min-width: 850px) {
  .mySlides {display: block !important;}

}
  @media (min-width: 768px) {
  .mobile-visible {display: none;}
    
}

@media (max-width: 1550px) {
  .homepage .hd-hero h1 {margin-bottom: 10px; }
}

@media (max-width: 1250px) {
  .homepage .hd-hero h1 { margin: 0 auto 10px; font-size:36px;}
  .homepage .hd-hero p {max-width: 680px; margin: 20px auto;display: block}
}
@media (max-width: 1150px) {
  .h2 {font-size}
  .hunteed-data .rounded-div {height: 200px; width: 200px; margin-bottom: 40px}
  .split-blue-light-principale-light-bg {background: linear-gradient(0deg, var(--principale-light) 26%, var(--blue-light)  0%)}
  .hd-hero-cta {margin: 0 10px 0 0;}

  
}

@media (max-width: 1050px) {
.customers-cover-img {background-image:url('https://www.hunteed.com/hubfs/New%20website/Home%20Page/Logos-Home%20Page-5col.png');}
}
  
@media (max-width: 992px) {
  .hunter-benefits .col-sm-4 h3 {font-size: 20px}
  .hunter-benefits .col-sm-4 h4,.hunter-benefits .col-sm-4 p {font-size: 16px}
  .hd-hero .cta-wrapper {text-align: center}
  .hd-hero .title {padding-bottom: 0}
  .homepage .advantages {padding: 45px 0px;}
  .homepage .advantages .advantage {margin: 20px auto 0; max-width: 700px;float: none;
    display: flex;
    height: 100%; padding-bottom: 20px}
  .homepage .advantages .advantage .col-xs-3 {text-align: center; }
  .homepage .advantages .advantage p {max-width: 500px; margin: 0}
  .homepage .advantages .advantage .inline-cta {margin-top: 0}
  .homepage .advantages .mobile-cta {font-weight: 700; font-size: 16px; line-height: 24px;margin-top: 40px; } 
#footer .language-switcher .language-dropdown {bottom: 8px}
}

#footer .terms {border-top: solid 1px #ccc; padding: 10px 0;}
#footer .terms ul { padding: 10px 20px;}
#footer .terms ul li {    display: inline-block;
    padding-right: 60px;
    font-size: 15px;
  color: #ffffff;}
#footer .terms a:hover {    color: #00c4bb ;border-bottom: 1px solid #00c4bb;}




@media (max-width: 850px) {
  .hunter-benefits .dots {text-align: center; position: relative; top: -40px; }
      .hunter-benefits .dot {display: inline-block;margin: 0 5px }
  .hunter-benefits .col-sm-4 {margin: 0 auto; float: none}
  .hunteed-data .round-wrapper {flex-basis: 50%;text-align: center}
  .principale-light-bg.testimonial-section {background-color: #fff}
  .testim p.testimonial-name, .testim .dots .dot img, .testim .dot.active p.testimonial-name {display: none;}
  .testim .dots {    display: inline-flex;justify-content: center;}
  .testim .dots .dot {background: var(--principale-medium);width: 16px;height: 16px;border-radius: 150px;margin: 0 20px; min-width: 0}
.testim .dots .dot.active {width: 20px;height: 20px;background: var(--principale)}
  .mobile-testim-content {position: relative; overflow: hidden; background-color: #fff; box-shadow: 0px 30px 40px rgb(212 217 232 / 20%); border-radius: 10px; padding: 40px 30px 40px 10px;}
  .testim .cont, .testim .cont > div {box-shadow: none;padding: 0 20px }
  .mobile-testimonial {display: inline-flex;     padding-top: 2em;} 
  .mobile-testimonial .arrow-down {display: inline-block;   top: -32px;
    right: -125px;position: relative}
  .mobile-testimonial p.testimonial-name {display: inline-block; max-width: 300px; padding-right: 10px;}
  .mobile-testimonial  .main-testimonial {display: flex; }
  .mobile-testimonial  img{ height: 46px; width: 46px;}
  .testim .wrap {padding: 0}
        .split-blue-light-principale-light-bg {background: var(--blue-light)}
      #footer .language-switcher .language-dropdown {bottom: -50px}
  
  .testim .dot.active .arrow-down {display: none}
  #footer .terms ul { display: flex;flex-direction: column;}
  #footer .terms ul li {width: 100%}
}

@media (max-width: 800px) {
  .hunter-benefits .three-col-images {display: inline-block}
  #footer .social-network img {margin-right: 15px;}
  
  
}

  @media (max-width: 768px) {   
.hd-hero .cta-wrapper {display: none}
  .hd-hero-wrapper .mobile-cta {display: inline-block}
  .hd-hero-wrapper .mobile-cta a {display: block; text-align: center; margin: 10px auto 20px; max-width: 400px }
  .homepage .advantages {    padding: 36px 0px;}
    .homepage .advantages .advantage, .homepage .expertise .col-sm-4 {border-bottom: 1px solid #2E74EA;}
    .homepage .advantages .advantage img, .homepage .expertise img {    width: 100%;height: auto;padding-right: 10px;max-width: 110px}
  .homepage .advantages h4, .homepage .expertise h4 {display: inline-flex;font-size: 24px;    padding-right: 1em}
      .homepage .advantages .active h4,.homepage .expertise .active h4 {margin-bottom: 10px}
    .homepage .advantages .advantage .material-icons, .homepage .expertise .collapsible .material-icons {font-size: 40px; color: var(--principale);}
    .homepage .expertise .material-icons {top: 0}
    .homepage .advantages .inline-cta, .homepage .benefits .two-col .inline-cta, .homepage .expertise .inline-cta {display: none}
    .homepage .benefits .two-col {margin: 0}
         .homepage .benefits .two-col .mobile-cta {font-weight: 700; font-size: 16px; line-height: 24px;margin-top: 40px;margin-bottom: 2em } 
    .homepage .benefits .two-col .text {margin-bottom: 20px}
    .homepage .expertise .three-col-images {padding-top: 20px}
      .homepage .expertise .three-col-images img {margin: 0 auto; max-width: 90px}
    .homepage .expertise .three-col-images .col-sm-4 {margin: 0 auto 20px; float: none;    display: flex; padding:0 0 20px;     align-items: center;}
        .customers-cover-img {background-image:url('https://www.hunteed.com/hubfs/New%20website/Home%20Page/Logos-Home%20Page-3col.png');height: 350px}
     .faq-collapse .main-tabs {display: flex;  justify-content: center; }
    .faq-collapse .main-tab {padding: 1em;}
        .faq-collapse .main-tab h4 {font-size: 18px;}
    .faq-collapse .main-tab img {width: 30px}

}


  @media (max-width: 630px) {   
    .hunteed-kpi {margin: 3em 0 5em}
        .hunteed-data .rounded-div { margin: 20px}
    .hunteed-data .rounded-div span {font-size: 14px; max-width: 100px}
    .contact-banner .phone-number {margin-top: 10px}


}

  @media (max-width: 600px) {   
      .homepage .advantages h4 {font-size: 20px;}
    .homepage .benefits .two-col p {display: none;}
    .homepage .benefits .two-col .inline-cta {display: none;}
    .mobile-testimonial .other-testimonial {display: none}
    .homepage .faq-collapse {display: none;}
}


  @media (max-width: 500px) {   
      .homepage .advantages h4, .homepage .expertise h4 {font-size: 18px;}
      .banner-wrapper .inline-banner .cta_button {display: inline-block; width: 90%; text-align: center;}
  #header .mobile-menu a.demo {display: none}

    
}

  @media (max-width: 450px) {   
        .customers-cover-img {background-image:url('https://www.hunteed.com/hubfs/New%20website/Home%20Page/Logos-Home%20Page-Mobile.png');}
    
}


/*****************************************/
/* FAQ   */
/*****************************************/

@media (max-width: 500px) {
     .faq-page.faq-collapse .main-tabs {
      display: flex;
      flex-direction: column;
      justify-content: center;} 
}


/*****************************************/
/* CGU   */
/*****************************************/

.cgu .hd-hero .btn {display: flex; background:#fff;    color: var(--principale);    font-size: 30px;align-items: center; font-family: 'Segoe UI black'; padding: 0}
.cgu .body .header-dropdown .dropdown-content.show {    
    top: 135px;
  min-width:150px;
    box-shadow: 10px 10px 30px rgb(33 48 99 / 10%);
}
.cgu .hd-hero .material-icons {pointer-events: none;}
.cgu .dropdown-content a {  
    justify-content: center;
    align-items: center;
    padding: 14px 10px 12px;font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    padding: 12px 15px;
    color: var(--principale);}