@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');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800;900&display=swap');

/**
 * CSS @imports must be at the top of the file.      
 * Add them above this section.    
 * 
 * navy blue: var(--text-color)                         
 */

:root{
  --font-family-main: 'Barlow', sans-serif;
  --font-bold: 800;
  --font-semibold: 600;
  --font-regular: 400;
  --largest-text: 62px;
  --h2-font-size: 35px;
  --subtitle-font-size: 26px;
  --hero-banner-text-size: 19px;
  --listing-heading-size: 20px;
  --button-font-size: 19px;
  --button-text-transform: uppercase;
  --button-padding: 20px 30px;
  --regular-font-size: 18px;
  --list-font-size: 16px;
  --small-font-size: 15px;
  --form-labels: 14px;
  --medium-font-size: 21px;
  --graphic-font-size: 28px;
  --h2-line-height: 42px;
  --body-copy-line-height: 1.4em;
  --text-color: #01087c;
  --light-blue-color-headline: #90c6e0;
  --form-grey-bg: #e3e6ed;
  --button-green: #08B371;
  --form-padding: 30px;
  --block-border-radius: 20px;
  --button-border-radius: 6px;
  --label-border-radius: 4px;
  --img-box-shadow: rgba(0,0,0,0.2) 10px 0px 20px -10px;
  --blue-acc-color: #6566ff;
  --red-acc-color: #ea2d28;
  --navy-acc-color: #002755;
  --green-acc-color: #29ba7d;
  --yellow-acc-color: #ffbc58;
  --light-blue-bg: #F5F8FF;
  --icon-box-color: #DFE9FF;
  --line-color-medium: #bbcbef;
  --dark-grey-bg: #2C3340;
  --testimonial-portrait-outline: 8px solid rgba(255,255,255,0.2);
  --title-border: 3px;
  --form-field-height: 40px;
  --form-width: 570px;
  --book-mockup-width: 600px;
}

body{
    overflow-x: hidden !Important;
}

/* Blue text links */

p a{
    color: var(--blue-acc-color) !important;
}

/* Homepage benefits section */

.icon-box{
  background-color: var(--icon-box-color) !important;
  padding: var(--form-padding) !important;
  border-radius: var(--block-border-radius);
  margin-bottom: 20px;
}

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

.icon-box .icon-text::before{
    font-family: 'FontAwesome' !important;
    color: var(--text-color) !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#insight .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: var(--small-font-size) !important;
}

.icon-box .icon-text h5{
    font-size: var(--medium-font-size) !important;
    font-weight: var(--font-semibold);
}

h1{
  font-family: var(--font-family-main) !important;
    font-weight: var(--font-semibold) !important;
    color: var(--text-color) !important;
}

h2{
  font-family: var(--font-family-main) !important;
    font-weight: var(--font-semibold) !important;
    font-size: var(--h2-font-size) !important;
    line-height: var(--h2-line-height) !important;
    color: var(--text-color) !important;
}

h3{
    font-family: var(--font-family-main) !important;
    font-weight: var(--font-semibold) !important;
    color: var(--text-color) !important;
}

h4{
    font-family: var(--font-family-main) !important;
    font-weight: var(--font-regular) !important;
    color: var(--text-color) !important;
}

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

p{
    line-height: var(--body-copy-line-height) !important;
}

p,
p span,
.icon-box p,
.icon-box h5{
    font-family: var(--font-family-main) !important;
    color: var(--text-color) !important;
}

/* Global green CTA button */

.pwr-cta--primary-solid a::before{
    background-color: var(--button-green) !important;
}

.pwr-cta--primary-solid a{
    font-size: var(--button-font-size) !important;
    padding: var(--button-padding) !important;
    text-transform: var(--button-text-transform) !important;
    font-family: var(--font-family-main) !important;
    font-weight: var(--font-semibold) !Important;
}

/* Global green button as button widget - read the news button */

.hs-button {
    font-family: var(--font-family-main) !important;
    font-weight: var(--font-semibold) !Important;
    font-size: var(--button-font-size) !important;
    padding: var(--button-padding) !important;
    text-transform: var(--button-text-transform) !important;
    color: #ffffff !important;
    background-color: var(--button-green) !important;
    display: inline-block !important;
}

/* Global white outline CTA button */

