.grid-container {
    max-width: 1440px;
}
.f-header {
    z-index: 999;
}
.f-header__basket {
    align-items: center;
    background-color: #fff;
    border-radius: 0px;
    color: var(--color-white);
    display: flex;
    justify-content: center;
    height: 1.5rem;
    line-height: 1;
    font-size: var(--text-sm);
    margin-left: var(--space-sm);
    text-decoration: none;
    width: 1.5rem;
}
a.f-header__basket__desktop span.cartCount {
    position: absolute;
    right: -15px;
    top: 15px;
    background: #4a4a4a;
    color: #f6f1e9;
    border-radius: 50%;
    width: 1.79rem;
    height: 1.79rem;
    line-height: 1.79rem;
    text-align: center;
}
a.f-header__basket__mobile span.cartCount {
   position: relative;
    right: -15px;
    top: 0px;
    background: #fff;
    color: #4a4a4a;
    border-radius: 50%;
    width:1.97rem;
    height: 1.79rem;
    line-height: 1.79rem;
    text-align: center;
}
@media (min-width: 80rem) {
.hero__main-content {
    padding: var(--space-md) 0;
}
}
h1, .text-xxl {
    font-size: 1.574em;
}
@media (min-width: 90rem) {
.text-component__block--outset:not(.text-component__block--right) {
    margin-left: 0;
}
}
@media (min-width: 90rem) {
.text-component__block--outset:not(.text-component__block--right) {
    margin-left: 0;
}
}
@media (min-width: 90rem) {
.text-component__block--outset {
    width: 100%;
}
}
@media (min-width: 90rem) {
.text-component__block--outset {
    width: 100%;
}
}
.last-footer {
    font-size: 16px; 
    color: #a1a1a1;
    text-align: center;
}
.toc-block, .toc-block p {
    font-family: Open sans, Roboto, sans-serif;
    font-size: 16px;
}
.toc-block .left-block {
    width: 50%;
    padding: 0 2% 0 0;
    float:left;
}
.toc-block .right-block {
    width: 50%;
    padding: 0 2% 2% 2%;
    float:left;
    background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--bg-o, 1));
}
.toc-block .right-block ul {
    margin: 0;
    padding: 0;
}
.toc-block .right-block ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.cards-overview__list .card a {
    background-image: none;
}

.buttons-bar button, .buttons-bar .btn, .buttons-bar .btn-primary {
width: 55%;
float:left;
font-size: 16px;
padding: 5px;
}
.buttons-bar a, .buttons-bar a.btn {
margin-right: 5%;
width: 35%;
float:left;
font-size: 16px;
padding: 5px;
}
.buttons-bar a.btn--large {
width: 80%;
}
.buttons-bar a:nth-child(n+2) {
    display: none;
}
.booking-buttons {
margin: 0;
padding: 0;
position: absolute;
top: 20px;
right: 0px;
z-index: 100;
text-align: right;
}
ul.icon-bar {
margin: 0;
padding: 10px 0 10px 10px;
background-color: rgba(255,255,255,0.8);
position: absolute;
top: 174px;
z-index: 100;
width: 100%;
}
ul.icon-bar li {
margin: 0;
padding: 0;
width: 30px;
height: 30px;
float:left;
list-style-type: none;
background: repeat: no-repeat;
background-size: cover;
overflow: hidden;
margin-right: 10px;
}
ul.icon-bar li.online {
background-image: url(/assets/img/online.svg);
}
ul.icon-bar li.virtual {
background-image: url(/assets/img/virtual.svg);
}
ul.icon-bar li.classroom {
background-image: url(/assets/img/classroom.svg);
}
ul.icon-bar li.workplace {
background-image: url(/assets/img/workplace.svg);
}
ul.icon-bar li.pass-rate {
float: right;
text-align:right;
width: 51px;
font-size: 12px;
line-height: 12px;
}
ul.icon-bar li.pass-rate span.percentage-pass-rate {
font-size: 16px;
display: block;
}
@media screen and (max-width: 39.9375em) {
ul.icon-bar {
margin: 0;
padding: 10px 0 10px 10px;
background-color: rgba(255,255,255,0.8);
position: absolute;
top: 117px;
z-index: 100;
width: 100%;
}
}
.booking-row {
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding-top: 2em;
    padding-bottom: 2em;
    margin-top: 2em;
    margin-bottom: 2em;
}
.online-courses {
    font-family: "Open Sans",  Arial, Helvetica, sans-serif;
}
.online-courses .button, .online-courses .button.disabled, .online-courses .button.disabled:focus, .online-courses .button.disabled:hover, .online-courses .button[disabled], .online-courses .button[disabled]:focus, .online-courses .button[disabled]:hover,
.hs-block .hs-button, .hs-block .hs-button.disabled, .hs-block .hs-button.disabled:focus, .hs-block .hs-button.disabled:hover, .hs-block .hs-button[disabled], .hs-block .hs-button[disabled]:focus, .hs-block .hs-button[disabled]:hover {
    background-color: var(--color-primary);
    color: #fff;
}
.online-courses .button.hollow {
    background-color: #fff;
    color: var(--color-primary);
}

