.navbar-menu-icon {
  position: relative;
}

.site-container {
  display: block;
  width: 100%;
  max-width: var(--_sizing---max_width);
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.site-container--extended {
  max-width: 2000px;
}

.site-container--medium {
  max-width: 70rem;
}

.site-button {
  display: inline-block;
  border: 0;
  border-radius: .3rem;
  background-color: var(--_colours---white);
  color: var(--_colours---black);
  cursor: pointer;
  font-family: var(--_text---title_font);
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: .9;
  padding: .8rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: opacity .2s, background-color .2s;
}

.site-button:hover {
  background-color: #cbcbcb;
}

.site-button--outline {
  border: 2px solid var(--_colours---white);
  background-color: transparent;
  color: var(--_colours---white);
}

.site-button--outline:hover {
  background-color: #00000091;
}

.site-button--large-dark {
  background-color: var(--_colours---black);
  color: var(--_colours---white);
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  font-size: 1.3rem;
}

.site-button--large-dark:hover {
  background-color: var(--_colours---grey-900);
}

.services-link,
.case-studies_link,
.blog-card_link,
.footer_linkedin {
  display: inline-block;
  max-width: 100%;
}

.text-dark {
  color: var(--_colours---black);
}

.text-muted {
  color: var(--_colours---grey-800);
  font-size: 1.2rem;
  line-height: 1.3;
}

.text-md {
  font-size: var(--_text---text-m);
}

.text-lg {
  z-index: 3;
  font-size: var(--_text---text-l);
}

.text-dark.text-md,
.text-muted.text-md {
  display: inline-block;
}

.heading-xl {
  font-size: var(--_text---h1);
}

.heading-lg {
  font-size: var(--_text---h2);
}

.heading-md {
  font-size: var(--_text---h3);
  font-weight: 600;
  line-height: 1;
}

.section-process,
.section-case-studies,
.section-blog-home-content {
  background-color: var(--_colours---grey-100);
}

.content-tag {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .8rem;
  line-height: 1;
}

.content-tag--blog {
  color: var(--_colours---grey-800);
  font-family: var(--_text---body-font);
  font-weight: 500;
}

.content-tag--case {
  color: var(--_colours---white);
  font-family: var(--_text---title_font);
  font-weight: 600;
}

.testimonial-avatar {
  width: 4rem;
  border-radius: 500px;
}

.sales-hero_slides-wrapper {
  transition: opacity 600ms ease-out, transform 600ms ease-out;
  transform: translateY(1.5rem);
}

.sales-hero_slides-wrapper.is-ready {
  opacity: 1 !important;
  transform: translateY(0);
}

.sales-quiz-checkbox-field {
  transition: background-color .2s ease, color .2s ease;
}

.sales-quiz-checkbox-field.is-selected {
  background: #fcfcfc;
  color: #161616;
}

.sales-quiz-checkbox-field.is-selected .quiz-check-box {
  outline: 2px solid #000;
}

.sales-quiz-checkbox-field.is-selected .quiz-check-mark {
  opacity: 1 !important;
}

.service-tab-link {
  cursor: pointer;
}

.faq_question {
  user-select: none;
}

.faq_answer {
  max-height: 0;
  transition: max-height 250ms ease;
}

.faq_accordion.is-open .faq_answer {
  max-height: 16rem;
}

.faq_icon {
  transition: transform 200ms ease;
}

.faq_accordion.is-open .faq_icon {
  transform: rotate(180deg);
}

.benefit-slide {
  transition: transform 200ms cubic-bezier(.25, .46, .45, .94);
}

.benefit-book {
  transition:
    opacity 200ms cubic-bezier(.25, .46, .45, .94),
    transform 200ms cubic-bezier(.25, .46, .45, .94);
}

@media (hover: hover) and (pointer: fine) {
  .benefit-image-wrap:hover .is-sales-1-1 {
    transform: translate(-11%, -110%) rotate(10deg);
  }

  .benefit-image-wrap:hover .is-pitch-1-1 {
    transform: translate(-120%, 30%) rotate(7deg);
  }

  .benefit-image-wrap:hover .is-sales-1-2 {
    transform: translate(-120%, 8%) rotate(12deg);
  }

  .benefit-image-wrap:hover .is-pitch-1-2 {
    transform: translate(-7%, -140%) rotate(7deg);
  }

  .benefit-image-wrap:hover .is-sales-1-3 {
    transform: translate(24%, 25%) rotate(-12deg);
  }

  .benefit-image-wrap:hover .is-sales-2-1 {
    transform: translate(-100%, 19%) rotate(-7deg);
  }

  .benefit-image-wrap:hover .is-pitch-2-1 {
    transform: translate(-130%, 30%) rotate(7deg);
  }

  .benefit-image-wrap:hover .is-sales-2-2 {
    transform: translate(1%, -120%) rotate(12deg);
  }

  .benefit-image-wrap:hover .is-pitch-2-2 {
    transform: translate(10%, -130%) rotate(12deg);
  }

  .benefit-image-wrap:hover .is-sales-2-3 {
    transform: translate(24%, 25%) rotate(10deg);
  }

  .benefit-image-wrap:hover .is-sales-3-1 {
    transform: translate(-120%, -42%) rotate(-7deg);
  }

  .benefit-image-wrap:hover .is-pitch-3-1 {
    transform: translate(-21%, -92%) rotate(-4deg) scale(1.6);
  }

  .benefit-image-wrap:hover .is-sales-3-2 {
    transform: translate(27%, 24%) rotate(12deg);
  }

  .benefit-image-wrap:hover .is-pitch-3-2 {
    transform: translate(-76%, 1%) rotate(-4deg) scale(1.6);
  }

  .benefit-image-wrap:hover .is-sales-3-3 {
    transform: translate(51%, -100%) rotate(7deg);
  }

  .benefit-image-wrap:hover .benefit-book {
    opacity: 1;
    transform: scale(3) rotate(-5deg);
  }

  .benefit-group:nth-child(2) .benefit-image-wrap:hover .benefit-book {
    transform: scale(3) rotate(5deg);
  }

  .benefit-group:nth-child(3) .benefit-image-wrap:hover .benefit-book {
    transform: scale(3) rotate(-3deg);
  }

  .benefit-group:nth-child(1) .benefit-image-wrap.is-pitch:hover .benefit-book {
    transform: scale(3) rotate(0deg);
  }

  .benefit-group:nth-child(2) .benefit-image-wrap.is-pitch:hover .benefit-book {
    transform: scale(5) rotate(0deg);
  }
}

@media screen and (max-width: 991px) {
  .benefit-image-wrap.is-mobile-active .is-sales-1-1 {
    transform: translate(-11%, -110%) rotate(10deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-pitch-1-1 {
    transform: translate(-120%, 30%) rotate(7deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-sales-1-2 {
    transform: translate(-120%, 8%) rotate(12deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-pitch-1-2 {
    transform: translate(-7%, -140%) rotate(7deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-sales-1-3 {
    transform: translate(24%, 25%) rotate(-12deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-sales-2-1 {
    transform: translate(-100%, 19%) rotate(-7deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-pitch-2-1 {
    transform: translate(-130%, 30%) rotate(7deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-sales-2-2 {
    transform: translate(1%, -120%) rotate(12deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-pitch-2-2 {
    transform: translate(10%, -130%) rotate(12deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-sales-2-3 {
    transform: translate(24%, 25%) rotate(10deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-sales-3-1 {
    transform: translate(-120%, -42%) rotate(-7deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-pitch-3-1 {
    transform: translate(-21%, -92%) rotate(-4deg) scale(1.6) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-sales-3-2 {
    transform: translate(27%, 24%) rotate(12deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-pitch-3-2 {
    transform: translate(-76%, 1%) rotate(-4deg) scale(1.6) !important;
  }

  .benefit-image-wrap.is-mobile-active .is-sales-3-3 {
    transform: translate(51%, -100%) rotate(7deg) !important;
  }

  .benefit-image-wrap.is-mobile-active .benefit-book {
    opacity: 1 !important;
    transform: scale(3) rotate(-5deg) !important;
  }

  .benefit-group:nth-child(2) .benefit-image-wrap.is-mobile-active .benefit-book {
    transform: scale(3) rotate(5deg) !important;
  }

  .benefit-group:nth-child(3) .benefit-image-wrap.is-mobile-active .benefit-book {
    transform: scale(3) rotate(-3deg) !important;
  }

  .benefit-group:nth-child(1) .benefit-image-wrap.is-pitch.is-mobile-active .benefit-book {
    transform: scale(3) rotate(0deg) !important;
  }

  .benefit-group:nth-child(2) .benefit-image-wrap.is-pitch.is-mobile-active .benefit-book {
    transform: scale(5) rotate(0deg) !important;
  }
}

@media screen and (min-width: 992px) {
  .hero-left-shadow {
    left: -2.5rem;
    width: calc(100% + 5rem);
  }

  .hero_right-shadow {
    right: -2.5rem;
    width: calc(5% + 2.5rem);
  }
}

@keyframes hero-slides-forward {
  0% {
    transform: translateY(0);
  }

  55.555% {
    transform: translateY(20vw);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes hero-slides-reverse {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20vw);
  }

  100% {
    transform: translateY(0);
  }
}

.hero-slide {
  display: block;
  flex: 1;
  max-width: 25vw;
  object-fit: cover;
  animation: hero-slides-forward 45s linear infinite;
}

.hero-slide--reverse {
  animation: hero-slides-reverse 50s linear infinite;
}

.navbar-menu-icon::before,
.navbar-menu-icon::after {
  content: "";
  position: absolute;
  left: 18%;
  width: 64%;
  height: 2px;
  background: currentColor;
  transition: transform 200ms ease, top 200ms ease;
}

.navbar-menu-icon::before {
  top: 36%;
}

.navbar-menu-icon::after {
  top: 62%;
}

.menu-button.w--open .navbar-menu-icon::before {
  top: 49%;
  transform: rotate(45deg);
}

.menu-button.w--open .navbar-menu-icon::after {
  top: 49%;
  transform: rotate(-45deg);
}

.nav-dropdown-nav {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 100ms ease-out, transform 100ms ease-out;
}

.nav-dropdown-nav.w--open {
  opacity: 1;
  transform: translateY(0);
}

.service_sales-book,
.services_sales_image,
.service_image-flex,
.service_image-pitch {
  transition: opacity 200ms ease, transform 200ms ease-out;
}

.service_sales-book {
  opacity: 0;
  transform: translateY(-20px);
}

.services_card.is-sales-active .service_sales-book {
  opacity: 1;
  transform: translateY(0);
}

.services_card.is-sales-active .services_sales_image {
  transform: translateY(-20%);
}

.service_image-pitch.is-big {
  transform: scale(1.3);
}

.services_card.is-pitch-active .service_image-flex {
  transform: translateX(-65%);
}

.services_card.is-pitch-active .service_image-pitch.is-big {
  transform: scale(1);
}

.services_card.is-pitch-active .service_image-pitch.is-next {
  transform: scale(1.3);
}

.case-studies_collection-item,
.case-study-card_arrow {
  transition: transform 200ms ease-out;
}

.case-studies_collection-item.is-hovered {
  transform: translateY(-10px) !important;
}

.case-studies_collection-item.is-hovered .case-study-card_arrow {
  transform: translateX(170%);
}

.testimonial_card,
.testimonial_dark-screen {
  transition: opacity 200ms ease-out, transform 200ms ease-out;
}

.testimonial_dark-screen {
  pointer-events: none;
  opacity: 0;
}

.testimonial_card.is-focused {
  z-index: 12;
  transform: translateX(-5rem);
}

.testimonial_card-wrapper.has-focused-card .testimonial_dark-screen {
  opacity: 1;
}

.process_image,
.process_slide-frame,
.process_slide,
.process_slide-container,
.process_image-frame {
  will-change: transform, opacity, background-color;
}

@media screen and (max-width: 991px) {
  .site-container {
    max-width: var(--_sizing---max_width);
  }

  .site-container--extended {
    max-width: 2000px;
  }

  .site-container--medium {
    max-width: 70rem;
  }

  .testimonial-avatar {
    width: 3rem;
  }

  .w-nav[data-collapse="medium"] .navbar_menu {
    display: none;
    position: absolute;
    top: var(--mobile-nav-offset, 4.5rem);
    right: auto;
    bottom: auto;
    left: 50%;
    width: 100vw;
    max-width: none;
    transform: translateX(-50%);
    box-sizing: border-box;
    z-index: 10;
  }

  .w-nav[data-collapse="medium"] .navbar_menu.w--open {
    display: flex;
  }

  .navbar.is-menu-open {
    z-index: 10;
  }

  .navbar-menu_wrapper {
    width: 100%;
    align-items: stretch;
    justify-content: flex-start;
  }

  .nav-dropdown {
    width: 100%;
  }

  .nav-dropdown-nav {
    width: 100%;
    max-width: none;
  }

  .nav-dropdown-nav.w--open {
    display: flex;
    position: relative;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 767px) {
  .site-container {
    flex-flow: column;
  }

  .hero-slide {
    max-width: 55vw;
    overflow: visible;
    animation-duration: 30s;
  }

  .testimonial_card.is-focused {
    transform: translateY(-1rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-slide {
    animation: none;
  }

  .nav-dropdown-nav,
  .service_sales-book,
  .services_sales_image,
  .service_image-flex,
  .service_image-pitch,
  .case-studies_collection-item,
  .case-study-card_arrow,
  .testimonial_card,
  .testimonial_dark-screen {
    transition-duration: 0.01ms;
  }

  .sales-hero_slides-wrapper,
  .faq_answer,
  .faq_icon,
  .benefit-slide,
  .benefit-book {
    transition-duration: 0.01ms;
  }
}

/* White Footer overrides */
.cta.w-variant-b613af14-8dc8-6029-c3e3-817ec03d5771 .footer_linkedin {
  filter: invert(1);
}

.cta.w-variant-b613af14-8dc8-6029-c3e3-817ec03d5771 .site-button {
  background-color: var(--_colours---black);
  color: var(--_colours---white);
}

.cta.w-variant-b613af14-8dc8-6029-c3e3-817ec03d5771 .site-button:hover {
  background-color: var(--_colours---grey-900);
}

.cta.w-variant-b613af14-8dc8-6029-c3e3-817ec03d5771 .cta_footer-wrapper > img {
  filter: invert(1);
}

.cta.w-variant-b613af14-8dc8-6029-c3e3-817ec03d5771 .cta_footer-wrapper {
  border-top-color: var(--_colours---black);
}