.pwr-cta--primary-border a{
    font-family: var(--font-family-main) !important;
    font-weight: var(--font-semibold) !Important;
    font-size: var(--button-font-size) !important;
    padding: var(--button-padding) !important;
    text-transform: var(--button-text-transform) !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.pwr-cta--primary-border .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover:after{
    background-color: rgba(0,0,0,0.2) !important;
}

.image-box-r img{
    border-radius: var(--block-border-radius) !important;
    box-shadow: var(--img-box-shadow) !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: var(--block-border-radius) !important;
    box-shadow: var(--img-box-shadow) !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 */

/* Benchmark 360 section on the Homepage with report screens */

.image-box-collage img{
    border-radius: var(--block-border-radius) !important;
    box-shadow: var(--img-box-shadow) !important;
    max-width: 500px !important;
}
.image-box-collage .img-second{
    margin-top: -120px;
}

.image-box-collage .img-first{
    margin-left: 60px;
}
.image-box-collage .img-third{
    margin-left: -380px;
    margin-top: -140px;
    display: none;
}
.image-box-collage{
margin-top: 80px;
}

/* Services and how we can help on the Homepage */

.pwr-services-box__inner.pwr--light{
    background-color: var(--icon-box-color) !important;
    border-radius: var(--block-border-radius) !important;
}

.pwr-services-box__inner .pwr-services-item__title{
    font-family: var(--font-family-main) !important;
    color: var(--text-color) !important;
}

.pwr-services-box:hover .pwr-services-box__inner{
    background-color: #3DA4C7 !important;
}

.pwr-services-box:hover .pwr-services-item__title{
    color: #ffffff !important;
}

.pwr-services-box:hover h6{
    color: #ffffff !important;
}

.pwr-services-box:hover .pwr-services-box__inner h6{
    color: #ffffff !important;
    font-weight: var(--font-regular) !important;
}

.pwr-services-box:hover .pwr-services-box__inner a{
    text-transform: none !important;
}

/* Services icons in the cards */

.pwr-services-box .pwr-services-item__icon .pwr-services-item__img{
	max-width: 50px !important;
	max-height: 50px !important;
}

.pwr-services-box .pwr-services-item__icon{
  padding-bottom: 10px !important;
}

/* 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: var(--font-family-main) !important;
}

.info-list span,
.info-list span span{
    color: var(--text-color) !important;
    font-size: var(--small-font-size) !important;
}

/* List headers */

.info-list span strong{
    font-size: var(--medium-font-size) !important;
}

.info-list li:first-child::before{
    background-color: var(--blue-acc-color) !important;
}

.info-list li:nth-child(2)::before{
    background-color: var(--red-acc-color) !important;
}

.info-list li:nth-child(3)::before{
    background-color: var(--navy-acc-color) !important;
}

.info-list li:nth-child(4)::before{
    background-color: var(--green-acc-color) !important;
}
.info-list li:nth-child(5)::before{
    background-color: var(--yellow-acc-color) !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: var(--body-copy-line-height) !important;
    font-weight: var(--font-regular);
}

/* End of How it works list */

/* Testimonials slider on Homepage */

.hs-testimonial blockquote{
    border-radius: var(--block-border-radius) !important;
    font-family: var(--font-family-main) !important;
    margin-top: 30px !important;
}

.hs-testimonial .title,
.hs-testimonial .name{
    font-family: var(--font-family-main) !important;
    color: var(--text-color) !important;
}

.hs-testimonial .name{
    font-size: var(--regular-font-size) !important;
}

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

.hs-testimonial blockquote span{
    color: var(--text-color) !important;
    font-weight: var(--font-regular) !important;
    font-family: var(--font-family-main) !important;
    font-size: 17px !important;
    line-height: var(--body-copy-line-height) !important;
}

.hs-testimonial figure{
    outline: var(--testimonial-portrait-outline) !important;
}

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

#what-firms-think-about-benchmark-360,
#book-a-demo-1{
    font-family: var(--font-family-main) !important;
}

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

/* Hero banner on Homepage */

#intro-line,
#introducing,
#benchmark,
#hero-text{
    color: #ffffff !Important;
    font-family: var(--font-family-main) !important;"'
}

#hero-text,
#banner-text-medium{
    font-size: var(--hero-banner-text-size) !important;
}

#benchmark{
    font-size: var(--largest-text) !important;
    margin-bottom: 20px !Important;
}

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

#intro-line{
    color: var(--light-blue-color-headline) !important;
    text-transform: uppercase !important;
    font-size: 22px !important;
    margin-bottom: 30px !important;
    border-bottom: var(--title-border) solid var(--light-blue-color-headline) !important;
    display: inline-block !important;
}

/* Book a demo button */

.hs-button{
    border-radius: var(--button-border-radius) !important;
}

/* Form on the homepage */

.homepage-form .hbspt-form{
    width: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: var(--form-grey-bg) !important;
    padding: var(--form-padding) !important;
    border-radius: var(--block-border-radius) !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: var(--font-family-main) !important;
    font-weight: var(--font-semibold) !important;
    font-size: var(--form-labels) !Important;
}