.online-courses .button, .hs-block .hs-button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 1.2em 1.2em;
    border: 1px solid transparent;
    border-radius: 10px;
    -webkit-transition: background-color .25s ease-out, color .25s ease-out;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-family: inherit;
    font-size: 1.2rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}
.online-courses .button:focus, .online-courses .button:hover, .hs-block .hs-button:focus, .hs-block .hs-button:hover {
    background-color: var(--color-primary);
    color: #fff;
}
.online-courses .button.hollow:focus, .online-courses .button.hollow:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
    color: #707070;
    background-color: #fff;
}
.online-courses .button.hollow, .online-courses .button.hollow.disabled, .online-courses .button.hollow.disabled:focus, .online-courses .button.hollow.disabled:hover, .online-courses .button.hollow[disabled], .online-courses .button.hollow[disabled]:focus, .online-courses .button.hollow[disabled]:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
    color: #707070;
}
.booking-row .button.hollow {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -7px;
}

.cpd, .clock, .passrate, .cost {
    background-image: url(/assets/img/icon-cpd.png);
    background-repeat: no-repeat;
    height: 60px;
    font-size: 12px;
    text-wrap: nowrap;
    display: flex;
    color: #707070;
}
.clock {
    background-image: url(/assets/img/icon-clock.png);
    background-repeat: no-repeat;
    height: 60px;
    font-size: 12px;
}
.passrate {
    background-image: url(/assets/img/icon-diploma.png);
    background-repeat: no-repeat;
    height: 60px;
    font-size: 12px;
}
.cost {
    background-image: url(/assets/img/icon-pound.png);
    background-repeat: no-repeat;
    height: 60px;
    font-size: 12px;
}
.cpd span, .clock span, .passrate span, .cost span {
    padding-left: 60px;
    height: 60px;
    font-weight: bold;
    font-size: 14px;
}
.cpd div, .clock div, .passrate div, .cost div {
    margin: 1rem 0 0.5rem 0.2rem;
}
.checkmark-row ul {
    list-style: none;
}
.checkmark-row ul li {
    font-size: 16px;
    color: #707070;
}
.checkmark-row ul li:before {
  content: '✓';
  color: #707070;
}
ul.menu a {
    color: #707070;
}
.description h2 {
    margin-top: 1rem;
    font-size: 24px;
}
.description p {
    font-size: 16px;
    color: #707070;
}
.description ul,.description ol {
    list-style: none;
}
.description ul li, .description ol li {
    font-size: 16px;
    color: #707070;
    font-size: 16px;
    color: #707070;
}
.description ul li:before, .description ol li:before {
  content: '✓ ';
  color: #707070;
}
.description ul.menu a {
    color: #707070;
}
.related-courses hr {
    height: 1px;
}
.related-courses h3 {
    margin: 2em 0 1em 0;
}

.newsletter-section {
display: relative;
min-height: 350px;
padding: 2rem 0 2rem 0;
}
.hs-block h3 {
margin: 0 0 2rem 0;
}
.hs-block label {
display:none;
}
.hs-block label.hs-error-msg {
display: block;
}
.hs-block label.hs-form-booleancheckbox-display {
display:block;
}
.hs-block ul.inputs-list {
list-style: none;
margin: 0;
padding-left: 0;
}
.hs-block .hs-form-field {
width: 30%;
float:left;
margin: 0 1rem 0 0;
}
.hs-block .hs-fieldtype-select {
margin: 0;
}
.hs-block .hs-input {
border-radius: 3px;
}
.hs-block .hs-fieldtype-textarea {
width: 100%;
clear:left;
z-index: 1000;
    position: relative;
}

@media (max-width: 500px) {
  .hs-block .hs-fieldtype-textarea {
width: 250px;
clear:left;
z-index: 1000;
position: relative;
}
}
.hs-block input[type='checkbox'] {
  transform : scale(1.4);
  margin-top: 6px;
}
.hs-block input[type='submit'] {

    }
.hs-block .legal-consent-container {
width: 100%;
float:left;
position: relative;
top: 0;
}
.hs-block .hs-fieldtype-booleancheckbox {
width: 100%;
}