/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./_src/scss/style.scss ***!
  \***************************************************************************************************************/
/*!
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: A child theme for Hello Elementor with a custom header widget
Author: Scoot Digital
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
/* ========================================================
    _root.scss - James Frew
======================================================== */
:root {
  --bs-body-font-size: 16px !important;
  --ss-font-size-h1: 2.441rem;
  --ss-font-size-h2: 1.953rem;
  --ss-font-size-h3: 1.563rem;
  --ss-font-size-h4: 1.15rem;
  --ss-font-size-h5: 1rem;
  --ss-font-size-h6: 0.8rem;
  --ss-font-size-display1: 3rem;
  --ss-font-size-display2: 2.5rem;
  --ss-font-size-display3: 2rem;
  --ss-font-size-display4: 1.5rem;
  --ss-font-size-display5: 1.25rem;
  --ss-font-size-display6: 1rem;
  --jf-clip-size: 50px;
}

@media screen and (min-width: 992px) {
  :root {
    --ss-font-size-h1: 3.157rem;
    --ss-font-size-h2: 2.369rem;
    --ss-font-size-h3: 1.777rem;
    --ss-font-size-h4: 1.333rem;
    --ss-font-size-h5: 1rem;
    --ss-font-size-h6: 0.75rem;
    --ss-font-size-display1: 4.5rem;
    --ss-font-size-display2: 4rem;
    --ss-font-size-display3: 3.5rem;
    --ss-font-size-display4: 3rem;
    --ss-font-size-display5: 2.5rem;
    --ss-font-size-display6: 2rem;
    --jf-clip-size: 100px;
  }
}
:root {
  --colours-base-success: #11eec6;
  --colours-base-black: #000000;
  --colours-base-error: #ee112c;
  --colours-base-info: #55e0ff;
  --colours-base-white: #ffffff;
  --colours-brand-dark: #010101;
  --colours-brand-light: #ebebeb;
  --colours-brand-white: #ffffff;
  --colours-brand-black: #000000;
  --colours-brand-blue: #130073;
  --colours-brand-light: #f8f8f8;
  --colours-brand-orange: #ff7311;
  --colours-brand-pink: #ff4280;
  --colours-grey-dark: #b1b1b1;
  --colours-grey-extra-dark: #585858;
  --colours-grey-extra-light: #f8f8f8;
  --colours-grey-light: #ebebeb;
  --colours-grey-medium: #dddddd;
  --border-radius-button: var(--rem-0-5);
  --border-radius-card-image: var(--rem-1);
  --border-radius-module: var(--rem-2);
  --rem-0: 0rem;
  --rem-0-5: 0.5rem;
  --rem-1: 1rem;
  --rem-1-5: 1.5rem;
  --rem-2: 2rem;
  --rem-3: 3rem;
  --rem-4: 4rem;
  --rem-5: 5rem;
  --rem-6: 6rem;
  --rem-7: 7rem;
  --rem-8: 8rem;
  --spacing-system-desktop-none: var(--rem-0);
  --spacing-system-desktop-narrow: var(--rem-3);
  --spacing-system-desktop-normal: var(--rem-5);
  --spacing-system-desktop-large: var(--rem-7);
  --spacing-system-mobile-none: var(--rem-0);
  --spacing-system-mobile-narrow: var(--rem-1-5);
  --spacing-system-mobile-normal: var(--rem-3);
  --spacing-system-mobile-large: var(--rem-5);
  --spacing-system-tablet-none: var(--rem-0);
  --spacing-system-tablet-narrow: var(--rem-1-5);
  --spacing-system-tablet-normal: var(--rem-3);
  --spacing-system-tablet-large: var(--rem-5);
  --typography-body-font: Poppins;
  --typography-body-font-weight: Regular;
  --typography-heading-font: Poppins;
  --typography-heading-font-weight: Bold;
  --typography-lead-font: Poppins;
  --typography-lead-font-weight: Regular;
}

#header__nav.nav__v2 .inner .container, #header__nav.nav__v1 .inner .container, #header__site .header__wrapper {
  margin: 0 auto;
  max-width: unset;
  width: min(100% - 2rem);
}
@media screen and (min-width: 768px) {
  #header__nav.nav__v2 .inner .container, #header__nav.nav__v1 .inner .container, #header__site .header__wrapper {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 992px) {
  #header__nav.nav__v2 .inner .container, #header__nav.nav__v1 .inner .container, #header__site .header__wrapper {
    width: min(100% - 6rem);
  }
}
@media screen and (min-width: 1500px) {
  #header__nav.nav__v2 .inner .container, #header__nav.nav__v1 .inner .container, #header__site .header__wrapper {
    width: min(100% - 6rem, 1440px);
  }
}

.list-unstyled, #header__site .header__wrapper > div .header__links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.text-gradient {
  background: linear-gradient(45deg, var(--colours-brand-orange), var(--colours-brand-pink));
  background-clip: text;
  color: var(--colours-brand-orange);
  -webkit-text-fill-color: transparent;
}

.text-gradient-reversed, .gassure-form-section > h4 {
  background: linear-gradient(45deg, var(--colours-brand-pink), var(--colours-brand-orange));
  background-clip: text;
  color: var(--colours-brand-pink);
  -webkit-text-fill-color: transparent;
}

.text-bg-gradient, #gassure-form-step-details .postcode-search__wrapper > div button, .gassure-submitting, .hpsu-app__wrapper .hpsu-app__summary-wrapper .hpsu-app__summary-inner {
  background: linear-gradient(85deg, var(--colours-brand-pink), var(--colours-brand-orange));
  color: white;
}

