@import url(http://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:700,400);
@import url(//designers.hubspot.com/hs-fs/hub/327485/file-2054199286-css/font-awesome.css);
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css');

/**
 * CSS @imports must be at the top of the file.      
 * Add them above this section.    
 * 
 * navy blue: #01087c                         
 */

body{
    overflow-x: hidden !Important;
}

/* Homepage benefits section */

.icon-box{
  background-color: #DFE9FF !important;
  padding: 30px !important;
  border-radius: 20px;
  margin-bottom: 20px;
}

.icon-box .icon-text{
    position: relative !important;
}

.icon-box .icon-text::before{
    font-family: 'FontAwesome' !important;
    color: #01087c !important;
    font-size: 32px !important;
    position: absolute !important;
    left: 0px !important;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff !important;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.icon-box#address-book .icon-text::before{
    content: "\f06e";  
  
}

.icon-box#focus .icon-text::before{
    content: "\f0aa";
}

.icon-box#awareness .icon-text::before{
    content: "\f0eb";
}

.icon-box#skills .icon-text::before{
    content: "\f5dc";
}

.icon-box#talent .icon-text::before{
    content: "\f005";
}

.icon-box#resources .icon-text::before{
    content: "\f51c";
  
}

.icon-box{
    display: flex !important;
}

.icon-box .icon-text{
    padding-left: 100px !important;
}

.icon-box .icon-icon{
    background-color: #ffffff !important;
    width: 80px;
    height: 80px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.icon-box .icon-text p{
    padding-top: 0px !important;
    font-size: 15px !important;
}

.icon-box .icon-text h5{
    font-size: 21px !important;
    font-weight: 600;
}

h2{
    font-weight: 600 !important;
    font-size: 35px !important;
    line-height: 42px !important;
}

p span{
    font-size: 17px !important;
}

p{
    line-height: 1.4em !important;
}

h2,
p,
p span,
.icon-box p,
.icon-box h5{
    font-family: 'Barlow', sans-serif !important;
    color: #01087c !important;
}

.image-box-r img{
    border-radius: 20px !important;
    box-shadow: rgba(0,0,0,0.2) 10px 0px 20px -10px !important;
    max-width: 700px !important;
}

.image-box-r .img-second{
    margin-top: -120px;
}

.image-box-r .img-first{
    margin-left: 60px;
}

.image-box-l img{
    border-radius: 20px !important;
    box-shadow: rgba(0,0,0,0.2) 10px 0px 20px -10px !important;
    max-width: 700px !important;
}

.image-box-l .img-second{
    margin-top: -120px;
    margin-left: -116px;
}

.image-box-l .img-first{
    margin-left: -180px;
}

#empower-associates-to-own-their-growth{ /* Heading */
    margin-top: 60px !important;
}

.img-first{
    margin-top: -80px !important;
}

/* End of benefits section */

/* Clients logo slider on homepage */

.pwr-sec-clients__slider.page-center.pwr--relative{
    max-width: 100% !important;
  margin-top: 30px;
}

.pwr-sec-clients__slider .owl-carousel .owl-stage{
    column-gap: 80px !important;
}

/* End of logo slider section */

/* How it works infographic list */

.info-list{
    font-family: 'Barlow', sans-serif !important;
}

.info-list span,
.info-list span span{
    color: #01087c !important;
    font-size: 15px !important;
}

/* List headers */

.info-list span strong{
    font-size: 21px !important;
}

.info-list li:first-child::before{
    background-color: #6566ff !important;
}

.info-list li:nth-child(2)::before{
    background-color: #ea2d28 !important;
}

.info-list li:nth-child(3)::before{
    background-color: #002755 !important;
}

.info-list li:nth-child(4)::before{
    background-color: #29ba7d !important;
}
.info-list li:nth-child(5)::before{
    background-color: #ffbc58 !important;
}

.info-list li{
    margin-top: 30px !important;
}

.info-list li::before{
    left: -40px !important;
    top: 0px !important;
}

