:root {
  --base-color-brand--blue-dark: #1a1f44;
  --text-color--text-alternate: var(--base-color-neutral--white);
  --h1-font-size: clamp(1.5 * 1rem, ((1.5 - ((3.5 - 1.5) / (90 - 20) * 20)) * 1rem + ((3.5 - 1.5) / (90 - 20)) * 100vw), 4 * 1rem);
  --h2-font-size: clamp(1.5 * 1rem, ((1.5 - ((2.5 - 1.5) / (90 - 20) * 20)) * 1rem + ((2.5 - 1.5) / (90 - 20)) * 100vw), 3 * 1rem);
  --link-color--link-primary: var(--base-color-brand--grey);
  --size-padding-vertical--smaller: clamp(1 * 1rem, ((1 - ((2 - 1) / (90 - 20) * 20)) * 1rem + ((2 - 1) / (90 - 20)) * 100vw), 2 * 1rem);
  --size-padding-vertical--none: 0rem;
  --border-color--border-primary: var(--base-color-neutral--neutral-lightest);
  --text-color--text-secondary: var(--base-color-neutral--neutral-darker);
  --background-color--background-error: var(--base-color-system--error-red);
  --text-color--text-error: var(--base-color-system--error-red-dark);
  --background-color--background-primary: var(--base-color-brand--blue-dark);
  --size-grid-gap--main: 1rem;
  --size-padding-vertical--smallest: 1.5rem;
  --base-color-neutral--neutral-dark: #444;
  --size-max-width--main: 90rem;
  --size-padding-vertical--small: 5rem;
  --base-color-brand--mid-blue: #353f90;
  --base-color-brand--blue-light: #169fc7;
  --base-color-neutral--black: #000;
  --base-color-neutral--white: #fff;
  --base-color-brand--red: #cc1414;
  --base-color-brand--dk-grey: #595959;
  --text-color--text-primary: var(--base-color-neutral--black);
  --link-color--link-alternate: var(--base-color-neutral--white);
  --heading-large: 3.2rem;
  --base-color-brand--grey: #d6d6d6;
  --base-color-neutral--neutral-lightest: #eee;
  --base-color-neutral--neutral-lighter: #ccc;
  --base-color-neutral--neutral-light: #aaa;
  --base-color-neutral--neutral: #666;
  --base-color-neutral--neutral-darker: #222;
  --base-color-neutral--neutral-darkest: #111;
  --base-color-system--success-green: #379953;
  --base-color-system--success-green-dark: #287920;
  --base-color-system--warning-yellow: #ffe300;
  --base-color-system--warning-yellow-dark: #758d14;
  --base-color-system--error-red: #fd0000;
  --base-color-system--error-red-dark: #910303;
  --base-color-system--focus-state: #2d62ff;
  --background-color--background-secondary: var(--base-color-brand--grey);
  --background-color--background-tertiary: var(--base-color-brand--dk-grey);
  --background-color--background-alternate: var(--base-color-neutral--white);
  --background-color--background-success: var(--base-color-system--success-green);
  --background-color--background-warning: var(--base-color-system--warning-yellow);
  --background-color--background-transparent: #fff0;
  --border-color--border-secondary: var(--base-color-brand--grey);
  --border-color--border-alternate: var(--base-color-neutral--neutral-darker);
  --link-color--link-secondary: var(--base-color-neutral--black);
  --size-max-width--none: 100vw;
  --size-padding-horizontal--main: 3rem;
  --size-padding-vertical--main: 7rem;
  --size-padding-vertical--large: 10rem;
  --size-radius--main: .5rem;
  --size-radius--small: .25rem;
  --size-radius--round: 100vw;
  --text-color--text-success: var(--base-color-system--success-green-dark);
  --text-color--text-warning: var(--base-color-system--warning-yellow-dark);
}

body {
  background-color: var(--base-color-brand--blue-dark);
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  display: flex;
}

h1 {
  color: var(--text-color--text-alternate);
  font-size: var(--h1-font-size);
  font-weight: 300;
  line-height: 1.1;
}

h2 {
  font-size: var(--h2-font-size);
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 300;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
}

p {
  text-decoration: none;
}