/* ========================================================
	Mixins - James Frew
=========================================================== */
/* ========================================================
	Button Styles - James Frew
=========================================================== */
.btn-default-primary, .gassure-btn,
.btn-default-secondary,
.btn-default-tertiary,
.btn-white-primary,
#header__site .header__wrapper > div a.cta-button,
.btn-white-secondary,
.btn-white-tertiary {
  align-items: center;
  all: unset;
  background-color: var(--colours-brand-light);
  border: 1px solid transparent;
  border-radius: 0.5rem;
  color: var(--colours-brand-dark);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 1rem 1.5rem 1rem 2rem;
  position: relative;
  text-decoration: none;
  transition: all ease 0.3s;
}
.btn-default-primary::after, .gassure-btn::after,
.btn-default-secondary::after,
.btn-default-tertiary::after,
.btn-white-primary::after,
#header__site .header__wrapper > div a.cta-button::after,
.btn-white-secondary::after,
.btn-white-tertiary::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2721%27 viewBox=%270 0 20 21%27 fill=%27none%27%3E%3Cpath d=%27M2 10.204L17 10.204M17 10.204L11.375 15.829M17 10.204L11.375 4.57898%27 stroke=%27%23130073%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: " ";
  display: block;
  height: 1.5rem;
  transition: all ease 0.3s;
  width: 1.5rem;
}
.btn-default-primary:hover, .gassure-btn:hover,
.btn-default-secondary:hover,
.btn-default-tertiary:hover,
.btn-white-primary:hover,
#header__site .header__wrapper > div a.cta-button:hover,
.btn-white-secondary:hover,
.btn-white-tertiary:hover {
  background-color: var(--colours-brand-blue) !important;
  color: white !important;
  gap: 1rem;
}
.btn-default-primary:hover::after, .gassure-btn:hover::after,
.btn-default-secondary:hover::after,
.btn-default-tertiary:hover::after,
.btn-white-primary:hover::after,
#header__site .header__wrapper > div a.cta-button:hover::after,
.btn-white-secondary:hover::after,
.btn-white-tertiary:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2721%27 viewBox=%270 0 20 21%27 fill=%27none%27%3E%3Cpath d=%27M2 10.204L17 10.204M17 10.204L11.375 15.829M17 10.204L11.375 4.57898%27 stroke=%27%23FFFFFF%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}
.btn-default-primary.rotated::after, .rotated.gassure-btn::after,
.btn-default-secondary.rotated::after,
.btn-default-tertiary.rotated::after,
.btn-white-primary.rotated::after,
#header__site .header__wrapper > div a.rotated.cta-button::after,
.btn-white-secondary.rotated::after,
.btn-white-tertiary.rotated::after {
  transform: rotate(90deg);
}
.btn-default-primary.rotated:hover, .rotated.gassure-btn:hover,
.btn-default-secondary.rotated:hover,
.btn-default-tertiary.rotated:hover,
.btn-white-primary.rotated:hover,
#header__site .header__wrapper > div a.rotated.cta-button:hover,
.btn-white-secondary.rotated:hover,
.btn-white-tertiary.rotated:hover {
  gap: 0.5rem;
}
.btn-default-primary.rotated:hover::after, .rotated.gassure-btn:hover::after,
.btn-default-secondary.rotated:hover::after,
.btn-default-tertiary.rotated:hover::after,
.btn-white-primary.rotated:hover::after,
#header__site .header__wrapper > div a.rotated.cta-button:hover::after,
.btn-white-secondary.rotated:hover::after,
.btn-white-tertiary.rotated:hover::after {
  transform: rotate(90deg) translate(5px, 0);
}

.btn-default {
  background-color: var(--colours-brand-light);
  color: var(--colours-brand-dark) !important;
}
.btn-default:hover {
  background-color: var(--colours-brand-blue) !important;
  color: var(--colours-brand-white) !important;
}

.btn-default-primary, .gassure-btn {
  background-color: var(--colours-brand-light);
  color: var(--colours-brand-dark) !important;
}
.btn-default-primary:hover, .gassure-btn:hover {
  background-color: var(--colours-brand-blue) !important;
  color: var(--colours-brand-white) !important;
}

.btn-default-secondary {
  background-color: var(--colours-brand-light);
  color: var(--colours-brand-dark) !important;
}
.btn-default-secondary:hover {
  background-color: var(--colours-brand-orange) !important;
  color: var(--colours-brand-white) !important;
}

.btn-default-tertiary {
  background-color: var(--colours-brand-light);
  color: var(--colours-brand-dark) !important;
}
.btn-default-tertiary:hover {
  background-color: var(--colours-brand-pink) !important;
  color: var(--colours-brand-white) !important;
}

.btn-white-primary, #header__site .header__wrapper > div a.cta-button {
  background-color: var(--colours-brand-white);
  color: var(--colours-brand-dark) !important;
}
.btn-white-primary:hover, #header__site .header__wrapper > div a.cta-button:hover {
  background-color: var(--colours-brand-blue) !important;
  color: var(--colours-brand-white) !important;
}

.btn-white-secondary {
  background-color: var(--colours-brand-white);
  color: var(--colours-brand-dark) !important;
}
.btn-white-secondary:hover {
  background-color: var(--colours-brand-orange) !important;
  color: var(--colours-brand-white) !important;
}

.btn-white-tertiary {
  background-color: var(--colours-brand-white);
  color: var(--colours-brand-dark) !important;
}
.btn-white-tertiary:hover {
  background-color: var(--colours-brand-pink) !important;
  color: var(--colours-brand-white) !important;
}

