/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

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

.landing .body-container-wrapper, .job-page .body-container-wrapper, .job-page-listing .body-container-wrapper, .job-page-listing .full-search-form {background: linear-gradient(129.79deg, var(--principale-light) 0.88%, rgba(246, 248, 254, 0) 84.52%);height: auto; padding: 5em 0}
/*****************************************/
/* Global one pager   */
/*****************************************/

.one-pager .body-container-wrapper {margin-top: 2em}
.one-pager .hd-hero {display:inline-block}
.one-pager .hd-hero h1 {max-width: none;}
.one-pager .hd-hero p {max-width: none}


/*****************************************/
/* Dynamic landing page   */
/*****************************************/

.dynamic-landing  h3 {margin: 10px 0 }
.dynamic-landing .two-col {margin: 2em 0} 



/*****************************************/
/* Landing page   */
/*****************************************/

.landing .two-col .col-xs-12.col-sm-6.image {
    display: flex;
    justify-content: space-around;}
.landing .two-col .col-xs-12.col-sm-6.image img { height: fit-content; width: 90%;}

.landing .two-col { margin-bottom: 3em; margin-top: 3em; display: flex; align-items: center;}



.landing .two-col p {line-height: 1.5;}
.landing .hd-hero {padding-top: 15px;}

.body-container-wrapper {background: linear-gradient(129.79deg, #F6F8FE 0.88%, rgba(246, 248, 254, 0) 84.52%);}

.landing .hd-hero p { margin-bottom: 3em;} 

.landing .two-col .col-xs-12.col-sm-6.image img {box-shadow: 0px 0px 20px 10px #ECF3FF;}
.dynamic-landing .two-col .col-xs-12.col-sm-6.image img {box-shadow: none;}
.landing .hd-hero .cta-wrapper { justify-content: center; display: flex;flex-direction: row; flex-wrap: nowrap;}



  @media (max-width: 800px) {   
    .landing .page-center .two-col {align-items: center;display: flex;margin-bottom: 3em; margin-top: 3em;flex-direction: column;} 
    .col-sm-6 {width: 100%;}
    .landing .page-center.body {padding:0px;}
    .landing .hd-hero .cta-wrapper.double-cta a.cta_button  {width: 100%; max-width: 300px; margin-bottom: 15px;}
  }

    

@media (max-width: 600px){ 
     .landing .hd-hero h1{ font-weight: 900;font-size: 30px;line-height: 40px;}
      .landing .hd-hero {padding-top:5px;}
}


/* Last advangtages */
.dynamic-landing .last-advantages {margin: 1em 0;     display: inline-block;}
.dynamic-landing .last-advantages .image {height: 100px; text-align:center;}
.dynamic-landing .last-advantages img {margin: 0 auto; max-width: 100px; max-height: 100px;}




/*****************************************/
/* One Page Flexible   */
/*****************************************/

.one-pager .hd-hero h2 { max-width: 1000px;}
.one-pager .page-content {max-width: 800px; margin: 0 auto; padding: 0 20px;}
.one-pager .body .hs_cos_wrapper {    font-size: 16px;
    margin-bottom: 40px;}
.one-pager h2 { font-size: 25px;letter-spacing: normal;margin: 0 0 16px;}
.one-pager .body p {margin-bottom: 18px;}
.one-pager .body p a, .become-hunter .body li a {font-weight: 600;}
.one-pager .body div.center {margin: 40px 0;
    letter-spacing: normal;
    margin: 0 0 16px;
background-color: transparent;
border: none;padding: 0;}

.one-pager .legal {max-width: 800px; margin: 0 auto}


.one-pager .dropdown-toggle {
     font: 30px ;
     color: var(--principale);
    letter-spacing: normal;
    margin: 0 0 16px;
background-color: transparent;
border: none;
  padding: 0;}

.one-pager .body .header-dropdown .dropdown-content.show {
    min-width: 112px;
    max-width: 280px;
    overflow: auto;
    padding: 5px 10px;
    border: 1px solid rgba(0,0,0,.05);
    max-height: calc(100vh - 48px);
    border-radius: 4px;
    outline: 0;
    min-height: 64px;
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    top: 100px;
    background: #fff;
    margin-left: 10px;}

.one-pager .body .header-dropdown .dropdown-content.show a.dropdown-item {display: block;font-size: 14px;
        padding: 15px 0;
    text-align: center;
    font: 400 14px/normal Open Sans,Arial,Helvetica,sans-serif;
    height: 50px;
 }

@media (max-width:753px) {
  .one-pager .header-dropdown h1 {margin-bottom: 0;display: inline;}
}

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

.inline-banner {
    margin: 0 auto;
    float: none;
    background-color: var(--principale-light);
    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;
}

/*****************************************/
/* Partnership    */
/*****************************************/

.partnership .hd-hero img {max-width: 500px; margin: 40px 0;}
.partnership .hd-hero .cta-wrapper {justify-content: center}
.partnership .cta-wrapper {display: flex; flex-direction: row; flex-wrap: nowrap;}
.partnership .two-col {align-items: center;}
.partnership .two-col img {width: 100%; height: auto; max-width: 520px; }
.partnership.subtext p {text-align: center; font-family: 'Segoe UI bold';font-style: normal;font-weight: 700; }
.partnership.subtext h3 {margin-top: 90px; text-align: center}
.partnership .center .inline-banner {margin-top: 3em}
.partnership .center .inline-banner a {margin: 0 5px} 
.partnership .center .inline-banner p {font-family: 'Segoe UI bold';}

@media (max-width: 768px) {
  .partnership .two-col {margin: 2em 0}
  .partnership .inline-cta {display: none}
  .partnership .mobile-visible.mobile-cta a {font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    border-radius: 5px;
    padding: 10px 17px;}
  .partnership .two-col .image {    display: flex; justify-content: center; align-items: center; margin: 2em 0}
  .partnership .hd-hero .cta-wrapper.double-cta a.cta_button {width: 100%; max-width: 300px; margin-bottom: 15px;}
  
}

/*****************************************/
/* Hunter testimonials listing     */
/*****************************************/
.testimonial-listing .body-container-wrapper { background: linear-gradient(129.79deg,#f6f8fe .88%,rgba(246,248,254,0) 84.52%) }
.testimonial-list {    max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column;}
.testimonial-listing .quote-section {background: #FFFFFF; box-shadow: 0px 30px 40px rgba(212, 217, 232, 0.2); display: flex; padding: 1em 2em; border-radius: 24px; align-content: center;
    justify-content: center;
    align-items: center;
    max-width: 800px; margin: 50px auto 2em}
.testimonial-listing .hunter-profile {text-align: center}
.testimonial-listing  .quote-section img {width: 100%}
.testimonial-listing .quote-section .quote-text {padding: 25px 5px}
.testimonial-listing .quote-section a { color: var(--principale); display: flex;    align-items: center; padding: 0 1em }
.testimonial-listing .quote-section .hunter-name {margin: 0}
.testimonial-listing .quote-section .hunter-job {margin: 0 0 10px}
.testimonial-listing .quote-section img {max-width: 150px; min-width: 64px; width: 100%; height: auto;     text-align: center;
    display: block;margin: 0 auto;padding: 10px}
  .testimonial-listing .hunter-name,.testimonial-listing .hunter-job {width: 100%; font-size: 16px;line-height: 20px;text-align: center; margin: 10px auto; text-align: center; color: var(--principale)}
.testimonial-listing .hunter-job {font-family: 'Segoe UI bold'}

.testimonial-listing .quote-section.inverted .hunter-profile-mobile {order: 1;}
.testimonial-listing  .quote-section.inverted .quote-text {order: 2;}
.testimonial-listing .quote-section .quote-text .bold {color: var(--blue); font-size:16px;}




/*****************************************/
/* Hunter page    */
/*****************************************/

.hunter-page .quote-text p {font-size: 16px;}
.hunter-page  p { font-size:18px;}
.hunter-page  .body-container-wrapper .main-body {padding-top: 3em}
.hunter-page .main-body>.row-fluid-wrapper>.row-fluid {display: flex;
    flex-wrap: wrap;}
.hunter-page #left-panel {       padding-right: 20px;display: flex;
    flex-direction: column;}
.hunter-page #sticky-panel {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}
.hunter-page #sticky-panel>div {
    position: sticky;
    top: 5em;
}
.hunter-page .left-panel {padding-right: 30px}
.hunter-page .left-panel h2, .hunter-page .left-panel h3 {margin-bottom: 0; margin-top: 2em}
.hunter-page .hunter-profile {text-align: center}
.hunter-page .hunter-picture {max-width: 250px; height: auto; border: solid 1px var(--principale-medium); border-radius: 150px; padding: 1em}
.hunter-page .hunter-name,.hunter-page .hunter-job {font-size: 20px;line-height: 30px;margin: 0; display: block}
.hunter-page .hunter-job {font-family: 'Segoe UI bold'}

.hunter-page .hunter-signup-section {background: #F6F8FE;
box-shadow: 0px 20px 40px rgba(35, 51, 107, 0.15);
border-radius: 24px;
padding: 25px;display: inline-block;margin-top: 2em}
.hunter-page .hunter-signup-section h2 {margin: 0;}


.hunter-page .quote-section {background: #FFFFFF; box-shadow: 0px 30px 40px rgba(212, 217, 232, 0.2); display: inline-block; padding: 5px; border-radius: 24px;}
.hunter-page .quote-section img {width: 100%}
.hunter-page .quote-section .quote-text {padding: 25px 5px}
.hunter-page .bottom-quote {background-color: var(--principale-light); margin-top: 2em}

.hunter-page .hunter-testimonials-section {    display: inline-block;margin: 3em 0 5em;}
.hunter-page .hunter-testimonials-section h2 {margin-bottom: 0} 
.hunter-page .hunter-testimonials-section .inline-cta {font-size:18px;}

.hunter-page .other-testimonials-list {margin-top: 2em}
.hunter-page .other-testimonials-list .mySlides {padding: 0 20px; max-width: 400px}
.hunter-page .other-testimonials-list .mySlides img {width: 100%}
.hunter-page .other-testimonials-list h4 {margin: 10px 0 0}
.hunter-page .other-testimonials-list p {margin: 0; font-size: 16px;text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    height: 100%;
    max-height: 75px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}



.hunter-page .dots {justify-content: center; margin: 10px 20px; display: none}
.hunter-page .dots .dot {height: 15px; width: 15px; background-color: var(--principale-medium); border-radius: 50px; margin: 0 20px;}
.hunter-page .dots .dot.active {background-color: var(--principale); height: 20px; width: 20px}
.hunter-page .hunter-profile-mobile, .hunter-page .mobile-banner {display: none}



@media (max-width: 768px) {
  .hunter-page .other-testimonials-list .mySlides {float: none; margin: 0 auto} 
  .hunter-page .dots {display: flex}
}



/*****************************************/
/* Hunter testimonials video    */
/*****************************************/

.testimonial_video .two-col .video {padding : 20px;}
.landing .testimonial_video .hd-hero p{ max-width:1000px;}



/*****************************************/
/* Job-page    */
/*****************************************/

.job-page-listing .hd-hero h2 { font-size: 16px; line-height:30px; overflow: visible;}
.job-page-listing .full-search-form {padding: 0 }

.job-page-listing .job-link { border-bottom: solid 1px var(--principale-medium); margin-bottom: 1em; padding-bottom: 1em; padding-right: 10px;    height: 200px;
    display: inline-flex;
    align-items: center;}
.job-page-listing .job-link p { font-size:16px;}
.job-page-listing h2 {font-size: 24px; margin: 0; max-height: 80px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    overflow: hidden;
    line-height: 32px;}
.job-page-listing p {padding-right: 1em;max-height: 96px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;    overflow: hidden;}

.mission-listing-nav {text-align: center; margin : 2em 0}
.mission-listing-nav a span {font-size: 32px; color: var(--principale)}


.job-page .body-container-wrapper {height: auto;}
.job-page .hd-hero p {max-width: none}
.job-page .header-job-page {padding-bottom: 3em}
.job-page .center .cta_button.blue { font-size:18px; display: block; width: fit-content; margin-top: 40px;}

.job-page .main-body > .row-fluid-wrapper > .row-fluid {   display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;}
.job-page .left-panel {padding-right: 20px;   display: flex;
  flex-direction: column;}
.job-page .right-panel {padding-left: 20px;   display: flex;
  flex-direction: column;}
.job-page .right-panel > div {    position: sticky;   top: 5em}

.job-page .job-page-summary {background: #FFFFFF;box-shadow: 0px 20px 40px rgba(79, 86, 100, 0.15);border-radius: 24px;padding: 20px 40px;max-width: 350px }
.job-page .job-page-summary ul {list-style-type: none;padding-inline-start: 0; width: 100%;    margin-block-start: 0;    margin-block-end: 0;}
.job-page .job-page-summary ul li {border-bottom: solid 1.5px var(--green); padding: 15px 0; width: 100%}
.job-page .job-page-summary ul li a {font-family: 'Segoe UI';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 24px;
color: var(--principale);
display: inline-flex;}
.job-page .job-page-summary ul li a .material-icons {display: none;font-size: 18px;
line-height: 24px;}
.job-page .job-page-summary ul li a:hover, .job-page .job-page-summary ul li a:active {font-family: 'Segoe UI bold'}
.job-page .job-page-summary ul li a:hover .material-icons {display: inline}

.job-page .job-page-bloc {    padding-top: 70px;
  margin-top: -70px;}

.job-page .other-articles {padding: 20px; }
.job-page .other-articles ul {list-style-type: none;padding-inline-start: 0; width: 100%;    margin-block-start: 0;    margin-block-end: 0;}
.job-page .other-articles ul li {padding: 5px 0; width: 100%}
.job-page .other-articles ul li a {font-family: 'Segoe UI';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 24px;
color: var(--principale);
display: inline-flex;
      flex-wrap: wrap;
}
.job-page .other-articles .all-articles {font-family: 'Segoe UI bold';color: var(--principale); display: flex; padding-top: 5px }

.job-page table {background: #FFFFFF;box-shadow: 0px 20px 40px rgba(79, 86, 100, 0.15);border-radius: 20px;color: var(--principale)}
.job-page table tr:not(:last-child) {border-bottom: solid 1px var(--green)}
.job-page table th, .job-page table td:first-child {font-family: 'Segoe UI bold'; color: var(--principale); text-align: left}
.job-page table th, .job-page table td {padding: 20px}
.job-page table ul {padding-inline-start: 20px}

.job-page .tablink {display: none;font-family: 'Segoe UI bold'; color: var(--principale); border-bottom: solid 1px var(--green)} 
.job-page .tablink .material-icons {color: var(--green)}
.job-page .active .tablink .material-icons {transform: rotateX(180deg)}

.job-page .download-banner {background-color: var(--blue); padding: 20px 40px; border-radius: 16px; margin: 2em 0; }
.job-page .download-banner h3, .job-page .download-banner p {color: #fff}
.job-page .download-banner form.inline-form .actions input.primary {background-color: var(--green)}
.job-page .legal-consent-container {display: none}
.job-page .tabcontent {padding: 0 5px; display: block }

@media (max-width: 900px) {
  .job-page table ul {font-size: 16px}
  
}
  
  
@media (max-width: 768px) {
  .job-page .right-panel {display: none}
  .job-page .tablink {display: flex;justify-content: space-between; margin: 1em 0 2em; padding: 1em 0; max-width: 380px}
  .job-page table th, .job-page table td {padding: 10px 5px;}
.job-page .tabcontent {display: none }
    .job-page table td, .job-page table ul {font-size: 14px; }
}


/*****************************************/
/* become-hunter page    */
/*****************************************/

.become-hunter .banner-wrapper { margin: 50px 0 !important;}
.become-hunter .page-center a.cta_button.blue.center.become { margin: 60px auto; display: block; width: fit-content;}
.become-hunter .body-container-wrapper { background: linear-gradient(129.79deg,#f6f8fe .88%,rgba(246,248,254,0) 84.52%);}
.become-hunter .hd-hero { margin-bottom : 80px;}
.become-hunter .cta-links {margin-top: 50px}




/*****************************************/
/* Responsive   */
/*****************************************/

@media (max-width: 1200px) {
  .hunter-page .hunter-signup-section h2 {font-size: 28px; line-height: 42px;}
  .job-page-listing h2 {font-size: 20px}
}
@media (max-width: 992px) {
  .hunter-page .hunter-profile-mobile {display: inline-block; min-width: 140px}
  .hunter-page #left-panel {padding-right: 0}
  .hunter-page #sticky-panel {display: none}
  .hunter-page .mobile-testim-content {display: flex;}
  .hunter-page .hunter-profile-mobile .hunter-picture {max-width: 150px; min-width: 64px; width: 100%; height: auto;     text-align: center;
    display: block;margin: 0 auto;padding: 10px}
  .hunter-page .hunter-profile-mobile .hunter-name,.hunter-page .hunter-profile-mobile .hunter-job {font-size: 16px;line-height: 20px;text-align: center; margin: 10px 0}
  .hunter-page .quote-section {padding: 25px 50px; display: flex}
  .hunter-page .quote-section .quote-text {display: flex;align-items: center;font-size: 22px;line-height: 32px;}
  .job-page-listing .job-link {min-height: 250px}
  .job-page-listing .become-link p{ font-size:16px; font-weight: 900px;}
  .job-page-listing p {font-size:16px }
}




@media (max-width: 850px) {
  .hunter-page .quote-section {padding: 0}
  .hunter-page .mobile-testim-content {    padding: 20px 15px 20px 5px;}
  .hunter-page .left-panel h2, .hunter-page .left-panel h3 {margin-top: 3em}
  .landing .body-container-wrapper {padding-top: 3em}
}
  
  @media (max-width: 768px) {
        .job-page-listing .job-link {padding: 2em; min-height: 0; height: 100%}
      .job-page-listing h2 {font-size: 20px}
  .job-page-listing p {font-size:18px}   
    .landing .page-center .two-col {align-items: center;display: flex;margin-bottom: 3em; margin-top: 3em;flex-direction: column;}          
  }
  
  
    @media (max-width: 700px) {   
    .hunter-page .hunter-profile-mobile .hunter-name, .hunter-page .hunter-profile-mobile .hunter-job {font-size: 13px; margin: 5px 0}


  
@media (max-width: 650px) {
  .hunter-page .quote-section .quote-text {font-size: 20px;line-height: 30px;}
      .hunter-page .hunter-profile-mobile .hunter-picture {margin-bottom: 5px}
      .hunter-page .hunter-profile-mobile .hunter-name, .hunter-page .hunter-profile-mobile .hunter-job {margin:  0}

}
  
    @media (max-width: 560px) {
    .hunter-page .hunter-profile-mobile .hunter-name, .hunter-page .hunter-profile-mobile .hunter-job {font-size: 11px;}
        .hunter-page .quote-section .quote-text {font-size: 16px;line-height: 24px;}
      .job-page form.inline-form {    justify-content: flex-start;
    align-items: center;
    flex-direction: column;margin-bottom:1em; padding-top: 0}
      .job-page form.inline-form .actions input.primary, .job-page form input.hs-input {border-radius:5px}
      




    @media (max-width: 450px) {
      .job-page-listing h2 {font-size: 18}
  .job-page-listing p {font-size:16px}
  }