.hs-custom-form .hs-form-radio span{
    font-weight: var(--font-regular) !important;
    font-size: var(--form-labels) !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: var(--form-field-height) !important;
  border-radius: var(--button-border-radius) !important;
}

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

.hs-custom-form .hs-button.primary.large{
    color: #ffffff !important;
    padding: 20px !important;
    font-size: var(--hero-banner-text-size) !important;
    font-family: var(--font-family-main) !important;
    font-weight: var(--font-semibold) !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: var(--form-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: var(--form-grey-bg) !Important;
    padding: var(--form-padding) !important;
    border-radius: var(--block-border-radius) !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: var(--text-color) !important;
}

/* Homepage */

/* Nav menu */

.pwr-header-fixed a{
    font-family: var(--font-family-main) !important;
    font-weight: var(--font-regular) !important;
}

.pwr-header-fixed .pwr-header-logo{
    width: 150px !important;
}

.pwr-header-fixed a.cta_button{
    padding: 8px 20px !important;
  font-weight: var(--font-semibold) !important;
}

.pwr-header-fixed.pwr-header--dark-on-scroll.scroll .pwr-header-logo{
    filter: brightness(100) !important;
}

/* Dropdown menu items on hover */

.hs-menu-wrapper li:not(.hs-menu-depth-1):hover > a{
    background-color: var(--icon-box-color) !important;
    color: var(--text-color) !important;
    border-radius: var(--button-border-radius) !important;
}

/* Homepage hero section */

/* Learn more button */

.pwr-hero__cta-container{
    padding: 10px 0px !important;
}

.pwr-hero--small .pwr-hero__info-box{
    bottom: 30px !important;
}

h4.homepage-hero {
    color: #ffffff !Important;
}

/* Container for the animation */
#slider {
    position: relative;
    width: 100%;
    height: 120px !important; /* Adjust as needed */
    overflow: hidden;
    text-align: left;
    font-size: 3rem !important;
    line-height: 1.2em !important;
    font-weight: bold;
    font-family: var(--font-family-main) !important;
    font-weight: var(--font-semibold) !important;
    display: flex !important;
    align-items: end !important;
    bottom: 0px !important;
    margin-top: 60px !important;
}

/* Slide animation */
.slide {
    position: absolute;
    width: 100%;
    opacity: 0;
    transform: translateY(100%);
    animation: slideUp 10s infinite; /* Adjust timing as needed */
}

/* Animation Keyframes */
@keyframes slideUp {
    0% { opacity: 0; transform: translateY(100%); }
    10% { opacity: 1; transform: translateY(0); }
    20% { opacity: 1; transform: translateY(0); }
    30% { opacity: 0; transform: translateY(-100%); }
    100% { opacity: 0; transform: translateY(-100%); }
}

/* Delay each slide */
.slide:nth-child(1) { animation-delay: 0s; }
.slide:nth-child(2) { animation-delay: 2s; }
.slide:nth-child(3) { animation-delay: 4s; }
.slide:nth-child(4) { animation-delay: 6s; }
.slide:nth-child(5) { animation-delay: 8s; }


/* Instructors slider with portrait images */

.hs-logo-carousel__inner img{
    --size: 120px;
    width: var(--size) !important;
    height: var(--size) !important;
    margin-bottom: 10px !important;
}

.hs-logo-carousel .slick-slide img{
    border: 8px solid var(--form-grey-bg) !important;
}

/* Learn do review infographic */

.effective-learning span{
    color: var(--blue-acc-color) !important;
    text-transform: uppercase !important;
    font-weight: var(--font-bold) !important;
    letter-spacing: 0.2px !important;
    font-size: 3.5rem !important;
}

.effective-learning{
    font-size: var(--graphic-font-size) !important;
    margin-bottom: 30px !important;
    padding: 15px 0px !important;
}

h2.effective-learning{
    margin-left: auto !important;
    margin-right: auto !important;
    /*border-top: 3px solid var(--text-color) !important;
    border-bottom: 3px solid var(--text-color) !important; */
}

/* Steps learn do review */

p.steps{
    font-size: var(--medium-font-size) !important;
    margin-bottom: 0px !important;
}

h2.steps{
    font-size: 45px !important;
}

div.steps{
    background-color: var(--icon-box-color) !important;
    padding: 40px 60px !important;
    border-radius: var(--block-border-radius) !important;
}

/* Steps learn do review videos and spans */

.step-video{
    width: 320px !important;
    border-radius: var(--block-border-radius) !important;
    box-shadow: var(--img-box-shadow) !important;
    margin-top: 20px !important;
    display: none !important;
}

.steps span{
    display: block !important;
    font-size: var(--medium-font-size) !important;
    text-transform: uppercase !important;
    color: var(--blue-acc-color) !important;
    font-weight: var(--font-semibold) !important;
}