.btn-arrow-default-primary,
.btn-arrow-default-secondary,
.btn-arrow-default-tertiary,
.btn-arrow-white-primary,
.btn-arrow-white-secondary,
.btn-arrow-white-tertiary {
  align-items: center;
  color: var(--colours-brand-dark);
  display: inline-flex;
  flex-direction: row;
  font-size: var(--ss-font-size-h5);
  gap: 0.5rem;
  margin-right: 2rem;
  padding: 0.5rem 0;
  position: relative;
  text-decoration: none;
}
.btn-arrow-default-primary::after,
.btn-arrow-default-secondary::after,
.btn-arrow-default-tertiary::after,
.btn-arrow-white-primary::after,
.btn-arrow-white-secondary::after,
.btn-arrow-white-tertiary::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717%27 height=%2713%27 viewBox=%270 0 17 13%27 fill=%27none%27%3E%3Cpath d=%27M1 6.625L16 6.625M16 6.625L10.375 12.25M16 6.625L10.375 1%27 stroke=%27%23363940%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  display: block;
  height: 1rem;
  transition: all ease 0.3s;
  width: 1rem;
}
.btn-arrow-default-primary:hover,
.btn-arrow-default-secondary:hover,
.btn-arrow-default-tertiary:hover,
.btn-arrow-white-primary:hover,
.btn-arrow-white-secondary:hover,
.btn-arrow-white-tertiary:hover {
  color: var(--colours-brand-dark);
}
.btn-arrow-default-primary:hover::after,
.btn-arrow-default-secondary:hover::after,
.btn-arrow-default-tertiary:hover::after,
.btn-arrow-white-primary:hover::after,
.btn-arrow-white-secondary:hover::after,
.btn-arrow-white-tertiary:hover::after {
  transform: translate(10px, 0);
}
.btn-arrow-default-primary.rotated::after,
.btn-arrow-default-secondary.rotated::after,
.btn-arrow-default-tertiary.rotated::after,
.btn-arrow-white-primary.rotated::after,
.btn-arrow-white-secondary.rotated::after,
.btn-arrow-white-tertiary.rotated::after {
  transform: rotate(90deg);
}
.btn-arrow-default-primary.rotated:hover,
.btn-arrow-default-secondary.rotated:hover,
.btn-arrow-default-tertiary.rotated:hover,
.btn-arrow-white-primary.rotated:hover,
.btn-arrow-white-secondary.rotated:hover,
.btn-arrow-white-tertiary.rotated:hover {
  gap: 0.5rem;
}
.btn-arrow-default-primary.rotated:hover::after,
.btn-arrow-default-secondary.rotated:hover::after,
.btn-arrow-default-tertiary.rotated:hover::after,
.btn-arrow-white-primary.rotated:hover::after,
.btn-arrow-white-secondary.rotated:hover::after,
.btn-arrow-white-tertiary.rotated:hover::after {
  transform: rotate(90deg) translate(5px, 0);
}

.btn-arrow-default-primary {
  color: var(--colours-brand-blue) !important;
}
.btn-arrow-default-primary::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717%27 height=%2713%27 viewBox=%270 0 17 13%27 fill=%27none%27%3E%3Cpath d=%27M1 6.625L16 6.625M16 6.625L10.375 12.25M16 6.625L10.375 1%27 stroke=%27%23130073%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}

.btn-arrow-default-secondary {
  color: var(--colours-brand-orange) !important;
}
.btn-arrow-default-secondary::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717%27 height=%2713%27 viewBox=%270 0 17 13%27 fill=%27none%27%3E%3Cpath d=%27M1 6.625L16 6.625M16 6.625L10.375 12.25M16 6.625L10.375 1%27 stroke=%27%23ff7311%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}

.btn-arrow-default-tertiary {
  color: var(--colours-brand-pink) !important;
}
.btn-arrow-default-tertiary::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717%27 height=%2713%27 viewBox=%270 0 17 13%27 fill=%27none%27%3E%3Cpath d=%27M1 6.625L16 6.625M16 6.625L10.375 12.25M16 6.625L10.375 1%27 stroke=%27%23ff4280%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}

.btn-arrow-white-primary,
.btn-arrow-white-secondary,
.btn-arrow-white-tertiary {
  color: white !important;
}
.btn-arrow-white-primary::after,
.btn-arrow-white-secondary::after,
.btn-arrow-white-tertiary::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717%27 height=%2713%27 viewBox=%270 0 17 13%27 fill=%27none%27%3E%3Cpath d=%27M1 6.625L16 6.625M16 6.625L10.375 12.25M16 6.625L10.375 1%27 stroke=%27%23ffffff%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}

/* ========================================================
    _forms.scss - James Frew
======================================================== */
:root {
  --jf-form-label: #130073;
  --jf-form-border: #130073;
  --jf-form-step: #ebebeb;
  --jf-form-step-active: #ff7311;
  --jf-form-step-completed: #130073;
}

.form-light {
  --jf-form-label: white;
  --jf-form-border: white;
}

