
/* ── normalize.css v8.0.1 ── */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/* ── Design tokens ── */

:root {
  /* Fonts */
  --font-family: 'Ubuntu', sans-serif;

  /* Colours */
  --white: hsl(342, 100%, 100%);
  --maroon-white: hsl(342, 100%, 95%);
  --maroon-100: hsl(342, 73%, 56%);
  --maroon-200: hsl(342, 58%, 46%);
  --maroon-300: hsl(342, 59%, 37%);
  --maroon-400: hsl(342, 59%, 24%);
  --maroon-500: hsl(342, 62%, 11%);
  --maroon-black: hsl(342, 55%, 8%);
}


/* ── 404.647a5a17 ── */

footer{background-color:var(--wine);width:100%;height:68px;margin-top:auto;text-align:center;display:flex;align-items:center;justify-content:center;color:var(--light-yellow);font-size:1rem;font-weight:500}footer a{color:var(--light-yellow)}


/* ── _...lesson_.b39ef936 ── */

body.lesson-page{flex-direction:row;flex-wrap:wrap;justify-content:center;overflow-x:hidden}
.formWrapper{height:100%}.lessonContentContainer{width:100%;display:flex;flex-direction:column;gap:var(--padding-scale-1)}
.lessonHeaderArea{margin-top:var(--padding-scale-1);width:100%;display:flex;flex-direction:column;gap:var(--padding-scale-4);align-items:flex-start}
.lessonHeaderAnchor{display:flex;gap:var(--padding-scale-4);align-items:center;text-decoration:none;font-size:1rem;font-weight:500;color:var(--dark-wine)}
.lessonHeaderAnchor svg{width:20px}
.lessonHeaderText{font-size:2.5rem;font-weight:700}
.lessonBadgesArea{margin-bottom:var(--padding-scale-2);display:flex;gap:var(--padding-scale-4)}.lessonBadge{text-decoration:none;background-color:var(--dark-blue);color:#fff;padding:var(--padding-scale-4);padding-left:var(--padding-scale-2);padding-right:var(--padding-scale-2);border-radius:var(--padding-scale-2);font-weight:500}.lessonContentArea{display:flex;gap:var(--padding-scale-2);width:100%}.lessonContentAreaLeft{width:60%}hr{margin-top:var(--padding-scale-4);margin-bottom:var(--padding-scale-4);height:1px;background-color:currentColor;width:100%;border:none}.lessonContentAreaRight{width:40%;display:flex;flex-direction:column;gap:var(--padding-scale-1)}.learningIntentionsUL{padding-left:20px;display:flex;flex-direction:column;padding-bottom:10px}.lessonContentAreaRightContainer{display:flex;flex-direction:column;gap:var(--padding-scale-1)}.lessonContentBackground{background:white;border-radius:5px}.lessonPanel{width:100%;border-radius:5px;overflow:hidden}.lessonPanelHeader{background-color:var(--wine);color:#fff;box-sizing:border-box;padding-left:var(--padding-scale-2);display:flex;height:73px;font-size:2rem;font-weight:700;align-items:center}.lessonPanelBody{font-size:20px;display:flex;flex-direction:column;align-items:center;background-color:#fff;padding-top:var(--padding-scale-2);padding-bottom:var(--padding-scale-2);box-sizing:border-box}.lessonPanelBody .lessonItemWrapper{width:90%;display:flex;flex-direction:column}.heading-2{font-size:28px;font-weight:700;width:100%;margin:8px 0}.equipmentTextSpan{padding-top:8px;padding-bottom:var(--padding-scale-2)}.lessonDiagramSection{margin:var(--padding-scale-2);width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--padding-scale-2)}.lessonDiagramsContainer{display:flex;flex-wrap:wrap;width:80%;gap:var(--padding-scale-2)}.lessonDiagramsContainer img{width:150px;flex-grow:1}ul{margin:0}p{margin:0}.promoWrapper{width:100%;padding:var(--padding-scale-2);border-radius:5px;border-width:1px;border-color:var(--dark-yellow);border-style:solid;box-sizing:border-box;background:var(--light-yellow);font-size:1.1em;text-align:center}.promoWrapper a{color:var(--wine)}@media screen and (min-width: 701px){.stickyTop{position:-webkit-sticky;position:sticky;top:20px}.stickyBottom{position:-webkit-sticky;position:sticky;top:320px}}@media screen and (max-width: 700px){.lessonContentArea{flex-direction:column}.lessonContentAreaLeft,.lessonContentAreaRight{width:100%}}@media screen and (max-width: 600px){.lessonPanelHeader{font-size:1.5rem}}@media screen and (max-width: 400px){.lessonBadge{font-size:.8rem}}


/* ── _...lesson_.f90eb083 ── */

.sectionDivider{display:flex;width:100%}
.sectionDivider div{width:50%;height:11px}
.leftDivider{background:var(--light-yellow)}
.rightDivider{background:var(--light-wine)}


/* ── eyfs-dance.2f0fb096 ── */

:root{--page-header: 3rem;--sub-header: 2.25rem;--third-header: 1.75rem;--regular-text: 1.25rem;--padding-scale-1: 40px;--padding-scale-2: 20px;--padding-scale-4: 10px;--light-yellow: #eab900;--dark-yellow: #ba991b;--wine: #491124;--light-wine: #95264c;--dark-wine: #30111c;--blue: #003e53;--light-blue: #0e6c8c;--dark-blue: #16163f;--grey: #d9d9d9}::selection{background:var(--wine);color:var(--light-yellow)}h1,h2,h3{margin:unset;font-weight:unset;font-size:unset}body{display:flex;flex-direction:column;min-height:100vh;font-family:Ubuntu;color:var(--dark-blue);background:linear-gradient(0deg,rgba(48,17,28,.1) 0%,rgba(48,17,28,.1) 100%),linear-gradient(0deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.7) 100%),url(/asset/img/whiteBackground.svg),lightgray 0% 0% / 50px 50px;background-repeat:no-repeat;background-size:cover}.yellowButton button{background-color:var(--light-yellow)}.yellowButton hr{background-color:var(--dark-yellow)}.blueButton button{background-color:var(--light-blue)}.blueButton hr{background-color:var(--blue)}


/* ── eyfs-dance.7a976376 ── */

.contentWrapper{margin:0;height:auto;padding:40px 0;display:flex;align-items:start;justify-content:center}.contentContainer{width:100%;max-width:1420px;display:flex;flex-wrap:wrap;gap:var(--padding-scale-1);justify-content:center;align-items:center;margin:0 var(--padding-scale-1)}header{width:100%;z-index:1000}.navbar{display:flex;justify-content:center;width:100%;height:80px;background:var(--wine)}.navbarContainer{width:100%;display:flex;align-items:center;justify-content:space-between;max-width:1420px;margin:0 var(--padding-scale-1)}.navbarLogo{height:53px}.navbarLogo a,.navbarLogo img{height:inherit}.navbarContainer nav{height:inherit;display:flex;align-items:center;justify-content:space-around;gap:var(--padding-scale-4)}.navbarContainer nav a{background-color:transparent;border:0;color:var(--light-yellow);font-size:1.25rem;text-decoration:none;cursor:pointer;height:inherit;font-weight:500;transition:.2s}.navbarContainer nav a:hover{color:#fff}.logoutButton{width:42px;height:42px;background:url(/asset/icons/logout.svg),#492727;background-position:center;background-repeat:no-repeat;border:1px solid var(--light-yellow);border-radius:5px;transition:.2s}.logoutButton a{width:42px;height:42px;cursor:pointer;background-color:red;border:none}.logoutButton:hover{border-color:#fff}.navigationSection{display:flex;flex-direction:row;gap:var(--padding-scale-4)}@media screen and (max-width: 720px){.navbarContainer{margin:0 var(--padding-scale-4)}}


/* ── eyfs-dance.7f4832ba ── */

.buttonWithUnderline{display:flex;flex-direction:column;background:pink;position:relative;overflow:hidden;border-radius:5px;transition:.5s}@media screen and (max-width: 570px){.buttonWithUnderline{transform:translateY(2px)}}.buttonWithUnderline:hover{opacity:80%}.buttonWithUnderline button{cursor:pointer;width:100%;min-width:110px;border-radius:0;border:none;padding:var(--padding-scale-2);color:#fafafa;text-align:center;font-size:16px;font-style:normal;font-weight:700}.buttonWithUnderline hr{margin-top:0;height:5px;width:100%;box-sizing:border-box;border-color:transparent;margin-bottom:0}.yellow button{background-color:var(--light-yellow)}.yellow hr{background-color:var(--dark-yellow)}.blue button{background-color:var(--light-blue)}.blue hr{background-color:var(--blue)}.red button{background-color:#6f1232}.red hr{background-color:var(--wine);opacity:.9}

.contentWrapper{margin:0;height:auto;padding:40px 0;display:flex;align-items:start;justify-content:center}.contentContainer{width:100%;max-width:1420px;display:flex;flex-wrap:wrap;gap:var(--padding-scale-1);justify-content:center;align-items:center;margin:0 var(--padding-scale-1)}header{width:100%;z-index:1000}.navbar{display:flex;justify-content:center;width:100%;height:80px;background:var(--wine)}.navbarContainer{width:100%;display:flex;align-items:center;justify-content:space-between;max-width:1420px;margin:0 var(--padding-scale-1)}.navbarLogo{height:53px}.navbarLogo a,.navbarLogo img{height:inherit}.navbarContainer nav{height:inherit;display:flex;align-items:center;justify-content:space-around;gap:var(--padding-scale-4)}.navbarContainer nav a{background-color:transparent;border:0;color:var(--light-yellow);font-size:1.25rem;text-decoration:none;cursor:pointer;height:inherit;font-weight:500;transition:.2s}.navbarContainer nav a:hover{color:#fff}.logoutButton{width:42px;height:42px;background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNS43NSA5VjUuMjVDMTUuNzUgNC42NTMyNiAxNS41MTI5IDQuMDgwOTcgMTUuMDkxIDMuNjU5MDFDMTQuNjY5IDMuMjM3MDUgMTQuMDk2NyAzIDEzLjUgM0g3LjVDNi45MDMyNiAzIDYuMzMwOTcgMy4yMzcwNSA1LjkwOTAxIDMuNjU5MDFDNS40ODcwNSA0LjA4MDk3IDUuMjUgNC42NTMyNiA1LjI1IDUuMjVWMTguNzVDNS4yNSAxOS4zNDY3IDUuNDg3MDUgMTkuOTE5IDUuOTA5MDEgMjAuMzQxQzYuMzMwOTcgMjAuNzYyOSA2LjkwMzI2IDIxIDcuNSAyMUgxMy41QzE0LjA5NjcgMjEgMTQuNjY5IDIwLjc2MjkgMTUuMDkxIDIwLjM0MUMxNS41MTI5IDE5LjkxOSAxNS43NSAxOS4zNDY3IDE1Ljc1IDE4Ljc1VjE1TTEyIDlMOSAxMk05IDEyTDEyIDE1TTkgMTJIMjEuNzUiIHN0cm9rZT0iI0VBQjkwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo="),#492727;background-position:center;background-repeat:no-repeat;border:1px solid var(--light-yellow);border-radius:5px;transition:.2s}.logoutButton a{width:42px;height:42px;cursor:pointer;background-color:red;border:none}.logoutButton:hover{border-color:#fff}.navigationSection{display:flex;flex-direction:row;gap:var(--padding-scale-4)}@media screen and (max-width: 720px){.navbarContainer{margin:0 var(--padding-scale-4)}}

:root{--page-header: 3rem;--sub-header: 2.25rem;--third-header: 1.75rem;--regular-text: 1.25rem;--padding-scale-1: 40px;--padding-scale-2: 20px;--padding-scale-4: 10px;--light-yellow: #eab900;--dark-yellow: #ba991b;--wine: #491124;--light-wine: #95264c;--dark-wine: #30111c;--blue: #003e53;--light-blue: #0e6c8c;--dark-blue: #16163f;--grey: #d9d9d9}::selection{background:var(--wine);color:var(--light-yellow)}h1,h2,h3{margin:unset;font-weight:unset;font-size:unset}body{display:flex;flex-direction:column;min-height:100vh;font-family:Ubuntu;color:var(--dark-blue);background:linear-gradient(0deg,rgba(48,17,28,.1) 0%,rgba(48,17,28,.1) 100%),linear-gradient(0deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.7) 100%),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj4NCjxkZWZzPg0KPHBhdHRlcm4gaWQ9InAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4NCjxwYXRoIGRhdGEtY29sb3I9ImZpbGwiIGZpbGw9IiNGMEYwRjAiIHN0cm9rZT0iI0Y1RjVGNSIgc3Ryb2tlLXdpZHRoPSIyLjAxIiBkPSJNNTAgMEMyMi40IDAgMCAyMi40IDAgNTBjMjcuNiAwIDUwLTIyLjQgNTAtNTB6TTAgNTBjMCAyNy42IDIyLjQgNTAgNTAgNTAgMC0yNy42LTIyLjQtNTAtNTAtNTB6TTEwMCA1MGMtMjcuNiAwLTUwIDIyLjQtNTAgNTAgMjcuNiAwIDUwLTIyLjQgNTAtNTB6TTEwMCA1MGMwLTI3LjYtMjIuNC01MC01MC01MCAwIDI3LjYgMjIuNCA1MCA1MCA1MHoiPg0KPC9wYXRoPg0KPC9wYXR0ZXJuPg0KPC9kZWZzPg0KPHJlY3QgZmlsbD0id2hpdGUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjwvcmVjdD4NCjxyZWN0IGZpbGw9InVybCgjcCkiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjwvcmVjdD4NCjwvc3ZnPg=="),lightgray 0% 0% / 50px 50px;background-repeat:no-repeat;background-size:cover}.yellowButton button{background-color:var(--light-yellow)}.yellowButton hr{background-color:var(--dark-yellow)}.blueButton button{background-color:var(--light-blue)}.blueButton hr{background-color:var(--blue)}

.successMessage{width:70%;background:white;border-radius:5px;padding:var(--padding-scale-1);filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25))}.successMessage h2{font-size:1.7em;font-weight:500}.contactUs{width:60%;display:grid;grid-template-columns:1fr 1fr;gap:var(--padding-scale-4)}.formInputWrapper{display:flex;position:relative;width:auto;border-radius:5px;overflow:hidden;border:1px solid var(--grey)}.formInputWrapper input{padding-top:var(--padding-scale-2);padding-bottom:var(--padding-scale-2);padding-left:var(--padding-scale-2);width:100%;border:none;font-family:inherit;color:var(--dark-blue);font-size:16px;font-weight:400}.formInputWrapper textarea{padding-top:var(--padding-scale-2);padding-bottom:var(--padding-scale-2);padding-left:var(--padding-scale-2);width:100%;height:180px;border:none;font-family:inherit;color:var(--dark-blue);font-size:16px;font-weight:400}.formInputIconWrapper{background:white;width:70px;padding-right:var(--padding-scale-4);height:inherit;display:flex;justify-content:center;align-items:center}.formInputIconContainer{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xLjUgOC42NzAwNFYxNy4yNUMxLjUgMTguMDQ1NyAxLjgxNjA3IDE4LjgwODggMi4zNzg2OCAxOS4zNzE0QzIuOTQxMjkgMTkuOTM0IDMuNzA0MzUgMjAuMjUgNC41IDIwLjI1SDE5LjVDMjAuMjk1NiAyMC4yNSAyMS4wNTg3IDE5LjkzNCAyMS42MjEzIDE5LjM3MTRDMjIuMTgzOSAxOC44MDg4IDIyLjUgMTguMDQ1NyAyMi41IDE3LjI1VjguNjcwMDRMMTMuNTcyIDE0LjE2M0MxMy4wOTkyIDE0LjQ1MzkgMTIuNTU1MSAxNC42MDc5IDEyIDE0LjYwNzlDMTEuNDQ0OSAxNC42MDc5IDEwLjkwMDggMTQuNDUzOSAxMC40MjggMTQuMTYzTDEuNSA4LjY3MDA0WiIgZmlsbD0iIzM3MzczNyIvPg0KPHBhdGggZD0iTTIyLjUgNi45MDhWNi43NUMyMi41IDUuOTU0MzUgMjIuMTgzOSA1LjE5MTI5IDIxLjYyMTMgNC42Mjg2OEMyMS4wNTg3IDQuMDY2MDcgMjAuMjk1NiAzLjc1IDE5LjUgMy43NUg0LjVDMy43MDQzNSAzLjc1IDIuOTQxMjkgNC4wNjYwNyAyLjM3ODY4IDQuNjI4NjhDMS44MTYwNyA1LjE5MTI5IDEuNSA1Ljk1NDM1IDEuNSA2Ljc1VjYuOTA4TDExLjIxNCAxMi44ODZDMTEuNDUwNCAxMy4wMzE0IDExLjcyMjUgMTMuMTA4NCAxMiAxMy4xMDg0QzEyLjI3NzUgMTMuMTA4NCAxMi41NDk2IDEzLjAzMTQgMTIuNzg2IDEyLjg4NkwyMi41IDYuOTA4WiIgZmlsbD0iIzM3MzczNyIvPg0KPC9zdmc+DQo=");background-repeat:no-repeat;background-position:center;background-size:cover;width:24px;height:24px}.password{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMS41QzEwLjYwNzYgMS41IDkuMjcyMjUgMi4wNTMxMiA4LjI4NzY5IDMuMDM3NjlDNy4zMDMxMiA0LjAyMjI2IDYuNzUgNS4zNTc2MSA2Ljc1IDYuNzVWOS43NUM1Ljk1NDM1IDkuNzUgNS4xOTEyOSAxMC4wNjYxIDQuNjI4NjggMTAuNjI4N0M0LjA2NjA3IDExLjE5MTMgMy43NSAxMS45NTQ0IDMuNzUgMTIuNzVWMTkuNUMzLjc1IDIwLjI5NTYgNC4wNjYwNyAyMS4wNTg3IDQuNjI4NjggMjEuNjIxM0M1LjE5MTI5IDIyLjE4MzkgNS45NTQzNSAyMi41IDYuNzUgMjIuNUgxNy4yNUMxOC4wNDU2IDIyLjUgMTguODA4NyAyMi4xODM5IDE5LjM3MTMgMjEuNjIxM0MxOS45MzM5IDIxLjA1ODcgMjAuMjUgMjAuMjk1NiAyMC4yNSAxOS41VjEyLjc1QzIwLjI1IDExLjk1NDQgMTkuOTMzOSAxMS4xOTEzIDE5LjM3MTMgMTAuNjI4N0MxOC44MDg3IDEwLjA2NjEgMTguMDQ1NiA5Ljc1IDE3LjI1IDkuNzVWNi43NUMxNy4yNSAzLjg1IDE0LjkgMS41IDEyIDEuNVpNMTUuNzUgOS43NVY2Ljc1QzE1Ljc1IDUuNzU1NDQgMTUuMzU0OSA0LjgwMTYxIDE0LjY1MTcgNC4wOTgzNUMxMy45NDg0IDMuMzk1MDkgMTIuOTk0NiAzIDEyIDNDMTEuMDA1NCAzIDEwLjA1MTYgMy4zOTUwOSA5LjM0ODM1IDQuMDk4MzVDOC42NDUwOSA0LjgwMTYxIDguMjUgNS43NTU0NCA4LjI1IDYuNzVWOS43NUgxNS43NVoiIGZpbGw9IiMzNzM3MzciLz4NCjwvc3ZnPg0K")}.person{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0idy02IGgtNiI+DQogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNSA2YTQuNSA0LjUgMCAxMTkgMCA0LjUgNC41IDAgMDEtOSAwek0zLjc1MSAyMC4xMDVhOC4yNSA4LjI1IDAgMDExNi40OTggMCAuNzUuNzUgMCAwMS0uNDM3LjY5NUExOC42ODMgMTguNjgzIDAgMDExMiAyMi41Yy0yLjc4NiAwLTUuNDMzLS42MDgtNy44MTItMS43YS43NS43NSAwIDAxLS40MzctLjY5NXoiIGNsaXAtcnVsZT0iZXZlbm9kZCIgLz4NCjwvc3ZnPg0K")}.school{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0idy02IGgtNiI+DQogIDxwYXRoIGQ9Ik0xMS43IDIuODA1YS43NS43NSAwIDAxLjYgMEE2MC42NSA2MC42NSAwIDAxMjIuODMgOC43MmEuNzUuNzUgMCAwMS0uMjMxIDEuMzM3IDQ5Ljk0OSA0OS45NDkgMCAwMC05LjkwMiAzLjkxMmwtLjAwMy4wMDItLjM0LjE4YS43NS43NSAwIDAxLS43MDcgMEE1MC4wMDkgNTAuMDA5IDAgMDA3LjUgMTIuMTc0di0uMjI0YzAtLjEzMS4wNjctLjI0OC4xNzItLjMxMWE1NC42MTQgNTQuNjE0IDAgMDE0LjY1My0yLjUyLjc1Ljc1IDAgMDAtLjY1LTEuMzUyIDU2LjEyOSA1Ni4xMjkgMCAwMC00Ljc4IDIuNTg5IDEuODU4IDEuODU4IDAgMDAtLjg1OSAxLjIyOCA0OS44MDMgNDkuODAzIDAgMDAtNC42MzQtMS41MjcuNzUuNzUgMCAwMS0uMjMxLTEuMzM3QTYwLjY1MyA2MC42NTMgMCAwMTExLjcgMi44MDV6IiAvPg0KICA8cGF0aCBkPSJNMTMuMDYgMTUuNDczYTQ4LjQ1IDQ4LjQ1IDAgMDE3LjY2Ni0zLjI4MmMuMTM0IDEuNDE0LjIyIDIuODQzLjI1NSA0LjI4NWEuNzUuNzUgMCAwMS0uNDYuNzEgNDcuODc4IDQ3Ljg3OCAwIDAwLTguMTA1IDQuMzQyLjc1Ljc1IDAgMDEtLjgzMiAwIDQ3Ljg3NyA0Ny44NzcgMCAwMC04LjEwNC00LjM0Mi43NS43NSAwIDAxLS40NjEtLjcxYy4wMzUtMS40NDIuMTIxLTIuODcuMjU1LTQuMjg2QTQ4LjQgNDguNCAwIDAxNiAxMy4xOHYxLjI3YTEuNSAxLjUgMCAwMC0uMTQgMi41MDhjLS4wOS4zOC0uMjIyLjc1My0uMzk3IDEuMTEuNDUyLjIxMy45MDEuNDM0IDEuMzQ2LjY2MWE2LjcyOSA2LjcyOSAwIDAwLjU1MS0xLjYwOCAxLjUgMS41IDAgMDAuMTQtMi42N3YtLjY0NWE0OC41NDkgNDguNTQ5IDAgMDEzLjQ0IDEuNjY4IDIuMjUgMi4yNSAwIDAwMi4xMiAweiIgLz4NCiAgPHBhdGggZD0iTTQuNDYyIDE5LjQ2MmMuNDItLjQxOS43NTMtLjg5IDEtMS4zOTQuNDUzLjIxMy45MDIuNDM0IDEuMzQ3LjY2MWE2Ljc0MyA2Ljc0MyAwIDAxLTEuMjg2IDEuNzk0Ljc1Ljc1IDAgMTEtMS4wNi0xLjA2eiIgLz4NCjwvc3ZnPg0K")}.twoColumn{grid-column:1 / span 2}.errorVisible{width:auto;padding:var(--padding-scale-2);border-radius:5px;border-width:1px;border-color:var(--dark-wine);border-style:solid;background:var(--light-wine);font-size:1.1em;text-align:center;color:#fff}.buttonWithUnderline{display:flex;flex-direction:column;background:pink;position:relative;overflow:hidden;border-radius:5px;transition:.5s}@media screen and (max-width: 570px){.buttonWithUnderline{transform:translateY(2px)}}.buttonWithUnderline:hover{opacity:80%}.buttonWithUnderline button{cursor:pointer;width:100%;min-width:110px;border-radius:0;border:none;padding:var(--padding-scale-2);color:#fafafa;text-align:center;font-size:16px;font-style:normal;font-weight:700;background-color:var(--light-yellow)}.buttonWithUnderline hr{margin-top:0;height:5px;width:100%;box-sizing:border-box;border-color:transparent;margin-bottom:0;background-color:var(--dark-yellow)}

.buttonWithUnderline {
    margin: 0;
  }

  nav .buttonWithUnderline button {
    padding: var(--padding-scale-4);
  }

.heroSectionWrapper {
    background: #e6e6e6; /*, url("/src/assets/img/hero_section_background.jpg"); */
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 0 0;
    padding: 50px 0 50px 0;
    display: flex;
    align-items: start;
    justify-content: center;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }

  .heroSectionContainer {
    width: 100%;
    max-width: 1420px;
    display: flex;
    flex-direction: column;
    gap: var(--padding-scale-4);
    justify-content: center;
    align-items: left;
    margin: 0 var(--padding-scale-1);
  }

  .heroSectionAnchorGroup,
  .heroSectionAnchorGroup a {
    color: #5b5b5b;
    text-decoration: none;
    transition: 0.2s;
  }

  .heroSectionAnchorGroup a:hover {
    color: var(--light-blue);
  }

  .heroSectionAnchorGroup .active {
    font-weight: 700;
  }

  .heroSectionAnchorGroup .active:hover {
    color: currentColor;
    cursor: default;
  }

  .heroSectionHeader {
    font-size: 3rem;
    font-weight: 700;
    color: #5b5b5b;
  }

  .heroContentWrapper {
    display: flex;
    align-self: center;
    flex-direction: column;
    width: 307px;
  }

  .heroContentWrapper .heroSectionStatement {
    font-size: 2.5rem;
    font-weight: 500;
    color: white;
  }

  .heroActionWord {
    font-size: 3rem;
    margin-left: -5px;
    padding: 5px;
    /* background-color: var(--grey); */
    color: var(--light-yellow);
  }
  @media screen and (max-width: 570px) {
    .heroActionWord {
      font-size: 2.5rem;
    }
  }

.docWrapper {
    width: 65%;
    min-width: 500px;
    background: white;
    border-radius: 5px;
    padding: var(--padding-scale-1);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }

  .docWrapper.progression {
    width: 100%;
  }

  .docWrapper p {
    font-size: 1.1rem;
    letter-spacing: 0.02em;
    line-height: 1.4rem;
  }

  .docWrapper li {
    font-size: 1rem;
    letter-spacing: 0.02em;
    line-height: 1.3rem;
    margin: 0 0 0.3em 0;
  }

  .docWrapper h1 {
    font-size: 1.6rem;
    font-weight: 500;
    margin: 1em 0 0.67em;
  }

  .docWrapper h2 {
    font-size: 1.4rem;
    font-weight: 400;
    margin: 1em 0 0.67em;
  }

  .promoWrapper {
    width: auto;
    margin-bottom: var(--padding-scale-1);
    padding: var(--padding-scale-2);
    border-radius: 5px;
    border-width: 1px;
    border-color: var(--dark-yellow);
    border-style: solid;
    background: var(--light-yellow);
  }

  .promoWrapper p {
    font-size: 0.9rem;
  }

  .docWrapper table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }

  .docWrapper th {
    position: sticky;
    top: -1px;
    background: white;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    height: 37px;
    box-sizing: border-box;
  }

  .docWrapper th,
  .docWrapper td {
    border-color: var(--dark-wine);
    padding: 0.6rem;
  }

  .docWrapper td {
    border-bottom: 1px solid;
    border-right: 1px solid;
  }

  .docWrapper th:first-child,
  .docWrapper td:first-child {
    border-left: 1px solid;
  }

  .docWrapper td {
    vertical-align: top;
  }

  .docWrapper .progressionSection {
    background: white;
    position: sticky;
    top: 39px;
    text-align: center;
    font-weight: 500;
    height: 38px;
    box-sizing: border-box;
  }

  .docWrapper td p {
    font-size: 0.8em;
  }

  .tableNote {
    font-size: 0.8em;
  }

  @media screen and (max-width: 900px) {
    .tableScroll {
      width: 100%;
      overflow-x: scroll;
      padding: 0 0 0 0;
      margin: 0 0 0 0;
    }
  }

  @media screen and (max-width: 701px) {
    .docWrapper {
      width: 100%;
      min-width: 100%;
      padding: 0 10px 10px 10px;
      box-sizing: border-box;
    }
  }

.sectionDivider{display:flex;width:100%}.sectionDivider div{width:50%;height:11px}.leftDivider{background:var(--light-yellow)}.rightDivider{background:var(--light-wine)}

.lessonsContentContainer{display:flex;flex-direction:column;gap:var(--padding-scale-4);justify-content:center;align-items:center;width:100%}.subscriptionExpiredContainer{width:75%;gap:var(--padding-scale-2);background-color:var(--light-yellow);border-radius:5px;padding:var(--padding-scale-1);filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));font-size:1.1em}.subscriptionExpiredTitle{font-weight:500;font-size:1.3em}