a {
  color: var(--link-color--link-primary);
  -webkit-text-decoration: none;
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: .25rem;
}

img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.utility-page_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-page_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 20rem;
  display: flex;
}

.utility-page_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_image {
  margin-left: auto;
  margin-right: auto;
}

.global-styles {
  position: fixed;
  inset: 0% auto auto 0%;
}

.margin-custom1 {
  margin: 1.5rem;
}

.padding-0 {
  padding: 0;
}

.margin-medium {
  margin: 2rem;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.background-color-brand1 {
  background-color: var(--base-color-brand--blue-dark);
  color: var(--text-color--text-alternate);
}

.padding-global {
  padding-right: var(--size-padding-vertical--smaller);
  padding-left: var(--size-padding-vertical--smaller);
}

.padding-global.none {
  padding-right: var(--size-padding-vertical--none);
  padding-left: var(--size-padding-vertical--none);
}

.text-color-alternate {
  color: var(--text-color--text-alternate);
}

.form_input {
  border: 1px solid var(--border-color--border-primary);
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.form_input::placeholder {
  color: var(--text-color--text-secondary);
}

.page-wrapper {
  height: auto;
  overflow: clip;
}

.form_message-error {
  background-color: var(--background-color--background-error);
  color: var(--text-color--text-error);
  margin-top: .75rem;
  padding: .75rem;
}

.text-align-center {
  text-align: center;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.button {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate);
  text-align: center;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.hide {
  display: none;
}

.nav_component {
  background-color: #000;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: static;
  inset: 0% 0% auto;
}

.nav_container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav_logo {
  width: 10rem;
}

.nav_menu_link {
  color: #fff;
  padding: 1rem;
}

.nav_button {
  padding: 1rem;
}

.section_header {
  background-image: url('../images/hero1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-height: 70svh;
  display: flex;
}

.footer_layout {
  grid-column-gap: var(--size-grid-gap--main);
  grid-row-gap: var(--size-grid-gap--main);
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  max-width: 90rem;
  display: grid;
}

.footer_layout.text-align-center {
  text-align: center;
}

.styleguide_guide_wrap {
  z-index: -1;
  pointer-events: none;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.styleguide_guide_contain {
  z-index: 20000;
  pointer-events: none;
}

.styleguide_guide_contain.u-container {
  z-index: 0;
  padding: var(--size-padding-vertical--none) var(--size-padding-vertical--smaller);
  pointer-events: auto;
  position: relative;
  inset: auto;
}

.styleguide_guide_layout.u-grid-custom {
  pointer-events: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-main);
}

.styleguide_guide_column {
  height: 100vh;
  color: var(--base-color-neutral--neutral-dark);
  background-color: #8383831a;
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.styleguide_guide_column.u-vflex-center-bottom {
  background-color: #81bbeb1f;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.page-code-wrap {
  display: none;
  position: fixed;
}

.u-container {
  width: 100%;
  max-width: var(--size-max-width--main);
  padding: var(--size-padding-vertical--small) var(--size-padding-vertical--none);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.u-grid-custom {
  grid-column-gap: var(--size-grid-gap--main);
  grid-row-gap: var(--size-grid-gap--main);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--grid-1);
  display: grid;
}

.u-vflex-center-bottom {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header_container.u-container {
  max-width: var(--size-max-width--main);
}

.header_layout {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-wrapper {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  position: relative;
}

.content_name {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading.align-center {
  text-align: center;
}

.heading-wrapper {
  width: 100%;
  height: 100%;
  padding: var(--size-padding-vertical--smaller);
  background-color: #0000004d;
}

.section_about {
  background-color: var(--base-color-brand--mid-blue);
}

.layout_about {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.about-heading {
  margin-bottom: 1rem;
}

.about-text p {
  margin-bottom: .5rem;
}

.text-wrapper_about {
  background-color: var(--base-color-brand--blue-dark);
  padding: 1rem;
}

.section_filler-image {
  background-image: url('../images/hero2.webp');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 70vh;
}

.section_services {
  background-color: var(--base-color-brand--blue-light);
}

.layout_services {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.rich-text_services {
  color: var(--base-color-neutral--black);
}

.rich-text_services p {
  font-size: 1.4rem;
  font-weight: 300;
}

.services-wrapper {
  aspect-ratio: 2 / 3;
  perspective: 1000px;
  object-fit: cover;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.content_image-grid {
  padding-right: var(--size-padding-vertical--smaller);
  padding-left: var(--size-padding-vertical--smaller);
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.layout_car {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content_car {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-wrapper_filler {
  border: 3px solid var(--base-color-neutral--white);
}

.image-wrapper_filler.landscape {
  aspect-ratio: 3 / 2;
}

.image-wrapper_filler.portrait {
  aspect-ratio: 2 / 3;
}

.section_filler-image2 {
  background-image: url('../images/rh-controls1_1.avif');
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-height: 70vh;
  display: flex;
}

.section_filler-image3 {
  justify-content: center;
  align-items: center;
  min-height: 70vh;
  display: flex;
}

.social-icon-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  height: 3rem;
  display: flex;
}

.link-block {
  width: 2.5rem;
  height: 2.5rem;
}

.image-3a, .image-3 {
  aspect-ratio: 2;
  min-height: 70svh;
  position: absolute;
  inset: 0%;
}

.image-2 {
  aspect-ratio: 2;
  object-position: 50% 0%;
  min-height: 70svh;
  position: absolute;
  inset: 0%;
}

.image-2a {
  aspect-ratio: 2;
  object-position: 50% 70%;
  min-height: 70svh;
  position: absolute;
  inset: 0%;
}

.lottie-wrapper {
  width: 2.5rem;
  height: 2.5rem;
  position: static;
  inset: auto 5% 5% auto;
}

.lottie-layout {
  justify-content: flex-end;
  min-height: 2.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.services-text-front {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.flip-card-front {
  border: 3px solid var(--base-color-brand--mid-blue);
  backface-visibility: hidden;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
  position: relative;
}

.flip-card-front.two {
  border-color: var(--base-color-brand--blue-dark);
}

.flip-card-front.three {
  border-color: var(--base-color-brand--red);
}

.flip-card-front.four {
  border-color: var(--base-color-brand--dk-grey);
}

.flipcard-back {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #353f90;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.flipcard-back.two {
  background-color: var(--base-color-brand--blue-dark);
}

.flipcard-back.three {
  background-color: var(--base-color-brand--red);
}

.flipcard-back.four {
  background-color: var(--base-color-brand--dk-grey);
}

.rt-flipcard-back {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.social-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  width: 100%;
  display: flex;
}

.twitter-icon {
  border-radius: 50%;
}

.twitter-icon:hover {
  box-shadow: 1px 1px 20px #080302;
}

.fb-icon {
  border-radius: 50%;
}

.fb-icon:hover {
  box-shadow: 1px 1px 20px #080302;
}

.section_dvsa {
  background-color: var(--base-color-brand--blue-dark);
}

.layout_dvsa {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content_dvla {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.quote-wrapper {
  object-fit: cover;
  background-color: #353f9080;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
  position: relative;
}

.dvsa-logos-wrapper {
  width: 50%;
}

.section_filler-image4 {
  justify-content: center;
  align-items: center;
  min-height: 70vh;
  display: flex;
}

.image--4, .image-4a {
  aspect-ratio: 2;
  min-height: 70svh;
  position: absolute;
  inset: 0%;
}

.section_filler-image5 {
  justify-content: center;
  align-items: center;
  min-height: 70vh;
  display: flex;
}

.image-5 {
  aspect-ratio: 2;
  min-height: 70svh;
  position: absolute;
  inset: 0%;
}

.layout_pass-plus {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content_pass-plus {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pass-plus-logo-layout {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  justify-content: flex-end;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.nav_link-wrapper {
  text-align: center;
  max-width: 3rem;
  max-height: 2.5rem;
  padding: .5rem;
}

.nav-di-logos-contact-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-right: 3rem;
  display: flex;
}

.h4-heading {
  color: #080302;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
}

.nav-container {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.brand-logo-wrapper {
  aspect-ratio: 2.39;
  object-fit: cover;
  width: 15rem;
}

.bold-link {
  color: #cc1414;
  font-weight: 700;
}

.nav-section {
  background-color: #fff;
  padding: 1% 3%;
}

.nav-logo-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-contact {
  font-size: 1em;
}

.nav-contact-wrapper {
  flex-flow: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.driving-instructor-logos {
  max-height: 4rem;
  margin-top: 2%;
}

.brand-logo {
  object-fit: contain;
}

.section_pass-students {
  background-color: var(--base-color-brand--blue-light);
}

.layout_pass-students {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--base-color-brand--blue-dark);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  overflow: hidden;
}

.student-image {
  aspect-ratio: auto;
}

.content_pass-students {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section_info {
  background-color: var(--base-color-neutral--black);
}

.section {
  height: auto;
  min-height: 70svh;
  padding: var(--size-padding-vertical--smaller);
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.footer {
  text-align: center;
  background-color: #d6d6d6;
  border: 1px solid #000;
  border-top: 16px solid #169fc7;
  flex-direction: column;
  align-items: stretch;
  min-height: auto;
}

.section.footer-nav {
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: auto;
  padding-top: 0%;
  padding-bottom: 3%;
}

.section.twelve {
  background-image: url('../images/hero7_1hero7.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-logo {
  object-fit: fill;
}

.rt-footer-text {
  color: var(--text-color--text-primary);
}

.footer-credit {
  color: var(--base-color-brand--blue-dark);
  font-size: .9em;
}

.h3-heading-menu {
  width: 100%;
  height: 100%;
  color: var(--base-color-neutral--black);
  text-align: center;
  text-transform: uppercase;
  padding: .8rem;
  font-size: 1rem;
}

.h3-heading-menu:hover {
  color: var(--link-color--link-alternate);
}

.footer-menu-wrapper {
  background-color: #fff;
  justify-content: center;
  height: auto;
  display: flex;
  position: static;
  top: 151.313px;
  left: auto;
}

.html-embed {
  margin-top: 20px;
  margin-bottom: 20px;
}

.menu-link {
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: background-color .2s;
  display: flex;
}

.menu-link:hover {
  color: #1a1f44;
  background-color: #169fc7;
}

.menu-link.footer {
  margin-bottom: 1rem;
}

.menu-link.footer:hover {
  background-color: var(--base-color-brand--blue-light);
  color: var(--link-color--link-alternate);
}

.footer-credit-link {
  color: var(--base-color-brand--blue-dark);
  font-weight: 700;
}

.footer-credit-link:hover {
  color: var(--base-color-brand--mid-blue);
}

.rich-text-1 p {
  margin-bottom: .3rem;
}

.container {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  max-width: 90rem;
  height: auto;
  margin: 0%;
  display: grid;
}

.container.display-none {
  display: none;
}

.useful-links-new {
  color: var(--base-color-brand--blue-light);
  display: inline-block;
}

.useful-links-new:hover {
  color: var(--link-color--link-alternate);
}

.tinted-div-block {
  background-color: #353f9099;
  width: 100%;
  height: 100%;
  padding: 7%;
}

.rich-text-para {
  margin-bottom: .6rem;
}

.image-7 {
  aspect-ratio: 1;
  border: 5px solid var(--base-color-neutral--white);
  border-radius: 100%;
  max-height: 10rem;
}

.stopping-graphic {
  background-color: #fff;
  padding: .5rem;
}

.lottie-wrapper-2 {
  width: 40px;
  height: 40px;
  position: absolute;
  inset: auto 5% 5% auto;
}

.menu-wrapper {
  z-index: 10;
  background-color: #fff;
  width: 200px;
  height: auto;
  display: block;
  position: absolute;
  inset: 0% 20% auto auto;
  overflow: hidden;
}

.heading-8 {
  font-size: var(--heading-large);
  margin-bottom: 0;
}

.image-ratio {
  aspect-ratio: 2.39;
  object-fit: cover;
}

.nav_dropdown-wrapper {
  z-index: 9999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  .margin-medium {
    margin: 1.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .nav_button {
    color: #fff;
  }

  .footer_layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .styleguide_guide_contain.u-container {
    padding-right: var(--size-padding-vertical--smaller);
    padding-left: var(--size-padding-vertical--smaller);
  }

  .styleguide_guide_layout.u-grid-custom {
    grid-template-rows: auto;
  }

  .header_layout {
    grid-template-columns: 1fr;
  }

  .image-wrapper {
    aspect-ratio: 1;
  }

  .layout_about {
    grid-template-columns: 1fr;
  }

  .layout_services {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    font-weight: 300;
  }

  .content_image-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .layout_car {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .flipcard-back {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .layout_dvsa {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .quote-wrapper {
    aspect-ratio: auto;
  }

  .section_filler-image5, .container_filler5.u-container {
    flex-flow: column;
  }

  .layout_pass-plus {
    grid-template-columns: 1fr;
  }

  .pass-plus-logo-layout {
    aspect-ratio: auto;
    justify-content: center;
    align-items: center;
  }

  .driving-instructor-logos {
    width: 250px;
  }

  .h3-heading-menu {
    font-size: .8rem;
  }

  .footer-menu-wrapper {
    top: 152.313px;
  }

  .footer-credit-link {
    color: #1a1f44;
  }

  .footer-credit-link:hover {
    color: #595959;
  }

  .container {
    grid-column-gap: 1.55rem;
    grid-row-gap: 1.55rem;
    grid-template-columns: 1fr 1fr;
  }

  .image-6 {
    object-fit: contain;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .margin-custom1 {
    margin-top: var(--size-padding-vertical--smaller);
    margin-bottom: 0;
    margin-left: var(--size-padding-vertical--smaller);
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-global.none {
    display: none;
  }

  .footer_layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .styleguide_guide_contain.u-container {
    padding-right: var(--size-padding-vertical--smallest);
    padding-left: var(--size-padding-vertical--smallest);
  }

  .layout_services {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    font-weight: 400;
  }

  .services-wrapper {
    aspect-ratio: 1;
  }

  .content_image-grid, .layout_car {
    grid-template-columns: 1fr;
  }

  .section_filler-image2, .section_filler-image3 {
    flex-flow: column;
  }

  .image-3a {
    position: static;
  }

  .image-3 {
    position: relative;
  }

  .image-2, .image-2a {
    position: static;
  }

  .services-text-front {
    justify-content: center;
  }

  .flipcard-back {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .layout_dvsa {
    grid-template-columns: 1fr;
  }

  .section_filler-image4 {
    flex-flow: column;
  }

  .image--4 {
    position: relative;
  }

  .image-4a {
    position: static;
  }

  .layout_pass-plus {
    grid-template-columns: 1fr;
  }

  .pass-plus-logo-layout {
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav_link-wrapper {
    z-index: 999;
    order: -1;
  }

  .nav-di-logos-contact-wrapper {
    margin-right: 0;
  }

  .nav-container {
    flex-direction: column;
    align-items: center;
  }

  .nav-section {
    position: relative;
  }

  .nav-logo-wrapper {
    justify-content: center;
  }

  .nav-contact {
    text-align: center;
  }

  .driving-instructor-logos {
    width: 100%;
    max-width: 60%;
  }

  .layout_pass-students {
    grid-template-rows: auto auto auto auto auto auto auto auto;
  }

  .layout_pass-students.display-none {
    display: none;
  }

  .section.footer-nav {
    padding-top: 3%;
  }

  .footer-menu-wrapper {
    flex-wrap: wrap;
    width: 100%;
    inset: 0% 0% auto;
  }

  .menu-link.footer {
    width: 50%;
  }

  .container {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .container.display-none {
    grid-column-gap: 1.55rem;
    grid-row-gap: 1.55rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tinted-div-block {
    padding-left: 5%;
    padding-right: 5%;
  }

  .stopping-wrapper {
    background-color: var(--base-color-neutral--white);
    padding: .3rem;
  }

  .lottie-wrapper-2 {
    display: none;
  }

  .lottie-wrapper-2.lightbox {
    display: block;
  }

  .lightbox-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .h2-head {
    font-size: 2em;
  }

  .menu-wrapper {
    width: 100%;
    right: 0%;
  }

  .nav_dropdown-wrapper {
    position: absolute;
    top: 1rem;
    right: 6.5rem;
  }
}

@media screen and (max-width: 479px) {
  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .footer_layout {
    flex-direction: column;
    grid-template-columns: 1fr;
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .layout_services {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .services-wrapper {
    aspect-ratio: 1 / 1.5;
  }

  .content_image-grid {
    grid-template-columns: 1fr;
  }

  .flip-card-front {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .nav_link-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    top: 61%;
  }

  .nav-contact {
    text-align: left;
  }

  .nav-contact-wrapper {
    margin-top: 1rem;
  }

  .layout_pass-students {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .content_pass-students {
    padding: 1.25rem;
  }

  .section {
    min-height: 50vh;
  }

  .useful-links-wrapper {
    padding-left: 2%;
    padding-right: 2%;
  }

  .h2-head {
    font-size: 1.8em;
  }

  .heading-8 {
    margin-bottom: 1rem;
  }

  .nav_dropdown-wrapper {
    right: 1rem;
  }
}

#w-node-_2821bbe9-627c-48de-4ec2-cbb296ea5bf8-1e9fab8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7b76e722-112c-3ad0-3b30-8fff31814df4-1e9fab8d {
  align-self: center;
}

#w-node-_591c187b-30fb-638e-7870-6b799307823f-1e9fab8d {
  align-self: start;
}

#w-node-_0fb4a0fc-3e92-cfdf-911d-f89049e4aa57-1e9fab8d {
  align-self: center;
}

#w-node-e04b3ad1-72e4-d2cd-ac29-5a40c8579613-1e9fab8d {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_4fbf4219-4d8a-7833-6360-841be94f3ffb-1e9fab8d {
  align-self: center;
}

#w-node-c4258807-dcea-0d38-04a1-f2411daf5cee-1e9fab8d {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-da06d1ad-6efd-5629-e420-562becc21f6d-1e9fab8d {
  grid-area: 1 / 2 / 2 / 4;
  align-self: center;
}

#w-node-_95ac8e1d-cfc7-0680-2fb6-a88f2f3873d4-1e9fab8d {
  grid-area: 1 / 4 / 3 / 5;
}

#w-node-_95ac8e1d-cfc7-0680-2fb6-a88f2f3873d5-1e9fab8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d6bcc1f5-5141-4cc0-52bf-401ce75c2002-1e9fab8d {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_61d3a66d-3d6d-0363-0ca8-9b62dd1d12c7-1e9fab8d {
  grid-area: 2 / 2 / 4 / 4;
}

#w-node-_5905fa9e-ac62-9a5d-1d4e-a58227e6bad7-1e9fab8d {
  grid-area: 2 / 5 / 4 / 6;
}

#w-node-_5905fa9e-ac62-9a5d-1d4e-a58227e6bad8-1e9fab8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d30d4f38-73ef-95fa-906e-95a1883ee0ae-1e9fab8d {
  grid-area: 2 / 6 / 5 / 8;
}

#w-node-b8af226c-1936-88eb-81cd-5f0c2456a453-1e9fab8d {
  grid-area: 3 / 1 / 5 / 2;
}

#w-node-b8af226c-1936-88eb-81cd-5f0c2456a454-1e9fab8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4bd4b55f-68bc-525b-1742-f626f51bd016-1e9fab8d {
  grid-area: 4 / 3 / 7 / 5;
}

#w-node-_831e5f55-044f-92da-f39b-6f4bbbf1e308-1e9fab8d {
  grid-area: 5 / 1 / 7 / 2;
}

#w-node-_831e5f55-044f-92da-f39b-6f4bbbf1e309-1e9fab8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7ede2265-6d40-2a36-5635-6c10b902060e-1e9fab8d {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_7ede2265-6d40-2a36-5635-6c10b902060f-1e9fab8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fc280c97-c503-1469-f248-cd5207f221f5-1e9fab8d {
  grid-area: 5 / 7 / 7 / 8;
}

#w-node-fc280c97-c503-1469-f248-cd5207f221f6-1e9fab8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2a57a53e-5190-1030-6a74-d8d6da2dcde4-1e9fab8d {
  grid-area: 6 / 5 / 8 / 7;
}

#w-node-_2a57a53e-5190-1030-6a74-d8d6da2dcde5-1e9fab8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_78737390-bcff-42be-4844-686bcedfa52c-1e9fab8d {
  grid-area: 7 / 1 / 9 / 3;
}

#w-node-_78737390-bcff-42be-4844-686bcedfa52d-1e9fab8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_340770fb-5b2d-e40a-b219-79b0cba8d9a0-1e9fab8d {
  grid-area: 8 / 3 / 9 / 4;
}

#w-node-_340770fb-5b2d-e40a-b219-79b0cba8d9a1-1e9fab8d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0d332316-7ba4-4591-a143-c5b9b50c9da0-1e9fab8d {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_101adc47-18b9-388f-6ac9-12c002b56fef-1e9fab8d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6378ac4e-1cd8-4b79-b345-5da556de0697-1e9fab8d {
  align-self: center;
}

#w-node-_9efcbba2-3cf9-aa78-d631-98acfb5c24cf-1e9fab8d {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: start;
}

#w-node-_9efcbba2-3cf9-aa78-d631-98acfb5c2505-1e9fab8d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7d86a174-e38f-108c-a2c6-b0109dfec01a-1e9fab8d {
  grid-area: 1 / 3 / 2 / 5;
}

@media screen and (max-width: 991px) {
  #w-node-e04b3ad1-72e4-d2cd-ac29-5a40c8579613-1e9fab8d, #w-node-c4258807-dcea-0d38-04a1-f2411daf5cee-1e9fab8d {
    grid-column: 2 / 3;
  }

  #w-node-_0d332316-7ba4-4591-a143-c5b9b50c9da0-1e9fab8d {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_9efcbba2-3cf9-aa78-d631-98acfb5c2505-1e9fab8d {
    justify-self: stretch;
  }

  #w-node-_7d86a174-e38f-108c-a2c6-b0109dfec01a-1e9fab8d {
    grid-column: 2 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e04b3ad1-72e4-d2cd-ac29-5a40c8579613-1e9fab8d, #w-node-c4258807-dcea-0d38-04a1-f2411daf5cee-1e9fab8d {
    grid-column: 1 / 2;
  }

  #w-node-_0d332316-7ba4-4591-a143-c5b9b50c9da0-1e9fab8d {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }

  #w-node-_9efcbba2-3cf9-aa78-d631-98acfb5c24cf-1e9fab8d, #w-node-_9efcbba2-3cf9-aa78-d631-98acfb5c2505-1e9fab8d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7d86a174-e38f-108c-a2c6-b0109dfec01a-1e9fab8d {
    grid-column: 1 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e04b3ad1-72e4-d2cd-ac29-5a40c8579613-1e9fab8d, #w-node-c4258807-dcea-0d38-04a1-f2411daf5cee-1e9fab8d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-da06d1ad-6efd-5629-e420-562becc21f6d-1e9fab8d {
    grid-area: 1 / 1 / 2 / 5;
    align-self: center;
  }

  #w-node-_95ac8e1d-cfc7-0680-2fb6-a88f2f3873d4-1e9fab8d {
    grid-area: 1 / 5 / 4 / 6;
  }

  #w-node-d6bcc1f5-5141-4cc0-52bf-401ce75c2002-1e9fab8d {
    grid-area: 2 / 4 / 3 / 5;
  }

  #w-node-_5905fa9e-ac62-9a5d-1d4e-a58227e6bad7-1e9fab8d {
    grid-area: 3 / 6 / 4 / 7;
  }

  #w-node-d30d4f38-73ef-95fa-906e-95a1883ee0ae-1e9fab8d {
    grid-area: 5 / 5 / 7 / 7;
  }

  #w-node-_4bd4b55f-68bc-525b-1742-f626f51bd016-1e9fab8d {
    grid-area: 4 / 3 / 6 / 5;
  }

  #w-node-_7ede2265-6d40-2a36-5635-6c10b902060e-1e9fab8d {
    grid-area: 6 / 2 / 7 / 3;
  }

  #w-node-fc280c97-c503-1469-f248-cd5207f221f5-1e9fab8d {
    grid-area: 7 / 6 / 9 / 7;
  }

  #w-node-_2a57a53e-5190-1030-6a74-d8d6da2dcde4-1e9fab8d {
    grid-area: 7 / 4 / 8 / 5;
  }

  #w-node-_7d86a174-e38f-108c-a2c6-b0109dfec01a-1e9fab8d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}