.gform_wrapper {
  color: inherit;
  margin: 2rem 0;
}
.gform_wrapper .gform_required_legend {
  font-size: 0.8em;
}
.gform_wrapper .gfield {
  margin-block: 1rem;
}
.gform_wrapper legend,
.gform_wrapper label {
  color: var(--jf-form-label);
  font-weight: 400 !important;
}
.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel] {
  background-color: transparent;
  border: solid 1px transparent;
  border-bottom-color: var(--jf-form-border);
  border-radius: 0;
  box-shadow: none;
  color: var(--jf-form-label);
  padding: 1.5rem 0.5rem;
}
.gform_wrapper input[type=text]::placeholder,
.gform_wrapper input[type=email]::placeholder,
.gform_wrapper input[type=tel]::placeholder {
  opacity: 0.3;
}
.gform_wrapper input[type=text]:active, .gform_wrapper input[type=text]:focus,
.gform_wrapper input[type=email]:active,
.gform_wrapper input[type=email]:focus,
.gform_wrapper input[type=tel]:active,
.gform_wrapper input[type=tel]:focus {
  border: solid 1px transparent;
  border-bottom-color: var(--jf-form-border);
  outline: 0;
}
.gform_wrapper textarea {
  background-color: transparent;
  border: solid 1px var(--jf-form-border);
  border-radius: 0;
  box-shadow: none;
  color: var(--jf-form-label);
  padding: 2rem;
}
.gform_wrapper textarea::placeholder {
  opacity: 0.3;
}
.gform_wrapper textarea:active, .gform_wrapper textarea:focus {
  outline: 0;
}
.gform_wrapper select {
  border: solid 1px transparent;
  border-bottom-color: var(--jf-form-border);
  border-radius: 0;
  box-shadow: none;
  height: auto;
  padding: 0.5rem 0.5rem;
}
.gform_wrapper select::placeholder {
  opacity: 0.3;
}
.gform_wrapper input[type=checkbox] {
  appearance: none;
  background-color: var(--card-background);
  border: solid 1px var(--colours-brand-blue);
  border-radius: 0;
  box-shadow: none;
  height: 1.5rem;
  width: 1.5rem;
}
.gform_wrapper input[type=checkbox]:checked {
  background-color: var(--colours-brand-moonstone);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3E%3Cpath d=%27M6 10.2L3.8 8L3 8.8L6 11.8L13 4.8L12.2 4L6 10.2Z%27 fill=%27%231c1c1c%27/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  border-color: var(--colours-brand-moonstone);
}
.gform_wrapper .gfield_checkbox > div,
.gform_wrapper .gfield--type-consent > div {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
}
.gform_wrapper .gfield--type-checkbox legend,
.gform_wrapper .gfield--type-consent legend {
  margin-bottom: 1rem;
}
.gform_wrapper .gfield--type-checkbox .gchoice,
.gform_wrapper .gfield--type-consent .gchoice {
  display: flex;
  gap: 1rem;
}
.gform_wrapper .gform_footer input[type=submit] {
  align-items: center;
  all: unset;
  background-color: var(--colours-brand-orange);
  border: 1px solid transparent;
  border-radius: 2rem;
  color: white;
  cursor: pointer;
  display: inline-flex;
  gap: 1rem;
  margin: 1rem 0;
  padding: 1rem 3rem;
  position: relative;
  text-decoration: none;
  transition: all ease 0.3s;
}
.gform_wrapper .gform_footer input[type=submit]:hover {
  background-color: var(--colours-brand-pink);
}
.gform_wrapper .gform_footer input[type=submit].gform-button--width-full {
  display: block;
  width: 100% !important;
}
.gform_wrapper.gravity-theme .gf_page_steps {
  border-bottom: 0 !important;
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem !important;
}
.gform_wrapper.gravity-theme .gf_page_steps > .gf_step {
  align-items: center;
  display: flex;
  flex: 1;
  margin-right: 0;
  padding: 0;
}
.gform_wrapper.gravity-theme .gf_page_steps > .gf_step .gf_step_number {
  align-items: center;
  border-color: var(--jf-form-step);
  display: flex;
  flex: 1;
  justify-content: center;
}
.gform_wrapper.gravity-theme .gf_page_steps > .gf_step .gf_step_label {
  display: none;
}
.gform_wrapper.gravity-theme .gf_page_steps > .gf_step.gf_step_active .gf_step_number {
  background-color: var(--jf-form-step-active) !important;
  border-color: var(--jf-form-step-active);
  color: white;
}
.gform_wrapper.gravity-theme .gf_page_steps > .gf_step.gf_step_completed .gf_step_number {
  background-color: var(--jf-form-completed) !important;
  border-color: var(--jf-form-step-completed);
  color: white;
  position: relative;
}
.gform_wrapper.gravity-theme .gf_page_steps > .gf_step.gf_step_completed .gf_step_number::before {
  background: var(--jf-form-step-completed);
  border-color: var(--jf-form-step-completed);
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  right: 0;
  top: 0;
  width: 100%;
}
.gform_wrapper.gravity-theme .gform_page_footer {
  margin-top: 3rem !important;
  border-top: solid 1px var(--colours-grey-medium);
  display: flex;
  justify-content: space-between;
}

#header__site {
  padding: 1rem 0;
  position: sticky;
  top: 0;
  transition: all 0.2s ease-in-out;
  z-index: 999999;
}
#header__site * {
  transition: all 0.2s ease-in-out;
}
#header__site .header__wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#header__site .header__wrapper > a {
  height: 100%;
}
@media screen and (max-width: 767px) {
  #header__site .header__wrapper > a svg path.text {
    opacity: 0;
  }
}
#header__site .header__wrapper > div {
  align-items: center;
  display: flex;
  gap: 2rem;
}
#header__site .header__wrapper > div .header__links ul {
  display: flex;
  gap: 2rem;
  margin: 0;
}
#header__site .header__wrapper > div .header__links ul li a {
  color: white;
  text-decoration: none;
}
#header__site .header__wrapper > div .header__links ul li a:hover {
  color: var(--colours-brand-dark);
}
@media screen and (max-width: 767px) {
  #header__site .header__wrapper > div .header__links,
  #header__site .header__wrapper > div .contact__button {
    display: none;
  }
}
#header__site .header__wrapper #menu-button button {
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  padding: 0;
}
#header__site .header__wrapper #menu-button button:focus, #header__site .header__wrapper #menu-button button:active {
  outline: none;
}
#header__site .header__wrapper #menu-button button .hamburger__bars {
  display: flex;
  flex-direction: column;
  height: 23px;
  justify-content: space-between;
  margin-right: 10px;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 30px;
}
#header__site .header__wrapper #menu-button button .hamburger__bars .bar {
  background: var(--colours-brand-pink);
  height: 2px;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 100%;
}
#header__site .header__wrapper #menu-button button .hamburger__bars:before, #header__site .header__wrapper #menu-button button .hamburger__bars:after {
  background: var(--colours-brand-pink);
  content: " ";
  display: block;
  height: 2px;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 100%;
}
#header__site .header__wrapper #menu-button button.is-active .hamburger__bars .bar {
  width: 0;
}
#header__site .header__wrapper #menu-button button.is-active .hamburger__bars:before {
  transform: translate3d(0, 10px, 0) rotate(135deg);
}
#header__site .header__wrapper #menu-button button.is-active .hamburger__bars:after {
  transform: translate3d(0, -11px, 0) rotate(45deg);
}
#header__site.is-scrolled:not(.nav-active) {
  background-color: white;
  color: inherit;
}
#header__site.is-scrolled:not(.nav-active) .header__content .header__links ul li a {
  color: inherit;
}
#header__site.is-scrolled:not(.nav-active) .header__content .header__links ul li a:hover {
  color: var(--colours-brand-orange);
}
#header__site.is-scrolled:not(.nav-active) .header__content .cta-button {
  background-color: var(--colours-brand-light);
}
#header__site.default:not(.is-scrolled):not(.nav-active) .header__wrapper > a svg path {
  fill: white;
}
#header__site.default:not(.is-scrolled):not(.nav-active) #menu-button button .hamburger__bars .bar, #header__site.default:not(.is-scrolled):not(.nav-active) #menu-button button .hamburger__bars:before, #header__site.default:not(.is-scrolled):not(.nav-active) #menu-button button .hamburger__bars:after {
  background: white;
}
#header__site.no-transparency {
  background-color: white;
  box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0);
}
#header__site.no-transparency .header__content .header__links ul li a {
  color: inherit;
}
#header__site.no-transparency .header__content .header__links ul li a:hover {
  color: var(--colours-brand-orange);
}
#header__site.no-transparency .header__content .cta-button {
  background-color: var(--colours-brand-light);
}
#header__site.no-transparency #menu-button button .hamburger__bars .bar, #header__site.no-transparency #menu-button button .hamburger__bars:before, #header__site.no-transparency #menu-button button .hamburger__bars:after {
  background: var(--colours-brand-pink);
}
#header__site.nav-active.default .header__content .header__links, #header__site.nav-active.no-transparency .header__content .header__links {
  display: none !important;
}
#header__site.nav-active.default #menu-button button .hamburger__bars .bar, #header__site.nav-active.default #menu-button button .hamburger__bars:before, #header__site.nav-active.default #menu-button button .hamburger__bars:after, #header__site.nav-active.no-transparency #menu-button button .hamburger__bars .bar, #header__site.nav-active.no-transparency #menu-button button .hamburger__bars:before, #header__site.nav-active.no-transparency #menu-button button .hamburger__bars:after {
  background: var(--colours-brand-pink);
}