/* Our instructors on homepage carousel */

.SG_title{
    margin-bottom: 20px !important;
}

.team-member-name h3{
    margin-top: 0px !important;
}

.SG_container .slick-prev:before{
    color: var(--form-grey-bg) !important;
}

.SG_container .slick-next:before{
    color: var(--form-grey-bg) !important;
}

/* How we can help cards */

.text-link span{
    font-weight: var(--font-semibold) !important;
    color: var(--blue-acc-color) !important;
}

.text-link span:hover{
    opacity: 0.8 !important;
}

.text-link span::after{
    content: '\f061';
    font-family: 'FontAwesome' !important;
    margin-left: 8px !important;
}

.pwr-image-box {
    border-radius: 40px !Important;
}

.pwr-image-box__title{
    margin-top: 20px !important;
}

.pwr-image-box__img,
.pwr-image-box__overlay {
    border-radius: var(--block-border-radius) !important;
}

.pwr-rich-text.pwr-image-box__desc{
    margin-bottom: 10px !important;
}

.pwr-image-box__more-link{
    font-family: var(--font-family-main) !important;
}

/* Client logos on Homepage */

.pwr-sec-clients__slider img{
    border-radius: 0px !important;
}

.pwr-sec-clients__logo--grayscale:hover{
  scale: 0.94 !important;
}

/* Legal firms page */

/* Legal firms page id classes services grid 5 columns */

.hs-content-id-190827659326 .pwr-services-box {
width: calc(20% - 20px) !important;
}

.hs-content-id-190827659326 .pwr-services-box__front{
position: relative !important;
padding-top: 120px !important;
}

/* GenAI landing page */

/* Three courses archive list */

h2.course-name{
font-size: var(--subtitle-font-size) !important;
line-height: var(--body-copy-line-height) !important;
margin-top: 25px !important;
}

/* Three courses list */

.info-list-courses{
    font-family: var(--font-family-main) !important;
}

.info-list-courses span,
.info-list-courses span span{
    color: var(--text-color) !important;
    font-size: var(--small-font-size) !important;
}

/* List headers */

.info-list-courses span strong{
    font-size: var(--medium-font-size) !important;
}

.info-list-courses li:first-child::before{
    background-color: var(--blue-acc-color) !important;
}

.info-list-courses li:nth-child(2)::before{
    background-color: var(--red-acc-color) !important;
}

.info-list-courses li:nth-child(3)::before{
    background-color: var(--navy-acc-color) !important;
}

.info-list-courses li:nth-child(4)::before{
    background-color: var(--green-acc-color) !important;
}
.info-list-courses li:nth-child(5)::before{
    background-color: var(--yellow-acc-color) !important;
}

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

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

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

.info-list-courses{
padding-left: 40px !important;
}

/* Our Classes page course listings archive */

.sidebar-h2{
font-size: var(--listing-heading-size) !important;
text-transform: none !important;
letter-spacing: normal !important;
}

.classes-revamp-listings h2{
font-size: var(--listing-heading-size) !important;
line-height: var(--body-copy-line-height) !important;
}

.classes-revamp-listings h2:after{
display: none !important;
}

.classes-revamp-listings .button-group .button.active{
color: var(--blue-acc-color) !important;
/* background-color: #ffffff !important;
padding: 5px 8px !important;
border-radius: var(--label-border-radius) !important;
display: inline-block !important; */
font-weight: var(--font-bold) !important;
}

.classes-revamp-listings .button-group .button.active:after{
display: none !important;
}

.classes-revamp-listings .pwr-post-item__more-link{
color: var(--blue-acc-color) !important;
text-transform: none !important;
}

.classes-revamp-listings .pwr-post-item__img{
background-size: cover !important;
}

.classes-revamp-listings .pwr-post-item__desc{
font-family: var(--font-family-main) !important;
color: var(--text-color) !important;
line-height: var(--body-copy-line-height) !important;
}

.classes-revamp-listings .button-group .button{
font-family: var(--font-family-main) !important;
color: var(--text-color) !important;
line-height: var(--body-copy-line-height) !important;
font-weight: var(--font-semibold) !important;
letter-spacing: normal !important;
}

.classes-revamp-listings .pwr-post-item--3col{
height: auto !important;
}

.classes-revamp-listings .pwr-post-item__info-box{
position: relative !important;
top: 0px !important;
}

.pwr-post-item__overlay h2{
color: #ffffff !important;
}

.classes-revamp-listings #litigation{
    margin-top: 40px !important;
}

/* To remove the blue overlay on hover */

.pwr-post-item__overlay{
display: none !important;
}