.lessonTabWrapper {
    width: 100%;
  }

  .lessonTabHeader:hover {
    opacity: 80%;
  }
  .lessonTabHeader {
    box-sizing: border-box;
    background: #6f1232;
    color: #e6e6e6;
    border-radius: 5px;
    font-size: 1.5rem;
    font-weight: 700;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    padding: var(--padding-scale-2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.2s;
  }
  .lessonTabHeaderText {
    max-width: 80%;
  }
  .lessonTabHeader svg {
    width: 40px;
  }
  .lessonTabWrapper ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-sizing: border-box;
    padding-left: var(--padding-scale-1);
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .lessonTabContent a {
    color: #605c4e;
    font-weight: 500;
    text-decoration: none;
    font-size: 1rem;
  }
  .lessonTabContent :hover {
    color: var(--light-blue);
  }

.wrapperAnchor{background:#6f1232;width:25%;flex-grow:1;padding:var(--padding-scale-2);box-sizing:border-box;border-radius:10px;color:#e6e6e6;text-decoration:none;transition:.5s}.yearPanelWrapper{gap:26px;box-sizing:border-box;border-radius:10px;background:#6f1232;display:flex;flex-direction:column;align-items:start;justify-content:flex-start;color:#e6e6e6;text-decoration:none}.wrapperAnchor:hover{filter:drop-shadow(4px 8px 4px rgba(0,0,0,.25))}.yearPanelHeaderText{padding:0;margin:0;text-align:center;font-size:2.25rem;font-weight:700;width:100%}.viewLessonsAnchor{margin-left:auto;display:flex;color:inherit;border-radius:60px;font-weight:500;text-decoration:none;background:rgb(149,38,76,.6);padding:var(--padding-scale-4);box-sizing:border-box;gap:var(--padding-scale-4);align-items:center;transition:.3s}.viewLessonsAnchor:hover{background:#95264c}@media screen and (max-width: 1059px){.wrapperAnchor{transition:none;width:40%}}@media screen and (max-width: 650px){.wrapperAnchor{transition:none;width:100%}.yearPanelWrapper{border-radius:5px;gap:var(--padding-scale-4);width:100%;align-items:center;flex-direction:row}.yearPanelHeaderText{width:fit-content;font-size:1.6rem;font-size:1.5rem}.circleSpan{margin-top:auto;margin-bottom:auto}.circleSpan svg{width:10px}}

.progressionDocsColumnWrapper > div > svg{width:80px;height:80px}.shieldContent{position:absolute;inset:0;margin:20px auto auto;width:fit-content;height:fit-content}.qualitasShieldSpan{color:var(--light-yellow);font-weight:800;margin-top:-200px;font-size:1.6rem}

.heroContentWrapper {
    display: flex;
    align-self: center;
    flex-direction: column;
    width: 307px;
  }
  .heroContentWrapper .heroSectionStatement {
    font-size: 2.5rem;
    font-weight: 500;
    color: white;
  }
  .yearListContentContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding-bottom: var(--padding-scale-2);
  }
  .yearListYearsWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--padding-scale-4);
    width: 100%;
  }
  .yearListYearsWrapper p {
    margin-bottom: var(--padding-scale-1);
    padding: var(--padding-scale-2);
    border-radius: 5px;
    border-width: 2px;
    border-color: var(--dark-yellow);
    border-style: solid;
    background: var(--light-yellow);
    font-size: 1.1em;
    text-align: center;
  }
  .subscriptionExpiredContainer {
    width: 75%;
    gap: var(--padding-scale-2);
    background-color: var(--light-yellow);
    border-radius: 5px;
    padding: var(--padding-scale-1);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    font-size: 1.1em;
  }
  .subscriptionExpiredTitle {
    font-weight: 500;
    font-size: 1.3em;
  }
  .sessionIntroductionsContainer {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: var(--padding-scale-2);
  }
  .progressionDocsWrapper {
    display: grid;
    gap: var(--padding-scale-2);
    width: 100%;
    grid-template-columns: 1fr 1fr;
  }
  .progressionDocsColumnWrapper {
    gap: var(--padding-scale-2);
    display: flex;
  }
  .eyfscol {
    grid-row: 1;
    grid-column: 1;
  }
  .ks1col {
    grid-row: 2;
    grid-column: 1;
  }
  .ks2col {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
  .qualitasShieldSpan {
    color: var(--light-yellow);
    font-weight: 800;
    margin-top: -200px;
    font-size: 1.6rem;
  }
  .sessionIntroductionsCoursesWrapper {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
    gap: var(--padding-scale-4);
  }
  .sessionIntroductionsTitle {
    font-weight: 500;
    font-size: 2.3rem;
  }
  .sessionIntroductionsSubTitle {
    font-size: 1.7rem;
    font-weight: 400;
    position: relative;
    font-style: italic;
    z-index: 22;
  }
  .flexbreak {
    flex: 1 0 100% !important;
    width: 0 !important;
  }

  @media screen and (max-width: 570px) {
    .yearListContentContainer {
      width: 100%;
    }

    .yearListSubHeading {
      width: 80%;
    }
  }
  @media screen and (max-width: 884px) {
    .progressionDocsWrapper {
      display: flex;
      flex-direction: column;
      gap: var(--padding-scale-1);
    }

    .progressionDocsColumnWrapper {
      width: 100%;
    }
  }

  @media screen and (max-width: 411px) {
    .sessionIntroductionsTitle {
      width: 200px;
      text-align: center;
      align-self: center;
    }

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

.exampleYearGroupWrapper{width:70%;background:white;border-radius:5px;padding:var(--padding-scale-1);filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25))}.promoWrapper{width:auto;margin-bottom:var(--padding-scale-1);padding:var(--padding-scale-2);border-radius:5px;border-width:1px;border-color:var(--dark-yellow);border-style:solid;background:var(--light-yellow);font-size:1.1em;text-align:center}.promoWrapper a{color:var(--wine)}.exampleYearGroup{width:100%;display:grid;grid-template-columns:80px auto}.exampleYearGroup:not(:nth-last-child(-n + 1)){margin-bottom:var(--padding-scale-1)}.exampleYearGroup:nth-child(-n + 1){margin-top:var(--padding-scale-1)}.lessonList{list-style:none;margin:0;display:flex;flex-wrap:wrap;gap:var(--padding-scale-1)}.lessonList a{text-decoration:none;font-weight:500;color:var(--wine);flex-basis:45%}.lessonList li{padding-bottom:var(--padding-scale-2)}.lessonName{font-size:1.1em;display:block}.lessonDesc{font-size:.9em;font-style:italic}@media screen and (max-width: 960px){.lessonList a{flex-basis:100%}}