#header__nav.nav__v1 {
  background-color: var(--colours-brand-light);
  background-image: url(assets/open-menu-bg.png);
  background-position: center;
  background-size: cover;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999998;
}
#header__nav.nav__v1.is-active {
  display: block;
}
#header__nav.nav__v1 .inner {
  bottom: 0;
  left: 0;
  overflow: scroll;
  padding: 1rem 0 3rem 0;
  position: absolute;
  right: 0;
  top: 122px;
}
@media screen and (min-width: 1200px) {
  #header__nav.nav__v1 .inner {
    padding: 3rem 0;
  }
}
#header__nav.nav__v1 .inner .container .inner__wrapper {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
  #header__nav.nav__v1 .inner .container .inner__wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  #header__nav.nav__v1 .inner .container .inner__wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
#header__nav.nav__v1 .inner ul.nav__tier1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#header__nav.nav__v1 .inner ul.nav__tier1 > li {
  padding: 0.5rem 0;
}
#header__nav.nav__v1 .inner ul.nav__tier1 > li a {
  color: inherit;
  text-decoration: none;
}
#header__nav.nav__v1 .inner ul.nav__tier1 > li > a {
  background: linear-gradient(45deg, var(--colours-brand-orange), var(--colours-brand-pink));
  background-clip: text;
  color: var(--colours-brand-orange);
  -webkit-text-fill-color: transparent;
  color: var(--colours-brand-orange);
  font-size: var(--ss-font-size-h2);
  font-weight: 700;
  line-height: 1.1;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1200px) {
  #header__nav.nav__v1 .inner ul.nav__tier1 > li > a {
    font-size: var(--ss-font-size-display5);
  }
}
#header__nav.nav__v1 .inner ul.nav__tier1 > li > a:hover {
  background: linear-gradient(45deg, var(--colours-brand-blue), var(--colours-brand-blue));
  background-clip: text;
  color: var(--colours-brand-blue);
  -webkit-text-fill-color: transparent;
}
#header__nav.nav__v1 .inner ul.nav__tier1 > li ul.nav__tier2 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
#header__nav.nav__v1 .inner ul.nav__tier1 > li ul.nav__tier2 li a {
  background: inherit;
  background-clip: unset;
  color: var(--colours-brand-blue);
  font-size: var(--ss-font-size-h5);
  font-weight: 400;
  -webkit-text-fill-color: unset;
}
#header__nav.nav__v1 .inner ul.nav__tier1 > li ul.nav__tier2 li a:hover {
  color: var(--colours-brand-orange);
}
#header__nav.nav__v1 .inner .nav__contact {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#header__nav.nav__v1 .inner .nav__contact > div {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
}
#header__nav.nav__v1 .inner .nav__contact > div img {
  aspect-ratio: 1;
  width: 2.125rem;
}
#header__nav.nav__v1 .inner .nav__contact > div span {
  color: var(--colours-brand-blue);
}
@media screen and (min-width: 768px) {
  #header__nav.nav__v1 .inner .nav__contact > div span {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 1200px) {
  #header__nav.nav__v1 .inner .nav__contact > div span {
    font-size: 1.25rem;
  }
}
#header__nav.nav__v1 .inner .nav__contact .nav__contact-btn {
  background: linear-gradient(45deg, var(--colours-brand-orange), var(--colours-brand-pink));
  background-clip: text;
  color: var(--colours-brand-orange);
  -webkit-text-fill-color: transparent;
  align-items: center;
  color: var(--colours-brand-orange);
  display: inline-flex;
  font-size: var(--ss-font-size-h2);
  font-weight: 700;
  gap: 1rem;
  margin-top: 1rem;
  padding: 0.5rem 0;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1200px) {
  #header__nav.nav__v1 .inner .nav__contact .nav__contact-btn {
    font-size: var(--ss-font-size-display5);
  }
}
#header__nav.nav__v1 .inner .nav__contact .nav__contact-btn:hover {
  background: linear-gradient(45deg, var(--colours-brand-blue), var(--colours-brand-blue));
  background-clip: text;
  color: var(--colours-brand-blue);
  -webkit-text-fill-color: transparent;
}