.info-list li::after{
    left: -30px !important;
    top: 11px !important;
}

.hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li{
    line-height: 1.4em !important;
    font-weight: 400;
}

/* End of How it works list */

/* Testimonials slider on Homepage */

.hs-testimonial blockquote{
    border-radius: 20px !important;
    font-family: 'Barlow', sans-serif !important;
    margin-top: 30px !important;
}

.hs-testimonial .title,
.hs-testimonial .name{
    font-family: 'Barlow', sans-serif !important;
    color: #01087c !important;
}

.hs-testimonial .name{
    font-size: 18px !important;
}

.hs-testimonial .title{
    margin-top: 0px !Important;
}

.hs-testimonial blockquote span{
    color: #01087c !important;
    font-weight: 400 !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.4em !important;
}

.hs-testimonial figure{
    outline: 8px solid rgba(255,255,255,0.2) !important;
}

.hs-testimonial{
    margin-top: 40px !important;
}

#what-firms-think-about-benchmark-360,
#book-a-demo-1{
    font-family: 'Barlow', sans-serif !important;
}

.slick-prev:before,
.slick-next:before{
    color: #ffffff !important;
}

/* Hero banner on Homepage */ 

#introline,
#introtext,
#summervaltool,
#hero-text{
    color: #ffffff !Important;
    font-family: 'Barlow', sans-serif !important;"'
}

#hero-text{
    font-size: 19px !important;
}

#summervaltool{
    font-size: 48px !important;
    margin-bottom: 20px !Important;
}

.dnd_area-row-0-max-width-section-centering > .row-fluid{
padding-right: 35% !important;
}

#introline{
    color: #90c6e0 !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    margin-bottom: 30px !important;
    border-bottom: 3px solid #90c6e0 !important;
    display: inline-block !important;
}

/* Book a demo button */

.hs-button{
    border-radius: 6px !important;
}

/* Form on the homepage */

.homepage-form .hbspt-form{
    width: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: #e3e6ed !important;
    padding: 30px !important;
    border-radius: 20px !important;
}



/* End of Testimonials slider */

/* Form from the form widget on Homepage */

.hs_submit.hs-submit{
    width: 100% !important;
  margin-top: 0px !important;
}

.hs-custom-form label{
    font-family: 'Barlow', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !Important;
}

.hs-custom-form .hs-form-radio span{
    font-weight: 400 !important;
    font-size: 14px !Important;
    padding-left: 22px !important;
    padding-bottom: 10px !important;
    color: black !important;
}

.hs-custom-form .hs-form-radio span:after{
    background-color: #ffffff !important;
    border: 1px solid #b5b5b5 !important;
    height: 16px !important;
    width: 16px !important;
    top: 3px !important;
}

.hs-custom-form .hs-form-radio span:before{
    --size: 9px;
    background-color: #0075FF !important;
    height: var(--size) !important;
    width: var(--size) !important;
    left: 4px !important;
    top: 6px !important;
    
}

.hs-custom-form input{
    border: 1px solid #b5b5b5 !Important;
    height: 40px !important;
}

.hs-custom-form .hs-form-required{
    color: red !important;
    padding-left: 4px !important;
    font-weight: 400 !important;
}

.hs-custom-form .hs-button.primary.large{
    color: #ffffff !important;
    padding: 20px !important;
    font-size: 19px !important;
    font-family: 'Barlow', sans-serif !important;
    font-weight: 600 !important;
    height: auto !important;
}

.hs-custom-form .hs-form-radio .hs-input:focus{
    border-color: #0075FF !important;
}

.hs_cos_wrapper_type_form{
    max-width: 500px !important;
}

.hs-custom-form{
    max-width: 570px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: #E3E6ED !Important;
    padding: 30px !important;
    border-radius: 20px !important;
}

.hs-form-radio {
    display: inline-block !important;
    margin-right: 20px !important;
}

input:focus{
    box-shadow: none !important;
    border: 1px solid #595959 !Important;
}

