/**
 * Sydney Waters UI Kit containing all AEM forms styles
 */
/*
Global styles for use across all components
*/
/*
Accessibility styles for use across all components
*/
@import "https://use.fontawesome.com/releases/v5.13.1/css/all.css";
.screen-reader-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; }

/*
  Sass Utils

  Weight: -9

  Styleguide Sass Utils
 */
/*
  map_deep_get()

  @function map-deep-get($map, $keys...)\
  Returns a nested value from a map.

  **Example:**
  ```
  $colors: (
    theme1: (
      red:    #FF0000,
      blue:   #0000FF
    ),
    theme2: (
      red:    #AA0000,
      green:  #00AA00
    )
  );

  background: map-deep-get($colors, theme1, red);
  ```

  $map - Map
  $keys - Keys to fetch

  Styleguide Sass Utils.Map Deep Get
*/
/*
  Colors and themes

  Sydney Waters has several themes. Each theme has 3 colors (`primary`, `secondary` and `tertiary`)
  with 4 shades each (`key`, `background`, `medium` and `dark`)
  and neutrals (greyscale) in 10% steps.
  Only the primary colors differ between the themes, the rest stays the same.

  Weight: -10

  Style guide: Colors
 */
/* button colors */
/* Breakout Colors */
/*
  map_next()

  @function map_next($map, $key)\
  Returns the next key in a map. Adjusted from zurb foundation.

  **Example:**

  $map - Map to traverse.
  $key - Key to use as a starting point.

  Styleguide Sass Utils.map_next
 */
/*
  icon_only()

  @mixin icon_only($content, $width, $height: $width)\
  turns an element into a fontawesome icon, accessibly hiding any additional text

  @todo: map for icon content

  **Example:**
  ```
  a {
    @include icon_only('\f00d', 3rem)
  }
  ```

  $content - fontawesome unicode for icon (https://fontawesome.com/icons/)
  $width - width of the element
  $height - height of the element. Defaults to width for square.

  Styleguide Sass Utils.icon_only
 */
.cmp-text {
  margin: 0 !important; }
  .cmp-text p:last-child {
    margin-bottom: 0; }

.no-min-height {
  min-height: 0 !important; }

.no-margin {
  margin: 0 !important; }

.cmp-image__link {
  text-decoration: none !important; }

/*
  Typography

  rules

  Markup: kss-example-typography.hbs

  Weight: -10

  Style guide: Typography
 */