#header__nav.nav__v2 {
  background-color: var(--colours-brand-light);
  background-image: url(assets/open-menu-bg.png);
  background-position: center;
  background-size: cover;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999998;
}
#header__nav.nav__v2.is-active {
  display: block;
}
#header__nav.nav__v2 .inner {
  bottom: 0;
  left: 0;
  overflow: scroll;
  padding: 1rem 0 3rem 0;
  position: absolute;
  right: 0;
  top: 122px;
}
@media screen and (min-width: 1200px) {
  #header__nav.nav__v2 .inner {
    padding: 3rem 0;
  }
}
#header__nav.nav__v2 .inner .container {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
#header__nav.nav__v2 .inner .container .inner__wrapper {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
  #header__nav.nav__v2 .inner .container .inner__wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  #header__nav.nav__v2 .inner .container .inner__wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4rem;
  }
}
@media screen and (min-width: 1500px) {
  #header__nav.nav__v2 .inner .container .inner__wrapper {
    gap: 5rem;
  }
}
#header__nav.nav__v2 .inner ul.nav__tier1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#header__nav.nav__v2 .inner ul.nav__tier1 > li {
  padding: 0.5rem 0;
}
#header__nav.nav__v2 .inner ul.nav__tier1 > li a {
  color: inherit;
  text-decoration: none;
}
#header__nav.nav__v2 .inner ul.nav__tier1 > li > a {
  background: linear-gradient(45deg, var(--colours-brand-blue), var(--colours-brand-blue));
  background-clip: text;
  color: var(--colours-brand-blue);
  -webkit-text-fill-color: transparent;
  color: var(--colours-brand-blue);
  font-size: var(--ss-font-size-h3);
  font-weight: 700;
  line-height: 1.1;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1200px) {
  #header__nav.nav__v2 .inner ul.nav__tier1 > li > a {
    font-size: var(--ss-font-size-h3);
  }
}
#header__nav.nav__v2 .inner ul.nav__tier1 > li > a:hover {
  background: linear-gradient(45deg, var(--colours-brand-orange), var(--colours-brand-pink));
  background-clip: text;
  color: var(--colours-brand-orange);
  -webkit-text-fill-color: transparent;
}
#header__nav.nav__v2 .inner ul.nav__tier1 > li ul.nav__tier2 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
#header__nav.nav__v2 .inner ul.nav__tier1 > li ul.nav__tier2 li a {
  background: inherit;
  background-clip: unset;
  color: var(--colours-brand-blue);
  font-size: var(--ss-font-size-h5);
  font-weight: 400;
  -webkit-text-fill-color: unset;
}
#header__nav.nav__v2 .inner ul.nav__tier1 > li ul.nav__tier2 li a:hover {
  color: var(--colours-brand-orange);
}
#header__nav.nav__v2 .inner .nav__contact {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#header__nav.nav__v2 .inner .nav__contact > div {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
}
#header__nav.nav__v2 .inner .nav__contact > div img {
  aspect-ratio: 1;
  width: 2.125rem;
}
#header__nav.nav__v2 .inner .nav__contact > div span {
  color: var(--colours-brand-blue);
}
@media screen and (min-width: 768px) {
  #header__nav.nav__v2 .inner .nav__contact > div span {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 1200px) {
  #header__nav.nav__v2 .inner .nav__contact > div span {
    font-size: 1.25rem;
  }
}
#header__nav.nav__v2 .inner .nav__contact .nav__contact-btn {
  background: linear-gradient(45deg, var(--colours-brand-orange), var(--colours-brand-pink));
  background-clip: text;
  color: var(--colours-brand-orange);
  -webkit-text-fill-color: transparent;
  align-items: center;
  color: var(--colours-brand-orange);
  display: inline-flex;
  font-size: var(--ss-font-size-h2);
  font-weight: 700;
  gap: 1rem;
  margin-top: 1rem;
  padding: 0.5rem 0;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1200px) {
  #header__nav.nav__v2 .inner .nav__contact .nav__contact-btn {
    font-size: var(--ss-font-size-display5);
  }
}
#header__nav.nav__v2 .inner .nav__contact .nav__contact-btn:hover {
  background: linear-gradient(45deg, var(--colours-brand-blue), var(--colours-brand-blue));
  background-clip: text;
  color: var(--colours-brand-blue);
  -webkit-text-fill-color: transparent;
}

/* ========================================================
    _timeline.scss - James Frew
======================================================== */
#timeline-intro {
  position: relative;
}
#timeline-intro::after {
  aspect-ratio: 1100/500;
  background-image: url(assets/timeline-intro.png);
  background-size: contain;
  bottom: auto;
  left: 0;
  position: absolute;
  right: 10%;
  top: 2rem;
  z-index: -1;
}

.component__james-frew-timeline .timeline__wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: relative;
  padding-left: 3rem;
}
@media screen and (min-width: 768px) {
  .component__james-frew-timeline .timeline__wrapper {
    padding-left: 0;
  }
}
.component__james-frew-timeline .timeline__wrapper .timeline__line {
  background: linear-gradient(0deg, var(--colours-brand-orange), var(--colours-brand-pink), var(--colours-brand-orange));
  height: 100%;
  left: 0;
  position: absolute;
  transform: translate(-50%, 0);
  width: 24px;
}
@media screen and (min-width: 768px) {
  .component__james-frew-timeline .timeline__wrapper .timeline__line {
    left: 50%;
    width: 50px;
  }
}
.component__james-frew-timeline .timeline__wrapper .timeline__line::before {
  border: solid 12px transparent;
  border-top-color: white;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 768px) {
  .component__james-frew-timeline .timeline__wrapper .timeline__line::before {
    border-width: 25px;
  }
}
.component__james-frew-timeline .timeline__wrapper .timeline__section {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  min-height: 300px;
}
.component__james-frew-timeline .timeline__wrapper .timeline__section .timeline-date {
  color: var(--colours-brand-blue);
  font-size: var(--ss-font-size-display3);
  font-weight: 700;
  margin-bottom: 0;
}
.component__james-frew-timeline .timeline__wrapper .timeline__section .content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}
.component__james-frew-timeline .timeline__wrapper .timeline__section .content .image {
  min-width: 50%;
}
.component__james-frew-timeline .timeline__wrapper .timeline__section .content .image img {
  height: 100%;
  object-fit: contain;
  object-position: top center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .component__james-frew-timeline .timeline__wrapper .timeline__section {
    width: calc(50% - 90px);
  }
  .component__james-frew-timeline .timeline__wrapper .timeline__section .timeline-date {
    font-size: var(--ss-font-size-display1);
  }
  .component__james-frew-timeline .timeline__wrapper .timeline__section:nth-child(odd) {
    margin-left: auto;
  }
}
@media screen and (min-width: 992px) {
  .component__james-frew-timeline .timeline__wrapper .timeline__section {
    align-items: flex-end;
  }
  .component__james-frew-timeline .timeline__wrapper .timeline__section .content {
    flex-direction: row;
  }
  .component__james-frew-timeline .timeline__wrapper .timeline__section:nth-child(odd) {
    align-items: flex-start;
  }
  .component__james-frew-timeline .timeline__wrapper .timeline__section:nth-child(odd) .content {
    flex-direction: row-reverse;
  }
}