.hs_cos_wrapper #how-it-works,
.hs_cos_wrapper #optimized-for-critical-thinking{
  color: #01087c !important;
}

/* Responsive */

/* Desktop only */

@media (min-width: 1024px){

/* Hiding the mobile hero banner on desktop */
/*  
.dnd_area-row-1-background-layers{
    display: none !Important;
} */
  
}

/* Mobile and tablet only */

@media (max-width: 1023px){
  
  /* Hero banner on mobile */
  
  .dnd_area-row-1-background-layers{
    padding-top: 0px !important;
}

.dnd_area-row-1-background-layers .hs-image-widget{
    max-width: calc(100% + 20px) !important;
    margin-left: -10px !important;
}
  
#introline-1,
#introtext-1,
#summervaltool-1,
#hero-text-1{
    color: #ffffff !Important;
    font-family: 'Barlow', sans-serif !important;'
}

#hero-text-1{
    font-size: 19px !important;
}

#summervaltool-1{
    font-size: 46px !important;
    margin-bottom: 20px !Important;
}
  
#summervaltool-1-mobile{
    font-size: 30px !important;
    margin-bottom: 20px !Important;
}  

#introline-1{
    color: #90c6e0 !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    margin-bottom: 30px !important;
    border-bottom: 3px solid #90c6e0 !important;
    display: inline-block !important;
}
  
  .image-box-r img{
    max-width: 100% !important;
  }
  
  .image-box-r .img-first{
    margin-left: 60px !important;
}
  
  .image-box-l img{
    max-width: 100% !important;
  }
  
  .image-box-l .img-second{
    margin-top: -120px !important;
   margin-left: 0px !important;
    margin-bottom: 20px !important;
  }
  
  .image-box-l .img-first{
    margin-left: 60px;
}
  
  .img-first{
    margin-top: 0px !important;
}
  
  .icon-box .icon-text{
    padding-left: 0px !important;
  }
  
  .icon-box .icon-text::before{
    position: relative !important;
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 10px !important;
    font-size: 26px !important;
  }
  
  /* First benefits image reversed columns on mobile - only first section */

.dnd_area-row-7-hidden.dnd-section > .row-fluid{
    display: flex !important;
    flex-direction: column-reverse !important;
}

/* How it works and anatomy sections on mobile */

.dnd_area-row-13-hidden .hs-image-widget,
.dnd_area-row-15-hidden .hs-image-widget{
    margin: 20px 0px !important;
}

.dnd_area-row-13-hidden.dnd-section > .row-fluid{
    display: flex !important;
flex-direction: column-reverse !important;
}

#how-it-works,
#optimized-for-critical-thinking{
    text-align: center !important;
}

/* First benefits */

.dnd_area-row-7-hidden{
    padding-top: 60px !important;
    padding-bottom: 0px !important;
}
  
/* Second benefits */
  
.dnd_area-row-9-hidden{
  padding-bottom: 20px !important;
  }
  
  .icon-box{
    padding: 25px !important;
  }
  
  #empower-associates-to-own-their-growth{
    margin-top: 20px !important;
  }
  
  /* Testimonials */
  
  .dnd_area-row-23-padding{
    padding-top: 80px !important;
  }
    
  .hs-testimonial{
    margin-top: 0px !important;
  }
  
}

/* Tablet only */

@media (min-width: 768px) and (max-width: 1023px){
  /* Benefits section in one column */
  
  .row-fluid .span6{
width: 100% !important;
  }
  
  /* Anatomy in one column */
  .dnd_area-row-15-vertical-alignment > .row-fluid{
    display: block !important;
  }
  
  /* Desktop hero banner hidden on tablet */
  
  .dnd_area-row-0-hidden{
    display: none !important;
  }
  
  .dnd_area-row-1-background-layers .hs-image-widget{
    max-width: calc(100% + 100px) !important;
    margin-left: -50px !important;
}
  
}

/* Mobile only */

@media (max-width: 767px){
  #benchmark-1{
    font-size: 12vw !important;
  }
}