/* Turn text to white on hover while keeping the blue

.classes-revamp-listings .pwr-3D-box__info-box:hover h2,
.classes-revamp-listings .pwr-3D-box__info-box:hover .pwr-post-item__desc,
.classes-revamp-listings .pwr-3D-box__info-box:hover .pwr-post-item__more-link{
color: #ffffff !important;
}  */

/* Hero banner on Classes page */

.hero-classes span{
color: #ffffff !important;
}

/* Turning the body on the Classes page to white */

.classes-revamp-listings .pwr-blog-listing{
background-color: #ffffff !important;
}

.classes-revamp-listings .pwr-blog-listing-left{
background-color: red !important;
padding: 20px !important;
margin-right: 20px !important;
border-radius: var(--button-border-radius) !important;
background-color: var(--icon-box-color) !important;
}

.classes-revamp-listings .ui-group.pwr-blog-box {
padding-right: 0px !important;
}

.classes-revamp-listings .pwr-post-item__info-box{
padding: 20px 0px !important;
}

/* Removing the hero modules for the Classes page from the template */

.classes-revamp-listings #hs_cos_wrapper_dnd_area-module-2,
.classes-revamp-listings .dnd_area-row-0-padding,
.classes-revamp-listings .dnd_area-row-1-force-full-width-section{
    display: none !important;
}

/* About Us Company page */

/* Team members */

.team-member-name h3{
    margin-bottom: 0px !Important;
    font-size: var(--subtitle-font-size) !Important;
    line-height: var(--body-copy-line-height) !important;
    padding-top: 5px !Important;
}

.team-member-short-bio p{
    font-size: var(--small-font-size) !important;
}

.team-member-designation p{
    font-size: var(--regular-font-size) !important;
}

/* Linkedin icons */

.holder .socialList svg{
    width: 2.5em !important;
    height: 2.5em !important;
    padding: 10px !important;
    fill: #ffffff !important;
}

.holder .socialList a{
    background-color: var(--text-color) !important;
    display: inline-block !Important;
    border-radius: 50% !important;
}

.holder .socialList a:hover{
    scale: 0.85 !Important;
}

.holder .socialList a{
    transition: 0.5s ease !important;
}

/* Hubspot contact form on the About Us page */

.pwr-sec-form .hs-input{
    background-color: #ffffff !important;
    border: 1px solid #b5b5b5 !Important;
    border-radius: var(--label-border-radius) !important;
    padding: 10px !important;
    font-family: var(--font-family-main) !important;
}

.pwr-sec-form .hs-form-field{
    margin-bottom: 20px !important;
}

/* Law Firms page */

/* Removing right padding on the hero banner from 35% to 0% */

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

/* Hero banner title line spacing */

#world-class-experiential-legal-training-for-law-firms{
    line-height: 1.2em !important;
  font-size: 50px !important;
  margin-bottom: 15px !important;
}

/* Rounded corners on video iframe */

.hs-video-wrapper iframe{
    border-radius: var(--block-border-radius) !important;
}

/* ROI page */

/* Removing right padding on the hero banner from 35% to 0% on ROI page */

.hs-content-id-192149222320 .dnd_area-row-0-max-width-section-centering > .row-fluid{
padding-right: 0% !important;
  padding-left: 0px !important;
}

/* ROI page logo only on this page */

.hs-content-id-192149222320 .hs-logo-carousel .slick-slide img{
border: 0px !important;
object-fit: contain !important;
filter: grayscale(1) !important;
  opacity: 0.4 !important;
  transition: 0.5s ease;
}

.hs-content-id-192149222320 .hs-logo-carousel .slick-slide img:hover{
filter: grayscale(0) !important;
  opacity: 1 !important;
  scale: 0.9 !important;
}

/* ROI quote image on hero section */

#hs_cos_wrapper_widget_1664547321357 img{
border-radius: var(--button-border-radius) !important;
}

/* Download report form on ROI page only */

.hs-content-id-192149222320 .hs-custom-form,
.hs-content-id-192299073160 .hs-custom-form{ /* Form on Resources page */
background-color: transparent !important;
padding: 0px !important;
  margin: 0px !important;
}

/* Form on ROI page in 2 column grid */

.hs-content-id-192149222320 .hs-custom-form,
.hs-content-id-192299073160 .hs-custom-form{ /* Form on Resources page */
display: grid !important;
grid-template-columns: 1fr 1fr !important;
column-gap: 10px !important;
}

/* Download report button */

.hs-content-id-192149222320 .hs-custom-form .hs-button.primary.large,
.hs-content-id-192299073160 .hs-custom-form .hs-button.primary.large{ /* Form on Resources page */
width: 100% !important;
padding: 0px !important;
top: 10px !important;
height: 40px !important;
  border: 0px !important;
}