/* ========================================================
    _gassure.scss - James Frew
======================================================== */
.hpsu-app__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: "space-between";
  gap: 4rem;
}
.hpsu-app__wrapper.step4 {
  flex-direction: column-reverse;
}
@media screen and (min-width: 992px) {
  .hpsu-app__wrapper.step4 {
    flex-direction: row;
  }
}
.hpsu-app__wrapper .hpsu-app__form-wrapper {
  width: 100%;
  border: solid 1px var(--colours-grey-medium);
  border-radius: 0.75rem;
  padding: 1rem;
}
@media screen and (min-width: 992px) {
  .hpsu-app__wrapper .hpsu-app__form-wrapper {
    flex: 1;
    padding: 3rem;
  }
}
.hpsu-app__wrapper .hpsu-app__form-wrapper.step2, .hpsu-app__wrapper .hpsu-app__form-wrapper.step3, .hpsu-app__wrapper .hpsu-app__form-wrapper.step4 {
  background-color: var(--colours-grey-extra-light);
}
.hpsu-app__wrapper .hpsu-app__form-wrapper .small {
  font-size: 0.8rem;
}
.hpsu-app__wrapper .hpsu-app__summary-wrapper {
  margin-top: 3rem;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .hpsu-app__wrapper .hpsu-app__summary-wrapper {
    margin-top: 0;
    width: 30%;
  }
}
.hpsu-app__wrapper .hpsu-app__summary-wrapper.step4 {
  margin-bottom: 3rem;
}
.hpsu-app__wrapper .hpsu-app__summary-wrapper .hpsu-app__summary-inner {
  padding: 2rem;
  border-radius: 0.75rem;
  text-align: center;
}
.hpsu-app__wrapper .hpsu-app__summary-wrapper .hpsu-app__summary-inner h2 {
  color: white;
}

ul.gassure-spec-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 2rem 0;
}
ul.gassure-spec-list li {
  align-items: center;
  border-top: solid 1px var(--colours-grey-light);
  display: flex;
  font-size: 0.75rem;
  line-height: 1.2;
  margin: 0;
  padding: 0.5rem 0;
  text-align: left;
}
ul.gassure-spec-list li::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.95rem;
  content: "";
  display: inline-block;
  height: 1rem;
  margin-right: 1rem;
  min-width: 1rem;
  width: 1rem;
}
ul.gassure-spec-list li:first-child {
  border-top: 0;
}
ul.gassure-spec-list li.tick::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2725%27 height=%2724%27 viewBox=%270 0 25 24%27 fill=%27none%27%3E%3Cpath d=%27M21.5 7.00003L9.5 19L4 13.5L5.41 12.09L9.5 16.17L20.09 5.59003L21.5 7.00003Z%27 fill=%27%23FF4280%27/%3E%3C/svg%3E");
}
ul.gassure-spec-list li.cross {
  opacity: 0.5;
}
ul.gassure-spec-list li.cross::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2725%27 height=%2724%27 viewBox=%270 0 25 24%27 fill=%27none%27%3E%3Cpath d=%27M18.8597 19.78L12.4997 13.41L6.13973 19.78L4.71973 18.36L11.0897 12L4.71973 5.63997L6.13973 4.21997L12.4997 10.59L18.8597 4.22997L20.2697 5.63997L13.9097 12L20.2697 18.36L18.8597 19.78Z%27 fill=%27%23130073%27/%3E%3C/svg%3E");
}

.component__gassure-plan-picker {
  overflow: hidden;
  padding: 1.5rem 0;
}
.component__gassure-plan-picker .plan__wrapper .swiper {
  overflow: visible;
}
.component__gassure-plan-picker .plan__wrapper .swiper .swiper-wrapper .swiper-slide {
  height: auto;
  overflow: visible;
}
.component__gassure-plan-picker .plan__wrapper .plan__item {
  border: solid 1px var(--colours-grey-light);
  border-radius: 1rem;
  height: 100%;
  padding: 2rem 1rem 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .component__gassure-plan-picker .plan__wrapper .plan__item {
    padding: 2rem;
  }
}
@media screen and (min-width: 992px) {
  .component__gassure-plan-picker .plan__wrapper .plan__item {
    padding: 3rem;
  }
}
.component__gassure-plan-picker .plan__wrapper .plan__item .special {
  background-color: var(--colours-brand-orange);
  border-radius: 8px;
  color: white;
  display: inline-block;
  left: 50%;
  padding: 0.5rem 1rem;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}
.component__gassure-plan-picker .plan__wrapper .plan__item .item__price strong {
  font-size: 2rem;
}
.component__gassure-plan-picker .plan__wrapper .plan__item .item__button {
  margin-top: auto;
}
.component__gassure-plan-picker .plan__terms {
  font-size: 0.85rem;
  text-align: center;
}
.component__gassure-plan-picker .plan__terms a {
  color: inherit;
  text-decoration: none;
}
.component__gassure-plan-picker .plan__terms a:hover {
  color: var(--colours-brand-orange);
}

.gassure-btn {
  appearance: none;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
  display: inline-flex;
  padding: 0.75rem 2rem;
  white-space: nowrap;
}
.gassure-btn::after {
  height: 1rem;
  width: 1rem;
}
.gassure-btn[type=submit] {
  border-color: var(--colours-grey-light);
  display: inline-flex;
  border-radius: 8px;
  padding: 0.75rem 2rem;
}
.gassure-btn.edit {
  border: solid 1px var(--colours-grey-medium);
  flex-direction: row-reverse;
  font-size: 0.8rem;
  margin: 0;
  opacity: 0.5;
}
.gassure-btn.edit::after {
  display: none;
}
.gassure-btn.edit:hover {
  opacity: 1;
}
.gassure-btn.back {
  border: solid 1px var(--colours-grey-medium);
  flex-direction: row-reverse;
  opacity: 0.3;
}
.gassure-btn.back::after {
  transform: rotate(180deg);
}
.gassure-btn.back:hover {
  opacity: 1;
}
.gassure-btn.reversed {
  background-color: green;
  color: white !important;
}
.gassure-btn.reversed::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2721%27 viewBox=%270 0 20 21%27 fill=%27none%27%3E%3Cpath d=%27M2 10.204L17 10.204M17 10.204L11.375 15.829M17 10.204L11.375 4.57898%27 stroke=%27%23FFFFFF%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
}