/*
  Typography Sass

    - we use [typey](https://github.com/jptaranto/typey) to generate better typography rules. It only works if you stick to typey's functions though:
    - define vertical spacings in multiples of `$base-line-height: 28px`, eg `margin-top(2)`
    - if you absolutely need to define things in pixels, use typey's functions which will calculate rem based on the `$base-font-size`, eg `font-size(28px)`
    - often used font-settings are stored in a `$typefaces` map. They can be used directly with `map_get()` but generally it's better to get typography settings from the `$typestyles` map (keep reading)
    - responsive type settings are stored in a `$typestyles` map. Typeface settings can be reused by defining `typeface: 'name of typeface'` as a property
    - whenever possible, use styles from the `$typestyles` map in your components (extend the map if needed) with the `typeset() mixin` (documentation below)

  Style guide: Typography.Sass
 */
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts: https://clicktime.symantec.com/3Fj6dGyuY3ycqUawJuouCkm7Vc?u=http%3A%2F%2Fwww.monotype.com%2F
*/
@font-face {
  font-family: "Mont";
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-Book.otf") format("otf"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-Book.woff2") format("woff2"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-Book.woff") format("woff"); }

@font-face {
  font-family: "Mont";
  font-style: italic;
  font-weight: 450;
  font-display: swap;
  src: url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-BookItalic.otf") format("otf"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-BookItalic.woff2") format("woff2"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-BookItalic.woff") format("woff"); }

@font-face {
  font-family: "Mont";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-Regular.otf") format("otf"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-Regular.woff2") format("woff2"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-Regular.woff") format("woff"); }

@font-face {
  font-family: "Mont";
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  src: url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-RegularItalic.otf") format("otf"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-RegularItalic.woff2") format("woff2"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-RegularItalic.woff") format("woff"); }

@font-face {
  font-family: "Mont-SemiBold";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-SemiBold.woff2") format("woff2"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-SemiBold.woff") format("woff"); }

@font-face {
  font-family: "Mont";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-Bold.otf") format("otf"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-Bold.woff2") format("woff2"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-Bold.woff") format("woff"); }

@font-face {
  font-family: "Mont";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-Heavy.otf") format("otf"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-Heavy.woff2") format("woff2"), url("clientlib-forms/site/styles/src/assets/resources/fonts/mont/Mont-Heavy.woff") format("woff"); }

/*
  typestyle_at_breakpoint()

  `@mixin typestyle_at_breakpoint($typestyle, $bp)`\
  Returns typestyle map values at one breakpoint, mainly used by the `typeset()` mixin

  **Example:**
  ```
    $typestyle: map_get($typestyles, h1);
    @include typestyle_at_breakpoint($typestyle, small);
  ```

  $typestyle - map, values of an element in $typsestyles. Note that this isn't the key (eg h1) but the breakpoint map it contains
  $bp - which breakpoint to get (eg `small`, `medium`). `small` will be output without media query

  Style guide: Typography.Sass.typestyle_at_breakpoint()
*/
/*
  typeset()

  `@mixin typeset($typestyle)`\
  Returns typography styles for a given element from the `$typestyles` map. Mixin overloaded from the original typey mixin.

  **Example:**
  ```
  p {
    @include typeset(paragraph);
  }
  ```

  $typestyle - the element or style to get from the map, eg `h1`

  Styleguide: Typography.Sass.typeset()
*/
/*
  fa-icon()

  `@mixin fa-icon($color)`\

  Styleguide: Typography.Sass.fa-icon()
*/
/*
  get_spacing()

  `@function get_spacing($s, $context: $base-line-height)`\
  returns spacing based on `base-line-height` or a custom context.
  Can be used in `calc`-functions and instead of typey's `@include [spacing]` functions.

  **Example:**
  ```
  div {
    display: grid;
    grid-row-gap: get_spacing(1);
  }

  div {
    border-top-width: 4px;
    padding-top: calc(get_spacing(1) - 4px);
  }

  div {
    padding: get_spacing(1 2);
  }
  ```

  $spacing - multiplier (can also be a list)
  $context - line-height to multiply. Defaults to `base-line-height`

  Styleguide: Typography.Sass.typeset()
*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  font-size: 100%;
  line-height: 1.25em;
  min-width: 20rem; }
  @media print {
    html {
      font-size: 12pt; } }

body {
  margin: 0;
  overflow-x: hidden;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #252425;
  font-weight: normal; }

button {
  font-family: "Mont", Helvetica, Arial, sans-serif !important; }

p {
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #252425;
  font-weight: normal; }

.sw-hidden {
  display: none !important; }

.sw-show {
  display: block; }

/* Alignment Css */
.sw-left-align {
  text-align: left; }

.sw-right-align {
  text-align: right; }

/* Float Css */
.sw-float-left {
  float: left; }

.sw-float-right {
  float: right; }

/* Smart Data Css */
.sw-smartDataContainer {
  position: relative;
  top: -20px;
  background-color: #fff;
  padding: 30px 0 !important; }
  @media (max-width: 773px) {
    .sw-smartDataContainer {
      top: 0;
      margin-bottom: 20px !important; } }
  .sw-smartDataContainer.sw-top-0 {
    top: 0;
    margin-bottom: 20px; }

/*Full Width Container Mobile*/
@media (max-width: 773px) {
  .sw-child-mobile-fw .container {
    width: 100% !important; } }

/* React Container */
.aem-GridColumn.aem-GridColumn--default--none::after {
  content: '';
  display: table;
  clear: both; }

.react-app-container.aem-GridColumn::after {
  content: '';
  display: table;
  clear: both; }

/* Background Css */
.sw-sdp-bg {
  background-color: #fafafa; }

.sw-bg-blue {
  background-color: #f7f7fb; }

.sw-bg-white {
  background-color: #fff; }

/* Padding Css */
.sw-padBot-0 {
  padding-bottom: 0px; }

.sw-padBot-5 {
  padding-bottom: 5px; }

.sw-padBot-10 {
  padding-bottom: 10px; }

.sw-padBot-15 {
  padding-bottom: 15px; }

.sw-padBot-20 {
  padding-bottom: 20px; }

.sw-padBot-25 {
  padding-bottom: 25px; }

.sw-padBot-30 {
  padding-bottom: 30px; }

.sw-padBot-35 {
  padding-bottom: 35px; }

.sw-padBot-40 {
  padding-bottom: 40px; }

.sw-padBot-45 {
  padding-bottom: 45px; }

.sw-padBot-50 {
  padding-bottom: 50px; }

.sw-padBot-60 {
  padding-bottom: 60px; }

.sw-padBot-70 {
  padding-bottom: 70px; }

.sw-padBot-75 {
  padding-bottom: 75px; }

.sw-padBot-80 {
  padding-bottom: 80px; }

.sw-padBot-90 {
  padding-bottom: 90px; }

.sw-padBot-100 {
  padding-bottom: 100px; }

.sw-padBot-105 {
  padding-bottom: 105px; }

.sw-padBot-120 {
  padding-bottom: 120px; }

.sw-padTop-0 {
  padding-top: 0px; }

.sw-padTop-15 {
  padding-top: 15px; }

.sw-padTop-30 {
  padding-top: 30px; }

.sw-padTop-45 {
  padding-top: 45px; }

.sw-padTop-60 {
  padding-top: 60px; }

.sw-padTop-75 {
  padding-top: 75px; }

.sw-padTop-90 {
  padding-top: 90px; }

.sw-padTop-105 {
  padding-top: 105px; }

.sw-padTop-120 {
  padding-top: 120px; }

.sw-semi-bold-f {
  font-weight: 600; }

/* loader css */
.circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 25px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 25px;
  margin: 10px auto;
  display: block;
  position: absolute;
  z-index: 1; }

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round; }

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124; } }

@-webkit-keyframes color {
  100%, 0% {
    stroke: #2BACCC; }
  40% {
    stroke: #00259b; }
  66% {
    stroke: #46e6be; }
  80%, 90% {
    stroke: #46e6be; } }

@keyframes color {
  100%, 0% {
    stroke: #2BACCC; }
  40% {
    stroke: #00259b; }
  66% {
    stroke: #46e6be; }
  80%, 90% {
    stroke: #46e6be; } }

.sw-no-scroll {
  overflow: hidden; }

.slide-in-right {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in-right 0.5s forwards;
  overflow-x: hidden; }

.slide-out-right {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out-right 0.5s forwards;
  overflow-x: hidden; }

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0%); } }

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@-webkit-keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%); } }

.slide-in-left {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in-left 0.5s forwards;
  overflow-x: hidden; }

.slide-out-left {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out-left 0.5s forwards;
  overflow-x: hidden; }

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0%); } }

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@keyframes slide-out-left {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@-webkit-keyframes slide-out-left {
  0% {
    -webkit-transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%); } }

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .circular {
    border: 2px solid #00259b;
    border-radius: 100%;
    border-top-color: #2BACCC; }
  /* IE11 */ }

.guideContainerWrapperNode .tooltip {
  display: none !important; }

.sw-stretched-bg {
  width: 100vw;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1; }

.sw-up-layout {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.sw-up-overlay {
  position: relative;
  top: -150px; }
  @media (max-width: 1150px) {
    .sw-up-overlay {
      top: 0px; } }

@media print {
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-color: white !important; }
  html {
    font-size: 12pt; }
  .sw-feature-panel-img {
    display: none !important; }
  .sw-header-search {
    display: none !important; }
  .breadcrumb {
    display: none !important; }
  .sw-header-links {
    display: none !important; }
  .sw-login-dropdown {
    display: none !important; }
  .sw-hamburger-menu {
    display: none !important; }
  .sw-header .sw-header-wrapper {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    padding: 0 0 0 0 !important; }
  .sw-grey-separator {
    display: none !important; }
  .sw-blue-separator .cmp-separator {
    display: none !important; }
  .map-frame {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
  .sw-header .sw-header-wrapper .sw-logo-wrapper .sw-image-container img {
    content: url("../../../content/dam/sydneywater/urban-plunge/sw-logo-trans.png");
    -moz-margin-start: -46px; }
  .inpagenavigation {
    display: none !important; }
  .footer {
    display: none !important; }
  .hide-gsp-print-summary {
    display: none; }
  .quicklinks {
    display: none !important; }
  .youtube {
    display: none !important; }
  .sw-breakout-container {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
  .MuiPaper-root {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
  .cx-widget {
    display: none !important; }
  tr {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
  .sw-image-container {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
  .sw-campaign-img {
    display: none !important; }
  .hp-single-tile {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
  .up-footer {
    display: none !important; }
  .sw-category-container .sw-category-item .category-item .sw-image-container {
    height: 100% !important; }
  .campaign {
    min-height: 0px !important; }
  .sw-feature-panel-wrapper .sw-feature-panel-text-wrapper {
    width: 100% !important;
    position: relative !important; }
  .navigation {
    display: none !important; }
  .sw-advertisement-img {
    display: block no-repeat !important;
    height: 100% !important; }
  .pwd-link-container {
    display: none !important; }
  .sw-category-container .sw-category-item .category-item .sw-image-container img {
    margin-top: 1px; }
  .cmp-tabs__tablist {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; }
  .sw-inter-comp-space {
    padding-bottom: 10px !important; }
  .sw-blue-separator {
    padding: 20px 0 !important; } }

.payment-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border: 1px solid #505050;
  border-radius: 3px;
  padding: 10px;
  cursor: pointer; }
  .payment-container .payment-type-container {
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .payment-container .pay-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .payment-container .flx-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .payment-container .pl-5 {
    padding-left: 5px; }
  .payment-container .checkbox-el {
    position: relative;
    margin-left: 4px;
    width: 20px;
    float: left;
    margin: 2px 10px 2px 1px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    border: 2px solid #505050;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    padding: 5px; }
  .payment-container .checkbox-el-active {
    border: 1px solid #00259b !important; }
  .payment-container .checkbox-el input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 5;
    opacity: 0;
    cursor: pointer; }
  .payment-container .checkbox-circle {
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }
  .payment-container .checkbox-circle-active {
    background-color: #00259b;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  .payment-container .direct-debit-info {
    padding: 5px 30px 20px 30px;
    display: none; }
  .payment-container .dc-card-surcharge {
    padding-left: 30px;
    padding-right: 30px;
    display: none; }
    @media (max-width: 991px) {
      .payment-container .dc-card-surcharge {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 5px; } }
  .payment-container .sw-dc-change-card {
    display: none;
    margin: 20px 0px 20px 35px; }
    @media (max-width: 991px) {
      .payment-container .sw-dc-change-card {
        margin-left: 3px !important; } }
  @media (max-width: 773px) {
    .payment-container .saved-dc-container {
      width: 99%; } }
  .payment-container .sw-cbm-pay-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.payment-container-active {
  border: 1px solid #00259b !important;
  -webkit-box-shadow: 0px 0px 0px 1px #00259b;
          box-shadow: 0px 0px 0px 1px #00259b; }

.sw-gpay-btn-cust {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  background-repeat: no-repeat;
  background-position: center; }

.sw-cbm-btn-pad {
  margin-left: 0px !important; }

.sw-cbm-btn-pad button {
  margin-left: 0px !important; }

.sw-payment-request-btn-ctr {
  width: 200px;
  height: 50px; }

.payment-option-disabled {
  opacity: 0.5; }

.westpac-qs-frame {
  padding-left: 30px;
  padding-right: 30px; }
  @media (max-width: 991px) {
    .westpac-qs-frame {
      padding-left: 0px;
      padding-right: 0px; } }

.sw-apple-cust-btn {
  display: none; }

.prf-file-top-8 {
  position: relative;
  float: right;
  padding-right: 0px !important;
  top: -8px; }
  @media (max-width: 991px) {
    .prf-file-top-8 {
      float: none;
      padding-left: 0px !important; } }
  @media (max-width: 773px) {
    .prf-file-top-8 {
      float: none;
      padding-left: 0px !important; } }

.prf-file-top-10 {
  position: relative;
  float: right;
  padding-right: 0px !important;
  top: -8px; }
  @media (max-width: 991px) {
    .prf-file-top-10 {
      float: none;
      padding-left: 0px !important; } }
  @media (max-width: 773px) {
    .prf-file-top-10 {
      float: none;
      padding-left: 0px !important; } }

.prf-bnf-dt-top {
  position: relative;
  float: right;
  padding-right: 0px !important;
  top: -60px; }
  @media (max-width: 991px) {
    .prf-bnf-dt-top {
      float: none;
      padding-left: 0px !important;
      top: 0px; } }
  @media (max-width: 773px) {
    .prf-bnf-dt-top {
      float: none;
      padding-left: 0px !important;
      top: 0px; } }

.prf-addl-attch {
  position: relative;
  float: right;
  padding-right: 0px !important;
  top: -20px; }
  @media (max-width: 991px) {
    .prf-addl-attch {
      float: none;
      padding-left: 0px !important;
      top: 0px; } }
  @media (max-width: 773px) {
    .prf-addl-attch {
      float: none;
      padding-left: 0px !important;
      top: 0px; } }

.prf-sol-attch {
  position: relative;
  float: right;
  padding-right: 0px !important;
  top: -70px; }
  @media (max-width: 991px) {
    .prf-sol-attch {
      float: none;
      padding-left: 0px !important;
      top: 0px; } }
  @media (max-width: 773px) {
    .prf-sol-attch {
      float: none;
      padding-left: 0px !important;
      top: 0px; } }

.prf-panel-spc {
  padding-left: 10px;
  padding-right: 10px; }
  @media (max-width: 760px) {
    .prf-panel-spc {
      padding-left: 8.83%;
      padding-right: 8.83%; } }

.experiencefragment.aem-GridColumn.aem-GridColumn--default--12 {
  padding-left: 0;
  padding-right: 0; }

@media (max-width: 773px) {
  .widerLayout {
    max-width: 774px !important;
    padding-left: 2% !important;
    padding-right: 2% !important; } }

@media (max-width: 1199px) {
  .widerLayout {
    max-width: 774px !important;
    padding-left: 2% !important;
    padding-right: 2% !important; } }

/*
  fa-icon()

  `@mixin fa-icon($color)`\

  Styleguide: Typography.Sass.fa-icon()
*/
.sydneywater-brand-theme h1 {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme h1 {
      font-size: 3rem;
      line-height: 3.5625rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme h1 {
      font-size: 3.75rem;
      line-height: 4.5rem; } }

.sydneywater-brand-theme h2 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.4375rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme h2 {
      font-size: 2.625rem;
      line-height: 3.125rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme h2 {
      font-size: 3rem;
      line-height: 3.5625rem; } }

.sydneywater-brand-theme h3 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.8125rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme h3 {
      font-size: 1.75rem;
      line-height: 2.125rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme h3 {
      font-size: 2rem;
      line-height: 2.4375rem; } }

.sydneywater-brand-theme h4 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme h4 {
      font-size: 1.375rem;
      line-height: 1.6875rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme h4 {
      font-size: 1.5rem;
      line-height: 1.8125rem; } }

.sydneywater-brand-theme h5 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.375rem; }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme h5 {
      font-size: 1.25rem;
      line-height: 1.5rem; } }

.sydneywater-brand-theme h6 {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1875rem; }

.sydneywater-brand-theme .h1 {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme .h1 {
      font-size: 3rem;
      line-height: 3.5625rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme .h1 {
      font-size: 3.75rem;
      line-height: 4.5rem; } }

.sydneywater-brand-theme .h2 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.4375rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme .h2 {
      font-size: 2.625rem;
      line-height: 3.125rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme .h2 {
      font-size: 3rem;
      line-height: 3.5625rem; } }

.sydneywater-brand-theme .h3 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.8125rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme .h3 {
      font-size: 1.75rem;
      line-height: 2.125rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme .h3 {
      font-size: 2rem;
      line-height: 2.4375rem; } }

.sydneywater-brand-theme .h4 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme .h4 {
      font-size: 1.375rem;
      line-height: 1.6875rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme .h4 {
      font-size: 1.5rem;
      line-height: 1.8125rem; } }

.sydneywater-brand-theme h5 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.375rem; }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme h5 {
      font-size: 1.25rem;
      line-height: 1.5rem; } }

.sydneywater-brand-theme .h6 {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1875rem; }

.sydneywater-brand-theme .lead1 {
  font-weight: 300;
  font-size: 2rem;
  line-height: 3rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme .lead1 {
      font-size: 2.5rem;
      line-height: 3rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme .lead1 {
      font-size: 3rem;
      line-height: 3.5625rem; } }

.sydneywater-brand-theme .lead2 {
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 2rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme .lead2 {
      font-size: 1.625rem;
      line-height: 2.25rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme .lead2 {
      font-size: 2rem;
      line-height: 2.4375rem; } }

.sydneywater-brand-theme .lead3 {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.1875rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme .lead3 {
      font-size: 1.25rem;
      line-height: 2rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme .lead3 {
      font-size: 1.375rem;
      line-height: 2rem; } }

.sydneywater-brand-theme sub,
.sydneywater-brand-theme .sub1 {
  font-weight: 300;
  font-size: .6rem;
  line-height: .9375rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme sub,
    .sydneywater-brand-theme .sub1 {
      font-size: 1rem;
      line-height: 1.75rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme sub,
    .sydneywater-brand-theme .sub1 {
      font-size: 1.125rem;
      line-height: 1.75rem; } }

.sydneywater-brand-theme .sub2 {
  font-weight: 300;
  font-size: .75rem;
  line-height: .9375rem; }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme .sub2 {
      font-size: .875rem;
      line-height: 1.375rem; } }

.sydneywater-brand-theme .sub3 {
  font-weight: 300;
  font-size: 0.625rem;
  line-height: .75rem; }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme .sub3 {
      font-size: .75rem;
      line-height: .9375rem; } }

.sydneywater-brand-theme .label1 {
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: none;
  font-weight: normal;
  font-size: 1.25rem;
  line-height: 1.625rem; }

.sydneywater-brand-theme .label2 {
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: none;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.3125rem; }

.sydneywater-brand-theme .label3 {
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: none;
  font-weight: normal;
  font-size: .8rem;
  line-height: 1.1875rem; }

.sydneywater-brand-theme .nav1 {
  font-size: 1.25rem;
  line-height: 1.375; }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme .nav1 {
      font-size: 1.25rem; } }

.sydneywater-brand-theme .nav2 {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.1875rem; }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme .nav2 {
      font-size: 1.25rem; } }

.sydneywater-brand-theme .nav3 {
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.1875rem; }

.sydneywater-brand-theme .nav4 {
  font-weight: 400;
  font-size: .75rem;
  line-height: 1rem; }

.sydneywater-brand-theme p,
.sydneywater-brand-theme dl,
.sydneywater-brand-theme ul li,
.sydneywater-brand-theme ol li,
.sydneywater-brand-theme .paragraph {
  font-size: 1rem;
  line-height: 1.75rem; }

.sydneywater-brand-theme th {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1875rem; }

.sydneywater-brand-theme td {
  font-size: 1rem;
  line-height: 1.75rem; }
  .sydneywater-brand-theme td p,
  .sydneywater-brand-theme td li {
    font-weight: 300;
    font-size: .6rem;
    line-height: .9375rem; }
    @media (max-width: 1199px) {
      .sydneywater-brand-theme td p,
      .sydneywater-brand-theme td li {
        font-size: 1rem;
        line-height: 1.75rem; } }
    @media (max-width: 1200px) {
      .sydneywater-brand-theme td p,
      .sydneywater-brand-theme td li {
        font-size: 1.125rem;
        line-height: 1.75rem; } }

.sydneywater-brand-theme blockquote,
.sydneywater-brand-theme .quote {
  font-weight: 300;
  font-size: 2rem;
  line-height: 3rem; }
  @media (max-width: 1199px) {
    .sydneywater-brand-theme blockquote,
    .sydneywater-brand-theme .quote {
      font-size: 2.5rem;
      line-height: 3rem; } }
  @media (max-width: 1200px) {
    .sydneywater-brand-theme blockquote,
    .sydneywater-brand-theme .quote {
      font-size: 3rem;
      line-height: 3.5625rem; } }

.datetime {
  font-weight: 300;
  font-size: .6rem;
  line-height: .9375rem;
  margin-bottom: 1rem; }
  @media (max-width: 1199px) {
    .datetime {
      font-size: 1rem;
      line-height: 1.75rem; } }
  @media (max-width: 1200px) {
    .datetime {
      font-size: 1.125rem;
      line-height: 1.75rem; } }

.example .cmp-text h2 {
  color: red; }

.example .cmp-text p {
  padding: 50px; }

/*
  address

  address component and its variation

  Markup: address.hbs

  Style guide: FormComponents.address
 */
.sw-geo-loc-btn, #propertyNumber {
  display: none; }

.property-address.guidetextbox .guideFieldError, .postcode-streetName.guidetextbox .guideFieldError {
  padding: 0; }

.property-address.guidetextbox .validation-failure .guideFieldError, .postcode-streetName.guidetextbox .validation-failure .guideFieldError {
  margin-top: 5px;
  padding-bottom: 0; }

.property-address .circular, .postcode-streetName .circular {
  top: 0;
  left: initial;
  right: 15px;
  margin: 15px 0 15px 7px; }
  @media (max-width: 773px) {
    .property-address .circular, .postcode-streetName .circular {
      right: 15px !important; } }

.property-address .guideFieldWidget:not(.guideFieldButtonWidget), .postcode-streetName .guideFieldWidget:not(.guideFieldButtonWidget) {
  position: relative;
  display: inline-block; }
  .property-address .guideFieldWidget:not(.guideFieldButtonWidget) .guideFieldDescription.short, .postcode-streetName .guideFieldWidget:not(.guideFieldButtonWidget) .guideFieldDescription.short {
    margin-top: 5px !important;
    padding-bottom: 0; }
  @media (max-width: 773px) {
    .property-address .guideFieldWidget:not(.guideFieldButtonWidget), .postcode-streetName .guideFieldWidget:not(.guideFieldButtonWidget) {
      display: table; } }

.property-address .sw-property-address-link, .postcode-streetName .sw-property-address-link {
  font-size: 0.875rem;
  line-height: 1rem;
  text-align: left;
  color: #001a7d;
  text-decoration: underline;
  margin-top: 5px;
  float: right;
  cursor: pointer; }

.property-address input[type="text"], .postcode-streetName input[type="text"] {
  height: 55px; }
  @media (max-width: 773px) {
    .property-address input[type="text"], .postcode-streetName input[type="text"] {
      padding-right: 15px !important; } }

@media (max-width: 773px) {
  .property-address input[type="text"], .postcode-streetName input[type="text"] {
    border: 0; } }

.property-address .sw-geo-loc-btn, .postcode-streetName .sw-geo-loc-btn {
  display: block;
  position: absolute;
  background-color: #00259b;
  right: 0;
  color: #fff;
  height: 55px;
  padding: 17px 20px;
  font-weight: 600;
  border: 0;
  top: 0;
  border-radius: 0;
  font-size: 1rem;
  cursor: pointer; }
  .property-address .sw-geo-loc-btn:hover, .postcode-streetName .sw-geo-loc-btn:hover {
    background-color: #00006E; }
  .property-address .sw-geo-loc-btn:disabled, .property-address .sw-geo-loc-btn[disabled], .postcode-streetName .sw-geo-loc-btn:disabled, .postcode-streetName .sw-geo-loc-btn[disabled] {
    background-color: #66666C; }
  @media (max-width: 773px) {
    .property-address .sw-geo-loc-btn, .postcode-streetName .sw-geo-loc-btn {
      position: initial;
      width: 100%; } }

.property-address .guideHelpQuestionMark, .postcode-streetName .guideHelpQuestionMark {
  display: none !important; }

.property-address .guideFieldDescription.short, .property-address .guideFieldDescription.long, .postcode-streetName .guideFieldDescription.short, .postcode-streetName .guideFieldDescription.long {
  display: none !important; }

.property-address #searchResult, .property-address .searchResult, .postcode-streetName #searchResult, .postcode-streetName .searchResult {
  background: #fff;
  margin: 0;
  padding: 0;
  width: 69.17%;
  position: absolute;
  overflow: hidden;
  z-index: 100;
  -webkit-box-shadow: 0px 4px 6px #d9d9d9;
          box-shadow: 0px 4px 6px #d9d9d9;
  -webkit-box-shadow: 0px 4px 6px #67676740;
          box-shadow: 0px 4px 6px #67676740; }
  @media (max-width: 773px) {
    .property-address #searchResult, .property-address .searchResult, .postcode-streetName #searchResult, .postcode-streetName .searchResult {
      width: 100%;
      margin-top: 0px;
      -webkit-box-shadow: 0px 2px 4px #d9d9d9;
              box-shadow: 0px 2px 4px #d9d9d9; } }
  .property-address #searchResult .manualAddLink, .property-address .searchResult .manualAddLink, .postcode-streetName #searchResult .manualAddLink, .postcode-streetName .searchResult .manualAddLink {
    font-size: 13px;
    padding: 12px 15px 11px 15px;
    display: block;
    color: #000000; }
    .property-address #searchResult .manualAddLink em, .property-address #searchResult .manualAddLink a, .property-address .searchResult .manualAddLink em, .property-address .searchResult .manualAddLink a, .postcode-streetName #searchResult .manualAddLink em, .postcode-streetName #searchResult .manualAddLink a, .postcode-streetName .searchResult .manualAddLink em, .postcode-streetName .searchResult .manualAddLink a {
      color: #00259b;
      font-style: normal;
      text-decoration: underline;
      cursor: pointer; }
  .property-address #searchResult li, .property-address .searchResult li, .postcode-streetName #searchResult li, .postcode-streetName .searchResult li {
    background: url("clientlib-forms/site/styles/src/assets/resources/illustrations/map_icon.svg") no-repeat 14px 15px;
    list-style: none;
    line-height: 24px;
    font-size: 13px;
    min-height: 42px;
    vertical-align: middle;
    color: #1E1E1E;
    cursor: pointer;
    padding: 12px 15px 11px 32px; }
    .property-address #searchResult li.noMatch, .property-address .searchResult li.noMatch, .postcode-streetName #searchResult li.noMatch, .postcode-streetName .searchResult li.noMatch {
      pointer-events: none;
      background: none !important;
      padding-left: 15px !important; }
    .property-address #searchResult li:hover, .property-address #searchResult li:focus, .property-address .searchResult li:hover, .property-address .searchResult li:focus, .postcode-streetName #searchResult li:hover, .postcode-streetName #searchResult li:focus, .postcode-streetName .searchResult li:hover, .postcode-streetName .searchResult li:focus {
      background-color: #E3FAFF;
      color: #00259b; }

@media all and (-ms-high-contrast: none) {
  .property-address, .postcode-streetName {
    /* IE11 */ }
    .property-address *::-ms-backdrop, .property-address #searchResult, .property-address .searchResult, .postcode-streetName *::-ms-backdrop, .postcode-streetName #searchResult, .postcode-streetName .searchResult {
      box-shadow: 2px 4px 6px #D5D5D5; } }

.guidetextbox .account_number {
  display: table;
  width: 100%; }
  .guidetextbox .account_number .guideFieldError {
    padding: 0 15px; }
  .guidetextbox .account_number.validation-failure .guideFieldError {
    color: #b30700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    margin-top: 5px;
    padding: 0 0 0 15px; }
  .guidetextbox .account_number .guideFieldDescription.short {
    margin-top: 5px !important; }
  .guidetextbox .account_number .guideFieldDescription.long {
    display: table-footer-group !important;
    position: initial;
    margin-top: 0 !important; }
    .guidetextbox .account_number .guideFieldDescription.long p {
      cursor: pointer;
      float: right;
      color: #001a7d;
      text-decoration: underline;
      padding-top: 5px;
      font-size: 0.875rem;
      line-height: 1rem;
      text-align: left; }
  .guidetextbox .account_number .guideHelpQuestionMark {
    display: none; }

@media (max-width: 767px) {
  [id$="_guide-item-container"] {
    overflow-x: unset; } }

/*
  B-Point

  Styling B-Point for desktop and Mobile View

  Style guide: FormComponents.bPoint
 */
.sw-bpoint-form .frame-field {
  height: 55px;
  background-color: #F2F2F2;
  width: 100%;
  border-bottom: 1px solid #21212199;
  padding: 0 15px; }
  .sw-bpoint-form .frame-field.is-invalid {
    border-bottom: 1px solid #B30700; }
  .sw-bpoint-form .frame-field.is-valid {
    border-bottom: 1px solid #001a7d; }

.sw-bpoint-form .sw-expiry-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .sw-bpoint-form .sw-expiry-date #expiryMonthField {
    margin-right: 15px; }
  .sw-bpoint-form .sw-expiry-date #expiryYearField {
    margin-left: 15px; }

.sw-bpoint-form #cvnField {
  margin-bottom: 50px; }

.sw-bpoint-form .sw-bpoint-heading {
  display: block; }

.sw-bpoint-heading {
  font-family: "Mont-SemiBold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  color: #000000de;
  letter-spacing: 0.36px;
  padding: 30px 0 18px;
  margin: 0;
  display: none; }

#paymentMethodForm .sw-display-heading {
  display: block; }

.sw-bpoint-modal {
  text-align: right; }
  .sw-bpoint-modal p {
    margin: 0; }
    .sw-bpoint-modal p .modal-info {
      font-size: 0.875rem;
      line-height: 1rem;
      text-align: center; }
      .sw-bpoint-modal p .modal-info::after {
        height: 16px;
        width: 16px;
        top: 2px; }

/*
  captcha

  captcha fields come in variations of `default`` and `with error state`.

  Markup: captcha.hbs

  Style guide: FormComponents.captcha
 */
@media screen and (device-aspect-ratio: 40 / 71) {
  .guideCaptcha .g-recaptcha {
    transform: scale(0.96);
    -webkit-transform: scale(0.96);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; } }

.guideCaptcha .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  padding: 0;
  position: relative;
  margin: 0;
  border: 0;
  padding: 20px 0; }
  @media (max-width: 773px) {
    .guideCaptcha .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
      padding: 20px 0; } }
  .guideCaptcha .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideFieldLabel label {
    font-family: "Mont-SemiBold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: #00006E;
    margin-bottom: 20px;
    display: inline-block;
    padding-right: 10px;
    position: relative;
    top: 0;
    left: 0; }
    @media (max-width: 773px) {
      .guideCaptcha .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideFieldLabel label {
        font-size: 16px; } }
  .guideCaptcha .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideFieldError {
    padding: 0; }
  .guideCaptcha .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure {
    background: transparent; }
    .guideCaptcha .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .guideFieldError {
      font-family: "Mont", Helvetica, Arial, sans-serif;
      font-size: 12px;
      line-height: 18px;
      font-weight: 400;
      color: #b30700;
      margin: 20px 0 0 0;
      padding-left: 15px;
      margin-top: 5px; }

/*
  checkbox

 Checkbox fields come in variations of `default`, `selcted` and `disable`.

  Markup: checkbox.hbs

  Style guide: FormComponents.checkbox
 */
.guideCheckBoxGroup {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  overflow: initial; }
  .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
    padding: 0;
    border-left: 0; }
    @media (max-width: 773px) {
      .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
        padding: 20px; } }
    .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure {
      background: transparent;
      border: 0; }
      .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .guideFieldError {
        font-size: 0.75rem;
        line-height: 1.125rem;
        text-align: left;
        color: #b30700;
        padding-left: 50px; }
    .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-success {
      border: 0; }
  .guideCheckBoxGroup .guideCheckBoxItem {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content auto;
    -ms-grid-columns: max-content auto;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    grid-gap: 10px 18px;
    cursor: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .guideCheckBoxGroup .guideCheckBoxItem input[type="checkbox"] {
      -webkit-appearance: none;
      width: 30px;
      height: 30px;
      border-radius: 5px;
      outline: none;
      border: 2px solid #707070;
      position: relative;
      margin: 0; }
      .guideCheckBoxGroup .guideCheckBoxItem input[type="checkbox"]:checked {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 2px solid #00259b; }
        .guideCheckBoxGroup .guideCheckBoxItem input[type="checkbox"]:checked:before {
          background: #00259b; }
        .guideCheckBoxGroup .guideCheckBoxItem input[type="checkbox"]:checked:after {
          content: '';
          display: block;
          width: 23px;
          height: 13px;
          position: absolute;
          border: 4px solid #fff;
          border-top: 0;
          border-right: 0;
          -webkit-transform: rotate(-48deg) skew(1deg, 0deg);
                  transform: rotate(-48deg) skew(1deg, 0deg);
          top: 4px;
          left: 2px; }
      .guideCheckBoxGroup .guideCheckBoxItem input[type="checkbox"]:before {
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        top: -2px;
        left: -2px;
        position: absolute;
        border: 0; }
    .guideCheckBoxGroup .guideCheckBoxItem .guideWidgetLabel {
      font-size: 1rem;
      line-height: 1.125rem;
      text-align: left; }
      .guideCheckBoxGroup .guideCheckBoxItem .guideWidgetLabel label {
        color: #262626;
        margin: 0;
        line-height: 16px; }

/*Changes for checkbox horizontak layout*/
.sw_checkbox_seperator {
  margin-bottom: 10px; }

.sw_chk_horizontal {
  display: inline-block !important;
  height: 24px;
  margin-right: 25px !important; }

@media (max-width: 1030px) {
  .sw_chk_horizontal {
    display: -ms-grid !important;
    display: grid !important;
    height: 24px;
    margin-right: 25px !important;
    margin-top: 10px; } }

.sw_mobile_chk {
  width: auto !important; }

.guideFieldLabel.top {
  margin-bottom: 10px; }

/*
  Date  Picker

  Styling Date Picker for desktop and Mobile View

  Style guide: FormComponents.date-picker
 */
.guidedatepicker .sw-date-picker {
  height: auto;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  position: relative;
  border-left-width: 0 !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 10px !important;
  margin: 0 !important; }
  .guidedatepicker .sw-date-picker .guideFieldWidget {
    position: relative; }
  .guidedatepicker .sw-date-picker input[type="text"] {
    border-top-width: 0;
    border-left-width: 0;
    border-bottom-width: 1px;
    border-right-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #505050;
    background-color: #F2F2F2;
    padding-right: 46px;
    padding-left: 15px;
    padding-top: 10px;
    height: 55px;
    border-radius: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
    font-family: "Mont", Helvetica, Arial, sans-serif;
    color: #000000de; }
    .guidedatepicker .sw-date-picker input[type="text"]:hover {
      color: #505050;
      -webkit-box-shadow: 0 1px 0 #505050;
              box-shadow: 0 1px 0 #505050; }
    .guidedatepicker .sw-date-picker input[type="text"]:focus, .guidedatepicker .sw-date-picker input[type="text"]:focus-visible {
      border-top-width: 0;
      border-left-width: 0;
      border-bottom: 1px solid #00006E;
      border-right-width: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      outline: none; }
      .guidedatepicker .sw-date-picker input[type="text"]:focus:hover, .guidedatepicker .sw-date-picker input[type="text"]:focus-visible:hover {
        -webkit-box-shadow: 0 1px 0 #00006E;
                box-shadow: 0 1px 0 #00006E; }
    .guidedatepicker .sw-date-picker input[type="text"]::-webkit-input-placeholder {
      color: #505050 !important; }
    .guidedatepicker .sw-date-picker input[type="text"]::-moz-placeholder {
      color: #505050 !important; }
    .guidedatepicker .sw-date-picker input[type="text"]:-ms-input-placeholder {
      color: #505050 !important; }
    .guidedatepicker .sw-date-picker input[type="text"]::-ms-input-placeholder {
      color: #505050 !important; }
    .guidedatepicker .sw-date-picker input[type="text"]::placeholder {
      color: #505050 !important; }
  .guidedatepicker .sw-date-picker .datepicker-calendar-icon {
    width: 46px;
    height: 55px;
    background-image: url(clientlib-forms/site/styles/src/assets/resources/illustrations/Calendar-default.svg) !important;
    margin: 0px;
    z-index: 0;
    right: 0; }
  .guidedatepicker .sw-date-picker label {
    font-size: 12px;
    color: #00000099;
    position: absolute;
    top: 9px;
    left: 15px;
    display: none;
    z-index: 99;
    line-height: 16px; }
  .guidedatepicker .sw-date-picker.value-exists input[type="text"], .guidedatepicker .sw-date-picker.guideActiveField input[type="text"] {
    padding-top: 20px;
    color: #000000; }
  .guidedatepicker .sw-date-picker.value-exists input[type="text"], .guidedatepicker .sw-date-picker.guideActiveField input[type="text"], .guidedatepicker .sw-date-picker.af-field-filled input[type="text"] {
    padding-top: 23px;
    padding-bottom: 6px;
    border-bottom: 1px solid #00006E; }
    .guidedatepicker .sw-date-picker.value-exists input[type="text"]:hover, .guidedatepicker .sw-date-picker.guideActiveField input[type="text"]:hover, .guidedatepicker .sw-date-picker.af-field-filled input[type="text"]:hover {
      -webkit-box-shadow: 0 1px 0 #00006E;
              box-shadow: 0 1px 0 #00006E; }
  .guidedatepicker .sw-date-picker.value-exists label, .guidedatepicker .sw-date-picker.guideActiveField label, .guidedatepicker .sw-date-picker.af-field-filled label {
    display: block;
    color: #00259b; }
  .guidedatepicker .sw-date-picker.value-exists .datepicker-calendar-icon, .guidedatepicker .sw-date-picker.guideActiveField .datepicker-calendar-icon, .guidedatepicker .sw-date-picker.af-field-filled .datepicker-calendar-icon {
    background-image: url(clientlib-forms/site/styles/src/assets/resources/illustrations/calendar-filled.svg) !important; }
  .guidedatepicker .sw-date-picker.validation-failure .datepicker-calendar-icon {
    background-image: url(clientlib-forms/site/styles/src/assets/resources/illustrations/calendar-error.svg) !important; }
  .guidedatepicker .sw-date-picker.validation-failure input[type="text"] {
    border-bottom: 1px solid #b30700; }
    .guidedatepicker .sw-date-picker.validation-failure input[type="text"]:hover {
      -webkit-box-shadow: 0 1px 0 #b30700;
              box-shadow: 0 1px 0 #b30700; }
  .guidedatepicker .sw-date-picker.validation-failure label {
    display: block;
    color: #b30700; }

.guidedatepicker .guideFieldError {
  color: #b30700;
  font-size: 12px;
  line-height: 16px;
  padding-left: 15px;
  margin-top: 3px;
  letter-spacing: 0.4px;
  padding-top: 0 !important; }

.guidedatepicker .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  background: transparent; }

.dp-clear {
  display: none; }

.datetimepicker {
  outline: none;
  width: 350px !important;
  height: 360px !important;
  padding: 15px 17px;
  -webkit-box-shadow: 0px 2px 4px #00000033;
          box-shadow: 0px 2px 4px #00000033; }
  @media screen and (device-aspect-ratio: 40 / 71) {
    .datetimepicker {
      transform: scale(0.83);
      -webkit-transform: scale(0.83);
      left: -14px !important; } }
  .datetimepicker .dp-header {
    background-color: #fff; }
    .datetimepicker .dp-header .dp-caption {
      width: 195px !important;
      position: relative; }
      .datetimepicker .dp-header .dp-caption:after {
        content: "";
        position: absolute;
        top: 15px;
        right: 15px;
        width: 0;
        height: 0;
        border-top: 8px solid #505050;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent; }
      .datetimepicker .dp-header .dp-caption:not(.disabled):hover {
        background-color: #00259b;
        color: #fff; }
        .datetimepicker .dp-header .dp-caption:not(.disabled):hover:after {
          border-top: 8px solid #fff; }
    .datetimepicker .dp-header .dp-leftnav,
    .datetimepicker .dp-header .dp-rightnav {
      width: 60px; }
    .datetimepicker .dp-header .dp-leftnav {
      background: url(clientlib-forms/site/styles/src/assets/resources/illustrations/calendar-arrow-left-icon.svg) no-repeat left center !important; }
    .datetimepicker .dp-header .dp-rightnav {
      background: url(clientlib-forms/site/styles/src/assets/resources/illustrations/calendar-arrow-right-icon.svg) no-repeat right center !important; }
  .datetimepicker .view.dp-monthview ul.header {
    border-bottom: none; }
    .datetimepicker .view.dp-monthview ul.header li {
      color: #95989A;
      font-family: "Mont", Helvetica, Arial, sans-serif;
      font-size: 1rem;
      line-height: 1.3125rem;
      text-align: center;
      width: 45px !important; }
  .datetimepicker .view.dp-monthview ul:not(.header) {
    height: 43px !important; }
    .datetimepicker .view.dp-monthview ul:not(.header) li {
      color: #cccccc;
      fontSize: 1rem;
      height: 43px !important;
      width: 43px !important;
      line-height: 41px !important;
      margin: 0 1px; }
      .datetimepicker .view.dp-monthview ul:not(.header) li:not(.disabled) {
        color: #4B515D; }
        .datetimepicker .view.dp-monthview ul:not(.header) li:not(.disabled).dp-focus, .datetimepicker .view.dp-monthview ul:not(.header) li:not(.disabled).dp-selected, .datetimepicker .view.dp-monthview ul:not(.header) li:not(.disabled):hover {
          border: none;
          background-color: #00259b !important;
          border-radius: 100%;
          color: #fff;
          opacity: 1 !important; }
  .datetimepicker .view.dp-yearview ul li {
    width: 105px !important; }
    .datetimepicker .view.dp-yearview ul li.dp-focus, .datetimepicker .view.dp-yearview ul li.dp-selected, .datetimepicker .view.dp-yearview ul li:hover {
      border: none;
      background-color: #00259b !important;
      color: #fff !important;
      opacity: 1 !important; }
  .datetimepicker .view.dp-yearsetview ul li {
    width: 79px !important; }
    .datetimepicker .view.dp-yearsetview ul li.dp-focus, .datetimepicker .view.dp-yearsetview ul li.dp-selected, .datetimepicker .view.dp-yearsetview ul li:hover {
      border: none;
      background-color: #00259b !important;
      color: #fff !important;
      opacity: 1 !important; }

/*
  dropdown

  dropdown fields come in variations of `default`, `active` and `with error state`.

  Markup: dropdown.hbs

  Style guide: FormComponents.dropdown
 */
@media (max-width: 773px) {
  .guidedropdownlist {
    width: auto; } }

.guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  padding: 0;
  border: 0; }
  .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideFieldLabel label {
    color: #000000de;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    text-align: left; }
  .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).af-field-filled {
    position: relative; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).af-field-filled.guideActiveField select {
      border-bottom: 1px solid #00006E; }
      .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).af-field-filled.guideActiveField select:hover {
        -webkit-box-shadow: 0 1px 0 #00006E;
                box-shadow: 0 1px 0 #00006E; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).af-field-filled .dropDownList .dropDownTitle {
      display: block;
      width: 80%;
      overflow: hidden;
      white-space: pre;
      text-overflow: ellipsis; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).af-field-filled .dropDownList select {
      border-bottom: 1px solid #00006E;
      padding-bottom: 0;
      line-height: 57px;
      color: #000000; }
      .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).af-field-filled .dropDownList select:hover {
        -webkit-box-shadow: 0 1px 0 #00006E;
                box-shadow: 0 1px 0 #00006E; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).af-field-filled .dropDownList:after {
      border-top-color: #001a7d; }
  .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .dropDownList {
    position: relative;
    display: inline-block;
    background: #F2F2F2;
    border-radius: 5px 5px 0px 0px; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .dropDownList .dropDownTitle {
      top: 10px;
      z-index: 3;
      left: 15px;
      position: absolute;
      color: #001a7d;
      display: none;
      font-size: 0.75rem;
      line-height: 1rem;
      text-align: left; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .dropDownList select {
      height: 55px;
      border-radius: 0;
      border: 0;
      z-index: 2;
      background: transparent;
      opacity: 1;
      outline: 0;
      position: relative;
      padding-left: 15px;
      padding-right: 47px;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      overflow: hidden;
      white-space: pre;
      text-overflow: ellipsis;
      border-bottom: 1px solid #505050;
      font-family: "Mont", Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: initial;
      font-weight: 400;
      color: #505050; }
      .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .dropDownList select:hover {
        -webkit-box-shadow: 0px 1px 0px #505050;
                box-shadow: 0px 1px 0px #505050; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .dropDownList:after {
      content: "";
      position: absolute;
      top: 50%;
      right: 25px;
      width: 0;
      height: 0;
      margin-top: -2px;
      border-top: 8px solid #505050;
      border-right: 7px solid transparent;
      border-left: 7px solid transparent; }
  .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).guideActiveField .dropDownList select {
    border-bottom: 1px solid #00006E; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).guideActiveField .dropDownList select:hover {
      -webkit-box-shadow: 0 1px 0 #00006E;
              box-shadow: 0 1px 0 #00006E; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).guideActiveField .dropDownList select:focus {
      border-bottom: 1px solid #00006E; }
      .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).guideActiveField .dropDownList select:focus:hover {
        -webkit-box-shadow: 0 1px 0 #00006E;
                box-shadow: 0 1px 0 #00006E; }
  .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).guideActiveField .dropDownList::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    border-top-color: #001a7d; }
  .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideFieldError {
    display: none; }
  .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure {
    background: none; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .dropDownList .dropDownTitle {
      width: 80%;
      overflow: hidden;
      white-space: pre;
      text-overflow: ellipsis; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure.guideActiveField .dropDownList select option {
      color: initial; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure.guideActiveField .dropDownList select:focus {
      border-bottom: 1px solid #b30700; }
      .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure.guideActiveField .dropDownList select:focus:hover {
        -webkit-box-shadow: 0 1px 0 #b30700;
                box-shadow: 0 1px 0 #b30700; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure select {
      color: #b30700; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .guideFieldDescription.short {
      display: none; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .dropDownList .dropDownTitle {
      color: #b30700;
      display: block; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .dropDownList select {
      border-bottom: 1px solid #b30700;
      color: transparent; }
      .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .dropDownList select:focus {
        border-bottom: 1px solid #b30700; }
        .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .dropDownList select:focus:hover {
          -webkit-box-shadow: 0 1px 0 #b30700;
                  box-shadow: 0 1px 0 #b30700; }
      .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .dropDownList select:hover {
        -webkit-box-shadow: 0 1px 0 #b30700;
                box-shadow: 0 1px 0 #b30700; }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .dropDownList:after {
      border-top-color: #b30700;
      -webkit-transform: rotate(0);
              transform: rotate(0); }
    .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .guideFieldError {
      font-size: 0.75rem;
      line-height: 1rem;
      text-align: left;
      color: #b30700;
      padding: 5px 0 0 15px;
      display: block; }
  .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideFieldDescription.short p {
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: left;
    color: #252425;
    margin: 5px 0 0 0;
    padding-left: 15px; }

@media all and (-ms-high-contrast: none) {
  .guidedropdownlist .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .dropDownList select::-ms-expand {
    display: none; } }

.sw-dropdown_help_text > .dropdown_help > p {
  margin: 0;
  line-height: initial;
  color: #00259b;
  font-size: 14px;
  text-align: right; }

/*
  File upload

  Text box component and its variation

  Markup: file-upload.hbs

  Style guide: FormComponents.file-upload
 */
.guidefileupload {
  margin: 0 !important; }
  .guidefileupload .guideFileUpload {
    margin: 0 !important;
    border-left: 2px solid #fff !important;
    padding: 20px 10px 0 0 !important;
    background: #fff !important;
    overflow: hidden !important; }
    @media (max-width: 773px) {
      .guidefileupload .guideFileUpload {
        padding: 20px 15px 0 15px !important; } }
  .guidefileupload button {
    background-color: #fff !important;
    color: #001a7d !important;
    letter-spacing: 1.07px !important;
    text-align: center;
    border: 2px solid #001a7d !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px !important;
    font-weight: 600 !important;
    cursor: pointer;
    margin: 0 30px 15px 0;
    float: left;
    padding: 13px 26px !important; }
    .guidefileupload button:not(.af-icon-button):hover, .guidefileupload button:not(.af-icon-button):focus {
      background-color: #ECEDF2 !important; }
    @media (max-width: 773px) {
      .guidefileupload button {
        width: 100% !important;
        margin-right: 0; } }
  .guidefileupload .guide-fu-fileItemList {
    position: relative;
    z-index: 99;
    max-width: 548px;
    float: left; }
    @media (max-width: 773px) {
      .guidefileupload .guide-fu-fileItemList {
        text-align: center;
        display: table;
        max-width: 100%;
        margin: 0 auto;
        float: none; } }
    .guidefileupload .guide-fu-fileItemList .guide-fu-comment {
      display: none !important; }
    .guidefileupload .guide-fu-fileItemList li.guide-fu-fileItem {
      width: 264px;
      border: 1px solid #f2f2f2;
      padding: 12px 15px;
      margin: 0 0 15px 0;
      float: left; }
      @media (max-width: 773px) {
        .guidefileupload .guide-fu-fileItemList li.guide-fu-fileItem {
          display: inline-block;
          clear: both; }
          .guidefileupload .guide-fu-fileItemList li.guide-fu-fileItem:last-child {
            margin-bottom: 0; } }
      .guidefileupload .guide-fu-fileItemList li.guide-fu-fileItem:nth-child(odd) {
        margin-right: 20px; }
        @media (max-width: 773px) {
          .guidefileupload .guide-fu-fileItemList li.guide-fu-fileItem:nth-child(odd) {
            margin-right: 0; } }
      .guidefileupload .guide-fu-fileItemList li.guide-fu-fileItem .guide-fu-fileName {
        width: 182px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        text-decoration: none;
        color: #1E1E1E;
        margin-top: 2px;
        font-size: 0.875rem;
        line-height: 1.125rem;
        text-align: left; }
      .guidefileupload .guide-fu-fileItemList li.guide-fu-fileItem .close {
        background-image: url("clientlib-forms/site/styles/src/assets/resources/illustrations/bin.svg");
        background-repeat: no-repeat;
        background-size: 14px 18px;
        color: #001a7d;
        opacity: 1;
        text-shadow: none;
        display: inline-block;
        width: 14px;
        height: 18px;
        margin-top: 2px; }
  .guidefileupload div.guideFieldWidget > input[type="file"] {
    visibility: hidden !important;
    top: -2000px !important;
    left: -2000px !important;
    position: absolute !important; }
  .guidefileupload .guideFieldDescription.short {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #252425;
    display: block !important; }
    .guidefileupload .guideFieldDescription.short p {
      font-size: 12px;
      line-height: 16px;
      color: #252425; }
  .guidefileupload .guideFieldDescription.short {
    margin-bottom: 20px;
    margin-top: 5px;
    float: left;
    width: 100%; }
    @media (max-width: 773px) {
      .guidefileupload .guideFieldDescription.short {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-right: 10px; } }
    .guidefileupload .guideFieldDescription.short p {
      margin: 0;
      padding-left: 24px;
      padding-top: 4px;
      background-image: url("clientlib-forms/site/styles/src/assets/resources/illustrations/information.svg");
      background-repeat: no-repeat;
      background-size: 25px 25px;
      background-position-x: left;
      display: inline-block;
      padding-left: 40px;
      padding-bottom: 5px; }
      @media (max-width: 773px) {
        .guidefileupload .guideFieldDescription.short p {
          background-size: 21px 21px;
          padding-left: 36px; } }
  .guidefileupload .guideHelpQuestionMark {
    background-color: #081a7d;
    color: #fff;
    cursor: default;
    position: absolute;
    top: -20px;
    right: 0;
    display: none !important; }

.guidefileupload {
  position: relative; }
  .guidefileupload label,
  .guidefileupload input,
  .guidefileupload .guideFieldDescription.long,
  .guidefileupload .guideFieldError {
    font-family: "Mont", Helvetica, Arial, sans-serif;
    padding: 0; }
  .guidefileupload .guideFieldDescription.long {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #00259b;
    display: inline-block;
    background: none;
    cursor: default;
    margin: 0;
    padding: 0;
    -webkit-transition: none;
    transition: none; }
    @media (max-width: 773px) {
      .guidefileupload .guideFieldDescription.long {
        width: 100%;
        margin-top: 5px;
        text-align: center;
        padding-right: 10px; }
        .guidefileupload .guideFieldDescription.long p {
          margin-left: 0 !important; } }
    .guidefileupload .guideFieldDescription.long p {
      padding: 0;
      color: #000000de;
      -webkit-transition: none;
      transition: none;
      font-size: 14px;
      margin: 15px 0 0 -5px; }
      @media (max-width: 773px) {
        .guidefileupload .guideFieldDescription.long p {
          margin: 0; } }
    .guidefileupload .guideFieldDescription.long a {
      color: #00259b;
      font-size: 14px; }
      .guidefileupload .guideFieldDescription.long a:hover {
        color: #00259b;
        font-size: 14px; }
  .guidefileupload p.modal-text {
    position: absolute;
    top: -38px;
    right: 15px;
    font-size: 12px;
    text-decoration: underline;
    color: #00259b; }
    .guidefileupload p.modal-text a {
      font-size: 12px;
      text-decoration: underline;
      color: #00259b; }
      .guidefileupload p.modal-text a:hover {
        font-size: 12px;
        text-decoration: underline;
        color: #00259b; }
  .guidefileupload label {
    font-family: "Mont-SemiBold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: #00006E;
    display: inline-block;
    margin-bottom: 20px; }
    @media (max-width: 773px) {
      .guidefileupload label {
        font-size: 16px; } }
  .guidefileupload.validation-failure .guideFieldError,
  .guidefileupload .validation-failure .guideFieldError {
    letter-spacing: 0.4px;
    padding: 0 10px 0 15px;
    clear: both;
    margin-bottom: 20px;
    font-family: "Mont", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #b30700; }

/*
  Form Buttons

  Styling Form Button for desktop and Mobile View

  Markup: form-buttons.hbs

  Style guide: FormComponents.form-buttons
 */
.guidetoolbar {
  float: right; }
  @media (max-width: 773px) {
    .guidetoolbar {
      float: none;
      display: table;
      width: 100%; }
      .guidetoolbar .afToolbarButton {
        display: block; }
        .guidetoolbar .afToolbarButton:first-child {
          display: table-footer-group; } }

@media (max-width: 773px) {
  .guideToolbarNode {
    padding: 0;
    left: 0;
    height: auto;
    position: relative; } }

.sw-next-btn button:not(.af-icon-button),
.sw-submit-btn button:not(.af-icon-button) {
  position: relative;
  min-width: 150px;
  height: 51px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 4px #60617029;
          box-shadow: 0px 2px 4px #60617029;
  background: #00259b !important;
  border: 1px solid #00259b !important;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.29px;
  margin-right: 0 !important;
  margin-left: 30px !important;
  padding: 15px 30px; }
  @media (max-width: 773px) {
    .sw-next-btn button:not(.af-icon-button),
    .sw-submit-btn button:not(.af-icon-button) {
      min-width: 100%;
      margin-left: 0 !important; }
      .sw-next-btn button:not(.af-icon-button) .iconButton-icon,
      .sw-submit-btn button:not(.af-icon-button) .iconButton-icon {
        display: none !important; }
      .sw-next-btn button:not(.af-icon-button) .iconButton-label,
      .sw-submit-btn button:not(.af-icon-button) .iconButton-label {
        display: block !important; } }
  .sw-next-btn button:not(.af-icon-button):hover,
  .sw-submit-btn button:not(.af-icon-button):hover {
    background: #00006E !important; }

.sw-back-btn button:not(.af-icon-button) {
  position: relative;
  min-width: 150px;
  height: 51px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 4px #60617029;
          box-shadow: 0px 2px 4px #60617029;
  background: #fff !important;
  color: #00259b;
  border: 2px solid #00259b !important;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-right: 30px;
  letter-spacing: 0.29px;
  padding: 15px 30px; }
  @media (max-width: 773px) {
    .sw-back-btn button:not(.af-icon-button) {
      min-width: 100%; }
      .sw-back-btn button:not(.af-icon-button) .iconButton-icon {
        display: none !important; }
      .sw-back-btn button:not(.af-icon-button) .iconButton-label {
        display: block !important; } }
  .sw-back-btn button:not(.af-icon-button):hover {
    background: #ecedf2 !important;
    color: #00259b; }

/*
  Form Panel

  Form Panel styling for desktop and Mobile View

  Style guide: FormComponents.form-panel
 */
#guideContainerForm .mobileLayout {
  display: none; }

.text .guideFieldNode {
  padding-left: 0px !important; }
  @media (max-width: 773px) {
    .text .guideFieldNode {
      padding-left: 0px !important; } }

.wizard-navigators {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  background-color: #fff; }
  .wizard-navigators .sw-progress-list a {
    font-size: 0.625rem;
    line-height: 1.0625rem;
    text-align: left;
    text-transform: none; }
    .wizard-navigators .sw-progress-list a::before, .wizard-navigators .sw-progress-list a:hover:before {
      width: 1.1875rem;
      height: 1.1875rem;
      background-color: #676767;
      border-color: #676767;
      font-size: 0.625rem;
      line-height: 0.9375rem;
      text-align: center;
      color: #fff; }
  .wizard-navigators .sw-progress-list.active a::before, .wizard-navigators .sw-progress-list.active a:hover:before {
    background-color: #001a7d;
    border-color: #001a7d; }
  .wizard-navigators .sw-progress-list.stepped a::before, .wizard-navigators .sw-progress-list.stepped a:hover:before {
    background-color: #439496;
    border-color: #439496; }
  .wizard-navigators .sw-progress-list.stepped.active a::before, .wizard-navigators .sw-progress-list.stepped.active a:hover:before {
    background-color: #001a7d;
    border-color: #001a7d; }
  .wizard-navigators .sw-progress-list.stepped.active a::before, .wizard-navigators .sw-progress-list.stepped.active a:hover:before {
    background-color: #001a7d;
    border-color: #001a7d; }
  .wizard-navigators .sw-progress-list span {
    background: white;
    z-index: 9;
    position: absolute;
    padding-right: 5px;
    color: #000000de;
    font-weight: normal; }
  .wizard-navigators .sw-progress-list.active span {
    color: #000000de;
    font-weight: 600; }
  .wizard-navigators .sw-progress-list .progress {
    display: none; }

.sw-progress-list:not(:last-child) a:after {
  content: "";
  border-top: 1px solid #BBBABB;
  margin: 0 1rem;
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
  display: block;
  height: 1px;
  width: 100%;
  background: #000;
  top: 24px;
  left: 20px;
  position: absolute; }

.guide-tab-scroller-previous,
.guide-tab-scroller-next {
  visibility: hidden !important; }

.sw-panel-title-cont {
  width: 100vw;
  position: relative;
  left: 49%;
  right: 50%;
  margin-left: -49vw;
  margin-right: -49vw;
  background: #46e6be;
  height: 98px; }
  @media (max-width: 773px) {
    .sw-panel-title-cont {
      display: none; } }

.sw-panel-title h1 {
  margin: 27px 0 !important;
  font-size: 2.25rem;
  line-height: 2.8125rem;
  text-align: center; }

@media (min-width: 774px) and (max-width: 1150px) {
  .sw-multi-form .guideWizardLayout {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -49vw;
    background-color: #fff; }
    .sw-multi-form .guideWizardLayout .wizard-navigators {
      width: 774px;
      margin: 0 auto; } }

@media (min-width: 1201px) and (max-width: 1465px) {
  .sw-multi-form .guideWizardLayout {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -49vw;
    background-color: #fff; }
    .sw-multi-form .guideWizardLayout .wizard-navigators {
      width: 1110px;
      margin: 0 auto; } }

/*
  Form Body

  Styling Form Body for desktop and Mobile View

  Style guide: FormComponents.form-body
 */
.sw-multi-form {
  background: #fafafa; }
  .sw-multi-form .sw-form-heading {
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-top: 53px;
    padding-bottom: 11px; }
    @media (max-width: 773px) {
      .sw-multi-form .sw-form-heading {
        padding-left: 15px !important;
        padding-top: 25px;
        padding-bottom: 23px; } }
    .sw-multi-form .sw-form-heading h2 {
      margin: 0; }

.container {
  width: 100%;
  padding: 0;
  margin: 0; }

.guideWizardLayout {
  padding: 0;
  margin: 0;
  border: none !important; }

/*
  Form Logo

  Styling Form Logo for desktop and Mobile View

  Style guide: FormComponents.form-logo
 */
.sw-logo {
  width: 50% !important;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  height: 61px;
  background-color: #fff; }
  @media (min-width: 1201px) and (max-width: 1465px) {
    .sw-logo {
      height: 81px;
      position: relative;
      float: left; } }
  @media (max-width: 773px) {
    .sw-logo {
      height: 81px;
      position: relative;
      float: left; } }
  .sw-logo .cmp-image__image {
    width: 97px; }
    @media (max-width: 773px) {
      .sw-logo .cmp-image__image {
        width: 129px; } }

.sw-logo-container {
  -webkit-box-shadow: 0px 2px 4px #00000029;
          box-shadow: 0px 2px 4px #00000029; }

/*
  image-choice

  image-choice stylling for Desktop and mobile

  Style guide: FormComponents.image-choice
 */
.imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  margin: 0;
  padding-bottom: 20px; }
  @media (max-width: 773px) {
    .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
      padding: 20px 0; } }
  .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideFieldError {
    padding: 0; }
  .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideCheckBoxGroupItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    @media (max-width: 773px) {
      .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideCheckBoxGroupItems {
        display: block; } }
    .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideCheckBoxGroupItems .sw-image-choice-item {
      cursor: pointer;
      background-color: #fff;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      border: 1px solid #BBBABB;
      padding: 15px;
      height: 110px;
      margin: 0 0 0 15px;
      border-radius: 5px;
      overflow: hidden; }
      .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideCheckBoxGroupItems .sw-image-choice-item .guideCheckBoxItem {
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background-size: auto 100% !important;
        background-position-x: center;
        background-origin: content-box;
        width: 100%;
        outline: 0; }
        @media (max-width: 773px) {
          .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideCheckBoxGroupItems .sw-image-choice-item .guideCheckBoxItem {
            height: 58px; } }
      .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideCheckBoxGroupItems .sw-image-choice-item:hover {
        border: 1px solid #505050; }
        .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideCheckBoxGroupItems .sw-image-choice-item:hover .guideCheckBoxItem {
          background-size: auto 120% !important;
          background-position-y: -10px; }
      .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideCheckBoxGroupItems .sw-image-choice-item.sw-image-focus {
        border: 2px solid #00259b; }
      .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideCheckBoxGroupItems .sw-image-choice-item .guideWidgetLabel {
        display: none; }
      @media (max-width: 773px) {
        .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideCheckBoxGroupItems .sw-image-choice-item {
          padding: 15px 50px;
          width: 100%;
          height: 90px;
          margin: 20px 0 0 0; }
          .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideCheckBoxGroupItems .sw-image-choice-item:first-child {
            margin-top: 0; } }
      .imagechoice .guideCheckBoxGroup:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideCheckBoxGroupItems .sw-image-choice-item:first-child {
        margin-left: 0; }

/*
  Input

  Text box component and its variation

  Markup: input.hbs

  Style guide: FormComponents.Input
 */
.guidetextbox .guideTextBox {
  border-left: none !important;
  background: none !important;
  margin: 0 !important;
  padding: 0 !important; }
  .guidetextbox .guideTextBox.guideActiveField label {
    left: 15px; }
  .guidetextbox .guideTextBox .guideFieldDescription.short {
    margin: 0;
    padding: 0;
    background: none; }
    .guidetextbox .guideTextBox .guideFieldDescription.short p {
      margin: 0; }
  .guidetextbox .guideTextBox input[type="text"],
  .guidetextbox .guideTextBox input[type="password"],
  .guidetextbox .guideTextBox input[type="email"],
  .guidetextbox .guideTextBox input[type="number"],
  .guidetextbox .guideTextBox input[type="date"],
  .guidetextbox .guideTextBox input[type="url"], .guidetextbox .guideTextBox textarea {
    height: 55px; }
  .guidetextbox .guideTextBox textarea {
    height: 128px;
    min-height: 128px;
    resize: vertical;
    display: block; }
  .guidetextbox .guideTextBox .guideHelpQuestionMark {
    background-color: #081a7d;
    color: #fff;
    cursor: default;
    position: absolute;
    top: -21px;
    right: 0; }

.guidetextbox {
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px; }
  .guidetextbox label,
  .guidetextbox input,
  .guidetextbox textarea,
  .guidetextbox .guideFieldDescription.long,
  .guidetextbox .guideFieldError {
    font-family: "Mont", Helvetica, Arial, sans-serif;
    padding: 0; }
  .guidetextbox.text-box:not(.property-address):not(.postcode-streetName) .guideTextBox.longDescTrue:not(.account_number) .guideFieldLabel.top label {
    top: 40px; }
  .guidetextbox.text-box:not(.property-address):not(.postcode-streetName) .guideTextBox.longDescTrue:not(.account_number) {
    display: table;
    width: 100%; }
    .guidetextbox.text-box:not(.property-address):not(.postcode-streetName) .guideTextBox.longDescTrue:not(.account_number) .guideFieldDescription.long {
      top: 0;
      position: static;
      display: table-header-group !important; }
      .guidetextbox.text-box:not(.property-address):not(.postcode-streetName) .guideTextBox.longDescTrue:not(.account_number) .guideFieldDescription.long p {
        float: right;
        margin-bottom: 5px; }
  .guidetextbox .guideFieldDescription.short {
    font-size: 12px;
    line-height: 16px;
    padding-left: 15px !important;
    margin-top: 5px !important;
    letter-spacing: 0.4px;
    color: #252425;
    display: block !important; }
    .guidetextbox .guideFieldDescription.short p {
      font-size: 12px;
      line-height: 16px;
      color: #252425; }
  .guidetextbox .guideFieldDescription.long {
    font-size: 14px;
    line-height: 16px;
    padding-left: 15px !important;
    margin-top: 3px !important;
    letter-spacing: 0.4px;
    color: #001a7d;
    display: block !important;
    position: absolute;
    top: -33px;
    background: none;
    right: 0;
    cursor: default;
    margin: 0;
    padding: 0;
    -webkit-transition: none;
    transition: none;
    text-decoration: underline; }
    .guidetextbox .guideFieldDescription.long .modal-info {
      font-size: 14px;
      line-height: 16px; }
    .guidetextbox .guideFieldDescription.long p {
      margin: 0;
      padding: 0;
      color: #001a7d;
      -webkit-transition: none;
      transition: none;
      font-size: 14px; }
    .guidetextbox .guideFieldDescription.long a {
      color: #001a7d;
      font-size: 14px; }
      .guidetextbox .guideFieldDescription.long a:hover {
        color: #001a7d;
        font-size: 14px; }
  .guidetextbox input[type="text"],
  .guidetextbox input[type="password"],
  .guidetextbox input[type="email"],
  .guidetextbox input[type="number"],
  .guidetextbox input[type="date"],
  .guidetextbox input[type="url"], .guidetextbox textarea {
    background-color: #F2F2F2;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #505050;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #505050;
    padding: 14px 15px;
    width: 100%;
    height: 55px; }
    .guidetextbox input[type="text"]:focus,
    .guidetextbox input[type="password"]:focus,
    .guidetextbox input[type="email"]:focus,
    .guidetextbox input[type="number"]:focus,
    .guidetextbox input[type="date"]:focus,
    .guidetextbox input[type="url"]:focus, .guidetextbox textarea:focus {
      border-bottom: 1px solid #00006E;
      color: #000000;
      outline: none;
      padding-top: 21px;
      padding-bottom: 7px; }
      .guidetextbox input[type="text"]:focus:hover,
      .guidetextbox input[type="password"]:focus:hover,
      .guidetextbox input[type="email"]:focus:hover,
      .guidetextbox input[type="number"]:focus:hover,
      .guidetextbox input[type="date"]:focus:hover,
      .guidetextbox input[type="url"]:focus:hover, .guidetextbox textarea:focus:hover {
        -webkit-box-shadow: 0 1px 0 #00006E;
                box-shadow: 0 1px 0 #00006E; }
    .guidetextbox input[type="text"]::-webkit-input-placeholder, .guidetextbox input[type="password"]::-webkit-input-placeholder, .guidetextbox input[type="email"]::-webkit-input-placeholder, .guidetextbox input[type="number"]::-webkit-input-placeholder, .guidetextbox input[type="date"]::-webkit-input-placeholder, .guidetextbox input[type="url"]::-webkit-input-placeholder, .guidetextbox textarea::-webkit-input-placeholder {
      color: #505050; }
    .guidetextbox input[type="text"]::-moz-placeholder, .guidetextbox input[type="password"]::-moz-placeholder, .guidetextbox input[type="email"]::-moz-placeholder, .guidetextbox input[type="number"]::-moz-placeholder, .guidetextbox input[type="date"]::-moz-placeholder, .guidetextbox input[type="url"]::-moz-placeholder, .guidetextbox textarea::-moz-placeholder {
      color: #505050; }
    .guidetextbox input[type="text"]:-ms-input-placeholder, .guidetextbox input[type="password"]:-ms-input-placeholder, .guidetextbox input[type="email"]:-ms-input-placeholder, .guidetextbox input[type="number"]:-ms-input-placeholder, .guidetextbox input[type="date"]:-ms-input-placeholder, .guidetextbox input[type="url"]:-ms-input-placeholder, .guidetextbox textarea:-ms-input-placeholder {
      color: #505050; }
    .guidetextbox input[type="text"]::-ms-input-placeholder, .guidetextbox input[type="password"]::-ms-input-placeholder, .guidetextbox input[type="email"]::-ms-input-placeholder, .guidetextbox input[type="number"]::-ms-input-placeholder, .guidetextbox input[type="date"]::-ms-input-placeholder, .guidetextbox input[type="url"]::-ms-input-placeholder, .guidetextbox textarea::-ms-input-placeholder {
      color: #505050; }
    .guidetextbox input[type="text"]::placeholder,
    .guidetextbox input[type="password"]::placeholder,
    .guidetextbox input[type="email"]::placeholder,
    .guidetextbox input[type="number"]::placeholder,
    .guidetextbox input[type="date"]::placeholder,
    .guidetextbox input[type="url"]::placeholder, .guidetextbox textarea::placeholder {
      color: #505050; }
    .guidetextbox input[type="text"][disabled],
    .guidetextbox input[type="password"][disabled],
    .guidetextbox input[type="email"][disabled],
    .guidetextbox input[type="number"][disabled],
    .guidetextbox input[type="date"][disabled],
    .guidetextbox input[type="url"][disabled], .guidetextbox textarea[disabled] {
      color: #505050; }
    .guidetextbox input[type="text"]:hover,
    .guidetextbox input[type="password"]:hover,
    .guidetextbox input[type="email"]:hover,
    .guidetextbox input[type="number"]:hover,
    .guidetextbox input[type="date"]:hover,
    .guidetextbox input[type="url"]:hover, .guidetextbox textarea:hover {
      color: #505050;
      -webkit-box-shadow: 0 1px 0 #505050;
              box-shadow: 0 1px 0 #505050; }
  .guidetextbox p.modal-text {
    position: absolute;
    top: -38px;
    right: 15px;
    font-size: 12px;
    text-decoration: underline;
    color: #00259b; }
    .guidetextbox p.modal-text a {
      font-size: 12px;
      text-decoration: underline;
      color: #00259b; }
      .guidetextbox p.modal-text a:hover {
        font-size: 12px;
        text-decoration: underline;
        color: #00259b; }
  .guidetextbox label {
    font-size: 12px;
    color: #00000099 !important;
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 99;
    line-height: 16px;
    left: -10000px; }
  .guidetextbox.value-exists input[type="text"],
  .guidetextbox.value-exists input[type="password"],
  .guidetextbox.value-exists input[type="email"],
  .guidetextbox.value-exists input[type="number"],
  .guidetextbox.value-exists input[type="date"],
  .guidetextbox.value-exists input[type="url"], .guidetextbox.value-exists textarea,
  .guidetextbox .value-exists input[type="text"],
  .guidetextbox .value-exists input[type="password"],
  .guidetextbox .value-exists input[type="email"],
  .guidetextbox .value-exists input[type="number"],
  .guidetextbox .value-exists input[type="date"],
  .guidetextbox .value-exists input[type="url"],
  .guidetextbox .value-exists textarea {
    padding-top: 21px;
    padding-bottom: 7px;
    color: #000000; }
  .guidetextbox.value-exists textarea,
  .guidetextbox .value-exists textarea {
    padding-top: 0;
    border-top: 30px solid transparent; }
  .guidetextbox.value-exists label,
  .guidetextbox .value-exists label {
    left: 15px;
    color: #00259b !important; }
  .guidetextbox.validation-failure.af-field-filled input, .guidetextbox.validation-failure.af-field-filled textarea,
  .guidetextbox .validation-failure.af-field-filled input,
  .guidetextbox .validation-failure.af-field-filled textarea {
    border-bottom: 1px solid #b30700;
    margin-bottom: 0; }
    .guidetextbox.validation-failure.af-field-filled input:hover, .guidetextbox.validation-failure.af-field-filled textarea:hover,
    .guidetextbox .validation-failure.af-field-filled input:hover,
    .guidetextbox .validation-failure.af-field-filled textarea:hover {
      -webkit-box-shadow: 0 1px 0 #b30700;
              box-shadow: 0 1px 0 #b30700; }
    .guidetextbox.validation-failure.af-field-filled input:focus, .guidetextbox.validation-failure.af-field-filled textarea:focus,
    .guidetextbox .validation-failure.af-field-filled input:focus,
    .guidetextbox .validation-failure.af-field-filled textarea:focus {
      border-bottom: 1px solid #b30700; }
      .guidetextbox.validation-failure.af-field-filled input:focus:hover, .guidetextbox.validation-failure.af-field-filled textarea:focus:hover,
      .guidetextbox .validation-failure.af-field-filled input:focus:hover,
      .guidetextbox .validation-failure.af-field-filled textarea:focus:hover {
        -webkit-box-shadow: 0 1px 0 #b30700;
                box-shadow: 0 1px 0 #b30700; }
  .guidetextbox.validation-failure label,
  .guidetextbox .validation-failure label {
    color: #b30700 !important; }
  .guidetextbox.validation-failure input, .guidetextbox.validation-failure textarea,
  .guidetextbox .validation-failure input,
  .guidetextbox .validation-failure textarea {
    border-bottom: 1px solid #b30700;
    margin-bottom: 0; }
    .guidetextbox.validation-failure input:hover, .guidetextbox.validation-failure textarea:hover,
    .guidetextbox .validation-failure input:hover,
    .guidetextbox .validation-failure textarea:hover {
      -webkit-box-shadow: 0 1px 0 #b30700;
              box-shadow: 0 1px 0 #b30700; }
    .guidetextbox.validation-failure input:focus, .guidetextbox.validation-failure textarea:focus,
    .guidetextbox .validation-failure input:focus,
    .guidetextbox .validation-failure textarea:focus {
      border-bottom: 1px solid #b30700; }
      .guidetextbox.validation-failure input:focus:hover, .guidetextbox.validation-failure textarea:focus:hover,
      .guidetextbox .validation-failure input:focus:hover,
      .guidetextbox .validation-failure textarea:focus:hover {
        -webkit-box-shadow: 0 1px 0 #b30700;
                box-shadow: 0 1px 0 #b30700; }
  .guidetextbox.validation-failure.value-exists textarea,
  .guidetextbox .validation-failure.value-exists textarea {
    padding-top: 0;
    border-top: 30px solid transparent; }
  .guidetextbox.validation-failure .guideFieldDescription.short,
  .guidetextbox .validation-failure .guideFieldDescription.short {
    display: none !important; }
  .guidetextbox.validation-failure .guideFieldError,
  .guidetextbox .validation-failure .guideFieldError {
    color: #b30700;
    font-size: 12px;
    line-height: 16px;
    padding-left: 15px;
    margin-top: 5px;
    letter-spacing: 0.4px;
    padding-top: 0 !important;
    padding-bottom: 0; }
  .guidetextbox.validation-failure textarea,
  .guidetextbox .validation-failure textarea {
    border-top: 0;
    padding-top: 21px; }
  .guidetextbox.af-field-filled input, .guidetextbox.af-field-filled textarea,
  .guidetextbox .af-field-filled input,
  .guidetextbox .af-field-filled textarea {
    border-bottom: 1px solid #00006E; }
    .guidetextbox.af-field-filled input:hover, .guidetextbox.af-field-filled textarea:hover,
    .guidetextbox .af-field-filled input:hover,
    .guidetextbox .af-field-filled textarea:hover {
      -webkit-box-shadow: 0 1px 0 #00006E;
              box-shadow: 0 1px 0 #00006E; }
    .guidetextbox.af-field-filled input:focus, .guidetextbox.af-field-filled textarea:focus,
    .guidetextbox .af-field-filled input:focus,
    .guidetextbox .af-field-filled textarea:focus {
      border-bottom: 1px solid #00006E; }
      .guidetextbox.af-field-filled input:focus:hover, .guidetextbox.af-field-filled textarea:focus:hover,
      .guidetextbox .af-field-filled input:focus:hover,
      .guidetextbox .af-field-filled textarea:focus:hover {
        -webkit-box-shadow: 0 1px 0 #00006E;
                box-shadow: 0 1px 0 #00006E; }

::-ms-clear {
  display: none; }

/*
  address

  address component and its variation

  Markup: address.hbs

  Style guide: FormComponents.address
 */
.postcode-streetName {
  margin: 0 0 15px 0; }
  @media (max-width: 767px) {
    .postcode-streetName {
      margin: 7px 0 0 0; } }

.sw-postcode-address-text {
  margin: 0; }

.sw-streetname-address-text {
  margin: 0; }

/*
  Progress Bar

  Progress Bar stylling for multiple step form in Mobile
  Please note default style is a  ring only 


  Markup: mobile-progress-bar.hbs

  Style guide: FormComponents.Mobile.progressBar    
 */
.sw-mobile-progress-bar {
  display: none;
  background: #46e6be;
  padding: 2px 0;
  position: relative;
  margin: 0 -15px; }
  @media (max-width: 773px) {
    .sw-mobile-progress-bar {
      display: block; } }
  .sw-mobile-progress-bar .sw-current-form-name {
    position: absolute;
    right: 15px;
    top: 29px;
    color: #001a7d;
    font-size: 1.25rem;
    line-height: 2.1875rem;
    text-align: center;
    font-weight: bold; }
  .sw-mobile-progress-bar .sw-next-form-name {
    position: absolute;
    top: 55px;
    right: 15px;
    color: #001a7d;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    text-align: center;
    letter-spacing: 0.11px;
    font-weight: normal; }

.sw-progress-circle {
  font-size: 20px;
  margin: 20px;
  position: relative;
  padding: 0;
  width: 5em;
  height: 5em;
  background-color: #fff;
  border-radius: 50%;
  line-height: 5em; }
  .sw-progress-circle:after {
    border: none;
    position: absolute;
    top: 0.35em;
    left: 0.35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 4.3em;
    height: 4.3em;
    background-color: #46e6be;
    content: " "; }
  .sw-progress-circle.sw-over50 .sw-first50-bar {
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #00259b;
    border-radius: 50%;
    width: 5em;
    height: 5em; }
  .sw-progress-circle.sw-over50 .sw-left-clipper {
    clip: rect(auto, auto, auto, auto); }
  .sw-progress-circle:not(.sw-over50) .sw-first50-bar {
    display: none; }
  .sw-progress-circle .sw-progress-value {
    position: absolute;
    line-height: 5em;
    width: 5em;
    text-align: center;
    display: block;
    color: #3f61c4;
    z-index: 2; }
  .sw-progress-circle .sw-left-clipper {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em); }
  .sw-progress-circle .sw-value-bar {
    position: absolute;
    clip: rect(0, 2.5em, 5em, 0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 0.45em solid #00259b;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .sw-progress-circle.sw-cover-0 .sw-value-bar {
    display: none; }
  .sw-progress-circle.sw-cover-25 .sw-value-bar {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .sw-progress-circle.sw-cover-50 .sw-value-bar {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .sw-progress-circle.sw-cover-75 .sw-value-bar {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  .sw-progress-circle.sw-cover-100 .sw-value-bar {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }

/*
  Radio Input

  radio fields come in variations of `default`, `selcted` and `disable`.

  Markup: radio.hbs

  Style guide: FormComponents.forms.radio
 */
.guideradiobutton .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border: none;
  padding: 0;
  margin: 10px 0; }
  .guideradiobutton .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .sw-radio-title {
    text-align: right; }
  .guideradiobutton .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure {
    border: none;
    background-color: transparent; }
    .guideradiobutton .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .guideFieldDescription.short {
      display: none; }
    .guideradiobutton .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .afRadioButtonItem {
      border-width: 2px;
      border-color: #b30700 !important; }
  .guideradiobutton .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideFieldLabel label {
    color: #000000de;
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: left;
    font-family: "Mont-SemiBold", Helvetica, Arial, sans-serif; }

.guideradiobutton .guideFieldDescription.long {
  background-color: transparent;
  color: #00259b;
  -webkit-transition: none;
  transition: none;
  padding: 0 0 0 0;
  display: block;
  margin: -5px 0 5px 0; }
  .guideradiobutton .guideFieldDescription.long .modal-info {
    font-size: 14px;
    line-height: 16px; }
  .guideradiobutton .guideFieldDescription.long p {
    margin: 0;
    line-height: initial;
    color: #00259b;
    font-size: 14px; }
  .guideradiobutton .guideFieldDescription.long a {
    margin: 0;
    line-height: initial;
    color: #00259b;
    text-decoration: underline; }

.guideradiobutton .guideFieldDescription.short {
  color: #1a1a1a;
  clear: both;
  padding: 0 15px;
  margin-top: 6px; }
  .guideradiobutton .guideFieldDescription.short p {
    margin: 0;
    font-size: 12px;
    line-height: 17px; }

.guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 0 20px;
  color: #1a1a1a;
  position: relative; }
  @media (max-width: 773px) {
    .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) {
      -ms-grid-columns: auto;
      grid-template-columns: auto; } }
  .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch):before {
    display: none; }
  .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem {
    border: 1px solid #505050;
    color: #1a1a1a;
    border-radius: 3px;
    margin: 0;
    padding: 10px 10px 10px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    min-height: 46px;
    position: relative; }
    .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem .radioLabel {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      opacity: 0; }
    .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem:first-child, .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem:nth-child(2) {
      margin-top: 0; }
    @media (max-width: 773px) {
      .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem:first-child {
        margin-top: 0; }
      .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem:nth-child(2) {
        margin-top: 10px; } }
    .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem > div input {
      float: left; }
    .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem > div label {
      float: left;
      color: #1a1a1a; }
    .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem .guideWidgetLabel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #fff;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: transparent; }
      .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem .guideWidgetLabel label {
        color: #1a1a1a;
        line-height: 22px;
        font-weight: normal;
        overflow: hidden;
        margin: 0;
        width: 100%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
    .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem .XfaCheckBox {
      margin-right: 12px; }
      .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem .XfaCheckBox input[type="radio"] {
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        outline: none;
        border: 2px solid #505050;
        margin: 0; }
        .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem .XfaCheckBox input[type="radio"]:checked {
          -webkit-box-shadow: none;
          box-shadow: none;
          border: 1px solid #00259b; }
          .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem .XfaCheckBox input[type="radio"]:checked:before {
            background: #00259b; }
        .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem .XfaCheckBox input[type="radio"]:before {
          content: '';
          display: block;
          width: 12px;
          height: 12px;
          margin: 3px;
          border-radius: 50%; }
    .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideRadioButtonItem .guideFieldWidget {
      margin: 0 20px 0 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideItemSelected {
    border: 1px solid #00259b;
    -webkit-box-shadow: 0px 0px 0px 1px #00259b;
            box-shadow: 0px 0px 0px 1px #00259b;
    color: #1a1a1a; }
    .guideradiobutton .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) .guideItemSelected label {
      margin-top: -1px; }

.guideradiobutton .guideFieldError {
  color: #b30700;
  padding: 0px 15px;
  font-size: 12px;
  font-weight: normal;
  margin-top: 5px; }

.guideradiobutton .modal-link {
  position: absolute;
  right: 0;
  top: -21px;
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px;
  color: #00259b; }
  .guideradiobutton .modal-link em {
    width: 17px;
    height: 17px;
    background: #00259b;
    content: "";
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    font-size: 13px;
    line-height: 19px;
    margin-left: 5px; }
    .guideradiobutton .modal-link em:before {
      color: #fff;
      content: "?";
      font-style: normal; }

@media all and (-ms-high-contrast: none) {
  .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) {
    display: block !important; }
  .guideRadioButtonGroupItems .guideRadioButtonItem {
    width: calc(50% - 10px);
    float: left;
    margin-left: 20px !important;
    margin-bottom: 10px !important; }
    .guideRadioButtonGroupItems .guideRadioButtonItem:nth-child(odd) {
      margin-left: 0 !important; }
    .guideRadioButtonGroupItems .guideRadioButtonItem.guideItemSelected {
      border-width: 1px; }
  .sw-radio-title {
    display: block !important;
    text-align: right; }
  .guideCheckBoxGroup .guideCheckBoxItem {
    display: block !important; }
    .guideCheckBoxGroup .guideCheckBoxItem .guideWidgetLabel {
      margin-left: 18px !important; } }

/*
  Term and Conditions 

  Terms and Conditions fields come in variations of `default`, `selcted` and `disable`.

  Markup: term-and-conditions.hbs

  Style guide: FormComponents.term-and-conditions
 */
.guidetermsandconditions .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border: 0;
  background-color: #fff;
  position: relative;
  margin: 0;
  padding: 20px 10px 10px 0; }
  @media (max-width: 773px) {
    .guidetermsandconditions .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
      padding: 20px 15px 10px 15px; } }
  .guidetermsandconditions .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guide-tnc-content {
    padding-right: 5px; }
  .guidetermsandconditions .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) .guideFieldError {
    padding: 0; }
  .guidetermsandconditions .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .guideFieldError {
    color: #b30700;
    margin-top: 10px;
    padding: 0 10px 10px 15px;
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-align: left; }
    @media (max-width: 773px) {
      .guidetermsandconditions .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .guideFieldError {
        padding: 0 5px 10px 15px; } }
  .guidetermsandconditions .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-failure .guide-tnc-checkbox input[type="checkbox"] {
    border-color: #b30700; }
  .guidetermsandconditions .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).validation-success {
    border-color: #00259b; }

.guidetermsandconditions .guideFieldLabel.top {
  margin-bottom: 20px; }

.guidetermsandconditions .guideFieldLabel label {
  font-family: "Mont-SemiBold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  color: #00006E;
  padding-right: 5px; }
  @media (max-width: 773px) {
    .guidetermsandconditions .guideFieldLabel label {
      font-size: 16px; } }

.guidetermsandconditions .afTermsAndConditions {
  color: #000000de;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .guidetermsandconditions .afTermsAndConditions .afTncContentArea {
    border: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0;
    max-height: none;
    height: auto !important;
    margin: 0; }
    .guidetermsandconditions .afTermsAndConditions .afTncContentArea .guide-tnc-content p {
      margin: 0 0 10px 0; }
      .guidetermsandconditions .afTermsAndConditions .afTncContentArea .guide-tnc-content p:first-child {
        margin-top: 5px; }
      .guidetermsandconditions .afTermsAndConditions .afTncContentArea .guide-tnc-content p a {
        color: #001a7d;
        text-underline-position: under; }
  .guidetermsandconditions .afTermsAndConditions .guide-tnc-checkbox {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    overflow: initial; }
    .guidetermsandconditions .afTermsAndConditions .guide-tnc-checkbox input[type="checkbox"] {
      -webkit-appearance: none;
      width: 30px;
      height: 30px;
      border-radius: 5px;
      outline: none;
      border: 2px solid #707070;
      margin-right: 10px;
      position: relative;
      margin: 0 10px 15px 0; }
      .guidetermsandconditions .afTermsAndConditions .guide-tnc-checkbox input[type="checkbox"]:checked {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 2px solid #00259b; }
        .guidetermsandconditions .afTermsAndConditions .guide-tnc-checkbox input[type="checkbox"]:checked:before {
          background: #00259b; }
        .guidetermsandconditions .afTermsAndConditions .guide-tnc-checkbox input[type="checkbox"]:checked:after {
          content: '';
          display: block;
          width: 23px;
          height: 13px;
          position: absolute;
          border: 4px solid #fff;
          border-top: 0;
          border-right: 0;
          -webkit-transform: rotate(-48deg) skew(1deg, 0deg);
                  transform: rotate(-48deg) skew(1deg, 0deg);
          top: 4px;
          left: 2px; }
      .guidetermsandconditions .afTermsAndConditions .guide-tnc-checkbox input[type="checkbox"]:before {
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        top: -2px;
        left: -2px;
        position: absolute;
        border: 0; }

@media all and (-ms-high-contrast: none) {
  .guidetermsandconditions .afTermsAndConditions .afTncContentArea {
    overflow: visible;
    width: 100%; }
  .guidetermsandconditions .afTermsAndConditions .guide-tnc-checkbox {
    overflow: hidden; } }

/*
  Time Range Input

  Time Range fields come in variations of `default`, `selcted` and `disable`.

  Markup: time-range.hbs

  Style guide: FormComponents.time-range
 */
.time-range {
  font-family: "Mont", Helvetica, Arial, sans-serif; }
  .time-range .numericInput {
    position: relative; }
  .time-range .guideFieldLabel label {
    font-size: 12px;
    color: #00000099;
    position: absolute;
    top: 10px;
    left: 15px;
    display: none;
    z-index: 99;
    line-height: 16px; }
  .time-range input[type="number"] {
    border: 0;
    border-bottom: 1px solid #505050;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #F2F2F2;
    padding-left: 15px;
    height: 55px;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
    font-family: "Mont", Helvetica, Arial, sans-serif;
    -moz-appearance: textfield; }
    .time-range input[type="number"]:hover {
      -webkit-box-shadow: 0 1px 0 #505050;
              box-shadow: 0 1px 0 #505050; }
    .time-range input[type="number"]:focus {
      border-top-width: 0;
      border-left-width: 0;
      border-bottom: 1px solid #00006E;
      border-right-width: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      outline: none; }
      .time-range input[type="number"]:focus:hover {
        -webkit-box-shadow: 0 1px 0 #00006E;
                box-shadow: 0 1px 0 #00006E; }
    .time-range input[type="number"]:focus-visible {
      border-top-width: 0;
      border-left-width: 0;
      border-bottom: 1px solid #00006E;
      border-right-width: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      outline: none; }
      .time-range input[type="number"]:focus-visible:hover {
        -webkit-box-shadow: 0 1px 0 #00006E;
                box-shadow: 0 1px 0 #00006E; }
    .time-range input[type="number"]::-webkit-input-placeholder {
      color: #505050 !important; }
    .time-range input[type="number"]::-moz-placeholder {
      color: #505050 !important; }
    .time-range input[type="number"]:-ms-input-placeholder {
      color: #505050 !important; }
    .time-range input[type="number"]::-ms-input-placeholder {
      color: #505050 !important; }
    .time-range input[type="number"]::placeholder {
      color: #505050 !important; }
  .time-range input[type=number]::-webkit-inner-spin-button,
  .time-range input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield; }
  .time-range .value-exists input[type="number"] {
    border-bottom: 1px solid #00006E;
    padding-top: 25px !important;
    color: #000000; }
    .time-range .value-exists input[type="number"]:hover {
      -webkit-box-shadow: 0 1px 0 #00006E;
              box-shadow: 0 1px 0 #00006E; }
  .time-range .value-exists .guideFieldLabel label {
    display: block;
    color: #00259b !important; }
  .time-range .sw-arrow-container {
    position: absolute;
    height: 46px;
    width: 28px;
    background: url(clientlib-forms/site/styles/src/assets/resources/illustrations/time-selector-background.svg) no-repeat center center !important;
    top: 4px;
    right: 13px; }
    .time-range .sw-arrow-container .sw-arrow {
      position: relative;
      cursor: pointer;
      height: 24px; }
    .time-range .sw-arrow-container .sw-arrow-up {
      background: url(clientlib-forms/site/styles/src/assets/resources/illustrations/time-selector-up-arrow.svg) no-repeat center center !important; }
    .time-range .sw-arrow-container .sw-arrow-down {
      background: url(clientlib-forms/site/styles/src/assets/resources/illustrations/time-selector-down-arrow.svg) no-repeat center center !important; }
  .time-range .guideFieldNode.validation-failure {
    border-left-width: 0 !important;
    background: none !important; }
    .time-range .guideFieldNode.validation-failure input[type="number"] {
      border-bottom: 1px solid #b30700; }
      .time-range .guideFieldNode.validation-failure input[type="number"]:hover {
        -webkit-box-shadow: 0 1px 0 #b30700;
                box-shadow: 0 1px 0 #b30700; }
    .time-range .guideFieldNode.validation-failure .guideFieldLabel label {
      display: block;
      color: #b30700; }
    .time-range .guideFieldNode.validation-failure.value-exists label {
      color: #b30700; }
  .time-range .guideFieldNode.validation-success {
    border-left-width: 0 !important;
    padding-left: 0; }
  .time-range .sw-time-range-min {
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    border: 0 !important;
    padding-left: 15px !important; }
    @media (max-width: 773px) {
      .time-range .sw-time-range-min {
        padding-left: 13.5px !important; } }
    .time-range .sw-time-range-min label {
      left: 30px; }
  .time-range .sw-time-range-hour {
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    border: 0px !important;
    padding-right: 15px !important; }
    @media (max-width: 773px) {
      .time-range .sw-time-range-hour {
        padding-right: 13.5px !important; } }
  .time-range .guideFieldError {
    color: #b30700;
    font-size: 12px;
    line-height: 16px;
    padding-top: 7px;
    margin-top: 3px;
    letter-spacing: 0.4px;
    padding-top: 0 !important;
    padding-left: 15px; }
  .time-range .guideFieldNode {
    padding: 0;
    margin: 0;
    border-left-width: 0; }

/*
  breadcrumbs-component

  Markup: breadcrumbs.hbs

  Style guide: Components.breadcrumbs
 */
ul.cmp-breadcrumb__list, ol.cmp-breadcrumb__list {
  list-style: none;
  margin: 0 auto;
  width: 100%;
  padding: 10px 0 10px 0px;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  max-width: 1110px; }
  @media (max-width: 773px) {
    ul.cmp-breadcrumb__list, ol.cmp-breadcrumb__list {
      padding: 0 0 0 5px; } }
  ul.cmp-breadcrumb__list li, ol.cmp-breadcrumb__list li {
    display: inline;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: left;
    float: left;
    color: #4D4D4D; }
    ul.cmp-breadcrumb__list li > span[itemprop="name"], ol.cmp-breadcrumb__list li > span[itemprop="name"] {
      padding: 7.35px 0 5.74px 0;
      float: left; }
    @media (max-width: 773px) {
      ul.cmp-breadcrumb__list li, ol.cmp-breadcrumb__list li {
        display: none; }
        ul.cmp-breadcrumb__list li:first-child, ol.cmp-breadcrumb__list li:first-child {
          display: block;
          padding: 10px 10px 10px 0; }
          ul.cmp-breadcrumb__list li:first-child span, ol.cmp-breadcrumb__list li:first-child span {
            margin-left: 0; }
          ul.cmp-breadcrumb__list li:first-child:before, ol.cmp-breadcrumb__list li:first-child:before {
            width: 7px;
            height: 15px;
            content: "";
            display: inline-block;
            margin-right: 20px;
            background: url("clientlib-forms/site/styles/src/assets/resources/illustrations/breadcrumb-arrow.svg") no-repeat 0 3px;
            float: left;
            margin-top: 7px;
            -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
            margin-right: 10px;
            background-position: 0 2px; } }
    ul.cmp-breadcrumb__list li a, ol.cmp-breadcrumb__list li a {
      color: #000000;
      text-decoration: none;
      margin-right: 10px;
      padding: 7.35px 0 5.74px 0;
      float: left;
      font-size: 0.75rem;
      line-height: 1.0625rem; }
      ul.cmp-breadcrumb__list li a:hover, ol.cmp-breadcrumb__list li a:hover {
        color: #00259b;
        text-decoration: underline; }
  ul.cmp-breadcrumb__list li + li:before, ol.cmp-breadcrumb__list li + li:before {
    width: 7px;
    height: 15px;
    content: "";
    display: inline-block;
    margin-right: 20px;
    background: url("clientlib-forms/site/styles/src/assets/resources/illustrations/breadcrumb-arrow.svg") no-repeat 0 3px;
    float: left;
    margin-top: 7px;
    width: 7px;
    height: 15px;
    content: '';
    display: inline-block;
    margin-right: 10px;
    margin-top: 7px; }

.breadcrumb {
  padding: 0 15px; }

/*
  Breakout Component

  Breakout Component come in variations of `side panel`, `fixed icon`,  `title`,  `discription`,  `buttons`.

  Markup: breakout.hbs

  Style guide: Components.breakout
 */
.sw-breakout-container {
  position: relative;
  margin: 30px 0 30px 0; }
  .sw-breakout-container.sw-white-bg {
    background-color: #fff; }
  .sw-breakout-container .sw-breakout-icon {
    position: absolute;
    height: 25px;
    width: 25px;
    top: 13px;
    left: 23px;
    display: none; }
  .sw-breakout-container.sw-show-icon .sw-breakout-icon {
    display: block; }
  .sw-breakout-container.sw-breakout-info {
    border: 1px solid #00006E; }
    .sw-breakout-container.sw-breakout-info .sw-breakout-icon {
      background: url(clientlib-forms/site/styles/src/assets/resources/illustrations/breakout-info.svg) no-repeat; }
  .sw-breakout-container.sw-breakout-warning {
    border: 1px solid #FB9C32; }
    .sw-breakout-container.sw-breakout-warning .sw-breakout-icon {
      background: url(clientlib-forms/site/styles/src/assets/resources/illustrations/breakout-warning.svg) no-repeat; }
  .sw-breakout-container.sw-breakout-error {
    border: 1px solid #B30700; }
    .sw-breakout-container.sw-breakout-error .sw-breakout-icon {
      background: url(clientlib-forms/site/styles/src/assets/resources/illustrations/breakout-error.svg) no-repeat; }
  .sw-breakout-container.sw-breakout-success {
    border: 1px solid #32845A; }
    .sw-breakout-container.sw-breakout-success .sw-breakout-icon {
      background: url(clientlib-forms/site/styles/src/assets/resources/illustrations/breakout-success.svg) no-repeat; }
  .sw-breakout-container.sw-show-left-border {
    border-left-width: 15px; }
  .sw-breakout-container.sw-show-left-border .sw-breakout-wrapper {
    padding: 15px 15px 15px 50px; }
  .sw-breakout-container.sw-show-left-border .sw-breakout-icon {
    left: 10px; }
  .sw-breakout-container .sw-breakout-wrapper {
    padding: 15px 15px 15px 65px; }
  .sw-breakout-container .sw-breakout-msg {
    font-size: 1rem;
    line-height: 1.375rem;
    text-align: left;
    font-family: "Mont", Helvetica, Arial, sans-serif;
    color: #000000;
    letter-spacing: 0.12px;
    display: none; }
    @media (max-width: 773px) {
      .sw-breakout-container .sw-breakout-msg {
        font-size: 0.875rem;
        line-height: 1.0625rem;
        text-align: left; } }
    .sw-breakout-container .sw-breakout-msg b {
      font-size: 1rem;
      line-height: 1.3125rem;
      text-align: left;
      font-family: "Mont", Helvetica, Arial, sans-serif;
      color: #000000;
      font-weight: 600; }
      @media (max-width: 773px) {
        .sw-breakout-container .sw-breakout-msg b {
          font-size: 0.875rem;
          line-height: 1.0625rem;
          text-align: left; } }
    .sw-breakout-container .sw-breakout-msg a {
      overflow-wrap: break-word; }
    .sw-breakout-container .sw-breakout-msg.sw-show-msg {
      display: block; }
    .sw-breakout-container .sw-breakout-msg p {
      padding: 0;
      margin: 0; }
      .sw-breakout-container .sw-breakout-msg p + p {
        margin-top: 16px; }
    .sw-breakout-container .sw-breakout-msg ul {
      padding: 15px; }
  .sw-breakout-container .sw-btn-container {
    margin-top: 40px;
    min-height: 52px; }
    @media (max-width: 773px) {
      .sw-breakout-container .sw-btn-container {
        height: auto; } }
    .sw-breakout-container .sw-btn-container .sw-btn-wrapper {
      display: none;
      min-height: 51px; }
      @media (max-width: 773px) {
        .sw-breakout-container .sw-btn-container .sw-btn-wrapper {
          height: auto; } }
      .sw-breakout-container .sw-btn-container .sw-btn-wrapper.sw-show-primary {
        display: block; }
        @media (max-width: 773px) {
          .sw-breakout-container .sw-btn-container .sw-btn-wrapper.sw-show-primary {
            display: block;
            width: 100%;
            margin-right: 0; } }
      .sw-breakout-container .sw-btn-container .sw-btn-wrapper.sw-show-secondary {
        display: block; }
        @media (max-width: 773px) {
          .sw-breakout-container .sw-btn-container .sw-btn-wrapper.sw-show-secondary {
            display: block;
            width: 100%; } }
    .sw-breakout-container .sw-btn-container .sw-primary-btn {
      padding: 0 20px 0 0; }
      @media (max-width: 773px) {
        .sw-breakout-container .sw-btn-container .sw-primary-btn {
          padding: 0 0 0 0; } }
      .sw-breakout-container .sw-btn-container .sw-primary-btn button {
        margin-left: 0 !important; }
    .sw-breakout-container .sw-btn-container .sw-secondary-btn {
      padding: 0 0 0 0; }
      @media (max-width: 773px) {
        .sw-breakout-container .sw-btn-container .sw-secondary-btn {
          padding: 20px 0 0 0; } }
    @media (max-width: 773px) {
      .sw-breakout-container .sw-btn-container.sw-show-secbtn-only .sw-secondary-btn {
        padding: 0 0 0 0; } }

.breakout .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  padding: 0;
  margin: 0;
  border-left-width: 0;
  border-style: none; }

.breakout .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-left-width: 0;
  border-style: none;
  padding: 0; }

/*
  call-to-action

  Markup: call-to-action.hbs

  Style guide: Components.call-to-action
 */
.call-to-action-container {
  background-color: #fff; }
  .call-to-action-container.aem-GridColumn {
    padding: 0; }
  .call-to-action-container .pseudoBg {
    width: 100vw;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    min-height: 100px;
    z-index: -1; }
  .call-to-action-container .cmp-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .call-to-action-container .cmp-accordion .cmp-accordion__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 25px;
      margin-bottom: 30px;
      margin-top: 30px;
      position: relative;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-left: 1px solid #EDEDED;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .call-to-action-container .cmp-accordion .cmp-accordion__item:first-child {
        border: 0; }
      @media (max-width: 773px) {
        .call-to-action-container .cmp-accordion .cmp-accordion__item {
          border: 1px solid #EDEDED !important;
          width: 50% !important;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 40px 25px 30px 25px;
          margin-bottom: 0;
          margin-top: 0;
          -webkit-box-flex: 0;
              -ms-flex: none;
                  flex: none; }
          .call-to-action-container .cmp-accordion .cmp-accordion__item:nth-child(even) {
            margin-left: -1px; } }
  .call-to-action-container .call-to-action .sw-image-container {
    background-color: transparent;
    padding-bottom: 0; }
    .call-to-action-container .call-to-action .sw-image-container .cmp-image .cmp-image__link img {
      width: 65px;
      height: 55px;
      margin-bottom: 0;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .call-to-action-container .call-to-action .sw-image-container .cmp-image:hover .cmp-image__link {
      color: #00259b;
      text-decoration: underline !important; }
      .call-to-action-container .call-to-action .sw-image-container .cmp-image:hover .cmp-image__link img {
        -webkit-transform: scale(1.2);
                transform: scale(1.2); }
    .call-to-action-container .call-to-action .sw-image-container .cmp-image__link {
      font-family: "Mont-SemiBold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      line-height: 25px;
      font-weight: 500;
      color: #000000;
      text-align: center; }
      .call-to-action-container .call-to-action .sw-image-container .cmp-image__link:first-child {
        display: block;
        width: 66px;
        height: 53px;
        overflow: hidden;
        margin: 0 auto 0 auto; }
      @media (max-width: 773px) {
        .call-to-action-container .call-to-action .sw-image-container .cmp-image__link {
          font-size: 0.875rem;
          line-height: 1.1875rem;
          text-align: center; } }

/*
  category-component

  Markup: category-component.hbs

  Style guide: Components.category-component
 */
.sw-category-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  margin-bottom: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 773px) {
    .sw-category-container {
      display: block; } }
  .sw-category-container .sw-image-wrap {
    display: none; }
  .sw-category-container .sw-category-item {
    width: calc((100% - 60px) / 3);
    margin-left: 30px; }
    .sw-category-container .sw-category-item:nth-child(3n + 1) {
      margin-left: 0; }
    @media (max-width: 773px) {
      .sw-category-container .sw-category-item {
        display: contents; } }
    @media all and (-ms-high-contrast: none) {
      .sw-category-container .sw-category-item {
        display: inline; } }
    .sw-category-container .sw-category-item:first-child {
      margin-left: 0; }
    .sw-category-container .sw-category-item .category-item {
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      .sw-category-container .sw-category-item .category-item > a {
        text-decoration: none;
        display: block;
        padding: 15px; }
        @media (max-width: 773px) {
          .sw-category-container .sw-category-item .category-item > a {
            padding: 20px 15px; } }
        .sw-category-container .sw-category-item .category-item > a.sw-item-border {
          border: 1px solid #E5E5E5; }
      @media (max-width: 773px) {
        .sw-category-container .sw-category-item .category-item {
          margin-bottom: 20px; } }
      .sw-category-container .sw-category-item .category-item.sw-comp-bg-off-blue {
        background-color: #f7f7fb; }
      .sw-category-container .sw-category-item .category-item.sw-comp-bg-white {
        background-color: #fff; }
      .sw-category-container .sw-category-item .category-item.sw-comp-bg-grey {
        background-color: #fafafa; }
      .sw-category-container .sw-category-item .category-item.sw-comp-bg-trans {
        background-color: transparent; }
        .sw-category-container .sw-category-item .category-item.sw-comp-bg-trans .sw-item-border {
          border: 1px solid transparent; }
      .sw-category-container .sw-category-item .category-item .category-button {
        margin-top: 20px; }
      .sw-category-container .sw-category-item .category-item:hover {
        -webkit-box-shadow: 0 3px 6px 0 rgba(118, 104, 104, 0.2);
                box-shadow: 0 3px 6px 0 rgba(118, 104, 104, 0.2); }
        .sw-category-container .sw-category-item .category-item:hover .sw-image-container img {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2); }
        .sw-category-container .sw-category-item .category-item:hover .category-button .sw-primary-btn a, .sw-category-container .sw-category-item .category-item:hover .category-button .sw-primary-btn button {
          background: #00006E !important; }
        .sw-category-container .sw-category-item .category-item:hover .category-button .sw-secondary-btn a, .sw-category-container .sw-category-item .category-item:hover .category-button .sw-secondary-btn button {
          background: #ECEDF2 !important;
          color: #00259b; }
        .sw-category-container .sw-category-item .category-item:hover .category-bodytext .external-link {
          background: url("clientlib-forms/site/styles/src/assets/resources/illustrations/arrow-forward-cyan.svg") no-repeat 100% 4px; }
      .sw-category-container .sw-category-item .category-item .container {
        padding: 2px 16px; }
      .sw-category-container .sw-category-item .category-item .sw-image-container {
        position: relative;
        overflow: hidden;
        width: calc(100% + 32px);
        height: calc(204px - 1px);
        margin: -16px -16px 15px -16px; }
        @media (max-width: 773px) {
          .sw-category-container .sw-category-item .category-item .sw-image-container {
            margin-top: -21px;
            margin-bottom: 20px; } }
        .sw-category-container .sw-category-item .category-item .sw-image-container .cmp-image {
          height: 100%; }
        .sw-category-container .sw-category-item .category-item .sw-image-container img {
          max-width: 100%;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          display: block;
          width: 100%;
          height: auto;
          -webkit-transform: scale(1);
                  transform: scale(1);
          margin-bottom: 0; }
          @media (max-width: 773px) {
            .sw-category-container .sw-category-item .category-item .sw-image-container img {
              -o-object-fit: cover;
                 object-fit: cover;
              height: 100%; } }
      .sw-category-container .sw-category-item .category-item .category-button .sw-primary-btn .cmp-button,
      .sw-category-container .sw-category-item .category-item .category-button .sw-secondary-btn .cmp-button {
        display: block;
        min-width: 100%; }
      .sw-category-container .sw-category-item .category-item .category-bodytext {
        font-size: 1rem;
        line-height: 1.125rem;
        text-align: left;
        margin-top: 15px; }
        @media (max-width: 773px) {
          .sw-category-container .sw-category-item .category-item .category-bodytext {
            margin-top: 5px; } }
        .sw-category-container .sw-category-item .category-item .category-bodytext p {
          margin: 0;
          font-size: 1rem;
          line-height: 1.125rem;
          text-align: left; }
          .sw-category-container .sw-category-item .category-item .category-bodytext p span.sw-green {
            color: #46e6be; }
          .sw-category-container .sw-category-item .category-item .category-bodytext p span.sw-blue {
            color: #00259b; }
          .sw-category-container .sw-category-item .category-item .category-bodytext p span.red {
            color: #B30700; }
        .sw-category-container .sw-category-item .category-item .category-bodytext .external-link {
          color: #001a7d;
          margin-top: 20px;
          font-size: 0.875rem;
          line-height: 1.25rem;
          text-align: left;
          letter-spacing: 0.25px;
          padding-right: 28px;
          text-decoration: none;
          border-bottom: 1px solid #001a7d;
          -webkit-transition: all ease-in-out 0.2s;
          transition: all ease-in-out 0.2s;
          background: url("clientlib-forms/site/styles/src/assets/resources/illustrations/arrow-forward-hover.svg") no-repeat 95% 4px;
          display: table; }
          .sw-category-container .sw-category-item .category-item .category-bodytext .external-link:after {
            display: none; }
      .sw-category-container .sw-category-item .category-item .category-title p {
        margin: 0; }
      .sw-category-container .sw-category-item .category-item .category-title * {
        font-size: 1rem;
        line-height: 1.25rem;
        text-align: left;
        font-weight: 600;
        margin: 0; }
        @media (max-width: 773px) {
          .sw-category-container .sw-category-item .category-item .category-title * {
            font-size: 16px; } }
      @media (max-width: 773px) {
        .sw-category-container .sw-category-item .category-item .smallImageBox {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
              -ms-flex-direction: row-reverse;
                  flex-direction: row-reverse;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .sw-category-container .sw-category-item .category-item .smallImageBox.sw-image-absent .text-wrapper {
            width: 100%; }
          .sw-category-container .sw-category-item .category-item .smallImageBox .text-wrapper {
            width: calc(100% - 116px); }
          .sw-category-container .sw-category-item .category-item .smallImageBox .category-button {
            width: 100%; }
          .sw-category-container .sw-category-item .category-item .smallImageBox .sw-image-container {
            width: 96px;
            margin: 0;
            height: 96px;
            padding: 0;
            margin-left: 20px; }
          .sw-category-container .sw-category-item .category-item .smallImageBox .external-link {
            margin-top: 15px; } }

.sw-single-category .sw-category-container .sw-category-item {
  width: 100%; }

/*
  coloured-cta

  Markup: coloured-cta.hbs

  Style guide: Components.coloured-cta
 */
.coloured-cta-button {
  margin-left: 0 !important;
  margin-right: 0 !important; }
  .coloured-cta-button > a {
    border-radius: 5px;
    padding: 0;
    display: block;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    text-decoration: none;
    margin: 0 !important; }
    .coloured-cta-button > a .sw-cta-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 22px 24px; }
      .coloured-cta-button > a .sw-cta-container * {
        margin: 0; }
      @media (max-width: 773px) {
        .coloured-cta-button > a .sw-cta-container {
          padding: 20px;
          height: auto; } }
      .coloured-cta-button > a .sw-cta-container .sw-ct-icon-container {
        margin-right: 23.56px; }
      .coloured-cta-button > a .sw-cta-container .sw-cta-text-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media (max-width: 773px) {
          .coloured-cta-button > a .sw-cta-container .sw-cta-text-container {
            padding-top: 10px; } }
        .coloured-cta-button > a .sw-cta-container .sw-cta-text-container .sw-cta-title * {
          font-weight: 600;
          font-size: 1.25rem;
          line-height: 1.5rem;
          text-align: left; }
          @media (max-width: 773px) {
            .coloured-cta-button > a .sw-cta-container .sw-cta-text-container .sw-cta-title * {
              font-size: 18px; } }
        .coloured-cta-button > a .sw-cta-container .sw-cta-text-container .sw-cta-body-text {
          margin-top: 9px;
          font-size: 1rem;
          line-height: 1.375rem;
          text-align: left; }
      .coloured-cta-button > a .sw-cta-container .sw-circle {
        width: 86px;
        height: 86px;
        border-radius: 100%;
        position: relative; }
        @media (max-width: 773px) {
          .coloured-cta-button > a .sw-cta-container .sw-circle {
            width: 58px;
            height: 58px; } }
        .coloured-cta-button > a .sw-cta-container .sw-circle img {
          width: 32px;
          -webkit-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
          @media (max-width: 773px) {
            .coloured-cta-button > a .sw-cta-container .sw-circle img {
              width: 23px; } }
    .coloured-cta-button > a:hover .sw-circle img {
      width: 39px; }
      @media (max-width: 773px) {
        .coloured-cta-button > a:hover .sw-circle img {
          width: 27px; } }
  .coloured-cta-button.sw-green-cta > a {
    background-color: #00EBBF; }
    .coloured-cta-button.sw-green-cta > a * {
      color: #00006E; }
    .coloured-cta-button.sw-green-cta > a .sw-circle {
      background-color: #40CBB1; }
    .coloured-cta-button.sw-green-cta > a:hover {
      background-color: #00F5C8; }
  .coloured-cta-button.sw-md-blue-cta > a {
    background-color: #00259b; }
    .coloured-cta-button.sw-md-blue-cta > a * {
      color: #fff; }
    .coloured-cta-button.sw-md-blue-cta > a .sw-circle {
      background-color: #5E5EB6; }
    .coloured-cta-button.sw-md-blue-cta > a:hover {
      background-color: #002BB8; }
  .coloured-cta-button.sw-light-blue-cta > a {
    background-color: #53CEED; }
    .coloured-cta-button.sw-light-blue-cta > a * {
      color: #000000; }
    .coloured-cta-button.sw-light-blue-cta > a .sw-circle {
      background-color: #28B3D6; }
    .coloured-cta-button.sw-light-blue-cta > a:hover {
      background-color: #57D7F7; }
  .coloured-cta-button.sw-coral-cta > a {
    background-color: #FF787C; }
    .coloured-cta-button.sw-coral-cta > a * {
      color: #000000; }
    .coloured-cta-button.sw-coral-cta > a .sw-circle {
      background-color: #C36063; }
    .coloured-cta-button.sw-coral-cta > a:hover {
      background-color: #FF9093; }
  @media (max-width: 773px) {
    .coloured-cta-button {
      width: 100vw !important; } }

/*
  External Modal link

  Styling external and Modal link Icon
  
  Markup: external-modal-link.hbs

  Style guide: Components.external-modal-link
 */
.modal-info {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  color: #00259b;
  font-weight: normal;
  letter-spacing: 0.19px;
  position: relative;
  cursor: pointer;
  text-decoration: underline; }
  @media (max-width: 773px) {
    .modal-info {
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.1px; } }
  .modal-info:after {
    display: inline-block;
    background: url("clientlib-forms/site/styles/src/assets/resources/illustrations/help_black.svg");
    content: " ";
    height: 16px;
    width: 16px;
    position: relative;
    top: 2px;
    margin-left: 4px;
    background-position: -1px;
    background-size: 18px; }
    @media (max-width: 773px) {
      .modal-info:after {
        height: 15px;
        width: 15px;
        background-position: -1px;
        background-size: 17px;
        top: 2px; } }
  .modal-info:hover {
    color: #00006E; }
  .modal-info a {
    color: #00259b;
    font-size: 1rem;
    line-height: 1.375rem;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0.19px;
    position: relative;
    text-decoration: none; }
    @media (max-width: 773px) {
      .modal-info a {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.1px; } }
    .modal-info a::hover {
      color: #00006E; }

button.modal-info {
  text-decoration: none; }
  button.modal-info:after {
    background: none;
    height: auto; }

.external-link a {
  color: #00259b;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  letter-spacing: 0.19px;
  position: relative;
  text-decoration: underline; }
  @media (max-width: 773px) {
    .external-link a {
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.1px; } }
  .external-link a:after {
    display: inline-block;
    background: url("clientlib-forms/site/styles/src/assets/resources/illustrations/launch_black.svg");
    content: " ";
    height: 14px;
    width: 14px;
    position: relative;
    top: 2px;
    margin-left: 4px;
    background-position: -2px;
    background-size: 18px; }
    @media (max-width: 773px) {
      .external-link a:after {
        height: 13px;
        width: 13px;
        top: 2px;
        background-position: -1.5px;
        background-size: 16px; } }
  .external-link a:hover {
    color: #00006E; }

.pdf-link a {
  color: #00259b;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: normal;
  letter-spacing: 0.12px;
  position: relative;
  text-decoration: underline;
  display: inline; }
  .pdf-link a .pdfSizeWithIco {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .pdf-link a .pdfSizeWithIco:after {
      display: inline-block;
      background: url("clientlib-forms/site/styles/src/assets/resources/illustrations/pdf-Icon.svg");
      content: " ";
      height: 15px;
      width: 18px;
      position: relative;
      top: 1px;
      margin-left: 5px; }
  @media (max-width: 773px) {
    .pdf-link a {
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.1px; } }
  .pdf-link a:hover {
    color: #00006E; }

a {
  color: #00259b;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.12px; }
  @media (max-width: 773px) {
    a {
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.1px; } }
  a:hover {
    color: #00006E; }

.guideHelpQuestionMark {
  display: none; }

/*
  Butttons

  Styling primary and secondary Button for desktop and Mobile View

  Style guide: Components.buttons
 */
.sw-primary-btn button {
  position: relative;
  min-width: 150px;
  min-height: 51px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 4px #60617029;
          box-shadow: 0px 2px 4px #60617029;
  background: #00259b !important;
  border: 1px solid #00259b !important;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.29px;
  margin-right: 0;
  padding: 15px 30px; }
  @media (max-width: 773px) {
    .sw-primary-btn button {
      min-width: 100%;
      margin-left: 0; }
      .sw-primary-btn button .iconButton-icon {
        display: none !important; }
      .sw-primary-btn button .iconButton-label {
        display: block !important; } }
  .sw-primary-btn button:hover {
    background: #00006E !important; }

.sw-primary-btn a {
  position: relative;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 4px #60617029;
          box-shadow: 0px 2px 4px #60617029;
  background: #00259b !important;
  border: 1px solid #00259b !important;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.29px;
  text-decoration: none;
  padding: 15px 30px;
  display: block; }
  @media (max-width: 773px) {
    .sw-primary-btn a {
      width: 100%; }
      .sw-primary-btn a .iconButton-icon {
        display: none !important; }
      .sw-primary-btn a .iconButton-label {
        display: block !important; } }
  .sw-primary-btn a:hover {
    background: #00006E !important; }

.sw-primary-btn .modal-info {
  color: #fff; }

.sw-secondary-btn button {
  position: relative;
  min-width: 150px;
  min-height: 51px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 4px #60617029;
          box-shadow: 0px 2px 4px #60617029;
  background: #fff !important;
  color: #00259b !important;
  border: 2px solid #00259b !important;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-right: 30px;
  letter-spacing: 0.29px;
  padding: 15px 30px; }
  @media (max-width: 773px) {
    .sw-secondary-btn button {
      min-width: 100%; }
      .sw-secondary-btn button .iconButton-icon {
        display: none !important; }
      .sw-secondary-btn button .iconButton-label {
        display: block !important; } }
  .sw-secondary-btn button:hover {
    background: #ecedf2 !important;
    color: #00259b; }

.sw-secondary-btn a {
  position: relative;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 4px #60617029;
          box-shadow: 0px 2px 4px #60617029;
  background: #fff !important;
  color: #00259b;
  border: 2px solid #00259b !important;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.29px;
  text-decoration: none;
  padding: 15px 30px;
  display: block; }
  @media (max-width: 773px) {
    .sw-secondary-btn a {
      width: 100%; }
      .sw-secondary-btn a .iconButton-icon {
        display: none !important; }
      .sw-secondary-btn a .iconButton-label {
        display: block !important; } }
  .sw-secondary-btn a:hover {
    background: #ecedf2 !important;
    color: #00259b; }

.sw-close-sec-button {
  padding-top: 15px; }
  .sw-close-sec-button button {
    min-width: 150px !important; }
  @media (max-width: 773px) {
    .sw-close-sec-button {
      min-width: 120px !important; } }

.sw-close-prim-button button {
  position: relative;
  min-width: 150px !important;
  float: right;
  top: -60px; }

@media (max-width: 773px) {
  .sw-close-prim-button {
    min-width: 120px !important; } }

.sw-btn-container .sw-btn-wrapper {
  float: left; }
  @media (max-width: 773px) {
    .sw-btn-container .sw-btn-wrapper {
      float: none; } }

.sw-btn-container:after {
  content: '';
  clear: both;
  display: table; }

@media (max-width: 773px) {
  .button .sw-primary-btn {
    margin-bottom: 20px; } }

/*
  Close Buttton

  Styling Close Button for desktop and Mobile View

  Style guide: Components.close-button
 */
.sw-form-close {
  position: absolute;
  right: 0;
  text-align: right;
  width: 50% !important;
  height: 61px;
  background-color: #fff; }
  @media (max-width: 773px) {
    .sw-form-close {
      height: 81px;
      position: relative;
      float: left; } }
  .sw-form-close .cmp-button {
    background-color: #001a7d !important;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    text-align: center;
    letter-spacing: 0.46px;
    border: none;
    border-radius: 0%;
    -webkit-box-shadow: none;
            box-shadow: none;
    min-width: 117px;
    height: 64px;
    text-decoration: none;
    padding: 0; }
    .sw-form-close .cmp-button:before, .sw-form-close .cmp-button:after {
      content: "";
      width: 15px;
      height: 2px;
      background: white;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      position: absolute;
      left: 28px;
      top: 30px; }
      @media (max-width: 773px) {
        .sw-form-close .cmp-button:before, .sw-form-close .cmp-button:after {
          top: 37.5px; } }
    .sw-form-close .cmp-button:after {
      left: 28px;
      -webkit-transform: rotate(41deg);
              transform: rotate(41deg); }
    .sw-form-close .cmp-button .cmp-button__text {
      margin-left: 23px;
      vertical-align: middle; }
    @media (max-width: 773px) {
      .sw-form-close .cmp-button {
        height: 81px; } }
  .sw-form-close a.cmp-button {
    padding: 21.5px 32px;
    position: relative;
    width: 117px;
    float: right; }
    @media (max-width: 773px) {
      .sw-form-close a.cmp-button {
        padding: 32.5px 32px; }
        .sw-form-close a.cmp-button:before, .sw-form-close a.cmp-button:after {
          top: 40px; } }

@media (min-width: 774px) and (max-width: 1150px) {
  .sw-multi-form .sw-form-close {
    position: relative;
    float: left; } }

@media (min-width: 1201px) and (max-width: 1465px) {
  .sw-multi-form .sw-form-close {
    position: relative;
    float: left; } }

.sw-multi-form .sw-form-close a.cmp-button {
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 773px) {
    .sw-multi-form .sw-form-close a.cmp-button:before, .sw-multi-form .sw-form-close a.cmp-button:after {
      top: 38px; } }
  .sw-multi-form .sw-form-close a.cmp-button .cmp-button__text {
    margin-left: 23px; }

/*
  Form Separator Component

  Form Separator Component stylling for Desktop and mobile

  Style guide: Components.form-separator
 */
.sw-form-separator {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -49vw;
  background: #fafafa;
  height: 20px; }
  @media (max-width: 773px) {
    .sw-form-separator {
      height: 15px; } }
  .sw-form-separator .cmp-separator__horizontal-rule {
    display: none; }

/*
  Logo

  Styling Logo for desktop and Mobile View

  Style guide: Components.logo
 */
.sw-logo {
  width: 50% !important;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  height: 61px;
  background-color: #fff; }
  @media (max-width: 773px) {
    .sw-logo {
      height: 81px;
      position: relative;
      float: left; } }
  .sw-logo .cmp-image__image {
    width: 97px;
    margin-bottom: 12px; }
    @media (max-width: 773px) {
      .sw-logo .cmp-image__image {
        width: 129px; } }
  .sw-logo.image .sw-image-container {
    background-color: #fff;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-left: 15px;
    padding-bottom: 0; }

@media (min-width: 774px) and (max-width: 1150px) {
  .sw-multi-form .sw-logo {
    position: relative;
    float: left; } }

@media (min-width: 1201px) and (max-width: 1465px) {
  .sw-multi-form .sw-logo {
    position: relative;
    float: left; } }

/*
  image-component

  Markup: image-component.hbs

  Style guide: Components.image-component
 */
.sw-image-container {
  clear: both; }
  .sw-image-container .cmp-image__link {
    display: block; }
    .sw-image-container .cmp-image__link:focus-visible {
      outline: 1px solid -webkit-focus-ring-color;
      -webkit-box-shadow: 0 0 10px -webkit-focus-ring-color;
              box-shadow: 0 0 10px -webkit-focus-ring-color; }
  .sw-image-container .sw-image-wrap {
    padding: 10px; }
    @media (max-width: 773px) {
      .sw-image-container .sw-image-wrap {
        padding: 10px 15px; } }
  .sw-image-container img {
    width: 100%;
    height: auto;
    margin: 0;
    max-width: 100%;
    display: block; }
    .sw-image-container img:after {
      content: "";
      display: table;
      clear: both; }
  .sw-image-container p {
    font-size: 0.875rem;
    line-height: normal;
    color: #505050;
    padding: 0;
    margin: 0; }
    .sw-image-container p.sw-top-space {
      margin-top: 5px; }
      @media (max-width: 773px) {
        .sw-image-container p.sw-top-space {
          margin-top: 4px; } }
    .sw-image-container p.cmp-image__title {
      font-weight: 500;
      color: #000000;
      font-family: "Mont-SemiBold", Helvetica, Arial, sans-serif; }
    @media (max-width: 773px) {
      .sw-image-container p {
        font-size: 0.75rem; } }

.image .sw-image-container .sw-image-wrap {
  background-color: #F2F2F2; }

/*
  Modal

  Modal popup stylling

  Markup: modal.hbs

  Style guide: Components.Modal
 */
.sw-modal {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }
  .sw-modal .sw-content-container {
    background-color: #fefefe;
    padding: 15px 15px 30px;
    border-radius: 5px 5px 0 0;
    width: 920px;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media (max-width: 773px) {
      .sw-modal .sw-content-container {
        width: 90%; } }
    .sw-modal .sw-content-container .sw-modal-content {
      max-height: 60vh;
      overflow-y: scroll;
      width: 99%;
      padding: 5px 65px 0 60px; }
      @media (max-width: 773px) {
        .sw-modal .sw-content-container .sw-modal-content {
          width: 100%;
          padding: 0; } }
      .sw-modal .sw-content-container .sw-modal-content::-webkit-scrollbar {
        background-color: white;
        border-radius: 10px;
        width: 14px; }
      .sw-modal .sw-content-container .sw-modal-content::-webkit-scrollbar-thumb {
        background-color: #D1D1D1;
        border-radius: 10px;
        border: 5px solid white; }
      .sw-modal .sw-content-container .sw-modal-content::-webkit-scrollbar-thumb:vertical {
        height: 20px !important;
        width: 15px; }
  .sw-modal .sw-close-icon {
    background: url("clientlib-forms/site/styles/src/assets/resources/illustrations/close.svg") no-repeat;
    width: 30px;
    height: 31px;
    background-size: 30px;
    padding: 0;
    float: right; }
    .sw-modal .sw-close-icon:hover {
      background: url("clientlib-forms/site/styles/src/assets/resources/illustrations/close_hover.svg") no-repeat;
      background-size: 30px; }
  @media (max-width: 773px) {
    .sw-modal .cmp-text {
      padding: 0; } }
  .sw-modal .cmp-text p {
    margin: 0; }
  .sw-modal .sw-modal-close {
    height: 51px;
    margin: 30px 60px 0;
    display: inline-block; }
    @media (max-width: 773px) {
      .sw-modal .sw-modal-close {
        margin: 30px 0 0; } }
    .sw-modal .sw-modal-close button {
      cursor: pointer; }
    .sw-modal .sw-modal-close a {
      top: 13px; }
      @media (max-width: 773px) {
        .sw-modal .sw-modal-close a {
          top: 0; } }
  .sw-modal .aem-GridColumn {
    padding: 0 15px; }

.sw-no-scroll {
  overflow: hidden; }

.cmp-button.modal-info::after {
  content: none; }

/*
  notification

  Markup: notification.hbs

  Style guide: Components.notification
 */
.notification-banner {
  opacity: 1;
  max-height: 200px;
  overflow: hidden;
  -webkit-transition: opacity .5s linear, max-height .5s linear;
  transition: opacity .5s linear, max-height .5s linear;
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -49vw; }

.notification {
  padding: 25px 30px;
  background-color: #fff;
  color: #000000;
  font-weight: normal;
  opacity: 1;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  text-align: center;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -49vw;
  display: table; }
  .notification > * {
    display: table-cell; }
  .notification > p {
    margin: 0;
    display: inline;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    text-align: left;
    letter-spacing: normal; }
  @media (max-width: 773px) {
    .notification {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: left;
      padding: 15px 15px 15px 20px; }
      .notification > span {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0; }
      .notification > p {
        text-align: left;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        line-height: 22px;
        font-size: 13px;
        width: calc(100% - 64px); } }
  .notification a {
    color: #00259b; }
    .notification a:hover {
      font-weight: 600; }
  .notification.purple {
    background-color: #EDEFFF; }
  .notification.green {
    background-color: #9AF6E5; }
  .notification.yellow {
    background-color: #FAE5A2; }
  .notification.pink {
    background-color: #FFC4C6; }
  .notification .closebtn {
    background: url("clientlib-forms/site/styles/src/assets/resources/illustrations/black-cross.svg") no-repeat 0 -2px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 22px;
    width: 47px;
    border-left: 20px solid transparent; }
    @media (max-width: 773px) {
      .notification .closebtn {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        width: 27px;
        margin-left: 20px;
        border-left: 0; } }
  .notification .icon {
    display: inline-block;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 22px;
    width: 22px;
    vertical-align: top;
    position: relative;
    margin-right: 10px; }
    .notification .icon img {
      width: 22px; }
    @media (max-width: 773px) {
      .notification .icon {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        text-align: center; } }

/*
  table-component

  Markup: table-component.hbs

  Style guide: Components.table-component
 */
.cmp-text table, .cq-RichText-editable table {
  width: 100%;
  border-collapse: collapse;
  font-weight: normal;
  table-layout: fixed;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  border: 0; }
  .cmp-text table .modal-info, .cq-RichText-editable table .modal-info {
    font-size: 0.875rem;
    line-height: 1rem;
    text-align: center;
    font-weight: 600; }
    @media (max-width: 773px) {
      .cmp-text table .modal-info, .cq-RichText-editable table .modal-info {
        font-size: 0.875rem;
        line-height: 1.25rem;
        text-align: center; } }
    .cmp-text table .modal-info:after, .cq-RichText-editable table .modal-info:after {
      height: 17px;
      width: 17px;
      top: 4px; }
    .cmp-text table .modal-info a, .cq-RichText-editable table .modal-info a {
      font-size: 0.875rem;
      line-height: 1rem;
      text-align: center;
      font-weight: 600; }
      @media (max-width: 773px) {
        .cmp-text table .modal-info a, .cq-RichText-editable table .modal-info a {
          font-size: 0.875rem;
          line-height: 1.25rem;
          text-align: center; } }
  .cmp-text table th, .cq-RichText-editable table th {
    border: 0;
    padding: 12px 0 12px 25px;
    text-align: left;
    background-color: #B5ECFA;
    font-weight: 600;
    line-height: 1.25rem; }
    .cmp-text table th:first-child, .cq-RichText-editable table th:first-child {
      padding-left: 15px; }
    .cmp-text table th:last-child, .cq-RichText-editable table th:last-child {
      padding-right: 15px; }
  .cmp-text table td, .cq-RichText-editable table td {
    border: 0;
    padding: 12px 0 12px 25px;
    text-align: left;
    vertical-align: top; }
    .cmp-text table td a, .cq-RichText-editable table td a {
      color: #03379E; }
    .cmp-text table td .tableHding, .cq-RichText-editable table td .tableHding {
      display: none; }
    .cmp-text table td:first-child, .cq-RichText-editable table td:first-child {
      padding-left: 15px; }
    .cmp-text table td:last-child, .cq-RichText-editable table td:last-child {
      padding-right: 15px; }
  .cmp-text table tr, .cq-RichText-editable table tr {
    border: 0;
    border-bottom: 1px solid #BBBABB; }
    .cmp-text table tr:first-child, .cq-RichText-editable table tr:first-child {
      border: 0; }

@media (max-width: 773px) {
  .cmp-text table, .cq-RichText-editable table {
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: left;
    word-wrap: break-word; }
    .cmp-text table thead, .cq-RichText-editable table thead {
      display: none; }
    .cmp-text table td, .cq-RichText-editable table td {
      width: 100%;
      clear: both;
      padding: 15px;
      padding-top: 5px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      line-height: 20px; }
      .cmp-text table td:first-child, .cq-RichText-editable table td:first-child {
        padding: 15px; }
      .cmp-text table td .tableHding, .cq-RichText-editable table td .tableHding {
        display: block;
        font-weight: 600;
        color: #000000;
        width: calc(50% - 5px);
        float: left;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-right: 5px; }
    .cmp-text table th, .cq-RichText-editable table th {
      display: none; }
    .cmp-text table tr, .cq-RichText-editable table tr {
      border: 1px solid #00006E;
      display: -ms-grid;
      display: grid;
      margin-bottom: 24px; }
      .cmp-text table tr:first-child, .cq-RichText-editable table tr:first-child {
        display: none; } }

.cq-RichText-editable table, .cq-RichText-editable td, .cq-RichText-editable th {
  border: 1px solid #676767 !important; }

/*
  Text

  Styling different Text Components
  
  Markup: text.hbs

  Style guide: Components.Text
 */
h1 {
  color: #000C6E;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.27px;
  margin: 0 0 28px; }
  @media (max-width: 773px) {
    h1 {
      font-size: 1.75rem;
      line-height: 2rem;
      letter-spacing: 0.21px;
      margin: 0 0 39px; } }

h2 {
  color: #000C6E;
  font-size: 2rem;
  line-height: 2rem;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.24px;
  margin: 0 0 27px; }
  @media (max-width: 773px) {
    h2 {
      font-size: 1.5rem;
      line-height: 1.5rem;
      letter-spacing: 0.18px;
      margin: 0 0 38px; } }

h3 {
  color: #000C6E;
  font-size: 1.75rem;
  line-height: 1.75rem;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.21px;
  margin: 0 0 23px; }
  @media (max-width: 773px) {
    h3 {
      font-size: 1.25rem;
      line-height: 1.75rem;
      letter-spacing: 0.15px;
      margin: 0 0 26px; } }

h4 {
  letter-spacing: 0.18px;
  margin: 0 0 19px;
  font-family: "Mont-SemiBold", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  color: #000C6E; }
  @media (max-width: 773px) {
    h4 {
      font-size: 1.125rem;
      line-height: 1.125rem;
      letter-spacing: 0.14px;
      margin: 0 0 25px; } }

h5 {
  letter-spacing: 0.15px;
  margin: 0 0 27px;
  font-family: "Mont-SemiBold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  color: #000C6E; }
  @media (max-width: 773px) {
    h5 {
      font-size: 1rem;
      line-height: 1.25rem;
      letter-spacing: 0.12px;
      margin: 0 0 31px; } }

h6 {
  color: #000C6E;
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.12px;
  margin: 0 0 19px; }
  @media (max-width: 773px) {
    h6 {
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.1px;
      margin: 0 0 31px; } }

p {
  color: #000000de;
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0.12px; }
  @media (max-width: 773px) {
    p {
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.1px; } }

.small-text {
  color: #000000de;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0.14px; }
  @media (max-width: 773px) {
    .small-text {
      font-size: 0.75rem;
      line-height: 1.25rem;
      letter-spacing: 0.1px; } }

.section-text {
  color: #00259b;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "Mont", Helvetica, Arial, sans-serif;
  font-weight: 450;
  letter-spacing: 0.1px; }
  @media (max-width: 773px) {
    .section-text {
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.1px; } }

.sw-blue {
  color: #000C6E; }

.sw-semibold {
  font-family: "Mont-SemiBold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #000000de; }
  @media (max-width: 773px) {
    .sw-semibold {
      font-size: 0.875rem; } }

.text ul, .text ol {
  margin: 10px 0 16px; }
  .text ul li, .text ol li {
    color: #000000de;
    font-family: "Mont", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.375rem; }
    @media (max-width: 773px) {
      .text ul li, .text ol li {
        font-size: 0.875rem;
        line-height: 1.25rem; } }
    .text ul li + li, .text ol li + li {
      margin-top: 7px; }

.richtext-container ul, .richtext-container ol {
  margin: 10px 0 16px; }
  .richtext-container ul li, .richtext-container ol li {
    color: #000000de;
    font-family: "Mont", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.375rem; }
    @media (max-width: 773px) {
      .richtext-container ul li, .richtext-container ol li {
        font-size: 0.875rem;
        line-height: 1.25rem; } }
    .richtext-container ul li + li, .richtext-container ol li + li {
      margin-top: 7px; }

.sw-loader-text {
  text-align: center;
  margin-top: 40px;
  max-width: 230px;
  padding: 0 10px; }
  .sw-loader-text p {
    margin: 0;
    color: #00006E;
    line-height: 1.125rem;
    font-family: "Mont", Helvetica, Arial, sans-serif; }