body.examples-page {
      color: white;
      background-color: #491124;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='p' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cpath data-color='fill' fill='%23450B1F' stroke='%23450B1F' stroke-width='2.01' d='M50 0C22.4 0 0 22.4 0 50c27.6 0 50-22.4 50-50zM0 50c0 27.6 22.4 50 50 50 0-27.6-22.4-50-50-50zM100 50c-27.6 0-50 22.4-50 50 27.6 0 50-22.4 50-50zM100 50c0-27.6-22.4-50-50-50 0 27.6 22.4 50 50 50z'%3E%3C/path%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25'%3E%3C/rect%3E%3C/svg%3E");
      background-size: cover;
      background-position: center;
      justify-items: space-around;
      align-content: center;
    }
    .contentWrapper {
      /* background-color: red; */
      padding-top: 40px;
    }
    .contentContainer {
      height: 100%;
      /* background: pink; */
    }
    .heroSection {
      margin: auto;
      display: flex;
      width: 100%;
      gap: var(--padding-scale-1);
    }

    .imageSection {
      width: 50%;
      display: flex;
      box-sizing: border-box;
      padding-right: var(--padding-scale-2);
      justify-content: right;
      overflow: hidden;
    }
    .imageSection img {
      width: 100%;
      height: 100%;
      /* max-width: 788px; */
      max-height: 588px;
      object-fit: cover;
      object-position: center;
      border-radius: var(--padding-scale-4);
    }

    .informationSection {
      width: 50%;
      /* align-self: center; */
      display: flex;
      flex-direction: column;
      gap: var(--padding-scale-2);
    }

    .informationHeading {
      font-size: 4.5rem;
      font-weight: 700;
      /* max-width: 400px; */
    }

    .informationSubHeading {
      font-size: 24px;
      font-weight: 300;
      width: 80%;
    }

    .buttonsArea {
      display: flex;
      gap: var(--padding-scale-2);
    }

    @media screen and (max-width: 1040px) {
      .heroSection {
        flex-direction: column;
      }

      .imageSection {
        display: none;
        justify-content: center;
        width: 100%;
      }
      .imageSection img {
        width: 70%;
      }

      .informationSection {
        width: 100%;
      }
      .informationHeading {
        max-width: 700px;
        text-align: center;
        margin: auto;
        font-size: 3.7rem;
      }
      .informationSubHeading {
        text-align: center;
        margin: auto;
        width: 100%;
      }

      .buttonsArea {
        padding-top: var(--padding-scale-1);
        justify-content: center;
      }
    }