.gassure-form-section {
  margin-bottom: 2rem;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .gassure-form-section {
    padding: 2rem;
  }
}
.gassure-form-section select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg height=%27512%27 viewBox=%270 0 24 24%27 width=%27512%27 xmlns=%27http://www.w3.org/2000/svg%27 id=%27fi_2722987%27%3E%3Cg id=%27_16%27 data-name=%2716%27%3E%3Cpath d=%27m12 16a1 1 0 0 1 -.71-.29l-6-6a1 1 0 0 1 1.42-1.42l5.29 5.3 5.29-5.29a1 1 0 0 1 1.41 1.41l-6 6a1 1 0 0 1 -.7.29z%27%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1rem;
  border: solid 1px var(--colours-grey-medium);
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  height: auto;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
}
.gassure-form-section select:active, .gassure-form-section select:focus {
  border-bottom-color: var(--colours-brand-orange);
  outline: none;
}
.gassure-form-section select::placeholder {
  opacity: 0.3;
}
.gassure-form-section input[type=text],
.gassure-form-section input[type=email],
.gassure-form-section input[type=tel] {
  border: solid 1px transparent;
  border-bottom-color: var(--colours-grey-medium);
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  padding: 0.5rem 0.5rem;
  width: 100%;
}
.gassure-form-section input[type=text]:active, .gassure-form-section input[type=text]:focus,
.gassure-form-section input[type=email]:active,
.gassure-form-section input[type=email]:focus,
.gassure-form-section input[type=tel]:active,
.gassure-form-section input[type=tel]:focus {
  border-bottom-color: var(--colours-brand-orange);
  outline: none;
}
.gassure-form-section input[type=text]::placeholder,
.gassure-form-section input[type=email]::placeholder,
.gassure-form-section input[type=tel]::placeholder {
  opacity: 0.3;
}
.gassure-form-section input[type=text].error,
.gassure-form-section input[type=email].error,
.gassure-form-section input[type=tel].error {
  border-bottom-color: red !important;
}
.gassure-form-section input[type=checkbox] {
  appearance: none;
  background-color: var(--colours-grey-light);
  border: solid 1px var(--colours-grey-medium);
  border-radius: 0;
  box-shadow: none;
  height: 1.5rem;
  width: 1.5rem;
}
.gassure-form-section input[type=checkbox]:checked {
  background-color: var(--colours-brand-orange);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3E%3Cpath d=%27M6 10.2L3.8 8L3 8.8L6 11.8L13 4.8L12.2 4L6 10.2Z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  border-color: var(--colours-brand-orange);
}
.gassure-form-section .required-field {
  color: red;
  font-size: 0.75em;
  padding: 0.5rem;
}

.gassure-submitting {
  align-items: center;
  background-color: var(--colours-brand-blue);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 2rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.gassure-submitting .progress-holder {
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
}

.gassure-confirmation-table {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.gassure-confirmation-table > div strong {
  display: block;
  font-size: 0.75rem;
  opacity: 0.5;
}
.gassure-confirmation-table .bank-details {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 992px) {
  .gassure-confirmation-table .bank-details {
    flex-direction: row;
    gap: 4rem;
  }
}

#gassure-form-step-plan .gassure-plan__options .gassure-plan__option {
  align-items: center;
  aspect-ratio: 16/9;
  background-color: var(--colours-grey-light);
  cursor: pointer;
  display: flex;
  justify-content: center;
}
#gassure-form-step-plan .gassure-plan__options .gassure-plan__option.active {
  outline: solid 3px var(--colours-brand-orange);
}
#gassure-form-step-plan .gassure-plan__options .gassure-plan__option.bronze {
  background: linear-gradient(45deg, #673208, #db6c2b);
  color: white;
}
#gassure-form-step-plan .gassure-plan__options .gassure-plan__option.silver {
  background: linear-gradient(45deg, #ededed, #bdbdbd);
}
#gassure-form-step-plan .gassure-plan__options .gassure-plan__option.gold {
  background: linear-gradient(45deg, #d9ab07, #d1b200);
}
#gassure-form-step-plan .gassure-plan__extras {
  background-color: var(--colours-grey-light);
  padding: 2rem;
}

#gassure-form-step-details .postcode-search__wrapper {
  margin-block: 2rem;
}
#gassure-form-step-details .postcode-search__wrapper > div {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#gassure-form-step-details .postcode-search__wrapper > div input {
  border: solid 1px var(--colours-grey-medium) !important;
  flex: 1;
}
#gassure-form-step-details .postcode-search__wrapper > div button {
  appearance: none;
  border: 0;
  padding: 1rem 2rem;
  white-space: nowrap;
}
#gassure-form-step-details .postcode-search__wrapper > div > div {
  margin-top: 1rem;
  min-width: 100%;
}
#gassure-form-step-details .postcode-search__wrapper > div > div select {
  width: 100%;
}
#gassure-form-step-details .landlord-plan-error {
  display: block;
  margin-top: 2rem;
  color: red;
}
#gassure-form-step-details .gassure-form-error {
  background-color: red;
  color: white;
  display: block;
  font-size: 0.75rem;
  padding: 1rem;
  text-align: center;
}

#gassure-form-step-payment .direct-debit-logo {
  margin-bottom: 2rem;
  max-width: 200px;
  width: 100%;
}

#gassure-signup-summary {
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  #gassure-signup-summary {
    position: sticky;
    top: 154px;
  }
}
#gassure-signup-summary .total-cost {
  font-size: var(--ss-font-size-h1);
  font-weight: 700;
  line-height: 1;
  margin-block: 2rem;
}
#gassure-signup-summary .total-cost span {
  font-size: 0.5em;
}

#gassure-app-success h1 {
  font-size: var(--ss-font-size-h3);
}

#gassure-app-error {
  align-items: center;
  aspect-ratio: 21/9;
  background-color: rgba(255, 0, 0, 0.1);
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  max-width: 768px;
  padding: 3rem;
  text-align: center;
}

/*# sourceMappingURL=style.css.map*/