/* Checkmark list on ROI page */

.checkmark-list{
padding-left: 0.2em !important;
}

.checkmark-list p{
margin-bottom: 10px !Important;
}

/* Checkmark bullets */

.checkmark-list li{
 list-style: none;
 list-style-image: none;
 position: relative;
    padding-left: 2em;
font-size: var(--list-font-size) !important;
}


.checkmark-list li:before, /* For ROI page */
.checkmark-list li p:before{ /* For Law firms page */
 content: " ";
 display: block;
 border: solid 0.7em var(--green-acc-color);
 border-radius: 0.7em;
 position: absolute;
 left: 0px;
 top: 0%;
}

.checkmark-list li:after, /* For ROI page */
.checkmark-list li p:after{ /* For Law firms page */
 content: " ";
 display: block;
 width: 0.38em;
 height: 0.68em;
 border: solid white;
 border-width: 0 0.175em 0.175em 0;
 position: absolute;
 left: 0.5em;
 top: 20%;
 transform: rotate(45deg);
}

/* ROI page testimonial cards at the bottom */

.sr-cards-testimonial-grid-01 .card{
  border-radius: var(--block-border-radius) !important;
border: 0px !important;
padding: 60px 30px 40px 30px !important;
  margin: 0px 10px !important;
}

.sr-cards-testimonial-grid-01 .author-details .small{
color: var(--text-color) !important;
font-size: var(--small-font-size) !important;
font-weight: var(--font-semibold) !important;
}

.sr-cards-testimonial-grid-01 .small{
font-style: italic !important;
}

.icon-wrapper.sr-spacer-25 svg{
fill: var(--text-color) !important;
/*
background-color: var(--light-blue-bg) !important;
border-radius: 50% !important;
padding: 8px !important;
width: 48px !important;
height: 48px !important;
border: 4px solid var(--icon-box-color) !important;
*/
}

.sr-cards-testimonial-grid-01 .author-meta img{
border: 6px solid var(--icon-box-color) !important;
margin-right: 10px !important;
}

/* Resources page */

/* Form on resources page only */

.hs-content-id-192299073160 .hs-custom-form .hs-form-field{
margin-bottom: 20px !important;
}

/* Left padding on input fields in forms on Resources page */

.hs-content-id-192299073160 .hs-custom-form input{
    padding: 12px 16px !important;
}

/* Book mockups on Resources page only */

.hs-content-id-192299073160 .hs_cos_wrapper_type_linked_image img{
    max-width: var(--book-mockup-width) !important;
    margin-left: -180px !important;
}

/* Workday case study page */

/* Hero section on the Workday case study page only */

.hs-content-id-192310457984 .dnd_area-row-3-vertical-alignment > .row-fluid{
    /* margin-left: 0px !important; */
}

/* How we partner with internal teams page */

.hs-content-id-192338350777 .dnd_area-row-0-max-width-section-centering > .row-fluid{
  padding-right: 0px !important;
  /* margin-left: 0px !important; */
}

/* Download guide button */ 

.button-par a{
  background-color: var(--button-green) !important;
   font-size: var(--button-font-size) !important;
    padding: var(--button-padding) !important;
    text-transform: var(--button-text-transform) !important;
    font-family: var(--font-family-main) !important;
    font-weight: var(--font-semibold) !Important;
}

.button-par strong{
  color: #ffffff !important;
font-weight: var(--font-semibold) !important;
}

.hero-list span{
  color: #ffffff !important;
}

.hero-list p{
  margin-bottom: 0px !important;
}

.hero-list{
  padding-left: 1em;
  margin-bottom: 10px !important;
}

.hs-content-id-192338350777 .row-fluid .span3{
 width: 40% !important;
}

/* How we partner with intenal teams page logos only on this page */

.hs-content-id-192338350777 .hs-logo-carousel .slick-slide img{
border: 0px !important;
object-fit: contain !important;
filter: grayscale(1) !important;
  opacity: 0.4 !important;
  transition: 0.5s ease;
}

.hs-content-id-192338350777 .hs-logo-carousel .slick-slide img:hover{
filter: grayscale(0) !important;
  opacity: 1 !important;
  scale: 0.9 !important;
}

.medium-subtitle{
  font-size: var(--medium-font-size) !important;
}

/* Careers page */

/* Careers page Check back later and open jobs list */

.pwr-simple-list-item--text-style{
width: 100% !important;
}

#altaclaro-legal-training-careers{
    color: #ffffff !important;
    width: 70% !important;
    line-height: 1em !important;
}

#grow-personally-and-professionally{
    color: #ffffff !important;
}

/* Pricing page */

.pricing-package{
    
}