.priceWrapper{width:70%;background:white;border-radius:5px;padding:var(--padding-scale-1);filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25))}.priceWrapper h2{font-size:1.7em;font-weight:500;margin-bottom:1em}.curriculumWrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--padding-scale-2);margin-bottom:var(--padding-scale-1)}.curriculumCard{border-radius:5px;border-width:1px;border-style:solid;border-color:var(--light-wine);box-sizing:border-box;padding:1em;background:white;text-align:center}.curriculumDouble{grid-column:1 / span 2}.curriculumDouble h3{font-size:1.5em!important}.curriculumDouble .curriculumSubheader{font-size:1em!important}.curriculumCard h3{font-size:1.2em;font-weight:500;text-align:center;color:var(--wine);margin-bottom:var(--padding-scale-4);margin-top:var(--padding-scale-4)}.curriculumSubheader{font-size:.9em;text-align:center;width:100%;color:var(--light-wine);margin-bottom:var(--padding-scale-2)}.curriculumPrice{margin-top:var(--padding-scale-2);font-size:2em;font-weight:600;color:var(--light-blue)}.curriculumDouble .curriculumPrice{font-size:3em!important;font-weight:600!important;color:var(--light-blue)!important}.curriculumPrice:after{content:" plus VAT / year";display:block;font-size:1rem;font-weight:500;margin-bottom:var(--padding-scale-2)}.cpdPrice{margin-top:var(--padding-scale-2);font-size:2em;font-weight:600;color:var(--light-blue)}.cpdPrice:after{content:" plus VAT";display:block;font-size:1rem;font-weight:500;margin-bottom:var(--padding-scale-2)}.promoWrapper{width:auto;margin-bottom:var(--padding-scale-1);padding:var(--padding-scale-2);border-radius:5px;border-width:1px;border-color:var(--dark-yellow);border-style:solid;background:var(--light-yellow);font-size:1.1em;text-align:center}.promoWrapper a{color:var(--wine)}