.list-item{
    color: var(--text-color) !important;
}

.list-item{
    margin-bottom: 20px !Important;
    padding-bottom: 20px;
}

.list-item:not(:first-child):not(:last-child){
    border-bottom: 1px solid var(--form-grey-bg);
}

/* Open Cohort list */

.list-item.inv:not(:last-child){
    border-bottom: 1px solid var(--line-color-medium) !important;
}

.list-item .text.first-item {
    margin-bottom: 0px !important;
    text-align: center;
    color: var(--blue-acc-color);
    font-size: var(--regular-font-size);
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.pricing-seats p{
    display: inline-block !important;
     background-color: var(--icon-box-color);
    font-weight: var(--font-semibold);
    font-size: var(--regular-font-size);
    padding: 6px 28px !important;
    border-radius: 20px;
    margin-top: 10px;
}

.pricing-seats{
    margin-bottom: 20px !important;
}

.pricing-seats.inv p{
    background-color: #ffffff;
}

/* Per seat text */

h6 span{
    color: var(--text-color) !important;
}

/* Checkmarks in the pricing list */

.list-item .icon .fas.fa-check:before{
    color: var(--green-acc-color) !important;
}

.testimonial-cards-white .card{
    background-color: #ffffff !important;
}

.testimonial-cards-white .author-name{
    font-family: var(--font-family-main) !important;
    color: var(--text-color) !important;
    font-size: var(--small-font-size) !important;
}

/* Individual master courses Class page */

/* Courses individual page hero section */

.classes-revamp-listings .hero_top {
  display: flex;
  column-gap: 2rem;
}

.classes-revamp-listings .hero_area{
    background-color: var(--icon-box-color);
}

.classes-revamp-listings .hero_area .hero_left h1{
    line-height: 1em;
    margin: 20px 0px 60px 0px;
}

.classes-revamp-listings .hero_area .hero_bottom{
    background-color: #ffffff;
    padding: 40px 60px;
    border-radius: var(--block-border-radius);
    margin-top: 30px;
}

.traincourses_area{
    background-color: var(--dark-grey-bg) !important;
}

.traincourses_area .page-center{
  align-items: center;
}

.traincourses_area .traincourses_left h2{
    font-size: var(--h2-font-size) !important;
}

.traincourses_area .traincourses_right{
    font-family: var(--font-family-main);
    font-size: var(--regular-font-size) !important;
}

.traincourses_area .traincourses_right li:not(:last-child){
    margin-bottom: 20px;
}

.altadiffer_area .altadiffer_top h4{
    font-size: var(--h2-font-size) !important;
    font-weight: var(--font-semibold) !important;
}

/* Instructors Who Practice What they Teach section */

.teachers_desc p,
.teachers_top h2{
    text-align: center;
    color: #ffffff !important;
}

.teachers_area > .page-center{
    background-color: var(--dark-grey-bg);
    max-width: 100%;
    padding: 80px 20px;
}

.teachers_top,
.teachers_desc{
    max-width: 1200px !important;
    margin-left: auto;
    margin-right: auto;
}

.teachers_area .page-center h2{
    font-size: var(--h2-font-size) !important;
}

.teachers_area .logoslider_area,
.teachers_area .logoslider_area .pwr-sec-clients{
    background: #ffffff !important;
}

/* Class Content Overview */

.overflowinfo_area{
    background-color: transparent !important;
}

.overflowinfo_area h3{
    font-size: var(--h2-font-size) !important;
}

.overflowinfo_area .overflowinfo_main{
    background-color: transparent !important;
}

.overflowinfo_area .overflowinfo_main .overflowinfo_box{
    background-color: var(--navy-acc-color) !important;
    color: #ffffff !important;
    padding: 50px 40px;
    margin-top: 0px;
    border-radius: var(--block-border-radius) !important;
}

.overflowinfo_area .overflowinfo_main .overflowinfo_box h4{
    color: #ffffff !important;
    font-weight: var(--font-semibold) !important;
   /* border-bottom: 4px solid var(--light-blue-bg) !important; */
    font-size: var(--h2-font-size) !important;
}

/* Number of credits in label */

.overflowinfo_area .overflowinfo_main .overflowinfo_box .overflowinfo_wrap .halfdiv:first-child .text{
    background-color: var(--light-blue-bg) !important;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 20px;
    color: var(--text-color) !important;
    font-weight: var(--font-semibold) !important;
}

/* Praise for our instructors */

.testislider_area{
    padding-top: 0px !important;
}

.testislider_area .testislider_title{
    margin-bottom: 0px !important;
}

.testislider_area em{
    font-family: var(--font-family-main) !important;
    font-style: normal !Important;
    color: var(--text-color);
    font-weight: var(--regular-font-size) !important;
}

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

/* Benefits services */

.servicesinfo_area .servicesinfo_item h5{
    color: var(--text-color);
    font-family: var(--font-family-main);
    
}

.servicesinfo_area .servicesinfo_cover .servicesinfo_item{
    background-color: var(--icon-box-color) !important;
    flex: 1 !important;
    padding: 50px 30px;
    border-radius: var(--block-border-radius) !important;
    transition: 0.5s ease;
}

.servicesinfo_area .servicesinfo_cover{
    column-gap: 10px !important;
    align-items: stretch;
}

.servicesinfo_area .servicesinfo_cover .servicesinfo_item p{
    margin-bottom: 0px !important;
}

.servicesinfo_area .servicesinfo_cover .servicesinfo_item:hover{
    transform: scale(0.95);
}

/* Services icons on individual classes page */

.servicesinfo_area .servicesinfo_cover .servicesinfo_item .servicesinfo_icon svg path{
    fill: var(--text-color) !important;
}

.servicesinfo_area .servicesinfo_cover .servicesinfo_item .servicesinfo_icon svg{
    --icon-size: 40px;
    width: var(--icon-size) !important;
    height: var(--icon-size) !important;
}

/* CTA request a demo section */

.ctastrip_area{
    background-color: transparent;
    padding: 60px 20px;
}

.ctastrip_area .btn_style a{
     font-size: var(--button-font-size) !important;
    padding: var(--button-padding) !important;
    text-transform: var(--button-text-transform) !important;
    font-family: var(--font-family-main) !important;
    font-weight: var(--font-semibold) !Important;
    background-color: var(--button-green) !important;
    border-radius: var(--button-border-radius) !important;
}

/* Interested in this class section */

.interclass_area{
    padding-top: 80px;
}

.interclass_area .interclass_cover .interclass_item .interclass_in{
    border-radius: var(--button-border-radius) !important;
    padding: 20px 40px;
}

.interclass_area .interclass_cover .interclass_item h3,
.interclass_area .interclass_cover .interclass_item .text p{
    color: #ffffff !important;
}

.interclass_area .interclass_cover .interclass_item .btn_style2 a{
    font-size: var(--button-font-size) !important;
    font-family: var(--font-family-main) !important;
    font-weight: var(--font-semibold) !Important;
    background-color: transparent !important;
    color: #ffffff;
    padding: 0px;
}

.interclass_item .interclass_in{
    background-color: var(--dark-grey-bg) !important;
}

.interclass_area .interclass_cover .interclass_item:hover{
    transform: scale(0.97);
}

.interclass_area .interclass_cover .interclass_item{
    transition: 0.5s ease;
}

.interclass_area .interclass_cover .interclass_item .btn_style2 a:after{
    content: '\f178';
    font-family: 'FontAwesome';
    margin-left: 6px;
}

/* Altaclaro Difference on Individual Courses page - Steps */

/* Steps graphics */

.altadiffer_box{
    display: flex !important;
    width: 100% !important;
}

.altadiffer_cover{
    width: 100% !important;
    row-gap: 80px !important;
}

.altadiffer_content h4{
    font-size: var(--h2-font-size) !important;
    font-weight: var(--font-semibold) !important;
}

.altadiffer_content p{
    font-size: var(--medium-font-size);
    margin-bottom: 0px;
}

.altadiffer_content {
    background-color: var(--icon-box-color);
    padding: 40px 60px;
    border-radius: var(--block-border-radius);
    display: flex !important;
    flex-direction: column !important;
    align-items: start !important;
    justify-content: center;
}

.altadiffer_cover .altadiffer_box:nth-child(2){
    flex-direction: row-reverse;
}

/* Use cases individual pages */

/* Testimonial on Use cases individual page */

.testimonial-card-light-blue .card{
    width: 100% !important;
    background-color: var(--icon-box-color) !important;
}

.testimonial-card-light-blue.sr-cards-testimonial-grid-01 .author-meta img{
    border-color: var(--light-blue-bg) !important;
}

.testimonial-card-light-blue .author-name{
    color: var(--text-color) !important;
    font-family: var(--font-family-main);
    font-weight: var(--font-semibold) !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;
}
  
  #intro-line-1,
#introducing-1,
#benchmark-1,
#hero-text-1{
    color: #ffffff !Important;
    font-family: var(--font-family-main) !important;"'
}

#hero-text-1{
    font-size: var(--hero-banner-text-size) !important;
}

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

#intro-line-1{
    color: var(--light-blue-color-headline) !important;
    text-transform: uppercase !important;
    font-size: 22px !important;
    margin-bottom: 30px !important;
    border-bottom: 3px solid var(--light-blue-color-headline) !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;
  }
}